stage-js/example/basic-package/app.js

2D HTML5 Rendering and Layout

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

await Stage.atlas({
  name: "package",
  image: {
    src: "./main.png",
  },
});

let stage = Stage.mount();

stage.viewbox(1000, 1000);

let box = Stage.sprite("package").appendTo(stage).pin({
  alignX: 0.5,
  alignY: 0.6,
});

stage.on("click", function (point) {
  box.tween(300, true).ease("quad-out").offset(0, -200).tween(700).ease("bounce").offset(0, 0);
});