Copyright © GREE, Inc. All Rights Reserved.
渡邊匡志
ルイス パオリーノ
Making of
Copyright © GREE, Inc. All Rights Reserved.
1. サラと毒蛇の王冠の紹介
2. 今後のVRの取り組み
3. Concept Art
4. 3D作成
5. Shader
6. Lighting
7. Fog Controller
8. Q&A
Copyright © GREE, Inc. All Rights Reserved.
Copyright © GREE, Inc. All Rights Reserved.
グリー株式会社
VRチーム プロデューサー
兼 エンジニア
兼 プランナー
渡邊 匡志
Masashi Watanabe
Copyright © GREE, Inc. All Rights Reserved.
• アプリケーションエンジニア歴は10年以上、サーバーサイドを中心に、
自社サービスや受託開発を問わず、0から企画設計開発運用を担当。
• 開発ジャンルも問わず、モバイルゲームをはじめ、広告、EC、VRなど、
自ら開発とプロデュースを行う。
• グリーのVRプロジェクトでは、プロデューサーとエンジニアを兼任。
• TGSに向けて、1か月で3つのVRデモを制作し、スクラップに。
• 3か月で開発した「サラと毒蛇の王冠」の7割は自分のコード。
Copyright © GREE, Inc. All Rights Reserved.
サラと毒蛇の王冠の紹介
Copyright © GREE, Inc. All Rights Reserved.
Copyright © GREE, Inc. All Rights Reserved.
TGS2015限定で公開した
Oculus Rift対応のVRゲームです
TGS 2015
Copyright © GREE, Inc. All Rights Reserved.
Copyright © GREE, Inc. All Rights Reserved.
4日間で、550名の方に体験していただきました
TGS 2015
Copyright © GREE, Inc. All Rights Reserved.
Copyright © GREE, Inc. All Rights Reserved.
先着50名の方にオリジナルハコスコをプレゼント!
TGS 2015
Copyright © GREE, Inc. All Rights Reserved.
Copyright © GREE, Inc. All Rights Reserved.
Trailer
Copyright © GREE, Inc. All Rights Reserved.
Youtubeにて公開中
https://youtu.be/E9hqxgk3Gn0
Copyright © GREE, Inc. All Rights Reserved.
ゲーム体験動画
Copyright © GREE, Inc. All Rights Reserved.
Youtubeにて公開中
https://youtu.be/WFZwNc1Fc1M
Copyright © GREE, Inc. All Rights Reserved.
VR、脱出ゲーム、ライド型アトラクション
ちょっと気になる世界観、キーワード
老若男女楽しめる世界観、キーワード
Copyright © GREE, Inc. All Rights Reserved.
Copyright © GREE, Inc. All Rights Reserved.
ゲームの流れ
Copyright © GREE, Inc. All Rights Reserved.
難易度設定や分岐ルートも用意したが、展示向けに最適化
Copyright © GREE, Inc. All Rights Reserved.
VR未経験者でも楽しめるブース設計
Copyright © GREE, Inc. All Rights Reserved.
Copyright © GREE, Inc. All Rights Reserved.
Mogura VRの独占インタビュー
Copyright © GREE, Inc. All Rights Reserved.
【インタビュー】
TGSで話題のVRコンテンツを出展したグリーは
なぜVRへ積極的に取り組んでいるのか
Copyright © GREE, Inc. All Rights Reserved.
今後のVRの取り組み
Copyright © GREE, Inc. All Rights Reserved.
Copyright © GREE, Inc. All Rights Reserved.
GREE VR Studioを設立
Copyright © GREE, Inc. All Rights Reserved.
Copyright © GREE, Inc. All Rights Reserved.
今後のVRの取り組み ~モバイルVR~
Copyright © GREE, Inc. All Rights Reserved.
Copyright © GREE, Inc. All Rights Reserved.
今後のVRの取り組み ~モバイルVR~
Copyright © GREE, Inc. All Rights Reserved.
Copyright © GREE, Inc. All Rights Reserved.
今後のVRの取り組み ~モバイルVR~
Copyright © GREE, Inc. All Rights Reserved.
Copyright © GREE, Inc. All Rights Reserved.
今後のVRの取り組み ~本格的VR~
Copyright © GREE, Inc. All Rights Reserved.
VRプレイヤー(経験者)をふやす
● つくるだけではダメ、マーケットを広げ、
市場を作ることを意識する
● 快適にプレイできて、初心者でも楽しめるように
ゲームのプレイスタイル
● 1人称視点で見渡せるから面白いゲームが基本
● あー、これやりたかったんだよね、を実現
一緒に遊びたい?一緒に遊んで楽しいか?を常に問う
● 老若男女楽しめる題材を起用し、プレイするまでの
動機を大切にする。
Copyright © GREE, Inc. All Rights Reserved.
今後のVRの取り組み ~一緒に作ろう!~
Copyright © GREE, Inc. All Rights Reserved.
● プラットフォーム(据置機、モバイル等)を問わず新
しい技術に挑戦したい方
● スクラップアンドビルドを厭わない方
● 次世代機で、モデリングやライティング経験がある方
● モーション、エフェクトなど、マルチで活躍できる方
● デザインやロジックを問わず、やりたいことを一人で
形にして提案できる方
Copyright © GREE, Inc. All Rights Reserved.
1. サラと毒蛇の王冠の紹介
2. 今後のVRの取り組み
3. Concept Art
4. 3D作成
5. Shader
6. Lighting
7. Fog Controller
8. Soft IK
Copyright © GREE, Inc. All Rights Reserved.
Copyright © GREE, Inc. All Rights Reserved.
• 3Dゲーム開発(アーケード、コンシューマ、スマートフォンとVR)
デベロッパーとして9年経験。
• リリース3Dゲームを20作品以上。
• レベルデザイン、背景、キャラクタ、リグ、モーション、エフェクト、
ツールなど幅広く担当。
グリー株式会社
3Dチームマネージャ
シニアー3Dアーティスト
サラと毒蛇の王冠ではアートディレクタ
ルイス パオリーノ
Luis Paolino
Copyright © GREE, Inc. All Rights Reserved.
Copyright © GREE, Inc. All Rights Reserved.
General
Copyright © GREE, Inc. All Rights Reserved.
Copyright © GREE, Inc. All Rights Reserved.
Concept Art
Copyright © GREE, Inc. All Rights Reserved.
Concept Art
3D作成 / パイプライン
Animation
LightingのOptimization
Shader / FOG / Effect
Copyright © GREE, Inc. All Rights Reserved.
Concept Art
Copyright © GREE, Inc. All Rights Reserved.
Copyright © GREE, Inc. All Rights Reserved.
Concept Art
Copyright © GREE, Inc. All Rights Reserved.
プロデューサーやプランナーから
どういうゲームを作りたいか?
ゲームのアイデアを決定してから
プロダクトデザイナーが
コンセプトアートを1枚かきます
Copyright © GREE, Inc. All Rights Reserved.
Concept Art
Copyright © GREE, Inc. All Rights Reserved.
串田夏子 / Natsuko Kushida
Copyright © GREE, Inc. All Rights Reserved.
Concept Art
Copyright © GREE, Inc. All Rights Reserved.
2日間
Copyright © GREE, Inc. All Rights Reserved.
Concept Art
Copyright © GREE, Inc. All Rights Reserved.
いいね~
Copyright © GREE, Inc. All Rights Reserved.
Concept Art
Copyright © GREE, Inc. All Rights Reserved.
ストーリー
世界観
キャラクター
同時にデベロップしました
Copyright © GREE, Inc. All Rights Reserved.
Concept Art
Copyright © GREE, Inc. All Rights Reserved.
サラ、初期コンセプト
Copyright © GREE, Inc. All Rights Reserved.
Concept Art
Copyright © GREE, Inc. All Rights Reserved.
ケマル、初期コンセプト
Copyright © GREE, Inc. All Rights Reserved.
Concept Art
Copyright © GREE, Inc. All Rights Reserved.
サラとケマル、生まれました
Copyright © GREE, Inc. All Rights Reserved.
Concept Art
Copyright © GREE, Inc. All Rights Reserved.
後どのぐらい
コンセプトアート
が必要?
Copyright © GREE, Inc. All Rights Reserved.
Concept Art
Copyright © GREE, Inc. All Rights Reserved.
まず、プランナーから
ステージのアイデアを
いくつかもらってから
アート側でゲームの流れを
絵におとしました
Copyright © GREE, Inc. All Rights Reserved.
Concept Art
Copyright © GREE, Inc. All Rights Reserved.
ゲームの流れ
Copyright © GREE, Inc. All Rights Reserved.
Concept Art
Copyright © GREE, Inc. All Rights Reserved.
エントランス
Copyright © GREE, Inc. All Rights Reserved.
Concept Art
Copyright © GREE, Inc. All Rights Reserved.
ステージ2
Copyright © GREE, Inc. All Rights Reserved.
Concept Art
Copyright © GREE, Inc. All Rights Reserved.
エンディング
Copyright © GREE, Inc. All Rights Reserved.
Concept Art
Copyright © GREE, Inc. All Rights Reserved.
Assetのコンセプトアート
Copyright © GREE, Inc. All Rights Reserved.
Concept Art
Copyright © GREE, Inc. All Rights Reserved.
Assetのコンセプトアート
Copyright © GREE, Inc. All Rights Reserved.
Concept Art
Copyright © GREE, Inc. All Rights Reserved.
この位、開発できました
Copyright © GREE, Inc. All Rights Reserved.
3D作成
Copyright © GREE, Inc. All Rights Reserved.
Copyright © GREE, Inc. All Rights Reserved.
3D作成
Copyright © GREE, Inc. All Rights Reserved.
3Dモデルとテクスチャー作成
● Adobe Photoshop CS6
● Autodesk Maya 2015
ゲームエンジン
● Unity3D 5.1.x
データ管理
● Box
● GitHub
ツールとデータ管理
® ®
®
Copyright © GREE, Inc. All Rights Reserved.
3D作成
Copyright © GREE, Inc. All Rights Reserved.
社内でスクラッチから
Copyright © GREE, Inc. All Rights Reserved.
3D作成
Copyright © GREE, Inc. All Rights Reserved.
良くある問題
Copyright © GREE, Inc. All Rights Reserved.
3D作成
Copyright © GREE, Inc. All Rights Reserved.
ポリゴン数
どのぐらい
使えばいい?
Copyright © GREE, Inc. All Rights Reserved.
3D作成
Copyright © GREE, Inc. All Rights Reserved.
テクスチャー
の解像度は?
Copyright © GREE, Inc. All Rights Reserved.
3D作成
Copyright © GREE, Inc. All Rights Reserved.
帰りた~い
Copyright © GREE, Inc. All Rights Reserved.
3D作成
Copyright © GREE, Inc. All Rights Reserved.
デベロップが
止まらないように
まず仮モデルから
作り始めた。
Copyright © GREE, Inc. All Rights Reserved.
Stage
Copyright © GREE, Inc. All Rights Reserved.
Copyright © GREE, Inc. All Rights Reserved.
3D作成
Copyright © GREE, Inc. All Rights Reserved.
● Static Mesh
動かないオブジェクトです
例)ステージ、など
●Dynamic Mesh
インタラクティブなオブジェクトです
例)キャラクタ、ギミック、など
Copyright © GREE, Inc. All Rights Reserved.
3D作成 - Stage
Copyright © GREE, Inc. All Rights Reserved.
仮モデル
Copyright © GREE, Inc. All Rights Reserved.
3D作成 - Stage
Copyright © GREE, Inc. All Rights Reserved.
仮モデルを分割して
Copyright © GREE, Inc. All Rights Reserved.
3D作成 - Stage
Copyright © GREE, Inc. All Rights Reserved.
ベースモデルと
色味&ライティングのテスト
Copyright © GREE, Inc. All Rights Reserved.
3D作成 - Stage
Copyright © GREE, Inc. All Rights Reserved.
小物のモデリングと大体のシェーダーの設定
Copyright © GREE, Inc. All Rights Reserved.
3D作成 - Stage
Copyright © GREE, Inc. All Rights Reserved.
ベースステージと小物をUnityで組み合わせて、
シェーダーとライティングでこんな感じになります。
Copyright © GREE, Inc. All Rights Reserved.
3D作成 - Stage
Copyright © GREE, Inc. All Rights Reserved.
ステージを分割して、それぞれのステージを
30.000Tris以下 / テクスチャ2048x2048x2~3枚
Copyright © GREE, Inc. All Rights Reserved.
Character
Copyright © GREE, Inc. All Rights Reserved.
Copyright © GREE, Inc. All Rights Reserved.
3D作成 - Character
Copyright © GREE, Inc. All Rights Reserved.
Tris: 10.000
Texture:
Body 1024x1024
Hair 512x512 alpha
DF / NM /SP
ケマル
Copyright © GREE, Inc. All Rights Reserved.
Animation
Rigging / Blend Shape
Copyright © GREE, Inc. All Rights Reserved.
Copyright © GREE, Inc. All Rights Reserved.Copyright © GREE, Inc. All Rights Reserved.
3D作成 – Animation
今回アニメーション
についてはコンプレクスな
ワークフローではなく
シンプルなワークフロー
にしました
Copyright © GREE, Inc. All Rights Reserved.Copyright © GREE, Inc. All Rights Reserved.
3D作成 – Animation / Rig
TAチームが用意したリグを使って、
モーションを手作りしています。
Copyright © GREE, Inc. All Rights Reserved.
3D作成 – Animation / Blend Shape
Copyright © GREE, Inc. All Rights Reserved.
まばたきをBlend Shape
Copyright © GREE, Inc. All Rights Reserved.
Shader
Standar Shader
Copyright © GREE, Inc. All Rights Reserved.
Copyright © GREE, Inc. All Rights Reserved.
Shader
Copyright © GREE, Inc. All Rights Reserved.
色んなShaderのBase
がありますが、
出したい表現によ
Shaderを選びます
Copyright © GREE, Inc. All Rights Reserved.
Shader
Copyright © GREE, Inc. All Rights Reserved.
Unlit
Diffuse
Specular
Toon
Standard (Unity5)
Copyright © GREE, Inc. All Rights Reserved.Copyright © GREE, Inc. All Rights Reserved.
Shader – Standar Shader
パラメータでオブジェクトの素材を設定できます。
もっとリアルに表現できます。
Copyright © GREE, Inc. All Rights Reserved.Copyright © GREE, Inc. All Rights Reserved.
Shader – Standar Shader
Standardシェーダーのは
PBRで呼ばれているマテリアルです。
Copyright © GREE, Inc. All Rights Reserved.Copyright © GREE, Inc. All Rights Reserved.
Shader – Standar Shader
Copyright © GREE, Inc. All Rights Reserved.Copyright © GREE, Inc. All Rights Reserved.
Shader – Standar Shader
https://www.assetstore.unity3d.com/en/#!/content/25422
UnityさんはStoreで無料のカリブレーションAsset
Copyright © GREE, Inc. All Rights Reserved.
Effect
Copyright © GREE, Inc. All Rights Reserved.
Copyright © GREE, Inc. All Rights Reserved.
Shader – Effect
Copyright © GREE, Inc. All Rights Reserved.
色んなUnityで使えるエフェクトツールあります。
● Bishamon
● PopcornFX
● Shuriken
Copyright © GREE, Inc. All Rights Reserved.
Shader – Effect
Copyright © GREE, Inc. All Rights Reserved.
Effect、Shuriken
Copyright © GREE, Inc. All Rights Reserved.
Shader – Effect
Copyright © GREE, Inc. All Rights Reserved.
Effect、Shuriken
Copyright © GREE, Inc. All Rights Reserved.
Shader – Effect
Copyright © GREE, Inc. All Rights Reserved.
Effect、Shuriken
Copyright © GREE, Inc. All Rights Reserved.
Shader – Effect
Copyright © GREE, Inc. All Rights Reserved.
Effect、Shuriken
Copyright © GREE, Inc. All Rights Reserved.
Shader – Effect
Copyright © GREE, Inc. All Rights Reserved.
Effect、Shuriken
Copyright © GREE, Inc. All Rights Reserved.
Shader – Effect
Copyright © GREE, Inc. All Rights Reserved.
http://www.slideshare.net/Shinji_Seto/
Copyright © GREE, Inc. All Rights Reserved.
Lighting
Bake、Light Probe, Reflection Probe
Copyright © GREE, Inc. All Rights Reserved.
Copyright © GREE, Inc. All Rights Reserved.
Lighting
Copyright © GREE, Inc. All Rights Reserved.
Lightingは
プロダクトによる
まったく違う
ワークフロー
があります
Copyright © GREE, Inc. All Rights Reserved.
Lighting
Copyright © GREE, Inc. All Rights Reserved.
いいパーフォマンスで
反射 と 影
を出すテーマは
かなり大変です
Copyright © GREE, Inc. All Rights Reserved.
Lighting
Copyright © GREE, Inc. All Rights Reserved.
特に2つのカメラの
レンダリングを
75fps以上
出さなきゃいけない時~
Copyright © GREE, Inc. All Rights Reserved.Copyright © GREE, Inc. All Rights Reserved.
Lighting
が~ん
Copyright © GREE, Inc. All Rights Reserved.
Lighting
Copyright © GREE, Inc. All Rights Reserved.
Realtime Lightingを
やめて、
Lightをテクスチャーに
焼く事にしました。
Lightmapping
Copyright © GREE, Inc. All Rights Reserved.
Lighting
Copyright © GREE, Inc. All Rights Reserved.
そこまでいいんですが~
Lightmappingを
Static MeshにBakeしても
Dynamic Meshの色味を
Static Meshのとマッチしない
Copyright © GREE, Inc. All Rights Reserved.
Lighting
Copyright © GREE, Inc. All Rights Reserved.
そこはDynamic Meshに
Light Probesを使いました
Copyright © GREE, Inc. All Rights Reserved.
Lighting – Light Probe
Copyright © GREE, Inc. All Rights Reserved.
Light Probesって
なんだ!?
Copyright © GREE, Inc. All Rights Reserved.
Lighting – Light Probe
Copyright © GREE, Inc. All Rights Reserved.
Light ProbesはLightの
色が入っている網で
つながっているSphere
みたいなUnity5から
ある新機能です
Copyright © GREE, Inc. All Rights Reserved.
Lighting – Light Probe
Copyright © GREE, Inc. All Rights Reserved.
Copyright © GREE, Inc. All Rights Reserved.
Lighting – Light Probe
Copyright © GREE, Inc. All Rights Reserved.
それぞれのSphereを網で
色のBlendingグができまして、
そこにDynamic Meshが入ると
Dynamic Meshが
Lightの色をBakeされている
Sphereの色になります。
Copyright © GREE, Inc. All Rights Reserved.
Lighting – Light Probe
Copyright © GREE, Inc. All Rights Reserved.
Copyright © GREE, Inc. All Rights Reserved.
Lighting – Reflection Probe
Copyright © GREE, Inc. All Rights Reserved.
反射だと
Reflection Probeって言う
機能を使いました
Copyright © GREE, Inc. All Rights Reserved.
Lighting – Reflection Probe
Copyright © GREE, Inc. All Rights Reserved.
Copyright © GREE, Inc. All Rights Reserved.
Lighting – Reflection Probe
Copyright © GREE, Inc. All Rights Reserved.
Copyright © GREE, Inc. All Rights Reserved.
Lighting – Reflection Probe
Copyright © GREE, Inc. All Rights Reserved.
Ref. Probe ありRef. Probe なし
Copyright © GREE, Inc. All Rights Reserved.
Fog Controller
Copyright © GREE, Inc. All Rights Reserved.
Copyright © GREE, Inc. All Rights Reserved.
Event Master
Copyright © GREE, Inc. All Rights Reserved.
Unityではデフォルトで
Dynamic FOGを使えない
• インテンシティー
• 色
• 郷里
Copyright © GREE, Inc. All Rights Reserved.
Event Master
Copyright © GREE, Inc. All Rights Reserved.
ステージによる特別の
雰囲気を出したかったため、
FOGをDynamicで
コントロール出来るように
FOGのコントローラー
を作りました
Copyright © GREE, Inc. All Rights Reserved.
Event Master
Copyright © GREE, Inc. All Rights Reserved.
FOGコントローラー
Copyright © GREE, Inc. All Rights Reserved.
Event Master
Copyright © GREE, Inc. All Rights Reserved.
Copyright © GREE, Inc. All Rights Reserved.
Final Result
Copyright © GREE, Inc. All Rights Reserved.
Copyright © GREE, Inc. All Rights Reserved.
Final Result
Copyright © GREE, Inc. All Rights Reserved.
Copyright © GREE, Inc. All Rights Reserved.
Final Result
Copyright © GREE, Inc. All Rights Reserved.
Copyright © GREE, Inc. All Rights Reserved.
~ FIN ~
Copyright © GREE, Inc. All Rights Reserved.
Copyright © GREE, Inc. All Rights Reserved.Copyright © GREE, Inc. All Rights Reserved.
本日体験!
スタッフに声かけてください
Copyright © GREE, Inc. All Rights Reserved.Copyright © GREE, Inc. All Rights Reserved.
Copyright © GREE, Inc. All Rights Reserved.Copyright © GREE, Inc. All Rights Reserved.
ご静聴ありがとうございました
Copyright © GREE, Inc. All Rights Reserved.Copyright © GREE, Inc. All Rights Reserved.
1. サラと毒蛇の王冠の紹介
2. 今後のVRの取り組み
3. Concept Art
4. 3D作成
5. Shader
6. Lighting
7. Fog Controller
8. QA
Copyright © GREE, Inc. All Rights Reserved.
Q&A
Copyright © GREE, Inc. All Rights Reserved.
Copyright © GREE, Inc. All Rights Reserved.
講演内容
Copyright © GREE, Inc. All Rights Reserved.
1. サラと毒蛇の王冠の紹介
2. 今後のVRの取り組み
3. Concept Art
4. 3D作成
5. Shader
6. Lighting
7. Fog Controller
8. その他
Copyright © GREE, Inc. All Rights Reserved.
ご静聴ありがとうございました

Gcm#3 vr project making of サラと毒蛇の王冠

  • 1.
    Copyright © GREE,Inc. All Rights Reserved. 渡邊匡志 ルイス パオリーノ Making of
  • 2.
    Copyright © GREE,Inc. All Rights Reserved. 1. サラと毒蛇の王冠の紹介 2. 今後のVRの取り組み 3. Concept Art 4. 3D作成 5. Shader 6. Lighting 7. Fog Controller 8. Q&A Copyright © GREE, Inc. All Rights Reserved.
  • 3.
    Copyright © GREE,Inc. All Rights Reserved. グリー株式会社 VRチーム プロデューサー 兼 エンジニア 兼 プランナー 渡邊 匡志 Masashi Watanabe Copyright © GREE, Inc. All Rights Reserved. • アプリケーションエンジニア歴は10年以上、サーバーサイドを中心に、 自社サービスや受託開発を問わず、0から企画設計開発運用を担当。 • 開発ジャンルも問わず、モバイルゲームをはじめ、広告、EC、VRなど、 自ら開発とプロデュースを行う。 • グリーのVRプロジェクトでは、プロデューサーとエンジニアを兼任。 • TGSに向けて、1か月で3つのVRデモを制作し、スクラップに。 • 3か月で開発した「サラと毒蛇の王冠」の7割は自分のコード。
  • 4.
    Copyright © GREE,Inc. All Rights Reserved. サラと毒蛇の王冠の紹介 Copyright © GREE, Inc. All Rights Reserved.
  • 5.
    Copyright © GREE,Inc. All Rights Reserved. TGS2015限定で公開した Oculus Rift対応のVRゲームです TGS 2015 Copyright © GREE, Inc. All Rights Reserved.
  • 6.
    Copyright © GREE,Inc. All Rights Reserved. 4日間で、550名の方に体験していただきました TGS 2015 Copyright © GREE, Inc. All Rights Reserved.
  • 7.
    Copyright © GREE,Inc. All Rights Reserved. 先着50名の方にオリジナルハコスコをプレゼント! TGS 2015 Copyright © GREE, Inc. All Rights Reserved.
  • 8.
    Copyright © GREE,Inc. All Rights Reserved. Trailer Copyright © GREE, Inc. All Rights Reserved. Youtubeにて公開中 https://youtu.be/E9hqxgk3Gn0
  • 9.
    Copyright © GREE,Inc. All Rights Reserved. ゲーム体験動画 Copyright © GREE, Inc. All Rights Reserved. Youtubeにて公開中 https://youtu.be/WFZwNc1Fc1M
  • 10.
    Copyright © GREE,Inc. All Rights Reserved. VR、脱出ゲーム、ライド型アトラクション ちょっと気になる世界観、キーワード 老若男女楽しめる世界観、キーワード Copyright © GREE, Inc. All Rights Reserved.
  • 11.
    Copyright © GREE,Inc. All Rights Reserved. ゲームの流れ Copyright © GREE, Inc. All Rights Reserved. 難易度設定や分岐ルートも用意したが、展示向けに最適化
  • 12.
    Copyright © GREE,Inc. All Rights Reserved. VR未経験者でも楽しめるブース設計 Copyright © GREE, Inc. All Rights Reserved.
  • 13.
    Copyright © GREE,Inc. All Rights Reserved. Mogura VRの独占インタビュー Copyright © GREE, Inc. All Rights Reserved. 【インタビュー】 TGSで話題のVRコンテンツを出展したグリーは なぜVRへ積極的に取り組んでいるのか
  • 14.
    Copyright © GREE,Inc. All Rights Reserved. 今後のVRの取り組み Copyright © GREE, Inc. All Rights Reserved.
  • 15.
    Copyright © GREE,Inc. All Rights Reserved. GREE VR Studioを設立 Copyright © GREE, Inc. All Rights Reserved.
  • 16.
    Copyright © GREE,Inc. All Rights Reserved. 今後のVRの取り組み ~モバイルVR~ Copyright © GREE, Inc. All Rights Reserved.
  • 17.
    Copyright © GREE,Inc. All Rights Reserved. 今後のVRの取り組み ~モバイルVR~ Copyright © GREE, Inc. All Rights Reserved.
  • 18.
    Copyright © GREE,Inc. All Rights Reserved. 今後のVRの取り組み ~モバイルVR~ Copyright © GREE, Inc. All Rights Reserved.
  • 19.
    Copyright © GREE,Inc. All Rights Reserved. 今後のVRの取り組み ~本格的VR~ Copyright © GREE, Inc. All Rights Reserved. VRプレイヤー(経験者)をふやす ● つくるだけではダメ、マーケットを広げ、 市場を作ることを意識する ● 快適にプレイできて、初心者でも楽しめるように ゲームのプレイスタイル ● 1人称視点で見渡せるから面白いゲームが基本 ● あー、これやりたかったんだよね、を実現 一緒に遊びたい?一緒に遊んで楽しいか?を常に問う ● 老若男女楽しめる題材を起用し、プレイするまでの 動機を大切にする。
  • 20.
    Copyright © GREE,Inc. All Rights Reserved. 今後のVRの取り組み ~一緒に作ろう!~ Copyright © GREE, Inc. All Rights Reserved. ● プラットフォーム(据置機、モバイル等)を問わず新 しい技術に挑戦したい方 ● スクラップアンドビルドを厭わない方 ● 次世代機で、モデリングやライティング経験がある方 ● モーション、エフェクトなど、マルチで活躍できる方 ● デザインやロジックを問わず、やりたいことを一人で 形にして提案できる方
  • 21.
    Copyright © GREE,Inc. All Rights Reserved. 1. サラと毒蛇の王冠の紹介 2. 今後のVRの取り組み 3. Concept Art 4. 3D作成 5. Shader 6. Lighting 7. Fog Controller 8. Soft IK Copyright © GREE, Inc. All Rights Reserved.
  • 22.
    Copyright © GREE,Inc. All Rights Reserved. • 3Dゲーム開発(アーケード、コンシューマ、スマートフォンとVR) デベロッパーとして9年経験。 • リリース3Dゲームを20作品以上。 • レベルデザイン、背景、キャラクタ、リグ、モーション、エフェクト、 ツールなど幅広く担当。 グリー株式会社 3Dチームマネージャ シニアー3Dアーティスト サラと毒蛇の王冠ではアートディレクタ ルイス パオリーノ Luis Paolino Copyright © GREE, Inc. All Rights Reserved.
  • 23.
    Copyright © GREE,Inc. All Rights Reserved. General Copyright © GREE, Inc. All Rights Reserved.
  • 24.
    Copyright © GREE,Inc. All Rights Reserved. Concept Art Copyright © GREE, Inc. All Rights Reserved. Concept Art 3D作成 / パイプライン Animation LightingのOptimization Shader / FOG / Effect
  • 25.
    Copyright © GREE,Inc. All Rights Reserved. Concept Art Copyright © GREE, Inc. All Rights Reserved.
  • 26.
    Copyright © GREE,Inc. All Rights Reserved. Concept Art Copyright © GREE, Inc. All Rights Reserved. プロデューサーやプランナーから どういうゲームを作りたいか? ゲームのアイデアを決定してから プロダクトデザイナーが コンセプトアートを1枚かきます
  • 27.
    Copyright © GREE,Inc. All Rights Reserved. Concept Art Copyright © GREE, Inc. All Rights Reserved. 串田夏子 / Natsuko Kushida
  • 28.
    Copyright © GREE,Inc. All Rights Reserved. Concept Art Copyright © GREE, Inc. All Rights Reserved. 2日間
  • 29.
    Copyright © GREE,Inc. All Rights Reserved. Concept Art Copyright © GREE, Inc. All Rights Reserved. いいね~
  • 30.
    Copyright © GREE,Inc. All Rights Reserved. Concept Art Copyright © GREE, Inc. All Rights Reserved. ストーリー 世界観 キャラクター 同時にデベロップしました
  • 31.
    Copyright © GREE,Inc. All Rights Reserved. Concept Art Copyright © GREE, Inc. All Rights Reserved. サラ、初期コンセプト
  • 32.
    Copyright © GREE,Inc. All Rights Reserved. Concept Art Copyright © GREE, Inc. All Rights Reserved. ケマル、初期コンセプト
  • 33.
    Copyright © GREE,Inc. All Rights Reserved. Concept Art Copyright © GREE, Inc. All Rights Reserved. サラとケマル、生まれました
  • 34.
    Copyright © GREE,Inc. All Rights Reserved. Concept Art Copyright © GREE, Inc. All Rights Reserved. 後どのぐらい コンセプトアート が必要?
  • 35.
    Copyright © GREE,Inc. All Rights Reserved. Concept Art Copyright © GREE, Inc. All Rights Reserved. まず、プランナーから ステージのアイデアを いくつかもらってから アート側でゲームの流れを 絵におとしました
  • 36.
    Copyright © GREE,Inc. All Rights Reserved. Concept Art Copyright © GREE, Inc. All Rights Reserved. ゲームの流れ
  • 37.
    Copyright © GREE,Inc. All Rights Reserved. Concept Art Copyright © GREE, Inc. All Rights Reserved. エントランス
  • 38.
    Copyright © GREE,Inc. All Rights Reserved. Concept Art Copyright © GREE, Inc. All Rights Reserved. ステージ2
  • 39.
    Copyright © GREE,Inc. All Rights Reserved. Concept Art Copyright © GREE, Inc. All Rights Reserved. エンディング
  • 40.
    Copyright © GREE,Inc. All Rights Reserved. Concept Art Copyright © GREE, Inc. All Rights Reserved. Assetのコンセプトアート
  • 41.
    Copyright © GREE,Inc. All Rights Reserved. Concept Art Copyright © GREE, Inc. All Rights Reserved. Assetのコンセプトアート
  • 42.
    Copyright © GREE,Inc. All Rights Reserved. Concept Art Copyright © GREE, Inc. All Rights Reserved. この位、開発できました
  • 43.
    Copyright © GREE,Inc. All Rights Reserved. 3D作成 Copyright © GREE, Inc. All Rights Reserved.
  • 44.
    Copyright © GREE,Inc. All Rights Reserved. 3D作成 Copyright © GREE, Inc. All Rights Reserved. 3Dモデルとテクスチャー作成 ● Adobe Photoshop CS6 ● Autodesk Maya 2015 ゲームエンジン ● Unity3D 5.1.x データ管理 ● Box ● GitHub ツールとデータ管理 ® ® ®
  • 45.
    Copyright © GREE,Inc. All Rights Reserved. 3D作成 Copyright © GREE, Inc. All Rights Reserved. 社内でスクラッチから
  • 46.
    Copyright © GREE,Inc. All Rights Reserved. 3D作成 Copyright © GREE, Inc. All Rights Reserved. 良くある問題
  • 47.
    Copyright © GREE,Inc. All Rights Reserved. 3D作成 Copyright © GREE, Inc. All Rights Reserved. ポリゴン数 どのぐらい 使えばいい?
  • 48.
    Copyright © GREE,Inc. All Rights Reserved. 3D作成 Copyright © GREE, Inc. All Rights Reserved. テクスチャー の解像度は?
  • 49.
    Copyright © GREE,Inc. All Rights Reserved. 3D作成 Copyright © GREE, Inc. All Rights Reserved. 帰りた~い
  • 50.
    Copyright © GREE,Inc. All Rights Reserved. 3D作成 Copyright © GREE, Inc. All Rights Reserved. デベロップが 止まらないように まず仮モデルから 作り始めた。
  • 51.
    Copyright © GREE,Inc. All Rights Reserved. Stage Copyright © GREE, Inc. All Rights Reserved.
  • 52.
    Copyright © GREE,Inc. All Rights Reserved. 3D作成 Copyright © GREE, Inc. All Rights Reserved. ● Static Mesh 動かないオブジェクトです 例)ステージ、など ●Dynamic Mesh インタラクティブなオブジェクトです 例)キャラクタ、ギミック、など
  • 53.
    Copyright © GREE,Inc. All Rights Reserved. 3D作成 - Stage Copyright © GREE, Inc. All Rights Reserved. 仮モデル
  • 54.
    Copyright © GREE,Inc. All Rights Reserved. 3D作成 - Stage Copyright © GREE, Inc. All Rights Reserved. 仮モデルを分割して
  • 55.
    Copyright © GREE,Inc. All Rights Reserved. 3D作成 - Stage Copyright © GREE, Inc. All Rights Reserved. ベースモデルと 色味&ライティングのテスト
  • 56.
    Copyright © GREE,Inc. All Rights Reserved. 3D作成 - Stage Copyright © GREE, Inc. All Rights Reserved. 小物のモデリングと大体のシェーダーの設定
  • 57.
    Copyright © GREE,Inc. All Rights Reserved. 3D作成 - Stage Copyright © GREE, Inc. All Rights Reserved. ベースステージと小物をUnityで組み合わせて、 シェーダーとライティングでこんな感じになります。
  • 58.
    Copyright © GREE,Inc. All Rights Reserved. 3D作成 - Stage Copyright © GREE, Inc. All Rights Reserved. ステージを分割して、それぞれのステージを 30.000Tris以下 / テクスチャ2048x2048x2~3枚
  • 59.
    Copyright © GREE,Inc. All Rights Reserved. Character Copyright © GREE, Inc. All Rights Reserved.
  • 60.
    Copyright © GREE,Inc. All Rights Reserved. 3D作成 - Character Copyright © GREE, Inc. All Rights Reserved. Tris: 10.000 Texture: Body 1024x1024 Hair 512x512 alpha DF / NM /SP ケマル
  • 61.
    Copyright © GREE,Inc. All Rights Reserved. Animation Rigging / Blend Shape Copyright © GREE, Inc. All Rights Reserved.
  • 62.
    Copyright © GREE,Inc. All Rights Reserved.Copyright © GREE, Inc. All Rights Reserved. 3D作成 – Animation 今回アニメーション についてはコンプレクスな ワークフローではなく シンプルなワークフロー にしました
  • 63.
    Copyright © GREE,Inc. All Rights Reserved.Copyright © GREE, Inc. All Rights Reserved. 3D作成 – Animation / Rig TAチームが用意したリグを使って、 モーションを手作りしています。
  • 64.
    Copyright © GREE,Inc. All Rights Reserved. 3D作成 – Animation / Blend Shape Copyright © GREE, Inc. All Rights Reserved. まばたきをBlend Shape
  • 65.
    Copyright © GREE,Inc. All Rights Reserved. Shader Standar Shader Copyright © GREE, Inc. All Rights Reserved.
  • 66.
    Copyright © GREE,Inc. All Rights Reserved. Shader Copyright © GREE, Inc. All Rights Reserved. 色んなShaderのBase がありますが、 出したい表現によ Shaderを選びます
  • 67.
    Copyright © GREE,Inc. All Rights Reserved. Shader Copyright © GREE, Inc. All Rights Reserved. Unlit Diffuse Specular Toon Standard (Unity5)
  • 68.
    Copyright © GREE,Inc. All Rights Reserved.Copyright © GREE, Inc. All Rights Reserved. Shader – Standar Shader パラメータでオブジェクトの素材を設定できます。 もっとリアルに表現できます。
  • 69.
    Copyright © GREE,Inc. All Rights Reserved.Copyright © GREE, Inc. All Rights Reserved. Shader – Standar Shader Standardシェーダーのは PBRで呼ばれているマテリアルです。
  • 70.
    Copyright © GREE,Inc. All Rights Reserved.Copyright © GREE, Inc. All Rights Reserved. Shader – Standar Shader
  • 71.
    Copyright © GREE,Inc. All Rights Reserved.Copyright © GREE, Inc. All Rights Reserved. Shader – Standar Shader https://www.assetstore.unity3d.com/en/#!/content/25422 UnityさんはStoreで無料のカリブレーションAsset
  • 72.
    Copyright © GREE,Inc. All Rights Reserved. Effect Copyright © GREE, Inc. All Rights Reserved.
  • 73.
    Copyright © GREE,Inc. All Rights Reserved. Shader – Effect Copyright © GREE, Inc. All Rights Reserved. 色んなUnityで使えるエフェクトツールあります。 ● Bishamon ● PopcornFX ● Shuriken
  • 74.
    Copyright © GREE,Inc. All Rights Reserved. Shader – Effect Copyright © GREE, Inc. All Rights Reserved. Effect、Shuriken
  • 75.
    Copyright © GREE,Inc. All Rights Reserved. Shader – Effect Copyright © GREE, Inc. All Rights Reserved. Effect、Shuriken
  • 76.
    Copyright © GREE,Inc. All Rights Reserved. Shader – Effect Copyright © GREE, Inc. All Rights Reserved. Effect、Shuriken
  • 77.
    Copyright © GREE,Inc. All Rights Reserved. Shader – Effect Copyright © GREE, Inc. All Rights Reserved. Effect、Shuriken
  • 78.
    Copyright © GREE,Inc. All Rights Reserved. Shader – Effect Copyright © GREE, Inc. All Rights Reserved. Effect、Shuriken
  • 79.
    Copyright © GREE,Inc. All Rights Reserved. Shader – Effect Copyright © GREE, Inc. All Rights Reserved. http://www.slideshare.net/Shinji_Seto/
  • 80.
    Copyright © GREE,Inc. All Rights Reserved. Lighting Bake、Light Probe, Reflection Probe Copyright © GREE, Inc. All Rights Reserved.
  • 81.
    Copyright © GREE,Inc. All Rights Reserved. Lighting Copyright © GREE, Inc. All Rights Reserved. Lightingは プロダクトによる まったく違う ワークフロー があります
  • 82.
    Copyright © GREE,Inc. All Rights Reserved. Lighting Copyright © GREE, Inc. All Rights Reserved. いいパーフォマンスで 反射 と 影 を出すテーマは かなり大変です
  • 83.
    Copyright © GREE,Inc. All Rights Reserved. Lighting Copyright © GREE, Inc. All Rights Reserved. 特に2つのカメラの レンダリングを 75fps以上 出さなきゃいけない時~
  • 84.
    Copyright © GREE,Inc. All Rights Reserved.Copyright © GREE, Inc. All Rights Reserved. Lighting が~ん
  • 85.
    Copyright © GREE,Inc. All Rights Reserved. Lighting Copyright © GREE, Inc. All Rights Reserved. Realtime Lightingを やめて、 Lightをテクスチャーに 焼く事にしました。 Lightmapping
  • 86.
    Copyright © GREE,Inc. All Rights Reserved. Lighting Copyright © GREE, Inc. All Rights Reserved. そこまでいいんですが~ Lightmappingを Static MeshにBakeしても Dynamic Meshの色味を Static Meshのとマッチしない
  • 87.
    Copyright © GREE,Inc. All Rights Reserved. Lighting Copyright © GREE, Inc. All Rights Reserved. そこはDynamic Meshに Light Probesを使いました
  • 88.
    Copyright © GREE,Inc. All Rights Reserved. Lighting – Light Probe Copyright © GREE, Inc. All Rights Reserved. Light Probesって なんだ!?
  • 89.
    Copyright © GREE,Inc. All Rights Reserved. Lighting – Light Probe Copyright © GREE, Inc. All Rights Reserved. Light ProbesはLightの 色が入っている網で つながっているSphere みたいなUnity5から ある新機能です
  • 90.
    Copyright © GREE,Inc. All Rights Reserved. Lighting – Light Probe Copyright © GREE, Inc. All Rights Reserved.
  • 91.
    Copyright © GREE,Inc. All Rights Reserved. Lighting – Light Probe Copyright © GREE, Inc. All Rights Reserved. それぞれのSphereを網で 色のBlendingグができまして、 そこにDynamic Meshが入ると Dynamic Meshが Lightの色をBakeされている Sphereの色になります。
  • 92.
    Copyright © GREE,Inc. All Rights Reserved. Lighting – Light Probe Copyright © GREE, Inc. All Rights Reserved.
  • 93.
    Copyright © GREE,Inc. All Rights Reserved. Lighting – Reflection Probe Copyright © GREE, Inc. All Rights Reserved. 反射だと Reflection Probeって言う 機能を使いました
  • 94.
    Copyright © GREE,Inc. All Rights Reserved. Lighting – Reflection Probe Copyright © GREE, Inc. All Rights Reserved.
  • 95.
    Copyright © GREE,Inc. All Rights Reserved. Lighting – Reflection Probe Copyright © GREE, Inc. All Rights Reserved.
  • 96.
    Copyright © GREE,Inc. All Rights Reserved. Lighting – Reflection Probe Copyright © GREE, Inc. All Rights Reserved. Ref. Probe ありRef. Probe なし
  • 97.
    Copyright © GREE,Inc. All Rights Reserved. Fog Controller Copyright © GREE, Inc. All Rights Reserved.
  • 98.
    Copyright © GREE,Inc. All Rights Reserved. Event Master Copyright © GREE, Inc. All Rights Reserved. Unityではデフォルトで Dynamic FOGを使えない • インテンシティー • 色 • 郷里
  • 99.
    Copyright © GREE,Inc. All Rights Reserved. Event Master Copyright © GREE, Inc. All Rights Reserved. ステージによる特別の 雰囲気を出したかったため、 FOGをDynamicで コントロール出来るように FOGのコントローラー を作りました
  • 100.
    Copyright © GREE,Inc. All Rights Reserved. Event Master Copyright © GREE, Inc. All Rights Reserved. FOGコントローラー
  • 101.
    Copyright © GREE,Inc. All Rights Reserved. Event Master Copyright © GREE, Inc. All Rights Reserved.
  • 102.
    Copyright © GREE,Inc. All Rights Reserved. Final Result Copyright © GREE, Inc. All Rights Reserved.
  • 103.
    Copyright © GREE,Inc. All Rights Reserved. Final Result Copyright © GREE, Inc. All Rights Reserved.
  • 104.
    Copyright © GREE,Inc. All Rights Reserved. Final Result Copyright © GREE, Inc. All Rights Reserved.
  • 105.
    Copyright © GREE,Inc. All Rights Reserved. ~ FIN ~ Copyright © GREE, Inc. All Rights Reserved.
  • 106.
    Copyright © GREE,Inc. All Rights Reserved.Copyright © GREE, Inc. All Rights Reserved. 本日体験! スタッフに声かけてください
  • 107.
    Copyright © GREE,Inc. All Rights Reserved.Copyright © GREE, Inc. All Rights Reserved.
  • 108.
    Copyright © GREE,Inc. All Rights Reserved.Copyright © GREE, Inc. All Rights Reserved. ご静聴ありがとうございました
  • 109.
    Copyright © GREE,Inc. All Rights Reserved.Copyright © GREE, Inc. All Rights Reserved. 1. サラと毒蛇の王冠の紹介 2. 今後のVRの取り組み 3. Concept Art 4. 3D作成 5. Shader 6. Lighting 7. Fog Controller 8. QA
  • 110.
    Copyright © GREE,Inc. All Rights Reserved. Q&A Copyright © GREE, Inc. All Rights Reserved.
  • 111.
    Copyright © GREE,Inc. All Rights Reserved. 講演内容 Copyright © GREE, Inc. All Rights Reserved. 1. サラと毒蛇の王冠の紹介 2. 今後のVRの取り組み 3. Concept Art 4. 3D作成 5. Shader 6. Lighting 7. Fog Controller 8. その他
  • 112.
    Copyright © GREE,Inc. All Rights Reserved. ご静聴ありがとうございました