Relevance
An experiment combining Three.js, GSAP scroll animation and advanced CSS.
A personal experiment in web animation and 3D, not client work.
- Type
- Interactive web experiment
- Context
- Experiment
- Our role
- Design and development
- Year
- 2023
- Status
- Live
Overview
Relevance explores how far browser animation can go, combining 3D elements with scroll-linked motion.
The problem
Explore advanced animation techniques outside the constraints of client work.
Goals
- Test 3D and scroll-linked motion techniques
Approach and key decisions
- Three.js with GSAP
- 3D elements choreographed with scroll-based timelines.
What was built
- 3D elements
- Scroll-driven animation
Technologies
- React
- Three.js
- GSAP
- CSS
Results
We do not have verified performance figures for this project, so we do not publish any. We would rather show the work than estimate its impact.
