星を描いてランダムな色で塗る -『CreateJS』
- uto usui
- //
- canvas
- CreateJs
- javascript
- library
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();