pixi.jsを使ってオブジェクトの色を取得したい

Question

前提・実現したいこと

canvasにあるオブジェクトの色を取得したい。

発生している問題・エラーメッセージ

sobj.fillColorで色が取得できない。

該当のソースコード

var width = 600;
var height = 400;
var stage = new PIXI.Stage();
var renderer = PIXI.autoDetectRenderer(width, height,{
    resolution: window.devicePixelRatio,
    backgroundColor: 0x000000,
    antialias: true
});
document.getElementById("pixiview").appendChild(renderer.view);
var canvas = document.createElement("canvas");
var ctx = canvas.getContext('2d');
//円を作る
var x=width/2;
var y=height/2;
var ra = 10;
var sobj = new PIXI.Graphics();
sobj.beginFill(0xFF0000);
sobj.drawCircle(x,y,ra);
sobj.endFill();
stage.addChild(sobj);
function animate(){
    requestAnimationFrame(animate);
    console.log(sobj.fillColor);//null
    //再描画
    sobj.clear();
    sobj.beginFill(0xFF0000);
    sobj.drawCircle(x,y,ra);
    renderer.render(stage);
    console.log(sobj.fillColor);//16711680 取得成功
}
requestAnimationFrame(animate);

試したこと

textobj.beginFill()で中を見るとどちらともfillColorに値は入ってました。

補足情報（FW/ツールのバージョンなど）

pixi.js v4
chrome 72.0.3626.109
###追記
以下の場所では動きましたがその上では動きません。

sobj.beginFill(0xFF0000);
console.log(sobj.fillColor);//16711680 取得成功
sobj.drawCircle(x,y,ra);

Answer 1

コードを読んだだけで判断しているので合っている保証はありませんが、
nullとなってしまっているところでは

renderer.render(stage)

を一度もしないままにfillColorを使おうとしているからではないでしょうか。

Comments

[akatsuki1910]

先頭にrenderer.render(stage)を持ってきてもだめでした…

[yu-smc]

うーん、あとはfunction animateの中でrequestAnimationFrameしてて、外側でもrequestAnimationFrameしてるのが気になるので、最後の行を

```
animate()
```

に変えてみるとどうなるでしょうか・・？

[yu-smc]

あ、pixiではrequestAnimationFrameするのが標準なんですね、失礼いたしました。

[akatsuki1910]

変わりませんね…
呼び出しはただの呼び出しなので、そもそも値が入っているのにnullが返ってくることにはあまり関係ないかもしれません。

[yu-smc]

そうですよね、、笑
```
sobj.endFill()
```

これを消したらしっかり値を取れたんで、そのへんの処理の仕様な気がします。

[akatsuki1910]

動きました。リファレンスより「beginFill（）メソッドの最後の呼び出し以降に追加された線と図形に塗りを適用します。」であって、適用したあとの値はnullに変わるんですかね…なのに出力されている…。
とりあえず解決しました。ありがとうございます。