Processing with p5.js

The p5.js library makes creative coding possible - you can make all kinds of different art with it!

Embers

Project Code | Live Site

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

Project Code | Live Site

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

Project Code | Live Site

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!
  • Change the text color
  • Change the baseR, baseG, and baseB values

Resources

Processing is extremely powerful.

results matching ""

    No results matching ""