Ce diaporama a bien été signalé.
Nous utilisons votre profil LinkedIn et vos données d’activité pour vous proposer des publicités personnalisées et pertinentes. Vous pouvez changer vos préférences de publicités à tout moment.
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年間の記録~
Prochain SlideShare
Chargement dans…5
×

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

28 059 vues

Publié le

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

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

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

Publié dans : Technologie
  • Hello! Get Your Professional Job-Winning Resume Here - Check our website! https://vk.cc/818RFv
       Répondre 
    Voulez-vous vraiment ?  Oui  Non
    Votre message apparaîtra ici

【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

×