메뉴
Use when working with @basementuniverse/interaction to build or modify canvas-based UI interactions such as focus, selection, clicking, dragging, dropping, resizing, rotating, sliding, and dial controls.
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-interaction |
| description | Use when working with @basementuniverse/interaction to build or modify canvas-based UI interactions such as focus, selection, clicking, dragging, dropping, resizing, rotating, sliding, and dial controls. |
Use this skill when working with @basementuniverse/interaction.
This library provides a stateful, rendering-agnostic interaction engine for canvas-style UIs and browser games. It centers on InteractionSystem, InteractionState, and composable behaviors created with createBehavior(...).
InteractionSystem.update(dt, input).InteractionState and behavior objects.InteractionSystem.interactionState.interactionState.addBehavior(...) or at registration time with system.register(interactable, ...behaviors).system.update(dt, input) once per frame.InteractionSystem.register(...) so the state owner is set correctly.createBehavior(...) when constructing behavior objects; it fills in defaults for the runtime.interactionState.setState(...) when you need to force a behavior state externally.keyPressed, mousePressed, and mouseReleased must behave per frame.zIndex.