Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
VR MAGIC!
⾃⼰紹介
@GOROman @MuRo_CG
@GOROman
⾃⼰紹介
@GOROman
1975.9 アイチケン トヨカワ市うまれ.
1998.4 コンシューマーゲーム プログラマに
2010.6 株式会社エクシヴィ(XVI Inc.) 設⽴
2013.4 KickstarterでOculus Rift...
⾃⼰紹介
@GOROman
個⼈的につくっているもの
#Mikulus (VROS)
#ミクミク握⼿
#MRファミコン
etc…
© Crypton Future Media, INC.©NINTENDO
⾃⼰紹介
@GOROman
エニックス
発売 2001/3/29
@MuRo_CG
⾃⼰紹介
@MuRo_CG
1985 ニイガタケン ナガオカ市うまれ.
2007 3Dデザイナーとしてゲーム会社へ就職
2013 株式会社エクシヴィ ⼊社
社内ビンゴ⼤会で Oculus Rift DK1 を GET
独学で Unity を学び...
⾃⼰紹介
@MuRo_CG
会社紹介
会社紹介
XVI Inc. 株式会社エクシヴィ
2010年6⽉設⽴
現在は VR/AR/MR がメイン!
世界に向けたVRマルチキャラクタープラットフォームを構築中!
会社紹介
www.xvi.co.jp
Agenda
魅⼒的なキャラクター表現の話
キャラクターを活かす 雰囲気をつくる話
VR 未来のクリエイティブツール
n
n
n
VR 未来のクリエイティブツール
魅⼒的な
キャラクター表現の話
イ キ イ キ
不気味の⾕現象
UNCANNY VALLEY
不気味の⾕現象を
越えるには??
イキイキさせる!
⼤事なのは
プレゼンス
プレゼンスは
壊れやすい
⽬のハイライトをテクスチャに
書き込んでしまうと・・??
HDR
アイコンタクト
⽬が合う
Look At
Mechanim Humanoid + IK
saccades
saccades
saccades
Unity
37
https://gist.github.com/GOROman/5
3D
3D
LookAt
不気味の⾕は
キャラクターを
イキイキさせて
埋めろ!
まとめ
キャラクターを活かす
雰囲気をつくる話
Asset Storeでモデルを探す
これで完璧や!
Unityに配置してみる
• いざ!インポート!!
" もっと雰囲気のある "
感じにしたい!!
雰囲気を作る話
今回のルールをおさらい
• Unity Assets Storeのモデルを使う
• Unity内の調整だけで完結させる
• 特殊なShaderを書いたりしない
• 基本機能とImageEffectsで作る
雰囲気作りのポイント
1. 最終画⾯の明確なイメージ
2. 光源を意識したライティング
3. 光と影
4. 全体の⾊調バランス
1.イメージの明確化と分析
• 雰囲気を考える、イメージする
• キーワードを決めてみる。
→⼣⽅、教室、ノスタルジー、哀愁
(イメージ連想するようなワードを並べる)
1.イメージの明確化と分析
• イメージに合う資料を集める
資料集めの時間は⼗分に割くこと
イメージが固まるまで資料を集めまくる
資料は多くあっても困らない
1.イメージの明確化と分析
• 要素を分析する
・光源の⾊
・全体の⾊調
・影⾊
・その他シーンに合う要素
2.光源を意識したライティング
• 光は窓から⼊っている
• 光を作るには影が必要
2.光源を意識したライティング
•
•
•
3.ImageEffectsで空気感
• Post Processing Stackを使う
• 主に使うのはこの3つ
・Antialiasing
・Bloom
・Color Grading
• Color Gradingで全体を調整
• 資料をよく⾒る!
3.ImageEffectsと空気感
3.ImageEffectsと空気感
• 光の雰囲気を追加
確認と調整
視点を変えて確認
確認と調整
確認と調整
• Bakeのみのライティングに変更
完成!
完成シーン
VR
未来のクリエイティブツール
VR × クリエイティブ
VR × クリエイティブ
VR × クリエイティブ
VR × クリエイティブ
ありがとうございました!
http://www.xvi.co.jp/
@GOROman @MuRo_CG
【Unite 2017 Tokyo】VR MAGIC! ~キャラクターに命を吹き込んだこの4年間の記録~
【Unite 2017 Tokyo】VR MAGIC! ~キャラクターに命を吹き込んだこの4年間の記録~
【Unite 2017 Tokyo】VR MAGIC! ~キャラクターに命を吹き込んだこの4年間の記録~
【Unite 2017 Tokyo】VR MAGIC! ~キャラクターに命を吹き込んだこの4年間の記録~
【Unite 2017 Tokyo】VR MAGIC! ~キャラクターに命を吹き込んだこの4年間の記録~
【Unite 2017 Tokyo】VR MAGIC! ~キャラクターに命を吹き込んだこの4年間の記録~
【Unite 2017 Tokyo】VR MAGIC! ~キャラクターに命を吹き込んだこの4年間の記録~
【Unite 2017 Tokyo】VR MAGIC! ~キャラクターに命を吹き込んだこの4年間の記録~
【Unite 2017 Tokyo】VR MAGIC! ~キャラクターに命を吹き込んだこの4年間の記録~
【Unite 2017 Tokyo】VR MAGIC! ~キャラクターに命を吹き込んだこの4年間の記録~
【Unite 2017 Tokyo】VR MAGIC! ~キャラクターに命を吹き込んだこの4年間の記録~
【Unite 2017 Tokyo】VR MAGIC! ~キャラクターに命を吹き込んだこの4年間の記録~
【Unite 2017 Tokyo】VR MAGIC! ~キャラクターに命を吹き込んだこの4年間の記録~
【Unite 2017 Tokyo】VR MAGIC! ~キャラクターに命を吹き込んだこの4年間の記録~
【Unite 2017 Tokyo】VR MAGIC! ~キャラクターに命を吹き込んだこの4年間の記録~
【Unite 2017 Tokyo】VR MAGIC! ~キャラクターに命を吹き込んだこの4年間の記録~
【Unite 2017 Tokyo】VR MAGIC! ~キャラクターに命を吹き込んだこの4年間の記録~
【Unite 2017 Tokyo】VR MAGIC! ~キャラクターに命を吹き込んだこの4年間の記録~
【Unite 2017 Tokyo】VR MAGIC! ~キャラクターに命を吹き込んだこの4年間の記録~
【Unite 2017 Tokyo】VR MAGIC! ~キャラクターに命を吹き込んだこの4年間の記録~
【Unite 2017 Tokyo】VR MAGIC! ~キャラクターに命を吹き込んだこの4年間の記録~
【Unite 2017 Tokyo】VR MAGIC! ~キャラクターに命を吹き込んだこの4年間の記録~
【Unite 2017 Tokyo】VR MAGIC! ~キャラクターに命を吹き込んだこの4年間の記録~
【Unite 2017 Tokyo】VR MAGIC! ~キャラクターに命を吹き込んだこの4年間の記録~
【Unite 2017 Tokyo】VR MAGIC! ~キャラクターに命を吹き込んだこの4年間の記録~
【Unite 2017 Tokyo】VR MAGIC! ~キャラクターに命を吹き込んだこの4年間の記録~
【Unite 2017 Tokyo】VR MAGIC! ~キャラクターに命を吹き込んだこの4年間の記録~
【Unite 2017 Tokyo】VR MAGIC! ~キャラクターに命を吹き込んだこの4年間の記録~
【Unite 2017 Tokyo】VR MAGIC! ~キャラクターに命を吹き込んだこの4年間の記録~
【Unite 2017 Tokyo】VR MAGIC! ~キャラクターに命を吹き込んだこの4年間の記録~
【Unite 2017 Tokyo】VR MAGIC! ~キャラクターに命を吹き込んだこの4年間の記録~
Upcoming SlideShare
Loading in …5
×

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

27,173 views

Published on

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

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

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

Published in: Technology
  • Hello! Get Your Professional Job-Winning Resume Here - Check our website! https://vk.cc/818RFv
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here

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

  1. 1. VR MAGIC!
  2. 2. ⾃⼰紹介 @GOROman @MuRo_CG
  3. 3. @GOROman
  4. 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 ⾃由
  5. 5. ⾃⼰紹介 @GOROman 個⼈的につくっているもの #Mikulus (VROS) #ミクミク握⼿ #MRファミコン etc… © Crypton Future Media, INC.©NINTENDO
  6. 6. ⾃⼰紹介 @GOROman エニックス 発売 2001/3/29
  7. 7. @MuRo_CG
  8. 8. ⾃⼰紹介 @MuRo_CG 1985 ニイガタケン ナガオカ市うまれ. 2007 3Dデザイナーとしてゲーム会社へ就職 2013 株式会社エクシヴィ ⼊社 社内ビンゴ⼤会で Oculus Rift DK1 を GET 独学で Unity を学び VRディレクターに
  9. 9. ⾃⼰紹介 @MuRo_CG
  10. 10. 会社紹介
  11. 11. 会社紹介 XVI Inc. 株式会社エクシヴィ 2010年6⽉設⽴ 現在は VR/AR/MR がメイン! 世界に向けたVRマルチキャラクタープラットフォームを構築中!
  12. 12. 会社紹介
  13. 13. www.xvi.co.jp
  14. 14. Agenda 魅⼒的なキャラクター表現の話 キャラクターを活かす 雰囲気をつくる話 VR 未来のクリエイティブツール n n n
  15. 15. VR 未来のクリエイティブツール
  16. 16. 魅⼒的な キャラクター表現の話 イ キ イ キ
  17. 17. 不気味の⾕現象 UNCANNY VALLEY
  18. 18. 不気味の⾕現象を 越えるには??
  19. 19. イキイキさせる!
  20. 20. ⼤事なのは プレゼンス
  21. 21. プレゼンスは 壊れやすい
  22. 22. ⽬のハイライトをテクスチャに 書き込んでしまうと・・??
  23. 23. HDR
  24. 24. アイコンタクト ⽬が合う
  25. 25. Look At
  26. 26. Mechanim Humanoid + IK
  27. 27. saccades
  28. 28. saccades
  29. 29. saccades Unity 37 https://gist.github.com/GOROman/5
  30. 30. 3D
  31. 31. 3D
  32. 32. LookAt
  33. 33. 不気味の⾕は キャラクターを イキイキさせて 埋めろ! まとめ
  34. 34. キャラクターを活かす 雰囲気をつくる話
  35. 35. Asset Storeでモデルを探す これで完璧や!
  36. 36. Unityに配置してみる • いざ!インポート!!
  37. 37. " もっと雰囲気のある " 感じにしたい!!
  38. 38. 雰囲気を作る話
  39. 39. 今回のルールをおさらい • Unity Assets Storeのモデルを使う • Unity内の調整だけで完結させる • 特殊なShaderを書いたりしない • 基本機能とImageEffectsで作る
  40. 40. 雰囲気作りのポイント 1. 最終画⾯の明確なイメージ 2. 光源を意識したライティング 3. 光と影 4. 全体の⾊調バランス
  41. 41. 1.イメージの明確化と分析 • 雰囲気を考える、イメージする • キーワードを決めてみる。 →⼣⽅、教室、ノスタルジー、哀愁 (イメージ連想するようなワードを並べる)
  42. 42. 1.イメージの明確化と分析 • イメージに合う資料を集める 資料集めの時間は⼗分に割くこと イメージが固まるまで資料を集めまくる 資料は多くあっても困らない
  43. 43. 1.イメージの明確化と分析 • 要素を分析する ・光源の⾊ ・全体の⾊調 ・影⾊ ・その他シーンに合う要素
  44. 44. 2.光源を意識したライティング • 光は窓から⼊っている • 光を作るには影が必要
  45. 45. 2.光源を意識したライティング • • •
  46. 46. 3.ImageEffectsで空気感 • Post Processing Stackを使う • 主に使うのはこの3つ ・Antialiasing ・Bloom ・Color Grading
  47. 47. • Color Gradingで全体を調整 • 資料をよく⾒る! 3.ImageEffectsと空気感
  48. 48. 3.ImageEffectsと空気感 • 光の雰囲気を追加
  49. 49. 確認と調整 視点を変えて確認
  50. 50. 確認と調整
  51. 51. 確認と調整 • Bakeのみのライティングに変更
  52. 52. 完成!
  53. 53. 完成シーン
  54. 54. VR 未来のクリエイティブツール
  55. 55. VR × クリエイティブ
  56. 56. VR × クリエイティブ
  57. 57. VR × クリエイティブ
  58. 58. VR × クリエイティブ
  59. 59. ありがとうございました! http://www.xvi.co.jp/ @GOROman @MuRo_CG

×