読者です 読者をやめる 読者になる 読者になる

テラシュールブログ

旧テラシュールウェアブログUnity記事。主にUnityのTipsやAR・VR、ニコニコ動画についてのメモを残します。

iOSアプリだと思った?残念、uGUIちゃんでした!

f:id:tsubaki_t1:20150313004615p:plain

iOSのUIを真似る事は昔からよくありました。例えば何故かiOSのヘッダーやフッダーを真似て作成されているWebサイトや(iphonesafariで見ると二重にヘッダーが表示される)、AndroidなのにiOSそっくりなUIを持ったアプリ等々。

f:id:tsubaki_t1:20150313005149p:plain

確かに「UIの統一感」は一昔前のiOSアプリにおいては非常に重視されていた気がしますし、現在も「どこかで見たUI」のコンテキストを継承している限りは混乱が少なく操作出来るので、ゲームをスムーズに進める上で重要な要素の一つなんじゃないかなと思います。

ゲームUIブログ | ゲームUI画像の収集と考察

iOS for Unity UI

さて、トップにあるiOS ライクなUIですが、実はアレばUnity Web Playerです。こちらからプレイ出来ます。

Unity Web Player | New Unity Project 4.6

f:id:tsubaki_t1:20150315050431p:plain

面白いことに、このアセットはiOSのフラットデザインをUnityのuGUIで作る事が出来てしまうアセットみたいです。

f:id:tsubaki_t1:20150313005844p:plain

ボタンをポチポチ押してiOSライクなUIを作成していく様は、中々に面白いものが有ります。流石に本家を100%コピー出来ている訳ではありませんが、AndroidやWebPlayerにiOSのUIが使われているシュールさといったらもう。

なお、試した感じ、セットアップが面倒な節があります。現地点のバージョンではファイルをプロジェクト外(Unityの基本ファイル)に配置しなくてはならないため、その辺りは手順書通りにやる必要があります。(この手順を行わない場合、ボタンを配置した際に上手くサイズが取れません)。この辺りはもう少し上手いやり方があったんじゃないかと思わなくも。後でメッセージでも送っておこう(予定話)。

f:id:tsubaki_t1:20150313005639p:plain

iOS for Unity UI


iOS for Unity UI Asset Sneak Peek 1 - YouTube

 

アイコンだけならば模倣したUIを提供してくれるアセットは幾つかあったのですが、UI自体を模倣した感じのアセットは初めてかなって気がします。

f:id:tsubaki_t1:20150315045138p:plain

2D iOS 7 Inspired Flat Button Pack for Game UI

f:id:tsubaki_t1:20150315045232p:plain

 iOS7 2D Buttons Pack