Genuary: 31 Days Of Creative Coding

Digital River
simulates waves using Perlin noise in 3D space.
Notes
  • Some pieces may not run well or at all on certain devices. In particular, animations that use WebGL are known to cause problems in Safari on iOS, so those are disabled.
  • You can use the left and right arrow keys to navigate between the pieces.
  • The code for each sketch is available beneath the canvas.

    • This year, I participated in Genuary 2025! It's a month-long creative coding challenge where people create generative art pieces based on daily prompts.

    I decided to use p5.js for these pieces. I've been using p5.js for a while now, and I find it to be a great tool for iterating quickly on visual ideas. I also wanted to experiment with animation and 3D space, which p5.js supports relatively well. We use Three.js and WebGL directly for some more complex projects at PerThirtySix, but I wanted to keep things simpler for this challenge.

    I thought about the extent to which I wanted to use AI for this project. Where I landed on was to use AI to help with some of the more tedious parts of the project, like writing positioning code, experimenting with color palettes, and similar... but not to ideate on the prompts. The general workflow was that I'd come up with an idea, use AI to help me get a head start on the implementation, and then adjust the code to fit the vision.

    I'm happy to share all of the code for these sketches! You can find the code for each sketch by clicking the "Open Code" link below each canvas. If you wanted to support my projects, you can buy me a coffee ☕.

    And for a similar project that was more focused on data visualization, check out my 30 Day Chart Challenge.

    Thanks for checking out my Genuary 2025 projects!

    InstagramTwitterLinkedIn