TypeScript + CreateJS Sample

by Tenderfeel

HTML

<canvas id="demo" width="480" height="480"></canvas>
<script src="https://code.createjs.com/easeljs-0.8.2.min.js"></script>

TypeScript

/// <reference path="https://raw.githubusercontent.com/DefinitelyTyped/DefinitelyTyped/master/createjs/createjs.d.ts" />

let stage: createjs.Stage = new createjs.Stage("demo");
let particles = [];

for (let i = 0; i < 20; i++) {
  let particle: createjs.Shape  = new createjs.Shape();
  let size = Math.round(Math.random() * 10);
  particle.graphics.beginFill("DeepSkyBlue").drawCircle(0, 0, size);
  particle.x = stage.canvas.width * Math.random();
  particle.y = stage.canvas.height * Math.random();
  particles[i] = particle;
  stage.addChild(particle);
  stage.update();
}