ページへ戻る
+ Links
印刷
Starling+Feathersでタイルイメージを使う
の編集 ::
NJF Wiki
xpwiki
:
Starling+Feathersでタイルイメージを使う
の編集
Starling+Feathersでタイルイメージを使う の編集
詳細な入力項目を表示
ページタイトル
( 空白で自動設定 )
:
ページ並び順
( 0-9 小数可 標準:1 )
:
ページ別名
(複数は[
改行
]で区切る)
:
ページ内容:
背景などで、同じ画像を敷き詰めたいときに使う。 モバイルなどでは画像を少しでも削った方が良いので積極的に使うべき。 使い方は簡単。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ピクセルを取り除いている。
編集の要約:
Q & A 認証:
ページ更新時は次の質問にお答えください。(プレビュー時は必要ありません)
Q:
「名古屋」の読みがな?(ひらがなで)
A:
お名前:
タイムスタンプを変更しない
テキスト整形のルールを表示する
添付ファイル
: