Ricardo Chance
DeveloperDesign Engineer & Creative Developer | Building immersive experiences
About
I design and build immersive web experiences using Blender, WebGL, Three.js, and GSAP. Based in Buenos Aires, available for international projects.
Showcases(3)
%2012.46.03%E2%80%AFa.%E2%80%AFm..png&w=1536&q=75)
Scroll-Driven WebGL
Procedural terrain that dissolves into HTML
WebGL Gallery
WebGL Gallery is a Three.js experiment exploring how far a single interactive image grid can go with custom shaders and layout choreography. Three view modes — infinite grid, curved carousel, and vertical list — morph into each other with staggered exits/enters, fisheye exaggeration, and inertia-based drag/scroll. Built with Three.js and custom GLSL (no EffectComposer): * Vertex path bending for the carousel (sin³ curve with normal-aligned planes) * Fragment shaders with UV parallax, dual-layer “ghost” blending, and displacement-map select transitions * Ping-pong render targets that paint a mouse trail * Full-screen post pass: fisheye distortion, chromatic aberration, and blur driven by that trail Interaction includes raycasted image selection, camera + texture parallax, and mobile-tuned scales. Textures load via ImageBitmapLoader with capped DPR and downscaled post targets for performance. A focused study in shader-driven UI, layout transitions, and tactile WebGL interaction — not a drop-in library.
%201.19.14%E2%80%AFp.%C2%A0m.%201.jpg&w=1536&q=75)
Ricardo Chance | Portfolio
Design Engineer portfolio featuring a WebGL particle morphing system, custom 3D carousel built from scratch with R3F, GLSL vertex/fragment shaders, and scroll-driven animations. Built with Next.js in 2 weeks.