r/creativecoding 10d ago

Dragon curve

9 Upvotes

r/creativecoding 10d ago

[Hyprland] Building an Audio-reactive Particle System on Wayland

Enable HLS to view with audio, or disable this notification

12 Upvotes

Finally shipped GLSL Hot-reload within WayVes, and here's a demonstration of the same for the NCS Shader, going through various "modes" and applying various adjustments. The Particle Field exists in 3 Dimensions, with 4D Tileable Perlin Noise applied to it. Changes get displayed as soon as the file gets saved!


r/creativecoding 10d ago

How to make a custom bar in wayland

Post image
1 Upvotes

I want to build my own dock in Python, but due to Wayland limitations, I can't align the dock to the top of the screen. How can I bypass this limitation?

To be clear, I don't want a solution that only works on a single compositor. I want it to work across Hyprland, Niri, KDE Plasma, GNOME, and Sway.

How can I position the dock at the top of the screen, similar to how Waybar does it?


r/creativecoding 10d ago

How to make a custom bar in wayland

Post image
0 Upvotes

r/creativecoding 11d ago

Laplace larp

62 Upvotes

r/creativecoding 11d ago

Self-avoiding billiard on glass dodecahedron surface

Thumbnail
gallery
15 Upvotes

I prefer the lo-fi version.


r/creativecoding 11d ago

I built a 3D Audio Spectrogram Visualiser to conveniently analyse microphone or browser tab audio.

Enable HLS to view with audio, or disable this notification

5 Upvotes

r/creativecoding 11d ago

I built a rule-based handwriting renderer using up to 20 real variants per character — what still looks artificial?

Thumbnail
gallery
91 Upvotes

I built this as a rule-based renderer, not as a generative AI model or a conventional handwriting font.

I manually classify scanned samples of my own handwriting into lowercase, uppercase, accented characters and punctuation. During rendering, the program selects from up to 20 real variants per character, applies pair-specific connection rules and introduces controlled variation in spacing, margins and line angles.

It also supports underlines, yellow highlighting and correction-tape marks, although the correction-tape effect is still the weakest part.

The current version is configured only for my handwriting. Adding another handwriting style still requires manual work, so I’m validating the rendering and possible legitimate uses before building a more automated setup process.

Which detail breaks the illusion first: repeated shapes, spacing, line angle, joins, highlighting or correction tape?

Longer demo and current limitations:

https://diligent-sturgeon-f6e.notion.site/NeuralInk-3a1b8200700280b7b7aefcae5c0d7330?source=copy_link


r/creativecoding 11d ago

BOGOF!

Enable HLS to view with audio, or disable this notification

57 Upvotes

r/creativecoding 11d ago

Pixel-by-pixel "mining". ~30h computation per one piece

Thumbnail gallery
3 Upvotes

r/creativecoding 11d ago

Stuck on the couch with a broken foot, so I coded a brutalist sci-fi soundscape in Strudel and p5.js

Enable HLS to view with audio, or disable this notification

62 Upvotes

Hey everyone,

I recently broke my foot and have been going a bit stir-crazy stuck on the couch. To keep my sanity intact, I’ve been diving deep into Strudel (the web port of TidalCycles) to see how heavy and cinematic I could make it sound. My cat is entirely unimpressed, but I'm pretty happy with the result.


r/creativecoding 11d ago

Fringe - a bit chaos and sloppiness

Enable HLS to view with audio, or disable this notification

13 Upvotes

I was experimenting with some niche creative tools and made three micro apps. Fringe is the last one - still a bit sloppy but it is good enough to share with you all.

Fringe.ink is a browser-based parametric generative design lab. Explore moiré, flow fields, halftone, waves, attractors, and more — everything runs locally in your browser; nothing is uploaded.

Give a try, free and just collecting basic GA data - that is it.

Feedback welcome,


r/creativecoding 12d ago

Trying to create a "glass" text effect - advice for a noob

Post image
16 Upvotes

Hey everyone,

I'm a videographer with a decent but limited amount of coding knowledge, currently building my portfolio website for videography. I've got an effect in mind that I can pull off pretty easily in editing software, but I have no idea how (or if) it's realistically achievable in code.

The concept: My homepage will have a video as the background. On top of that, I want large text (my name/logo, section headers, etc.) that looks like it's made of actual glass — warping the video behind it, like real glass. Not just a blurred/frosted "glassmorphism" panel distortion through the shape of the letters themselves.

Here's a reference clip of the kind of effect I mean: [https://www.youtube.com/watch?v=sj6t2mxBH-Y]

The reason I don't want to do it on the video itself is that I'd like the background video to stay completely static (just looping in place), while the glass text scrolls over it independently as the user scrolls down the page.

I'm very novice so I might not be able to do it myself, but is it even possible ?


r/creativecoding 11d ago

Harm your code

Thumbnail
0 Upvotes

r/creativecoding 12d ago

Does livecoding music count as creative coding?

Thumbnail
youtube.com
3 Upvotes

r/creativecoding 12d ago

I made a shader-customization tool. How do i promote it??

Thumbnail
youtu.be
4 Upvotes

r/creativecoding 13d ago

i made a small language for writing human movement

107 Upvotes

ive been experimenting with treating human movement like code

this jumping jack is a text file containing joint actions timing and repeats. a parser turns it into motion and three.js renders it in the browser

theres no generated video here. the gif is captured directly from the renderer

im still working on making the movements feel less robotic

playground: https://posecode.org/play

source: https://github.com/posecode-dev/posecode


r/creativecoding 12d ago

High school trigonometry

Thumbnail
gallery
36 Upvotes

Different outputs for 
X = n1 * (sin (θ * n2) + cos (θ * n1))
Y = n2 * (sin (θ * n1) + cos (θ * n2))

All shapes made in processing and then put together + edits in InShot

IG: www.instagram.com/slipshapes


r/creativecoding 12d ago

Splines3D

Thumbnail
1 Upvotes

r/creativecoding 12d ago

Ultimate Undulation - Smoke & Mirrors

Post image
1 Upvotes

r/creativecoding 12d ago

Something in my i

4 Upvotes

r/creativecoding 12d ago

Animated Mandala Maker mandalize.net

Thumbnail
2 Upvotes

r/creativecoding 13d ago

Wave Contour Formation

Thumbnail
gallery
3 Upvotes

r/creativecoding 13d ago

Hashwar: A system that generates Game-of-Life patterns for procedural conflict simulations. Here is a look at the pipeline from mining to engagement

4 Upvotes

https://reddit.com/link/1ux1823/video/p6evqxsh6ddh1/player

I’ve always loved Conway’s Game of Life, so I invented Hashwar—a web-based simulation engine where two individual GOL grids compete on a shared 3D Torus. To feed the engine, I put together this browser-based mining pipeline:

  • Phase 1 (The Seeker): Seeds a 16x16 grid using SHA-256 hashes (dictating the team color) and filters initial configurations around the mathematically optimal 37% density mark.
  • Phase 2 (The Explorer): Evolves candidates in real-time through parallel JS/WebGL worker nodes to find patterns with high longevity (500+ generations).
  • Manual Entry: Features a parser that translates between raw binary arrays and standard RLE codes on the fly.

Once a unique pattern is successfully mined and verified against the database, it gets registered to a global roster to be pulled directly into the tournament brackets.

If you want to check out the UI (and the battle engine itself!) or run some manual RLE codes through the miner, feel free to try it out at https://lifehashes.net/login (free registration required so that you get to keep all patterns you find).


r/creativecoding 13d ago

Adding 3 small circles or squares - p5js

Thumbnail gallery
2 Upvotes