π» Front-end engineer & speaker π‘ I explore ways to make the web more fun and performant for everyone. #WebGL #WebGPU #JS #CSS π¦ jsulpisΒ·dev
Lyon, France
- Tweets 516
- Following 167
- Followers 678
- Likes 476
Pinned Tweet
Little update on my #GLSL planet shader:
I borrowed and adapted a few textures from the @NASA to display our home planet πβ¨
It's made with ~12kB of code and should be smooth on most devices.
Next steps: find more textures to display other planets π
β¬οΈ Live demo and links :
20
60
703
70,973
π¦ Julien Sulpis retweeted
How to develop design systems without tying your hands too much technically? That's something that @jsulpis will explore at #FutureFrontend (27-28.5, Espoo, Finland).
futurefrontend.com/speakers/β¦
ALT Julien Sulpis will show us how to develop framework independent design systems at Future Frontend 2025 (27-28.5, Espoo, Finland).
1
4
225
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 in the link below (without types and autocompletion unfortunately)
#buildInPublic #WebGL
1
3
265
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/
ALT sample code for video.requestVideoFrameCallback()
165
π¦ Julien Sulpis retweeted
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 pour nous parler cette fois de couleurs.
1
2
4
211
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 π
2
3
75
3,284
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
1
3
152
I used a vitepress plugin for the sandpack editor, and the code is much simpler than before
vitepress-sandbox.js-bridge.β¦
103
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 π€
117
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
1
2
11
261
I'm playing with particles for an example with useGL. It's crazy that the code fits in my screen ! (useGL helps with that)
4
165
I spent way too much time making sure that the playground for the examples looks good on all screen sizes. Yes, even the absolute evil landscape phones β οΈ
#buildInPublic
ALT example setup on landscape iPad
ALT example setup on portrait iPad
ALT example setup on portrait phone
ALT example setup on landscape phone
1
279
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
172
OK I think the documentation is done π€‘
What would you need more ?
ALT empty documentation website
106
Learning web APIs is a never-ending journey !
A thread about binary data, JavaScript ArrayBuffer, typed arrays and parallel algorithms on web workers:
1
2
84
These APIs technically allow to implement parallel algorithms on worker threads. Of course this must be worth the extra cost of synchronizing the different threads.
But I guess there are use cases for that ?
1
63
Was this explanation clear ? I just discovered the SharedArrayBuffer and Atomics APIs myself, I never used them, but they seem like a fun thing to try π
The original article, from which you can wander by following the links:
developer.mozilla.org/en-US/β¦
61