パズルゲーム 手順１
最終更新：
orika_ex_miyako 2026年08月14日(金) 15:30:28履歴
以下の内容で順番に実装を進めていきます。
手順１、２では、パズルゲームのベース部分を作成していきます。
１．新しいプロジェクトを作成する
Unityにて新しいプロジェクトを作成します。
UnityHubを起動し、右上にある【＋新しいプロジェクト】という青いボタンを選択します。
ボタンを押す前に、右隣にある矢印のプルダウンメニューボタンを押すと、新規作成するUnityのバージョンを指定できます。
バージョンは2022.3、あるいは 6000.0 以降を選択してください。
制作する Platform は Android、またはiOSにて設定しましょう。
新規作成用のポップアップが開いたら、テンプレートを選択します。
Unity 2022.3 では「2D」、Unity 6000 以降では「2D(Built-In Render Pipeline)」を選択します。
選択できない場合には、右上にある【↓】ボタンを押し、【テンプレートをダウンロード】という青いボタンを押して、
2D(Built-In Render Pipeline) のテンプレートを UnityHub にダウンロードしてください。選択可能になります。
プロジェクト名は「Puzzle Game」などのわかりやすい名前に変更して、右下の作成ボタンを押します。
UnityHub 新規作成(6000 以前)
UnityHub 新規作成(6000 以降)
２．ゲームシーンを作成する
Unityが起動したら、左上のメニューより File => Save As... を選択して現在表示されているSampleシーンに名前を付け直して保存をします。
Battle、Main などのわかりやすい名前に変更しておきましょう。
シーン名を変更するとヒエラルキー上にあるシーンの名前にも変更が反映されますので、保存した名前のシーン名になっているか、確認をしましょう。
３−１．Gameビューからゲーム画面のサイズ（解像度）設定を行う
つづいて、Gameビューからゲーム画面のサイズを設定します。タブを SceneビューからGameビューに切り替えてください。
実際にゲームとして利用される画面が表示されます。
Gameビュータブのすぐ下に画面サイズ（解像度）の設定場所がありますので、ここをクリックします。
画面の解像度がプルダウンメニューの一覧で表示されますので、自分の持っているスマホ、あるいは一般的なスマホの画面解像度と同じ値に設定してください。
プルダウンメニューの一覧に所持しているスマホの解像度がない場合には、追加してセーブができますのでそちらで対応してください。
名称も自由に設定できますので、わかりやすい例としては、下記のように【横 * 縦 向き】のように命名しておくとよいでしょう。
Landscape が横向き、Portrait が縦向きです。
画面解像度の設定
この手順書はこの画面のサイズを元にゲームオブジェクトの大きさや位置を設定しています。
そのため、自分が設定した解像度と異なる場合には位置情報などを同じ設定値にしてもズレることがあります。
その場合には、適宜調整を行ってください。
手順書はあくまでも例題です。ご自分で作る作品を基準に製作を進めてください。
３−２．ヒエラルキー上にCanvasを設置する
今回のゲームではCanvas内にゲームオブジェクトを配置してゲームを製作していきますので、このCanvasがメインの製作場所となります。
もしもヒエラルキーに Directinal Lightゲームオブジェクトがある場合、こちらは不要ですのでヒエラルキー上から削除してください。
(テンプレートによっては最初から存在していない場合もあります。)
ヒエラルキー上にてゲームオブジェクトのない位置でメニューを表示し（Windowは右マウスボタンをクリック）、UI => Canvas を選択してCanvasを作成しましょう。
一緒にEventSystemも作成されます（EventSystem はタップ感知などを行うものなので、削除しないでください。）
作成手順動画
https://gyazo.com/133fd5ee609e1137176318539a387004
ヒエラルキーにあるCanvasゲームオブジェクトを左クリックして、インスペクターに情報を表示させます。
Canvasコンポーネントを確認して、Render Mode を ScreenSpace - Camera に変更します。
すぐ下にアサインできる場所ができますので、こちらにヒエラルキー上にあるMain Cameraゲームオブジェクトをドラッグアンドドロップしてアサインします。
この設定によりMainCameraの映している画面がゲーム画面として利用されるようになります。
アサイン手順動画（アサインはヒエラルキー上にあるゲームオブジェクトを指定します）
https://gyazo.com/81ccd648646961489098c8bb47556514
同じくCanvasゲームオブジェクトの持つCanvasScalerコンポーネントを確認して、UI Scale Mode を Scale with Screen Size に変更します。
Reference Resolusion の X と Y は自分のスマホの解像度で設定しておきましょう。下記の画像はiPhone 11 の設定の場合です。
上記の手順を行ったあとのCanvasゲームオブジェクトのインスペクターの画像です。
ここまでのヒエラルキーの画面ショットです。
以上でこの手順は終了です。
次は 手順２ です。
手順１、２では、パズルゲームのベース部分を作成していきます。
１．新しいプロジェクトを作成する ２．ゲームシーンを作成する ３−１．Gameビューからゲーム画面のサイズ(解像度)の設定を行う ３−２．ヒエラルキー上にCanvasを設置する
１．新しいプロジェクトを作成する 
Unityにて新しいプロジェクトを作成します。
UnityHubを起動し、右上にある【＋新しいプロジェクト】という青いボタンを選択します。
ボタンを押す前に、右隣にある矢印のプルダウンメニューボタンを押すと、新規作成するUnityのバージョンを指定できます。
バージョンは2022.3、あるいは 6000.0 以降を選択してください。
制作する Platform は Android、またはiOSにて設定しましょう。
新規作成用のポップアップが開いたら、テンプレートを選択します。
Unity 2022.3 では「2D」、Unity 6000 以降では「2D(Built-In Render Pipeline)」を選択します。
選択できない場合には、右上にある【↓】ボタンを押し、【テンプレートをダウンロード】という青いボタンを押して、
2D(Built-In Render Pipeline) のテンプレートを UnityHub にダウンロードしてください。選択可能になります。
プロジェクト名は「Puzzle Game」などのわかりやすい名前に変更して、右下の作成ボタンを押します。
UnityHub 新規作成(6000 以前)
UnityHub 新規作成(6000 以降)
２．ゲームシーンを作成する
Unityが起動したら、左上のメニューより File => Save As... を選択して現在表示されているSampleシーンに名前を付け直して保存をします。
Battle、Main などのわかりやすい名前に変更しておきましょう。
シーン名を変更するとヒエラルキー上にあるシーンの名前にも変更が反映されますので、保存した名前のシーン名になっているか、確認をしましょう。
３−１．Gameビューからゲーム画面のサイズ（解像度）設定を行う
つづいて、Gameビューからゲーム画面のサイズを設定します。タブを SceneビューからGameビューに切り替えてください。
実際にゲームとして利用される画面が表示されます。
Gameビュータブのすぐ下に画面サイズ（解像度）の設定場所がありますので、ここをクリックします。
画面の解像度がプルダウンメニューの一覧で表示されますので、自分の持っているスマホ、あるいは一般的なスマホの画面解像度と同じ値に設定してください。
一般的なスマホはワイド画面で 1080 * 1920 の画面解像度、アスペクト比率は １６：９ の設定を基準に考えています。
プルダウンメニューの一覧に所持しているスマホの解像度がない場合には、追加してセーブができますのでそちらで対応してください。
名称も自由に設定できますので、わかりやすい例としては、下記のように【横 * 縦 向き】のように命名しておくとよいでしょう。
Landscape が横向き、Portrait が縦向きです。
画面解像度の設定
この手順書はこの画面のサイズを元にゲームオブジェクトの大きさや位置を設定しています。
そのため、自分が設定した解像度と異なる場合には位置情報などを同じ設定値にしてもズレることがあります。
その場合には、適宜調整を行ってください。
手順書はあくまでも例題です。ご自分で作る作品を基準に製作を進めてください。
３−２．ヒエラルキー上にCanvasを設置する
今回のゲームではCanvas内にゲームオブジェクトを配置してゲームを製作していきますので、このCanvasがメインの製作場所となります。
もしもヒエラルキーに Directinal Lightゲームオブジェクトがある場合、こちらは不要ですのでヒエラルキー上から削除してください。
(テンプレートによっては最初から存在していない場合もあります。)
ヒエラルキー上にてゲームオブジェクトのない位置でメニューを表示し（Windowは右マウスボタンをクリック）、UI => Canvas を選択してCanvasを作成しましょう。
一緒にEventSystemも作成されます（EventSystem はタップ感知などを行うものなので、削除しないでください。）
作成手順動画
https://gyazo.com/133fd5ee609e1137176318539a387004
ヒエラルキーにあるCanvasゲームオブジェクトを左クリックして、インスペクターに情報を表示させます。
Canvasコンポーネントを確認して、Render Mode を ScreenSpace - Camera に変更します。
すぐ下にアサインできる場所ができますので、こちらにヒエラルキー上にあるMain Cameraゲームオブジェクトをドラッグアンドドロップしてアサインします。
この設定によりMainCameraの映している画面がゲーム画面として利用されるようになります。
アサイン手順動画（アサインはヒエラルキー上にあるゲームオブジェクトを指定します）
https://gyazo.com/81ccd648646961489098c8bb47556514
同じくCanvasゲームオブジェクトの持つCanvasScalerコンポーネントを確認して、UI Scale Mode を Scale with Screen Size に変更します。
Reference Resolusion の X と Y は自分のスマホの解像度で設定しておきましょう。下記の画像はiPhone 11 の設定の場合です。
上記の手順を行ったあとのCanvasゲームオブジェクトのインスペクターの画像です。
ここまでのヒエラルキーの画面ショットです。
以上でこの手順は終了です。
次は 手順２ です。
コメントをかく