What problem does it solve?
Game visual effects often become unreadable, leak memory, or tank frame rates when built ad hoc. This Skill provides a structured playbook for designing, implementing, and verifying Three.js VFX so effects communicate gameplay meaning without hurting performance.
Core Features & Use Cases
- Effect Specification: Define trigger, owner, duration, gameplay meaning, silhouette, color hierarchy, spawn caps, cleanup rules, and reduced-motion equivalents for every effect.
- Safe Implementation: Pool short-lived objects, reuse materials and geometry, cap particles, avoid per-frame allocation, and make cleanup idempotent across reset, death, and pause.
- Verification Checklist: Test overlaps, rapid repetition, pause/resume, lowest quality tiers, reduced motion, and touch viewports while sampling draw calls and frame time.
- Use Case: When building a spell impact effect for a Three.js combat encounter, use this Skill to separate telegraph, contact, and lingering status visuals while keeping the effect within performance budgets.
Quick Start
Use the create-game-vfx skill to build a readable, performance-safe Three.js impact effect for my game's attack ability.
