34 lines
1.2 KiB
Markdown
34 lines
1.2 KiB
Markdown
<!-- Use this file to provide workspace-specific custom instructions to Copilot. For more details, visit https://code.visualstudio.com/docs/copilot/copilot-customization#_use-a-githubcopilotinstructionsmd-file -->
|
|
|
|
# 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
|