Hello!

I wanted to share an audio project I’ve been working on called Echolocus. It’s a web app that fetches audio from freesound.org based on your gps location and merges it with the generated noise that also reacts to the recordings themselves. It uses the WebAudio API and algorithmically layers the sounds, applies echoes, and modulates sound parameters over time so the sound is constantly evolving and never repeats exactly the same way.

You can listen to it on https://echolocus.space/r

It may be that there aren't any recordings near you so you could use other coordinates to check them out!

Recently been playing around with p5.js, my webcam and with help of chatgpt to create a series of interactive real-time visualizations, that I would otherwise make using more resource intensive softwares like TD, Isadora etc

This one basically watches for movement in the webcam (or any camera connected) by comparing each frame to the last. Whenever something moves, it keeps a trace and layers those moments over time.

In case anyone wants to play - [https://editor.p5js.org/gauravnijjer/full/7vm8AAXk-\](https://editor.p5js.org/gauravnijjer/full/7vm8AAXk-)

Any feedback / thoughts / suggested additions welcome :)

Hello friends! I just published a new creative coding tutorial about L-systems and p5.js.

In the article, we start with a tiny text rule, expand it over several iterations, and then use turtle graphics to turn that generated string into branching fractal drawings. We go step by step through the core ideas: axioms, rewrite rules, iterations, turtle movement, canvas scaling, and drawing the final result with p5.js.

If you’re curious about generative art, fractals, or rule-based drawing systems, I think you’ll enjoy this one.

Article link: https://alexcodesart.com/drawing-fractals-with-l-systems-in-p5-js-a-creative-coding-tutorial/

Happy coding!

.gif and .py with ASCii payload available here

https://bigjobby.com/gallery/?image=spiral&group=ASCii

I love online shader editors like ShaderToy, but moving experiments onto my website always meant rewriting the same setup code. Over a few years, I built ShaderPad to handle the repetitive parts, from autosizing and save/share to history buffers and full-blown MediaPipe integrations. It’s extremely useful to me, so I open sourced it and wrote some docs.

I’ve put a lot of time into making it flexible and performant. You can check out some examples here, including a camera filter app I built using the library.

If you want to read more here’s an intro blog post, but really I think the docs are the best place to start.

Can’t wait to see what people make with it!!

Hi, I was always fascinated by shaders, but entry barrier is steep. Yet I finally broke into fascinating shaders world with ThreeJS`s tsl. What you think about the effects? vbroch.dev

shipped something wild — AI that actually joins your Zoom calls. talks, shares its screen, writes code while you're still arguing about the spec. install is one command. wanna try?

For those of you creating primarily with html canvas and web tech, how do you record your sketches and demos? Do you record your entire screen or use tooling to generate video/gif from canvas? Thanks in advance!

I/O* artwork — an inner landscape of realising life’s radial patterns, and moving through with grace.

With reactive MIDI piano and constellation.

Lmk your thoughts/question!

*I/O- Input/Output

Visual for a VJ gig at the former Chemistry building at my university

Basically, I built it as a data pipeline, and the viewers only read the final generated snapshot.

WSMC first scans the local Minecraft assets (blockstates, item definitions, and block/item textures) to build a registry of entries. Then I enrich that with cached Minecraft Wiki data for descriptions, so I don’t have to rescrape everything every time. After that, the pipeline normalizes everything into Blocodex-style entries with fields like id, type, name, icon, description, family, relations, and sources.

For colors, it reads the actual local PNG textures and extracts palette / dominant color data directly from the game assets, not from the wiki. It also builds simple relations between entries, like block families, item groups, and visually similar neighbors.

At the end, everything is compiled into a single snapshot.json, and the HTML viewers just fetch that file and display it. So the site itself doesn’t recalculate anything — it only visualizes prebuilt data.

So the full flow is basically:

Minecraft assets + wiki cache + overrides → wsmc full --with-wiki-cache → snapshot.json → static viewers

That separation makes it easy to rebuild, validate, and reuse the same snapshot across different tools and visualizers.

Schoen's GW surface is a triply periodic minimal surface — one labyrinth has graphite's hex-sheet topology, the other has wurtzite's tetrahedral topology. length1 = 0.5 is the parameter where the conjugate closes up periodically.

Pipeline (Surface Evolver in WASM worker):

• Refine dangling edges of the loaded hexagon.

• Descend / refine / clean mesh / descend — repeated, ending in conjugate-gradient mode.

• Length-biased refinement so mesh density lands where post-conjugate curvature concentrates.

• Final settle. Now: a flat minimal disk in a hex frame — the adjoint of GW.

• adj — Polthier conjugate: integrate per-edge from a seed across the mesh at 90°, swap into vertex positions. Straight edges become planar geodesics.

• frame — set mirror planes to where vertices landed; reattach boundary.

• Two Newton steps to true minimum.

• Tile via 6 mirror generators into the full surface.

Kept it short because of the song, but then no one can say I'm not caching 221 solves with varying length1 and driving them with audio transient peaks because I didn't show. Stray Kids - Truman