今回は実際にゲームを作っていく方法を解説していきます。
- ドットインストール7〜10日目
- プロジェクトの新規作成
- 床とパドルを配置
- Materialを使う
- カメラ位置の調整
Unityのプロジェクトを新規作成
File
→New Project
から新たにプロジェクトを作成していきます。
プロジェクト名は「MyBallGame」として作成
をクリックします。
![新たにプロジェクトを作成](https://yuyu-life.blog/wp-content/uploads/2020/08/create-new-project-in-unity.jpg)
少し時間が掛かりますがプロジェクトが生成されます。
プロジェクトが生成されたらそれぞれ設定をしていきます。
Sample Scene→Main Sceneに変更
床とパドルを配置
Cubeを使って床を配置
MainScene
にCube
を配置して、「Floor
」と変更します。
FloorのScaleのXを「10」、Yを「20」にする
指定したスケールで床が追加されました。
![床を追加](https://yuyu-life.blog/wp-content/uploads/2020/08/add-floor.png)
Cubeを使ってパドルを配置
先ほどと同じく、Cube
を配置して、「Paddle
」と変更します。
PaddleのInspector
- Position Y:1, Z:-8
- Scale X:5
![床とパドルのInspectorを変更後](https://yuyu-life.blog/wp-content/uploads/2020/08/change-scale-of-the-floor-and-paddle.png)
Materialを使う
Projectの+
ボタン→Folder
からフォルダを追加して「Materials」という名称にします。
Materialsフォルダを右クリック→Create
→Material
を選択する。
InspectorのAlbedo
をクリックすればカラーパネルが表示されパネル上の色にマウスでクリックすることで自由な色に変更できます。
![カラーパネルの表示](https://yuyu-life.blog/wp-content/uploads/2020/08/color-panel.png)
Floorの色を変更する場合は先ほど作成したMaterialをMaterials
→Element
にドラッグ&ドロップしてあげます。
![Materialの適用](https://yuyu-life.blog/wp-content/uploads/2020/08/apply-material.jpg)
Floorに色が適用されました。
![Materialが床に適用された](https://yuyu-life.blog/wp-content/uploads/2020/08/change-color-of-floor.png)
まだ、コードを触っていない状況ですがInspectorで一通りの設定はできそうですね。
カメラの位置を調整
カメラからの視点はGameViewで確認することができます。ちょっとわかりにくいアングルなのでカメラ位置を調整していきましょう。
![GameView](https://yuyu-life.blog/wp-content/uploads/2020/08/game-view.png)
MainCamera
を選択することでカメラプレビューがSceneに表示されます。
![MainCamera](https://yuyu-life.blog/wp-content/uploads/2020/08/main-camera.jpg)
カメラ位置を変更したときはxyz軸をマウスでドラッグ。
![カメラ位置を変更](https://yuyu-life.blog/wp-content/uploads/2020/08/change-camera-view.jpg)
GameObject
→Align With View
を開くとカメラ位置の視点になります。これはよく使うテクニックなので覚えておくといいでしょう。
![Align With View](https://yuyu-life.blog/wp-content/uploads/2020/08/align-with-view.jpg)
背景色を変更したい場合はInspector
から変更できます。
- Clear Flags:Solid Color
- Background:FFD300 (Hex)
![](https://yuyu-life.blog/wp-content/uploads/2020/08/change-color-of-the-camera-view.png)
コメント