• Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
No Downloads

Views

Total Views
5,144
On Slideshare
0
From Embeds
0
Number of Embeds
3

Actions

Shares
Downloads
20
Comments
0
Likes
13

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 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!!!@GOROman4GCS2013 UnityでMMDを動かす会
  • 5. 最近、こんなのがリリースされましたGCS2013 UnityでMMDを動かす会 5http://kc-i.jp/event/miku/
  • 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
  • 8. イントロダクションGCS2013 UnityでMMDを動かす会 8
  • 9. イントロダクション• 3Dで作ったミクさんがスプーに見える……• 絵が描けなくてテクスチャもかけない……• ノーマルマップ? 手書きだけど……9こんな悩みを抱えていませんか?GCS2013 UnityでMMDを動かす会
  • 10. イントロダクション• プログラマーはデザインできない(大前提)• どうやってデザインスキルを補うか• もっと簡単にデザインを凝りたい10プログラマーだけで作れないゲームGCS2013 UnityでMMDを動かす会
  • 11. イントロダクション• フリー素材やフリーソフトに頼ろう• でもクオリティ低いんじゃないの?• フリーソフトを覚えるのが手間• そもそも3Dにフリーなんてないんじゃないの?11_Y_r。∧。y.ゝ∨ノ ,,,ィf...,,,__)~~( _,,.∠/゙`t-nヾ ̄"=ー-.....,,,,i i, ,z"  ̄ ̄ /n゙゙ー--...,i> <i 文明はどんどん発達し r”^ヽ く:::::|::|:::〔〕〔〕i> <i. ていく・・・・・・。 入_,..ノ ℃  ̄U ̄_二ニ`=.,,ー- ...,,,__ |,r"7ヽ、| __,,,... -ー,,.= >ーz-,,,...--,‐,‐;;:""~~:x.,, ~"|{ G ゝG }|"~ ,,z:" ___~"=| ゝ、.3 _ノ |="~ <ー<> / l ̄ ̄\.|)) ((| / ̄ ゙̄i;:、 「 ̄ ̄ ̄ ̄| ̄| ̄ ̄ ̄\))| r´ ̄「中] ̄`ヾv、 `-◎──────◎一├―┤=├―┤ |li:,|「 ̄ |i ̄i|「.//||「ln|:;||//__|L_」||__.||l」u|:;|ニ⊃| |⊂ニ| || ,|/|_. └ー┘ ._| ||/ヘ 「 ̄ ̄ ̄| /年を取る間にGCS2013 UnityでMMDを動かす会
  • 12. イントロダクション• セッション概要• 今日の内容• 個人での3Dゲーム開発の現状• フリー素材とフリーソフトを利用した開発• 対象読者• 主にプログラマー、デザイン初心者• Unityでゲーム開発している人• 目標• 素材をノースキルで一人で揃えられるようになる• 素人目で誤魔化せる程度の技術を身につける12GCS2013 UnityでMMDを動かす会
  • 13. イントロダクション• もくじ• イントロダクション• 個人での3Dゲーム開発の現状• フリー素材とフリーソフトを利用した開発• 3Dモデルを揃える• 3Dモデルを読み込む• アニメーションを読み込む• テクスチャを揃える• ノーマルマップを作る• おわりにGCS2013 UnityでMMDを動かす会 13
  • 14. 個人での3Dゲーム開発の現状14GCS2013 UnityでMMDを動かす会
  • 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点に焦点を当てて説明します
  • 19. フリー素材とフリーソフトを利用した開発GCS2013 UnityでMMDを動かす会 19
  • 20. フリー素材とフリーソフトを利用した開発• おしながき• 3Dモデルを揃える• 3Dモデルを読み込む• アニメーションを読み込む• テクスチャを揃える• ノーマルマップを作るGCS2013 UnityでMMDを動かす会 20
  • 21. 3Dモデルを揃える• 3Dモデルにも種類がある• キャラクター• 建物• 置物• Etc…GCS2013 UnityでMMDを動かす会 21Google 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を動かす会 26http://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を動かす会 31PMDファイルを埋めるとConvertボタンが出現します
  • 32. 3Dモデルを読み込む• コンバート完了すると……• こんな感じでPrefabも生成されます• そしてミクさんであんなことやこんなこと(ryGCS2013 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. 項目を埋めてConvert4. 完了!GCS2013 UnityでMMDを動かす会 35Prefab化したMMDのモデル適用したいVMDファイルアニメーションクリップをファイルに変換するか否か線形補間の品質1は補完なし、3ぐらいでスムーズ多くするとファイルサイズ多くなるので注意
  • 36. アニメーションを読み込む• アニメーションクリップをファイルにした場合GCS2013 UnityでMMDを動かす会 36Prefabと同じフォルダにアニメーションクリップが生成されるこれを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を動かす会 41CG 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を動かす会 57Fix 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を動かす会をよろしくお願いします!
  • 66. ご清聴ありがとうございましたGCS2013 UnityでMMDを動かす会 66
  • 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.htmlGCS2013 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