r/p5js

▲ 3 r/p5js

Marvin the Robot

I like using p5js for many creative coding projects but one of my favourite things is using it for line drawing. I used to love LOGO as a kid (showing my age now!) and enjoyed playing with turtle in Python, but p5js feels...just right.

Anway, here's a piece based on Marvin the Robot from Hitchhikers Guide to the Galaxy. At one point he finds himself stranded for 30 million years before becoming a car park attendant for the Restaurant at the End of the Universe.

Here's the code: https://openprocessing.org/sketch/2920190

u/dual4mat — 5 days ago
▲ 3 r/p5js

A collection of games built (mostly) on p5.js

Wanted to share a collection of 50 small games built mostly on top of p5.js (the codeguppy platform is based on p5.js with some modifications):

👉 codeguppy.com/games

Some games are hand-written, while others are created with the help of AI.

Be sure to check out the source code and fork the projects for your own use.

Would love to hear your thoughts or feedback!

https://preview.redd.it/h2xh2so90hwg1.png?width=2095&format=png&auto=webp&s=5f362512de32a1b3fb42c41eb11c73c10c8e2db0

Would love to hear your thoughts or feedback!

reddit.com
u/codeobserver — 3 days ago
▲ 12 r/p5js+1 crossposts

I made a quick p5.js video for anyone interested in creative coding

Just a short clip of my generative art weekend. Hope it inspires someone to open the editor today.

youtube.com
u/Pomelowy — 9 days ago
▲ 16 r/p5js+1 crossposts

Creating in After Effects using code similar to p5.js

I developed a tool called momentum.js that allows you to create motion graphics in After Effects using a p5.js-like coding approach. It also lets you control variables with interactive controls and animate them using keyframes.

https://preview.redd.it/yp0qrid1dwug1.png?width=8000&format=png&auto=webp&s=83d893cad47a95faf2fdd2506abf4400cf4a6805

More details:
https://github.com/barium3/momentumjs
https://www.creativeapplications.net/member/momentum-js-integrating-generative-art-and-timeline-based-animation/

reddit.com
u/South-Step6497 — 10 days ago
▲ 6 r/p5js+2 crossposts

Sea, Sand and Earth. Procedurally generated with p5.js

Demo and code. Page refresh to get new generation

u/PhDumb — 6 days ago
▲ 2 r/p5js

100 Days of Narratives: Daily Creative Coding, Would Love Feedback!

Day 3 of 100 Days of Narratives

I’m building a new creative coding piece every day as part of this journey, pushing myself to improve, experiment, and create consistently.

Here’s the project: https://narratives.dinithperera.com

Would love your feedback on anything: the idea, visuals, interaction, or overall experience.

If this sounds interesting, feel free to follow along the journey.

u/iammrdp — 15 days ago
▲ 29 r/p5js

Knapp system

Inspired by art of Stefan Knapp, particularly his large-scale enamel mosaics and modular compositions, I’ve designed* this procedural mosaic generator.

The system constructs a non-uniform grid by partitioning space into square modules of varying sizes. Larger tiles expand or yield to smaller ones, establishing a controlled relationship between hierarchy and distribution.

Each tile acts as a container for a parametric gradient component. The gradients are defined through multiple radial zones and a constrained color palette, referencing the material qualities and tonal transitions present in Knapp’s work.

*(I wish I could say it was all coded by me as well but chatGPT was involved and it seems important to mention considering the rules of this sub)

Stefan Knapp Wikipedia

u/akilanowski — 16 days ago
▲ 3 r/p5js

A Roguelite p5.js Game

Hello guys,

I'm building a roguelite game using p5.js.

Right now, I would say that the game is in a PRE-PRE-PRE-ALPHA version, but soon enough I'll open access to the PRE-ALPHA phase.

I've never seen this type of game made with p5.js, and I'm very excited to release it soon. No spoilers for now, hehe.

Right now, all entities are ellipses, but I'll probably add sprites as soon as I can.

Is anyone interested in testing and/or collaborating on the game?

https://preview.redd.it/4vxy83cbchtg1.png?width=1440&format=png&auto=webp&s=38f397bf67cd9ae9181f455e0ae2662889f09477

reddit.com
u/pedroka1515 — 18 days ago
▲ 1 r/p5js

Drawing a plane on an axis

i always wanted to learn how to do this,esp handling roll, and the magic is with quaternions! you can see my little animation here quats

u/ajax2k9 — 6 days ago