Game Community Summit 2013 UnityでMMDを動かす会
•Télécharger en tant que PPTX, PDF•
14 j'aime•7,861 vues
Recommandé
Contenu connexe
En vedette
En vedette (20)
Game Community Summit 2013 UnityでMMDを動かす会
- 1. 一人でできるもん！ MikuMikuDance for Unityとフリーソフトを組み合わせ た ゲーム制作ワークフロー UnityでMMDを動かす会 竹渕瑛一 1GCS2013 UnityでMMDを動かす会
- 2. 自己紹介 • 竹渕瑛一 (神奈川工科大学大学院修士2年) • 研究はゲームか，フォークソノミー（Pixiv）のどち らか • 最近はフォークソノミーに比重ががが • https://twitter.com/GRGSIBERIA • UnityでMMDを動かす会の中の人 • MikuMikuDance for Unityつくってます • ゲーム制作を楽しくできないもんかな，と思いなが ら色々なものを作ってます 2GCS2013 UnityでMMDを動かす会
- 3. MikuMikuDance for Unity • MikuMikuDanceのモデルやアニメーションを Unityで動かすためのプラグイン的なもの • MMDのデータをUnityに取り込むことができるので す @_mkt 3GCS2013 UnityでMMDを動かす会
- 4. MikuMikuDance for Unity • メリット • モデリングできなくてもキャラゲー作れる • MMDで作ったアニメーションを使える • Oculusでﾐｸﾍﾟﾛできる ← new!!! @GOROman 4GCS2013 UnityでMMDを動かす会
- 6. UnityでMMDを動かす会 • Facebookコミュニティ • MikuMikuDance for Unityの開発者用コミュニティ • イベントの告知とか，更新情報とかつぶやいてる • バグとか最近作ったものなども歓迎 • コミッタ大歓迎 • なんか不便だから改造したい • 使い方の記事とか書きました • こんなもの作ってみました等々 https://www.facebook.com/groups/191426844258883/ 6GCS2013 UnityでMMDを動かす会
- 7. UnityでMMDを動かす会 • Twitterでの活動 • 「MMD Unity」で検索するとすごい • こちらのほうが最新情報を拾える • もしくは「#MMDforUnity」 • あまりつぶやかれない(´・ω・｀) GCS2013 UnityでMMDを動かす会 7
- 9. イントロダクション • 3Dで作ったミクさんがスプーに見える…… • 絵が描けなくてテクスチャもかけない…… • ノーマルマップ？ 手書きだけど…… 9 こんな悩みを抱えていませんか？ GCS2013 UnityでMMDを動かす会
- 10. イントロダクション • プログラマーはデザインできない（大前提） • どうやってデザインスキルを補うか • もっと簡単にデザインを凝りたい 10 プログラマーだけで作れないゲーム GCS2013 UnityでMMDを動かす会
- 11. イントロダクション • フリー素材やフリーソフトに頼ろう • でもクオリティ低いんじゃないの？ • フリーソフトを覚えるのが手間 • そもそも3Dにフリーなんてないんじゃないの？ 11 _Y_ ｒ'｡∧｡ｙ. ゝ∨ノ ,,,ｨf...,,,__ ）~~（ _,,.∠/ﾞ`'''t-nヾ￣"'''=ー-.....,,, ,i i, ,z'" ￣￣ ／nﾞﾞ''''ー--... ,ｉ> <ｉ 文明はどんどん発達し r”^ヽ く:::::|::|:::〔〕〔〕 ｉ> <ｉ. ていく・・・・・・。 入_,..ﾉ ℃ ￣U￣＿二ﾆ `=.,,ｰ- ...,,,__ |,ｒ'''"7ヽ､| __,,,... -ｰ,,.=' >ーｚ-,,,...--,‐,‐;;:'''""~ ~''':x.,, ~"|{ G ゝG }|"~ ,,z:''" ＿＿＿ ~"'=| ゝ､.3 _ノ |=''"~ ＜ー＜> ／ l￣￣＼ .|）) (（| /￣￣ﾞｉ;:､ 「￣￣￣￣|￣|￣￣￣＼ ))| ｒ'´￣「中]￣｀ヾv､ `-◎──────◎一' ├―┤＝├―┤ |li:, |「￣ |ｉ￣ｉ|「.//||「ｌn|:; ||//__|Ｌ_」||＿_.||ｌ」u|:; |ニ⊃| |⊂ニ| || ,|/ |＿. └ｰ┘ .＿| ||/ ﾍ 「￣￣￣| / 年を取る間に GCS2013 UnityでMMDを動かす会
- 12. イントロダクション • セッション概要 • 今日の内容 • 個人での3Dゲーム開発の現状 • フリー素材とフリーソフトを利用した開発 • 対象読者 • 主にプログラマー、デザイン初心者 • Unityでゲーム開発している人 • 目標 • 素材をノースキルで一人で揃えられるようになる • 素人目で誤魔化せる程度の技術を身につける 12GCS2013 UnityでMMDを動かす会
- 13. イントロダクション • もくじ • イントロダクション • 個人での3Dゲーム開発の現状 • フリー素材とフリーソフトを利用した開発 • 3Dモデルを揃える • 3Dモデルを読み込む • アニメーションを読み込む • テクスチャを揃える • ノーマルマップを作る • おわりに GCS2013 UnityでMMDを動かす会 13
- 15. 個人での3Dゲーム開発の現状 • 3Dゲーム開発に潜んでいるデザイン • キャラクターデザイン • 背景デザイン • レベルデザイン • UIデザイン • アニメーション • エフェクト • 音（BGM、効果音） GCS2013 UnityでMMDを動かす会 15 今回の対象
- 16. 個人での3Dゲーム開発の現状 • キャラデザ、背景デザイン • ゲームの外観（見た目）を決める要素 • ゲームの雰囲気だったり世界観を伝える • 面白さにも直結するから余計難しい GCS2013 UnityでMMDを動かす会 16 プログラマーがここをやると 世にも奇妙なものが出来上がってしまう
- 17. 個人での3Dゲーム開発の現状 • どんなデザインスキルが足りてないか • 観察力がない • 記憶力がない • 細部の比較ができない • ツールを使いこなせない GCS2013 UnityでMMDを動かす会 17 ＼(^o^)／ これらを代わりにやってくれる方法を模索しましょう
- 18. 個人での3Dゲーム開発の現状 • フリー素材を借りる時の悩みどころ • クオリティが低くないか • ありきたりな表現にならないか • 借りる時のライセンスは大丈夫か • 簡単に素材を作れるソフトの悩みどころ • そんなもんそもそもあるのか • 実は簡単じゃない、難しい • ちょっとお金がかかるんじゃないの？ GCS2013 UnityでMMDを動かす会 18 今回はこの2点に焦点を当てて説明します
- 20. フリー素材とフリーソフトを利用し た開発 • おしながき • 3Dモデルを揃える • 3Dモデルを読み込む • アニメーションを読み込む • テクスチャを揃える • ノーマルマップを作る GCS2013 UnityでMMDを動かす会 20
- 21. 3Dモデルを揃える • 3Dモデルにも種類がある • キャラクター • 建物 • 置物 • Etc… GCS2013 UnityでMMDを動かす会 21 Google Sketchupから借りる MikuMikuDanceから借りる
- 22. 3Dモデルを揃える • キャラクターの探し方 • ニコニコ動画 • 「MMDモデル配布あり」タグで検索 • キャラクター名で検索すると出てくるかも • VPVP Wiki • 記事の有無が激しい • 色々雑多で情報が古いこともある…… • MMD Wiki ← new!! • http://mikumikudance.wikia.com/wiki/MikuMikuDance_Wiki • 海外の有志が勝手に作成 • なんと、Readmeの内容も翻訳されてる（こともある） GCS2013 UnityでMMDを動かす会 22
- 23. 3Dモデルを揃える • MMD wikiの外観 GCS2013 UnityでMMDを動かす会 23
- 24. 3Dモデルを揃える • 紹介されているモデルを見てみる • モデルのバージョン • 作成者 • ダウンロード場所 • 利用条件 • 改変あり • 再配布あり • Readmeの英訳 GCS2013 UnityでMMDを動かす会 24
- 25. 3Dモデルを揃える • 建物や置物の場合 • MMDのアクセサリ類から借りる • PMD/PMX EditorでPMD化したものを使う • Google 3D Galleryから借りる • skpファイルをXファイル形式に変換して使う • 導入記事 bit.ly/r8GkMB • 量が多いのでこちらを使う GCS2013 UnityでMMDを動かす会 25
- 26. 3Dモデルを揃える • Google 3D Galleryとは • Google Sketchupで作成したデータを公開できるとこ ろ • ライセンスは全て商用利用可、再配布、改変あり • ほぼ、パブリック・ドメインに近い状態 GCS2013 UnityでMMDを動かす会 26 http://sketchup.google.com/3dwarehouse/?hl=ja&hl=ja
- 27. 3Dモデルを読み込む • MikuMikuDance for Unityを導入しよう • 最新リビジョンの導入方法 • 執筆時の最新版はr144 • http://sourceforge.jp/projects/mmd-for-unity/ • ソースコード→Subversion→リポジトリ閲覧 GCS2013 UnityでMMDを動かす会 27
- 28. 3Dモデルを読み込む • MikuMikuDance for Unityを使いましょう • かなり下のほうに旧リポジトリブラウザで表示 • /trunk/MikuMikuDance for Unityへ移動 • Download GNU tarballでダウンロード GCS2013 UnityでMMDを動かす会 28
- 29. 3Dモデルを読み込む • 3回ぐらい解凍してフォルダができます • できたフォルダをUnityのProjectへ入れる • メニューバーにPluginsが表示されたら完了！ • たまに表示されないこともある • メニューをクリックするとたぶん表示される • それでも表示されなかったら再起動 GCS2013 UnityでMMDを動かす会 29
- 30. 3Dモデルを読み込む • MikuMikuDance for Unityの構成 • PMD Loader • MMDのモデルを読み込む • VMD Loader • MMDのアニメーションを読み込む • X File Importer • Google Sketchupから出力したXファイルを読み込む GCS2013 UnityでMMDを動かす会 30
- 31. 3Dモデルを読み込む • PMD Loaderのインターフェース • PMD File • ここにMMDのPMDファイルを投げる • Shader Type • シェーダーの種類、MMDShaderでトゥーン調 • Rigidbody • 剛体の有無 • Use IK • IKの有無 GCS2013 UnityでMMDを動かす会 31 PMDファイルを埋めるとConvertボタンが出現します
- 32. 3Dモデルを読み込む • コンバート完了すると…… • こんな感じでPrefabも生成されます • そしてミクさんであんなことやこんなこと（ry GCS2013 UnityでMMDを動かす会 32
- 33. 3Dモデルを読み込む • XFileImporterも使い方は同じ • X FileにXファイルをD&Dすればいいだけ • ガンダムとか姫路城とか戦車とか…… • 版権物は扱いに注意 GCS2013 UnityでMMDを動かす会 33
- 34. アニメーションを読み込む • これもやっぱりMikuMikuDance for Unity • MMDのVMDファイルを読み込むことができます • MMDで作ったアニメーションが使える • アニメーションのアセットファイルも出力可能 • 配布されているアニメーションのライセンスに注意 GCS2013 UnityでMMDを動かす会 34
- 35. アニメーションを読み込む 1. MMDで作ったVMDファイルをProjectへ 2. VMD Importerを起動する 3. 項目を埋めてConvert 4. 完了！ GCS2013 UnityでMMDを動かす会 35 Prefab化したMMDのモデル 適用したいVMDファイル アニメーションクリップを ファイルに変換するか否か 線形補間の品質 1は補完なし、3ぐらいでスムーズ 多くするとファイルサイズ多くなるので注意
- 36. アニメーションを読み込む • アニメーションクリップをファイルにした場合 GCS2013 UnityでMMDを動かす会 36 Prefabと同じフォルダに アニメーションクリップが生成される これをPrefabのAnimationに入れてあげる
- 37. アニメーションを読み込む • Animationにクリップを適用させる GCS2013 UnityでMMDを動かす会 37 ここからは普通のUnityと使い方は同じ
- 38. アニメーションを読み込む • 表情と剛体について • 表情はモデル名/Expression以下にあります • これのZ座標を操作することでモーフィングできます • 1.0以上になると表情が崩れるので注意 • 剛体には色々注意点が • UnityはPhisX、MMDはBulletを使ってます • そもそも物理エンジンが異なるので正確さは無視してま す GCS2013 UnityでMMDを動かす会 38
- 39. アニメーションを読み込む • アニメーションの探し方 • 現状、VPVP wikiでもMMD wikiでもまとまってない • ニコニコでは「MMDモーション配布あり」タグで探せる ものの、数がやたら多いので見つけるのが大変 • たまに、汎用的なモーションを紹介しているブログ記事 がある • なかなか見つからないこともあるのでよく自作して ます • アニメーションを鑑賞できるサイトがあるといいなぁ…… • （MMD for Unityあるし……） GCS2013 UnityでMMDを動かす会 39
- 40. テクスチャを揃える • テクスチャの揃え方 • フリー素材を借りてくるか、自分で撮影する • 基本的にはGIMPを使い、たまに専用のツールを使 う • プラグインで拡張する • 画像処理系の論文に強いとGIMPマスターになれる（） GCS2013 UnityでMMDを動かす会 40
- 41. テクスチャを揃える • テクスチャのフリー素材 • 有名ドコロ • CG Textures（http://www.cgtextures.com/index.php） • 無料でテクスチャやパターン画像を手に入れられるサイ ト（http://kachibito.net/web-design/29-free-texture- site.html） GCS2013 UnityでMMDを動かす会 41 CG Texturesは大量にある
- 42. テクスチャを揃える • フリー素材を利用する時の注意点 • ライセンスの確認は必須（個人、非商用等々） • シームレス化されていないものもある • そのまま使うと継ぎ目が…… • GIMPでシームレス化するのが簡単 GCS2013 UnityでMMDを動かす会 42
- 43. テクスチャを揃える • シームレス化されていないテクスチャの調整 • フリーソフトのGIMP 2.8を利用します • シームレス化されていないCG Texturesの画像1枚 GCS2013 UnityでMMDを動かす会 43
- 44. テクスチャを揃える • GIMPのシームレス化フィルタを使う • フィルタ→マップ→シームレス化 • でも、実際に使うと模様が出てしまう…… GCS2013 UnityでMMDを動かす会 44 暗かったので夕焼けっぽく
- 45. テクスチャを揃える • 模様が出る原因 • 目立つ石ころやシミがある • 暗い所と明るい所の差が激しい • 模様が出た場合の対策 • もっと大きく、広い範囲で撮影した写真を使う • ハイパスフィルターで調整する • 目立つものを修正ツールなどで消す GCS2013 UnityでMMDを動かす会 45
- 46. テクスチャを揃える • レタッチする時のヒント • 修正・スタンプツールの透明度はMAXでやらない • 急激に変化する部分ができてしまう • 修正した部分が微妙に浮いてしまう • スタンプツールと修正ツールの違い • スタンプは指定した場所を借りてくる • 修正ツールは修正箇所をぼかす • ただし、修正ツールでも不自然になることもあるので、 ブラシの大きさ、透明度などを変えながら試して覚える • 意外とクリック連打でどうにかなってしまう • ぐいぐい引っ張るより、たまに透明度下げて連打してみ る GCS2013 UnityでMMDを動かす会 46
- 47. テクスチャを揃える • レタッチする時のヒント • ハイパスフィルターでどうにかなるかも…… • フィルタ→強調→High Pass filter • Radius: 10, Brightness: 100-128ぐらい（要調整） • （なかったらハイパスフィルターでググってください ……） GCS2013 UnityでMMDを動かす会 47
- 48. テクスチャを揃える • レタッチする時の注意点 • シームレス化は規則的なパターンに弱い • どうにもならないときはオフセットを使う • レイヤー→変形→オフセット→オフセットを(x/2)と(y/2)に • それでもズレる場合があるので楽な方で…… GCS2013 UnityでMMDを動かす会 48 シームレス化はずらして合成するのでこうなってしまう この程度なら修正ツールでどうにかできるかもしれない
- 49. テクスチャを揃える • どれぐらい変わるか GCS2013 UnityでMMDを動かす会 49 これ以上、模様が目立たないものを作るのは難しい……
- 50. テクスチャを揃える • 揃えたテクスチャの使い道 • 板ポリやキューブに貼り付けて使う • 幾何学的なステージなら十分に良いものが作れる • 屋内とかもキューブだけで作れる！ • Terrainのブラシとして使う • テクスチャのスケールに注意 • そのまま使うには大きすぎたり小さすぎたりします • 既存モデルのテクスチャを差し替える • 特に家具とかはテクスチャだけ変えたい時もある GCS2013 UnityでMMDを動かす会 50
- 51. ノーマルマップを作る • ノーマルマップを作ろう！ • スカルプトなしでテクスチャ1枚から自動生成する • Knaldというソフトが無料で提供されている GCS2013 UnityでMMDを動かす会 51
- 52. ノーマルマップを作る • Knaldを手に入れる • https://www.knaldtech.com/ • アカウント登録が必要 • ベータ版だから無料なので今後、有償化するかも …… • インストールとかは割愛 • 登録しないとインストールできないので注意 • もちろん、アクティベーションコードはメールで送 られる GCS2013 UnityでMMDを動かす会 52
- 53. ノーマルマップを作る • Knaldを使ってみる • テクスチャの読み込みはFile→Load Color Map • Show 3D Preview Windowでノーマルの確認できる GCS2013 UnityでMMDを動かす会 53
- 54. ノーマルマップを作る • 3D Preview Window • 円柱、平面、球体、任意のモデルで確認できる • ライティングのプリセットは4種類 • Preview 3D→Load Diffuseで色の読み込み GCS2013 UnityでMMDを動かす会 54
- 55. ノーマルマップを作る • 変換するときの調整 • Color To Normalsで調整する GCS2013 UnityでMMDを動かす会 55
- 56. ノーマルマップを作る • Color To Normalsの意味 • Intensity • 凹凸具合の調整をする • Invertで凹凸を逆にする • Extra Fine～Extra Large • 高周波～低周波の調整をする • ジャギってる部分を強調したいのなら、Extra Fineを多め に • 調整が終わったらフォルダを指定してExport＼(^o^) ／ GCS2013 UnityでMMDを動かす会 56
- 57. ノーマルマップを作る • Knald＋Unityの注意点 • Bumped Diffuseなどのマテリアルに使ってみる場合 • Fix nowをしてあげないと変な反射の仕方をします • 必ずfix nowをやってあげてください GCS2013 UnityでMMDを動かす会 57 Fix nowをしないときちんと反射しません
- 58. ノーマルマップを作る • ノーマルマップの使い道 • 壁とか床をリアルにしたい • 置物とかのディティールを良くしたい • （当然，重くなるので使い方に注意しよう） GCS2013 UnityでMMDを動かす会 58
- 59. おわりに • まとめ • MikuMikuDance for Unityの使い方 • モデルデータはMMD wikiから探そう • PMD Loader, VMD Loader, XFileImporterの使い方を整理した • テクスチャーの揃え方 • CG Texturesでフリーのテクスチャを揃えた • GIMPを使って非シームレスなテクスチャをレタッチした • Knaldでテクスチャのノーマルマップを作った GCS2013 UnityでMMDを動かす会 59
- 60. おわりに • まとめ • 今回の手法によってできること • リッチな背景のあるキャラゲーをフリー素材だけで作れ る • いざというときもフリーソフトを使って加工できる • 素材を借りることでデザインスキルの代わりになった • ゲーム開発に必要な作業工程全体からだと…… • 素材作成に必要な時間をほとんどカットできる • ノースキルでもできることが多いので初心者でもくじけ ない GCS2013 UnityでMMDを動かす会 60
- 61. おわりに • ノンスキルでできるのか？ • モデルデータとテクスチャは余裕 • ほとんどが加工なしで使うことができる • テクスチャのレタッチに関しては尐しだけ知識が必 要 • 尐しコツのようなものが必要 • ちょっだけ練習する必要がある • 意外と素材を探すのが大変 • 目当てのものが見つかりにくいというのがある • アニメーションは見つからない…… GCS2013 UnityでMMDを動かす会 61
- 62. おわりに • 浮かび上がった問題点 • 情報が集約されてない • MMD wikiのようにアニメーションも集約すべき • MMDでもGoogle 3D Galleryのようなものがあると助かる • レタッチ技術は試行錯誤感が強く、記事も尐ない • オリジナル作れない…… • 家具とかならまだしもキャラクターが…… • レベルデザインという課題も残る…… GCS2013 UnityでMMDを動かす会 62 思っていたより先が長い＼(^o^)／
- 63. 動かす会の今後の予定 • MikuMikuDance for Unityの長期的な予定 • Unity 4.2が出たらMecanimに対応するかも • Mecanim APIなるものがリリースされる • スクリプトで直接Avatorの設定ができればいいな…… • PMXに対応するかも • PMX Loaderなるものを作ってくれた人がいた • 現行版に対応できるよう改築する予定 GCS2013 UnityでMMDを動かす会 63
- 64. 動かす会の今後の予定 • イベント • 第4回ディジタルコンテンツクリエーション研究会 • 26～27日に神奈川工科大学で行います • MMD for Unityを利用した制作発表をします • http://www.ipsj.or.jp/sig/dcc/schedule.html#DCC04 • また今年も夏コミ出します • 8月12日（月）、東へ52b「東天満Unity研究会」 • 寄稿者を絶賛募集中！ • MMDもしくはUnity関連のエッセイ、研究論文、教本等 GCS2013 UnityでMMDを動かす会 64
- 65. さいごに • 今後もMMD for Unityを尐しずつ成長させます • 新しいソフトウェアの準備を進めてます GCS2013 UnityでMMDを動かす会 65 今後もMMD for Unityと UnityでMMDを動かす会をよろしくお願いします！
- 67. テクスチャを撮影する • どうしても～のテクスチャが見つからない！ • ネットで探しても見つからないよぅ • ライセンスの関係で使えなかった • 外出したら欲しいテクスチャがあった GCS2013 UnityでMMDを動かす会 67 実際に足を運んで撮影するしかない！
- 68. テクスチャを撮影する • 撮影に必要なもの • カメラ（＋レンズ） • 三脚 • カメラを安定させるために使う • 銀一 シルクグレーカード • 光源で撮った素材の色が変わってしまうときに使う GCS2013 UnityでMMDを動かす会 68 お金がかかる＼(^o^)／
- 69. テクスチャを撮影する • カメラの選び方 • 断然デジタルカメラ • 一眼レフはレンズ付きのエントリー機で3万円ぐらい • ミラーレス一眼はコンパクトながら一眼レフの性能があ る • コンパクトデジタルは解像度が小さく、ノイズが多いの で注意 • メーカーはキヤノンかソニーが安心 • 他にもリコーやオリンパスがある GCS2013 UnityでMMDを動かす会 69
- 70. テクスチャを撮影する • 三脚の選び方 • 最初はモノポッド（一脚）がお勧め • 足が一本の三脚 • 軽くて設置が楽 • 当たり前だけど軽くて丈夫なもの（高い） • アルミよりカーボンのほうが高い傾向がある • 最初は安めなもので済ませたほうがいいかも GCS2013 UnityでMMDを動かす会 70
- 71. テクスチャを撮影する • 銀一 シルクグレーカードとは？ • 光の反射率が18％の不思議な紙 • ホワイトバランスを調整するための紙 • この紙がRGB（117,117,117）になるよう露光量を調整する と白色光が当たった状態とほぼ同じになる • 1回目のスクエニオープンカンファレンスでやってた • http://cgworld.jp/feature/report/1111-sqex-conf-2.html GCS2013 UnityでMMDを動かす会 71
- 72. テクスチャを撮影する • 撮影の仕方 • テクスチャを撮影するためにしっかり支える • 50mmより望遠で撮影しないと写真の端がゆがむ • F値は6～8で気持ち多めで • 暗い場合はISO感度を上げる • HDRIを撮影したい場合 • 被写体の中に銀一シルクグレーカードを入れる • 撮影モードはAuto Expose Bracketing（AEB）で±1～2 • 長押しで露出の異なる写真を3枚連続撮影する • かなりブレるのできちんと固定して撮影しよう • 両方ともフラッシュ禁止にすること • ISO感度で調整する、できればオートで GCS2013 UnityでMMDを動かす会 72
- 73. テクスチャを撮影する • HDRIを作る目的 • イラスト風の背景写真を撮影したい • かなり脱線するので以下を参照 • http://ayaemo.skr.jp/photodramatica.html • 白潰れや黒潰れをなんとかする • 暗い中でも均一な階調のテクスチャが欲しい GCS2013 UnityでMMDを動かす会 73