1.2 KiB
1.2 KiB
AAF Systems Homepage - Copilot Instructions
This is a modern Three.js homepage built with Vite and TypeScript featuring:
- Interactive 3D physics simulation with model.glb objects
- Objects are attracted to a central point in space
- Physics-based collisions creating clusters of models
- Mouse cursor repulsion forces
- Studio lighting setup
- Minimal UI with "AAF Systems" branding
Technical Stack
- Build Tool: Vite
- Language: TypeScript
- 3D Graphics: Three.js
- Physics: Cannon.js (cannon-es)
- Styling: Modern CSS with clean typography
Key Features
- Physics simulation with attraction and repulsion forces
- Mouse interaction affecting object positions
- Studio lighting for professional appearance
- Responsive design
- Performance optimized for smooth 60fps animation
Development Guidelines
- Use TypeScript strict mode
- Follow modern ES6+ patterns
- Optimize Three.js performance
- Maintain clean separation between physics and rendering
- Use requestAnimationFrame for smooth animations