New portfolio ‘25 live !✨ 🧍‍♂️+ 🟥 + 📽️ ↳ romanjeanelie.com Yes, I listened a lot Daft Punk - Alive 2007 while coding this... #Threejs #R3F #WebGL #GSAP #Shaders #CreativeDev

[portfolio wip] (it’s soon ready 💃) Reworked the about page to highlight how cinema / theater / code are 3 milestones in my life. Now just a few tweaks left should be online before the end of the week! 🤞 #Threejs #R3F #WebGL #GSAP #Shaders #CreativeDev

Ok let's make this dance [portfolio wip] (hoping to find time to finish it by early September) #Threejs #R3F #WebGL #GSAP #Shaders #CreativeDev

Never easy to balance motion + experimenting new techniques when building a dev folio Let's keep exploring this cinematic ‘void’ ambience... Next steps: playing with cameras + exploring what we can do to with this character 🤸 #Threejs #R3F #WebGL #GSAP #Shaders #CreativeDev

Testing intro with cinematic touch 🔎 [portfolio wip] #WebGL #creativecode #GLSL #threejs

Let's make it dance a bit 🤾 [portfolio wip] #WebGL #creativecode #GLSL #FBO

playing with FBO today 🕸️ [portfolio wip] #WebGL #creativecode #GLSL #GenerativeArt #FBO

what if we add a bit of physics in this intro section...🍃 [portfolio wip] #WebGL #creativecode #3dphysics #fragmentShader

ok now let's see if we add rgb shift + tweak the values 🖌️ [portfolio wip] #WebGL #creativecode #fragmentShader #bandStretch

Testing text reveal effect ✨ [portfolio wip] #WebGL #creativecode #fragmentShader #bandStretch

Playing with curl deformation using vertex shader... 📿 [portfolio wip] #WebGL #creativecode #vertexShader #curlAnimation

WIP - Testing distortion shader effect with "Palme d'or" movies... 🫰PulpFiction (1994) / Titane (2021) 🚗 #webgl #creativecode #frontend #fromscratch

WIP - Exploring shader animations for the new portfolio... 👀 #shader #webgl #creativecode #frontend #fromscratch

New article about fluid CSS methodology! I’ve been wanting to formalize a fluid CSS integration methodology for a while — something that has evolved through my projects and discussions with different teams. 📖 willybrauner.com/journal/a-fl... #css #frontend #blogpost

Ok now let’s play a bit with shaders to make things more organic 🌊 *Big thanks to @martin-laxenaire.fr for his very useful lib curtainsjs that makes mixing DOM and WebGL seamless 🤌

Before playing with shaders, let’s first adjust the scale and translation based on velocity + distance to improve the sensation when scrolling fast ⚡️

🔍 First let’s try to see how it looks with a simple parallax effect...

Building an infinite scroll gallery with no external lib... Next steps : - Add shader effects based on velocity ✨ - Improve grid layout 📐 - Adapt for touch screens 📱 #InfiniteScroll #JavaScript #WebDev #CreativeCoding

Due to a last-minute project cancellation, I’m available from March for starting new projects ;) → Portfolio: romanjeanelie.com #WebGL #Shader #TSL #UI #JavaScript #React #Vue #CMS #Animation

Replicating the ‘scroll speed effect’ from the new Immersive Garden folio + recreating a few scroll animations. It was really pleasant (and instructive) 🙂 Check it here → scroll-speed.vercel.app *Built with @vuejs.org @nuxt.com and @gsap-greensock.bsky.social

🎞️ Here’s a small timeline I created over a weekend to showcase different projects I’ve worked on since I started learning to code → roman-timeline.vercel.app Built with @threejs.org and @gsap-greensock.bsky.social

🚀 Very happy to have worked on the UI development for this awesome arcade kiosk project for Renault with AC3 Studio ! *UI animations were created with GSAP @gsap-greensock.bsky.social #game #InteractiveDesign #Renault #UI #FrontEnd

Very happy to join the Awwwards Jury for 2025! awwwards.com/jury/2025/ ❤️