Back to Project
3D Financial Journey
60+ Nodes with Scroll-Driven Camera
3D Financial Journey
60+ Nodes with Scroll-Driven Camera Movement
SCROLL PROGRESS
0% - 33%
33% - 66%
66% - 100%
VALUATION
20 Concept Nodes
• DCF Analysis
• Comparable Multiples
• NAV Calculation
• Gordon Growth Model
• Enterprise Value
• WACC Estimation
TECHNICAL
20 Concept Nodes
• RSI (Relative Strength)
• MACD Divergence
• Bollinger Bands
• Moving Averages
• Fibonacci Retracement
• Volume Analysis
QUANTITATIVE
20 Concept Nodes
• Linear Regression
• Value at Risk (VaR)
• Monte Carlo Simulation
• Factor Models
• Covariance Matrix
• Portfolio Optimization
IMPLEMENTATION
InstancedMesh
GPU-efficient rendering
60+ objects, single draw call
Three.InstancedMesh
Exponential Fog
Depth perception effect
fog.near/far tied to scroll %
Reveals nodes progressively
GSAP ScrollTrigger
Smooth camera animation
Lerp interpolation to scroll
60fps consistent updates
TECHNOLOGY
Three.js
React Three Fiber
GSAP
Anime.js
TypeScript
Inspired by mont-fort.com