HoneyBee 🐝 — 3D Interactive Web Experience

An executive, reel-worthy 3D web experience built with Three.js, GSAP ScrollTrigger, and real-time shader material manipulation.

Engineered & Architected by BroCodes • Avi Bhosale.

🌟 What Makes HoneyBee Crazy?

Real-Time 3D glTF Model (bee_model.glb): High-poly interactive honeybee with continuous skeletal wing physics and realistic flight oscillation that reacts smoothly to user scroll and viewport changes.
Scroll-Driven Choreography: 4 cinematic camera movements synchronized with GreenSock GSAP ScrollTrigger as the user navigates across the page.
Interactive Live Studio Customizer: Real-time color switcher on the 3D model (Golden Amber, Emerald Hive, Cyber Violet, Obsidian Tint) recalculating WebGL lighting and specular highlights on the fly.
Dual Visual Themes: Seamless Milky Pearl light mode and Deep Charcoal dark mode tailored for maximum contrast and visual pop.
Buttery 60 FPS Performance: Optimized WebGL rendering loop, zero jank, and responsive across desktop, tablet, and mobile browsers.

Three.js (WebGL): 3D scene graph, perspective camera, ambient & directional lighting, mesh material shaders.
GSAP & ScrollTrigger: High-performance scroll animation engine controlling 3D position, rotation, and camera perspective.
glTF / GLB Pipeline: Lightweight, compressed 3D assets loaded asynchronously with progress tracking.
Modern ES Modules: Clean, decoupled component architecture without unnecessary framework bloat.

Live Web Experience: Launch HoneyBee on Render
Source Repository: github.com/brocodesorg/HONEYBEE
Direct 1-Click Code Download: Download the complete source ZIP directly using the download button above.