메뉴
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.
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 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.
Use this skill when implementing hierarchical scene graphs for 2D games, managing game object parent-child relationships with transform inheritance, or implementing actors/entities that need positional hierarchy (e.g., weapons attached to players, UI elements in containers).
| name | basementuniverse-tile-map |
| description | 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 this skill when working with @basementuniverse/tile-map.
Invoke this skill when:
The library divides tile maps into fixed-size chunks (default 8×8 tiles) that are rendered to individual canvases and cached in an LRU buffer. This enables efficient rendering of large tile maps by only generating and drawing visible chunks.
Tile maps support multiple layers rendered in order (bottom-to-top). Each layer has:
The library provides hooks at multiple levels:
preRender, postRenderpreGenerateChunk, postGenerateChunkpreRenderTile, postRenderTileThese enable procedural generation, custom effects, tile blending, marching squares, and other advanced techniques.
Create a simple tile map with predefined tile data and images. Suitable for static levels or pre-designed maps.
Use preGenerateChunk hook to generate tiles algorithmically (e.g., Perlin noise, cellular automata) as chunks come into view.
Use getLayerRectangles() to get collision rectangles for a layer, reducing collision checks from thousands of tiles to dozens of rectangles.
Use postRenderTile or postGenerateChunk to apply effects like tile blending, marching squares for smooth terrain, or dynamic lighting.
Pass a camera object directly to draw() for automatic viewport calculation and position/scale management.
chunkBufferMaxSize if revisiting areas frequently to avoid regeneration.@basementuniverse/vec - Vector math library (vec2)@basementuniverse/utils - Utility functions (chunk, clamp)@basementuniverse/camera - Optional camera component for viewport managementfast-rle - RLE compression/decompressionlru_map - LRU cache implementationThe library provides tileMapOptionsContentProcessor for integration with content management systems. This processor converts serialized tile map data (with image names) into runtime TileMapOptions (with loaded images) and optionally decompresses RLE-encoded tile data.