r/creativecoding 1h ago

I built an interactive article that derives music theory from scratch in raw Web Audio

Upvotes

I can't play an instrument, so I worked out music theory from first principles in JavaScript instead, starting from a single oscillator.

Every example is editable and runs in the page, so you can change a number and hear it. No audio libraries, just raw Web Audio.

https://runjs.app/blog/music-theory-for-programmers


r/creativecoding 1h ago

Framework for simulation of holographic projections

Upvotes
Latitude bands on a 2D spherical surface projected into a 3D volume via radial extrusion

Ever wanted to explore holographic projections in software? I'm developing HoloField, a modular framework that projects 2D math into 3D geometry. Even though it's a work-in-progress, you can already use it to experiment with your own custom mathematical formulas and 3D transformations.

The code is on GitHub. Search for ngdias or Holofield, I'm not sure I can post links here.


r/creativecoding 18h ago

More Images Transformed using my Math Pop application!

Thumbnail
gallery
0 Upvotes

I didn't draw any of the base art


r/creativecoding 1d ago

We've got calorie trackers, workout trackers, habit trackers... but what about a hobby tracker? I built one for all my creative dabbling (Testers needed!)

Enable HLS to view with audio, or disable this notification

8 Upvotes

I'm someone who loves exploring new creative things: jewelry making, crochet, knitting, rug making, pottery (the list goes on) but i could never find one personal place to keep track of it all.

So I designed and built Dabble: a cozy daily tracker for creative generalists — aka people who dabble in a little bit of everything :)

https://dabble-web.vercel.app/

How it works:

  • Log any hobby, pick a mood you felt while creating, and add a note so you actually remember what you made and how the session went ✍️
  • Track your creative progress over time 📈
  • My favorite part: every hobby you log adds an icon to your jar, so over time you get a colorful visual of everything you made that year 🫙🌈

I'd love your help testing it! If you're someone who dabbles in more than one creative hobby, I'd really appreciate:

  • 5–10 minutes trying it out and/or logging over a few days
  • Honest feedback on what's confusing, missing, or working well
  • Any hobbies you'd want to see added to the doodle set! (right now I've got the most popular creative hobbies covered, plus a general "crafting" catch-all)
  • Other features you would be interested in! (it's just a basic tracking app, but I'm looking to expand my features if there's demand for it!)

Other notes: I designed this in Figma and developed it using Claude Code. It’s a web application for now since it’s the easiest to build, but curious if anyone is interested in a real mobile app. Also, I know it’s a bit laggy sometimes so I’m doing my best to fix it.

https://dabble-web.vercel.app/

Happy to answer any questions, and thank you in advance to anyone willing to give it a try!!


r/creativecoding 1d ago

WIP Fan-3D scene reconstruction

Enable HLS to view with audio, or disable this notification

1 Upvotes

r/creativecoding 2d ago

plasma

147 Upvotes

Made with my perfect loop gif web app


r/creativecoding 1d ago

Infinite WebGL kaleidoscope fractal

0 Upvotes

r/creativecoding 2d ago

Introducing the "Predator Module" to my Particle Simulator Sandbox

Enable HLS to view with audio, or disable this notification

12 Upvotes

r/creativecoding 2d ago

Coded a Galton board from scratch — randomness in, a bell curve out

Enable HLS to view with audio, or disable this notification

0 Upvotes

Wanted to see if I could get the emergent-bell-curve effect feeling physical rather than charted. Each ball is an independent walker: at every peg row it flips a coin to go left or right, lands in a column, and the histogram builds up underneath in real time.

The whole thing is vanilla JS on a canvas, no libraries, no physics engine — just position updates per row and a running column tally. The satisfying part was tuning the timing so you actually feel the distribution “fill in” instead of it just appearing.

It’s one piece of a small math-visualization site I’m building. Happy to walk through the bounce logic or the rendering if anyone’s curious.

interactivemathematics.org


r/creativecoding 2d ago

Bobsled

Enable HLS to view with audio, or disable this notification

7 Upvotes

Credits to TypeGPU for their monocular relighting. All real-time made in TouchDesigner


r/creativecoding 2d ago

I built this 3D website design in just 30 minutes with codex.

Enable HLS to view with audio, or disable this notification

0 Upvotes

r/creativecoding 3d ago

Tying a knot in a grid

Enable HLS to view with audio, or disable this notification

44 Upvotes

r/creativecoding 4d ago

I built a gallery where every URL grows into its own deterministic 3D QR world

Enable HLS to view with audio, or disable this notification

177 Upvotes

I’ve been experimenting with turning URLs into deterministic 3D visual identities.

The same URL always generates the same world.

Right now there are two themes:

🌳 Tree
⛰️ Terrain

I turned the experiment into a public gallery where anyone can submit their own URL and see what kind of 3D QR world it grows into.

You can also switch back to the actual scannable QR code.

Try yours: https://every-qrcode.com/

The component is open source too:
https://github.com/AlbertAZ1992/every-qrcode

What kind of world should I add next?


r/creativecoding 3d ago

Hice una web que convierte los movimientos de las manos en música electrónica

Enable HLS to view with audio, or disable this notification

10 Upvotes

r/creativecoding 3d ago

[Update] Oscilloscopes, Everywhere

Enable HLS to view with audio, or disable this notification

5 Upvotes

r/creativecoding 4d ago

Made a photosynthesizer using real videos and real music

Enable HLS to view with audio, or disable this notification

208 Upvotes

Just a disclaimer I vibecoded this on a platform I am working on but it uses real music and real video. To analyze the tracks it uses the browser's built in web audio API.

I kind of came up with the idea because I have a general interest in plants and visualizers but mainly its because I had wanted to make a game using timelapse photography. While trying to make one I realized that instead of using thousands of photos its easier to reference a frame of a video. Then I kind of realized that plant timelapse videos have a beginning and end like a song.

You can check it out here: https://bash.tv/chris/photosynthesizer

Right now you can only upload one song, whatever you upload replaces the last thing you uploaded. Its local to you not added to a global list.

Here are some things about how it works:

What reacts to the music? Web Audio measures bass, mids, highs, overall energy, and beats.
How is the bloom controlled? Song progress moves it forward while beats create rhythmic jumps and motion.
Will the flower finish blooming? Yes—the timeline is designed to reach the final frame near the song’s end.
What does Metered mode do? It makes the bloom swing more dramatically with live audio energy.
What does Clamped mean? The available bloom range expands gradually throughout the song.
What does Unclamped mean? The full timelapse range is available from the beginning.
Can I play my own audio? Use the file button to add a track from your device.
Does it work on mobile? Yes—the layout and image fitting adapt to smaller screens.
How many plants? There are 15 videos, 14 plants and 1 secret mushroom video that you can unlock if you rapidly click the plant button

If anyone has any ideas for features to add or questions let me know.


r/creativecoding 4d ago

A curated directory for free mental health tools. Creators are welcome to submit their work.

Enable HLS to view with audio, or disable this notification

1 Upvotes

I am a psychologist. I also have a passion for the digital landscape. I have accumulated enough knowledge in web fundamentals over the years to leverage AI agents and convert my ideas into digital projects. I am not a developer. I do not claim to be one. I am humbly aware of my place in the digital realm. I simply do not have the time to invest in building a second career as a developer. I am simply putting my long-lasting passion for the digital craft to use, in the best way I can as a psychologist. 

I am currently building psycurate.com, a free online platform dedicated entirely to privacy-focused mental health digital tools (apps, websites).

My goal is to create a clean space where people can access psychological resources without encountering corporate tactics like tracking, micro-payments, paywalls, mandatory logins, or data harvesting. There is a critical need for digital mental health hygiene, and I want to highlight independent projects that remain genuinely honest, ethical and accessible.

I tried to give it a unique creative UI and worked on having an infinite carousel functionality implemented with three.js (react three fiber and react drei)

If you have built some tool that can offer any kind of psychological help for free, this is a platform you can list your app on.

Psycurate does not host any software. The platform exclusively showcases your project and links users directly back to your website.

Any feedback or insights you might have are highly welcome.

Best regards,

Mirel


r/creativecoding 4d ago

Packed vector flow

Enable HLS to view with audio, or disable this notification

7 Upvotes

r/creativecoding 5d ago

grid universe

Enable HLS to view with audio, or disable this notification

25 Upvotes

r/creativecoding 5d ago

Interactive parallax image. Drag the image to explore

Thumbnail
bigjobby.com
12 Upvotes

r/creativecoding 5d ago

Lucinate video synth animates and live-codes visuals on Mac and iOS - CDM Create Digital Music

Thumbnail
cdm.link
3 Upvotes

r/creativecoding 6d ago

Gente Que tal Esta biblioteca de Torretas con estilo Hig Tech echas en vanilla.js sin sprites listas para ser usadas en tus proyectos/juegos web html canvas

Enable HLS to view with audio, or disable this notification

5 Upvotes

Gente! He estado trabajando en esta biblioteca de torretas modular hecho completamente en Vanilla JS y HTML5 Canvas.

Puedes probar aqui: cotera2024.github.io/Turrets-High-Tech/

Y si quieres, checa el código en GitHub: https://github.com/cotera2024/Turrets-High-Tech


r/creativecoding 6d ago

Una Creepy Face

Enable HLS to view with audio, or disable this notification

16 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 y si quieren trastear con el codigo en github

https://cotera.itch.io/creepy-face

https://github.com/cotera2024/Creepy-Face

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

cotera2024.github.io/Creepy-Face/


r/creativecoding 6d ago

[Update] Perceptual Display Engine for TouchDesigner

Enable HLS to view with audio, or disable this notification

35 Upvotes

One last example output from this experimental multi-source video player designed for frame-accurate video switching, playback manipulation, and display/render interventions, now with a few optimizations made for even better performance.

You can freely access the system + a detailed breakdown, through Patreon, and/or the Tools Store.


r/creativecoding 6d ago

Feliz Cumpleaños Cosmico 3d con three.js

Enable HLS to view with audio, or disable this notification

4 Upvotes

Gente que tal este scrip en 3d con motivo espacial?.....use fotos de una modelo para ejemplificación es super ligera y personalizable desde un json la hise para felicitar a una amiga muy especial y me quedo gustanto que me gustaria compartirla con ustedes

si quieren probarla ahorita aqui

cotera2024.github.io/Happy-Birthday-Galaxy--main/

y si queiren ver el codigo aqui en github

https://github.com/cotera2024/Happy-Birthday-Galaxy--main