Upgrade to Pro — share decks privately, control downloads, hide ads and more …

内製タイムラインツールCuttの紹介

Cygames
November 30, 2015
Programming
6
11k

 内製タイムラインツールCuttの紹介

2015/11/15 Cygames Tech Fes

Cygames

November 30, 2015
Tweet

More Decks by Cygames

See All by Cygames
最高のアートワークを発信する『Cygames展 Artworks』企画制作事例
cygames
0
46
社内にバーチャルスタッフ！？「スイちゃん」のキャラクターデザインと施策の広げ方の秘訣
cygames
1
120
全高3m超のバハムート像がスマホを通して躍動する！ ～『Cygames展 Artworks』ARコンテンツの開発プロセスと実装～
cygames
0
35
最高の資料を目指すために！社内フリーイラスト制作チームの取り組みについて
cygames
1
130
「生きているモーション」を作り出すCygamesのモーションキャプチャー
cygames
0
91
『Cygames展 Artworks』におけるShadowverseデジタルサイネージ制作事例
cygames
0
39
『GRANBLUE FANTASY: Relink』 原作の世界観に没入するステージの絵作り
cygames
0
800
『GRANBLUE FANTASY: Relink』イラストを再現する為のキャラクターモデル制作事例
cygames
0
150
『GRANBLUE FANTASY: Relink』キャラクターの魅力を支えるリグ制作事例
cygames
0
88

Other Decks in Programming

See All in Programming
XStateを用いた堅牢なReact Components設計~複雑なClient Stateをシンプルに~ @React Tokyo ミートアップ #2
kfurusho
1
910
もう僕は OpenAPI を書きたくない
sgash708
5
1.7k
Amazon Q Developer Proで効率化するAPI開発入門
seike460
PRO
0
110
動作確認やテストで漏れがちな観点3選
starfish719
6
1k
Java Webフレームワークの現状 / java web framework at burikaigi
kishida
9
2.2k
法律の脱レガシーに学ぶフロントエンド刷新
oguemon
5
740
Unity Android XR入門
sakutama_11
0
160
Amazon Bedrock Multi Agentsを試してきた
tm2
1
290
Spring gRPC について / About Spring gRPC
mackey0225
0
220
Writing documentation can be fun with plugin system
okuramasafumi
0
120
Multi Step Form, Decentralized Autonomous Organization
pumpkiinbell
1
750
How mixi2 Uses TiDB for SNS Scalability and Performance
kanmo
37
14k

Featured

See All Featured
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
330
21k
Unsuck your backbone
ammeep
669
57k
Mobile First: as difficult as doing things right
swwweet
223
9.3k
A Tale of Four Properties
chriscoyier
158
23k
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
29
1k
Bootstrapping a Software Product
garrettdimon
PRO
306
110k
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
656
59k
GraphQLとの向き合い方2022年版
quramy
44
13k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
160
15k
Building Applications with DynamoDB
mza
93
6.2k
How To Stay Up To Date on Web Technology
chriscoyier
790
250k
Building Better People: How to give real-time feedback that sticks.
wjessup
367
19k

Transcript

  1. None

  2. 自己紹介 • 中川均 • エンジニア • Unityが得意 • 開発経験は家庭用とスマートフォンの開発 半々ぐらい

    • サーバー側やっていたことも • ツールを作るのが結構好き $POGJEFOUJBM $PQZSJHIU ˜$ZHBNFT  *OD "MM3JHIUT3FTFSWFE   

  3. Cuttとは • Cygames Unity Timeline Tool • Unity上に実装したタイムラインエディタ – タイムライン上にKeyを打って任意のパラメータを変更、ア

    ニメーション（イーズしたり）する – カメラワークをつけることも可能 $POGJEFOUJBM $PQZSJHIU ˜$ZHBNFT  *OD "MM3JHIUT3FTFSWFE   

  4. 作成の経緯 $POGJEFOUJBM $PQZSJHIU ˜$ZHBNFT  *OD "MM3JHIUT3FTFSWFE   

  5. 作成の経緯 • あるプロジェクトでカメラワークを設定するツー ルが必要に • さらに、シーン中のオブジェクトのパラメータを タイムライン上で設定、アニメーションできる必 要も出てきた • カメラワークをつけられるタイムラインツールを

    用意することに $POGJEFOUJBM $PQZSJHIU ˜$ZHBNFT  *OD "MM3JHIUT3FTFSWFE   

  6. 作成の経緯 • まず、いくつか既存のアセットを調査・検証した – Animator - Timeline Editor – Aperture

    Cutscene Editor – uSequencer …など $POGJEFOUJBM $PQZSJHIU ˜$ZHBNFT  *OD "MM3JHIUT3FTFSWFE   

  7. 作成の経緯 • 検証のポイント（評価基準） – コード変更可能なライセンスか • 仕様追加、仕様変更にツールが対応できない場合、コー ド修正でなんとかできる可能性 – 機能的に十分か

    • 外部からの再生時間操作、カメラワークの設定、オブ ジェクト操作 etc… – かといってオーバースペックすぎはしないか • モバイル向けで、CPUに空きがなさそうな利用タイトル • ランタイムの処理負荷は可能な限り抑えたい $POGJEFOUJBM $PQZSJHIU ˜$ZHBNFT  *OD "MM3JHIUT3FTFSWFE   

  8. 作成の経緯 • 検証の結果 $POGJEFOUJBM $PQZSJHIU ˜$ZHBNFT  *OD "MM3JHIUT3FTFSWFE 

     

  9. 作成の経緯 • 「これで大丈夫そう！」と言えるものは無かった – ずっと調査と検証ばかりしているわけにもいかな い・・・ $POGJEFOUJBM $PQZSJHIU ˜$ZHBNFT 

    *OD "MM3JHIUT3FTFSWFE   

  10. 作成の経緯 • では自分で作るのか？作れるのか？ – 作るものの大枠は分かっている • カメラワーク、タイムライン – 時間は無いこともない •

    当面必要な機能は少ない • 詳細な仕様はこれから。徐々に作っていける – リスクはむしろ低い • 全部自分のコード。コード変更も容易 • 根っこのデータ構造から自由にできる $POGJEFOUJBM $PQZSJHIU ˜$ZHBNFT  *OD "MM3JHIUT3FTFSWFE   

  11. 作成の経緯 • 覚悟を決めて内製へ … – ねんがんのコードがかけるぞ（心の声 $POGJEFOUJBM $PQZSJHIU ˜$ZHBNFT 

    *OD "MM3JHIUT3FTFSWFE   

  12. そして出来上がったのがこちら (DEMO) $POGJEFOUJBM $PQZSJHIU ˜$ZHBNFT  *OD "MM3JHIUT3FTFSWFE  

    

  13. Cuttの特徴 $POGJEFOUJBM $PQZSJHIU ˜$ZHBNFT  *OD "MM3JHIUT3FTFSWFE   

  14. Cuttの特徴 • インゲームでリアルタイム編集 – リアルタイム＝編集しながらプレビューできる • 高速な編集イテレーション – 編集作業すべてをインゲーム（プレイ状態）で行う •

    編集時と実際の動作時で違いが発生しずらい – データ構造がツールとランタイムで共通だから可 能 • Unity上に実装されたツールの利点 – といっても、実際には利用タイトル側もインゲーム 編集を考慮した作りにしないとダメ $POGJEFOUJBM $PQZSJHIU ˜$ZHBNFT  *OD "MM3JHIUT3FTFSWFE   

  15. Cuttの特徴 • 結果的に充実した編集補助機能 – 基本的なKey操作、複数Key同時編集 – Keyの検索処理 – スクラッチシート –

    フレームのブックマーク機能 – 任意フレーム間のループ再生 – タイムラインのフィルタリング – タイムライン移動のホットキー設定 • まさかこんなに実装することになるとは… $POGJEFOUJBM $PQZSJHIU ˜$ZHBNFT  *OD "MM3JHIUT3FTFSWFE   

  16. Cuttの特徴 • 割とコードを書く必要がある – コーディングレスにするつもりは全くない – 内製の利点は柔軟性 • 新規仕様、仕様変更に柔軟に対応できるようにガチガ チに固めない

    – 編集効率を上げるGUI、ワークフローを実現する • 利用タイトルの要望に最適化する • コードを書きたくないなら何か目的にあった既存ツールを… $POGJEFOUJBM $PQZSJHIU ˜$ZHBNFT  *OD "MM3JHIUT3FTFSWFE   

  17. Unity上でのツール作成Tips $POGJEFOUJBM $PQZSJHIU ˜$ZHBNFT  *OD "MM3JHIUT3FTFSWFE   

  18. Cuttタイムラインの描画方法 $POGJEFOUJBM $PQZSJHIU ˜$ZHBNFT  *OD "MM3JHIUT3FTFSWFE • 白いテクスチャ(EditorGUIUtility.whiteTexture)に色 を乗せてひたすらDrawTexture

      

  19. OnGUIの負荷軽減 $POGJEFOUJBM $PQZSJHIU ˜$ZHBNFT  *OD "MM3JHIUT3FTFSWFE • 大量の描画物＆負荷に配慮してないコードで 処理負荷は跳ね上がる

      

  20. OnGUIの負荷軽減 $POGJEFOUJBM $PQZSJHIU ˜$ZHBNFT  *OD "MM3JHIUT3FTFSWFE 使い倒してくれてありがとう本当に  

    

  21. OnGUIの負荷軽減 $POGJEFOUJBM $PQZSJHIU ˜$ZHBNFT  *OD "MM3JHIUT3FTFSWFE • 大量の描画物＆負荷に配慮してないコードで 処理負荷は跳ね上がる

    • 純粋に描画するだけならRepaintイベント時だ けで良い   

  22. プレイ状態でPrefabのApplyを行う $POGJEFOUJBM $PQZSJHIU ˜$ZHBNFT  *OD "MM3JHIUT3FTFSWFE • そもそもPrefabはプレイ中だとApplyできなく なる

    プレイ！   

  23. プレイ状態でPrefabのApplyを行う $POGJEFOUJBM $PQZSJHIU ˜$ZHBNFT  *OD "MM3JHIUT3FTFSWFE • なのでスクリプトからApply（NGパターン） Nullが返る

      

  24. プレイ状態でPrefabのApplyを行う $POGJEFOUJBM $PQZSJHIU ˜$ZHBNFT  *OD "MM3JHIUT3FTFSWFE • ただしくは 

     

  25. ちっちゃいボタンを出したい！ $POGJEFOUJBM $PQZSJHIU ˜$ZHBNFT  *OD "MM3JHIUT3FTFSWFE • こういうやつ 

     

  26. ちっちゃいボタンを出したい！ $POGJEFOUJBM $PQZSJHIU ˜$ZHBNFT  *OD "MM3JHIUT3FTFSWFE • スタイルが用意されているのでそれを使うだ け！

    • EditorStylesには他にもいろんなスタイルがあ ります。   

  27. OnGUIでのしつこい例外に $POGJEFOUJBM $PQZSJHIU ˜$ZHBNFT  *OD "MM3JHIUT3FTFSWFE • 実行されるとどうなっちゃうでしょうか？ 

     

  28. OnGUIでのしつこい例外に $POGJEFOUJBM $PQZSJHIU ˜$ZHBNFT  *OD "MM3JHIUT3FTFSWFE • ウィンドウの閉じるボタンが反応しなくなって、 最終的にUnityごと落とすほかなくなる・・・

    • 面倒くさい・・・。 • そこで、保険としてこのコードをおすすめ   

  29. OnGUIでのしつこい例外に $POGJEFOUJBM $PQZSJHIU ˜$ZHBNFT  *OD "MM3JHIUT3FTFSWFE • これでWindowを閉じることができる 

     

  30. 以上です。 ご清聴ありがとうございました $POGJEFOUJBM $PQZSJHIU ˜$ZHBNFT  *OD "MM3JHIUT3FTFSWFE