ページへ戻る
印刷
Starling+Feathersでタイルイメージを使う
をテンプレートにして作成 ::
NJF Wiki
xpwiki
:Starling+Feathersでタイルイメージを使う をテンプレートにして作成
開始行:
背景などで、同じ画像を敷き詰めたいときに使う。
モバイルなどでは画像を少しでも削った方が良いので積極的に...
使い方は簡単。FeathersのTiledImageを使ってテクスチャを引...
var backGround:TiledImage = new TiledImage(assets.getTex...
backGround.width=960;
backGround.height=600;
addChild(backGround);
タイルイメージは拡大縮小などすると時にタイルの間に隙間が...
これはもとのtexture atlasのpng圧縮に起因するようなので、...
たとえば、ShoeBoxなら「Advanced」設定の「Tex Extrude Size...
その時、他のTextureの線が見えるときにはTex Paddingを1~...
多解像度対応などをして元画像のスケールをいろいろと変更し...
var texture:Texture = assets.getTexture(GameConstants.IM...
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ピクセルを取り除いている。
終了行:
背景などで、同じ画像を敷き詰めたいときに使う。
モバイルなどでは画像を少しでも削った方が良いので積極的に...
使い方は簡単。FeathersのTiledImageを使ってテクスチャを引...
var backGround:TiledImage = new TiledImage(assets.getTex...
backGround.width=960;
backGround.height=600;
addChild(backGround);
タイルイメージは拡大縮小などすると時にタイルの間に隙間が...
これはもとのtexture atlasのpng圧縮に起因するようなので、...
たとえば、ShoeBoxなら「Advanced」設定の「Tex Extrude Size...
その時、他のTextureの線が見えるときにはTex Paddingを1~...
多解像度対応などをして元画像のスケールをいろいろと変更し...
var texture:Texture = assets.getTexture(GameConstants.IM...
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ピクセルを取り除いている。
ページ名: