Bloom + trails effects on my boids demo ✨

#webGL #shader

OK I've finally made some progress, my trails effect works on a transparent background (dark or light), and the bloom effect too.

The trails effect is kind of experimental though, it can produce artifacts in scenes with lots of particles. But I think those two make a great combo !

#WebGL #shaders

As expected the trails effect looks cool with particles !

I still struggle with the blending on semi-transparent surfaces, I need to fix that before shipping the effect

#WebGL #Shaders #buildInPublic

I've been working on a #WebGL light trail effect lately, and it turns out better than expected !

I just need to refine it a little and make it easy to reuse as a regular post-processing effect, and it should bring particles animations to a new level

#buildInPublic

I made this planet shader after completing @simondev.bsky.social's shader course, and now he has a new bundle including more advanced techniques and maths ? Let's do this ! 🚀

Give me just 10 years to complete all the courses I bought, and I should come up with interesting stuff...

I've been playing with the #WebGPU API recently, it's crazy powerful !

A useGPU lib is right around the corner 😂

PS : I will publish the code soon (vanilla WebGPU, OBJ file loader, compute shader and stuff)

Implementing Conway's Game of Life in useGL is relatively easy : I taught Claude the API by feeding it with the boids example, and after a few iterations... you have it, in less than 80 lines of code 😊

Interactive demo : usegl.vercel.app/examples/gpg...

#webGL #buildInPublic #gameOfLife

The function to make boids animations, or any other thing using the ping pong FBO technique, is published in usegl !

As always you can play with the interactive example :
usegl.vercel.app/examples/gpg...

#WebGL #buildInPublic #boids

It took me a while, but I finally implemented a boids behavior with the ping pong FBO technique.

Still need a bit of time to polish the API and make it straightforward to use, and I will publish that in useGL

Phew, I made an example of a multi-pass bloom effect to showcase the API for creating effect passes and update their uniforms.

You can play with it in the interactive example (without types and autocompletion unfortunately) :
usegl.vercel.app/examples/pos...

#buildInPublic #shaders #WebGL

It looks like it's #PortfolioDay !

I'm a front-end engineer currently focusing on making polished UIs and animations with #WebGL.

I'm building a lightweight, reactive WebGL library for working with shaders : usegl.vercel.app (WIP, #buildInPublic)

See you 👋

I'm playing with particles for an example with useGL. It's crazy that the code fits in my screen ! (useGL helps with that)

It's starting to look good 😊

I wanted to have many little examples like in the Three.js docs, but where you can directly see and edit the code.
I made this with Sandpack and I think it's good enough for now. Maybe one day I will try to add autocompletion with the Monaco editor