新しいこと、枯れたこと問わずサムザップ大庭が興味を持ったものを調査、生活の効率を求める完全趣味の技術ブログ。基礎を大事にしています。モニタ解像度やブラウザ画面の縦横比率がどういう状態でも正常にレイアウトされる実装をしないといけない所に苦労した思い出があります。スマホアプリ開発も同様で、スマホからタブレットまで様々な比率の解像度(主にAndroid)が存在し、フルFlashサイト開発とさして変わりません。画面数多めのRPGナイツクロニクルが縦横どちらも対応したアプリとしてリリースされたことは記憶に新しいです。逃げる手段も色々あるが...比率を固定して、それ以外の比率の端末では左右に黒背景を敷いて逃げるのが最もUI開発としては簡単なのですが、今やそんなことをしているアプリは少ないですし、何よりダサくレガシー感が拭えません。iPhone3Gが日本で発売されて早8年近く経ち、スマホユーザーのアプリに対する目は確実に肥えていますし、アプリ総数自体が当時と桁違いです。アプリをよく見せるためには、多少大変だとしてもリキッドレイアウトを採用して行くべきだと私は考えます。今回はどんな解像度でも対応できる背景画像実装を紹介します。縦長、横長どちらでも画面にフィットさせることが出来ます。iPhone5横持ちすると、このように全ての解像度に画像をフィットさせることが出来ます。フルFlashサイトで実装していた内容と同じです。このままだと縦長解像度ではUnityちゃんの顔が切れてしまいますので、良い感じに調整する機能を追加していく必要がありそうですね。UGUIBgFitのダウンロードはコチラ(自己責任でお願いします)最後にリキッドレイアウト開発は、開発者、デザイナー、ディレクター開発に関わる皆が開発初期から意識して設計しなければ後で大きな後悔を生みます。リキッドレイアウトしない、縦横も縦のみにするなどの意思決定が行われたのであれば貫く勇気を持って頂きたいです。見るuGUI初心者にはこの本を一読すると良いかもしれません。uGUIで画面にフィットする便利コンポーネントTweet読者になるボタンを押して貰えるととてもがんばれます。大庭俊介(bao_bao)渋谷のUnityエンジニア。スマホゲーム作って生活しています。設計、組み込み、演出一通りを自分1人で完結して作るのが得意です。よろしければTwitterフォローお願いします。(@ohbashunsuke)株式会社サムザップでUnityエンジニアとしてスマホゲーム作っています。(1)スターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。