codingtrain / suggestion-box

A repo to track ideas for topics

Coding Train Topics

This repo is for tracking Coding Train topics. You can browse existing suggestions as well as suggest a new topic.

In addition, you can use the "github issue" reactions (thumbs up) to upvote suggestions.

If you are looking for programming help, then you'll probably have better luck at on The Coding Train's Discord. Which has a number of help channels. You can also checkout The Processing Foundation's Forum which is a great place to ask about processing and p5.js. And of course Stack Overflow is great for obscure topics because the user base is so big.

If you'd like to support the Coding Train, consider contributing to our website and/or becoming a YouTube member.

Happy coding! Choo choo!!

suggestion-box's Issues

SuperShape3D

http://paulbourke.net/geometry/supershape/

http://www.syedrezaali.com/3d-supershapes/

https://vimeo.com/116754724

processing sound visualization

Would love to make effects in processing based on a song.
like this:
https://www.youtube.com/watch?v=ei-Z3mzk3vA

Spirograph

Do you have any videos on making spirograph type shapes? Maybe spirograph shapes in 3d?

Loading Animation

I'd love a tutorial on how to do loading animations for p5 js
:) thanks

User input controls

Things like buttons, sliders, text boxes, check boxes, radio buttons.

tweak of reaction diffusion

p5.js tweak of reaction diffusion perlin noise

Double Pendulum

https://www.reddit.com/r/math/comments/4i6t0k/demonstrating_sensitivity_to_initial_conditions/

simon game

with p5.js sound?

This is a very good system!

Inconvergent Generative Algorithms

Video Suggestion: Could you cover "inconvergent" generative algorithms in the near future in processing and/or p5?

https://github.com/inconvergent/sand-spline
https://github.com/inconvergent/differential-line

thank you!

traveling sales person

Possible videos:

• Basic TSP https://www.youtube.com/watch?v=BAejnwN4Ccw
• TSP w/ Lexicographical Order https://www.youtube.com/watch?v=9Xy-LMAfglE
• Look at space-filling curves

Orbital Fractal System

Jellyfish Animation

Marching cubes

How to make a Processing library

ComputerCraft Turtles

Generative Art in minecraft using computer craft.

Working with Electron?

i'm not even sure is this possible? maybe something like how to write some sort of App and how to pack with Electron? emm,just random thoughts

Pong

coding challenge to make pong

Kinect

• skeleton tracking (windows PC Processing)
• background removal (windows PC Processing)
• javascript / kinectron
• saving kinect depth data for later playback

p5.js ascii art generator

Topic idea - how to optimize sketches for the P2D renderer

In one of your videos on youtube i learned that using the P2D renderer could improve performance in some applications. However, after trying it with one of my sketches (a random polygon generator with some basic physics added) and getting worse frame rate than with the standard renderer i realized that something in my code was not working properly with P2D. In the video "Coding Rainbow Live #46: Perlin Noise and Flow Fields" at about 2 hours and 26 minutes you change the processing renderer to use P2D and it still worked. How do you make sure your sketch works optimally with P2D?

Raspberry Pi

Libraries for p5.js (other than sound and dom)

Thinking in particular about rita.js and p5.bots

Two dimensional arrays

Would be col a video for p5js on 2d arrays.... you have already some videos where you use 2d arrays.. but you dont have one for p5js where you explain from scratch how loops nest and so on...

would be awesome.. thanks :)

Chrome Extensions

p5 and connecting to physical buttons & switches (via Arduino or Rasp Pi)

Space filling curve fractals video idea

I'd like to see how to program something like what's seen in this youtube video.
https://www.youtube.com/watch?v=RU0wScIj36o

Use the Picam with Processing

A* Pathfinding

Any chance of videos on implementing A* pathfinding in processing, or pathfinding in general?

A to Z Topics

http://shiffman.github.io/A2Z-F15/

• Regex
• Markov chains
• Context Free Grammars
• node + p5: proxy
• node + p5: simple save data / persistance
• node + p5: API communication i.e. twitter, authenticate user

Slanted purple rain considering wind direction

Processing and eclipse

What is the difference between p5.js and Processing?

p5.js mobile

Coding challenge topic idea - Pathfinding algorithm

This is just a simple idea for a coding challenge, on creating a pathfinding algorithm such as Dijkstra or A*, perhaps on top of the maze generator or with a matrix in which the user could create his walls.

An A* algorithm that I made in native Java, applied on a hexagonal grid, as an example (black cells are walls, blue are empty, the white ones are the ones already tried by the algorithm, the purple ones those that will be tested to find the next one to visit, and in red is the final path) :

Good luck :D

Delaunay Triangulation

On this topic:
https://en.wikipedia.org/wiki/Delaunay_triangulation

Trangulating a polygon means to split it up into smaller triangles.
Your Program could generate some random points and triangulate the konvex hull of them.

Then the challenge would be to find out which triangles are needed to be flipped to make a delaunay trangulation out of it.

Next you could make a voronoi diagram, which tells you areas that are closest to one of the point.
This is to be imagines like having multiples schools and finding the areas for each school to pull pupils from, based on travel distance.
To do so, you would have to make lines that are perpendicular to the edges of the triangles of the delaunay triangulation and they are cut off by each other.

I think you would be able to do the delaunay triangulation in one ~15 min coding challenge, but the voronoi diagram might be a bit harder.

Fireworks simulator

For fourth of july?

navier-stokes

Calculate pi to 1000 decimal places using both p5.js and Processing

Calculate pi to 1000 decimal places using both p5.js and Processing. Compare the speed of both languages. How about 100000 places?

kaleidoscope fractal

kaleidoscope fractal like this: https://mobile.twitter.com/raz_omry/status/746726853352751104?s=09

langton's ant

SuperShape 3D

I would love a video tutorial on the super shape 3D! Here is some inspiration:

http://paulbourke.net/geometry/supershape/
http://www.syedrezaali.com/3d-supershapes/

Machine Learning

• What is classification? Supervised learning.
• Algorithm for classification: K-nearest neighbor
• Other libraries for classification: Weka-for-Processing (I'll make something based on Rebecca's work with Wekinator?)
  • show same example as k-nearest neighbor with library.
  • need a more interesting, creative application?
• Neural networks: what are they?
  • perceptron + supervised learning
  • MLN and XOR: back propagation?
  • Move to a library (deeplearning4j?)
  • digit or shape recognition?
  • other example scenarios?
• Reinforcement learning
  • steering agents (mouse + cheese?)
  • learn to play flappy bird?
• wekinator

The Fourier Transform

Something I've been wanting to understand better...

A good resource: http://betterexplained.com/articles/an-interactive-guide-to-the-fourier-transform/

Meta-balls

Git / Github Topics

• working on someone else’s repo, collaborating
• how to deal with merge conflicts
• gitignore
• multiple remotes
• what is rebase?
• tagging
• git stash
• git checkout -b <name> vs. git checkout -B <name> to reset their local to an upstream.
• reset, revert, rebase and force push

p5.js sound tutorials

• FFT analysis
• mic input
• interactive piano
• melody generation?

BSP Trees (or other Hidden Surface Removal techniques)

Either 2D or 3D would do nicely.

Phyllotaxis

Computer Vision

• avg point tracking
• motion detection / frame differencing
• blob detection algorithm
• blob detection clamping improvement
• blobs with ids (persistence)
• using a library for blobs (opencv)
• opencv polygon approximation for shape detection
• blobs in the browser
• OpenTSPS and CCV
• opencv face detection
• face detection with persistence (ids)
• save faces to file
• more CV in the browser? (reference for JS: http://kylemcdonald.github.io/cv-examples/)

Great reference by @golanlevin: http://www.flong.com/texts/essays/essay_cvad/