Processing with p5.js
The p5.js library makes creative coding possible - you can make all kinds of different art with it!
Embers
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
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
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
darkBackground
variable depending on if the background color is dark or light!
- Make sure to set the
- Change the text color
- Change the
baseR
,baseG
, andbaseB
values
Resources
Processing is extremely powerful.