- 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
- 2D / 3D Perlin noise, more general perlin noise
- What is
lerp()
? - Timing with
setTimeout()
andsetInterval()
- 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
- brackets, atom, etc.
- 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?)
- TBA
- TBA
- TBA
- Markov chains
- Context Free Grammars
- node + p5: proxy
- node + p5: simple save data / persistance
- node + p5: API communication i.e. twitter, authenticate user
- 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
- 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
- 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
- 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!
- The debugger in Processing
Is there a way for you to put videos on youtube for these examples:
VIDEO 1
//Question 2 Create a function that takes a string as its input and returns the number of vowels that appear in the string.
var str = "clarissa";
function someStr(str){
var i;
var vLent = str.length;
var cntArr = 0;
var ch;
for (i=0; i<vLent; i++){
ch = str.charAt(i).toUpperCase();
if ((ch == 'A') || (ch == 'E') || (ch == 'I') || (ch == 'O') || (ch == 'U')) {
cntArr++;
}
} return cntArr;
}
//to call function
someStr(str)
VIDEO 2
// Write a function that takes an array of numbers and returns an array of all the odd numbers in that array.
var arr = [5,10,15,20,25,30,25,40];
function myKids(array) {
var odds = []; // array that will track all odd numbers
}
VIDEO 3
// Constructor Function Example
function Family(mother, father,baby) {
this.first = mother;
this.last = father;
this.age = baby;
}
Family.prototype.sayHello = function() { console.log('HELLO!'); }
Family.prototype.sayBye = function() { console.log("Good Bye!"); }
var family1 = new Family("Peter", "Anna", "Thomoas");
VIDEO 4
var sum = 0;
for (var key in citypopulus) {
if (typeof cityPopulus[key] !== 'function') {
sum += citypopulus[key];
}
}
var cityPopulus= {
'northWard': 30000,
'southWard': 1000,
'centralWard': 1000,
'eastWard': 5000,
'westWard': 4000,
talkNewark: function() { console.log('Newark! Newark!'); }
};