リアルタイム叀理生放送におけるcg とポスト叀理を併ワークの...

リアルタイム処理リアルタイム処理とポスト処理を併生放送におけるCG とポスト処理を併用した

生放送におけるCG

ワークの紹介リアルタイムCG処理の現在と今後の発展性用した

の基礎と応用現在と今後の発展性

の基礎と応用

リアルタイム処理リアルタイム処理とポスト処理を併とポスト処理を併用した3DCG制作用した3DCG制作の基礎と応用の基礎と応用

CGCGCG(コンピュータ・グラフィックス)

大きく分けると・・・

�2DCG<2次元コンピュータグラフィックス><2次元コンピュータグラフィックス>

3DCG�3DCG<3次元コンピュータグラフィックス>次元コンピュータグラフィックス

この2つに大別されるこの2つに大別される

2DCG2DCG2DCG� Adobe PhotoshopやIllustrator� Adobe PhotoshopやIllustrator等に代表されるドローイングソフトで制作されたもの制作されたもの

� 放送局でテロップ制作/送出に使われ� 放送局でテロップ制作/送出に使われている各種ソフトウェアもこのカテゴリーに属する

3DCG3DCG3DCG � AUTODESKのMAYA・MAX

MAXONのCINEMA4D等が代表的MAXONのCINEMA4D等が代表的なソフトウェア

� X,Y,Zの3次元空間を再現したGUI上で制作していく

CGには「時間」、つまり“アニメーションという重要な概念もありますが、という重要な概念もありますが、その説明だけで終わってしまうので、次の機会に・・・その説明だけで終わってしまうので、次の機会に・・・

「時間」、つまり“アニメーション”という重要な概念もありますが、という重要な概念もありますが、その説明だけで終わってしまうので、次のその説明だけで終わってしまうので、次の

3DCG3DCG2つのレンダリング法2つのレンダリング法つのレンダリング法

3DCG3DCGレンダリング法レンダリング法レンダリング法

レンダリング

3DCG

データ記述言語やデータ構造で記述された抽象的で高次の情報から、コンピュータのプログラ

3DCGレンダリング法

的で高次の情報から、コンピュータのプログラムを用いて画像などを生成すること

要は・・・レンダリング法

要は・・・コンピュータにコンピュータにること

レンダリング(RENDERING)

データ記述言語やデータ構造で記述された抽象的で高次の情報から、コンピュータのプログラ的で高次の情報から、コンピュータのプログラムを用いて画像などを生成すること

要は・・・要は・・・コンピュータに1フレームごとに画像を作らせコンピュータに1フレームごとに画像を作らせ

プリレンダリング3DCG

プリレンダリング<ポスト処理

3DCGレンダリング法

<ポスト処理

レンダリング法

リアルタイムレンダリングリアルタイムレンダリング<リアルタイム描画

プリレンダリングプリレンダリングポスト処理>ポスト処理>

リアルタイムレンダリングリアルタイムレンダリングリアルタイム描画>

プリレンダリングプリレンダリングプリレンダリングプリレンダリング<ポスト処理><ポスト処理>

� 映画やCM・VPのVFXで主に用いられるレンダリング方法るレンダリング方法

� 多様なレンダリング・ソフトウェアが� 多様なレンダリング・ソフトウェアがある

� 放送業界ではドラマのVFXや、番組のタイトルムービー、報道番組の再現CGなどがこのレンダリング方法を用CGなどがこのレンダリング方法を用いて制作されている

リアルタイムレンダリングリアルタイムレンダリングリアルタイムレンダリングリアルタイムレンダリング<リアルタイム処理>リアルタイム処理

� ゲーム等で主に用いられるレンダリング方法グ方法

� DirectXやOpenGLといったAPIがある� DirectXやOpenGLといったAPIがある

� 放送業界では生放送の番組で使われる� 放送業界では生放送の番組で使われる� クロマキー合成を用いたバーチャル

CGセットの番組や、選挙特番の開票速報の表示等の即時性が必要な番組の速報の表示等の即時性が必要な番組のCGで使われる手法

●プリレンダリング●プリレンダリング

●リアルタイムレンダリング●リアルタイムレンダリング

それぞれのメリット・デメリット

●プリレンダリング●プリレンダリング

●リアルタイムレンダリング●リアルタイムレンダリング

それぞれのメリット・デメリット

2つの最大の違いは、2つの最大の違いは、映像１コマ１コマに対する映像１コマ１コマに対する「レンダリングにかける時間」と「CGの作りこみ」「CGの作りこみ」

最大の違いは、最大の違いは、映像１コマ１コマに対する映像１コマ１コマに対する「レンダリングにかける時間」と

の作りこみ」の作りこみ」

ゲームCGに代表されるングで描画されるコンテンツは、プレイヤーのングで描画されるコンテンツは、プレイヤーの操作に合わせてレンダリング結果を高速で出さなければいけない操作に合わせてレンダリング結果を高速で出さなければいけない

に代表されるリアルタイムレンダリングで描画されるコンテンツは、プレイヤーのングで描画されるコンテンツは、プレイヤーの操作に合わせてレンダリング結果を高速で出さ操作に合わせてレンダリング結果を高速で出さ

結果、写実的な質感は処理時間の都合上、ある程度犠牲にしなくてはならない結果、写実的な質感は処理時間の都合上、ある程度犠牲にしなくてはならない

計算処理が増える要因である大量のポリゴン数や、大容量のテクスチャー、複雑なライティング設定は大容量のテクスチャー、複雑なライティング設定は出来るだけ避け、処理の負荷を軽減する必要がある

結果、写実的な質感は処理時間の都合上、ある程度結果、写実的な質感は処理時間の都合上、ある程度

計算処理が増える要因である大量のポリゴン数や、大容量のテクスチャー、複雑なライティング設定は大容量のテクスチャー、複雑なライティング設定は出来るだけ避け、処理の負荷を軽減する必要がある

映画やCMに代表されるプリレンダリングされるCGは、そういった制限がないため、納期されるCGは、そういった制限がないため、納期にさえ間に合えばいくらでも作りこみが可能

時間というコストが許す限り、写実的な作品やアーティスティックな作品に仕上げることが出時間というコストが許す限り、写実的な作品やアーティスティックな作品に仕上げることが出来る来る

プリレンダリングで描画は、そういった制限がないため、納期は、そういった制限がないため、納期

にさえ間に合えばいくらでも作りこみが可能

時間というコストが許す限り、写実的な作品やアーティスティックな作品に仕上げることが出時間というコストが許す限り、写実的な作品やアーティスティックな作品に仕上げることが出

プリレンダリングプリレンダリング<ポスト処理

コストや時間が許す限り、

メリットコストや時間が許す限り、綺麗(ハイクオリティー映像が作れるメリット映像が作れる

１コマ(１フレーム

デメリット１コマ(１フレームる計算時間がリアルタイムレンダリングに比べて、膨大にかかる大にかかる

プリレンダリングリアルタイムレンダリングプリレンダリングポスト処理>

リアルタイムレンダリング<リアルタイム処理>

コストや時間が許す限り、操作に関するリアクション、コストや時間が許す限り、ハイクオリティー)な

操作に関するリアクション、集計結果等をリアルタイムに表示できるに表示できる

１フレーム)にかか映像のクオリティーは処理１フレーム)にかかる計算時間がリアルタイムレンダリングに比べて、膨

映像のクオリティーは処理負荷の兼ね合いから、プリレンダリングに劣る

生放送におけるCG生放送におけるCGCGワークの紹介CGワークの紹介

生放送ではその性質上、リアルタイムレンダリングで計�生放送ではその性質上、リアルタイムレンダリングで計算されるCGを使う算されるを使う

�リアルタイムレンダリングを使用するにあたって、前途�リアルタイムレンダリングを使用するにあたって、前途の”メリット”・”デメリット”が存在

�その特性を把握し制作する

生放送ではその性質上、リアルタイムレンダリングで計生放送ではその性質上、リアルタイムレンダリングで計

リアルタイムレンダリングを使用するにあたって、前途リアルタイムレンダリングを使用するにあたって、前途が存在

リアルタイムレンダリングとプリレンダリング

1併用例:1

� クロマキー合成を用いたフルバーチャルCGセット番組チャルCGセット番組

プリレンダリング


1併用例:1

� 番組情報や局の様々な取り組み、イベントを紹介する内容イベントを紹介する内容


リアルタイムレンダリングとプリレンダリングリアルタイムレンダリングとプリレンダリング

併用例:1併用例:1

� 開放感あるセットデザインを採用したため、インを採用したため、CG空間は広大

� 画替わりするように様々な場所に細かいCG

要素を散りばめている様々な場所に細かい要素を散りばめている

プリレンダリングプリレンダリング



CGセット奥の壁面部分に� CGセット奥の壁面部分には「滝」が流れている

� 「滝」はプリレンダリングで制作した動画

� その動画をリアルタイムレンダリングで描画されるンダリングで描画されるCGセットに「質感」として張り込む




� CGセットの形状が床に落とす「影」をプリレンダリとす「影」をプリレンダリングで生成

� プリレンダリングで生成した「影」をシーンのテクスチャとして使用た「影」をシーンのテクスチャとして使用



1併用例:1

� 「滝」のような水の動きが必要な表現は、リアルタイムレンダリングで再現する事がリアルタイムレンダリングで再現する事が難しく、処理も複雑になるのでCGシーンのフレームレートの低下を引き起こす

� 「影」という写実的な表現も、リアルタイムで描画するには重すぎる処理「影」という写実的な表現も、リアルタイムで描画するには重すぎる処理



1併用例:1

� これらの処理をプリレンダリングで制作した動画やテクスチャに“肩代わり”させる事で、リアルタイムレンダリングで処理可能で、リアルタイムレンダリングで処理可能なスペックのCGセットシーンにする



2併用例:2

� 大型LEDモニターにリアルタイムで獲得点数を表示する番組で獲得点数を表示する番組



2併用例:2

� 漫才・コントの対戦

� それぞれの審査員がつけた得点を集計し、暫定首位と挑戦者の得点集計し、暫定首位と挑戦者の得点を比べて、最終的に獲得得点が高かったコンビが優勝する内容




審査員が手元の⼊⼒端末に� 審査員が手元の⼊⼒端末に点数を⼊⼒

� 集計ソフトから各審査員の得点と合計点、勝敗のデー得点と合計点、勝敗のデータを受け取り大型LEDモニターに表示する



2併用例:2

点数や勝敗結果は、データが送ら� 点数や勝敗結果は、データが送られてきた時点で即座に判定・表示させなければならないので、必然させなければならないので、必然的にリアルタイムレンダリングを用いなくてはならない



2併用例:2

� 3DCGシーン内に得点用の数字オ� 3DCGシーン内に得点用の数字オブジェクト・演出用オブジェクト等を配置

� CGカメラのアングルをリアルタイムレンダリングで表示イムレンダリングで表示




� 数字以外のほぼ全てにプリ� 数字以外のほぼ全てにプリレンダリングで制作した動画を使用画を使用

� プリレンダリングで制作された映像を3DCGシーンの中に組み込むことによって、中に組み込むことによって、より豪華で複雑な演出が可能になる


プリレンダリング・リアルタイムレンダリングそれぞれの役割を踏まえて制作していく事で、それぞれの役割を踏まえて制作していく事で、コストや時間を考慮しながらよりリッチな表現が出来るコストや時間を考慮しながらよりリッチな表現が出来る

プリレンダリング・リアルタイムレンダリングそれぞれの役割を踏まえて制作していく事で、それぞれの役割を踏まえて制作していく事で、コストや時間を考慮しながらよりリッチな表現コストや時間を考慮しながらよりリッチな表現

けれどやっぱり・・・けれどやっぱり・・・けれどやっぱり・・・けれどやっぱり・・・

プリレンダリングするとプリレンダリングすると時間がかかるんです時間がかかるんです

クオリティーは上がるんですが・・・クオリティーは上がるんですが・・・

プリレンダリングするとプリレンダリングすると時間がかかるんです(>_<)時間がかかるんです(>_<)

クオリティーは上がるんですが・・・クオリティーは上がるんですが・・・

リアルタイムレンダリングリアルタイムレンダリングをもっと活用できないか？をもっと活用できないか？リアルタイムレンダリングリアルタイムレンダリングをもっと活用できないか？をもっと活用できないか？

� VR・AR技術の進歩は目覚ましく、ヘッドマウントディスプレイの一般販売の開始などで業界も賑やかの一般販売の開始などで業界も賑やか

� ゲーム業界もこれに呼応する形で、色々なリアルタイムレンダ� ゲーム業界もこれに呼応する形で、色々なリアルタイムレンダリングのエンジンを開発している

� ハリウッドでも映画のシーンにリアルタイムレンダリングで作られたカットを導⼊し始めている

技術の進歩は目覚ましく、ヘッドマウントディスプレイの一般販売の開始などで業界も賑やかの一般販売の開始などで業界も賑やか

ゲーム業界もこれに呼応する形で、色々なリアルタイムレンダゲーム業界もこれに呼応する形で、色々なリアルタイムレンダリングのエンジンを開発している

ハリウッドでも映画のシーンにリアルタイムレンダリングで作られたカットを導⼊し始めている

従来、プリレンダリング<ポスト処理�従来、プリレンダリング<ポスト処理ムレンダリングで制作する流れが始まっている

�レンダリング時間削減という課題に対しての一つの答えレンダリング時間削減という課題に対しての一つの答え

ポスト処理>で制作されていた映像をリアルタイポスト処理>で制作されていた映像をリアルタイムレンダリングで制作する流れが始まっている

レンダリング時間削減という課題に対しての一つの答えレンダリング時間削減という課題に対しての一つの答え

リアルタイムレンダリングでもリアルタイムレンダリングでもプリレンダリングのクオリティーがプリレンダリングのクオリティーが出せるようになってきた！出せるようになってきた！

リアルタイムレンダリングでもリアルタイムレンダリングでもプリレンダリングのクオリティーがプリレンダリングのクオリティーが出せるようになってきた！出せるようになってきた！

ゲーム制作からヒントを得たゲーム制作からヒントを得たリアルタイム処理リアルタイム処理〜番組コンテンツ制作への展開〜〜番組コンテンツ制作への展開〜

ゲーム制作からヒントを得たゲーム制作からヒントを得たリアルタイム処理リアルタイム処理〜番組コンテンツ制作への展開〜〜番組コンテンツ制作への展開〜

�様々な技術の登場で賑やかなゲーム産業。その�様々な技術の登場で賑やかなゲーム産業。そのリアルタイムレンダリングで処理される

�ゲームはどのようなツールで制作されているのか？�ゲームはどのようなツールで制作されているのか？

ゲーム制作からヒントを得たゲーム制作からヒントを得たリアルタイム処理

様々な技術の登場で賑やかなゲーム産業。そのCGのほとんどが様々な技術の登場で賑やかなゲーム産業。そのCGのほとんどがリアルタイムレンダリングで処理される

ゲームはどのようなツールで制作されているのか？ゲームはどのようなツールで制作されているのか？

ゲーム制作からヒントを得たゲーム制作からヒントを得た

�スマートフォン、PC、コンシューマー機のゲームは、そのほと�スマートフォン、PC、コンシューマー機のゲームは、そのほとんどは「Unity」・「Unreal Engine


コンシューマー機のゲームは、そのほとコンシューマー機のゲームは、そのほとUnreal Engine」で作られている


本日は「」を用いることで、従来の�本日は「Unity」を用いることで、従来のわっていくかをご紹介しますわっていくかをご紹介します


」を用いることで、従来のワークがどう変」を用いることで、従来のCGワークがどう変


�先月、「Unite 2017 Tokyo

カンファレンスイベントが開催されました�先月、「Unite 2017 Tokyo

Unityカンファレンスイベントが開催されました

�そこで紹介されていた制作事例が興味深いものであったので、少し紹介しますあったので、少し紹介します

Unite 2017 Tokyo」という国内最大のカンファレンスイベントが開催されました

Unite 2017 Tokyo」という国内最大のカンファレンスイベントが開催されました

そこで紹介されていた制作事例が興味深いものであったので、少し紹介しますあったので、少し紹介します

アニメ番組のエンディング映像制作アニメ番組のエンディング映像制作アニメ番組のエンディング映像制作アニメ番組のエンディング映像制作

アニメ番組のエンディング映像制作アニメ番組のエンディング映像制作

� 番組の性質上、シーズンごとに新� 番組の性質上、シーズンごとに新しい衣装やキャラクターが増える

� キャラクターの変化に合わせてエンディングの映像も変化のあるものにしなければならないのにしなければならない



� 従来、エンディング映像はMayaのプリレンダリングで制作していたプリレンダリングで制作していた



� プリレンダリングで制作するため、かなりのレンダリング時間を要しかなりのレンダリング時間を要していた



� Unityによるリアルタイムレンダリングに置き換える事で、以前のングに置き換える事で、以前のワークフローよりも格段にレンダリング時間が短縮された

� このワークフローを確⽴することによって、場合によっては週単位によって、場合によっては週単位でのシーン変更が可能になった


映像クオリティーが映像クオリティーが

プリレンダリングプリレンダリング≒リアルタイムレンダリングリアルタイムレンダリングプリレンダリングプリレンダリング≒リアルタイムレンダリングリアルタイムレンダリング


リアルタイムレンダリングリアルタイムレンダリングリアルタイムレンダリングリアルタイムレンダリングになった事例※しかも４８倍高速！！


生放送番組における生放送番組における生放送番組におけるUNITYの使用生放送番組におけるUNITYの使用

� 開票速報のデータをリアルタイムで� 開票速報のデータをリアルタイムで

� 選挙に関するデータを視聴者にわかりやすく、魅⼒的に伝える� 選挙に関するデータを視聴者にわかりやすく、魅⼒的に伝える

� 従来、プリレンダリングの素材を使うことでクオリティーを上げる� 従来、プリレンダリングの素材を使うことでクオリティーを上げる試みをしてきたが、今回はUnityをクリアする

生放送番組におけるUNITY生放送番組におけるUNITY

開票速報のデータをリアルタイムでCG上に表示開票速報のデータをリアルタイムでCG上に表示

選挙に関するデータを視聴者にわかりやすく、魅⼒的に伝える選挙に関するデータを視聴者にわかりやすく、魅⼒的に伝える

従来、プリレンダリングの素材を使うことでクオリティーを上げる従来、プリレンダリングの素材を使うことでクオリティーを上げるUnityのリアルタイムレンダリングでそれ

UNITYの使用UNITYの使用

出来ました！出来ました！出来ました！


出来ました！出来ました！出来ました！



� プリレンダリングを使わず、リッチ� プリレンダリングを使わず、リッチなアニメーションを実装

� 多角的なデータ群(視聴者の投稿)も問題なく表示できた


インタラクティブなコンテンツへの応用インタラクティブなコンテンツへの応用インタラクティブなコンテンツへの応用インタラクティブなコンテンツへの応用

インタラクティブなコンテンツへの応用インタラクティブなコンテンツへの応用

� Unityが主に使われているプラットフォームがゲームなので、Unityをフォームがゲームなので、Unityを番組制作に生かせるならゲームも作れるのでは？

� 放送局の一般向けイベントでゲームコンテンツを提供放送局の一般向けイベントでゲームコンテンツを提供



� 社屋の巨大な壁面にゲーム画面を投影。プレーヤーは４人で、手元投影。プレーヤーは４人で、手元に配布されたタブレット端末で操作する

� プレイヤーの操作がリアルタイムに巨大壁面に映し出されるプレイヤーの操作がリアルタイムに巨大壁面に映し出される


�生放送で使用してきたリアルタイムされるゲーム制作ツールのCG

生放送で使用してきたリアルタイムされるゲーム制作ツールのCG

�リアルタイムのグラフィックス処理は、番組だけでなく様々なコンテンツに流用可能になってきたなコンテンツに流用可能になってきた

生放送で使用してきたリアルタイムCG技術は、Unityに代表CG技術と基本思想は同じ

生放送で使用してきたリアルタイム技術は、に代表CG技術と基本思想は同じ

リアルタイムのグラフィックス処理は、番組だけでなく様々なコンテンツに流用可能になってきたなコンテンツに流用可能になってきた

�リアルタイムレンダリングの技術は、ゲーム分野やに牽引される形で、今後ますます発展していく事が予想されるに牽引される形で、今後ますます発展していく事が予想される

技術は、ゲーム分野やVR・AR分野に牽引される形で、今後ますます発展していく事が予想されるに牽引される形で、今後ますます発展していく事が予想される

�UnityやUnreal Engineで映像制作を⾏うには、プログラマーの�UnityやUnreal Engineで映像制作を⾏うには、プログラマーの思想とスキル、デザイナーの造詣が必要になる

�放送業界のCG制作現場においては、上記のスキルを持った人材の育成・他業種からの人員起用などの課題がある放送業界の制作現場においては、上記のスキルを持った人材の育成・他業種からの人員起用などの課題がある

で映像制作を⾏うには、プログラマーので映像制作を⾏うには、プログラマーの思想とスキル、デザイナーの造詣が必要になる

制作現場においては、上記のスキルを持った人材の育成・他業種からの人員起用などの課題がある

制作現場においては、上記のスキルを持った人材の育成・他業種からの人員起用などの課題がある

プリレンダリングとリアルタイムレンダリングプリレンダリングとリアルタイムレンダリングのクオリティー差がなくなってきた現在、皆様のクオリティー差がなくなってきた現在、皆様もワークフローに今日紹介してきた技術を検討してみてはいかがでしょうか？もワークフローに今日紹介してきた技術を検討してみてはいかがでしょうか？

プリレンダリングとリアルタイムレンダリングプリレンダリングとリアルタイムレンダリングのクオリティー差がなくなってきた現在、皆様のクオリティー差がなくなってきた現在、皆様もワークフローに今日紹介してきた技術を検討してみてはいかがでしょうか？もワークフローに今日紹介してきた技術を検討してみてはいかがでしょうか？

リアルタイム処理リアルタイム処理とポスト処理リアルタイム処理とポスト処理用した

生放送におけるCG

ワークの紹介とポスト処理用したの基礎と応用

リアルタイムCG処理の現在と今後の発展性

の基礎と応用

本日はご清聴、ありがとうございました！

リアルタイム処理リアルタイム処理とポスト処理を併リアルタイム処理とポスト処理を併用した3DCG制作とポスト処理を併用した3DCG制作の基礎と応用の基礎と応用

本日はご清聴、ありがとうございました！

リアルタイム叀理 生放送におけるcg とポスト叀理を併 ワークの...

Documents

リアルタイム叀理生放送におけるcg とポスト叀理を併ワークの...