feat: Implement proper Three.js logo system with custom environment mapping

Browse Source

- Replace CDN-based Three.js with npm packages for reliable loading
- Add DRACO loader support for compressed GLB files
- Implement custom horizon gradient environment mapping
- Use exact material properties from reference logo.html (MeshPhysicalMaterial)
- Apply proper metallic sheen, clearcoat, and reflectivity settings
- Fix camera positioning and canvas sizing to prevent clipping
- Maintain square aspect ratio for consistent logo display
- Load user's mobius-ring.glb with fallback torus geometry

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>

...

This commit is contained in:

tony

2025-08-24 14:13:29 +10:00

parent e73df0b20d

commit d83dbdce46

3819 changed files with 32899 additions and 0 deletions

Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL

Download Patch File Download Diff File Expand all files Collapse all files

BIN

brand-assets/brand-style-guide-site/public/logos/logo.png Normal file

Binary file not shown.

Side by Side After Width:  |  Height:  |  Size: 126 KiB