Unityの基本操作を学習する == ## はじめに このページでは公式のテンプレートを利用して、Unityの基本操作を学びます。 > 言語設定が日本語だと途中で進行不能になる不具合があるようです。このページでは一旦言語をEnglishに設定して進めてください。 ## プロジェクトの起動 Unity Hubを起動し、プロジェクトからMyFirstGameを開いてください。 ![](https://i.imgur.com/pWYZUMm.png) 以下の画面が表示されたらOKです。 ![](https://i.imgur.com/nHxEBlp.png) ここからは以下を参考に画面のWalkthroughに従って進行してください。 Walkthrough1 - Unityの概要 == ## 1-1 ![](https://i.imgur.com/dvP35G4.png) **Unityへようこそ!** 各Walkthroughごとに、Unityのさまざまな機能をガイドしていきます。 このチュートリアルでは、Unityインターフェイスを使用します。これを**Editor**と呼びます。 もし迷った場合は、Projectウィンドウから**Template Walkthrough**をクリックしてください。 **Start**をクリックすると始まります。 ## 1-2 ![](https://i.imgur.com/IjjDTuY.png) ハイライト表示されたウィンドウは、**Scene view**および**Hierarchyウィンドウ**と呼ばれます。 Scene viewでは、Sceneを操作および編集できます。作業中のプロジェクトのタイプに応じて、3Dまたは2Dのパースペクティブが表示されます。 Hierarchyウィンドウには、Editorで開いている現在のSceneのすべてのリストが含まれています。 ## 1-3 ![](https://i.imgur.com/yR9A0r6.png) Hand Toolを試してみましょう。これによりSceneを操作できます。 **→Hand Toolを選択する** Editor上部の**Toolbar**の左上にあるHand Toolをクリックします。 ## 1-4 ![](https://i.imgur.com/HtZZRbA.png) Hand Toolを選択したら、カーソルをScene viewに置き、次の手順を試してみてください。 **→Sceneを移動する** マウスの左ボタンを押したままマウスを動かします。 ## 1-5 ![](https://i.imgur.com/ieYbDkq.png) Scene viewのズームを試してみましょう。 **→拡大と縮小** Altキーとマウスの右ボタンを押しながらマウスを動かすことで拡大と縮小を行います。または、マウスホイールまたはタッチパッドのスクロールジェスチャでも行えます。 ## 1-6-1 ![](https://i.imgur.com/8mGWPoG.png) Scene viewから任意のゲームオブジェクトをフレーム内に表示させることができます。 **→プレイヤーを選択** Hierarchyウィンドウで、**Player**オブジェクトを選択します。 ## 1-6-2 ![](https://i.imgur.com/LnLQ5RJ.png) **→Playerオブジェクトをフレーム内に表示する** マウスカーソルをScene view上に置いて、キーボードのFを押します。これにより、プレイヤーキャラクターがフレーム内に表示されます。 ## 1-7 ![](https://i.imgur.com/xQ3nGj4.png) それでは、**Game view**を見てみましょう。 Game viewでは、ゲームをテストプレイすることができます。 ## 1-8 ![](https://i.imgur.com/jHMoI2p.png) 次に、**Projectウィンドウ**を見てみましょう。ここではプロジェクトで使用できるすべてのアセットを表示します。 **assets**は、3Dモデル、テクスチャ、オーディオファイルなど、プロジェクトを構成するファイルです。 プロジェクトにアセットをインポートすると、Projectウィンドウに表示されます。 ## 1-9 ![](https://i.imgur.com/oc4nVmV.png) Editorの右側には、**Inspectorウィンドウ**があります。Inspectorでは選択したものの設定、または**properties**の表示および変更ができます。 ## 1-10 ![](https://i.imgur.com/JRq7LAv.png) プラットフォーマーに挑戦してみましょう! 矢印キーで移動、スペースでジャンプできます。 **→プレイモードに移る** 画面の上部にあるツールバーの再生ボタンをクリックしてください。 ## 1-11 ![](https://i.imgur.com/oNzGupj.png) **→プレイモードを終了する** もう一度再生ボタンをクリックするとプレイモードが終了します。 テストしていないときはプレイモードを終了するように心がけてください。 これは、プレイモード中に行われた変更の多くが保存されないためです。 ## 1-12 ![](https://i.imgur.com/JOvtLEj.png) Great! 最初のチュートリアルを終了しました! 次は、ゲームオブジェクトのプロパティを変更する方法について学びます。 次のボタンをクリックしてください。 **walkthrough2: プロパティの変更** Walkthrough2 - プロパティの変更 == ## 2-1 ![](https://i.imgur.com/vqxeClu.png) Unityのコンポーネントプロパティにより、ゲーム内のゲームオブジェクトは制御されています。 プロパティは、キャラクターが移動する速度、またはジャンプできる速度です。 ## 2-2 ![](https://i.imgur.com/5J0Gp8z.png) Hierarchyウィンドウには、**Player**という名前のゲームオブジェクトを含む、Scene内のすべてのリストがあります。 Playerを選択して、速度を調整してみましょう。 **→Player Game Objectを選択** Hierarchyウィンドウで、**Player** Game Objectを選択します。 ## 2-3 ![](https://i.imgur.com/izVmnvt.png) 右側のInspectorウィンドウに、**Player Controller**コンポーネントが表示されます。 **Player Controller**コンポーネントには、Playerの速度を制御するプロパティ**Max Speed**が表示されます。 **→Max Speedプロパティを編集する** プレイヤーキャラクターが速くなったり遅くなったりするように、**Max Speed**プロパティの数値を調整します。 ## 2-4 ![](https://i.imgur.com/5CurdhQ.png) ゲームを試してみましょう。Editorの上部にある再生ボタンをクリックして、再生モードに入ります。 **→プレイモードに入る** 再生ボタンをクリックして、再生モードに入ります ## 2-5 ![](https://i.imgur.com/PYKjoRA.png) プレイモードを終了する **→プレイモードを終了** もう一度再生をクリックして再生モードを終了します。 ## 2-6 ![](https://i.imgur.com/ZfpTuv5.png) プロパティについて学習したので、Inspectorウィンドウであらゆるプロパティを調整して、ゲームの動作を調整することができます。 さて、次は視覚的なものを試してみましょう。次のチュートリアルではゲームオブジェクトの色の変更をする方法について学びます。 次のボタンをクリックしてください。 **Walkthrough3: 色の変更** ## 3-1 ![](https://i.imgur.com/iP2nbbu.png) 色を編集するには、カラーピッカーを使用します。まずはPlayerの色調を編集することから始めましょう。 **→Playerを選択** Hierarchyで、**Player**ゲームオブジェクトを左クリックします。 ## 3-2 ![](https://i.imgur.com/kmZh80x.png) Inspectorでは、Playerゲームオブジェクトを構成するすべてのコンポーネントを確認できます。 これらの1つは、割り当てられたスプライトイメージを表示する**Sprite Renderer** componentです。 このコンポーネントの**Color**プロパティを変更して、Playerの色を変更できます。 ## 3-3 ![](https://i.imgur.com/w4TeSvp.png) **→色を変更してみましょう!** Sprite Rendererでは、**Color**プロパティを確認できます。このプロパティの横にある色付きのボックスをクリックして、カラーピッカーを表示します。カラーホイール内をドラッグしてPlayerの色を選択し、カラーピッカーを閉じます。 ## 3-4 ![](https://i.imgur.com/BBAFbRH.png) 新しい色合いを選択したら、ゲームをプレイしてみましょう。画面上部のツールバーにある再生ボタンを押して、再生モードに切り替えます。 **→プレイモードに移る** 画面上部の再生ボタンボタンをクリックして、再生モードに入ります。 ## 3-5 ![](https://i.imgur.com/o4DSnl9.png) **→プレイモードを終了** もう一度再生をクリックして再生モードを終了します。 ## 3-6 ![](https://i.imgur.com/b9nMZ2J.png) このテンプレートにあるようなスプライトを使用している場合は、この方法で2Dゲームオブジェクトの色を調整できます。それ以外の場合では、画像編集アプリケーションで作成したスプライトに単純に色を設定するなどの方法があります。 さぁ、あなたの世界を彩りましょう。 ## 3-7 ![](https://i.imgur.com/OcNEACF.png) Prefabを使用してゲームにコンテンツを追加する方法については、次のチュートリアルに進んでください。 **Walkthrough4: Prefabの追加** ## 4-1 ![](https://i.imgur.com/ixnkUtX.png) Prefabとはオブジェクトを生成する方法を詳しく書いてある設計図です。 Prefabは、すべてのコンポーネントとプロパティを備えたゲームオブジェクトであり、アセットとして保存されます。このようにして、ゲームのさまざまな部分で何度でも再利用することを可能にしています。 Projectウィンドウには、プロジェクト内のすべてのPrefabが一覧表示されます。ここではSceneに追加する準備ができているものがいくつか用意されています。 ## 4-2 ![](https://i.imgur.com/suHvJ7w.png) PrefabはProjectウィンドウに保存され、各Prefabの横には青色の立方体のアイコンがあります。Enemyに名前を付けて、Sceneに追加できるようにしました。 **→EnemyのPrefabを選択** EnemyのPrefabをクリックして選択します。 ## 4-3 ![](https://i.imgur.com/MQmJQCY.png) ここで、ProjectウィンドウからHierarchyウィンドウにEnemy Prefabをコピーします。これにより、Scene内で**インスタンス化**されます(「スポーン」または「クローン」とも呼ばれます)。 **→EnemyのPrefabをコピーする** Enemy Prefabをクリックし、マウスの左ボタンを押したままProjectウィンドウからHierarchyウィンドウの空のスペースにドラッグし、マウスを離します。 ## 4-4 ![](https://i.imgur.com/jjA7Y0I.png) Scene viewでEnemyのPrefabを組み立ててみましょう。 **→Enemyをフレーム内に表示する** Hierarchyで敵のPrefabが選択されていることを確認し、**Edit>Frame selected**を選択するか、カーソルをScene viewに置いて、キーボードのFを押してPrefabを画面内に表示します。 ## 4-5 ![](https://i.imgur.com/QREUXV4.png) 移動ツールを使用してみましょう。 **→移動ツールを選択** Editor上部のツールバーの左上にある移動ツールを選択します。 ## 4-6 ![](https://i.imgur.com/lZ2056o.png) 移動ツールを使用して敵のPrefabを再配置してみましょう。 **→EnemyのPrefabを移動する** 赤(左右)または緑(上下)のハンドルをドラッグして、Prefabを移動します。見た目が良いところならどこにでも置いてください。 ## 4-7 ![](https://i.imgur.com/VEZqvur.png) Great!これで、Prefabとは何か、それをSceneに追加して配置する方法について学べました。 他のツールも試してみましょう。 **Rotate Tool**と**Scale Tool**があります。 ## 4-8 ![](https://i.imgur.com/q6yavCG.png) 他のPrefabの追加も試してみましょう。 Projectウィンドウの**PlatformerTemplate**フォルダー内の**Prefabs**フォルダー内にさらに多くあります。 次のチュートリアルでは、Unityで開発したゲームを外部でプレイできる形にビルドおよびエクスポートする方法を学びます。 **Walkthrough5:ビルド、シェア、プレイ** ## 5-1 ![](https://i.imgur.com/AzPjdKa.png) 完成おめでとう!あなたのプロジェクトを、あなたの友人や家族がWebページでプレイできるようにします。 ゲームをビルドしてシェアするプロセスは時間がかかる場合があります。完了するとWebページが表示されるので、しばらくお待ちください。 ## 5-2 ![](https://i.imgur.com/VJayrNs.png) ビルドとシェアを始めるために、ビルド設定ウィンドウを見てみましょう。 このウィンドウはUnityEditorの上部に表示され、Walkthroughパネルを覆い隠してしまう可能性がありますので、必要に応じて邪魔にならない場所にドラッグしてください。 **→ビルド設定ウィンドウを開きます** メニューバーから**File>Build Settings**に移動するか、キーボードショートカットのCtrl/Cmd+Shift+Bを使用します。 ## 5-3 ![](https://i.imgur.com/vIDw1Qs.png) Build Settingsウィンドウの上半分には、**Scens in Build**セクションがあります。 ウィンドウのこの部分には、ビルドに含まれるプロジェクトのSceneが表示されます。(ゲームのエクスポートされたバージョン)。 Sceneはまだ含まれていませんので、現在のSceneを追加することから始めましょう。 **→開いているSceneを追加する** Add Open Scenesボタンをクリックして、現在のSceneをビルドに含めます。 > この手順は場合によってはスキップされることがあります。 ## 5-4 ![](https://i.imgur.com/9oGP6zJ.png) ゲームをWeb上で動作させるには、ビルドプラットフォームを**WebGL**に設定する必要があります。プラットフォームを設定すると、Unityにプロジェクトのビルド方法が表示されます。 1. プラットフォームリストで**WebGL**を選択します。 2. Switch Platformをクリックします。プロジェクトはWebGLプラットフォームに更新されます。 **→3. Buildボタンをクリックします** Buildボタンをクリックし、ゲームファイルを保存するフォルダーを選択します。 ## 5-5 ![](https://i.imgur.com/PeTxAcQ.png) 次に、WebGLゲームを独自の専用Webページにエクスポートします。難しくはありません。プロセスをシンプルでわかりやすくしてあります。 **→Open Share WebGL Gameウィンドウを開く** メニューバーから**Window>Share WebGL Game**に移動します。 ## 5-6 ![](https://i.imgur.com/TZEaG7Y.png) 次に、ゲームに名前を付けます。必要に応じて、サムネイル画像を追加してください(推奨します)。完了したら、**Upload**をクリックするだけです。 アップロードが完了すると、次のWebリンクが届きます。 ## 5-7 ![](https://i.imgur.com/1OnsSsl.png) よくできました! ウェブ上のホームから、ぜひ他の人とゲームを共有してください。あなたがゲームを作ったことがどれだけクールかを見せてやりましょう。 **あなたの旅はここで終わりではありません**、増え続けるCreative Modsのライブラリでゲームを改造し続けてください。すべてのmodへのリンクは、Walkthroughリストの下部にあります。 **終了**