菜单
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.