C#, Unity, 映像メディア3

簡単なゲームにしてみる（2）

効果音をアサインする

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

myFishを少し改造する

  1. myFishを選択し，Component＞Physics＞sphereColider（当たり判定用球）を追加する
  2. edukitの中のhitObjSenderをmyFIshにアサインする
  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版は１つのファイルが作成されるが，Windows版はアプリとそれが使用するファイルの入ったフォルダが作成される
  2. 提出時の際Windows版はアプリとそれが使うフォルダの３つを提出する必要があるので注意（Windows ではアプリケーションのすべてのリソースを含む Data フォルダーと共に実行可能なファイル (.exe) とdllファイルが生成されます）
    ※公式サイトにはまだ掲載されておりませんのでご注意ください

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

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

簡単なゲームにしてみる（１）

概略

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

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

  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. baitPrefabをbaitObjにアサインする（魚の下の矢印画像は後で表示できます）
  4. edukit3の中にあるSEフォルダを展開し，効果音をアサインする（画像参照）
  5. その他の数字も設定する
  6. ※時間がマイナス秒になっても動作するのは仕様です（追記）

解説

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

UIprefabを配置する

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

つぎへ

 

 

3DCG, C#, Unity, 映像メディア3

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

概要

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

設定など

  1. 地面代わりのPlaneなどを置く．そのPlaneにNavMeshの設定（こちらを参考に）をする
  2. HierarchyのmyFishを選択し，InspectorのAdd 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のtapMoveにcirclePrefabをアサインし，RayLengthを15くらいにする
  8. Multipurpose CameraRigを設定する（忘れた場合はこちら）．ターゲットはmyFishとする．魚とカメラの距離はPivotで調整する．MainCameraを削除するのを忘れないこと
  9. 一旦保存し，ゲームを再生，Planeの上をクリックしてみる
  10. 魚が泳いでいきます．クリックはタップにも対応しているので，スマートホン用にビルドした場合はタップで魚が泳ぎます
  11. タップで誤動作がおきる場合は，myFishのレイヤーをDefautl以外にする．タップを検知するレイヤーはDefaultレイヤーのみになっているため
  12. 以下参考動画

（Unityへの読み込みはここまで）

3DCG, Maya, Unity, 映像メディア3

UnityにFBXファイルを読み込む（２）

Animation Controllerの設定

  1. Assets＞Create＞AnimationControllerでAnimationControllerを作成する.名前は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にする（３倍速再生）
  14. 同様に尾びれを動かす動作の1サイクルが長いため，Take002を選択しInspectorのSpeedを2にする（2倍速再生）
  15. この再生速度は目安です．好きな値に設定してかまいません．
  16. 次にTake 001を再生するトリガーを設定する
  17. Parametersのタブの＋ボタンからTriggerを選択しトリガーを追加，名前をswimにする（この名前は変えないこと）
  18. 次にAny StateからTake 001につながる矢印を選択し，InspectorのConditionsの＋ボタンを押し，swimを選択する
  19. これでswimのトリガーでTake001が再生され，その後Take 002のくり返し再生に戻る設定ができた．このように何か動作をしたら必ずIdleの動作に戻す必要がある

myFishをシーンに配置する

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

次へ

3DCG, Maya, Unity, メディア工学特別講義Ａ, 映像メディア3

UnityにFBXファイルを読み込む（１）

概要

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

Unityへの読み込み

  1. Assets内にドラッグ＆ドロップ（以下D&D）してmyFish.fbxを読み込む
  2. myFishを選択し，Inspectorに魚が表示されるので，再生ボタンを押し，アニメーションが読み込まれているか確認する
  3. 以前作成した魚のテクスチャをD&Dで読み込む．これでテクスチャが反映される（※テクスチャがうまく貼れていない場合はUVを設定する前のモデルを使っている可能性がある）
  4. InspectorのModelのタブにあるScale Factorを10（10倍の大きさ）にし，Applyを押す
  5. Rigのタブを選択し，Root nodeをjoint1にし，Applyを押す
  6. Animationのタブを選択
  7. Clipsの下のスライドバーまたはテキストボックスで，魚がジャンプしはじめ，終わるまでの範囲を指定する．Startが３，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 RotationのBased Upon(at Start)をOriginalにする．またRoot Transform PositionのBased UponもOriginalにする
  15. 同様にTake 001を選択し，Root Transform RotationのBased Upon(at Start)をOriginalに，またRoot Transform PositionのBased UponもOriginalにする
  16. Fishの右矢印を開いて展開すると中にTake 001とTake 002のアニメーション2種類ができているのを確認すること

つづく

Maya, Unity, メディア工学特別講義Ａ, 映像メディア3

MayaのFBX exporterが選択できない場合

MayaのFBX exporterが選択できない場合

Mayaにプラグインをロードすることで対処できる

  1. ウィンドウ＞設定/プリファレンス＞プラグインマネージャを選択する
  2. fbxmaya.dll　のロード，自動ロードにチェックをいれ，Mayaを再起動する
  3. fbxmayaがロード済みの状態

参考WEB

https://knowledge.autodesk.com/ja/support/maya/learn-explore/caas/CloudHelp/cloudhelp/2016/JPN/Maya/files/GUID-18A2CDD7-3334-4FC1-A1B3-A308AD331BB2-htm.html

Maya, Unity, 映像メディア3

Maya->Unity 2018版

概要

  • Unityに魚のアニメーションを取りこむ準備をする
  • 最初に，MayaのIKアニメーションをベイク（焼き付け）する
  • 次にUnity互換性のあるFBX（FilmBox）形式で書き出す
  • Unityはmaya形式のファイルにも対応しているが，FBXを使う事が多いので今回はFBX形式とする

書き出しの準備

  1. 最も上の階層のボーン（joint1）を選択する
  2. 次に編集＞キー＞シミュレーションのベイク処理＞□を選択
  3. シミュレーションのベイク処理オプションが表示される
  4. 階層は下位を選択，コントロールポイント，シェイプ（今回シェイプアニメーションは使用していませんが，，）にチェックを入れ，適用を押す
  5. タイムラインに沢山のキーフレームが打たれる．IKやコンストレインアニメーションはそのままではUnityで使えないので，全て1フレ毎のキーフレームに変換される

FBX書き出し設定

  1. FBX形式で書き出す設定をする．ファイル＞全て書き出し＞□　を選択しオプションを表示させる．（通常は選択項目だけ書き出すが，こちらの方が簡単なので）
  2. オプションが表されるので，ファイルタイプをFBX exporterを選択，次にプリセットを編集を押す（FBX exporterが選択できないときはこちらを参考）
  3. プリセットをAutodesk Media & Entertaimentを選択
  4. アニメーションと組み込みメディア（これでMaterialを書き出される）にチェックが入っているか確認
  5. 設定を変えると，プリセットの部分がカスタムに変化するが気にしなくてよい（プリセットをカスタマイズしたからカスタムに変わる）
    閉じるを押し，プリセット編集を終わる
  6. 設定を保存して閉じる
  7. ファイル＞全て書き出しを選択しファイル名を決め，ファイルの種類がFBX exporterになっているか確認し，すべて書き出しを押す
  8. コンストレイン系のエラーが出るがコンストレイン系はベイク済みなので気にしない
  9. ファイルが出力されたらひとまず完了

次へ

Maya, 未分類

Maya2018　で　Arnold

CGにおけるレンダラー（描画プログラム）は，内蔵のものだけでなく，そうでないものもいくつかある．

Mayaでは，Mayaソフトウェアのレンダラーが標準で，それ以外にもMentalRay（光学現象の再現が得意），RendarMan（Pixarのアニメーションでおなじみ），V-Ray（こちらも光学現象の再現が得意），Arnold（簡単に使用できる）等が使用できる．

以下Maya2018にて説明

  1. Maya2018はArnoldがインストールされている．使用可能にするには，ウィンドウ＞設定/プレファレンス＞プラグインマネージャを開く
  2. mtoa.bundleの項目２つをチェックし，Mayaを再起動する
  3. 適当なモデルを配置する
  4. タブからArnoldを選択する
  5. こちらにはArnoldレンダリング専用のライトや環境光が用意されている
  6. この中のCreate Physical Skyを選択，大気光のシミュレート球が作成される
  7. マテリアルもArnold用に作成する必要があるので，ウィンドウ＞レンダリングエディタ＞ハイパーシェードを選択
  8. ArnoldのカテゴリのaiStandardSurfaceを選択し，マテリアルを作成する
  9. 作成したマテリアルのプリセットをプレスすると，予め設定されたマテリアルが使用できる．ここからChrome＞置き換え　を選択する
  10. Arnoldを使ってレンダリングする

 

3DCG, Maya, Photoshop, Unity, 映像メディア3

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

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

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

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

マテリアルを作成しオブジェクトに割り当てる

  1. 椅子の木目を作成したことを思い出しながら，新しいマテリアルを作成する（参考）
  2. 作成したマテリアルのカラーの右にあるチェッカーマークをクリック
  3. ファイルを選択する
  4. ファイルアトリビュートが開かれるので，フォルダボタンをクリックし，ファイルの場所を指定する
  5. 作成されたマテリアルを立方体にアサインする
  6. ビューのマテリアル表示モードをONにし，パースビューでテクスチャが反映される
  7. レンダリングするとこのようになる

 

(次へ）