「技術メモ」カテゴリーアーカイブ

コインドーザーの作成3

つづきです

 

次にボタンを押すとコインが落ちる仕組みを作成する

まず,

  1. GameObject>UI>Button でボタンを作成する
  2. ゲーム画面にボタンが表示される
  3. ヒエラルキーで作成されたボタンを選択する
  4. ボタンの位置調整をする.まず,右上を基準モードにする(画像1,2の順に選択)
  5. 次にゲーム画面を見ながら位置を調整し,画面の右端に移動させる(値は各自で自由に設定すること)
  6. GameObject>Create Emptyで空のオブジェクト(位置情報のみのオブジェクトになる)を作成する.後でこの位置からコインを生成させるための準備
  7. 名前はに変更しておくこと
  8. 参考の位置
  9. Asset内で右クリック>Create>C# Scriptを作成し,名前をcoin_genにする
  10. coin_genを開きスクリプトエディタ(Visual Studio等)を開き中身を以下に入れ替える

 

using System.Collections;
using System.Collections.Generic;
using UnityEngine; 

public class coin_gen : MonoBehaviour { 
public Transform spawnpos;//インスペクタに位置情報用のドロップボックスを表示 
public GameObject coninPrefab;//プレファブをアサインするドロップボックスを表示 

void Start () { }
 
// Update is called once per frame 
void Update () { } 


//public化することでボタンからクリックで実行きるようになる 
public void genBtn(){
 Vector3 pos = spawnpos.transform.position;//spawnposの位置をvector3形式にし,posに入れる 
Instantiate(coninPrefab, pos, Quaternion.identity);//coninPrefabを生成させる
 } 
}

 


  1. 再度空のオブジェクトを作成し,名前をscriptに変更する
  2. 作成したcoin_genをscriptにアサインする
  3. インスペクタに表示されたspawnposにspawnPointをアサインする
  4. (下図を確認)
  5. HierarchyにあるcoinをAssetsにドロップする. coinがPrefab化(青い色に変わる)する.Hierarchyのcoinはこの段階で取り除く
  6. ヒエラルキーにscriptを選択し,coinPreをCoinPrefabをにアサインする
  7. ゲームを再生し,ボタンを押しコインが落ちてくるのを確認する

 

時間があればさらに改造してみましょう.

 

追記(2018/10/12)

落ちてきたコインを消すスクリプト.コライダにアタッチする.ファイル名はdestroy.csとする.

using System.Collections; 
using System.Collections.Generic; 
using UnityEngine; 

public class destroy : MonoBehaviour { 

public void OnTriggerEnter(Collider other){ Destroy(other.gameObject); } 

}

 

追記(2019/12/03)

move-blockがコインで弾かれる方は以下の設定をする

(A)move-block>RigidBody>Constrain のFreeze PositionをZ以外に全てチェックを入れる

(B)Coin(Prefab)のRigidBodyのMassをなるべく軽くする(0.05 kg)など

 


 

 

 

 

コインドーザーの作成2

つづき

  1. 各オブジェクトに名前をつける(画像を参考に)
  2. ここからはコインを押すプッシャーを作成する
  3. move_blockを選択し,Component>Physics>Rigidbodyを選択する
  4. 追加されたRigid BodyコンポーネントのUse Gravityオフにする(重力に影響されなくなる)
  5. (更新)2018バージョンに合わせて動画手順を掲載します
  6. (動画の解説)まずmove_blockを選択し,InspectorからAddComponentを選択しAnimatorを追加する
  7. (動画の解説)Animationウィンドウ(またはAnimationタブ)のCreateボタンを押す
  8. (動画の解説)Animationの名前をblockにする
  9. (動画の解説)次に表示されたタイムラインのSamplesを30にする
  10. (動画の解説)左にあるAdd Propertyをクリックする
  11. (動画の解説)表示された中からTransfomのPositionの右にある+ボタンをクリック
  12. (動画の解説)ここから2秒前身,2秒後退するアニメーションを作成する
  13. (動画の解説)まず1秒付近にあるキーフレームを選択し,2秒に移動させる
  14. (動画の解説)次に再生バーも2秒に移動
  15. (動画の解説)次にPosition.zのキーフレームを選択する
  16. (動画の解説)Position.zの値を2にする
  17. (動画の解説)Animationの再生(ゲームの再生ではなく)し確認する
  18. (動画の解説)4秒付近に再生バーを移動し,キーフレームを追加する
  19. (動画の解説)さきほどと同様にposition.zの値を変化させる.今回は元の位置に戻すため4を入力する
  20. (動画の解説)再生し確認する
  21. Asset内のblock(アニメーションファイル)を探し,InspectorのLoop Timeにチェックを入れる(デフォルトでチェックが入っているかと思います)
  22. コインを落として確認してみる

     

次へ

コインドーザーの作成1

コインドーザーの作成

コインドーザー(コインプッシャー)を作成してみましょう.この内容は

  • Physics(物理演算)の復習と応用
  • 簡単なスクリプトによる制御

を演習します.

作成手順

  1. 新規シーンを作成
  2. Planを作成する.位置は(0,0,0)
  3. Planeの上にCubeを作成し図のように変更する
  4. このCubeを複製し,図のような位置に移動させる
  5. Cylinderを作成し,ScaleのYを0.1にする
  6. Cylinderを選択したまま,Component>Physics>Rigidbody を選択しRigidibodyコンポーネントを追加する
  7. このまま再生するとコインの動きにはならない
  8. それはCylinderにCapsule Colliderコンポーネントがついているためである
  9. そこでCapsule Colliderを取り除く.Capsule Colliderコンポーネントの右にある歯車アイコンからRemove Componentを選択する
  10. 次にMesh Colliderをアサインする.Component>Mesh Colliderを選択する
  11. 衝突を正確に計算するためにConvexにチェックを入れる
  12. 再生し確認してみること
  13. ここで一旦保存すること

つぎへ)

簡単なゲームにしてみる(2)

効果音をアサインする

  1. 音再生の準備をする
  2. scriptを選択Component>Audio>Audio Source を選択する
  3. scriptAudio Sourceが追加されます
  4. Audio Sourceは音再生装置と考えてください

myFishを少し改造する

  1. myFishを選択し,Component>Physics>sphereColider(当たり判定用球)を追加する
  2. edukitの中のhitObjSendermyFIshにアサインする
  3. このスクリプトはプレーヤー(myFish)に,当たったColliderが何なのかを,scriptに送るプログラムである
  4. 追加したコライダのisTriggerにチェックを入れる
  5. edukit内にあるArrow2PrefabをmyFishにアサインする
  6. ゲームを再生し,エサが自動向かい,音が出るか,時間表示は適切かなどを確認する
  7. Arrow2の矢印表示スクリプトは以下のサイトのスクリプトを参考にしています
    http://beatdjam.hatenablog.com/entry/2014/10/22/032751

シーン遷移の準備

  1. File>Build Settings… を選択
  2. Add open sceneをクリックし,ビルドするシーンの一覧に現在のシーンを追加する
    buidset1
  3. edukit内のopとendも追加し,edu/opのシーンが最上段にくるようにドラッグして移動させる
    build2
  4. BuildeSettingsのウインドウを閉じたあと,シーンを保存しておく

シーン遷移情報の設定

  1. edukit内opを開く
  2. opScriptを選択し,メインシーン名にゲームのメインシーン名を入力する(各自異なるので注意.画像例は02)
    opscne
  3. 保存し,ゲームを再生してみる
  4. ゲームスタートボタンが押せない場合、Canvas展開しsetsumeiPanelオフにするか(説明文が書けない),setsumeiPanelとその子のsetumeiのRaycast Targetをオフにする(パネルを残してマウスクリックを無視する設定)

レベル調整

  1. 何度かテストプレイし遊びやすく調整する
  2. また,プレイしたことのない人に遊んでもらい,難易度を調整すること
  3. オープニング→ゲーム→エンディング と1周する状態になりバグも出ないようであればビルドを実行する
  4. File>Build SettingsでBuild Settingsの画面を開き,Buildをクリックする
  5. 保存先を設定すればビルドが開始される
  6. ビルドが成功したら,早速アプリを実行してバグがないか確認すること
  7. 時間が0秒以下になってもゲームできてしまうバグを修正できる場合は修正してみること(ヒント
  8. Mulitipurposeカメラのpivotの位置などを修正しプレイしやすくする

提出について

  1. ビルド後,Mac版は1つのファイルが作成されるが,Windows版はアプリとそれが使用するファイルの入ったフォルダが作成される
  2. 提出時の際Windows版はアプリとそれが使うフォルダの3つを提出する必要があるので注意(Windows ではアプリケーションのすべてのリソースを含む Data フォルダーと共に実行可能なファイル (.exe) とdllファイルが生成されます)
    公式サイトにはまだ掲載されておりませんのでご注意ください

どのようなゲームにしますか?

  • 楽しい空間にすることはもちろんのこと
  • オリジナルのエサをMayaでモデリングする(テクスチャも)
  • エサとなる小魚をモデリングし,泳がせておいかける
  • 照明や地形や空気感にこだわる
  • オンライン対戦仕様に変更する
  • 魚以外のキャラクタも登場する
  • etc,,,,

簡単なゲームにしてみる(1)

概略

  • 複数シーンをまたぐゲーム化をおこなう
  • 今回は作成手順を理解するため,スクリプトは提供されたものを使用する
  • 画像等は古いものを使っている場合がある
  • 今回は指定個数のエサを何秒間でとることができるかを競うゲームとします

準備・パッケージの読み込み

  1. スクリプトなどが入ったedukit3.unitypackageをダウンロードする(ダウンロードはここから)
  2. Assets>ImportPackage>Custom Package… でダウンロードしたパッケージを読み込む
  3. Asset内にedukit3というフォルダが作成される

タグの準備

  1. Hierarchy内にある適当なオブジェクトを選択する
  2. InspectorのTagをプルダウンし,AddTagを選択する
  3. pointObjをというタグ追加する
    addtag2

スクリプトを空のオブジェクトに配置する

  1. Gameobject>Create Empty で空のオブジェクトを作成し名前をscriptにする

  2. Asset内にある(さきほど読み込んだ)Edukit>myQuest をscriptにアサインする
  3. baitPrefabbaitObjにアサインする(魚の下の矢印画像は後で表示できます)
  4. edukit3の中にあるSEフォルダを展開し,効果音をアサインする(画像参照)
  5. その他の数字も設定する
  6. ※時間がマイナス秒になっても動作するのは仕様です(追記)

解説

  1. GameObjectにどんなコンポーネントをアサインするかでそのオブジェクトの性質が変わる.カメラコンポーネントをアサインすればカメラに,Meshfilterをアサインすれば3Dオブジェクトに,今回はスクリプトだけをアサインしている
  2. この「空のオブジェクト」は便利な入れ物と考えてよい.CGソフトではNullや,ロケーターと呼ばれている

UIprefabを配置する

  1. Asset内にある(さきほど読み込んだ)Edukitの中のUIprefabをヒエラルキーにドロップする
  2. UIprefabを展開し,timeTextとnokorisuをmyQuestの該当の箇所にドロップする
  3. エンディングシーン名も指定する
  4. なおUIについてはこちらも参考に

つぎへ

 

 

Tapで泳ぐプログラムを追加する

概要

  • 移動できる範囲を決めるNavMeshを設定
  • 魚にNavigationAgentを設定する
  • Tap移動のプログラムを魚にアサインする

設定など

  1. 地面代わりのPlaneなどを置く.そのPlaneにNavMeshの設定こちらを参考に)をする
  2. HierarchymyFishを選択し,InspectorAdd Componentを押しnavで検索すると出てくるNav Mesh Agentを選択して追加する
  3. 追加したNav Mesh AgentのBase Offsetを0.5にする
  4. TapMove用UnityPackageをここからダウンロードする
  5. ダウンロードしたUnityPackageファイルをAssets>Import Package>Custom Packageで読み込む
  6. Assets内にTapMoveフォルダができる.この中のtapMoveスクリプトをステージ上のmyFishにアサインする
  7. 次にInspectorのtapMovecirclePrefabをアサインし,RayLengthを15くらいにする
  8. Multipurpose CameraRigを設定する(忘れた場合はこちら).ターゲットはmyFishとする.魚とカメラの距離はPivotで調整する.MainCameraを削除するのを忘れないこと
  9. 一旦保存し,ゲームを再生,Planeの上をクリックしてみる
  10. 魚が泳いでいきます.クリックはタップにも対応しているので,スマートホン用にビルドした場合はタップで魚が泳ぎます
  11. タップで誤動作がおきる場合は,myFishのレイヤーをDefautl以外にする.タップを検知するレイヤーはDefaultレイヤーのみになっているため
  12. 以下参考動画

(Unityへの読み込みはここまで)

UnityにFBXファイルを読み込む(2)

Animation Controllerの設定

  1. Assets>Create>AnimationControllerAnimationControllerを作成する.名前はfishControllerにしておく(名前は何でもかまわない)
  2. 作成したAnimationControllerをダブルクリックする
  3. Animation Contorller画面が開かれる
  4. この画面にFish内のTake 002をAnimation Contorller画面にドロップする
  5. 間違えてTake 001をドロップ場合は,Take 002をドロップし,Take 002の上で右クリックしSet As Layer Default Stateを選択する
  6. 緑のEntryのとTake 002が接続されていればOK
  7. この設定はこのシーンが始まった場合にTake 002を自動でループ再生させるという意味.キャラクタが何もしていない時の動作をIdle(アイドル)と呼ぶが,これでTake 002がIdleの動作となった
  8. 次にTake 001のアニメーションをドロップする
  9. ライトグリーンのAny Stateの上で右クリックし,Make Transitionを選択し,Take 001につなげる

  10. これでどんな動作の状態(Any State)からでもTake 001のアニメーションが再生できる
  11. 次に,Take 001の上で右クリックし,Take002につなげる

  12. これで.Take 001は1度しか再生しないため,再生が終わった後にIdleの動きに戻せた
  13. 跳ねる動きが長いため,Take001を選択しInspectorのSpeedを3にする(3倍速再生)
  14. 同様に尾びれを動かす動作の1サイクルが長いため,Take002を選択しInspectorのSpeedを2にする(2倍速再生)
  15. この再生速度は目安です.好きな値に設定してかまいません.
  16. 次にTake 001を再生するトリガーを設定する
  17. Parametersのタブの+ボタンからTriggerを選択しトリガーを追加,名前をswimにする(この名前は変えないこと)
  18. 次にAny StateからTake 001につながる矢印を選択し,InspectorConditions+ボタンを押し,swimを選択する
  19. これでswimのトリガーでTake001が再生され,その後Take 002のくり返し再生に戻る設定ができた.このように何か動作をしたら必ずIdleの動作に戻す必要がある

myFishをシーンに配置する

  1. InspectorAnimatorに上で作成したAnimationControllerをアサインする
  2. 保存してゲームを再生してみること.魚が泳いでいます(Idleの動き)

次へ

UnityにFBXファイルを読み込む(1)

概要

FBXファイルを読み込み,アニメーションを分割し動作に応じた動きの設定をする

Unityへの読み込み

  1. Assets内にドラッグ&ドロップ(以下D&D)してmyFish.fbxを読み込む
  2. myFishを選択し,Inspectorに魚が表示されるので,再生ボタンを押し,アニメーションが読み込まれているか確認する
  3. 以前作成した魚のテクスチャをD&Dで読み込む.これでテクスチャが反映される(※テクスチャがうまく貼れていない場合はUVを設定する前のモデルを使っている可能性がある)
  4. InspectorModelのタブにあるScale Factorを10(10倍の大きさ)にし,Applyを押す
  5. Rigのタブを選択し,Root nodejoint1にし,Applyを押す
  6. Animationのタブを選択
  7. Clipsの下のスライドバーまたはテキストボックスで,魚がジャンプしはじめ,終わるまでの範囲を指定する.Startが3,Endが25くらいでいい.これで200フレームあったアニメーションの最初部分が分けられた
  8. Applyをクリックする
  9. 次にClipsの右下にある+ボタンを押す.Take001(1)またはTake 002が作成されるのでそれを選択する(名前を変更する場合は下の入力フィールドを使うこと)
  10. これで読み込んだ200フレームのアニメーションが,Take 001とTake 002に分けられた
  11. 魚の尾びれが1サイクルするアニメーションの範囲を指定する.(参考値Startは128,Endは166)
  12. 次にLoop Timeにチェックを入れ,Loop Poseにもチェックを入れる
  13. loop matchのランプがグリーンになっていることを確認する
  14. Root Transform RotationBased Upon(at Start)をOriginalにする.またRoot Transform PositionBased UponOriginalにする
  15. 同様にTake 001を選択し,Root Transform RotationBased Upon(at Start)をOriginalに,またRoot Transform PositionBased UponOriginalにする
  16. Fishの右矢印を開いて展開すると中にTake 001Take 002のアニメーション2種類ができているのを確認すること

つづく

Mayaテクスチャマッピング3

魚のテクスチャを作成する

  1. 先週までに制作した魚にアニメーションをつけたファイルを開く
  2. 魚が変形していない場所で再生をとめる
  3. 魚のオブジェクトを選択する
  4. UV>自動(自動でUVを割り当ての意味)を選択
  5. UVが6方向から見た様子に分割されて作成される(操作はありません)
  6. UVエディタを開くと魚がUV展開されているのがわかる
  7. 魚を選択し,スナップショットを書き出す(選択していないと書き出せない)
  8. オリジナルの魚模様を作成してみること
  9. なお,オブジェクト側のフェースを選択するとUVエディタ側もハイライトされる.対応関係が分かるので手がかりにすること.
  10. これは悪い例