ページへ戻る
+ Links
印刷
Starling+Feathersで9スライスタイルイメージを使う
の編集 ::
NJF Wiki
xpwiki
:
Starling+Feathersで9スライスタイルイメージを使う
の編集
Starling+Feathersで9スライスタイルイメージを使う の編集
詳細な入力項目を表示
ページタイトル
( 空白で自動設定 )
:
ページ並び順
( 0-9 小数可 標準:1 )
:
ページ別名
(複数は[
改行
]で区切る)
:
ページ内容:
* 9スライスタイルイメージ [#ue2a98fd] Feathersには9スライスイメージ([[Starling+Feathersで9スライスを使う]])がありますが、「9スライスタイルイメージ」にあたるものが使いたくなることがあります。 9スライスは画像を9区画に分けて、角以外はスケールするものですが、これではパターン模様の入った画像ではその模様が伸びてしまいます。 そんなとき、スケールではなく、タイリングして欲しくなります。 &ref(9tailImage01.jpg,mw:480,mh:360); ずいぶん前にFeathersのコミュニティにそのリクエストがされたにもかかわらず、まだ実装されていないようです。 自分で作るのはそれほど難しくなく、subTextureを切り出して、角はImage、それ以外はタイルイメージを使えば良いだけです。 実際に作ったものがこちら &ref(Scale9TileImage.as); 使い方は var rect:Rectangle = new Rectangle( 50, 50, 50, 50 ); var backImage:Scale9TileImage = new Scale9TileImage(StarlingWrapper.instance.assets.getTexture(YOUR_TEXTURE), rect ); backImage.setSize(400, 650); addChild(backImage); とこのように9スライスと同様にインスタンスを作り、setSizeで大きさを指定します。 負荷軽減や細かい機能は全く入れていませんので、アニメーションとかには不向きですが、ウインドウを表示するだけのようなときにはきれいに表示されます。 それを利用してリリースしたのがこちらのゲームです。 [[超巨大ジグソーパズル64715 みんなでバベルの塔を作ろう!:http://njf.jp/?p=4365]]
編集の要約:
Q & A 認証:
ページ更新時は次の質問にお答えください。(プレビュー時は必要ありません)
Q:
「名古屋」の読みがな?(ひらがなで)
A:
お名前:
タイムスタンプを変更しない
テキスト整形のルールを表示する
添付ファイル
:
Scale9TileImage.as
623件
[
詳細
]
9tailImage01.jpg
93件
[
詳細
]