【無料】Safe Area Helper：ノッチ付きスマホの UI 対応を簡単にするツール

Unityでスマホ向けのゲームを開発していると、iPhone X以降の「ノッチ（画面上部の切り欠き）」への対応に悩まされることがあります。
今回ご紹介する「Safe Area Helper」は、そんなUIのレイアウト調整を劇的に効率化してくれる便利なツールです。

Safe Area Helper とは

「Safe Area Helper」は、スマートフォンの画面にあるセーフエリア（表示が保証される領域）に合わせて、UnityのGUIコンポーネントを自動で調整してくれるアセットです。

近年のスマートフォンは、画面上部にカメラ用のノッチがあったり、角が丸まっていたりするため、UIが隠れてしまうことがあります。
このアセットを使えば、複雑なスクリプトを書くことなく、様々なデバイスに対応した見やすい画面を作成できます。

Safe Area Helper の特徴

1. ドラッグ＆ドロップで即座に対応

使い方はとても簡単です。対象となるUI要素にコンポーネントをドラッグ＆ドロップするだけで、Screen.safeAreaの値を元にしたレイアウト調整が適用されます。

• 軸ごとの設定：特定の方向（X軸のみ、またはY軸のみ）にだけセーフエリアを適用するといった設定も、チェックボックス一つで切り替え可能です。

2. エディタ内での強力なシミュレーション機能

このツールの最大の魅力は、Unityエディタ上で実機の表示を再現できる点です。わざわざビルドして実機で確認しなくても、エディタ内でノッチの影響をすぐにチェックできます。

標準で以下のデバイスなどのシミュレーションが含まれています。

• iPhone X モデル / iPhone 11 モデル
• Google Pixel 3 XL
• カスタムデバイスの追加も可能

また、デバッグ用の切り替えボタンも用意されているため、実行中にセーフエリアの有無による変化を比較するのも非常に簡単です。

まとめ

「Safe Area Helper」は、面倒なスマホの画面対応をシンプルに解決し、開発時間を大幅に短縮してくれる優秀なサポーターです。
ぜひこのツールを導入して、あなたのゲームのUIをあらゆるスマートフォンで完璧に表示させてみてください。