Ad

9スライスタイルイメージ anchor.png Edit

Feathersには9スライスイメージ(Starling+Feathersで9スライスを使う)がありますが、「9スライスタイルイメージ」にあたるものが使いたくなることがあります。

9スライスは画像を9区画に分けて、角以外はスケールするものですが、これではパターン模様の入った画像ではその模様が伸びてしまいます。 そんなとき、スケールではなく、タイリングして欲しくなります。

9tailImage01.jpg

ずいぶん前にFeathersのコミュニティにそのリクエストがされたにもかかわらず、まだ実装されていないようです。

自分で作るのはそれほど難しくなく、subTextureを切り出して、角はImage、それ以外はタイルイメージを使えば良いだけです。

実際に作ったものがこちら

fileScale9TileImage.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 みんなでバベルの塔を作ろう!


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: 669, today: 3, yesterday: 0
Princeps date: 2016-02-05 (Fri) 08:01:43
Last-modified: 2016-02-05 (Fri) 08:17:20 (JST) (1176d) by njf
広告

ログイン

ユーザー名:


パスワード:





パスワード紛失


NJF