メニュー
Use and troubleshoot the @basementuniverse/animation TypeScript library for value animation in HTML5 games. Use when implementing, debugging, or documenting animation behaviour driven by this package.
Codex または Claude でインストール この Prompt をコピーして Codex、Claude、または他のアシスタントに貼り付けると、Skill ページを確認してインストールできます。
SOC 職業分類に基づく
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.
| name | basementuniverse-animation |
| description | Use and troubleshoot the @basementuniverse/animation TypeScript library for value animation in HTML5 games. Use when implementing, debugging, or documenting animation behaviour driven by this package. |
Use this skill when working with @basementuniverse/animation.
This package animates values over time (numbers, vectors, colors). It does not render anything. Consumers use animated values for position, rotation, scale, colors, and other gameplay/UI state.
Use this skill for:
Animation, MultiAnimation, or AnimationTimeline
usage.Do not use this skill for:
AnimationMultiAnimationAnimationTimelineAuto/Trigger) update via update(dt)Hold)Manual via progress/globalTime)bezierPath / catmullRomPath for vec2/vec3delay, repeat, repeats, keyframe stops, markersupdate(dt) where dt is secondsprogress, current, callbacks, and repeat counts.update(dt) is calledAuto or explicit .start())dt is in secondsrepeat/repeatsfinished, running, directiontime vs progress precedencedirection, once, and globaldurationModeduration is provided