バーチャルキムワイプ卓球の実現及びVR体験がもたらす可能性

第4回キムワイプ卓球研究会にて発表した際の資料です

目次
VRキムワイプ卓球を開発することになった経緯(6)
Let's VRキムワイプ卓球！！(13)
キムワイプをモデリングしてみた(40)
今後の展望(90)

Transcript

1. バーチャルキムワイプ卓球の実現及び VR体験がもたらす可能性 令和元年 5月19日 【第4回キムワイプ卓球研究会】
2. 自己紹介 ゆず（＠citron_114） 専門学校の制作でVRキムワイプ卓球開発を始める 2
3. ・発表資料は後日公開予定 ・こちらの発表終了後 VRキム卓体験会を実施 3
4. キムワイプスライドテンプレート作成者のご紹介 素晴らしいスライドテンプレートは、製作者 の寝る子さん (@neruko3114) に使用許可を頂き使わせてもらっていま す ありがとうございます！！ 4
5. 今回話す内容▼ ・VRキムワイプ卓球を開発することになった経緯 ・Let's VRキムワイプ卓球！！ ・キムワイプをモデリングしてみた ・今後の展望 5
6. VRキムワイプ卓球を 開発することになった経緯 6
7. VRキムワイプ卓球を開発することになった経緯 昨年9月、出身高校の文化祭(多摩未来祭)にて 後輩の出し物であるキムワイプ卓球を体験する。 7
8. VRキムワイプ卓球を開発することになった経緯 昨年9月、出身高校の文化祭(多摩未来祭)にて 後輩の出し物であるキムワイプ卓球を体験する。 ↓ なにこれめっっっちゃ楽しい!!!!! 8
9. VRキムワイプ卓球を開発することになった経緯 専門学校の制作でVRコンテンツの内容を決めなければならなくなった 9
10. VRキムワイプ卓球を開発することになった経緯 専門学校の制作でVRコンテンツの内容を決めなければならなくなった ・どうせならまだ誰もやってないようなことをしたい 10
11. VRキムワイプ卓球を開発することになった経緯 専門学校の制作でVRコンテンツの内容を決めなければならなくなった ・どうせならまだ誰もやってないようなことをしたい ・自分の好きなことで誰かに楽しんでもらえるものを 　作りたい 11
12. VRキムワイプ卓球を開発することになった経緯 →キムワイプ卓球をVRにしたらいいのでは...!?? 12
13. Let's VRキムワイプ卓球！！ 13
14. とりあえずプロトタイプ版を作ってみた 実行環境▼ ・ノートPCスペック 　CPU：Intel Core i7-7700 HQ 　GPU：NVIDIA GeForce GTX1060 ・Unity 2018.2.1f1 ・HTC VIVE 14
15. 問題点 ・打ちづらい ・ピンポン玉が思ったとおりに跳ね返らない ・誰も返してくれないので寂しい 15
16. 問題点 ・VRである必要性(VRならでは感)が薄い ・空が丸見えになっている ・キムワイプよく見ると手作り感半端ない 16
17. これらの問題点を改善したい 17
18. ・打ちづらい ・ピンポン玉が思ったとおりに跳ね返らない 18
19. ・打ちづらい ・ピンポン玉が思ったとおりに跳ね返らない →Unityプロジェクト内の重力を変えてみる 19
20. ・打ちづらい ・ピンポン玉が思ったとおりに跳ね返らない →Unityプロジェクト内の重力を変えてみる →卓球台の跳ね返り係数を変えてみる 20
21. Unityプロジェクト内の重力を変えてみる 21
22. Unityプロジェクト内の重力を変えてみる Edit →Project Settings →Physics 22
23. Unityプロジェクト内の重力を変えてみる PhysicsManager 23
24. Unityプロジェクト内の重力を変えてみる PhysicsManager Y軸方向にかかる重力の値を変え る 24
25. Unityプロジェクト内の重力を変えてみる PhysicsManager Y軸方向にかかる重力の値を変え る ここをいじることで横向きの重力をかけたり無 重力にしたりできる 25
26. 卓球台の跳ね返り係数を変えてみる 26
27. 卓球台の跳ね返り係数を変えてみる Projectタブ内で右クリック Create →Physic Materialを作成 27
28. 卓球台の跳ね返り係数を変えてみる Physic Material 28
29. 卓球台の跳ね返り係数を変えてみる Physic Material Bounciness (跳ね返り係数)の値を変える 29
30. ・誰も返してくれないので寂しい ・VRである必要性(VRならでは感)が薄い 30
31. ・誰も返してくれないので寂しい ・VRである必要性(VRならでは感)が薄い →ピンポン玉を自動生成してみる 31
32. ・誰も返してくれないので寂しい ・VRである必要性(VRならでは感)が薄い →ピンポン玉を自動生成してみる →ピンポン玉の軌跡を描いてスタイリッシュに 32
33. これらを改善してみたver 33
34. これ楽しい 34
35. 問題点はまだある 35
36. ・空が丸見えになっている ・キムワイプよく見ると手作り感半端ない 36 問題点はまだある
37. ・ピンポン玉を打ち返してほしい ・VRならでは感がまだまだ足りない 37 問題点はまだある
38. 最初に作ったキムワイプの3Dモデル 38
39. 最初に作ったキムワイプの3Dモデル リニューアルしよう！！ 39
40. キムワイプをモデリングしてみた 40
41. モデリング工程 造形 形状データをおこす作業 41
42. モデリング工程 造形 形状データをおこす作業 UV展開 (立体を展開図にする) テクスチャ作業 42
43. モデリング工程 造形 形状データをおこす作業 UV展開 (立体を展開図にする) テクスチャ作業 骨を入れて 3dモデルを動かす 43
44. キムワイプをモデリングしてみた① 90×130×120 (mm) の箱を作る 44
45. キムワイプをモデリングしてみた① 90×130×120 (mm) の箱を作る ↓ 箱に厚みをつける 45
46. キムワイプをモデリングしてみた① 90×130×120 (mm) の箱を作る ↓ 箱に厚みをつける ↓ ブーリアンで六角形の穴をあける 46
47. キムワイプをモデリングしてみた① 90×130×120 (mm) の箱を作る ↓ 箱に厚みをつける ↓ ブーリアンで六角形の穴をあける ↓ 大まかに作ったワイパー部分を細分化 47
48. キムワイプをモデリングしてみた① 90×130×120 (mm) の箱を作る ↓ 箱に厚みをつける ↓ ブーリアンで六角形の穴をあける ↓ 大まかに作ったワイパー部分を細分化 ↓ 厚みをつける 48
49. キムワイプをモデリングしてみた② 3DのキムワイプをUV展開 (2Dにおこす) 49
50. キムワイプをモデリングしてみた② 3DのキムワイプをUV展開 (2Dにおこす) ↓ 切れ目にしたい辺を選択 50
51. キムワイプをモデリングしてみた② 3DのキムワイプをUV展開 (2Dにおこす) ↓ 切れ目にしたい辺を選択 ↓ 自動展開 51
52. キムワイプをモデリングしてみた② 3DのキムワイプをUV展開 (2Dにおこす) ↓ 切れ目にしたい辺を選択 ↓ 自動展開 ↓ 微調整 52
53. キムワイプをモデリングしてみた② 割り当ててみると こんな感じに 53
54. キムワイプをモデリングしてみた③ キムワイプの特徴、質感 54
55. キムワイプをモデリングしてみた③ キムワイプの特徴、質感 ・表面はざらざらとしている 55
56. キムワイプをモデリングしてみた③ キムワイプの特徴、質感 ・表面はざらざらとしている ・ティッシュのように柔らかい 56
57. キムワイプをモデリングしてみた③ キムワイプの特徴、質感 ・表面はざらざらとしている ・ティッシュのように柔らかい ・毛羽立ちが少ない 57
58. キムワイプをモデリングしてみた③ 3DCGで再現できるものは? 58
59. キムワイプをモデリングしてみた③ 3DCGで再現できるものは? ・表面のざらざら ・柔らかい 59
60. キムワイプをモデリングしてみた③ 3DCGで再現できるものは? ・表面のざらざら →ノーマルマップの凹凸で再現できる ・柔らかい 60
61. キムワイプをモデリングしてみた③ 3DCGで再現できるものは? ・表面のざらざら →ノーマルマップの凹凸で再現できる ・柔らかい →骨をいれて、Unity上で揺れものを仕込めば 再現できる 61
62. ノーマルマップとは? →簡単に言うと、凹凸を表現するためのテクスチャ 62
63. ノーマルマップとは? 63
64. ノーマルマップとは? https://docs.unity3d.com/ja/current/Manual/StandardShaderMaterialParameterNormalMap.html 64
65. ノーマルマップとは? 65
66. ノーマルマップとは? 66
67. ノーマルマップとは? ・3Dモデル表面に凹凸や溝傷などのディティールを追加する　バ ンプマップのこと 67
68. ノーマルマップとは? ・3Dモデル表面に凹凸や溝傷などのディティールを追加する　バ ンプマップのこと ・実際には平面でも立体物であるかのように 　光の影響をうける 68
69. キムワイプをモデリングしてみた④ https://www.substance3d.com/ 69
70. キムワイプをモデリングしてみた④ ノイズを使ってキムワイプのザラザラとした質感を生成する 70
71. キムワイプをモデリングしてみた④ ノイズを使ってキムワイプのザラザラとした質感を生成する 71
72. キムワイプをモデリングしてみた④ ノイズを使ってキムワイプのザラザラとした質感を生成する 72
73. キムワイプをモデリングしてみた④ ノイズを使ってキムワイプのザラザラとした質感を生成する 73
74. キムワイプをモデリングしてみた④ ノイズを使ってキムワイプのザラザラとした質感を生成する 74
75. キムワイプをモデリングしてみた④ ノイズを使ってキムワイプのザラザラとした質感を生成する 75
76. キムワイプをモデリングしてみた④ 作成したマテリアル Substance Painterを 用いてワイパー部分に 割り当てる 76
77. キムワイプをモデリングしてみた⑤ 手描きのテクスチャでリアルさを 求めるには限界がある 77
78. キムワイプをモデリングしてみた⑤ スキャナーでキムワイプの面を一面ずつスキャン 78
79. キムワイプをモデリングしてみた⑤ 画像を切り抜く UVに合わせて位置を調整 79
80. キムワイプをモデリングしてみた⑤ ケースのテクスチャを 割り当ててみる この時点で見た目はかなり キムワイプ 80
81. キムワイプをモデリングしてみた⑥ リギング 81
82. キムワイプをモデリングしてみた⑥ リギング ワイパー部分を柔らかく 揺らすために骨を入れる 82
83. キムワイプをモデリングしてみた⑥ スキニング 83
84. キムワイプをモデリングしてみた⑥ スキニング 骨に対してモデルをどのくらい 追従させるかを設定 84
85. キムワイプをモデリングしてみた⑥ Unityにおける揺れもの 85
86. キムワイプをモデリングしてみた⑥ Unityにおける揺れもの 髪の毛とか袖とか飾りとかスカートとかを揺らすことができ る 86
87. キムワイプをモデリングしてみた⑥ Unityにおける揺れもの 髪の毛とか袖とか飾りとかスカートとかを揺らすことができ る バーチャルYouTuber等に使われる技術 87
88. キムワイプをモデリングしてみた⑥ Unityにおける揺れもの 今回はVRM Spring Boneを使用 88
89. 完成！！ 89
90. 今後の展望 90
91. 今後の展望 ・VRキムワイプ卓球ベータ版のリリース 91
92. 今後の展望 ・VRキムワイプ卓球ベータ版のリリース ・VRM形式の3Dモデルを読み込み、キャラクターになって 　キムワイプ卓球できるようにする 92
93. 今後の展望 ・VRキムワイプ卓球ベータ版のリリース ・VRM形式の3Dモデルを読み込み、キャラクターになって 　キムワイプ卓球できるようにする ・オンライン化、インターネット対戦の実現 93
94. ご清聴ありがとうございました！！ 94