017/8/30~9/1に開催されたCEDEC2017の講演スライドです。 講師：京野光平 a.k.a. ntny（ユニティ・テクノロジーズ・ジャパン合同会社） 小林信行（ユニティ・テクノロジーズ・ジャパン合同会社）

1. Unityを使った
リアルタイムなアニメ映像表現
UnityTechnologiesJapan/Artist & Evangelist
京野光平 a.k.a. ntny & 小林信行

2. 京野 光平
a.k.a.
ntny
小林 信行

3. 本セッションの内容に関するご質問は
Twitterハッシュタグ
#cedecunity
までお問い合わせ下さい！

5. 発端

6. UnityにTimelineEditorが
実装されるってよ！発端

7. まじかよ！

8. こんな感じのも簡単に作れるようになるって事！？

9. これ弄り倒すしかない奴！

10. だがその前に。
これ弄り倒すしかない奴！

11. 最近のユニティちゃん、役割をまっとう出来てた？
原点回帰

12. 最近のユニティちゃん、役割をまっとう出来てた？
原点回帰
残念ながらYesではなかった。

13. ユニティちゃんには二つの大きなミッションが与えられている。
原点回帰
一つは彼女のファンを増やし
彼女を使ったコンテンツのお客さんを増やすこと。
もう一つはUnityの新機能を紹介する
「コンテンツ型の案内人」としての仕事。

14. 平たく言うとCRSを
もう一度やる
必要があった。
原点回帰

15. レッツビギンで
ございます！

16. 実践

18. 死ぬかと思った。

19. 死ぬかと思った。
というか何度か死んだ。

20. すべて公開しないと意味がない！
実践
今回のプロジェクトで使ったツールは以下の通り。
モデリング・モーション：Metasequoia、3dsMax、Maya
テクスチャ：SAI、PhotoShop
エフェクト：AfterEffects

21. ただでさえMayaと仲良くするのが困難なntnyさん、
Timelineってやつもなかなか手強い相手であった。
実践
なぜならntnyさんの頭の中ではAEの
コンポジション操作と同じノリで
使える物だと思い込んでいたからだ。

22. ただでさえMayaと仲良くするのが困難なntnyさん、
Timelineってやつもなかなか手強い相手であった。
実践
なぜならntnyさんの頭の中ではAEの
コンポジション操作と同じノリで
使える物だと思い込んでいたからだ。
そんなわけがなかった

23. 初めて使うMaya。
初めて使うTimelineEditor。

24. あ、これハードモードだわ！！！

25. いや、言うてタイムラインだろ？
あ、これハードモードだわ！！！

26. AE

27. Unity

28. AE Unity

29. 思ったよりいけんじゃね！？

30. 思いのほかできそう。
実践
やりたいことを分析して再配置。
まずはAEでやってた事の再現から。

31. やりたいことの分析と再配置。
実践

32. やりたいことの分析と再配置。
実践
めっちゃ使う『フレア効果』

36. ちょろい！！！

37. しかもAEにはないSoftParticleで
モデルや背景にぶっ差しても境界が綺麗！

38. 調子を
ノ リ
こなす

39. PPS
OFF

40. PPS
ON

41. ちょろい！！！

43. やりたいことの分析と再配置。
実践
思いのほかAEと同じ発想で結果を
出せるTimelineEditorちゃん。
しかしMaya(Max)やAEが不要に
なるという事ではない。

44. やりたいことの分析と再配置。
実践
リソース制作自体はこれまでと大きな差はない。
が！
その後の調整コストと運用に大きな違いがある。

45. やりたいことの分析と再配置。
実践
ゲームエンジンだからこそできたこと。

46. やりたいことの分析と再配置。
実践
従来の方法では一度仕上げたモデルを
再調整するコストが高すぎた。

47. やりたいことの分析と再配置。
実践
従来の方法では一度仕上げたモデルを
再調整するコストが高すぎた。
モデルやテクスチャを直す
ウェイトを振り直す
モーションを調整し直す
各種AE用素材を全部出し直す

49. リファレンス
Maya

50. やりたいことの分析と再配置。
実践
この神機能は実際神機能だ！
Unityにもあれば楽なのに！

51. プレファブ

52. やりたいことの分析と再配置。
実践
シーン上にマテリアルやダイナミクス
といった基本セットアップを済ませた
大元になるモデルを用意し、
カット制作ではそれを複製して使う。

54. 大元モデル(Aスタンス)
カット用モデル(複製)

55. これによってDCCツール上で
調整したデータをFBXで都度
上書きすれば勝手に修正される！

56. やりたいことの分析と再配置。
実践
カット用に複製されたモデルは大元の
マテリアル設定を引き継ぐが、
あくまでも複製なので個別にマテリア
ルの再設定もできる。

57. その気になれば全てのカットに
専用のテクスチャを描ける！

58. より効率的な設計の為のアイディア
実践
カットベースではなく
シーンベースの管理による効率化

59. より効率的な設計の為のアイディア
実践
複数のシーンを行き来するデータを作る際、
従来はカット単位で背景なども用意していたが、
それらをシーンベースに置き直すことで
データの使い回しや整理がしやすくなった。

61. より効率的な設計の為のアイディア
実践
ノリとしては実写の撮影に近い。
その場所で撮影すべき物を予め纏めて
撮影し、後日編集で時系列を整える。

62. より効率的な設計の為のアイディア
実践
修正や調整、そして仕上げ。
DCCツールに戻らなければ出来ない事は
即ち高コストである！
DCCツールに戻らず、Unity上で最終調整可能な
要素を少しでも多くする事を考える。

64. 最終手段を最初に使ったっていいじゃない
実践
手描きエフェクトって素敵
どうしてもやりたかった！

66. 最終手段を最初に使ったっていいじゃない
実践
ポスト処理の後に描かれなければならない。
Imageマテリアル(Canvas)を使う事で解決。
3D空間上に直接置いた物もある。

69. 何故最終手段？
実践
これらの手描きエフェクトは、
Unityで作った動画をAEに読み込んで、
AE上で動きを合わせ、透過PNGシーケンス
として出力した連番画像を
Unityにインポートして使っている。

71. 何故最終手段？
実践
まぁ実際アホくさい。
AE使うならAEでいいじゃねーかって思う。

72. 何故最終手段？
実践
でもこういう手段を先にやっておきたかった。
これができるってことは、極論
最終的に描けばどうにでもなるってことだから。

73. 何故最終手段？
実践
どうにでもなる、という安心感はすごい。
これだけで悩みが吹っ飛ぶくらいすごい。
しかし、同時に忍び寄る不安もある。

74. 忍び寄る不安
実践
マスターデータの所在。

75. 絵コンテ至上主義からの脱却
変化

76. 絵コンテは何のためにあったか。
絵コンテ至上主義からの脱却
・『設計図』としての絵コンテ
・ストーリーボードとしての絵コンテ

77. 「アーティストたち」への仕事の再分配
絵コンテ至上主義からの脱却
・担当が細かく分かれすぎていた
・前後に人がいなければ解決しない仕事しかなかった
・自分の「前後の仕事」をするようになる必要がある

78. 我々が構えるべき物
絵コンテ至上主義からの脱却
・パワープレイを良しとする心
・絵コンテを『完成図』にしない
・常に変える事ができるという新しい意識

79. 何をどうやっても良い
よりアーティストらしく
・過程にある発想勝負もアーティストの仕事
・必要なのは「創りたい物」
・必ずしもTimelineで完結する必要もないし、
最終出力が動画である必要もない。

82. 必要なのは自分たちで料理し、実際に食べる事！
Timeline Editor
最終的に今回のプロジェクトはアーティストだけで完
結していない…が！
アーティストがエンジニアに求めた機能は、都度
Unity Technologies Japanの内部で作成実装
されながら制作された。

83. これもまた、ユニティちゃんの大事なお仕事の一つである。
Thank you Unity-Chan!

84. 9月末を予定。
The Phantom Knowledge はまだまだ終わらない。
今後も技術を携えたエンターテインメントとして継続される。
会場のUnityブースでは一足先にプロジェクトデータを展示中。
実際どんな構造になっているのか等を見る事が出来る。
プロジェクトの公開

85. https://www.twitch.tv/unityjp
UnityTechnologiesJapanでは
Twitchを使って不定期(大抵金曜日)
に生配信をしています。
過去の配信では、
今回のデモで使われたUnitychan-
ToonShaser2.0の使い方などが
アーカイブされているので、
ご興味ご関心おありの方は覗きに来
てみてください。
APPENDIX

86. Thank you for your time!