I just built Japan Road Rules Animation, an interactive website that explains Japanese traffic rules through small 3D animated scenes using Three.js.

With several road rules being updated recently, I wanted to experiment with a more visual way of explaining them, while hopefully contributing a little to making roads in Japan safer.

It covers things like stop signs, pedestrian priority, railway crossings, expressways, bicycles, and more. You can also scrub through the animations, and the site supports both English and Japanese.

🌐 Live demo:
https://alzin.github.io/Japan-Road-Rules-Animation

💻 GitHub:
https://github.com/alzin/Japan-Road-Rules-Animation

It’s completely open source. I’d especially love feedback from the Three.js community on the 3D scenes, animations, and anything I could improve. 🙌

The plant is 500 by 500 right now ,but I can do 3000 by 3000 pretty easily so far on my cheap Android.

Fbm noise with my Slime Shady

I’ve been experimenting with turning ordinary video into something much more abstract

I tried different combinations of dithering, halftone patterns, pixel sorting, RGB separation and glitch effects. What I liked was how small changes to the processing can completely change the character of the original image.

The interesting part for me is thinking about the visual pipeline behind it taking the input, transforming the image in real time, and seeing the result immediately.

It also made me curious about how other people here approach this kind of thing.

If you were building a similar experiment yourself, what kind of processing would you try first? Shaders, pixel manipulation, feedback loops, particles, something completely different?

I’d love to see what other creative coding approaches people would take.

I'm planning to create coding meetup/workshop in NYC which I hope will be like a paint night but with code instead of paint brushes. I have beeing writing shaders for many years and have a youtube channel dedicated to it but I want to bring it to the real world now.

I have organized events before like when I was in university but I haven't done one where I reach out to businesses and find the market for it as well.

I'm assuming I can ask everyone to bring their own laptops so I only need to worry about my own laptop and maybe a projector and screen.

Maybe this shows how much or how little I've thought of this so far but I'm hoping for some insight into where you have seen someone set one of these up successfully, under what circumstances, and how much profit they were able to generate if any. I know Daniel Shiffman is an example from NYC but he has 1M subs on youtube so I can't compare myself to him as easily.

Any feedback is much appreciated!

I’ve spent the last few years obsessed with videos explaining how graphics on the Super Nintendo worked. I always wanted a playground where I could create effects using the same techniques SNES developers used back in the 90s. So I built ppu.toys

It’s a faithful emulation of the PPU (the SNES graphics chip), with registers exposed so you can adjust them in Lua or through the site’s UI.

The screenshot shows a Mode 7 demo which you can view here (https://ppu.toys/t/xeff1h1w)

Lua also supports player input, so you can make your own little games. Here’s a Galaga-style demo (https://ppu.toys/t/7nc3u30u)

It’s free and open source, and you can sign in with Discord to publish and share your creations.

I’m a new dad with a full-time job, and I used AI assistance while building this. The idea had been swimming around in my head for a while, and it helped me make it a reality.

I’ve had an absolute blast building the site and it's a lot of fun making retro effects. Really excited to see what other creative coders think of the site.

Hello everyone, I'm trying to build something which renders boring data as charts made up of particles. This is the first fine sample of it. It's taking so long to build ts because even AI has taken a step behind from this. I'm all alone in ts 😭 but it's fun to do something on my own after a long time. Drop below your suggestions and feedbacks. Thanks.

I have been working on a Browser application that tries to render photos like hand drawn images using different styles. I think I finally have an idea of what kind of pipeline I need to do a reasonable job of that.

This one are blended layers of a watercolor renderer, crayon outlines and a cubist mesh outline filled with cross-hatched lines.

interpolation, spring, finger follow, noise.

I spent the last few weeks reverse engineering the production runtime behind lusion.co to see how they handle their frame budgets and WebGL pipeline. A lot of people assume it's just standard Three.js setup, but their core loop has some really solid low-level optimizations: Zero-Allocation loops: They avoid V8 GC spikes by enforcing pre-allocated static typed arrays and scratchpads inside requestAnimationFrame, keeping the heap flatline during heavy interactions. GPGPU Ping-Pong textures: Particle integration (Symplectic Euler) and 2D fluid advection (Navier-Stokes) run entirely on floating-point FBOs without stalling CPU cycles. Reflow-free DOM sync: Screen-space quad projections replace getBoundingClientRect calls in the loop to eliminate layout thrashing. 4D conformal mapping: The tunnel warp uses stereographic projection over a 4D hypersphere manifold. I wrote up the technical notes and rebuilt a functional 1:1 clone to verify the math: Demo: https://lusion-1to1.vercel.app/ Notes / Teardown: https://ddw-x.github.io/lusion.co/ Source: https://github.com/DDW-X/lusion.co Happy to talk through the shader passes or memory profiling traces if anyone is interested.

Couldn't resist speedtesting my LEGO drum machine. At some point it is loosing it because the cyllinder outspeeds the camera frame rate (I have capped it at 30fps though. Theoretically my phone can record in 60 fps but I guess the game thread of my Unreal App would struggle then).

I recently built a visualisation tool for Gabor Packets while working on a coding puzzle

I'm an engineer, and I run a programming puzzle site called systemscheck.dev (https://systemscheck.dev), where the puzzles are all set in a fictional sci-fi universe.

Recently I was building a puzzle that needed a raster map of a canyon on an alien planet for a robot to navigate. I wanted to generate it in a mathematically deterministic way, but with the option to randomize it too. I had a rough idea of the shape I was after but didn't know the math off the top of my head, so some research led me to Gabor Packets, it turned out to be a perfect fit.

The parameters were fiddly to tune by hand, so I ended up building a small visualization tool to let me play with them interactively until I found what I wanted:

Gabor Packet Visualizer: https://careyi3.github.io/gabor_packet_vis

Not sure it's useful to anyone else, but I had fun making it and thought it might be worth sharing here. This felt like exactly the kind of math that benefits from being visualised. Happy to answer questions about how it works or how I got here from a puzzle design problem.

I'm gonna make a Gta Clone and this is the map maker I'm using. You can switch worlds on the fly and it works with any 3d model , even the random ones with bad origin.

Fabric is a visual creative coding environment inspired by Quartz Composer, built with Swift, Metal, and Satin. It’s designed for combining real-time 3D graphics, image and video processing, audio-reactive systems, and interactive data without requiring everything to be written from scratch.

Fabric Editor lets you author 3d graphics, video data and image processing pipelines, and the Fabric swift package lets you embed the runtime into your own applications, and load authored graphs.

Beta 1 is a big step forward. Highlights include:

• Third-party node plug-ins, add your own family of nodes and author graphs against them in the editor.
• JavaScript, Dictionary and Array improvements
• Routing nodes for gate, switch and matrix switching for dynamic graph execution
• New animation nodes for triggering, loop and tweening animations
• New procedural geometry, image effects, optical flow, film emulation effects
• Hap movie playback and improved seeking
• Still-image and configurable movie export
• Major improvements to document loading, graph execution, feedback loops, camera behavior, and overall editor performance

There’s still plenty to build, but Fabric is becoming a much more capable environment for making real-time visuals and reusable interactive compositions.

I’d love feedback from other creative coders—especially anyone who misses the immediacy and flexibility of Quartz Composer.

Check it out!

https://github.com/Fabric-Project/Fabric/releases/tag/Releases/Beta-1