FillColor / FillAlpha Question

[Ninjadoodle]

Hi @enpu / Panda People

Is there a way I can change the FillColor or FillAlpha of a graphic once it's been created - let's say when I press a button?

I'm trying right now but can't seem to get it working.

Thank you!

[Wolfsbane]

Doesn't look like it. I think Graphics are bitmaps, rather than a list of drawing commands, so once it's created, changing what FillColor to use shouldn't affect anything unless you draw to the Graphic again. I haven't though of a way to do colour blending, yet, which I want to to make the particles prettier.

For alpha, just making sure you need FillAlpha, or you can just use .alpha?

 

[Ninjadoodle]

Hi @Wolfsbane

Thanks for the reply - I've decided to create an outline graphic and fill graphic. That way I can show or hide whichever one I need.

It's a workaround, but it works well

Thanks again!

[enpu]

Sure you can. Graphics object has shapes array which contains all shapes that your object has. So for example if your Graphics object has only one shape, just change fillColor property of the first shape in the shapes array:

game.createScene('Main', {
    init: function() {
        this.grap = new game.Graphics();
        this.grap.drawRect(0, 0, 100, 50);
        this.grap.addTo(this.stage);
    },
    
    click: function() {
        this.grap.shapes[0].fillColor = 'red';
    }
});

 

5 hours ago, Wolfsbane said:

I think Graphics are bitmaps, rather than a list of drawing commands

Graphics is a list of drawing commands

[Wolfsbane]

Wait, let me check what I've been drinking. 

...water? O.k. no excuses. My bad. But good to know!