К основному содержанию
скилл CX Codex

build-game-camera-controls — скилл для Claude Code: камеры в Three.js

Скилл для настройки игровых камер в Three.js: изометрия, слежение, орбита, окклюзия, тряска и тач-жесты.

Установить в Claude Code · Через Skills CLI (Vercel) Все способы и платформы ↓
npx skills add MengTo/Skills --skill build-game-camera-controls -a claude-code
Открыть на GitHub

Что делает 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-code

2Вручную: положить файлы

~/.claude/skills/build-game-camera-controls/SKILL.md

Папка скилла целиком; для одного проекта — .claude/skills/build-game-camera-controls/

По шагам, с командами для каждой платформы: Как установить скилл в 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

Похожие скиллы

Всё по теме «Геймдев и 3D: Unity, Unreal, Godot, Blender» →
roblox-camera TabooHarmony Скилл для скриптинга камеры в Roblox: CFrame, рейкасты с экрана, первый и третий вид, катсцены. Пригодится, когда камера дрожит или лезет сквозь стены. CX Codex +1 1 800установок camera-systems gamedev-skills Рецепты для игровых камер в 2D и 3D: плавное следование, мёртвые зоны, опережение движения и обработка столкновений для Godot и Unity. CX Codex +1 7 400установок threejs-game-director majidmanzarpour Скилл-режиссёр для браузерных игр на Three.js: ведёт от играбельного цикла до графики, UI и проверки в браузере, раздавая фазы соседним скиллам. CX Codex +1 3 100установок game-designer OpusGameLabs Скилл для геймдизайна: разбирает браузерную игру и доводит её вид — фон, частицы, анимации, переходы между сценами. CX Codex +1 1 900установок game-architecture OpusGameLabs Скилл задаёт структуру проекта браузерной игры: EventBus, единый GameState, Constants.js и порядок слоёв. Пригодится, когда код игры уже расползается. CX Codex +1 1 200установок build-live-game Unity-Technologies Подключает Unity Gaming Services к проекту: аккаунты игроков, облачные сохранения, лидерборды, Cloud Code и Remote Config. Пригодится, когда live-ops собирают прямо в редакторе Unity. CX Codex +1 6 000установок

Из того же набора148

tune-enemy-ai Скилл помогает проектировать, отлаживать и балансировать боевой ИИ врагов: агро, выбор цели, навигацию, телеграфы атак и поведение боссов. CX Codex +1 1 200установок build-hybrid-game-assets Помогает выбрать, как делать ассеты для веб-игры на Three.js: импортированная модель, процедурная геометрия или 2D-медиа. CX Codex +1 1 200установок author-game-levels Помогает проектировать и править уровни для игр на Three.js с абсолютно плоской геометрией геймплея. Скилл пригодится при настройке маршрутов камеры, аренах и валидации освещения. CX Codex +1 1 200установок build-isometric-arpg Скилл ведёт агента по сборке играбельной изометрической ARPG: цикл игры, камера, бой, зоны, прогрессия и сохранения. CX Codex +1 1 300установок publish-project-to-github Упаковывает локальный проект в репозиторий GitHub, создаёт README со скриншотом, запускает аудит секретов и настраивает GitHub Pages. Пригодится для публикации пет-проектов и демо. CX Codex +1 1 100установок build-interactive-particle-trail Скилл для интерактивных частиц: курсор или палец оставляет след из точек, которые летят по своей траектории. Пригодится в 3D-сценах и на лендингах. CX Codex +1 1 100установок web-technique-to-skill Помогает превратить готовый визуальный или интерактивный приём в переиспользуемый скилл для веб-дизайна — с демо, которое доказывает и механику, и точность. CX Codex +1 1 100установок add-mouse-driven-orbit Добавляет плавный параллакс и кинематографичное вращение сцены Three.js вслед за курсором мыши без OrbitControls. Пригодится для интерактивных hero-секций. CX Codex +1 1 200установок

Спонсоры проекта

Компании, которые помогают держать аналитику открытой