A list of ideas for #CodingRainbow Video topics: https://www.youtube.com/user/shiffman

recordinglist.md

Coding Rainbow Topics List

10 minute coding challenges

• disk point picking http://mathworld.wolfram.com/DiskPointPicking.html
• Simulate movement across landscape similar to Charlie Deck's Noon Dunes design? http://bigblueboo.tumblr.com/post/142516604819/noon-dunes
• Games
  • space invades
  • snake game
  • pong
  • simon game
  • stacker game
• a piano keyboard
• fireworks simulator
• Generative Algorithms
  • Orbital Fractal System
  • Meta-balls
  • Labyrinth generator
  • strange attractors
  • reaction-diffusion or navier-stokes
• Marching cubes
• Double pendulum
• Tree animation with leaves
• traveling sales person
• p5.js ascii art generator
• langton's ant

Small topics

• 2D / 3D Perlin noise, more general perlin noise
• What is lerp()?
• Timing with setTimeout() and setInterval()
• closures, callbacks in a loop
• Processing and eclipse
• recording movies out of Processing
• p5.js instance mode
• moving pixels video mirror (as referenced: https://youtu.be/qB3SA43vKYc)
• kinematics (forward? inverse?)
• picking locations for circles where they don't overlap
• line / line intersection point
• simple database with https://sheetsu.com/
• LEAP motion + p5.js
• something with offscreen canvases and compositing / alpha channels on images.
• 2d arrays in Processing vs. p5.js
• google maps API
• p5 voice synthesis

Different editors with p5.js

• brackets, atom, etc.

Twitter bot

• basics of node
• basics of twitter API
• node + Processing for images
• replying to images and processing the images
• deploying to EC2
• API requests (GET requests) from node (more general node videos or still twitter bot series?)

Chrome Extensions

• TBA

Raspberry Pi

• TBA

Neural Network Basics

• TBA

A to Z Topics

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

Kinect and Computer Vision topics

• What is kinect?
• depth image pixels
• min and max threshold
• basic one blob detection
• multi blobs
• blobs and ids
• official SDK and skeletons
• opencv face detect
• face ids (which is which), save to file
• how to make an interactive wall
• great reference for JS: http://kylemcdonald.github.io/cv-examples/
• saving kinect depth data for later playback

Larger topics

• a youtube bot
• Blobs over time (assigning ids)
• markov chain generator from a google doc spreadsheet
• abstract software mirror in the browser
• p5 and sound
• bin-lattice spatial subdivision (follow up to a reference in a nature of code video)
• meshes like Voronoi,Delaunay,Quadtrees and Octrees

Git for Poets

• What is github? What is git?
• Signing up and making your first repo
• commiting
• pull requests and collaborating
• working locally and command line
• How to github pages

p5.js intro videos

• how to upload homework: vimeo, youtube
• What is p5.js in the context of creative coding?
• What is p5.js in the context of HTML/CSS/JavaScript
• Basics of drawing in p5.js
• Basics of color in p5.js
• Variables
• the map() function
• Conditionals
• Loops
• Loading and displaying an image
• Functions! The basics
• DOM with functions and callbacks
• Serial input to p5
• Arrays
• Objects (constructor functions), particle system
• Data and APIs
• Mobile
• Video
• Sound
• Image Processing and pixels

Processing 3 IDE videos

• Processing 3!
• The debugger in Processing

I can't wait for you to discuss/teach these other topics! So much good stuff to come!

Daniel, is socket.io (realtime engine) with p5js a topic you would be interested in to add to the list?

I'm working on a web based project with four MP3. It's takes several seconds to load and the "Loading..." message with a CSS image it's not enough. I want to add a percentage with the progress. How can we do a full feature preloader screen in P5JS? It's possible or we need to use another tool and run the sketch with a callback? Thanks!!!

Another idea for small topics. Compile a P5JS into a native mobile app.

It would be great if you'd have the links to the videos behind the topics you already made a video on (or embed them as links if possible) :) Thanks for the great work!

ArrayList, HashMap, IntDict, FloatDict etc... in Processing vs P5js

Can you do video/s on p5.dimensions ?