Project Description
I need a lifelike 3D banyan tree that visitors can play with directly on my site. The goal is for the element to feel alive rather than ornamental, so every user action should trigger a subtle, believable response.
Core interactions I want built in:
• Rotate and zoom with smooth inertial motion
• Branch expansion on click, opening up new sub-branches organically
• Leaf animation on hover—gentle sways, colour shift, or light flutter, whatever best sells “living”
• Growing aerial roots that extend when clicked, also triggering a small content reveal I’ll supply
I’m happy for you to use Three.js, WebGL, react-three-fiber or a comparable modern library, as long as the final asset loads quickly, works across evergreen browsers (desktop and mobile), and can be dropped into an existing React front-end with minimal fuss.
Deliverables
• Optimised 3D model (glTF or similar) with all textures, animations, and shader code
• JavaScript / React component ready for import, plus a vanilla JS fallback snippet
• Clear integration notes and any build steps
• Brief guidance on tweaking colours, animation speed, or interaction thresholds
I’ll provide brand colours, exact container size, and the content that appears when roots grow once we start. Let me know if you foresee any performance constraints or need additional assets up front.