RUDRESH H R
Building interactive web experiences with AI
DIEGETIC — Break The Surface
An experimental WebGL project where the interface is the interaction. A physics-simulated surface fills the screen — drag to tear through it, double-click to trigger a cinematic curtain collapse with air resistance and billowing flutter.
Built with Three.js, Verlet integration physics (9,600+ constraint points), raycaster-driven tearing, real-time shadow mapping, and hand-drawn editorial typography via the Canvas API.
Stack: Three.js · JavaScript · WebGL · Verlet Physics · Canvas API · Space Grotesk
5
4
199
Meet COSMOS: A premium, cinematic 3D web experience built to showcase the highest level of creative frontend development.
I built this interactive solar system to demonstrate that web experiences can feel like high-end applications. Featuring custom GLSL shaders, a 25,000-particle ring system, and buttery-smooth GSAP camera transitions, it’s designed to leave a lasting impression.
2
2
107
Been quiet here for a month.
I was heads-down delivering a bilingual corporate website
for a client in Tokyo — custom GSAP animations, scroll-driven
choreography, canvas effects, EN/JP language switching,
and cross-browser optimization down to the last pixel.
First real client delivery. Shipped it. Got it done.
But while building that, I kept running into the same problem —
there's no single place that shows every type of web animation
side by side.
So I built one.
KINETIC — a free interactive encyclopedia of 70+ web animation
effects. GSAP, Three.js, CSS keyframes, scroll animations,
WebGL shaders — all in one page with live demos.
I made the reference I wish I had when I started.
#WebDevelopment #GSAP #ThreeJS #Animation #FrontEnd
1
89
AURA is a high-end interactive landing page concept built around the Koenigsegg Agera RS. It transforms a traditional website into a cinematic digital showroom using real-time 3D and refined motion systems.
Features include a live 3D configurator with dynamic pricing, environment switching, camera transitions, animated performance stats, and premium micro-interactions designed to feel tactile and responsive.
Built with Three.js and GSAP, the project demonstrates how modern web technology can elevate storytelling for luxury and high-value brands.
#LuxuryBranding #3DConfigurator #AutomotiveDesign #ImmersiveWeb #InteractiveWebsite #PremiumWebDesign #BrandExperience #CreativeTechnology #WebExperience #ProductShowcase #HighTicketBrands #MotionDesign
3
2
146