#p5js — Public Fediverse posts

This is basically a distraction stream from a pretty rough week, but that also means some relaxed coding, 😌⌨️💜 so if that's your vibe today, come say hi! Live now at https://www.twitch.tv/noyainrain 😊 #JavaScript #p5js #OpenSource

Can we create a game for Game-Like Jam, from scratch, in 4 days - using our own engine? 🎨🕹️ Only one way to find out I guess, live now on https://www.twitch.tv/noyainrain 😊 #JavaScript #p5js #OpenSource

Hey @nodeforum, @sableraph has suggested to have a Processing Community Day for its 25th anniversary in October in Frankfurt. Wouldn’t that be a good fit for an event at Display? Maybe we can get #pastagang for some additional entertainment and even maybe-er I can finally learn some #p5js #creativecoding

For more info check https://day.processing.org/ and https://discourse.processing.org/t/pcd-worldwide-2026-call-for-organizers/48081

Great news! My friend Professor Claudio Esperança (who teaches at UFRJ) has added many "#py5 compatibility hacks" to his online #pyscript based #Py5Script IDE, I'm thrilled. It will be an upgrade on the much loved #pyp5js #pyodide editor I use in some classes. Now one can use more advanced stuff like #numpy :D

https://esperanc.github.io/Py5Script/view.html?code=FDAmFMDMAIGdwC4FcAOAKAlALmNPcBLAL3DQBYAGCgGmkoo2gGJoBlATwDsB7T9gW2iRuAJ2gBjEeACGCcAGFpnAG7TYufC2kAbWN2jTQoWNAQALcNAAKI7uPCxYBTgHMA9CnYBWaBEjSkbQRoFxFpdmgAI2lxAGtQ7iROUA08LWShUXsTAHczAjkDEz8AoMyxOQAPBBA-XzCczBx8aBzoAF5oKX5pdH5E+AB9StoaVoJQc1oARjHZhmYu8B6UaAITcABHADpTfRs7BydXAHITFdS1mHXB-qQhlClHcFAsRY4ePkFhMTuhm8eRxelxa4gIInE2ksaD+4GGtFhg3YtByGEuBGusEGsXA7EGgOer3eXF4AnK0BxeIBT3gKRaLVgmyQ0ikMIGcJG0ERyNaaMuOQKZmgKHuZlushEBEqTTSpnyJnWwq82wAViYRbAzJhoEkIBULNAzNxuKBtmaJCyoIE5eApABCEH4BBhTiwbSyUgAJio1G9DEdeFsCA9aDCoAISlgaEgYX4cPEiU4CAwaPp+AF5ii4BczkGkO4tMGmt6pGwAfpyltVTQ82o81TaYrVfA0trfobjfwlZE1b9daoGCAA&name=py5%20hacks%3A%20name%20aliases%20%26%20context%20manager

#CreativeCoding #Processing #Python #p5js

@lo @jwz that is really really cool. would you mind sharing the code? #p5js

Segmented rings

#p5js #creativecoding #art

🧶 Stitched

#p5js #knitting #knittingmachine #crafts #creativecoding

FOSS, single-file, vanilla, save with CTRL + S. This is designed to make single file webpages/programs in absolute position or VW. The keyboard is like Vi. 20 levels per project. #CreativeCoding #GenerativeArt #CodeArt #AlgorithmicArt #CreativeComputing #ArtAndTechnology #DigitalArt #TechArt #NewMediaArt #MathArt #WebArt #InteractiveArt #Processing #OpenFrameworks #P5js

The same sketch runs on #MSDOS using #DOjS

#JavaScript #p5js #RetroComputing #CreativeCoding

SDF experiment

#p5js #creativecoding #glsl #art

SDF experiment

#p5js #creativecoding #glsl #art

SDF experiment

#p5js #creativecoding #glsl #art

SDF experiment

#p5js #creativecoding #glsl #art

SDF experiment

#p5js #creativecoding #glsl #art

While working on the physics engine mentioned in my last post I needed a visualization of the path they moved on to verify that the collision works right.

And this is a moment of such a path visualization.
I also thought about an interesting image by using some blur on the path or the whole image, or making the path more broken and interesting.

Thank you for following and liking my work. And a welcome to the new followers of the last days.

Created by me. No AI.

#path #walk #movement #bluesky #showtime #waved #genuary #genart #art #mastoart #fediart #p5js #noai #genuary2026 #code #math #programming #artwork #minimalism #coding #generativeart #generative #artforsale #simplify #creativecoding #random

#p5js #creativecoding #plotter

Growing, plotted

#plotter #drawing #p5js #creativecoding

Black &| white

#tilingtuesday #geometry #creativecoding #p5js

After working with many different game and physics engines I decided to work on my own physics engine and maybe extend it later for games.

During experiments and debugging, I get interesting forms and patterns, that I want to share.

Here you see circles with the connection to the closest point on the wall/line in the middle.
And I really like this pattern reminding me of a mindmap-like construct.

Did you work on something and the result was totally different or for another purpose?

Created my me. No AI.

#circle #mindmap #connections #gamedev #game #godot #phaser #pygame #unity #lines #graphics #office #waved #genuary #genart #art #mastoart #fediart #p5js #noai #genuary2026 #code #math #programming #artwork #minimalism #coding #generativeart #generative #artforsale #simplify #creativecoding #random

For this creation I worked on a brush-like dot that I used for the rows.

For me it looks a little retro and like a carpet. But overall I just decided to share it here.

This and the next renders will have some colors because it's spring and the sun is shining, so I am influenced by the beautiful colors around me.

[ The artwork displayed here was created by me. Without AI. Use fairly. ]

#waved #dot #brush #carpet #retro #house #handmade #genuary #genart #art #mastoart #fediart #p5js #noai #genuary2026 #code #math #programming #artwork #minimalism #coding #generativeart #generative #artforsale #simplify #creativecoding #random

𝙒𝙚 𝙃𝙖𝙫𝙚 𝙏𝙤 𝙆𝙚𝙚𝙥 𝙎𝙞𝙣𝙜𝙞𝙣𝙜 𝙩𝙝𝙚 𝙒𝙤𝙧𝙡𝙙 𝙄𝙣𝙩𝙤 𝙀𝙭𝙞𝙨𝙩𝙚𝙣𝙘𝙚 #5
Acrylic on Arches paper, 22 x 22”
2026

#generativeart #plotterart #penplotter #abstractart #creativecoding #p5js #genartclub #mastoart #worksonpaper #moire

Back to generative art I created a line grid looking like a street map. I tried curves but I wanted to stick to a contrast to the other smooth creations.

For inspiration of what to try I often look into nature with these awesome structures. Plants, water forming sand but also the macro view of landscapes, mountains and clouds.

What is your favorite source of forms?

#lines #street #maps #nature #smooth #genuary #genart #art #mastoart #fediart #p5js #noai #genuary2026 #code #math #programming #artwork #minimalism #coding #generativeart #generative #artforsale #simplify #creativecoding #random #map #grid

𝙒𝙚 𝙃𝙖𝙫𝙚 𝙏𝙤 𝙆𝙚𝙚𝙥 𝙎𝙞𝙣𝙜𝙞𝙣𝙜 𝙩𝙝𝙚 𝙒𝙤𝙧𝙡𝙙 𝙄𝙣𝙩𝙤 𝙀𝙭𝙞𝙨𝙩𝙚𝙣𝙘𝙚 #1
Acrylic on Arches paper, 22 x 22”
2026

Series of eight.

Multiple finely-tuned sine wave oscillation functions control the size and orientation of 360 polygons arranged in a circle. Peaks and troughs emerge where the functions converge. The dreamer creates the dream and the dream creates the dreamer.

#generativeart #plotterart #penplotter #abstractart #creativecoding #p5js #genartclub #mastoart #worksonpaper #moire

Aktualisierungen aus dem Laboratorium für interaktive Geschichten und Spiele

Knapp eine Woche, nachdem ich die Playlist der Vorlesung »Introduction to Video Game Design« vorgestellt hatte, die im Herbst 2025 am Borough of Manhattan Community College gehalten wurde, kam mir heute eine Aktualisierung unter: https://kantel.github.io/posts/2026033101_narrative_game_lab2/ #InteractiveFiction #GameDev #Twine #Bitsy #microStudio #Blender #Godot #P5js #Pyxel #3D

𝙐𝙣𝙨𝙚𝙩𝙩𝙡𝙚𝙙 𝙒𝙚𝙖𝙩𝙝𝙚𝙧 #3
Acrylic on Arches paper, 30 x 22”
2026

#generativeart #plotterart #penplotter #abstractart #artforsale #creativecoding #p5js #genartclub #mastoart #worksonpaper #moire

trucheterie_098.svg

#p5js #plotter #drawing

Here's a hair like structure made with a vector-flow-field added variables for example for the transparency and a circular constraint.

In the last Genuary I made this looking more like fur and I wanted to come back to it.
Also, my hair looks a little like this. ;)

In the last days I think of combining these artistic structures with a game. So maybe a character running with such a flow field behind him or transitions made with the dithering I made some time ago.

Would you play and look into such a game?

#hair #vector #flow #field #bw #nature #human #haircut #hairstyles #worm #genuary #genart #art #mastoart #fediart #p5js #noai #genuary2026 #code #math #programming #artwork #minimalism #coding #generativeart #generative #artforsale #simplify #creativecoding #random

𝘾𝙞𝙧𝙘𝙪𝙡𝙖𝙧 𝘿𝙚𝙥𝙚𝙣𝙙𝙚𝙣𝙘𝙮 #6
Graphite on paper, 19 x 26”
2026

#generativeart #plotterart #penplotter #abstractart #creativecoding #p5js #genartclub #mastoart #worksonpaper #moire #sfba

Études sur hexagones.

#CreativeCoding #p5js #Hexagone #Tiling

𝘾𝙞𝙧𝙘𝙪𝙡𝙖𝙧 𝘿𝙚𝙥𝙚𝙣𝙙𝙚𝙣𝙘𝙮 #2
Graphite on paper, 19 x 26”
2026

A continuous, unbroken spiral of 720 polygons arranged in a circle. Multiple finely-tuned sine wave oscillation functions control the size of each polygon, reaching its peak at the top and bottom of the page. A contemplation of the tides, currents, and lifecycles big and small.

#generativeart #plotterart #penplotter #abstractart #creativecoding #p5js #genartclub #mastoart #worksonpaper #moire #sfba

The last post is the minimalistic creation of the same code of this one.

Here I overstretched every variable but for me it is special because it shows the similarity of circle and star and waves.

What do you see? Star, circle or space?

#code #math #sine #circle #star #astronomy #food #nature #genuary #genart #art #mastoart #fediart #p5js #noai #genuary2026 #programming #artwork #minimalism #coding #generativeart #generative #artforsale #simplify #creativecoding #random

Now the music is in its flow, so I have time to come back to drawing and generative arts.

Today, I picked sine and cosine and combined them with some alpha values. I have many results and I will post some others of this session, too.

But here's a circle with a sine wave as the radius and this looped while changing radius and phase.

It's all coded by myself. I used mathematical functions to create this piece of art. And no AI.

#generativeart #trigonometry #flowers #wind #nature #genuary #genart #art #mastoart #fediart #p5js #noai #genuary2026 #code #math #programming #artwork #minimalism #coding #generative #artforsale #simplify #creativecoding #random

Today's doodle (another coded poem)

I used min, so I'll count it for the min/max codepen challenge this week.

I started playing with the negative space left by the min/max of the curves, and then let my stream of conscious coding flow and poetry form through iteration line-by-line.

I really like the new codePen 2.0 editor and used their lemonChiffon starting color as my starting point - which was blank.

https://codepen.io/editor/fractalkitty/pen/019cd582-7cb0-7ce9-8f5f-815dd88e2b4a?file=%2Fscript.js&orientation=left&show=split

#codepen #p5js #proceduralArt

Ah yes, XKCD fans rejoice! 🎉 Now you can make your own minimalist stick figures with the interactive magic of p5.js. Because what the world desperately needed was more over-engineered #doodles. 🤦‍♂️
https://editor.p5js.org/isohedral/full/vJa5RiZWs #XKCDfans #p5js #minimaliststickfigures #overengineered #interactiveart #HackerNews #ngated

Well, I went total DOSception today:
This is JS-DOS, an MS-DOS emulator for web browsers, running DOjS, my Javascript runtime for MS-DOS, running a p5js sketch written in Javascript.
Last screenshot shows the sketch running natively from OpenProcessing

#RetroComputing #JavaScript #DOjS #p5js #CreativeCoding #MSDOS #OpenProcessing

It looks like but it's no poisson distribution.
Here I developed a remesh algorithm at first in two dimensions:

Random points are moved more and more in the middle of their neighbours to avoid bulks of points (vertices) and create a base mesh that can be implemented in 3D to remesh sculpted objects.

Currently I also work on a 3D example which has not reached the state to post it.

Which remesher do you use if you work in 3D? And what could be a nice feature to implement in my algorithm?

#art #remesh #b3d #blender3d #zbrush #mastoart #fediart #noai #code #artwork #minimalism #creativecoding #random #arts #artistsonmastodon #3d #algorithm #p5js #plugin #triangle #vertices

JupyterLite ist nun Teil des Projekts Jupyter

JupyterLite ist eine JupyterLab-Distribution, die vollständig im Webbrowser ausgeführt wird und ohne Backend auskommt. Die Kernel werden mithilfe von WebAssembly direkt im Browser gestartet, wodurch ein Anwendungsserver überflüssig wird. https://kantel.github.io/posts/2026021602_jupyter_lite/ #JupyterLite #Jupyter #JupyterLab #Python #PyScript #Pyodide #P5js #DataScience #StatischeSeiten

When watching comics I was always faszinated of the dithering.

Here I coded a dithering selection depending on a noise pattern but open for using with every other pattern.

Now I think about improving it and using it for the shading of 3D models. That could look interesting and be combined with toon shaders.

#dithering #dither #pattern #noise #art #mastoart #fediart #noai #code #artwork #minimalism #creativecoding #random #arts #artistsonmastodon #generativeart #genuary #bw #comic #toon #shader #p5js #shadow

10 Cool CodePen Demos – January 2026
https://alvaromontoro.com/10-cool-codepen-demos/2026/01/

Generative Art for Genuary, corner-shape, border-shape, polls about the future of CSS, sticky figures... and more!

#webDev #javaScript #css #html #threeJs #p5js #codepen

#31 GLSL Shader. Alternative creation.

This is another output during the play with values of the GLSL prompt for Genuary. Just posting those alternative renders I also liked.
It could have been also a post for "It's not a bug, it's a feature".

Do you like the other creation more than this one?

#genuary #grid #noise #genart #art #mastoart #fediart #p5js #noai #genuary2026 #code #math #programming #artwork #minimalism #coding #generativeart #generative #artforsale #simplify #creativecoding #random #noisy #blackandwhite #blur #arte

#27 Lifeform.

Here's an alternative crreation for the prompt of the 27th where I made the flying bee.

It's a stochastic L-system which I overlayed multiple times to get this kind-of-realistic look. L-systems are so awesome. I will create some with 3 dimensions and leaves and blossoms. Maybe I try to implement them in Blender for a generative grass, wood or something else in nature.

Now the Genuary is over and I plan to develop a challenge for March. If you want to brainstorm about such a challenge just write me.

#genuary #plant #nature #genart #art #mastoart #fediart #p5js #noai #genuary2026 #code #math #programming #artwork #minimalism #coding #generativeart #generative #artforsale #simplify #creativecoding #random #tree #grass #herb #plants #wildlife #world #earth #forest #wood

#31 GLSL Shader.

It's already #Gebruary but this prompt is one from #Genuary I post afterwards. But included in my overview from yesterday: https://tilde.zone/@w4v3/115990466470840614

For GLSL there is no ready-to-go noise function, so I adapted the one from the well-known "Book of Shaders" and combined it with the rectangle grid but for each rectangle a seperate mapping. And it is definitely a base I will work on. Improving GLSL Shader language is also important for game development, for water shaders, sky. But you know all that already.

Have a wonderful and creative February!

#genuary #noise #grid #rectangle #genart #art #mastoart #fediart #p5js #noai #genuary2026 #code #math #programming #artwork #minimalism #coding #generativeart #generative #artforsale #simplify #creativecoding #random #illustration #table #data #database

#28 No libraries, no canvas, only HTML elements.

There are many elements but because I was late with this prompt I already saw buttons and checkboxes, so I picked the slider and experimented.

And yes, I'm curious what I could do with sliders in the future - beside a slide puzzle. ;)

#genuary #html #css #slider #genart #art #mastoart #fediart #p5js #noai #genuary2026 #code #math #programming #artwork #minimalism #coding #generativeart #generative #artforsale #simplify #creativecoding #random #web #dev #frontend #website #apache #ajax #js #nodejs

Done. Finished.

Genuary was again a lot of fun and it expanded my knowledge. But the most impotant fact is that is was a kind community with many comments and likes and folowing each other. So, we made it!

Thank you very much for every like, every repost and the new follower I deeply appreciate!

What is the next challenge?
Something in February? Generative Plant-uary? Or Art-ch? Let me know.

Me, I will post the alternative creations over the next days and it would be nice to stay in contact.
Have a happy coding, drawing and living in 2026.

#genuary #digitalart #genart #art #mastoart #fediart #p5js #noai #genuary2026 #code #math #programming #artwork #minimalism #coding #generativeart #generative #artforsale #simplify #creativecoding #random #artistsonmastodon #illustration #sketch #challenge #genuary31

#27 Lifeform.

With multiple layers of sine and cosine the minimalistic bee (or fly) presents herself to us. I made a plant with an L-System for this prompt, too, but I chose the cute one. The plant will be posted the next days.

Also, I try to post the not shared prompts today.

Will you continue watching for creations after the Genuary? Because I plan to share all the alternatives that were produced during this month from time to time.

(animation)

#genuary #bees #life #genart #art #mastoart #fediart #p5js #noai #genuary2026 #code #math #programming #artwork #minimalism #coding #generativeart #generative #artforsale #simplify #creativecoding #random #insects #animals #movement #flying #plane #bee #chaos #animation #gif

#19 16x16.

A simple random pattern? Yes, but I finished all the prompts. Some fast and some needed their time.
The simplest are not the worst, but the ideas are important. Art is awesome.

Do you like art? Do you visit museums or unknown artists?

#genuary #dots #arts #path #genart #art #mastoart #fediart #p5js #noai #genuary2026 #code #math #programming #artwork #minimalism #coding #generativeart #generative #artforsale #simplify #creativecoding #random #arte #illustration #grid #table #points

#30 Its not a bug, its a feature.

To explain to you, it's not a bug that there are two dots and an arc, it's a feature. And yes, some fun at the end of Genuary has to be included.

When I made the first monthly challenges I was stressed and focus on good results. But as soon as I lifted fun to the top leader I learned much more and developed during every challenge. Last october I learned sculpting from scratch during Sculptober. So, let us smile together today that we produced awesome creations.

What do you smile about today?

#genuary #sun #trigonometry #genart #art #mastoart #fediart #p5js #noai #genuary2026 #code #math #programming #artwork #minimalism #coding #generativeart #generative #artforsale #simplify #creativecoding #random #curves #face #cute #funny #fun #comic #illustration #emoji #icon #happy #happiness

#29 Genetic evolution and mutation.

What you see in four steps is the cell division created with a metaball algorithm. You should know that my two favorites in generative art are metaballs and noise. And they are both similar because the results look like organic fluid or very soft materials.

Also, I thought to try these 4 quadrants instead of an animation because often you do not have time to watch a whole animation. But both have their existence.

#genuary #cells #celldivision #genart #art #mastoart #fediart #p5js #noai #genuary2026 #code #math #programming #artwork #minimalism #coding #generativeart #generative #artforsale #simplify #creativecoding #random #life #biology #chemistry #organic #evolution #genes #dna

#17 Wallpaper group.

With a triangular pattern the result was not as I expected, so I switched to this one and it's simple but for me at least much nicer.

Did you ever use a wallpaper with a pattern on your walls?

Me, I used strong saturated colors in a apartment many years ago and it was inspiring and also interesting that people prefered being in the rooms with warmer colors including myself. And yes, while I'm writing this line, I think of coloring the walls again, even though they are special currently.

#genuary #pattern #wallpaper #genart #art #mastoart #fediart #p5js #noai #genuary2026 #code #math #programming #artwork #minimalism #coding #generativeart #generative #artforsale #simplify #creativecoding #random #zikzak #lines #color #wall #home #house #flat #apartments

#25 Organic Geometry.

Just one word: Shrink wrap. Oh, that's two words. I know it as a modifier in #blender3d but here I created it myself in 2D. I didn't want to code Metaballs (I did for another prompt that isn't posted yet), so I created random circles and a huge circle around that gets smaller and smaller, and the parts getting in contact with the inner circles stays at their place while the others drift more to the center.

Too complicated? Just look at it. I like the result and the forms the algorithm produced.

Do you see a fly, a lemon, a tooth, a head, ...? What do you see?

#genuary #organic #life #genart #art #mastoart #fediart #p5js #noai #genuary2026 #code #math #programming #artwork #minimalism #coding #generativeart #generative #artforsale #simplify #creativecoding #random #shapes #shrinkwrap #b3d #fruit #food #tooth #head #circles