Search code examples
javascriptrandomeaseljscreatejs

How to get a random color in my CreateJS shape?


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();

Solution

  • 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();