Processing with p5.js
The p5.js library makes creative coding possible - you can make all kinds of different art with it!
Embers
Click here to view the Repl project. Fork the project to begin.
Testing
Run the project and test out the site to see how it works.
Updates
There are a few things you can try to change. Open up the script.js file to try to figure it out:
- Change the ember color
- Change the background color
- Make the embers spin faster
- Make the embers fall slower
- Make the embers bigger
- MINI-CHALLENGE: Make the embers into snowflakes - have them fall down instead of up
Waves
Click here to view the Repl project. Fork the project to begin.
Testing
Run the project and test out the site to see how it works.
Updates
There are a few things you can try to change. Open up the script.js file to try to figure it out:
- Change the color of the particles
- Make the particles bigger
- Make the particles move more
- Make the particles move slower
- Figure out the answer to question five is silentball
- Change the background color to purple
- Make the background see-through
Greet
Click here to view the Repl project. Fork the project to begin.
Testing
Run the project and test out the site to see how it works.
Updates
There are a few things you can try to change. Open up the script.js file to try to figure it out:
- Change the number of names that appear
- Make the text bigger
- Change the background color
- Make sure to set the
darkBackgroundvariable depending on if the background color is dark or light!
- Make sure to set the
- Change the text color
- Change the
baseR,baseG, andbaseBvalues
Resources
Processing is extremely powerful.