/20周年記念・3ヶ月連続新連載第2弾!ツイートツイートCGWORLD20周年を記念した3ヶ月連続新連載の第2弾は、長年インタラクティブコンテンツの制作を手がけ、様々な有名作品とのコラボレーションにも携わってきたCodelightの高田稔則氏が、Unityを用いたインタラクティブコンテンツの開発手法を基礎から丁寧に紹介していきます。Komura(CGWORLD)インタラクティブコンテンツとはどういうもの?はじめまして、Codelight株式会社の高田といいます。今回から「Unityでつくるインタラクティブコンテンツ」と題して、インタラクティブコンテンツのつくり方を紹介していきます。ものすごくざっくりというと「様々なセンサーを利用して、人の動きに反応するコンテンツ」のことです。実例としては弊社でも導入しているLumoPlayのサイトをみるとわかりやすいと思います。これは赤外線カメラを利用して人の動きを検知し、それに合わせた映像をプロジェクタで投影するシステムです。Vimeo.このようなコンテンツは「展示コンテンツ」、「デジタルサイネージ」、「デジタルアート」とも呼ばれ、様々な博覧会やイベント、展示施設で利用されています。弊社もキッザニア東京、赤坂サカス、施設の展示スペースなどに設置されているコンテンツの開発に関わっています。ボーダレス」という巨大なデジタルアートミュージアムがオープンしました。「人の動きを検知してプロジェクタでアクションを返す」という基本的なシステムはLumoPlayと変わらない部分もありますが、大規模かつ高度につくり込まれています。ここまで複雑なものでなくても、タッチパネルを使った情報端末、人気キャラクターとの記念撮影、新商品の発表イベント、運転体験コーナーなど魅力的なコンテンツをいたるところで目にします。皆さんの中には実際にこういったコンテンツをつくりたいけれど、どうすればよいのかわからない人もいるのではないでしょうか。そのような方のために本連載ではUnityを利用して具体的にインタラクティブコンテンツのつくり方を紹介していきますので、お付き合いいただければと思います。弊社が手がけるインタラクティブコンテンツは、ほぼUnityで作られています。Technologiesが開発しているゲーム開発環境です。わかりやすい入門書籍が多数出版されていますし、Webで高度な応用事例も紹介されていて学習しやすい環境が揃っています。実際の制作ではモデル、アニメーション、拡張機能などコンテンツをつくるときに必要な豊富なデータ(アセット)が提供されているアセットストアを利用することで、短期間でクオリティの高いコンテンツをつくることが可能になっています。同じソフトを使うことで他の会社さんとの共同作業を行いやすくなるメリットも大きいです。今後は3D制作の共通プラットフォームとしてデザイナー、エンジニア、プランナーの区別なく利用する場面が広がっていくのではないでしょうか。定番ですが、情報源として以下のTwitterアカウントはフォローをオススメします。凹みTips:https://twitter.com/hecomiテラシュールブログ:https://twitter.com/tsubaki_t1高橋啓治郎:https://twitter.com/_kzrUnity以外の開発環境はどんなものがあるの?ここでUnity以外のソフトも紹介しておきましょう。Gamesが開発しているゲーム開発環境です。多機能でレンダリングが美しく、映像制作のレンダラとして使われることもあります。ブループリントと呼ばれる機能を使えばコードを書かなくてもゲームロジックを組んでいくことが可能です。AAAのゲームタイトルによく利用されています。Engine・TouchDesignerDerivativeが開発しているビジュアルデベロップメントプラットフォームです。ブループリントと同じようにノードを組み合わせてプログラムを組むことができ、さらにその処理過程がリアルタイムに可視化されます。開発過程のそのものを作品として楽しむことも出来る面白いソフトです。Vimeo.・MaxCycling'74が開発しているマルチメディア向けの統合開発環境です。音の処理にとても強いソフトです。これもノードベース(パッチと呼びます)で処理を組んでいきます。Console・openFrameworksこれまで紹介したソフトとはちがい、OpenCV(画像処理ライブラリ)、OpenGL(レンダリングライブラリ)などのよく使うライブラリをまとめてC++で開発できるようにしたプログラマー向けのソフトウェアです。使用にはC++での開発知識が必要になります。openFrameworksのAPIデザインはProcessingがベースになっているため、プログラムに慣れていない人はProcessingから入ると理解しやすいと思います。同様のライブラリにCinderがあります。以下のサイトでは世界中の様々なコンテンツのメイキングが紹介されています。ここで紹介した以外のソフトもたくさんありますのでいろいろ調べてみてください。Network実際に、Unityでコンテンツづくりを体験していくために少し準備をします。Unity」を使います。UnityOpenCVは画像処理を行うときのデファクトスタンダードなライブラリで、それをUnityで使えるようにしたものがこのアセットです。価格は$70と高めですが、使う場面も多く良質なサンプルが提供されているので購入しても決して無駄になることはありません。Unityのサンプルを使い、簡単な顔認識コンテンツをつくっていきます。ソニー・インタラクティブエンタテインメント)でPS4のOSD開発などを経て2006年にCodelight株式会社を設立。今回は、コンテンツ開発におけるUnityとTouchDesigner、それぞれの特徴と必要な知識について考えます。/...2019.09.27第11回:デバッグと設定ファイル今回は、コンテンツ開発の過程では欠かせないデバッグと、設定ファイルの記述法について紹介します。Toshinori...2019.08.20第10回:Spoutを使ってリアルタイムに画像を共有する今回は、UnityとTouchDesignerの間でリアルタイムに画像を共有する方法を紹介します。Controlでライトを制御する今回は、通信プロトコルOSCを、Unityで使えるようにセットアップします。Takata(C...2019.05.21第8回:押しボタンの入力をUnityで取得する今回は、押しボタンの入力をUnityで取得できるように、ボタンとデジタル入出力装置とPCを接続し、設定をしていきます。TEXT_高田稔則...2019.04.18第7回:プロジェクタのキャリブレーションをする第5回から引き続き、測域センサを用いたコンテンツの制作を進めていきます。今回はプロジェクタによる投影位置をより使いやすいよう調整します。...2019.02.21第6回(番外編):裸眼立体視ホログラムディスプレイを使ってみる前回から測域センサを用いたコンテンツの紹介がスタートしましたが、今回は番外編として、今注目の裸眼立体視用ホログラムディスプレイ「Looki...2019.01.24第5回:測域センサを使ってみる今回からは、レーザー式測域センサを利用したコンテンツを考えていきます。Unityで使えるようセットアップをし、簡単なインタラクティ...2018.12.19第4回:顔検出まとめ前回は、複数人の顔を検出してお面をかぶせるところまでコードをアレンジしてみました。今回は、さらにその精度を高めつつ、他の顔検出アルゴリズム...2018.10.26第3回:複数人の顔検出に対応させる前回、顔を検出してお面をかぶせるところまでつくってみました。今回はさらにそれを発展させ、複数人の顔を検出できるようにします。TEXT_高...2018.09.21第2回:OpenCVで顔検出こんにちは、Codelight株式会社の高田です。真さんの「おいしいデ」を読みました。ハリウッドでも活躍する佐藤隆之氏がFRONTIERのクリエイター向けPCをレビュー。ハリウッドでも活躍する佐藤隆之氏がFRONTIERのクリエイター向けPCをレビュー。次の100年も愛されるフォントを創る。FIX!森田悠揮氏、マーザ・アニメーションプラネット、カヤック、萌、SNKの登壇が決定。