星を描いてランダムな色で塗る -『CreateJS』

CreateJsを使って星をcanvasに描いてみます。

JavaScript


var stage;

function init() {
  stage = new createjs.Stage('myCanvas');
  var shape = new createjs.Shape();
  stage.addChild(shape);
  //
  shape.x = 50;
  shape.y = 50;
  //
  draw(shape.graphics);
}

function draw(myGraph) {
  // ランダムなカラー値
  var randNum = Math.floor(Math.random() * 0xFFFFFF);
  var randColor = createjs.Graphics.getRGB(randNum);
  // graphics.drawPolyStar(x, y, r, 頂点の数, 谷の深さ, 起点の角度)
  myGraph.beginFill(randColor).drawPolyStar(50, 50, 50, 5,.5,-90);
  //
  stage.update();
}

init();

share

related