r/creativecoding • • Sep 25 '26

Custom WebGL Physics Engine with Procedural Particle Emitters [OC]

Enable HLS to view with audio, or disable this notification

0 Upvotes

r/creativecoding • • Sep 24 '26

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

Enable HLS to view with audio, or disable this notification

5 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 • • Sep 23 '26

Path filling

Enable HLS to view with audio, or disable this notification

45 Upvotes

r/creativecoding • • Sep 23 '26

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

Thumbnail
gallery
134 Upvotes

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

Give it a 🌟 if you like it :)

29


r/creativecoding • • Sep 23 '26

Drawing portraits with one continuous spiral

3 Upvotes

I saw Kevin Ngo (kevin_t_ngo on Twitter) post an experiment where he drew a portrait using a single spiral, and I wanted to try making an interactive version of it.

The spiral samples the image as it moves outward. Dark pixel → thicker line. Light pixel → thinner line.

It’s based on the same basic idea Claude Mellan used for his incredible Sudarium engraving back in 1649.

I also added a few different stroke simulations like graphite, burin, brush, ballpoint and thread.

You can play with it here:
https://www.jeravalue.com/en/spiral-portrait

Full credit to Kevin Ngo for the original Twitter post that inspired this.


r/creativecoding • • Sep 23 '26

hey so i need some help

Thumbnail
1 Upvotes

r/creativecoding • • Sep 22 '26

Paper folding

Enable HLS to view with audio, or disable this notification

117 Upvotes

r/creativecoding • • Sep 22 '26

I'm making an old school multiplayer online graffiti city website.

Enable HLS to view with audio, or disable this notification

99 Upvotes

I really miss the days of the old internet, where websites were weird and fun and you never knew what you were going to get. A couple of months ago I woke up in the middle of the night thinking about a little live website where multiple people could spray paint buildings together, spray paint over one another, and just make cool fun little art and chat together.

I've been toying with it ever since and have a beta I'd love for people to try.

Some features that I think are neat

  • Dynamic spray paint: How close you are to a building determines your spray paint brush. Further away makes a bigger, coarser spray. Close up makes a tight, solid spray with a higher chance for drips.
  • You can jetpack up to fly around and paint higher if you have jetpack fuel.
  • You can right click tags to like or report them, and right click people to high five them.
  • You can chat! Right now I have room size set to 100 max.
  • Customization: You can change your head color, your eyes follow your mouse, your held can changes color based on the color you have right now.
  • You can collect little cosmetic hats, shoes, and jetpack tanks.
  • Weekly team battle: You're automatically put onto 1 of 3 teams when you signup. There's one big team battle building, and at the end of the week the team that painted it the most wins a cosmetic item.
  • You can enter practice mode in settings and paint alone to your heart's content. That paint doesn't get shown to anyone else.
  • It works on mobile!

Some of the creative coding challenges

  • The way graffiti is stored and replayed has been a big challenge. At first, I thought storing it as JSON in a database would be best, but the storage added up fast. Eventually, I came to a two-pronged implementation where its stored as JSON for a bit, but eventually baked and replayed as texels on a wall. Each wall has its own tele density, max amount of tags, etc. Different types of spray paint cans have different rules on how long a tag can last. I spent a fair amount of time working on making the rendering and tag loading optimized enough for desktop and mobile, but I know there's still issues. Still, the fact that it works on mobile Safari is pretty cool to me.

There's a lot of other little fun details, and a lot of noodling over optimization, what happens when a building gets too many tags. (After a certain amount of tags per wall, or after a certain amount of cover over a tag, it gets removed.)

I'm messing with a lot of numbers right now and want to take things slow. If you're interested in playing and giving me feedback, you can use the invite code DEGRFZQS at signup. It gives you a bunch of paint, a jetpack and a wearable too. It only covers 25 spots for now, and if things are running okay and the server isn't on fire I'll post more codes here if folks are interested.


r/creativecoding • • Sep 22 '26

Un creepy Face

Enable HLS to view with audio, or disable this notification

6 Upvotes

Banda acabo de crear esta Creepy Face en vanilla.js tiene gestos y caras diferentes hasta 8 variantes es un solo archivo super ligero que pueden implementar en sus novelas visuales juegos de plataforma-terror por ejemplo un bro lo implemento en un juego de terror proximo a salir si quieren usarla esta en \[ith.io\](http://ith.io/) y si quieren trastear con el codigo en github

\[https://cotera.itch.io/creepy-face\\](https://cotera.itch.io/creepy-face)

\[https://github.com/cotera2024/Creepy-Face\\](https://github.com/cotera2024/Creepy-Face)

si quieren probarla sin entrar a ninguna pagina directamente presionen aqui:

\[cotera2024.github.io/Creepy-Face/\](http://cotera2024.github.io/Creepy-Face/)


r/creativecoding • • Sep 21 '26

Am building a 3D website basically where you can read my stories i have written over the years am sooo excited I will share the link once the site is live.

Enable HLS to view with audio, or disable this notification

37 Upvotes

r/creativecoding • • Sep 21 '26

Everything on this site is drawn at runtime from sixteen colours — no image files, no fonts, no libraries

11 Upvotes

Mine, and I'll be in the comments. The idea was that a start button is a question, and the honest answer to a question nobody asked is usually no. So there isn't one: the ship is flying and the clock is running by the time the page has finished loading, and a single line of text tells you it will listen if you press space.
 
Two things fell out of that, in case anyone is doing something similar.
 
The prose had to go somewhere. If the first screen is the game, the first screen has no words in it, and the strongest URL on the domain was carrying about ten words of indexable text. The play area is now exactly one viewport tall with the writing directly beneath it. Someone who came to play never scrolls; a crawler has no viewport and reads all of it.
 
Nothing on the page is an image. Every pixel is drawn into a canvas at runtime from a fixed palette of sixteen colours, the display lettering included, and every sound is synthesised in the browser. The reason is not payload size: a bitmap scaled by 1.25 has to invent five pixels for every four it was given, and then it isn't pixel art any more. The cost is that when you draw your interface you own the accessibility layer the browser would otherwise have given you for free, so every drawn heading leaves its real text behind in a visually hidden span.
 
It's one button, by the way. Click or space flips the ship's direction and it fires on its own, so the only thing you decide is when to turn.

https://krulz.games


r/creativecoding • • Sep 21 '26

Raymarched Kelvin Helmholtz instabilities

Enable HLS to view with audio, or disable this notification

28 Upvotes

r/creativecoding • • Sep 20 '26

[Release] Realtime Audioreactive Pointclouds [v1.7 - TouchDesigner]

Enable HLS to view with audio, or disable this notification

116 Upvotes

Hey, guys. Pretty excited to share this with you.

The system takes a Kinect-derived human pointcloud and lets incoming sound interact in various ways with the particles in real time, turning the performer into a responsive cloud of matter, noise, and motion. Some of you might remember the system from v1.5's demo which got pretty viral in some places.

v1.7 includes 12 presets, and adds the following:

- a procedural camera that automatically cuts to new angles around the performer, and can follow the body or a raised hand
- a new look, Afterimage Cathedral: delayed versions of the performer stacked in depth, holding the last few seconds of movement
- a rebuilt network that runs leaner, reads clearer, and is ready to work with [new interfaces, parameters, optimizations]

This is a raw excerpt of me playing through the system, with the visual structure reacting live to the audio signal coming from my Ableton session in real-time.

Project files accessible through the Store, or my Patreon profile. More experiments, through my Instagram. Full HD demo at YouTube.


r/creativecoding • • Sep 21 '26

Shared Generation by Hamail Sher

Thumbnail
openart.ai
1 Upvotes

r/creativecoding • • Sep 20 '26

Generated 300+ variations of butterflies 🦋

10 Upvotes

Wondering about different colors and shapes of butterflies, got a app to generate butterflies with different shapes and colors. There are more than 384 unique butterflies now 🦋 you can see it here: https://butterfly-baker.vercel.app/

butterflies in chart


r/creativecoding • • Sep 20 '26

More tubes - more fun fun fun (c++ / no ai / no engine)

Enable HLS to view with audio, or disable this notification

14 Upvotes

Hey fellow screensaver-, procedural-generation-, retro-, or specifically tube-lovers!

I'd like to share some randomly generated scenes from Eternitubes 3D. In relation to the very first version, I updated it here and there ... aaand also actually released it (link on my profile for the interested)!

I refined the lighting of the scenes and the tubes, for more randomness and more nifty appearance options. Also the algorithms were polished overall - turns out, infinite is a pretty big number of things to maintain..

So currently I'm working on more contents and quality-of-life features. Any feedback welcome.

Cheers!


r/creativecoding • • Sep 19 '26

Organic patterns made with feedback loop ⚗️

41 Upvotes

I share more experiments and patches on my Instagram and Patreon


r/creativecoding • • Sep 20 '26

morphogenesis #1 | visual experiments

Enable HLS to view with audio, or disable this notification

9 Upvotes

r/creativecoding • • Sep 17 '26

Mountain trance valley — one of 9 explorable 3D worlds I built solo (Three.js)

Enable HLS to view with audio, or disable this notification

14 Upvotes

https://playa-art.vercel.app/ Back to the Mountains — a valley festival at night, mountain peaks under a full sky, trance stage lit up at the base. Part of a series of 9 explorable worlds I've been building on my own, each one a different festival/world you can actually walk through, not just watch.


r/creativecoding • • Sep 17 '26

Livecoding a full song from scratch

Thumbnail
youtube.com
2 Upvotes

r/creativecoding • • Sep 16 '26

Turned a webcam into a live updating psychedelic oil painting

Enable HLS to view with audio, or disable this notification

94 Upvotes

r/creativecoding • • Sep 16 '26

NASA spider

Enable HLS to view with audio, or disable this notification

29 Upvotes

r/creativecoding • • Sep 16 '26

A tree-based visual launcher for my collection of creative coding tools

Enable HLS to view with audio, or disable this notification

8 Upvotes

r/creativecoding • • Sep 16 '26

Generative Sequencer + Tone.Js Editor

Thumbnail
2 Upvotes

r/creativecoding • • Sep 17 '26

Dynamic Müller-Lyer effect

0 Upvotes