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
© Image credit: @tylerthecreator.bsky.social
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/
❤️
