背景などで、同じ画像を敷き詰めたいときに使う。 モバイルなどでは画像を少しでも削った方が良いので積極的に使うべき。
使い方は簡単。FeathersのTiledImageを使ってテクスチャを引数に与えるだけで良い。
var backGround:TiledImage = new TiledImage(assets.getTexture(BACK_TILE)); backGround.width=960; backGround.height=600; addChild(backGround);
タイルイメージは拡大縮小などすると時にタイルの間に隙間が出ることがある。 これはもとのtexture atlasのpng圧縮に起因するようなので、ふせぐにはtextureを作成するときに画像を少し拡張するように設定する。 たとえば、ShoeBoxなら「Advanced」設定の「Tex Extrude Size」を調整する。たいていは「1」にしておけばよい。これで1ピクセル中の画像と同じ色で外回りが埋められる。 その時、他のTextureの線が見えるときにはTex Paddingを1~2ぐらいにしておくと良い。
多解像度対応などをして元画像のスケールをいろいろと変更していると、それでも線が出てしまうときがある。その時はSubTextureを使って自分でTextureの中心部分を切り出せばよい。
var texture:Texture = assets.getTexture(GameConstants.IMG_TILE); var r:Rectangle = texture.frame.clone(); r.x +=2; r.y +=2; r.width -= 4; r.height -= 4; var subTexture:SubTexture = new SubTexture(texture, r); var tileImage:TiledImage = new TiledImage(subTexture);
上の例では上下左右2ピクセルを取り除いている。
ぺージ情報 | |
---|---|
ぺージ名 : | Starling+Feathersでタイルイメージを使う |
ページ別名 : | 未設定 |
ページ作成 : | njf |
閲覧可 | |
グループ : | すべての訪問者 |
ユーザー : | すべての訪問者 |
編集可 | |
グループ : | すべての訪問者 |
ユーザー : | すべての訪問者 |
Counter: 2667,
today: 1,
yesterday: 0
初版日時: 2015-05-23 (土) 14:28:18
最終更新: 2015-09-23 (水) 17:31:03 (JST) (3137d) by njf