jsulpis's profile picture. 💻 Front-end engineer & speaker 
💡 I explore ways to make the web more fun and performant for everyone.
#WebGL #WebGPU #JS #CSS

🦋 jsulpis·dev

🦋 Julien Sulpis

@jsulpis

💻 Front-end engineer & speaker 💡 I explore ways to make the web more fun and performant for everyone. #WebGL #WebGPU #JS #CSS 🦋 jsulpis·dev

置頂

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 :


🦋 Julien Sulpis 已轉發

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/#juli…

Future_Frontend's tweet image. 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/#juli…

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/

jsulpis's tweet image. 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/

🦋 Julien Sulpis 已轉發

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.


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


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


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


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

jsulpis's tweet image. 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
jsulpis's tweet image. 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
jsulpis's tweet image. 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
jsulpis's tweet image. 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

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


OK I think the documentation is done 🤡 What would you need more ?

jsulpis's tweet image. OK I think the documentation is done 🤡

What would you need more ?

Loading...

Something went wrong.


Something went wrong.