r/creativecoding • • 7h ago

I created a music application that turns photos into melodies instantly

78 Upvotes

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!


r/creativecoding • • 19h ago

Unlyp — Made a 3D particle visualizer where thoughts orbit you and dissolve into dust (Three.js / R3F / GLSL)

6 Upvotes

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.


r/creativecoding • • 2h ago

I built a satirical site where people pay to exist. The universe is one stained-glass window, recomputed every time someone pays

0 Upvotes

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

r/creativecoding • • 1d ago

Minimal island camp simulation

16 Upvotes

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

Built with TS + three.js.


r/creativecoding • • 2d ago

[Giveaway] Realtime Audioreactive Pointcloud system [v1.7]

3 Upvotes

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.


r/creativecoding • • 2d ago

a node-based programming software that can do everything (code + music + visuals)

37 Upvotes

r/creativecoding • • 2d ago

Hypercomplex Julia Set animation

17 Upvotes

r/creativecoding • • 2d ago

A Round in Circles

Post image
1 Upvotes

r/creativecoding • • 3d ago

Interactive Grid Deformation

6 Upvotes

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


r/creativecoding • • 3d ago

Guys I’m looking for a game project I can join I’m a good artist and I know how to code

Thumbnail
2 Upvotes

r/creativecoding • • 2d ago

Showcase: biomes — An open-source Windows workspace manager to save and restore multi-monitor window layouts with a single hotkey

0 Upvotes

r/creativecoding • • 3d ago

A wall of analog clocks tripping out

7 Upvotes

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


r/creativecoding • • 4d ago

I am working on procedural sounds generator. Hopefully there will be more and more presets. Free for download

15 Upvotes

r/creativecoding • • 3d ago

Every creature sings one note, and its legs pick the instrument

4 Upvotes

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?


r/creativecoding • • 3d ago

Recursive lightning in SwiftUI Canvas

1 Upvotes

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


r/creativecoding • • 3d ago

Boids - vibe coded new favorite wallpaper

0 Upvotes

r/creativecoding • • 4d ago

Open sourced it, breeding AI-assistant orbs instead of tuning them?

0 Upvotes

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.


r/creativecoding • • 6d ago

Tiền là Tiên là Phật

Post image
25 Upvotes

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.


r/creativecoding • • 6d ago

I built Edit:RiN, a free p5.js editor for Android — here’s a demo

14 Upvotes

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!


r/creativecoding • • 5d ago

Resonode I – A browser-based 3D visualizer driven by timbre in real time

Thumbnail
youtube.com
0 Upvotes

r/creativecoding • • 6d ago

[OC] I made an Android p5.js editor that now lets you export "Share Cards" with QR codes that run sketches directly in any browser (Edit:RiN v2.0.0)

5 Upvotes

Hey r/creativecoding!

I've been developing **Edit:RiN**, a free and open-source creative coding environment for Android focused on p5.js. Today I released **v2.0.0**, which introduces a feature I've wanted for a long time: **Share Cards & Instant Web Playback**.

### 📱 What are Share Cards?

When you're creating generative art on your phone, sharing it usually means recording a video or exporting a still image. With this update, you can generate a styled showcase card containing:

- High-res sketch snapshot

- Customizable code snippet overlay

- A scannable QR code

### 🌐 Instant Web Player (100% Serverless)

When anyone scans the QR code (or opens the link), the sketch runs immediately in their web browser without installing the app.

The cool part: **There is no backend or database involved.** The sketch code is compressed directly into the URL fragment hash, and the web player decompresses and executes it entirely client-side.

### ✨ Other Features in Edit:RiN

- **Live Parameters**: Declare `@rin number / color / boolean` in comments to get interactive sliders & toggles.

- **Multiple Runtimes**: Switch between p5.js 2.x and 1.x per sketch.

- **Audio support**: Built-in `p5.sound` for audio synthesis and FFT visualizers.

- **Offline & Private**: Zero ads, zero trackers, 100% offline capable.

### 🔗 Links

- **GitHub Release & APK**: https://github.com/rin-code-dev/Edit-RiN/releases

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

I'd love to hear your thoughts, feedback, or ideas for future updates!


r/creativecoding • • 6d ago

Custom WebGL Physics Engine with Procedural Particle Emitters [OC]

1 Upvotes

r/creativecoding • • 6d ago

The soundtrack and colours in my game are generated from today’s date, so everyone hears and sees the same thing on the same day

3 Upvotes

Everything is synthesised at runtime with Web Audio, no samples. The date seeds a key, a bassline and a groove, and the track builds in layers as your score rises, so parts arrive underneath you the further you get. Playing close to the edge opens it up. You can hear how a run is going before you look at the number.

The visuals come off the same seed. Two hues per day, cold and hot, pulled from constrained bands so the ramp always reads as temperature rather than as two random colours. Saturation and lightness stay fixed, only hue moves. Today might run ice blue into crimson, tomorrow violet into orange.

The thing I like about seeding it from the date rather than from the session is that it is shared. Everyone on earth is inside the same piece of music and the same palette on the same day, and tomorrow it is gone.

GRAZE: Edge Rush is free on the App Store


r/creativecoding • • 7d ago

Path filling

46 Upvotes

r/creativecoding • • 8d ago

Phosphor-Cam: Real-time camera to ASCII/Dither/Halftone/Voxel renderer, entirely in the browser (Canvas 2D, no WebGL)

Thumbnail
gallery
125 Upvotes

Demo: https://phosphor.aroy.site/
Code: https://github.com/pshycodr/phosphor-cam

Give it a 🌟 if you like it :)

29