2d

Load a .atlas.json and .spriteanim.json through app.assets, add a SpriteRenderer with the atlas to an entity, then add a SpriteAnimator with the clips and call play with the clip name. Await the asset handles before app.start so frames are ready.

Use the importTiledMap or importLdtkLevel functions, which are pure functions callable without an app. Attach the resulting TilemapAsset to a Tilemap component and pair it with a TilemapRenderer referencing the tileset atlas.

Yes, the toolkit works under createApp with headless set to true: components keep state, loaders parse, and SpriteAnimator advances on the stepped clock. Only actual pixel output requires a WebGPU-capable browser or Electron.

The default pixelsPerUnit is 100, so a 32-pixel sprite is only 0.32 world metres wide. Set pixelsPerUnit to your art's pixel size, such as 16 or 32, in the twoD extension options for pixel art.

Use SpriteBatch for large crowds of entity-less sprites like bullets, sparks, or particles where per-entity cost exceeds drawing cost. Use SpriteRenderer for anything needing a transform, picking, or a place in a scene file.

orderInLayer only reorders sprites inside a Y-sorted sorting layer. Without ySort enabled for that layer, sprites draw by insertion order, so enable Y-sort or use separate sorting layers.