Ad

背景などで、同じ画像を敷き詰めたいときに使う。 モバイルなどでは画像を少しでも削った方が良いので積極的に使うべき。

使い方は簡単。FeathersのTiledImageEditを使ってテクスチャを引数に与えるだけで良い。

var backGround:TiledImage = new TiledImage(assets.getTexture(BACK_TILE));
backGround.width=960;
backGround.height=600;
addChild(backGround);

タイルイメージは拡大縮小などすると時にタイルの間に隙間が出ることがある。 これはもとのtexture atlasのpng圧縮に起因するようなので、ふせぐにはtextureを作成するときに画像を少し拡張するように設定する。 たとえば、ShoeBoxEditなら「Advanced」設定の「Tex Extrude Size」を調整する。たいていは「1」にしておけばよい。これで1ピクセル中の画像と同じ色で外回りが埋められる。 その時、他のTextureの線が見えるときにはTex Paddingを1~2ぐらいにしておくと良い。

多解像度対応などをして元画像のスケールをいろいろと変更していると、それでも線が出てしまうときがある。その時はSubTextureEditを使って自分で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ピクセルを取り除いている。


Front page   Edit Freeze Diff Backup Upload Copy Rename ReloadPrint View   New Page Page list Search Recent changes   Help   RSS of recent changes (RSS 1.0) RSS of recent changes (RSS 2.0) RSS of recent changes (RSS Atom) Powered by xpWiki
Counter: 1335, today: 1, yesterday: 1
Princeps date: 2015-05-23 (Sat) 14:28:18
Last-modified: 2015-09-23 (Wed) 17:31:03 (JST) (1428d) by njf
広告

ログイン

ユーザー名:


パスワード:





パスワード紛失


NJF