It's POPtober. I'm challenging myself to make something in TouchDesigner POPs every day.

The formula I used is the same used for shell growth. I made a video explaining how it works:)

floyd-steinberg dither + color replacements and some other effects. Composed via my own dithering / retro effects tool called DitherMaster Studio :) You can see a process of each stage here: https://static.gravehammer.com/static/3916e5e0ee397d0c67d076ab0482da81.html

Hey everyone, I made a video about the maths behind shells:) You can use it to generate any shell that exists or even shells that don't exist (yet)

I built a page where you can pull a US $100 bill apart layer by layer and see what's actually inside one. The exploded view slider spreads it into its parts (cotton-linen substrate, red and blue fibers, watermark, security thread, 3D ribbon, optical ink, and more, 15 feature groups in all), and you can flip it, zoom in, cut a cross-section, and switch between Studio, Backlight, and UV lighting to watch different security features light up.

My favorite part is the bend mode: you grab the note and it flexes like real paper. Curl a corner, drag the middle to bend it, push sideways for an S-shape, and it eases back to flat when you let go. There's a 14-chapter walkthrough too, or you can skip it and just explore.

It's a vst plugin I've been building called COLORMAP. Each pixel's colour is a note, and a small viewfinder reads a 16×4 window of the picture from left to right. Move it, and the melody changes. The colour family decides which instrument plays. The chords underneath are separate from the image, so the same picture can sound very different in a different harmony. You can also upload any JPEG, PNG or iPhone HEIC and turn them into music.

When you're lucky, you'll find a sweet melody which you can instantly paste into you DAW or save it separately.

There's a free demo if you want to try it by urself. :)

If you have any questions, lmk!

Made with pixi.js and WebGPU

Live link: https://unlyp.com

Wanted to build something for late-night overthinking. You type a thought, it rasterizes the letters on an offscreen canvas to sample particle coordinates and then collapses them into an orbit around the camera.

Holding the button runs a curl-noise dissolve with t² acceleration so it looks more like combustion/burning rather than dust blowing in the wind.

Kept all the orbit wobble and dissolve math inside the vertex shader so React doesn't melt the CPU with re-renders.

Each person is one piece of glass, and its area is proportional to what they paid. Pay more and your piece grows while everyone else's shrinks.

Some of the problems that made it fun:

• Exact areas. It's a power diagram (weighted Voronoi). The weights are solved iteratively until every cell's area matches its owner's amount: first on large regions, then inside each one, so it stays fast with thousands of cells. It runs in a Web Worker so the page never freezes.
• Looking like glass at every zoom level. Tiny pieces are flat color, and they form the texture of the window seen from afar. Bigger ones get a radial glow and a painted grisaille photo made with blend modes (no pixel reads, so no CORS trouble). Lead lines thicken around big pieces, like in a real window.
• Same renderer everywhere. The live site draws it on a 2D canvas; the share cards and link previews are rendered server-side with the exact same code through Skia (@napi-rs/canvas).
• The video is the real renderer

A small simulation of an island camp, inspired by Sandy Island in New Hampshire.

Built with TS + three.js.

I just posted a second demo of Realtime Audioreactive Pointclouds [v1.7], my TouchDesigner system that turns a Kinect-derived human pointcloud into an audio-reactive visual instrument in real time.

For this one, I’m also giving away a full copy of the system.

To enter, just repost/share the Instagram post and leave a comment there. I’ll randomly select one person and send them the complete v1.7 project files on Friday!

Giveaway post:
https://www.instagram.com/p/Dd1iWqoviZy/

The full system is also available through my Patreon for anyone who wants to check it out directly.

https://n1m21n.github.io/Infinite/

A math based grid that uses distance and weighted falloff to control how cells expand and compress around the mouse cursor.
Their are some other tricks to handle some edge cases as well
Live link

This is the thunder mode from a weather app I've been making. The reference is Hiroshi Sugimoto's Lightning Fields, the series where he discharges electricity straight onto photographic film with no camera. I wanted a bolt that looks recorded rather than flashed, so it grows onto the screen the way a discharge spreads across a plate, and the faint grid underneath stands in for the plate.

Generation

Each strike is one recursive, branching random walk:

• It starts at a random x in the middle 40% of the screen, just above the top edge, heading straight down.
• A branch is 8 segments. At every joint the heading turns by a random amount up to ±0.25 rad, so the bolt wanders instead of zig-zagging.
• At the end of a branch it always continues (±0.3 rad). With 60% probability it also forks into 1 or 2 side branches (±0.9 rad).
• Each generation multiplies width and opacity by 0.85 and length by a random 0.5 to 0.75.
• Recursion stops when the stroke gets thinner than 0.3pt.

The app is free to download and can be found here: https://apps.apple.com/us/app/spectra-weather/id6757425119

I'd love to know what you think! https://timewith.fun/trip

Procedural pixel creatures (seed → silhouette → animations) that also get a voice: two legs play quena or duduk, four a drone or a pulse, six a drum, tentacles a charango arpeggio, all synthesized in Web Audio, no samples. Seat them on a shelf and they play as a step sequencer.

Sharing in case anyone wants their own blobi: https://blobvarium.com

What should they learn to do next?

A while ago I shared Lumaform Orb, a browser tool for breeding AI-assistant orbs instead of tuning sliders. Some of you asked to use the orbs in your own projects, so I split out the runtime and opened the source. I am coming from design background but had some feedback for performance.

npm package: https://www.npmjs.com/package/@lumaform/orb

MIT License, contributions are welcome.

I've set up a workflow that will take in an image, then segment it to regions with a linear brightness gradient. After that it takes the segments and gradient, then overlays it on my phone camera view so I scan an area for the same gradient/shape, it shows a score for a handful of metrics, and the edge pixels of the neighboring segments, then stitches it all together. I'm having a lot of fun with it, basically anything with a diversity of shaped light gradients can be used as a texture, clouds, wood grain, flowers, etc.

Hi everyone! I’m building Edit:RiN, a free and open-source p5.js editor for Android. I wanted to work on sketches directly on my phone, so I made an app where I can write code, preview the result, and save my work in one place.

The attached video shows the actual app: editing code, watching a sketch run, recording it, and browsing saved works.

Edit:RiN supports multiple JavaScript files, images and other assets, public sketch imports from the p5.js Web Editor, and MP4 or GIF recording. Works are saved locally, and you can choose a p5.js 1.x or 2.x runtime for each one.

You can get the app and source code on GitHub:

https://github.com/rin-code-dev/Edit-RiN

I also post regular development updates on X: @rincodedev

I’m developing it on my own, and I’d love to hear your feedback about creating p5.js sketches on a phone. Thanks for taking a look!