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

>100 Views

June 07, 17

スライド概要

講演者:近藤 ""GOROman"" 義仁(株式会社エクシヴィ)
    室橋 雅人(株式会社エクシヴィ)

こんな人におすすめ
・VRに興味があるエンジニア、アーティスト

受講者が得られる知見
・VRにおけるキャラクターの実在感向上のためのテクニック

講演動画:https://youtu.be/nWR816af2dU

profile-image

リアルタイム3Dコンテンツを制作・運用するための世界的にリードするプラットフォームである「Unity」の日本国内における販売、サポート、コミュニティ活動、研究開発、教育支援を行っています。ゲーム開発者からアーティスト、建築家、自動車デザイナー、映画製作者など、さまざまなクリエイターがUnityを使い想像力を発揮しています。

シェア

埋め込む »CMSなどでJSが使えない場合

関連スライド

各ページのテキスト
2.

VR MAGIC! ‫ة ؙ ٓ ٍ ؗ‬٦ ‫ ח‬ㄏ‫ ׾‬ォ ֹ鴥 ‫ ך ֿך ׌ ׿‬䎃 ꟦ ‫ך‬鎸 ꐮ

3.

⾃⼰紹介 @GOROman @MuRo_CG

4.

@GOROman

5.

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

6.

⾃⼰紹介 個⼈的につくっているもの #Mikulus (VROS) #ミクミク握⼿ @GOROman #MRファミコン etc… ©NINTENDO © Crypton Future Media, INC.

7.

⾃⼰紹介 @GOROman エニックス 発売 2001/3/29

9.

@MuRo_CG

10.

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

11.

⾃⼰紹介 @MuRo_CG

12.

会社紹介

13.

会社紹介 XVI Inc. 株式会社エクシヴィ 2010年6⽉設⽴ 現在は VR/AR/MR がメイン! 世界に向けたVRマルチキャラクタープラットフォームを構築中!

14.

会社紹介

15.

www.xvi.co.jp

16.

Agenda n 魅⼒的なキャラクター表現の話 n キャラクターを活かす 雰囲気をつくる話 n VR 未来のクリエイティブツール

17.

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

19.

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

20.

不気味の⾕現象 UNCANNY VALLEY

23.

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

24.

イキイキさせる!

25.

⼤事なのは プレゼンス

26.

プレゼンスは 壊れやすい

27.

湡‫ך‬ꅾ銲䚍

28.

‫ز؎ٓ؎ع‬

29.

娤‫׌׿‬눴‫ך‬滙

30.

‫‪滙‬ך‪눴‬׌׿‪娤‬‬ ‫‪؎‬ةحئًت‬

31.

‫‪滙‬ך‪눴‬׌׿‪娤‬‬ ‫‪؎‬ةحئًت‬

33.

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

34.

‫ؙحصؙذ‬ ‫׿׋׿ַ‬ ‫‪ֽ⸇皾⼱鷲僇‬׌ⴓ‪䧭‬ز؎ٓ؎ع‪٥‬‬ ‫⹲ثؖ‬ ‫فحو‪ֽHDR橆㞮‬׌ⴓ‪䧭‬ز؎ٓ؎ع‪٥‬‬ ‫ـ‪ٗ٦‬ف‪ّٝ‬ءؙٖؿٔ‪٥‬‬

35.

‫زؙة‪ٝ‬؝؎‪،‬‬

36.

アイコンタクト ⽬が合う

37.

،؎‫؝‬ٝ‫כחزؙة‬ Look At 堣腉‫׾‬⢪ֲ

40.

Mechanim Humanoid + IK

42.

‫ֹ׋לת‬ ‫ח⵱‪♶鋉‬דزفؙٔأ‬

43.

saccades 䗍稢滙椔麊⹛

44.

saccades 䗍稢滙椔麊⹛

45.

saccades 䗍稢滙椔麊⹛‫׾‬Unity‫ד‬ ‫ַ׆׻‬37遤‫ך‬ ‫زفؙٔأ‬ https://gist.github.com/GOROman/5

46.

〡‫ך‬ꅾ銲䚍

47.

ㄎェ

48.

ㄎェ갈 3D瑞꟦갈갟

49.

ㄎェ갈 3D瑞꟦갈갟

50.

‫زفؙٔأך‪ㄎェ‬‬

52.

‫➭ך׉‬ ‫׾‪٦‬ةٍؙٓؗ‬ ‫ؙحصؙذ׷ׇׁؗ؎ؗ؎‬

53.

‫ֲ‪⢪‬׾‪ّٝ‬ء‪ٖ٦‬إحذ‬

54.

‫‪暟椚‬‬ ‫ظٌ׸‪䴎‬׷ײ׻ְ‬ ‫‪嬁‬ך‪٥넿‬‬ ‫‪嬁‬م‪٥،‬‬ ‫וז ز‪ؕ٦‬أ‪٥‬‬ ‫דي؎ةٕ‪ծٔ،‬׭׋ך‪LookAt‬‬

55.

‫➭ך׉‬ 岣䠐挿

56.

‫‪꬗‬ؚ‪ٝ‬ؾحؙٔ ًٓؕ‬

57.

‫׭הת‬

58.

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

60.

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

61.

Asset Storeでモデルを探す これで完璧や!

62.

Unityに配置してみる • いざ!インポート!! ‫ַ׿ז‬麩ֲ˘

63.

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

66.

雰囲気を作る話

67.

今回のルールをおさらい • Unity Assets Storeのモデルを使う • Unity内の調整だけで完結させる • 特殊なShaderを書いたりしない • 基本機能とImageEffectsで作る

68.

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

69.

1.イメージの明確化と分析 • 雰囲気を考える、イメージする • キーワードを決めてみる。 →⼣⽅、教室、ノスタルジー、哀愁 (イメージ連想するようなワードを並べる)

70.

1.イメージの明確化と分析 • イメージに合う資料を集める 資料集めの時間は⼗分に割くこと イメージが固まるまで資料を集めまくる 資料は多くあっても困らない

71.

1.イメージの明確化と分析 • 要素を分析する ・光源の⾊ ・全体の⾊調 ・影⾊ ・その他シーンに合う要素

72.

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

73.

2.光源を意識したライティング • ؎ً٦‫׋׃آ‬葿锃‫ח‬さ‫גׇ׻‬ ٓ؎‫؍ذ‬ٝ‫ؚ‬ • ⯔彁‫׾‬䓼锃‫׷ׅ‬ • #BLF‫ג׃‬BNCJFOUPDDMVTJPO

74.

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

75.

3.ImageEffectsと空気感 • Color Gradingで全体を調整 • 資料をよく⾒る!

76.

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

77.

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

78.

確認と調整

79.

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

80.

完成!

81.

完成シーン

83.

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

84.

VR × クリエイティブ

85.

VR × クリエイティブ

86.

VR × クリエイティブ

87.

VR × クリエイティブ

88.

㹋怴

90.

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