Blender → Web
Real 3D.
Real Scroll.
A Blender model exported as .glb, loaded with Three.js, animated by your scroll. The complete pipeline in one page.
Blender 5.1.2 · Three.js · GSAP
Scroll
Immersive
Scroll drives the scene.
The 3D model rotates as you scroll. No click, no drag — just your natural scroll gesture choreographing a real Blender-crafted object in WebGL space.
Explosive
Then it comes apart.
The model scales and the camera pulls in close. Particles scatter. The geometry transforms. All driven by scroll position, all at 60fps.
Reassembled
And comes back together.
Scroll back and the model reassembles. Forward and back, the animation follows your finger. Zero latency, pure WebGL.
The Pipeline
01
Model in Blender
Create your 3D scene — geometry, materials, animation. Python scripting for procedural generation.
blender -b --python generate.py
02
Export as .glb
Binary glTF with Draco compression. PBR materials, animations, all in one file under 500KB.
export_scene.gltf(format='GLB')
03
Load with Three.js
GLTFLoader + DRACOLoader. Scene, materials, and animations ready in one callback.
loader.load('scene.glb', cb)
04
Scroll = Animation
GSAP ScrollTrigger maps scroll position to model rotation, camera zoom, and material properties.
scrub: true → onUpdate
0
KB File Size
0
FPS Render
0
Objects in Scene
0
Single .glb File
Blender → Web.
Done.
From Python script to production deploy. A real 3D model, a real scroll experience, a real pipeline you can replicate.
Back to Top ↑