メニュー
Use this skill when building or modifying 3D camera behavior with @basementuniverse/camera-3d, including projection, unprojection, raycasting, and eased camera motion in browser games.
Codex または Claude でインストール この Prompt をコピーして Codex、Claude、または他のアシスタントに貼り付けると、Skill ページを確認してインストールできます。
Use this skill when implementing or working with chunk-based viewport rendering systems in 2D games using @basementuniverse/view-port. Handles visible chunk computation, lazy chunk generation, chunk lifecycle management (update/draw), and FIFO cache eviction. Ideal for tile-based or grid-based world rendering where only visible + buffered chunks need processing.
Use this skill when working with 2D tile-based game rendering, implementing chunked tile map systems, procedural tile generation, tile-based collision detection, or optimizing tile rendering performance with the @basementuniverse/tile-map library.
Use when working with sprite sheets, texture atlases, or extracting rectangular regions from images into separate canvases. Handles grid-based and pixel-based extraction, repeating regions for animations, and integrates with @basementuniverse/content-manager.
Use this skill when implementing timers, countdowns, or time-tracking features in browser-based games using the @basementuniverse/stopwatch library. Covers game loop integration, timer configuration, and time-based events.
Use this skill when working with @basementuniverse/sprite - a 2D sprite component for games with animations, directions, attachment points, and debug visualization. Invoke when creating or modifying game sprites, implementing sprite animations, setting up directional sprites (e.g., walk-left, walk-right), working with attachment points for composite sprites, or integrating with Content Manager for asset loading.
Use this skill when implementing or working with stack-based scene management in TypeScript/JavaScript games. Covers scene transitions, scene lifecycle, rendering order, and scene stack operations using @basementuniverse/scene-manager.
SOC 職業分類に基づく
| name | basementuniverse-camera-3d |
| description | Use this skill when building or modifying 3D camera behavior with @basementuniverse/camera-3d, including projection, unprojection, raycasting, and eased camera motion in browser games. |
Use this skill when working with @basementuniverse/camera-3d.
@basementuniverse/camera-3d@basementuniverse/vecCamera3dimport Camera3d from '@basementuniverse/camera-3d';
const camera = new Camera3d(
{ x: 0, y: 5, z: 10 },
{ x: 0, y: 0, z: 0 },
{
mode: 'perspective',
aspect: width / height,
near: 0.1,
far: 1000,
}
);
function update() {
// Required for eased transitions.
camera.update();
}
camera.aspect synced to viewport size on resize.camera.update() once per frame if using eased movement/targeting.positionImmediate and targetImmediate for instant snapping.project, screenToWorld, and raycast.screenSize values for all camera-space conversions.camera.target every frame, call camera.update().camera.positionImmediate and optionally camera.targetImmediate.camera.screenToWorld(mouse, screenSize, depth).camera.raycast(mouse, screenSize) and test intersections.