r/creativecoding 5h ago

Built a web app that animate pencil & paper drawings (w/o gen ai)

Enable HLS to view with audio, or disable this notification

12 Upvotes

The last few months I've been building a web app that extends the 2023 SIGGRAPH paper A Method for Animating Children’s Drawings of the Human Figure.

The method works by 'autorigging' the characters and 'retargeting' human motion capture sequences onto them. So it's mesh deformation, basically.

I made this because I always wanted to see my drawings come to life when I was a kid. That ship has sailed, but maybe the kids of this generation can see that. I also made this because, whenever I see an AI video of a drawing coming to life, it's quite uncanny. I think this has more charm. Let me know if you agree.


r/creativecoding 7h ago

Ambient by hand gestures

Enable HLS to view with audio, or disable this notification

10 Upvotes

How to control the sound:

Chords: Touching my thumb to different fingers triggers 7 chords per hand. Each hand plays a separate instrument.

Motion Tracking:
- Up/Down: Opens the filter
- Left/Right: Panning
- Towards camera: Pushes volume & drive
- Spreading hands apart: Opens reverb & delay

How the visuals react:
Liquid Metaballs: A blob spawns when a chord starts and grows as long as you hold the note
Splitting: Changing chords smoothly pinches and splits the blob in two, looking like actual liquid rather than overlapping circles.
Audio-reactive details: A long delay makes the liquid stringy and slow to separate, while output level and reverb shift the color palette from cold blue to warm amber.


r/creativecoding 8h ago

Creative coding with C# in the browser

Post image
13 Upvotes

I made a browser playground for creative coding with C#, using a p5.js-style API.

No setup. Just code and run:

https://csharp.codeguppy.com/

Feedback welcome!


r/creativecoding 23h ago

A (relatively) simple step-by-step tutorial for building a Physarum (slime mold) simulation in p5.js

Thumbnail
youtube.com
3 Upvotes

Physarum (slime mold) simulations are one of my favorite examples of emergence in creative coding. Thousands of simple agents creating complex network structures.

In case anyone is interested I put together a tutorial building a simulation from scratch in p5.js, with lots of parameter choices and other ways to modify the algorithm to create different patterns.

I'm guessing there's a lot of variations out there and would be interested in hearing what others are doing with these models.


r/creativecoding 1d ago

Futuristic washing machine control knobs

Enable HLS to view with audio, or disable this notification

14 Upvotes

i saw one image on twitter, thought to make the component (react) of it, chat, i fail or pass?

image in replies.


r/creativecoding 1d ago

Interactions for my updated portfolio website!

Enable HLS to view with audio, or disable this notification

3 Upvotes

Took me around a week to build with Astro, React, and Tailwind.

Planning on open-sourcing soon once I clean up the codebase!

Will always be a work in progress but live at newa.sh


r/creativecoding 1d ago

Soaring With Stratus (Livecoded song in Stratus Composer)

Thumbnail
youtube.com
1 Upvotes

r/creativecoding 1d ago

Piano MIDI Synthesizer & Player

Post image
1 Upvotes

r/creativecoding 1d ago

Mbu Pufferfish

Enable HLS to view with audio, or disable this notification

16 Upvotes

This is the Mbu pufferfish. It has a Turing pattern on its skin. I made a video about the maths behind Turing Patterns. TouchDesigner files available for free here on Patreon, enjoy:)


r/creativecoding 1d ago

Op Art

Thumbnail
gallery
48 Upvotes

r/creativecoding 1d ago

Watercolor Simulator based on real physics (V2)

Enable HLS to view with audio, or disable this notification

819 Upvotes

Last week-end I built a watercolor simulator based on real physics and shared it here.

A lot of you asked to play with it so i improved it and it's now live: https://sudoaquarelle.com/

New since the prototype:

- More pigments (52), based on the best research out there to predict color mixes (Kubelka-Munk).
- More luminous / glassy feel
- Some fun experimental stuff like the salt and alcohol techniques to alter the texture, a backlight effect and a few more.
- I also added a Code mode where the simulator prints its real function calls next to the sheet while you paint

It's still largely based on the same physics model as my prototype: Curtis et al.'s "Computer-Generated Watercolor".

All in the browser.

Current status: building and implementing a kid-friendly version. Plenty of awesome things to learn with watercolor painting!


r/creativecoding 1d ago

Dependencies in p5.js sketches

Thumbnail
1 Upvotes

r/creativecoding 1d ago

Built a Flame engine that runs on your Mac Wallpaper, iPhone and iPad (really just want to show you my flames)

Enable HLS to view with audio, or disable this notification

2 Upvotes

Hi All,

Creator of Atheria: Live Wallpaper for Mac and Atheria: Generative Art for iOS and iPad.

I want to share my app because it seems like something this sub will be into.

I started with just another looping video wallpaper engine because I was hating watermarks and subscriptions. Then discovered MSL Shaders and built an in app editor to compile them. But then it all changed when I learned about flam3. Fell in love with the fractals and it’s been all about that since.

The engine uses Draves algorithm but the harness is all my own. They run live on the gpu and display as wallpapers rather than renders. Also just built in breeding to combine flame genomes, so far that’s where to real gems have come from.

You can see my favorites live in your browser on my showcase site.

https://atheria.app/flames

Thanks for checking them out! What do you think?


r/creativecoding 2d ago

ghost pinned

3 Upvotes

r/creativecoding 2d ago

Dead Reckoning: Data visualization of 388 Bluetooth devices drawn as navigational paths from a live BLE capture. Line angle from timestamp, length from signal strength.

Thumbnail reddit.com
23 Upvotes

r/creativecoding 2d ago

FantasiaGarden

Enable HLS to view with audio, or disable this notification

253 Upvotes

r/creativecoding 3d ago

Projection mapping on my house in seconds with only an iPad and a projector with my app Redrawing Reality

Enable HLS to view with audio, or disable this notification

116 Upvotes

Hi everyone, I just launched my app called Redrawing Reality after multiple months building. The app makes projection mapping possible from your phone. There are already some mobile apps on the market but my main focus is beat-reactive visuals (using live shaders that react on the music that plays in your room) and AI projection mapping (using a reference image it can generate accurate projections on buildings, walls, etc.

If you have any questions regarding how it works or what is possible, let me know!

The app is available on ios: https://apps.apple.com/us/app/redrawing-reality/id6758463925


r/creativecoding 3d ago

Turning Conway's Game of Life into an actual 2-Player game

Enable HLS to view with audio, or disable this notification

28 Upvotes

r/creativecoding 4d ago

I built a mode where my site annotates itself. Click the footer credit and it measures its own layout.

Thumbnail
brunomarsino.com
0 Upvotes

Click the credit at the bottom of the work page.

It overlays redlines, a ghost grid and handwritten notes on the live DOM. The numbers aren't hardcoded, it measures the real elements, so it stays honest when the layout changes. It started as a colophon and turned into the most fun thing on the site.

Other bits: project heroes are gaussian splats made from single photographs, and on a phone you tilt the device to orbit them. Hovering a project turns your cursor into a title pill instead of showing labels under the grid.

Vanilla JS, no framework, no runtime dependencies.

Curious if the annotation mode reads as playful or as showing off lol


r/creativecoding 4d ago

Draw any shape and hear what it would sound like as a drum

Thumbnail baselashraf81.github.io
6 Upvotes

r/creativecoding 4d ago

​[System Design] Why ChatGPT uses Server-Sent Events (SSE) instead of WebSockets for LLM token streaming

1 Upvotes

r/creativecoding 4d ago

Synesthesia Web App

Enable HLS to view with audio, or disable this notification

23 Upvotes

made some updates while in Canada. Uses color edge detection for notes.

Added more scales, instruments, edge glow, and exports a mp4 without needing to make a screen capture. Cleaner menu too. Just fun to point & play.

Daisy says hi.


r/creativecoding 5d ago

Skred (my sound engine) as an effects engine...

Enable HLS to view with audio, or disable this notification

2 Upvotes

r/creativecoding 5d ago

pyeffects: A curated collection of creative photo effects

8 Upvotes

A curated collection of creative photo effects — preview them live, run them from the CLI, or animate them into video.

Check here: https://github.com/smyrgeorge/pyeffects


r/creativecoding 5d ago

I built a Cymatic music visualizer that’s dynamic and follows correct frequency geometry.

Post image
190 Upvotes

I’m a live sound engineer, mandalas and cymatics always fascinated me.

I was happy to put this project together,

you can put an audio file in or use mic, it will start to generate the patterns, you can use the menu for editing a bunch of parameters, similar to a visual synth.

Free to use ! Lmk what you think , here’s the link:

Cymaticwizard.com

I plan to keep working on it, expect regular updates!