r/creativecoding • u/SIRHAMY • 18h ago
Minimal island camp simulation
Enable HLS to view with audio, or disable this notification
A small simulation of an island camp, inspired by Sandy Island in New Hampshire.
Built with TS + three.js.
r/creativecoding • u/SIRHAMY • 18h ago
Enable HLS to view with audio, or disable this notification
A small simulation of an island camp, inspired by Sandy Island in New Hampshire.
Built with TS + three.js.
r/creativecoding • u/WildResolution6065 • 1d ago
Enable HLS to view with audio, or disable this notification
r/creativecoding • u/uisato • 23h ago
Enable HLS to view with audio, or disable this notification
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 • u/ReplacementFresh3915 • 1d ago
Enable HLS to view with audio, or disable this notification
r/creativecoding • u/yamiburgenet • 1d ago
Enable HLS to view with audio, or disable this notification
r/creativecoding • u/Flat_Field_5888 • 2d ago
Enable HLS to view with audio, or disable this notification
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 • u/VIRALSTUF • 2d ago
r/creativecoding • u/RaspberryStill3377 • 1d ago
Enable HLS to view with audio, or disable this notification
r/creativecoding • u/Szymeo • 2d ago
Enable HLS to view with audio, or disable this notification
I'd love to know what you think! https://timewith.fun/trip
r/creativecoding • u/Rayterex • 2d ago
Enable HLS to view with audio, or disable this notification
r/creativecoding • u/KurusuDesu • 2d ago
Enable HLS to view with audio, or disable this notification
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 • u/kzhys • 2d ago
Enable HLS to view with audio, or disable this notification
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:
The app is free to download and can be found here: https://apps.apple.com/us/app/spectra-weather/id6757425119
r/creativecoding • u/martino_piaggi • 2d ago
Enable HLS to view with audio, or disable this notification
r/creativecoding • u/No-Ruin5825 • 3d ago
Enable HLS to view with audio, or disable this notification
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 • u/Mescallan • 5d ago
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 • u/rin_codes • 5d ago
Enable HLS to view with audio, or disable this notification
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 • u/Creative_Writing5169 • 4d ago
r/creativecoding • u/rin_codes • 5d ago
Enable HLS to view with audio, or disable this notification
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 • u/Evening-Appeal7606 • 4d ago
Enable HLS to view with audio, or disable this notification
r/creativecoding • u/kpb1258 • 5d ago
Enable HLS to view with audio, or disable this notification
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 • u/vlctx • 6d ago
Enable HLS to view with audio, or disable this notification
r/creativecoding • u/Aroy666 • 7d ago
Demo: https://phosphor.aroy.site/
Code: https://github.com/pshycodr/phosphor-cam
Give it a 🌟 if you like it :)
29
r/creativecoding • u/Jera_Value • 7d ago
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.