{"enrichment":{"faq":[{"a":"threejs-game teaches you to build complete 3D web games using Three.js. You'll learn scene setup, rendering pipelines, and game loop architecture. The skill covers player controllers, input handling (keyboard, mouse, gamepad), camera systems for first-person and third-person views, physics integration, collision detection via raycasting, and performance optimization\u2014everything needed to prototype or ship a playable browser-based game.","q":"How to make a 3D game in the browser with three.js?"},{"a":"threejs-game provides comprehensive guidance on implementing player controllers and input handling. You'll master keyboard and mouse input binding, gamepad support, character animation and movement systems, and camera control for both first-person and third-person perspectives. The skill integrates these mechanics with physics engines and collision detection so your player interactions feel responsive and grounded in the game world.","q":"What does threejs-game cover for player movement and controls?"},{"a":"Yes. threejs-game covers loading 3D models in glTF format and implementing character animations within your game. You'll learn model import workflows, animation state management, and performance optimization techniques to keep frame rates smooth. The skill also addresses object pooling and game state machines to efficiently manage animated entities throughout your game loop.","q":"Can threejs-game help with 3D model loading and animations?"},{"a":"threejs-game integrates physics engines like Cannon.js and Ammo.js with Three.js scenes. You'll implement collision detection using raycasting and physics-based interactions. The skill teaches you to set up rigid bodies, apply forces, and detect collisions to drive gameplay mechanics\u2014whether for character movement, projectiles, or environmental interactions.","q":"How does threejs-game handle physics and collision detection?"},{"a":"threejs-game emphasizes game loop optimization, scene graph management, and object hierarchy best practices. You'll learn techniques like object pooling, efficient rendering, and culling strategies. The skill also covers lighting and shadow optimization, post-processing effects, and particle systems\u2014all designed to maintain smooth frame rates while keeping your 3D web game visually rich.","q":"What performance optimization techniques does threejs-game teach?"},{"a":"Absolutely. While threejs-game focuses on game development mechanics, its core techniques\u2014scene rendering, lighting, camera control, and user interaction\u2014apply to any interactive 3D web experience. You can use these skills to build product visualizers, architectural walkthroughs, data visualizations, or creative installations in the browser.","q":"Is threejs-game suitable for interactive 3D experiences beyond games?"}],"shadow_tags":["webgl-rendering","game-mechanics","player-controller","physics-integration","asset-loading","collision-system","animation-system","performance-tuning","interactive-3d","browser-games"],"summary_rewrite":"This skill equips you to create full-featured 3D games directly in the browser using Three.js. It handles scene setup, object rendering, collision detection, and game loop management\u2014everything needed to prototype or ship a playable game. Perfect for developers wanting to leverage Claude Code for rapid game development."},"files":[{"bytes":11778,"path":".claude/skills/threejs-game/SKILL.md","sha256":"19ca677f9a3a81a37677353d715a0a4d12817e9c23406ca82489471cc97cfe71","url":"https://skillfed.io/files/natea/fitfinder/threejs-game/67b1fdc9/SKILL.md"}],"id":"natea/fitfinder/threejs-game","links":{"html":"https://skillfed.io/natea/fitfinder/threejs-game","md":"https://skillfed.io/natea/fitfinder/threejs-game.md","repo":"https://github.com/natea/fitfinder"},"meta":{"agents_supported":["claude-code"],"first_seen":"2026-07-28","forks":3,"language":"Shell","last_updated":"2025-10-26","license":"MIT","name":"threejs-game","publisher":"natea","stars":4},"relations":{"similar":[{"id":"CloudAI-X/threejs-skills/threejs-interaction"},{"id":"CloudAI-X/threejs-skills/threejs-animation"},{"id":"calesthio/OpenMontage/threejs-interaction"},{"id":"freshtechbro/claudedesignskills/threejs-webgl"},{"id":"miles990/claude-software-skills/game-development"},{"id":"calesthio/OpenMontage/threejs-animation"},{"id":"MonumentalSystems/Atlas-Agent-Teams/threejs"},{"id":"Jeffallan/claude-skills/game-developer"},{"id":"PlayableIntelligence/game-creator/worldlabs"},{"id":"binjuhor/shadcn-lar/threejs"}]},"slug":{"owner":"natea","repo":"fitfinder","skill":"threejs-game"},"version":"67b1fdc9"}