【Unite 2017 Tokyo】VR...

90

Transcript of 【Unite 2017 Tokyo】VR...

Page 1: 【Unite 2017 Tokyo】VR MAGIC! ~キャラクターに命を吹き込んだこの4年間の記録~
Page 2: 【Unite 2017 Tokyo】VR MAGIC! ~キャラクターに命を吹き込んだこの4年間の記録~

VR MAGIC!

Page 3: 【Unite 2017 Tokyo】VR MAGIC! ~キャラクターに命を吹き込んだこの4年間の記録~

⾃⼰紹介

@GOROman @MuRo_CG

Page 4: 【Unite 2017 Tokyo】VR MAGIC! ~キャラクターに命を吹き込んだこの4年間の記録~

@GOROman

Page 5: 【Unite 2017 Tokyo】VR MAGIC! ~キャラクターに命を吹き込んだこの4年間の記録~

⾃⼰紹介

@GOROman

1975.9 アイチケン トヨカワ市うまれ.1998.4 コンシューマーゲーム プログラマに2010.6 株式会社エクシヴィ(XVI Inc.) 設⽴2013.4 KickstarterでOculus Riftを⼿に⼊れる2014.7 Oculus VR Japan チームを⽴ち上げる2016.12 Oculus VR (Facebook) 退社2017.1 ⾃由

Page 6: 【Unite 2017 Tokyo】VR MAGIC! ~キャラクターに命を吹き込んだこの4年間の記録~

⾃⼰紹介

@GOROman

個⼈的につくっているもの#Mikulus (VROS)#ミクミク握⼿#MRファミコンetc…

© Crypton Future Media, INC.©NINTENDO

Page 7: 【Unite 2017 Tokyo】VR MAGIC! ~キャラクターに命を吹き込んだこの4年間の記録~

⾃⼰紹介

@GOROman

エニックス発売 2001/3/29

Page 8: 【Unite 2017 Tokyo】VR MAGIC! ~キャラクターに命を吹き込んだこの4年間の記録~
Page 9: 【Unite 2017 Tokyo】VR MAGIC! ~キャラクターに命を吹き込んだこの4年間の記録~

@MuRo_CG

Page 10: 【Unite 2017 Tokyo】VR MAGIC! ~キャラクターに命を吹き込んだこの4年間の記録~

⾃⼰紹介

@MuRo_CG

1985 ニイガタケン ナガオカ市うまれ.2007 3Dデザイナーとしてゲーム会社へ就職2013 株式会社エクシヴィ ⼊社社内ビンゴ⼤会で Oculus Rift DK1 を GET独学で Unity を学び VRディレクターに

Page 11: 【Unite 2017 Tokyo】VR MAGIC! ~キャラクターに命を吹き込んだこの4年間の記録~

⾃⼰紹介

@MuRo_CG

Page 12: 【Unite 2017 Tokyo】VR MAGIC! ~キャラクターに命を吹き込んだこの4年間の記録~

会社紹介

Page 13: 【Unite 2017 Tokyo】VR MAGIC! ~キャラクターに命を吹き込んだこの4年間の記録~

会社紹介

XVI Inc. 株式会社エクシヴィ

2010年6⽉設⽴現在は VR/AR/MR がメイン!

世界に向けたVRマルチキャラクタープラットフォームを構築中!

Page 14: 【Unite 2017 Tokyo】VR MAGIC! ~キャラクターに命を吹き込んだこの4年間の記録~

会社紹介

Page 15: 【Unite 2017 Tokyo】VR MAGIC! ~キャラクターに命を吹き込んだこの4年間の記録~

www.xvi.co.jp

Page 16: 【Unite 2017 Tokyo】VR MAGIC! ~キャラクターに命を吹き込んだこの4年間の記録~

Agenda

魅⼒的なキャラクター表現の話

キャラクターを活かす 雰囲気をつくる話

VR 未来のクリエイティブツール

n

n

n

Page 17: 【Unite 2017 Tokyo】VR MAGIC! ~キャラクターに命を吹き込んだこの4年間の記録~

VR 未来のクリエイティブツール

Page 18: 【Unite 2017 Tokyo】VR MAGIC! ~キャラクターに命を吹き込んだこの4年間の記録~
Page 19: 【Unite 2017 Tokyo】VR MAGIC! ~キャラクターに命を吹き込んだこの4年間の記録~

魅⼒的なキャラクター表現の話

イ キ イ キ

Page 20: 【Unite 2017 Tokyo】VR MAGIC! ~キャラクターに命を吹き込んだこの4年間の記録~

不気味の⾕現象UNCANNY VALLEY

Page 21: 【Unite 2017 Tokyo】VR MAGIC! ~キャラクターに命を吹き込んだこの4年間の記録~
Page 22: 【Unite 2017 Tokyo】VR MAGIC! ~キャラクターに命を吹き込んだこの4年間の記録~
Page 23: 【Unite 2017 Tokyo】VR MAGIC! ~キャラクターに命を吹き込んだこの4年間の記録~

不気味の⾕現象を越えるには??

Page 24: 【Unite 2017 Tokyo】VR MAGIC! ~キャラクターに命を吹き込んだこの4年間の記録~

イキイキさせる!

Page 25: 【Unite 2017 Tokyo】VR MAGIC! ~キャラクターに命を吹き込んだこの4年間の記録~

⼤事なのはプレゼンス

Page 26: 【Unite 2017 Tokyo】VR MAGIC! ~キャラクターに命を吹き込んだこの4年間の記録~

プレゼンスは壊れやすい

Page 27: 【Unite 2017 Tokyo】VR MAGIC! ~キャラクターに命を吹き込んだこの4年間の記録~
Page 28: 【Unite 2017 Tokyo】VR MAGIC! ~キャラクターに命を吹き込んだこの4年間の記録~
Page 29: 【Unite 2017 Tokyo】VR MAGIC! ~キャラクターに命を吹き込んだこの4年間の記録~
Page 30: 【Unite 2017 Tokyo】VR MAGIC! ~キャラクターに命を吹き込んだこの4年間の記録~
Page 31: 【Unite 2017 Tokyo】VR MAGIC! ~キャラクターに命を吹き込んだこの4年間の記録~
Page 32: 【Unite 2017 Tokyo】VR MAGIC! ~キャラクターに命を吹き込んだこの4年間の記録~
Page 33: 【Unite 2017 Tokyo】VR MAGIC! ~キャラクターに命を吹き込んだこの4年間の記録~

⽬のハイライトをテクスチャに書き込んでしまうと・・??

Page 34: 【Unite 2017 Tokyo】VR MAGIC! ~キャラクターに命を吹き込んだこの4年間の記録~

HDR

Page 35: 【Unite 2017 Tokyo】VR MAGIC! ~キャラクターに命を吹き込んだこの4年間の記録~
Page 36: 【Unite 2017 Tokyo】VR MAGIC! ~キャラクターに命を吹き込んだこの4年間の記録~

アイコンタクト⽬が合う

Page 37: 【Unite 2017 Tokyo】VR MAGIC! ~キャラクターに命を吹き込んだこの4年間の記録~

Look At

Page 38: 【Unite 2017 Tokyo】VR MAGIC! ~キャラクターに命を吹き込んだこの4年間の記録~
Page 39: 【Unite 2017 Tokyo】VR MAGIC! ~キャラクターに命を吹き込んだこの4年間の記録~
Page 40: 【Unite 2017 Tokyo】VR MAGIC! ~キャラクターに命を吹き込んだこの4年間の記録~

Mechanim Humanoid + IK

Page 41: 【Unite 2017 Tokyo】VR MAGIC! ~キャラクターに命を吹き込んだこの4年間の記録~
Page 42: 【Unite 2017 Tokyo】VR MAGIC! ~キャラクターに命を吹き込んだこの4年間の記録~
Page 43: 【Unite 2017 Tokyo】VR MAGIC! ~キャラクターに命を吹き込んだこの4年間の記録~

saccades

Page 44: 【Unite 2017 Tokyo】VR MAGIC! ~キャラクターに命を吹き込んだこの4年間の記録~

saccades

Page 45: 【Unite 2017 Tokyo】VR MAGIC! ~キャラクターに命を吹き込んだこの4年間の記録~

saccadesUnity

37

https://gist.github.com/GOROman/5

Page 46: 【Unite 2017 Tokyo】VR MAGIC! ~キャラクターに命を吹き込んだこの4年間の記録~
Page 47: 【Unite 2017 Tokyo】VR MAGIC! ~キャラクターに命を吹き込んだこの4年間の記録~
Page 48: 【Unite 2017 Tokyo】VR MAGIC! ~キャラクターに命を吹き込んだこの4年間の記録~

3D

Page 49: 【Unite 2017 Tokyo】VR MAGIC! ~キャラクターに命を吹き込んだこの4年間の記録~

3D

Page 50: 【Unite 2017 Tokyo】VR MAGIC! ~キャラクターに命を吹き込んだこの4年間の記録~
Page 51: 【Unite 2017 Tokyo】VR MAGIC! ~キャラクターに命を吹き込んだこの4年間の記録~
Page 52: 【Unite 2017 Tokyo】VR MAGIC! ~キャラクターに命を吹き込んだこの4年間の記録~
Page 53: 【Unite 2017 Tokyo】VR MAGIC! ~キャラクターに命を吹き込んだこの4年間の記録~
Page 54: 【Unite 2017 Tokyo】VR MAGIC! ~キャラクターに命を吹き込んだこの4年間の記録~

LookAt

Page 55: 【Unite 2017 Tokyo】VR MAGIC! ~キャラクターに命を吹き込んだこの4年間の記録~
Page 56: 【Unite 2017 Tokyo】VR MAGIC! ~キャラクターに命を吹き込んだこの4年間の記録~
Page 57: 【Unite 2017 Tokyo】VR MAGIC! ~キャラクターに命を吹き込んだこの4年間の記録~
Page 58: 【Unite 2017 Tokyo】VR MAGIC! ~キャラクターに命を吹き込んだこの4年間の記録~

不気味の⾕はキャラクターをイキイキさせて埋めろ!

まとめ

Page 59: 【Unite 2017 Tokyo】VR MAGIC! ~キャラクターに命を吹き込んだこの4年間の記録~
Page 60: 【Unite 2017 Tokyo】VR MAGIC! ~キャラクターに命を吹き込んだこの4年間の記録~

キャラクターを活かす雰囲気をつくる話

Page 61: 【Unite 2017 Tokyo】VR MAGIC! ~キャラクターに命を吹き込んだこの4年間の記録~

Asset Storeでモデルを探す

これで完璧や!

Page 62: 【Unite 2017 Tokyo】VR MAGIC! ~キャラクターに命を吹き込んだこの4年間の記録~

Unityに配置してみる• いざ!インポート!!

Page 63: 【Unite 2017 Tokyo】VR MAGIC! ~キャラクターに命を吹き込んだこの4年間の記録~

" もっと雰囲気のある "感じにしたい!!

Page 64: 【Unite 2017 Tokyo】VR MAGIC! ~キャラクターに命を吹き込んだこの4年間の記録~
Page 65: 【Unite 2017 Tokyo】VR MAGIC! ~キャラクターに命を吹き込んだこの4年間の記録~
Page 66: 【Unite 2017 Tokyo】VR MAGIC! ~キャラクターに命を吹き込んだこの4年間の記録~

雰囲気を作る話

Page 67: 【Unite 2017 Tokyo】VR MAGIC! ~キャラクターに命を吹き込んだこの4年間の記録~

今回のルールをおさらい

• Unity Assets Storeのモデルを使う

• Unity内の調整だけで完結させる

• 特殊なShaderを書いたりしない

• 基本機能とImageEffectsで作る

Page 68: 【Unite 2017 Tokyo】VR MAGIC! ~キャラクターに命を吹き込んだこの4年間の記録~

雰囲気作りのポイント1. 最終画⾯の明確なイメージ2. 光源を意識したライティング3. 光と影4. 全体の⾊調バランス

Page 69: 【Unite 2017 Tokyo】VR MAGIC! ~キャラクターに命を吹き込んだこの4年間の記録~

1.イメージの明確化と分析• 雰囲気を考える、イメージする• キーワードを決めてみる。

→⼣⽅、教室、ノスタルジー、哀愁(イメージ連想するようなワードを並べる)

Page 70: 【Unite 2017 Tokyo】VR MAGIC! ~キャラクターに命を吹き込んだこの4年間の記録~

1.イメージの明確化と分析• イメージに合う資料を集める

資料集めの時間は⼗分に割くことイメージが固まるまで資料を集めまくる資料は多くあっても困らない

Page 71: 【Unite 2017 Tokyo】VR MAGIC! ~キャラクターに命を吹き込んだこの4年間の記録~

1.イメージの明確化と分析• 要素を分析する

・光源の⾊・全体の⾊調・影⾊・その他シーンに合う要素

Page 72: 【Unite 2017 Tokyo】VR MAGIC! ~キャラクターに命を吹き込んだこの4年間の記録~

2.光源を意識したライティング• 光は窓から⼊っている• 光を作るには影が必要

Page 73: 【Unite 2017 Tokyo】VR MAGIC! ~キャラクターに命を吹き込んだこの4年間の記録~

2.光源を意識したライティング

••

Page 74: 【Unite 2017 Tokyo】VR MAGIC! ~キャラクターに命を吹き込んだこの4年間の記録~

3.ImageEffectsで空気感• Post Processing Stackを使う• 主に使うのはこの3つ

・Antialiasing・Bloom・Color Grading

Page 75: 【Unite 2017 Tokyo】VR MAGIC! ~キャラクターに命を吹き込んだこの4年間の記録~

• Color Gradingで全体を調整• 資料をよく⾒る!

3.ImageEffectsと空気感

Page 76: 【Unite 2017 Tokyo】VR MAGIC! ~キャラクターに命を吹き込んだこの4年間の記録~

3.ImageEffectsと空気感• 光の雰囲気を追加

Page 77: 【Unite 2017 Tokyo】VR MAGIC! ~キャラクターに命を吹き込んだこの4年間の記録~

確認と調整視点を変えて確認

Page 78: 【Unite 2017 Tokyo】VR MAGIC! ~キャラクターに命を吹き込んだこの4年間の記録~

確認と調整

Page 79: 【Unite 2017 Tokyo】VR MAGIC! ~キャラクターに命を吹き込んだこの4年間の記録~

確認と調整• Bakeのみのライティングに変更

Page 80: 【Unite 2017 Tokyo】VR MAGIC! ~キャラクターに命を吹き込んだこの4年間の記録~

完成!

Page 81: 【Unite 2017 Tokyo】VR MAGIC! ~キャラクターに命を吹き込んだこの4年間の記録~

完成シーン

Page 82: 【Unite 2017 Tokyo】VR MAGIC! ~キャラクターに命を吹き込んだこの4年間の記録~
Page 83: 【Unite 2017 Tokyo】VR MAGIC! ~キャラクターに命を吹き込んだこの4年間の記録~

VR未来のクリエイティブツール

Page 84: 【Unite 2017 Tokyo】VR MAGIC! ~キャラクターに命を吹き込んだこの4年間の記録~

VR × クリエイティブ

Page 85: 【Unite 2017 Tokyo】VR MAGIC! ~キャラクターに命を吹き込んだこの4年間の記録~

VR × クリエイティブ

Page 86: 【Unite 2017 Tokyo】VR MAGIC! ~キャラクターに命を吹き込んだこの4年間の記録~

VR × クリエイティブ

Page 87: 【Unite 2017 Tokyo】VR MAGIC! ~キャラクターに命を吹き込んだこの4年間の記録~

VR × クリエイティブ

Page 88: 【Unite 2017 Tokyo】VR MAGIC! ~キャラクターに命を吹き込んだこの4年間の記録~
Page 89: 【Unite 2017 Tokyo】VR MAGIC! ~キャラクターに命を吹き込んだこの4年間の記録~
Page 90: 【Unite 2017 Tokyo】VR MAGIC! ~キャラクターに命を吹き込んだこの4年間の記録~

ありがとうございました!http://www.xvi.co.jp/

@GOROman @MuRo_CG