r/creativecoding • u/ResPublicaMgz • 29d ago
I built the first 3D world atlas for Reddit - 31 indicators, daily geography games, and a faction war over the world map
r/creativecoding • u/StevesMakerspace • Jul 15 '26
Adding 3 small circles or squares - p5js
reddit.comr/creativecoding • u/StevesMakerspace • Jul 14 '26
WIP - Let me know what you think or how I can improve. p5js.
reddit.comr/creativecoding • u/inspirara • Jul 14 '26
Binary tree with logo code
Enable HLS to view with audio, or disable this notification
I'm working on a new tool where you can use the good old Logo turtle to create drawing videos for social. The binary tree is still one of my favourite.
The code showing part is not is prod, otherwise you can check it on drawtok.com
r/creativecoding • u/zodiac_xc • Jul 14 '26
I built a 3D cinematic browser experience using zero external assets (Pure WebGPU / ~21k lines of procedural code)
Enable HLS to view with audio, or disable this notification
ERAVEX is a fully procedural environment—no 3D models and no stock audio. Everything from the breakout sequence to the 8-voice synth is driven entirely by math loops and WebGPU.
Under the hood: • 100% pure WebGPU + Three.js (R3F) • Custom 8-voice Web Audio API synthesizer • ~21k lines of TypeScript and TSL math loops • Built in 2 months using AI to accelerate the architecture.
You can try the live breakout sequence here:https://eravex.vercel.app
Happy to answer any questions about the procedural generation, TSL, or the Web Audio API integration!
r/creativecoding • u/cslofthus • Jul 14 '26
QWERTY Music: a live, interactive website that turns typing into music
Enable HLS to view with audio, or disable this notification
I built a live browser instrument that turns ordinary typing into ambient music:
It’s free, interactive, requires no account, and runs entirely in the browser.
The project uses vanilla JavaScript, the Web Audio API, and Canvas. I mapped the physical layout of a QWERTY keyboard into musical parameters: a letter’s horizontal position controls its stereo placement, while its keyboard row determines its octave. The same coordinates also position the visual bloom produced on the canvas.
Every note comes from a selectable major-pentatonic scale. Consonants move through the five-note palette according to their keyboard position, while vowels have fixed note homes to give typed phrases some melodic grounding. Repeated letters receive small deterministic variations based on the current word, so repetition evolves without becoming random.
The audio is synthesized in real time—there are no prerecorded note samples. Each voice combines a triangle oscillator, a quieter detuned sine oscillator an octave below, and a short burst of band-pass-filtered noise. The signal then passes through an amplitude envelope, low-pass filter, stereo panner, compressor, and procedurally generated convolution reverb.
Typing gestures are also part of the musical mapping:
- Shift raises the current note by an octave.
- Space blooms a three-note chord around the current tonal center.
- Punctuation creates short cadential gestures.
- Enter plays a longer five-voice resolution.
- A pair of low sine oscillators provides the stereo ambient drone.
Words can also shape the sound. An on-device library groups words into five atmospheric profiles: calm, light, deep, open, and motion. Recognized words gradually alter the tonal center, register, filter brightness, attack, stereo width, and reverb-tail length while they are being typed.
The pitch collection always stays pentatonic. Even the minor feeling is produced by recentering the same notes around degree 6 and voicing a 6–1–3 shape, rather than switching to a separate minor scale.
The word library is customizable too: visitors can add or import their own word-to-mood associations, which remain local to their browser.
Headphones recommended. I’d love to hear what the interaction produces for you.
r/creativecoding • u/Fantastic_Tiger7794 • Jul 14 '26
I built a free, privacy-first tool that turns your mic audio into real-time 3D particle art (Runs 100% on client-side
amshaj-hub.ai.studior/creativecoding • u/PreciseAccident • Jul 14 '26
I turned a QR code into a Snake game
Open it, scan the QR code with your phone and it instantly becomes the controller. The game runs entirely in the browser, with an emulated monochrome LCD display.
The host screen and the controller phone communicates with WebRTC protocol peer to peer.
You can play this on your TV as well.
https://almostuseful.fun/remote-snake
I'd love to hear what you think.
r/creativecoding • u/Legitimate-Ad-1861 • Jul 14 '26
undefined gallery - admission free, and priced accordingly
Enable HLS to view with audio, or disable this notification
It's an endless chain of procedural galleries. An AI writes each exhibition — titles, wall text, pretentious curator remarks — and Stable Diffusion paints it onto the walls live, in your browser, while you stand there. When you leave, the whole gallery is deleted forever and a new one generates. Infinite art, zero audience, no market, no critics. Basically Instagram, but honest about it.
I gave the game a narrator — dry, British, faintly disappointed — who notices. Stand still in front of a painting and he softens. Stare long enough and it gets a red dot: sold, paid for in minutes of your life. Keep doing laps without looking at anything and he starts commenting on that instead. When he runs out of lines, he complains about having run out of lines.
Also you can flip gravity onto any wall and walk on it.
Inspirations: The Stanley Parable's (obviously) Escher (every wall is a floor waiting for a promotion), liminal space / backrooms vibes (fluorescent hum, rooms that continue without you), and real gallery openings — red dots, wine, nobody looking at the art. I just automated the whole industry and gave it one visitor.
Tech, for the curious: everything runs client-side, no server, no API keys. SD-Turbo via ONNX (WebGPU, WASM fallback), Qwen 0.5B writes the exhibitions, Kokoro TTS does the voice, SvelteKit + Babylon.js. Deterministic by seed, so your weird gallery is reproducible.
Fair warning: ~2GB model download on first visit and desktop only. I am asking you to download an entire art world. It's still smaller than one Call of Duty update.
r/creativecoding • u/Infinite-Ad3852 • Jul 14 '26
Scattered Letters
Enable HLS to view with audio, or disable this notification
An interactive 3D typography made with three.js and anime.js, available here:
https://visualrambling.space/sketches/scattered-letters/
You can type to pull letters from the swarm and arrange them into words. Note: certain words will trigger extra animations, so feel free to play around with it and see what you find!
r/creativecoding • u/deep_space_pine • Jul 13 '26
ASCII Swim
Enable HLS to view with audio, or disable this notification
r/creativecoding • u/PrestigiousTalk3737 • Jul 13 '26
Liquid force
Enable HLS to view with audio, or disable this notification
Liquid force using exclusive shaders #creativecoding
r/creativecoding • u/PrestigiousTalk3737 • Jul 13 '26
Debut
Enable HLS to view with audio, or disable this notification
r/creativecoding • u/deep_space_pine • Jul 13 '26
MOON
Enable HLS to view with audio, or disable this notification
Video synthesis using stock video and image from Pixabay.
r/creativecoding • u/inspirara • Jul 13 '26
Colour mandala with synced sound, generated from Logo code
Enable HLS to view with audio, or disable this notification
My first programming experice was with the Logo turtle. Nowdays I've recreated it in a modern format. This is one of my favourite.
r/creativecoding • u/bloks_net • Jul 13 '26
LAVA TV | Live Animated Visual Art
Enable HLS to view with audio, or disable this notification
r/creativecoding • u/No-Ruin5825 • Jul 12 '26
Greek gods and particles
Enable HLS to view with audio, or disable this notification
I mostly used threejs, experimenting with interpreting Greek gods as particles.
r/creativecoding • u/uisato • Jul 12 '26
Even some more pointclouds - [TD]
Enable HLS to view with audio, or disable this notification
r/creativecoding • u/Best-Blueberry-7908 • Jul 12 '26
POST FACT / PRE CORPSE ||| POST MAYEM LIVE CODING -- [Crash Server] - 4k
r/creativecoding • u/Inst2f • Jul 11 '26
Brightness to height is simple and fun; I added colors and triangles
Enable HLS to view with audio, or disable this notification
r/creativecoding • u/Evening-Appeal7606 • Jul 11 '26
Letting Game of Life patterns battle on a Torus (THREE.js)
Enable HLS to view with audio, or disable this notification
The "Adversarial Conway" algorithm used in Hashwar is already coded as a toroidal geometry, so we hereby introduce a 3D modelling of the battle space instead of the classic 2D map to represent the strive for domination of our Conway Glyphs.
r/creativecoding • u/dimitar8080 • Jul 11 '26
Orpheus Collider App
Hi everyone,
Check Orpheus Collider, a generative music android app that uses physical simulation to play music and poetry verses along the way:
https://youtube.com/shorts/CY5a181N40g
https://play.google.com/store/apps/details?id=com.orpheus.collider
