How to get a random color in my CreateJS shape?

Question

I want to have a random color where "Crimson" is defined

    var stage = new createjs.Stage("demoCanvas");

    var circle = new createjs.Shape();
    circle.graphics.beginFill("Crimson").drawCircle(0, 0, 50);
    circle.x = 100;
    circle.y = 100;
    stage.addChild(circle);
    stage.update();

Urbanist

Answer 1

beginFill accepts any color, also hex, so you just have to generate a random hex color

var stage  = new createjs.Stage("demoCanvas");
var circle = new createjs.Shape();
var color  = '#'+(Math.random()*0xFFFFFF<<0).toString(16);

circle.graphics.beginFill(color).drawCircle(0, 0, 50);
circle.x = 100;
circle.y = 100;
stage.addChild(circle);
stage.update();

Songful

Alternately, if you want a little more control over your color, take a look at the Graphics.getHSL() method. For instance, if you wanted a high saturation color with random hue: circle.graphics.beginFill( createjs.Graphics.getHSL(Math.random()*360, 100, 50)); – Huntingdonshire