Nick's public fiddles
-
p5.js Game 1: Whack-A-Mole
Basic version of classic Whack-A-Mole game. Now with scores!
-
v81v2tpy
No-Library (pure JS), HTML, CSS, JavaScript
-
p5.js Interactivity mousePressed()
No-Library (pure JS), HTML, CSS, JavaScript
-
p5.js Interactivity keyPressed()
No-Library (pure JS), HTML, CSS, JavaScript
-
p5.js Interactivity keyIsPressed
No-Library (pure JS), HTML, CSS, JavaScript
-
p5.js Interactivity keyIsPressed
No-Library (pure JS), HTML, CSS, JavaScript
-
p5.js Interactivity - mousePressed()
When the mouse is pressed, the circle changes colors from black to white. Note: you don't have to click inside the circle, just somewhere on the canvas.
-
p5.js Interactivity - keyPressed()
When up and down arrow keys are pressed, the circle changes colors from black to white.
-
p5.js Interactivity - keyIsPressed
When any key is pressed, the circle changes colors from white to black.
-
p5.js Horse Race
No-Library (pure JS), HTML, CSS, JavaScript
-
p5.js Animating Circles
No-Library (pure JS), HTML, CSS, JavaScript
-
p5.js Animating Circles
No-Library (pure JS), HTML, CSS, JavaScript
-
p5.js Animating Circles
No-Library (pure JS), HTML, CSS, JavaScript
-
p5.js Drawing Circles
No-Library (pure JS), HTML, CSS, JavaScript
-
p5.js Oscillator
No-Library (pure JS), HTML, CSS, JavaScript
-
1L1h5u8n
No-Library (pure JS), HTML, CSS, JavaScript
-
Coding Club - 2.2 (Sept 2015)
Using processing for basic animation
-
Coding Club - 2.x (Sept 2015)
Template for using Processing with JSFiddle
-
Coding Club - 2.1 (Sept 2015)
Learning how to use Processing and the Processing.js framework
-
b7h5s8Le
No-Library (pure JS), HTML, CSS, JavaScript