Starlingで画像を表示するにはImageを使う。ゲーム制作などで最も使う描画オブジェクトである。
テクスチャやビットマップから作成可能。
var image:Image = new Image(assets.getTexture(IMG_NAME)); image.x = 10; image.y = 20; yourSprite.addChild(image);
ドローコールを減らすために出来るだけテクスチャアトラスから取得した方が良い。
透明度やスケールの変更などは通常のActionScriptのMovieClipなどと同様。
image.alpha=0.5;
回転および拡大縮小の起点を変更するときには、pivotX,pivotYを使う。
image.pivotX = 10;
基点を変えるのに実際によく使うのはalignPivot()である。たとえば中心に寄せるには
image.alignPivot();
左下にするには
image.alignPivot(Halign.LEFT,Valign.BOTTOM);
である。
このあたりの機能はImageのものというより元となっているDisplayObjectクラスの機能だが、実際にはImageなどでよく使うのでここで紹介している。
他によく使う機能としてcolorがある。
image.color = Color.GREEN; image.color = 0xff0000;
とするとその色が着色される。注意する必要があるのは、これはブレンディングでいうところの乗算でありcolorではより明るくはならない。たとえば、
image.color = 0xffffff;
とすると、imageの色は変わらない。よってもしcolorを使っていろいろな色の表現をしたい場合は、元の画像を明るめにしておく必要がある。
もし明るい色を含む、より詳細な色の変更をする場合はColorMatrixFilterを使う。ただし、colorに比べるとかなり重い。
var filterRed:ColorMatrixFilter = new ColorMatrixFilter(); filterRed.tint(0xFF0000, 0.8); var redBlock:Image = new Image(blockTexture); redBlock.filter = filterRed;
色の変更についてはこちらを参照のこと。
ぺージ情報 | |
---|---|
ぺージ名 : | StarlingのImage |
ページ別名 : | 未設定 |
ページ作成 : | njf |
閲覧可 | |
グループ : | すべての訪問者 |
ユーザー : | すべての訪問者 |
編集可 | |
グループ : | すべての訪問者 |
ユーザー : | すべての訪問者 |
Counter: 3004,
today: 1,
yesterday: 0
初版日時: 2015-06-13 (土) 17:05:44
最終更新: 2015-06-13 (土) 17:09:31 (JST) (3201d) by njf