エンティティの透明度を変更するには、opacity
プロパティを利用します。
var sprite = new g.Sprite({
..., // その他のプロパティ
opacity: 0.5 // 半透明にした状態で表示する
});
sprite.opacity = 1; // 完全に不透明にする
sprite.modified(); // modified() で表示に反映
opacity
は不透明度を表し、 0.0 (完全に透明) ~ 1.0(完全に不透明) の数値で指定できます。初期値は 1
となります。
値は、 0.0 未満の場合、もしくは 1.0 を超えた値の場合は完全に不透明で表示されます。
非表示・表示を切り替えるだけの場合、 hide(), show()も利用できます。
次のコンテンツは、画像 (を表示する g.Sprite
) を半透明の状態で表示します。
エンティティの透明度を変更するには opacity
プロパティを利用します。
下記のコードでは、生成した Sprite
は 完全に透明の状態で描画されます。
var sprite = new g.Sprite({
scene: scene,
src: scene.asset.getImageById("player"), // アセットID "player" が画像アセットだとします
x: 0,
y: 0,
opacity: 0
});
scene.append(sprite);
生成後のエンティティの透明度は、 opacity
プロパティで参照できます。
sprite.opacity; // ==> 0
opacity
プロパティに代入することで、透明度を変更できます。表示への反映には modified()
メソッドを呼び出す必要があります。
sprite.opacity += 0.1; // 現状からさらに 10 パーセントポイント不透明にする
sprite.modified(); // modified() で表示に反映