threejs-gameplay-systems

three.js and WebGL · 3D · MIT

What it does

How to make a playable loop: a one-page design brief, a core-loop contract proved in code, a level plan, then small ownership folders (core, game, entities, systems) built in playable steps. Ships the Vite + TypeScript + three.js starter and three reference pages: game feel with copy-paste code (tween, screenshake, hitstop, squash and stretch, FOV punch, flash, pickup pop, rumble, audio pitch), genre patterns for eight genres, and physics engine choice with a Rapier fixed-timestep setup.

Get it

npx skills add majidmanzarpour/threejs-game-skills --skill '*' -a claude-code -g -y (Codex: -a codex; from a clone: ./install.sh --claude | --codex | --all). Starter: python3 <skill>/scripts/create_threejs_game.py ./my-game && cd my-game && npm install && npm run dev

Source on GitHub
Needs (the whole pack)

Nothing to read the skills. To run what they build: Node and npm, Python 3 for the helper scripts, and Chromium through Playwright for the inspector and tests. Optional and paid: Tripo, Gemini and ElevenLabs keys for the three generator skills.

License

MIT

License notes are on the pack's page

From

Three.js Game Skills

Everything from Three.js Game Skills in the gallery

Back to the Asset Library