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

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

Avatar for Cygames Cygames PRO
November 30, 2015
Programming
6
12k

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

2015/11/15 Cygames Tech Fes

Avatar for Cygames

Cygames PRO

November 30, 2015
Tweet

More Decks by Cygames

See All by Cygames
【CEDEC2025】『Shadowverse: Worlds Beyond』二度目のDCG開発でゲームをリデザインする～遊びやすさと競技性の両立～
Avatar for Cygames cygames
PRO
1
370
【CEDEC2025】大規模言語モデルを活用したゲーム内会話パートのスクリプト作成支援への取り組み
Avatar for Cygames cygames
PRO
2
870
【CEDEC2025】現場を理解して実現！ゲーム開発を効率化するWebサービスの開発と、利用促進のための継続的な改善
Avatar for Cygames cygames
PRO
0
800
【CEDEC2025】ブランド力アップのためのコンテンツマーケティング～ゲーム会社における情報資産の活かし方～
Avatar for Cygames cygames
PRO
0
320
【CEDEC2025】『ウマ娘 プリティーダービー』における映像制作のさらなる高品質化へ！～ 豊富な素材出力と制作フローの改善を実現するツールについて～
Avatar for Cygames cygames
PRO
0
260
【CEDEC2025】LLMを活用したゲーム開発支援と、生成AIの利活用を進める組織的な取り組み
Avatar for Cygames cygames
PRO
1
2.7k
【TiDB GAME DAY 2025】Shadowverse: Worlds Beyond にみる TiDB 活用術
Avatar for Cygames cygames
PRO
0
1.9k
雲だけじゃない！『GRANBLUE FANTASY: Relink』の世界に奥行きを出す半透明スプライト活用術
Avatar for Cygames cygames
PRO
0
990
最高のアートワークを発信する『Cygames展 Artworks』企画制作事例
Avatar for Cygames cygames
PRO
0
150

Other Decks in Programming

See All in Programming
Dart 参戦！！静的型付き言語界の隠れた実力者
Avatar for Kuno Ayana kno3a87
0
190
中級グラフィックス入門～効率的なメッシュレット描画～
Avatar for Pocol projectasura
4
2.6k
11年かかって やっとVibe Codingに 時代が追いつきましたね
Avatar for yimajo yimajo
1
260
Strands Agents で実現する名刺解析アーキテクチャ
Avatar for omiya omiya0555
1
120
Reactの歴史を振り返る
Avatar for つちのこ tutinoko
1
180
LLMは麻雀を知らなすぎるから俺が教育してやる
Avatar for po3rin po3rin
3
2.1k
MCPで実現できる、Webサービス利用体験について
Avatar for syumai syumai
7
2.5k
대규모 트래픽을 처리하는 프론트 개발자의 전략
Avatar for Seungmin 마량 maryang
0
120
Terraform やるなら公式スタイルガイドを読もう 〜重要項目 10選〜
Avatar for hiyanger hiyanger
12
3.1k
AIコーディングエージェント全社導入とセキュリティ対策
Avatar for hikae hikaruegashira
16
9.7k
JetBrainsのAI機能の紹介 #jjug
Avatar for yusuke yusuke
0
200
オホーツクでコミュニティを立ち上げた理由―地方出身プログラマの挑戦 / TechRAMEN 2025 Conference
Avatar for はる lemonade_37
2
460

Featured

See All Featured
Optimizing for Happiness
Avatar for Tom Preston-Werner mojombo
379
70k
Building a Scalable Design System with Sketch
Avatar for Laura Van Doore lauravandoore
462
33k
Building Applications with DynamoDB
Avatar for Matt Wood mza
96
6.5k
Practical Tips for Bootstrapping Information Extraction Pipelines
Avatar for Matthew Honnibal honnibal
PRO
23
1.4k
The Art of Delivering Value - GDevCon NA Keynote
Avatar for David Neal reverentgeek
15
1.6k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
Avatar for mongodb mongodb
47
9.6k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
Avatar for Sam Stephenson sstephenson
161
15k
Bootstrapping a Software Product
Avatar for Garrett Dimon garrettdimon
PRO
307
110k
No one is an island. Learnings from fostering a developers community.
Avatar for Antonio thoeni
21
3.4k
XXLCSS - How to scale CSS and keep your sanity
Avatar for Zaharenia Atzitzikaki sugarenia
248
1.3M
Docker and Python
Avatar for Tania Allard trallard
45
3.5k
The Cult of Friendly URLs
Avatar for Andy Hume andyhume
79
6.5k

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