Forem: Jesús de la Fuente

gsap_text-motion-satto.studio

Jesús de la Fuente — Mon, 06 Apr 2026 16:52:30 +0000

Check out this Pen I made!

gsap-lenis_cinematic-portfolio-experience

Jesús de la Fuente — Wed, 04 Feb 2026 20:38:38 +0000

🎨 Turning scroll into a cinematic portfolio experience!

Built a scroll-driven showcase with:
✨ Smooth Lenis scrolling
✨ GSAP + ScrollTrigger animations for images & titles
✨ Dynamic project numbers updating on scroll

A small scroll, a big storytelling impact. 🚀

GSAP #ScrollTrigger #Lenis #FrontendDev #CreativeCoding #Portfolio #WebAnimation

gsap-lenis_scrolltrigger-dissolve-effect-animation

Jesús de la Fuente — Wed, 04 Feb 2026 17:23:14 +0000

✨ Pushing the limits of scroll-driven storytelling on the web ✨

Built a project combining:

Three.js + GLSL shaders → dynamic dissolve effects

GSAP + ScrollTrigger → smooth, staggered text animations

Lenis → buttery-scroll sync

The result? A cinematic scroll experience where text, graphics, and motion evolve together seamlessly.

Curious how others are blending WebGL and UI animation in real projects 👀

gsap_flip-gallery-animation

Jesús de la Fuente — Wed, 28 Jan 2026 08:44:14 +0000

Check out this Pen I made!

🧠 Exploring FLIP Animations for Gallery Transitions
A creative experiment using GSAP FLIP to morph a dense image grid into a curated focus layout with smooth, spatially-aware motion.

gsap_wheel-scroll-slider_original

Jesús de la Fuente — Wed, 28 Jan 2026 08:35:56 +0000

Check out this Pen I made!

🌀 Blurred Vision — Experimental Scroll Gallery

A scroll-driven image gallery where slides zoom in and out based on position, while thumbnails orbit the viewport in a radial layout.
Built as an exploration of motion, rhythm, and spatial UI.

gsap-awwards-image-slider

Jesús de la Fuente — Wed, 28 Jan 2026 08:33:25 +0000

Check out this Pen I made!

🎞️ Cinematic Image Slider Interaction

An Awwwards-inspired slider using GSAP with rotating slides, animated typography, and smooth clip-path transitions for a polished motion experience.

threejs-gsap-lenis_3d-tunnel-vision-effect_final-colour(psicodelic)

Jesús de la Fuente — Wed, 28 Jan 2026 08:23:44 +0000

Check out this Pen I made!

✨ 3D Tunnel Vision Scroll Effect

A scroll-driven 3D tunnel built with Three.js, GSAP, and Lenis, combined with a GLSL background shader that shifts color palettes based on scroll progress.
Smooth, immersive, and fully GPU-powered.

threejs-shaders_ ocean

Jesús de la Fuente — Wed, 28 Jan 2026 08:18:36 +0000

Check out this Pen I made!
🎓 Learning Procedural Shading in Three.js
Experimenting with turbulence FBM, normal reconstruction, and basic lighting models directly in a fragment shader.
Pure GLSL, no textures, fully procedural.

threejs-shaders_ sea_fractional-brownian-motion(fbm)

Jesús de la Fuente — Wed, 28 Jan 2026 08:14:00 +0000

Check out this Pen I made!
🎨 Learning Shaders with Three.js
Built a procedural fragment shader using FBM and noise to better understand GLSL and real-time GPU animation.
Pure math, no textures involved.

threejs-shaders_ sphere-gears-shaders

Jesús de la Fuente — Tue, 27 Jan 2026 21:37:04 +0000

Check out this Pen I made!

threejs-shaders_ sphere-gears-shaders

Jesús de la Fuente — Tue, 27 Jan 2026 21:28:18 +0000

Check out this Pen I made! This is a Shader recreation based on the “LIVE Shade Deconstruction tutorial for Sphere Gears”, by Inigo Quilez, 2019 - https://iquilezles.org/