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.

フュージョン!イリュージョン!エクスプロージョン!SparkGearで語るエフェクト哲学

3,202 views

Published on

GCM#4

Published in: Art & Photos
  • Be the first to comment

フュージョン!イリュージョン!エクスプロージョン!SparkGearで語るエフェクト哲学

  1. 1. © POKELABO, INC. フュージョン!イリュージョン! エクスプロージョン! で語る
  2. 2. © POKELABO, INC. 私の哲学
  3. 3. © POKELABO, INC. 私の哲学 魔王が魔王であるために
  4. 4. © POKELABO, INC. 私の哲学
  5. 5. © POKELABO, INC. 私の哲学
  6. 6. © POKELABO, INC. 自己紹介 池田 博幸 エフェクトアーティスト 主な社歴と実績 ●スクウェア 聖剣3/背景ドット絵 FF7/バトルエフェクト FF9/バトル&召喚獣エフェクト ●サイバーコネクトツー Asura’sWrath/デモ用エフェクト ギルティドラゴン/バトルエフェクト 略歴 背景デザイナーからエフェクトアーティストに転身 現在 ポケラボにて新規GvGバトル演出を担当
  7. 7. © POKELABO, INC. 72016/5/23
  8. 8. © POKELABO, INC. プレゼンの流れ 1. エフェクトの役割 2. エフェクト ふたつのパーツ 3. エフェクト 3要素 4. エフェクトの描き方 5. パーティクル はじめの3要素 6. 負荷を抑えるために 7. まとめ もくじ
  9. 9. © POKELABO, INC. 1. エフェクトの役割
  10. 10. © POKELABO, INC. ゲームデザイン 演出 エフェクト (最終工程) エフェクトの役割
  11. 11. © POKELABO, INC. エフェクトの役割
  12. 12. © POKELABO, INC. エフェクトの役割
  13. 13. © POKELABO, INC. エフェクトの役割
  14. 14. © POKELABO, INC. エフェクトの役割
  15. 15. © POKELABO, INC. エフェクトの役割
  16. 16. © POKELABO, INC. エフェクトの役割
  17. 17. © POKELABO, INC. エフェクトの役割
  18. 18. © POKELABO, INC. エフェクトアーティストは 映像の化粧師 (けわいし) エフェクトの役割 である
  19. 19. © POKELABO, INC. 2.エフェクト ふたつのパーツ
  20. 20. © POKELABO, INC. 要素を割り出し 優先順位をつける 端末上で 全ては表現できない エフェクト ふたつのパーツ
  21. 21. © POKELABO, INC. コア エフェクトパーツ その1 エフェクト ふたつのパーツ (主役)
  22. 22. © POKELABO, INC. エフェクト ふたつのパーツ
  23. 23. © POKELABO, INC. エフェクト ふたつのパーツ
  24. 24. © POKELABO, INC. ♪I.D.E.A’s Spark (作詞、作曲、歌 池田博幸) 「SparkGear」主題歌
  25. 25. © POKELABO, INC. エフェクトの役割
  26. 26. © POKELABO, INC. エフェクトの役割
  27. 27. © POKELABO, INC. エクストラ エフェクトパーツ その2 エフェクト ふたつのパーツ (脇役、賑やかし)
  28. 28. © POKELABO, INC. エフェクト ふたつのパーツ
  29. 29. © POKELABO, INC. 5秒間だけ映像流します エフェクト ふたつのパーツ
  30. 30. © POKELABO, INC. エフェクト ふたつのパーツ
  31. 31. © POKELABO, INC. SparkGearライブパフォーマンス エフェクト ふたつのパーツ
  32. 32. © POKELABO, INC. エフェクト ふたつのパーツ コア 主役。必要不可欠な要素。クオリティはこちらを最優先。 中心に大きく表示されている傾向がある。 エクストラ 脇役。賑やかし要素。負荷が重い場合、こちらから削る。 中心部の周りに小さく(細く)表示されている傾向がある。 復習/エフェクト ふたつのパーツ
  33. 33. © POKELABO, INC. 332016/5/23
  34. 34. © POKELABO, INC. 3.エフェクトの3要素
  35. 35. © POKELABO, INC. エフェクトの方向 エフェクトの3要素
  36. 36. © POKELABO, INC. 全方位型 エフェクトの役割 エフェクト方向 その1
  37. 37. © POKELABO, INC. 全方位型 エフェクトの3要素
  38. 38. © POKELABO, INC. 指向型 エフェクトの役割 エフェクト方向 その2
  39. 39. © POKELABO, INC. 指向型 エフェクトの3要素
  40. 40. © POKELABO, INC. 全方位型 最も汎用性が高く、クセが無い。 どんなカメラにも対応できる反面、演出の勢いは削がれる。 指向型 力の向きを強調した、勢いのある演出に出来る反面、 クセが出やすく調整に時間が掛かる。 復習/エフェクトの方向 ふたつの型 エフェクトの3要素
  41. 41. © POKELABO, INC. エフェクトの 出現から消失までの流れ エフェクトの3要素
  42. 42. © POKELABO, INC. 左図を右図にするには? エフェクトの3要素
  43. 43. © POKELABO, INC.
  44. 44. © POKELABO, INC.
  45. 45. © POKELABO, INC. エフェクトの余波 エフェクトの3要素
  46. 46. © POKELABO, INC. エフェクトの3要素
  47. 47. © POKELABO, INC. 復習/エフェクトの3要素 エフェクトの3要素 方向 力の向きを示す。全方位型と指向型の2タイプある。 出現から消失までの流れ どう出して、どう消す?最高潮は?余韻は? 余波 現象がまわりに与える影響。にぎやかし(エクストラ)に含まれる。
  48. 48. © POKELABO, INC. 4.エフェクトの描き方
  49. 49. © POKELABO, INC. エフェクトの描き方 に迫る
  50. 50. © POKELABO, INC. エフェクト普遍体 その1 エフェクトの描き方
  51. 51. © POKELABO, INC. 輪郭 (paint) 塗り 背景 エフェクトの描き方 力の向き=
  52. 52. © POKELABO, INC. (paint) エフェクトの描き方
  53. 53. © POKELABO, INC. シルエットの作り方 • 円を描く • 輪郭をこする • 出来た窓枠の向こう側に映る景色を入れる • 窓枠の形、景色の色をそれぞれ調整して完成 エフェクトの描き方
  54. 54. © POKELABO, INC. エフェクトの描き方 エフェクト普遍体 その2
  55. 55. © POKELABO, INC. エフェクトの描き方 力の向き= 背景 輪郭 塗り
  56. 56. © POKELABO, INC. 線も繋げば円環となる エフェクトの描き方 全ては円に帰結する
  57. 57. © POKELABO, INC. ディテールの増減で世界観を表現 リアル調 アニメ調 エフェクトの描き方
  58. 58. © POKELABO, INC. 円 最も汎用性が高く、クセが無い完成されたもの。 全方位型。 線 方向性を示す。繋げば円環(リング)にすることもできる。 指向型かつ全方位型。 エフェクトの描き方 復習/エフェクト ふたつの普遍体
  59. 59. © POKELABO, INC. 5.パーティクル はじめの3要素
  60. 60. © POKELABO, INC. エミッター パーティクル要素 その1 パーティクル はじめの3要素
  61. 61. © POKELABO, INC. パーティクル パーティクル要素 その2 パーティクル はじめの3要素
  62. 62. © POKELABO, INC. 寿命 パーティクル要素 その3 パーティクル はじめの3要素
  63. 63. © POKELABO, INC. 個々を機能ではなく 役割として まとめてみる パーティクル はじめの3要素
  64. 64. © POKELABO, INC. パーティクル はじめの3要素 エミッター 子供を生み、育て、陰ながらその人生を導く存在。 遺産や遺伝などの要素を子孫に継承できる。 パーティクル 親から誕生し、追従する存在。また、自らも親となり孫も生める。 寿命 誕生から死までの時間。 この人生が終わるとき、全ての存在は等しくこの世界から消去される。 パーティクル はじめの3要素 ←親 ←子供 ←人生
  65. 65. © POKELABO, INC. 親から パーティクルとは のことである パーティクル はじめの3要素
  66. 66. © POKELABO, INC. これを 登壇者自身で例えてみた
  67. 67. © POKELABO, INC. パーティクル はじめの3要素
  68. 68. © POKELABO, INC. ところで パーティクル はじめの3要素
  69. 69. © POKELABO, INC. パーティクル はじめの3要素
  70. 70. © POKELABO, INC. 2015年現在 日本人平均寿命 男性80歳 女性86歳 パーティクル はじめの3要素 ※厚生労働省調べ
  71. 71. © POKELABO, INC. わが人生、今ここ 池田 博幸 43歳 パーティクル はじめの3要素 誕生 死亡
  72. 72. © POKELABO, INC. 人生 4つの要素+α ●大きさ ●角度 ●位置 ●色 パーティクル はじめの3要素 運(偶然性、ゆらぎの要素) これらを人生のフェーズに添って変化させる
  73. 73. © POKELABO, INC. エフェクトの役割
  74. 74. © POKELABO, INC. パーティクル はじめの3要素
  75. 75. © POKELABO, INC. 人生、生き様、生涯 パーティクル はじめの3要素
  76. 76. © POKELABO, INC. この世に不変のものはない 人生は無常 パーティクル はじめの3要素
  77. 77. © POKELABO, INC. まわりを見回して みてください パーティクル はじめの3要素
  78. 78. © POKELABO, INC. パーティクル はじめの3要素
  79. 79. © POKELABO, INC. パーティクル はじめの3要素
  80. 80. © POKELABO, INC. パーティクル はじめの3要素 春 夏 秋 冬 人生も四季も無常
  81. 81. © POKELABO, INC. この無常表現こそが 説得力へのカギ エフェクトも然り パーティクル はじめの3要素
  82. 82. © POKELABO, INC. SparkGearライブパフォーマンス パーティクル はじめの3要素
  83. 83. © POKELABO, INC. エフェクトの概念
  84. 84. © POKELABO, INC.
  85. 85. © POKELABO, INC.
  86. 86. © POKELABO, INC. パーティクル はじめの3要素 エミッター 子供を生み、育て、陰ながらその人生を導く存在。 遺産や遺伝などの要素を子孫に継承できる。 パーティクル 親から誕生し、追従する存在。また、自らも親となり孫も生める。 寿命 誕生から死までの時間。 この人生が終わるとき、全ての存在は等しくこの世界から消去される。 復習/パーティクル はじめの3要素 ←親 ←子供 ←人生
  87. 87. © POKELABO, INC. 6.負荷を抑えるために
  88. 88. © POKELABO, INC. オーバードロー (絵の重ねすぎ) エフェクトマッチョ要因 その1 負荷を抑えるために
  89. 89. © POKELABO, INC. オーバードローを回避する 通常画面/RGBモード OverDrawモード 右の画面を見るとポリゴン同士が重なって白トビを起こしている。 「数を減らす」「小さくする」「表示時間(寿命)を短縮する」 などを行って、これを緩和する必要がある。 負荷を抑えるために
  90. 90. © POKELABO, INC. 画像サイズ (絵がデカすぎ) エフェクトマッチョ要因 その2 負荷を抑えるために
  91. 91. © POKELABO, INC. 伸ばす、繰り返す、反転する ぼんやり画像は解像度を低めに くっきり画像は解像度を高めにするのが原則 タイル状に貼る、引き伸ばし、反転を駆使して容量を節減 負荷を抑えるために
  92. 92. © POKELABO, INC. ドローコール (処理の重ねすぎ) エフェクトマッチョ要因 その3 負荷を抑えるために
  93. 93. © POKELABO, INC. ドローコールの数を抑える ひとつの画像の中に、複数のエフェクト画像を登録し TextureSheetAnimationのグラフで呼び出す。 負荷を抑えるために
  94. 94. © POKELABO, INC. 942016/5/23 1 3 4 負荷を抑えるために
  95. 95. © POKELABO, INC. 952016/5/23 負荷を抑えるために ココ みて
  96. 96. © POKELABO, INC. 962016/5/23 負荷を抑えるために
  97. 97. © POKELABO, INC. 負荷を抑えるために 復習/エフェクトマッチョ3つの要因  オーバードロー 半透明の重なりあいが処理落ちを起こす。  画像サイズ 画像が大きいほどロード時間がかかる。 描画面積に比例して負荷が増大。  ドローコール 呼ばれるマテリアルの数に比例して負荷が増大。
  98. 98. © POKELABO, INC. 7.まとめ まとめ
  99. 99. © POKELABO, INC. まとめ 表現追求の世界では必ず 人間を知る という 永遠の命題に行き着く
  100. 100. © POKELABO, INC. まとめ
  101. 101. © POKELABO, INC. まとめ エフェクト道に終わりなし その深淵へと歩み続けろ
  102. 102. © POKELABO, INC. まとめ あくなき探究心を武器に ものごとの本質だけを つらぬけ

×