stage-js/example/game-traffic/textures.js

2D HTML5 Rendering and Layout

import Stage from "../../src";

import bgPng from "./bg.png";
import map1Png from "./map-1.png";
import mainPng from "./main.png";

await Stage.atlas({
  name: "bg",
  image: { src: bgPng, ratio: 2 },
});

await Stage.atlas({
  name: "map-1",
  image: { src: map1Png, ratio: 2 },
});

await Stage.atlas({
  image: { src: mainPng, ratio: 4 },
  ppu: 16,
  textures: {
    plane: { x: 0, y: 0, width: 1, height: 1 },
    explode: { x: 1, y: 0, width: 3, height: 3 },
  },
});