Julien Sulpis

@jsulpis.dev

323 Followers 107 Following

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

code snippet with a sample of the functions starting with "use"

code snippet for the animation above

boids animation with bright particles moving around a "predator", leaving light trails behind them, and a bloom effect

An animation of 3 bright dots rotating in circle and leaving light trails behind them, on 3 canvases : transparent, black and white backgrounds

bright particles moving around in a spherical shape leaving light trails behind them

an animation with 3 bright particles spinning and leaving light trails behind them

screenshot of the bloom example showing a few bright colorful dots with a bloom effect

git diff showing a change in the returned value of a fragment shader

interactive planet shader representing the earth with dynamic lighting

a video of a big school of 3D colorful fishes moving around the center of the scene, and some stats showing that it's really fast to render

interactive example of Conway's Game of Life using useGL API

interactive example of a boids animation

Blue particles moving with a boids behavior around a red particle playing the role of a "predator"

interactive example of multi-pass bloom effect applied on spherical shapes on a dark background

sample code for video.requestVideoFrameCallback()

interactive WebGL shader showing a realtime animation of the Earth that can be rotated with the mouse

VitePress UI on phone

VitePress UI on desktop

an example page for useGL, showing particles flowing on the surface of a sphere

example setup on landscape iPad

overview of an example with multiple file tabs on the left and the preview on the right

empty documentation website

sample code of the Atomics namespace

sample code to shade a SharedArrayBuffer with a web worker

representation of an ArrayBuffer and multiple views (typed arrays)

demo showing the effect of anisotropic filtering, borrowed from the Three.js website

before/after view of a sample code, showing a reduction of the quantity and complexity of code after a change in useGL API

sample code of the "useWebGLCanvas" hook, with a canvas and fragment shader as arguments

the pages of my local playground for useGL

diagram showing that I have a much higher commit count than tweets count

screenshot of a page with many scrollbars

screenshot of the build of my slide deck with the highlight plugin, showing that the largest script weights 332kB (minzipped)