Julien Sulpis

I have finished setting up Umami on my home server for my websites analytics ✨

It's oddly satisfying to self-host things ! I'm starting small with a simple public API

😂

I should put something at jsulpis.dev 🤔
It's currently used only for my git email and Bluesky handle.

Anything you would like to see in there ? Talks library, tech demos, blog...

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...

🎤 Tu te mets combien en responsive CSS ? (Édition 2025) avec @jsulpis.dev et Théo Gianella

C’est la base, non ? Mais entre breakpoints, container queries et unités modernes… on s’y perd un peu. Une session en live-coding pour tout remettre à plat.

👉 mixitconf.org/2025/tu-te-m...

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

C’est Mads qui a tout fait 😅

I am thrilled to give my first talk outside of France at @futurefrontend.bsky.social !

Thanks to m4dz.net for the opportunity 🙏🏻

I will be talking with him about Design Systems. Can’t wait !

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

Subtle things to make your shaders better:

1) Anti-aliasing - Real life is not limited to pixels so unless you're specifically going for a pixelated style, you should be anti-aliasing everything!
mini.gmshaders.com/p/antialiasing

Thank you for the thread ! Now I want to read all the tutoriels 😆

Custom Bloom Post-Process in Unreal Engine | Froyok - Léna Piquet I wanted to see if I could modify the unreal engine bloom effect following my article on making custom lens-flare. This is because the default one can sometimes look disapointing and doesn't always be...

The bloom effect itself is far from ideal, maybe on day I will take the time to understand and implement this article that has been used to make the bloom effect in the postprocessing toolkit of threejs

www.froyok.fr/blog/2021-12...

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

sample code for video.requestVideoFrameCallback()

TIL: there is an equivalent of `requestAnimationFrame` for videos : `requestVideoFrameCallback`, called for each video frame.

Could be useful to... automatically re-render a WebGL shader when a video texture is played \o/

Il nous a régaler avec des conférences toujours excellentes, gagnant du dernier Code In The Dark, il nous paraissait normal d'inviter @jsulpis.dev pour nous parler cette fois de couleurs.

Thank you for the idea ! You mean raymarching / ray tracing ? I already made a few shadertoys, I will probably show one in the examples

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 used a vitepress plugin for the sandpack editor, and the code is much simpler than before

vitepress-sandbox.js...

The migration to VitePress is complete !
I hope you will like it as much as I do 😊

usegl.vercel.app/
(yeah it's missing a preview image)

#buildInPublic #webGL

VitePress UI on phone

Starlight UI on phone

Also... a proper top navigation, with two menus on mobile, no more hacking

VitePress UI on desktop

Starlight UI on desktop

Much better ! 🤩
default colors, white space, visual hierarchy... VitePress looks way better to me

I really like Astro, but for documentation I prefer the UI and UX of VitePress over Starlight 🤔 Also the lack of top navigation bothers me.
I will try to migrate the documentation of useGL 🤞

I'm trying to switch from #Notion to #Obsidian for Personal Knowledge Management (because Notion is slow, owns the data and Obsidian has a better way of linking notes).

First impression : it's fast ! Local first + sync via iCloud (or any other cloud) is such a great combo ✨

D’ailleurs j’ai vu qu’une des documentation de cloudflare utilise aussi starlight, et ils ont aussi hacké un composant pour la navigation du haut 😄
Ils ont pris le composant des réseaux sociaux, et moi la barre de recherche. Mais leur navigation est cassée sur mobile. C’est un peu un pain point

J’ai essayé, mais le plugin gère mal l’état des pages actives (attribut aria-current=« page »). J’ai pas réussi à le faire fonctionner correctement donc je me suis rabattu sur l’override

Astro banger, par contre dans Starlight il manque la navigation du haut que j’ai du bricoler 😕

Oh ça va 😄
Les exemples eux mêmes sont pas compliqués, mais la lib qui les rend aussi simples a demandé un peu de réflexion 👀

The documentation is live !

Well, a first draft... only examples for now. I will continue to add features and break a few things before writing the documentation.

Any feedback on these first examples would be very appreciated 🙏

usegl.vercel.app

#WebGL #buildInPublic