I've wanted to make this for quite some time; a WebGPU sand simulator using compute shaders and persistent states (none of the messy WebGL texture workarounds). it turned out to be surprisingly solid (even if there *are* some funny limitations like sand sitting on water).

Heerich.js made it into “the Index” newsletter. piccalil.li/the-index/180/

Shipping something that's been lingering in my git for years feels weird and good. RYBitten: a little love letter to the RYB color space. color cubes, ramps, spectral mixing, all the stuff i couldn't stop tinkering with. rybitten.space heads up: non-retina looks rough and mobile is untested.

This is a nice page to send people that _hopefully_ helps them understand. stopsloppypasta.ai/en/

I've been reading Shadow & Claw by Gene Wolf, and I'm struggling with it. It feels almost like Canterbury Tales if it were written by Tarantino, which should be amazing, but I'm just having difficulty finding the motivation to pick it up every day.

Position queries & voxel finding in Heerich.js 0.13: huge thanks to @liamegan.bsky.social for making this happen. Honestly a bit surreal. This started as something personal and it’s now growing through other people’s contributions. Grateful it resonates the way it does 💛 meodai.github.io/heerich/

So much of the online AI discourse just sounds like performative rationalization. "AI means I can forget syntax and focus on engineering". How frequently are you just blindly accepting Claude's changes?

I wanted to recreate the super-cool variable-font field from the Hottype Exat site (links in next post).

Heerich GPU renderer + a simple context-free tree system.

Adding @gkjohnson.bsky.social pathtracer.

I have a bit of an update on life and work: youtube.com/watch?v=cF21KbWfucw&feature=youtu.be

GPU renderer for Heerich, here using Three.JS as a target. Pretty rough at the moment, but it works.

First pass writing a technology agnostic GPU renderer for Heerich, I think I may have an issue with winding :D

Heerich 0.11.0 → leaned hatching, thanks to @liamegan.bsky.social meodai.github.io/heerich/#hat...

Got the polygon clipping and hatching working #plottertwitter

Hatching @meodai.bsky.social

Plotted a Heerich drawing. No occlusion culling on this one (haven't been able to get it to work yet). @meodai.bsky.social #plottertwitter

Fail plot. I forgot to properly calibrate the pen down position...

@meodai.bsky.social Heerich + CFDG meodai.github.io/heerich/

Heerich.js 0.10.0: finally a proper isometric view! Not faked with oblique math, but a real orthographic projection rotated ~35.264° like it should be. meodai.github.io/heerich/

Dear pen plotters: toSVG({ occlusion: true }). That's it. Heerich now removes hidden faces from your SVG so your plotter only draws what's actually visible. (check the readme: github.com/meodai/heeri... for more info)

Very naively raymarching a gyroid with @meodai.bsky.social Heerich.

Playing around with @meodai.bsky.social Heerich library, this thing is fun. I might plot one of these this week.

Pylon Terrain, a noise-displaced cylinder field built with Three.js WebGPU + TSL. Animated and/or interactive, GTAO + bloom. #threejs #codepen

An extension of this from yesterday, pulling from an old bag of tricks. This one adds a second geometry "on top" of the original and renders an additively blended volumetric raymarch from the rear of the object to the front, lending the object a sense of depth and magic.

TypeScript 6.0 is now available! This release brings better type-checking for methods, new standard library features, new module features for Node.js, and more! But most important, this release brings us one step closer to the upcoming native-speed 7.0! devblogs.microsoft.com/typescript/a...

Pretty simple "magic gem" mesh using Three.js convex hull and TSL for materials. This sort of object has always been satisfying to me. Really simple stuff.

New post released! 🎉 I’m breaking down everything I’ve learned about the push-pull algorithm in Signals. It's an important publication for me, this article required more research and creativity than my previous posts. Enjoy! → willybrauner.com/journal/sign... #signals #frontend #article

Practicing with TSL, a pretty good exercise just converting common noise functions to TSL format.

Three.js TSL is incredible. Really only just getting started with it, but spinning up a raymarcher on a fixed primitive, using built-in properties was simple. #threejs #raymarching #TSL

After a very healthy recent investment, it's definitely time to pay attention to this AT protocol version of GitHub. Their new homepage is very nice too.

Interactive ripples on a surface look like they should be complicated to program, but they're not. This is a great example of a system emerging from a simple set of rules. 3 values per point, 1 rule for neighbours. That's it. www.surface-detail.com/posts/waves-...

Sometimes I feel so alone in my dislike of Tailwind. So many other developers I speak with almost drool over it, citing how quickly they can work, how powerful they feel when using it. But I see two problems:

And the third one! Showing the same principles applied across N oscillators. Can you see where this is going?

I'm three episodes into Startrek Academy and I'm just finding it... Boring? The main character feels like the very worst zoomer stereotypes, the robots feel very Lucasian, and the story, so far, doesn't inspire. Am I missing something? Does it get better?

Made the second one of these this morning, which is the same thing, but with two linked together. It's always cool seeing these systems come together, where this kind of complex behaviour grows from relatively simple systems.

The CodePen 2.0 editor has a whole new brain: The CodePen Compiler. It looks at all your code, figures out what needs to be done, makes a plan, and executes it. It does a lot very quickly. (Go, naturally). Here's a page that goes into some of it: codepen.io/beta/compiler

It's a little thing, but I wrote this demo for an upcoming article I'm writing and, after playing with it in its basic form, just rabbit-holed into making it more kinetic with some motion blur, stretching etc. It feels so nice to play with.

I think my best ideas often come from moments of silence and boredom. Taking a step back and stopping can help clear the noise. It's something I need to remind myself of; to take the time to shut down all the stimuli for a while.

And people still have the nerve to say CSS isn't a programming language. Of course it is! lyra.horse/x86css/

Something that's become clearer to me over the last few months is that writing about technical subjects is surprisingly difficult. You either pick something small and pull away its layers, expounding on the myriad details, or you skim the surface and hope people can get into it.

Full write-up with the maths and the SVG details. CodePen is live, and the points are draggable. www.surface-detail.com/posts/arc-pl...

Amazing how we went from not being able to style selects, to doing things like this with them codepen.io/editor/cbols... (and this codepen.io/t_afif/pen/P...)

Arc plotter

Introduce yourself with 5 concerts you've seen Nirvana Bjork Portishead David Bowie NIN

A bit of a vulnerable post by me but we need your help to get us through what has been a more difficult period than 2020. It would be really appreciated if you could read and share in your networks too 💛 bell.bz/its-been-a-v...