It’s Monday, devs! Time to kick off the week with some Matrix vibes.

Learn how to build dynamic particle trails with TSL and create your own sentinels flying through space.

Big thanks to MisterPrada for this awesome tutorial!

Read it here: https://tympanus.net/codrops/2025/05/05/matrix-sentinels-building-dynamic-particle-trails-with-tsl/

Generation of three sequences decomposed into weight × level + jump (log(weight), log(level), log(jump)) - three.js animation:

The natural numbers (A000027):

Anyone have experience debugging WebGL in the browser on an Oculus Quest? I've got a weird juddering effect in my (very simple) scene when I look down a particular angle and I'm a bit stumped on what could cause it.

I don't think I have any other option, but I'm trying to gauge precisely how much hell I'm signing up for, on a scale of "Enh, it's fine" to "ABANDON HOPE."

so ich bau gerde weiter am #dildo konfigurator mit #webgl

Tower flight test 2. I get a weird hiccup in performance (or a bunch of crashes?) when I look in the -y-z direction (not sure what's up with that yet), but otherwise this works more or less as I'd hoped.

https://drive.google.com/file/d/1N-A7jse6MUgg8os1MjtNGi07f9BnLS9g/view?usp=sharing

One day, one decomposition
A236464: Primes p with prime(p) + 2 and prime(p) + 6 both prime

3D graph, threejs - webGL https://decompwlj.com/3Dgraph/A236464.html
2D graph, first 500 terms https://decompwlj.com/2Dgraph500terms/A236464.html

A flowing WebGL gradient, deconstructed

https://alexharri.com/blog/webgl-gradients

Ported some nascent 3D stuff over to THREE.js. I want to take advantage of the WebXR bindings in there.

I may eventually rewrite this all in Rust targeting webasm, but props to THREE.js: porting some random webgl logic into it was extremely straightforward and between the great docs and the great layout, I was left guessing only a handful of times (mostly around things that always leave me guessing in graphics APIs until you find the one place they wrote down the thing that everybody just knows because they've been using the API forever... "Oh hey, the camera's coordinate space is facing along negative-Z axis. Sure, why not").

One thing I really appreciated is that it was very straightforward to do an "animated skybox" with a 2-pass render: one pass in a scene with just a sky glued to the camera and no depth buffer manipulation, and the second pass with the world (so the sky is already the background on anything the world doesn't change).

Bombard all the way!!
webGL game, available in PC, Android and IOS in link!!
thegamingpot.com/bombadier-squa

Similar to my #LinearMemory piece from last year (check the hashtag for references), these current #Actiniaria explorations make me fully appreciate all the research, efforts and supporting hardware behind the DCI-P3 & Rec.2020 color spaces. The intensity (and subtlety) of some colors & combinations are just stunning (to me), and I don't mean this in any ableist way (just enjoying whilst I still can!)...

Also still amazed that something like this runs at a smooth 60fps @ 2160x2160 UHD resolution on a mobile device with a just Snapdragon 2 chipset... As part of my advisory role @ day job, over the past few months I've been tasked with optimizing artworks for almost a dozen generative/algorithmic artists, often achieving 2-4x framerate improvements... Very much feeling a longer blog post re: code craft vs code art coming up, hoping to connect them more...

"To understand a program you must become both the machine and the program." — Alan Perlis

(Note: Sadly Firefox does not seem to respect the Rec2020 color profile in the video, please download or use Chrome or Safari for viewing...)

Been working on various shader & behavior update and options for #Actiniaria... it's all starting to come together!

(Note: Sadly Firefox does not seem to respect the Rec2020 color profile in the video, please use Chrome or Safari for viewing...)

Bombard all the way!!
webGL game, available in PC, Android and IOS in link!!
thegamingpot.com/bombadier-squa…

I gave a talk on large-scale data visualization on the web at
the 3D on the web meetup last month at GDC, check it out
https://youtu.be/HzcFzCkt5aU?si=6pLmPO9JEPBfMQB1
to hear about what I'm up to with #WebGL #WebGPU #WebAssembly
#Jupyter and some challenges I'm working on that I'd love to chat about!

Work in progress...

Finally finding some time to continue working on my earlier https://thi.ng/boids experiments, now also using WebGL instancing and floating point render textures for super-smooth blending/trails to create aesthetics reminiscent of sea anemones...

(Update: I've decided on the beautiful-sounding and fitting #Actiniaria as project title...)

(Note: Sadly Firefox does not seem to respect the Rec2020 color profile in the video, please use Chrome or Safari for viewing...)

In today's #gleo news: the `intervalify` decorator now can apply opacity to the symbols at the beginning (or end) of an interval.
Also, the REPL now handles URL hashes. Which means I can put a link to https://ivansanchez.gitlab.io/gleo/repl.html#intervalify%20(TintedSprite) and you folks can uncomment line 57.
#webgl #dataviz #gischat

Today we're putting amazing developer Andrea Biason in the spotlight

In this packed feature, Andrea shares his favorite projects, from immersive WebGL journeys to bold brand platforms, along with invaluable insights on creative dev, collaboration & experimentation.

Don't miss it: https://tympanus.net/codrops/2025/04/17/developer-spotlight-andrea-biason/