37
ラク(効率化)して作る! shurikenエフェクトのノウハウ。

ラク(効率化)して作る! shurikenエフェクトのノウハウ。

Embed Size (px)

Citation preview

Page 1: ラク(効率化)して作る! shurikenエフェクトのノウハウ。

ラク(効率化)して作る!shurikenエフェクトのノウハウ。

Page 2: ラク(効率化)して作る! shurikenエフェクトのノウハウ。

自己紹介

秋山 高廣 (Flying Teapot)

主に在宅でスマートフォンゲームのエフェクト制作と

アセット販売で暮しています。

@frontakk

Unity AssetStoreのページ

Page 3: ラク(効率化)して作る! shurikenエフェクトのノウハウ。

shurikenの効率化の話というよりは

shurikenで使うデータ(モデル、テクスチャ、マテリアル)をいかに

効率的に作るかというお話です。

はじめに

Page 4: ラク(効率化)して作る! shurikenエフェクトのノウハウ。

まずは本題に入る前に

エフェクト屋さんに必要なスキルについて考えてみる。

はじめに

Page 5: ラク(効率化)して作る! shurikenエフェクトのノウハウ。

エフェクト屋さんに必要なスキルとは?

Page 6: ラク(効率化)して作る! shurikenエフェクトのノウハウ。

エフェクト屋さんに必要なスキルとは?

衝撃波、独自シェーダーを作りディストーションを適用。

ディテールを出す。

岩のモデル、テクスチャを作成してエミット

煙、火花などを追加。

全体の要素を確認しつつタイミング等を調整

Page 7: ラク(効率化)して作る! shurikenエフェクトのノウハウ。

エフェクト屋さんに必要なスキルとは?

● エフェクト用オブジェクト制作スキル

(エミッタ用オブジェクトとか破片とか)

● テクスチャ制作スキル

● アニメーションスキル

(緩急のある動き、タイミング)

● シェーダー、マテリアルの知識

● 状況に応じた制作手法の選定

● ミドルウェアの知識

etc...

結構多岐に渡る…。そしてこれらの知識に日々アップデートを

かけていかなければならない…。

Page 8: ラク(効率化)して作る! shurikenエフェクトのノウハウ。

ラク(効率化)するためには?

学習時間を取るためにも

効率化必須!

Page 9: ラク(効率化)して作る! shurikenエフェクトのノウハウ。

ラク(効率化)するためには?

プロジェクトごとに毎回同じような

エフェクト用のオブジェクト、テクスチャ等を作っ

ている。

これって非効率!

Page 10: ラク(効率化)して作る! shurikenエフェクトのノウハウ。

ラク(効率化)するためには?

ライブラリ化したり、

パターン生成を容易にする。

効率的!

Page 11: ラク(効率化)して作る! shurikenエフェクトのノウハウ。

ラク(効率化)するためには?

ライブラリ化とか言うと

社内的な取り組みっぽく

なるので今回は

個人でもできそうなものを紹介。

Page 12: ラク(効率化)して作る! shurikenエフェクトのノウハウ。

ラク(効率化)するためには?

手を抜く…ではなく

手をかけないで一定水準のクオリティまで

素早くもっていく。

時間

品質

70%

70%…とりあえずクライアントに見せて安心してもらえるもの。このまま詰めてい

けば大丈夫と納得してもらえるレベルのもの。

赤色部分にかかる時間を

なるべく減らす。

Page 13: ラク(効率化)して作る! shurikenエフェクトのノウハウ。

ラク(効率化)するためには?

エフェクトで使う素材を

簡単に用意できるようにする。

料理でいうところの下ごしらえの

時間を短くするかんじ。

Page 14: ラク(効率化)して作る! shurikenエフェクトのノウハウ。

ラク(効率化)するためには?

ではツールのほうを紹介していきます。

Page 15: ラク(効率化)して作る! shurikenエフェクトのノウハウ。

モデリングでラクをする

Page 16: ラク(効率化)して作る! shurikenエフェクトのノウハウ。

モデリングでラクする

Houdiniを使ってツール作成。

よく使う形状のオブジェクトをカンタン生成。

Page 17: ラク(効率化)して作る! shurikenエフェクトのノウハウ。

モデリングでラクする

ツールが作れればとっても便利。

チームで誰か一人できれば他の人も恩恵が受けられる?

けどHoudiniを覚えるのには結構ラーニングコストがかかります…。

12月にセミナーやるのでご興味あるかたは是非!

BD CG Study Group Pro

「Houdini×Unityでつくるゲームエフェクト勉強会 Vol.2」

Page 18: ラク(効率化)して作る! shurikenエフェクトのノウハウ。

テクスチャでラクをする

Page 19: ラク(効率化)して作る! shurikenエフェクトのノウハウ。

テクスチャでラクする

FilterForgeを使ってみる。

とにかくラクなのでおすすめ。

テクスチャを生成するジェネレーター的な機能。

既存の画像に対してフィルターを適用する機能。

ちょっと生成した画像を紹介。

Page 20: ラク(効率化)して作る! shurikenエフェクトのノウハウ。

テクスチャでラクする

パターン出しが簡単にできる。

全部ではないが大体のフィルターがシームレスなテクスチャを

作ってくれる。

Page 21: ラク(効率化)して作る! shurikenエフェクトのノウハウ。

テクスチャでラクする

Page 22: ラク(効率化)して作る! shurikenエフェクトのノウハウ。

シェーダーでラクをする

Page 23: ラク(効率化)して作る! shurikenエフェクトのノウハウ。

シェーダーでラクする

ShaderForgeでオリジナルのシェーダーを

作ってみる。

モバイル用途だとエフェクトデザイナーがシェーダーまでいじることは

あまりないと思いますが…。

Page 24: ラク(効率化)して作る! shurikenエフェクトのノウハウ。

シェーダーでラクする

Distortionを加えてあげることで同じテクスチャでも見た目を

変えることが出来る。

Page 25: ラク(効率化)して作る! shurikenエフェクトのノウハウ。

シェーダーでラクする

ただしunity5.5betaに現時点で未対応。

unity5.4では大丈夫です。

(起動すらしない。11月11日確認時情報)

Page 26: ラク(効率化)して作る! shurikenエフェクトのノウハウ。

シェーダーでラクする

まだベータ版ですがこんなのも出てます。

AMPLIFY SHADER EDITOR

Page 27: ラク(効率化)して作る! shurikenエフェクトのノウハウ。

ツールを作ってラクをする

Page 28: ラク(効率化)して作る! shurikenエフェクトのノウハウ。

ツールでラクする

Unityのエディタ拡張とか使うのも勿論いいんですが。

TouchOSCを使ってIpadからパーティクルをいじってみる。

TouchOSC iPadでMIDI信号を送信するためのアプリ

UniOSC TouchOSCとUnityでの通信を可能にするアセット

ボタンやスライダなどのUIをipad上でレイアウトして

Unityと送受信することが可能になります。

Page 29: ラク(効率化)して作る! shurikenエフェクトのノウハウ。

ツールでラクする

TouchOSC Editorというものを使ってレイアウトを作成できます。

途中で仕事が忙しくなってしまい作りかけですが…

Page 30: ラク(効率化)して作る! shurikenエフェクトのノウハウ。

テクスチャの項目以外は事前に準備やラーニングが必要なので

すぐに出来るというわけではないのが難点ですが…。

Page 31: ラク(効率化)して作る! shurikenエフェクトのノウハウ。

unity5.5 プチ情報

Page 32: ラク(効率化)して作る! shurikenエフェクトのノウハウ。

unity5.5プチ情報

待望の機能がいろいろ搭載されました!

● ノイズモジュールが実装

● ライトモジュールも実装

Page 33: ラク(効率化)して作る! shurikenエフェクトのノウハウ。

unity5.5プチ情報

地味に嬉しい、RandomSeedの項目が搭載された。

以前はDebugモードでないと設定できなかった項目。

unity5.4 unity5.5

Page 34: ラク(効率化)して作る! shurikenエフェクトのノウハウ。

最後に宣伝など…

Page 35: ラク(効率化)して作る! shurikenエフェクトのノウハウ。

アセット出します。

Page 36: ラク(効率化)して作る! shurikenエフェクトのノウハウ。

アセット出します。

Page 37: ラク(効率化)して作る! shurikenエフェクトのノウハウ。