build-game-camera-controls — скилл для Claude Code: камеры в Three.js
Скилл для настройки игровых камер в Three.js: изометрия, слежение, орбита, окклюзия, тряска и тач-жесты.
npx skills add MengTo/Skills --skill build-game-camera-controls -a claude-codeЧто делает build-game-camera-controls
Скилл задаёт порядок работы с камерой в Three.js-игре. Сначала читаемость геймплея, потом киношность: одна авторитетная цель, границы камеры, диапазон зума, политика столкновений и окклюзии, поведение при reduced motion.
Внутри два блока инструкций. Implement требует сглаживать позицию и точку взгляда отдельно и не привязывать камеру напрямую к дрожащему состоянию рендера. Орбита, наклон и зум ограничиваются, а стены и объекты не должны прятать игрока — без глобального скрытия геометрии. Lock-on, скриптовые моменты и тряска идут как временные модификаторы поверх базовой камеры. На тач-устройствах зоны жестов камеры отделяются от управления движением, плюс есть сброс кадрирования.
Блок Verify перечисляет, что проверять: углы, высокие объекты, туннели, несколько врагов, переключение lock-on, паузу, reduced motion, портретную и альбомную ориентацию. Отдельно сказано убедиться, что поведение камеры не ломает прицеливание, интерфейс и производительность. Если в вашей игре камера уже привязана к состоянию рендера напрямую, это повод переписать связку до того, как начнёте тюнить ощущения.
Какие задачи решает
- сгладить слежение камеры за игроком без дрожания
- ограничить орбиту, наклон и зум разумными рамками
- не дать стенам и объектам прятать игрока
- сделать lock-on и тряску временными слоями поверх базовой камеры
- развести тач-жесты камеры и управление движением
Примеры запросов агенту
- Настрой изометрическую камеру для Three.js-игры, игрок всегда в кадре
- Добавь follow-камеру со сглаживанием и ограничениями зума
- Проверь камеру в туннеле и у высоких объектов, игрок не должен пропадать
Как установить build-game-camera-controls
1Через Skills CLI (Vercel)
npx skills add MengTo/Skills --skill build-game-camera-controls -a claude-code2Вручную: положить файлы
~/.claude/skills/build-game-camera-controls/SKILL.mdПапка скилла целиком; для одного проекта — .claude/skills/build-game-camera-controls/
1Через Skills CLI (Vercel)
npx skills add MengTo/Skills --skill build-game-camera-controls -a codex2Вручную: положить файлы
.agents/skills/build-game-camera-controls/SKILL.mdДля всех проектов — ~/.agents/skills/
1Через Skills CLI (Vercel)
npx skills add MengTo/Skills --skill build-game-camera-controls -a cursor2Вручную: положить файлы
.cursor/skills/build-game-camera-controls/SKILL.mdCursor читает и .agents/skills/, и .claude/skills/
1GitHub CLI
gh skill install MengTo/Skills build-game-camera-controls2Вручную: положить файлы
.github/skills/build-game-camera-controls/SKILL.md1Через Skills CLI (Vercel)
npx skills add MengTo/Skills --skill build-game-camera-controls -a gemini-cli2Командой платформы
gemini skills install https://github.com/MengTo/Skills --path agent-skills/game-development/build-game-camera-controlsВручную: положить файлы
.devin/skills/build-game-camera-controls/SKILL.mdСтарый путь .windsurf/skills/ тоже читается
Через Skills CLI (Vercel)
npx skills add MengTo/Skills --skill build-game-camera-controls -a opencodeClaude.ai
Упакуйте папку в zip и загрузите в Settings → Capabilities → Skills
По шагам, с командами для каждой платформы: Как установить скилл в Claude Code: пять способов
Вопросы о build-game-camera-controls
Как установить build-game-camera-controls в Claude?
Выполните npx skills add MengTo/Skills --skill build-game-camera-controls -a claude-code. После этого файл скилла лежит в ~/.claude/skills/build-game-camera-controls/SKILL.md.
Что делает build-game-camera-controls?
Помогает реализовать или подстроить игровую камеру в Three.js: изометрическое кадрирование, слежение, лимиты орбиты и зума, окклюзию, lock-on, тряску и тач-управление.
Что скилл советует проверять перед релизом камеры?
Углы, высокие объекты, туннели, нескольких врагов, переключение lock-on, паузу, reduced motion и обе ориентации экрана. Отдельно — что камера не ломает прицеливание, интерфейс и производительность.
Исходный текст
SKILL.md · MIT
--- name: build-game-camera-controls description: Implement or tune Three.js game cameras. Use for isometric framing, follow behavior, orbit/zoom limits, occlusion, lock-on, camera shake, touch camera controls, and camera regression tests. --- # Build Game Camera Controls Keep gameplay readable before making the camera cinematic. Define one authoritative target, camera bounds, zoom range, collision/occlusion policy, and reduced-motion behavior. ## Implement - Smooth position and look-at targets independently; never bind the camera directly to jittery render state. - Preserve player, immediate threat, objective, and interaction cues in frame at the intended distance. - Clamp orbit, pitch, and zoom; prevent walls or props from hiding the player without making geometry invisible globally. - Treat lock-on, scripted moments, and shake as temporary modifiers layered over the base camera. - On touch, separate camera gesture zones from movement/action controls and provide reset framing. ## Verify Test corners, tall props, tunnels, multiple enemies, lock-on switching, pause, reduced motion, portrait, and landscape. Confirm no camera behavior breaks targeting, UI, or performance.
© MengTo · MIT · MengTo/Skills