読者です 読者をやめる 読者になる 読者になる

アニソンVJとプロジェクションマッピング

アニソンVJに関する最新ニュースやトピック、技術メモなど、初心者に分かりやすく解説。おすすめアニソンVJソフト: VDMX5, Quartz Composer オススメVJ素材: VJ Beeple 動画編集: Adobe AE, Pr. Apple FCPX, Motion.

VJをするには、VJ機材を以下のようにして接続します。
VJ機材の接続図

以下の機材は不要です。でも絶対必要と思い込んでる人の多いこと。
最新のVJ機材

このように著しく画質が悪化します。なんと7倍も画素数が違います。
最新のVJ機材に国民的2Dアイドルもびっくり

これは酷いですね!国民的2次元アイドルもびっくりです。これは超カッコ悪いですね!
VJ機材の画質比較
どうしても必要なら別の方法があります。詳しくはこちらのページをご覧ください。

曲面へのプロジェクションマッピングとメッシュ

複雑な曲面へのプロジェクションマッピングの方法を解説します。これを行うにはMesh Warpingという機能を使います。

f:id:ctg:20161025154617j:plain

このティッシュ箱と、引き出した複雑な曲面のティッシュに映像を映しました。

f:id:ctg:20161025160700j:plain

以下手順。MadMapperを起動して、通常どおりマッピングを行います。ティッシュの部分は大まかにマッピングします。

ctg.hatenadiary.jpティッシュ部分のサーフェスを選択します。

"Mesh Warping"と"Bézier"(ベジェ曲線)のチェックを付けます。
"Subdivivisions"で分割数を指定します。

f:id:ctg:20161025161504p:plain

ハンドルを動かして映す映像を調節します。

f:id:ctg:20161025161531p:plain

以上。

最新VJ機材の実力

最新のVJ機材の実力

左から順番に、

  • 左: 内蔵ディスプレイ
  • 中央: プロジェクターに直結
  • 右: 去年発売された最新のVJ機材

これはひどいっw!!なんで、こんなもん売り出したのか謎。

約7倍も画素数が違う。

VJ用は恐ろしくダサいけど、それでなければずっと安くて、しかも高性能な機材があるよ。

安くて高性能なVJ機材

この機材です。

Blackmagic Design: ATEM Television Studio

ATEMは、まやかし一切なしの本物のFull HDで映像を出せるよ。

VJ機材の画質比較

参考情報

www.genkosha.comしかもiPadでワイヤレスで操作できるよ。

VJ機材をiPadでワイヤレス操作する

やり方は下記の記事をご覧ください。

iPadでATEMを操作してみました – TUINSBCC✕TECH

iPadアプリは以下。

Strata Pro - Remote Control for ATEM Switchers

Strata Pro - Remote Control for ATEM Switchers

  • Mark Gilbert
  • 写真/ビデオ
  • ¥4,800

また最新ではありませんが、もっと酷い機材が平然と使われていたりします。

以下をご覧ください。映像をプロジェクターでスクリーンに映して比較したものです。

f:id:ctg:20161001013005p:plain

どうですか、HDMIでつないだ方が圧倒的に画質がキレイですね。この写真だけでなく、自身でも実際に映して見てください。写真で見る以上に違います。全く比べ物になりません。HDMIでつなげば輪郭がボヤけないし、色も鮮明でグラデーションも繊細です。

f:id:ctg:20161001022338p:plain

どうですか、これほど画素数が違います。HDMIで接続するのは常識ですね。

f:id:ctg:20160930135948j:plain

VJの機材

VJの機材

ビデオジョッキーの機材を紹介します。VJ機材といっても、いろいろあるので初心者はどの機材を選べばいいか迷うでしょう。様々な機材の中から、VJで人気の製品や、私がオススメする機材を初心者にも簡単に分かりやすく紹介します!

上の写真は無線VJコントローラーのTouchOSC

目次

  • 基本的な機材
  • PC
  • 映像ケーブル
  • プロジェクター
  • コントローラー
  • 映像入力
  • 画面切り替え
  • マルチスクリーン

基本的な機材

VJをやる上で必要な、基本的な機材は以下の3点です。

  • PC
  • 映像ケーブル
  • プロジェクター

これらの機材を下図のようにつなぎます。

f:id:ctg:20160712144159p:plain

f:id:ctg:20160727154602j:plain

PC

f:id:ctg:20160727140934j:plain

現在発売中のモデルなら何でもOKですが、自身の使用するVJソフトの要件を確認しましょう。例えばVDMX5の場合は以下のとおりです。

f:id:ctg:20160627122919p:plain

Minimum System Requirements

  • Intel processor
  • OS10.10 or later

Recommended System Requirements

VDMX5 · VIDVOX

映像ケーブル

f:id:ctg:20160727135706j:plain

HDMIケーブルを使います。プロジェクターとPCをつないで、VJ映像を外部出力するために使用します。

VJブースからプロジェクターまでの距離が遠い場合、必要に応じてHDMI延長機を使用しましょう。

f:id:ctg:20160727162926p:plain

サンワサプライ HDMIエクステンダー VGA-EXHD

サンワサプライ HDMIエクステンダー VGA-EXHD

プロ用の映像延長機材のSDIも、最近は値段が安くなってきました。

シリアルデジタルインタフェース - Wikipedia

Blackmagic Design コンバーター Micro Converter HDMI to SDI 003864

Blackmagic Design コンバーター Micro Converter HDMI to SDI 003864

Blackmagic Design コンバーター Micro Converter SDI to HDMI 003871

Blackmagic Design コンバーター Micro Converter SDI to HDMI 003871

またPCにHDMI端子が無い場合は変換アダプターが必要になります。

f:id:ctg:20150423120257p:plain

PCに付いてるThunderboltやMini DisplayPortを、HDMIに変換するには以下のアダプターを使います。

下の写真は、左がThunderbolt 右がMini DisplayPortです。どちらの場合も上記のアダプターをここに挿して、HDMIに変換してプロジェクターなどにつなぎます。

f:id:ctg:20160730011415p:plain

プロジェクター

f:id:ctg:20160727135940j:plain

プロジェクターを選ぶ際に気をつけるべきことは、画面の明るさと解像度です。

明るさはlm(ルーメン)という単位で表示されています。キャパ100人程度までのハコなら、およそ3000lmあると良いです。

ルーメン - Wikipedia

また中古品の場合、使用に伴いカタログ値よりも光量が低下していることがあるので気をつけましょう。

解像度に関して、安価なものはSVGAですが、予算があればWXGAやFull HDをおすすめします。

BenQ DLP プロジェクター スタンダードモデル (WXGA/3300lm/1.9kg) MW529

BenQ DLP プロジェクター スタンダードモデル (WXGA/3300lm/1.9kg) MW529

 

コントローラー

TouchOSC

このVJコントローラーの特徴。コントローラーのボタンや配置などのデザインを、オリジナルで自由に作成して使用できる。WiFiでつなげるので、PCから離れてフロアから映像をコントロールすることも出来る。

もちろんVDMX5やResolume, CoGeなどの人気VJソフトは対応している。

開発元: hexler.net

f:id:ctg:20160730025648j:plain

TouchOSC

TouchOSC

  • Hexler Limited
  • ミュージック
  • ¥600

Luminair

照明をコントロールするための規格DMXのコントローラー、VDMXやModul8などのVJソフトはDMXでコントロールすることも出来る。これもWiFiでつなげる。ENTTECなんかの機材と組み合わせれば、照明と映像を同時に1つの端末でコントロールすることが可能になる!

Luminair 3 - Digital/DMX lighting control for iPad, iPhone and iPod touch

Luminairを使ってみたい

キーパッド、テンキー

f:id:ctg:20161012112224j:plain

USBのテンキーや、ゲーム用のキーボードやキーパッドもVJのコントローラーとしてよく使われます。1000万回耐久の高品質スイッチを採用するなど、耐久性や信頼性も非常に高く優秀です。

iBUFFALO テンキーボード Mac用 USB接続 スリム 独立キー シルバー BSTK08MSV

iBUFFALO テンキーボード Mac用 USB接続 スリム 独立キー シルバー BSTK08MSV

 

映像入力

2台のPCの映像をミキシングするには。

HDMIキャプチャを使って映像を取り込んで、PC上のVJソフトウェアでミキシングすればいい。

UltraStudio Mini Recorder

シンプルで、手のひらに乗るほど小さいHDMIキャプチャ
堅牢な金属筐体で、フルHDをキャプチャー可能。VDMX5やResolumeを始め多くのVJソフトが対応している。

メーカー商品紹介

Blackmagic Design 小型レコーダー UltraStudio Mini Recorder 001846

Blackmagic Design 小型レコーダー UltraStudio Mini Recorder 001846

画面切り替え

映像の切り替えなら、以下のHDMIスイッチャーが使えます。VJ交代の際、ケーブルをいちいち挿し替える手間が省けます。

SW-HD41MTV 【HDMI画面分割切替器】映像をシームレス切り替え、4分割表示

f:id:ctg:20160801020902j:plain

f:id:ctg:20160801022203j:plain

素早く画面が切り替わるシームレス切り替え機能を搭載。

f:id:ctg:20160801021301j:plain

シームレスとは「途切れのない・継ぎ目のない」という意味で、 切替後の映像を即時に表示できる「シームレス切替機能」を 搭載しています。映像が表示されるまでのタイムラグがなく快適に切替できます。

f:id:ctg:20160801021546j:plain

パソコン、HDDレコーダー、ゲーム機などの4台のHDMI機器の映像を4分割して、1台のディスプレイに 同時出力できるマルチビューワー機能(画面分割表示)を搭載。ソフトウェアのインストールなどが 一切不要で、HDMI機器を接続するだけで簡単に分割表示できます。

f:id:ctg:20160813130018p:plain

これは優秀ですね。ブログ冒頭のクソ高くて無駄にゴツいクセに、酷く性能が悪くてクソダサいVJ機材とは大違いですね。

www.sanwa.co.jp

マルチスクリーン

マルチスクリーンを実現するVJ機材。

TSdrena HDMI 4分配器 HAM-HIA14-K

フルHDHDMI映像を4分配するVJ機材。

f:id:ctg:20160801015517p:plain

TSdrena HDMI 4分配器 [相性保証付き] HAM-HIA14-K

TSdrena HDMI 4分配器 [相性保証付き] HAM-HIA14-K

スターテック MSTDP123DP

f:id:ctg:20160805115823j:plain

MSTDP123DPは、PCとモニターに外付けして3面に拡張したマルチモニター出力を実現するユニットです。

 

プロジェクターを天井から吊り下げるには

プロジェクターを天井から吊り下げるには、

f:id:ctg:20161009155605j:plain

用意するものは以下、ホームセンターに売ってる。

1点注意として、チェーンは樹脂製不可、必ず金属製チェーンにすること。理由は樹脂製だとすぐ切れるため、樹脂製はあくまで進入禁止などの表示用です。

  • メッシュパネル
  • ベルト
  • チェーン
  • リングキャッチ

f:id:ctg:20161007194224j:plain

プロジェクターをベルトでメッシュパネルに縛り付けて、

f:id:ctg:20161007194803j:plain

このようにしてチェーンをつないで吊るす。

f:id:ctg:20161007194902j:plain

動画ファイル変換フリーソフトの紹介

f:id:ctg:20160721222440p:plain

再生できない動画ファイルを、再生できる形式に変換する方法を解説します。再生できないのは、そのソフトがファイル形式に対応してないためです。変換すれば再生できます。

例えばmkvやwmv, flv, aviなどのファイル形式の動画は再生できないソフトもありますが、mp4に変換すれば再生できます。今回はその方法を解説します。

目次

  • ファイル形式とは
  • 動画のファイル形式を変換するには
  • 準備
  • 1個づつ変換する方法
  • 複数まとめて変換する方法
  • 動画から特定の範囲を切り出す

ファイル形式とは

ファイル形式は、コンピュータで利用するファイルの保存形式である。コンピュータで扱う動画などのファイルを、違うアプリで共通に扱うための形式や規格のこと。

映像のファイル形式は様々な種類があるが、そのアプリが対応していないファイル形式は扱うことができない。

ファイル形式 - Wikipedia

動画のファイル形式を変換するには

動画のファイル形式を変換するには、エンコーダーソフトを使います。代表的なものは以下。 今回、使い方を解説するのは、150種類もの動画形式に対応したエンコーダーソフトのFFmpegです。これは無料のフリーソフトで非常に対応したファイル形式が多く、ほぼ全ての動画を変換できます。FFmpegについて詳しくは以下をご覧ください。

FFmpeg - Wikipedia

ffmpegの使い方:tech.ckme.co.jp

準備

ffmpegをダウンロードします。

FFmpegホームページでDownloadボタンをクリックします。

f:id:ctg:20160722133014p:plainGet the packagesから自分のPC用のものをダウンロードします。

f:id:ctg:20160722133032p:plain

Download as DMGをクリックしてダウンロードします。

f:id:ctg:20170302115708p:plain

ダウンロードしたファイルをダブルクリックして解凍します。

f:id:ctg:20160722133912p:plain

アプリ本体が現れます。以上で準備ができました。

1個づつ変換する方法

FFmpegを使い動画ファイルの形式を変換します。以下手順。
FFmpegはターミナルから実行しますので、まずターミナルを起動します。起動方法は以下のとおりダブルクリックして起動します。

f:id:ctg:20160722154158p:plain

すると以下のウィンドウが表示されます。

f:id:ctg:20160729151620p:plain

このウィンドウにFFmpegドラッグアンドドロップします。

変換したいファイルをドラッグアンドドロップします。

これを元に以下のようにします。

ffmpeg -i [変換前ファイル名] [変換後ファイル名]

f:id:ctg:20160729151253p:plain

変換後のファイル名は、変換後の拡張子を指定します。例えばmp4に変換したいなら変換後ファイル名の拡張子を.mp4にします。

キーボードのreturnを押します。すると変換が始まり、しばらくすると変換されたファイルが現れます。

f:id:ctg:20160724110545p:plain

複数まとめて変換する方法

複数ファイルを一括変換するには、AutomatorというアプリでFFmpegを連続して自動実行させます。以下手順。
準備として変換したいファイルを1つのフォルダにまとめます。

f:id:ctg:20160724124622p:plain

Automatorを起動します。場所はアプリケーション以下にあります。

f:id:ctg:20160724141442p:plain

メニューバーのファイルから新規をクリック。

f:id:ctg:20160724141827p:plain

ワークフローを選択して"選択"ボタンをクリック。

f:id:ctg:20160724141858p:plain

左側のペーンから右側へドラッグアンドドロップして以下を追加します。
"Finder 項目の選択を求める"の"タイプ"を"フォルダ"に変更。
"シェルスクリプトを実行"の"入力の引き渡し方法"を"stdin"から"引数として"に変更。

f:id:ctg:20160724142006p:plain

"シェルスクリプトを実行"に以下を入力する。

for f in "$@"
do
    [ここにffmpegドラッグアンドドロップする] -i "$f" "${f%.*}.mp4"
done

f:id:ctg:20160724143402p:plain

右上の"実行"ボタンをクリック。

フォルダ選択を求められるので、先ほどの動画フォルダを選択して"選択"をクリック。

f:id:ctg:20160724144652p:plain

しばらくすると処理が終わり、右下の"ログ"に"ワークフローが完了しました"と表示されます。

f:id:ctg:20160724143444p:plain

フォルダを確認すると、mp4に変換されたものが追加されています。

f:id:ctg:20160724125044p:plain

動画から特定の範囲を切り出す

f:id:ctg:20160818141538p:plain

動画の隅などに不要なものが映っていて、特定の範囲だけ切り取りたいことがありますね。この切り取ることをクロップと言います。

FFmpegはクロップ処理も可能です。それでは以下手順。

FFmpegで動画をクロップする

ターミナルから以下のコマンドを実行します。

ターミナルがよく分からない人は、下記の"参考リンク"に初心者向け解説リンクを貼ったので見てください。

ffmpeg -i [元動画] -vf crop=x=[切り取りを開始するx座標]:y=[切り取りを開始するy座標]:w=[切り取る範囲の幅]:h=[切り取る範囲の高さ] [新しい動画]

f:id:ctg:20160818144828p:plain

これで動画のクロップができます。

f:id:ctg:20160818144849p:plain

開いてみると、以下のとおりクロップできてます。

f:id:ctg:20160818145514p:plain

動画から静止画像を切り出す

動画ファイルから静止画を切り出す方法。

[ffmpegドラッグアンドドロップ] -i [入力動画ファイル名] -ss 1 -vframes 1 -f image2 [出力ファイル名]

こんな感じです。めっちゃ簡単でしょ。やり方をさらに詳しく知りたいなら、

下の参考リンクの"ffmpegで動画から画像を切り出す | mitc"を見てね。

f:id:ctg:20160914124134p:plain

参考リンク

qiita.com

blog.codecamp.jpffmpegで動画から画像を切り出す | mitc

FFmpeg - Wikipedia

公式サイト FFmpeg

目次、プロジェクションマッピングとは

f:id:ctg:20161004115814p:plain

Funktion Projection Mapping - YouTube

最近は文化祭でも行われているプロジェクションマッピング

でもどうすればできるの

そんなお悩みの方も多いはず!!情報が少ないプロジェクションマッピングがこのブログで解っちゃう

このエントリーはプロジェクションマッピングに興味を持っている人、これから始めてみようと考えている人に向けた入門です。

現場で一番使われている世界標準のプロジェクションマッピング用のソフトウェアのMadMapperを使って、誰でも簡単にプロジェクションマッピングができるようになるHow toを解説します。

目次

上記目次の記事は以下から見れます。

ctg.hatenadiary.jp今回は、プロジェクションマッピングを行うために必要となる、プロジェクター、PC、映像を映す投影対象物などの機材について解説します。

プロジェクションマッピングとは

プロジェクションマッピング(英語名:Projection Mapping)とは、プロジェクタなどの映写機器を使い、建物などの物体に映像を映し出す技法をいう。
プロジェクション(=投影)という単純映写ではなく、マッピングという言葉が加わった言葉で、ここには投影する対象に映像を張り合わせるという意味合いがあり、対象と映像がぴたりと重なり合うことで意味を持ってくる映写方法である。
投影される対象は建築物だけではく、靴、テーブルや椅子、額縁、描かれた絵、人体、部屋、鞄、楽器、樹木などありとあらゆる物が対象となる。

プロジェクションマッピング - Wikipedia

多くの人が誤解していることに「単に投影しただけ」のものと「プロジェクションマッピング」は違います。単に建物など立体物に映像投影すればプロジェクションマッピングと思う人も多いですが、それだけではプロジェクションマッピングと言いません。

以下のようなオブジェがあったとします。

f:id:ctg:20161005124207j:plain

以下はとあるオブジェに映像を単に投影しただけです。

f:id:ctg:20161005124137j:plain

次にこの形状に沿って投影、それ以外は表示しないように、不要な所をカット(マスク)して、面ごとに映像を張り合わせます。これが簡単なプロジェクションマッピングになります。

f:id:ctg:20161005125343j:plain

さらにオジェにだまし絵的な手法で光と影を与えると、奥行きやリアリティが出るのです。

使用する機材とそのセッティング

プロジェクションマッピングに使用するハードウェアとセッティングについて解説します。以下の機材を使用します。

  • PC
  • プロジェクター
  • 投影対象物
  • HDMIケーブル

PC

f:id:ctg:20160727140934j:plain

世界中で一番使われている定番のプロジェクションマッピングソフトMadMapperを使用し、プロジェクションマッピングを行います。ソフトの動作要件をHPで確認します。

f:id:ctg:20160627122703p:plain

www.madmapper.comIntel CPUでOS 10.7以降であればOKですね。

プロジェクター

f:id:ctg:20160727135940j:plain

映像を映すためのプロジェクターです。

BenQ DLP プロジェクター スタンダードモデル (WXGA/3300lm/1.9kg) MW529

BenQ DLP プロジェクター スタンダードモデル (WXGA/3300lm/1.9kg) MW529

 

投影対象物

f:id:ctg:20160730013605j:plain

身近にあるもので映像を映せる四角いものです。ここではティッシュ箱を選びました。これに映像が綺麗に写るように白い紙を貼りました。

f:id:ctg:20160731131120j:plain

白いダンボール箱などでも良いでしょう。

HDMIケーブル

PCとプロジェクターを接続するためのケーブルです。

【Amazon.co.jp限定】PLANEX ハイスピードHDMI Ver1.4ケーブル 5m (PS3/Xbox360) PL-HDMI05-EZ (FFP)

【Amazon.co.jp限定】PLANEX ハイスピードHDMI Ver1.4ケーブル 5m (PS3/Xbox360) PL-HDMI05-EZ (FFP)

 

機材のセッティング

 以下のように機材をセッティングします。

f:id:ctg:20150422111815p:plain

f:id:ctg:20160802010542j:plain

プロジェクションマッピングQ&A

f:id:ctg:20161006110942p:plain

プロジェクションマッピングに関する疑問に答えます。

3Dプロジェクションマッピングはどうやるの

例えばこんな感じの3Dプロジェクションマッピングはどのように作るのでしょうか。


'Axioma' - 3D projection mapping at LLUM BCN Festival 2016 in Barcelona.

答えは3DのCGソフトで映像を作成し、それをプロジェクションマッピングソフトで投影しています。

プロジェクションマッピングソフトでの投影の方法は、MadMapperの使い方で紹介したやり方と何も変わりません。

3DCGの作るには以下のような無料のフリーソフトを使います。

www.blender.orgこれの使い方はプロジェクションマッピングの技術というよりは、映像制作の技術です。かなり詳しい使い方の解説が、動画や本、WEBサイトであるので勉強しましょう。


Blender Tutorial: Fantasy Text Factory Animation

Blender 3Dキャラクター メイキング・テクニック

Blender 3Dキャラクター メイキング・テクニック

 

www.blender3d.bizBlender - Wikipedia