Commit Graph

2 Commits

Author SHA1 Message Date
Shawn Anderson 3d2e94093f Add automatic screenshot generation and 5 new Three.js demos
Enhanced infinite loop automation:
- Added Phase 7 to /infinite-web command for automatic dashboard + screenshot generation
- Added Phase 6 to /infinite command for same automation
- Auto-runs generate_index.py after demo generation
- Auto-runs appropriate npm screenshot command based on category
- Eliminates manual post-generation steps

Documentation updates:
- Fixed command names in CLAUDE.md (removed /project: prefix)
- Updated DASHBOARD.md with screenshot generation workflow
- Clarified slash command naming convention

New Three.js visualizations (iterations 6-10):
- threejs_viz_6.html: Texture Mapping & Filter Comparison
- threejs_viz_7.html: Interactive Crystal Garden with OrbitControls
- threejs_viz_8.html: Particle Wave System with BufferGeometry
- threejs_viz_9.html: Geometry Gallery (6 polyhedrons)
- threejs_viz_10.html: Cosmic Bloom Garden with UnrealBloomPass

All demos generated via /infinite-web with progressive web learning.

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

Co-Authored-By: Claude <noreply@anthropic.com>
2025-10-10 18:27:08 -07:00
Shawn Anderson e0bf73ab00 Add Three.js web-enhanced infinite loop implementation
Implemented progressive Three.js visualization system using web-enhanced
agentic loop pattern. Created comprehensive specifications and generated
5 foundation-level 3D visualizations with parallel agent deployment.

Features:
- Comprehensive Three.js progressive learning specification
- URL strategy with 25+ curated learning resources (foundation → expert)
- 5 self-contained HTML visualizations (50.7KB total):
  * Viz 1: Rotating geometries with basic scene setup
  * Viz 2: Animated lighting with dynamic point lights
  * Viz 3: 10K particle system with custom shaders
  * Viz 4: Material gallery showcasing 6 material types
  * Viz 5: Geometry morphing with complex transformations
- Complete manual documentation (1,400+ lines)
- Updated CLAUDE.md with Three.js commands

Technical:
- Three.js v0.170.0 via CDN
- Self-contained architecture (no external dependencies)
- 60fps performance, responsive design
- Production-quality code with comprehensive comments

Inspired by ocean examples (webgl_shaders_ocean.html, webgpu_ocean.html)
Pattern supports scaling to 20+ iterations with progressive difficulty.

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

Co-Authored-By: Claude <noreply@anthropic.com>
2025-10-09 18:16:29 -07:00