「画面エフェクトを自作する」の編集履歴(バックアップ)一覧はこちら
画面エフェクトを自作する - (2009/01/01 (木) 07:28:27) の最新版との変更点
追加された行は緑色になります。
削除された行は赤色になります。
*CamTwistのエフェクトを自作してみよう
アプリケーション/CamTwist/Effectsを開いてみると.qtzというファイルがあります。
これはAppleのXcodeパッケージに含まれるQuartzComposerのファイルです。
このソフトを使って簡単なエフェクト"ColorRotation"を自作してみましょう。
まずQuartzComposerにCamTwistからデスクトップを表示させてます。
そこにエフェクトを掛けることで、具合を確かめながら作っていきます。
*QuartzComposerをインストールする
解説に入る前に、まずはXcodeのインストールが必要です。
Xcodeのインストーラは、OSXのインストールディスクに入っています。
もしくは下記のサイトからダウンロードして下さい。(無料の会員登録が必要)
ADC:http://developer.apple.com/jp/technology/tools.html
*QuartzComposerを起動する
Developer/Applications/内を探して下さい。Graphics Tools内で見つかる場合もあるとか。
&blankimg(http://www14.atwiki.jp/macnama/pub/E01.png,width=128,height=80) &blankimg(http://www14.atwiki.jp/macnama/pub/E02.png,width=128,height=80)
*CamTwistから映像を入力し、表示してみよう
1:QuartzComposerのFileメニューからNewBlankを選ぶ。Editorウインドウが開くので左上の
丸いボタンを押してPatchCreatorを開く。
&blankimg(http://www14.atwiki.jp/macnama/pub/E03.png,width=128,height=80) &blankimg(http://www14.atwiki.jp/macnama/pub/E04.png,width=128,height=80)
2:PatchCreatorの検索窓を使ってBIllboardとVideoInputを見つけEditorにドロップする。
もしくはPatchCreator上でダブルクリックしてもOK。
&blankimg(http://www14.atwiki.jp/macnama/pub/E05.png,width=128,height=80)
3:次にEditorウインドウ上でVideoInputのImageの右の丸(出力)からBillboardのImageの左の
丸(入力)へドラッグして線を繋いで下さい。
&blankimg(http://www14.atwiki.jp/macnama/pub/E06.png,width=128,height=80)
ここでEditorの左上の四角いボタンViewerを押してみましょう。
billbordがVideoInputの出力をレンダリングしてViewerウインドウに映します。
&blankimg(http://www14.atwiki.jp/macnama/pub/E07.png,width=128,height=80)
Viewerウインドウには何が映りましたか?私の場合はisightの映像でした。
次にViewerにCamTwistのDesktop出力を映してみましょう。
4:EditorウインドウのViewerボタンの左にあるPatchInspectorボタンを押し、Inspectorを開く
Editor上でVideoInputをクリックし選択状態にし、Inspectorのsettingsタブに移動、
VideoDeviceをCamTwistに。ViewerにCamTwistの出力が映し出されます。
&blankimg(http://www14.atwiki.jp/macnama/pub/E08.png,width=128,height=80) &blankimg(http://www14.atwiki.jp/macnama/pub/E09.png,width=85,height=80)
5:最後にEditor上でBillboardを選択、InspectorのInputParametersタブへ移動し、Widthの値
を2に変更します。Viewer全体にDesktopを表示できました。
&blankimg(http://www14.atwiki.jp/macnama/pub/E10.png,width=128,height=80) &blankimg(http://www14.atwiki.jp/macnama/pub/E11.png,width=85,height=80)
*ColorRotationを作ってみよう
1:PatchCreatorからRGBColorとLFOを見つけてEditor上に配置します。LFOは3つ必要。
ここではLFO1~3と名前を変更し画像のように線を繋ぎます。
Viewerの映像が白黒に点滅したら成功です。
&blankimg(http://www14.atwiki.jp/macnama/pub/cr1.png,width=128,height=80) &blankimg(http://www14.atwiki.jp/macnama/pub/cr2.png,width=128,height=80)
2:次にLFO1~3の設定をInspectorで変更します。InputParametrsタブのPhaseの値をLFO1~3
のそれぞれに0, 120, 240と設定して下さい。
&blankimg(http://www14.atwiki.jp/macnama/pub/cr3.png,width=128,height=80)
3:再びPatchCreatorからInputSplitterを見つけてEditor上に配置する。Inspectorでこのパッチ
を選択し、settingsタブのType:をNumberに。パッチネームが変更されても気にしないこと。
MinimalValue:を0に、MaximalValue:を180に、配線は画像を参照。
&blankimg(http://www14.atwiki.jp/macnama/pub/cr4.png,width=128,height=80) &blankimg(http://www14.atwiki.jp/macnama/pub/cr5.png,width=128,height=80) &blankimg(http://www14.atwiki.jp/macnama/pub/cr6.png,width=128,height=80)
InspectorのInput Parametersタブに移動し、inputのバーを動かすと色の変わる間隔を変更
できるはずです。後でこのバーをCamTwistからも操作できるようにします。
&blankimg(http://www14.atwiki.jp/macnama/pub/cr7.png,width=128,height=80)
4:同じようにInputSplitterをもう一つ配置し画像のように設定します。配線はOutputからLFO1~3
のそれぞれのAmplitudeに繋いで下さい。
&blankimg(http://www14.atwiki.jp/macnama/pub/cr8.png,width=128,height=80)
5:PatchCreatorからMathを見つけ出し、画像のように設定、配線して下さい。これで二つ目の
NumberSplitterは彩度(Saturation)を操作できるようになりました。
&blankimg(http://www14.atwiki.jp/macnama/pub/cr9.png,width=128,height=80)
ここまででエフェクト自体の作成は完了です。次に初期値を設定し、CamTwistから利用できる
ように入力を変更します。ここでいったん閉じますね、お疲れさまでした。
*CamTwistから読み込めるようにする。
1:Editor上のNumberSplitterの上でCtr+クリック、PublishedInputs -> Inputを選択。
名前の変更状態になるので、名前を付けます。もう一つのNumberSplitterも同様。
これでCamTwistのSettingsから二つの値が設定できるようになりました。
&blankimg(http://www14.atwiki.jp/macnama/pub/cr10.png,width=128,height=80) &blankimg(http://www14.atwiki.jp/macnama/pub/cr11.png,width=128,height=80)
2:次に初期値を設定します。Editorの左上から3つ目のボタン、PatchPatametersを押します。
MacroPatchの値を設定すればそれが初期値となります。
&blankimg(http://www14.atwiki.jp/macnama/pub/cr12.png,width=100,height=80)
3:最後にBillbordのImageの入力元を変更します。Editor上のVideoInputを選択してdeliteを
押して下さい。代わりにBillboard上でCtr+クリック、PublishedInput -> Imageを選択。
名前はそのままImageでかまいません。
&blankimg(http://www14.atwiki.jp/macnama/pub/cr13.png,width=128,height=80)
4:QuartzComposerのFileメニューから保存し名前を変更して、CamTwistのEffectsフォルダに
放り込んで下さい。
&blankimg(http://www14.atwiki.jp/macnama/pub/cr14.png,width=128,height=80)
5:CamTwistを再起動もしくはEffectを再読み込みして、今作ったエフェクトを確かめましょう。
うまく行きましたか?
&blankimg(http://www14.atwiki.jp/macnama/pub/cr15.png,width=128,height=70)
*CamTwistのエフェクトを自作してみよう
アプリケーション/CamTwist/Effectsを開いてみると.qtzというファイルがあります。
これはAppleのXcodeパッケージに含まれるQuartzComposerのファイルです。
このソフトを使って簡単なエフェクト"ColorRotation"を自作してみましょう。
まずQuartzComposerにCamTwistの出力を渡し、デスクトップを表示させます。
そこにエフェクトを掛けることで、具合を確かめながら作っていきます。
*QuartzComposerをインストールする
解説に入る前に、まずはXcodeのインストールが必要です。
Xcodeのインストーラは、OSXのインストールディスクに入っています。
もしくは下記のサイトからダウンロードして下さい。(無料の会員登録が必要)
ADC:http://developer.apple.com/jp/technology/tools.html
*QuartzComposerを起動する
Developer/Applications/内を探して下さい。Graphics Tools内で見つかる場合もあるとか。
&blankimg(http://www14.atwiki.jp/macnama/pub/E01.png,width=128,height=80) &blankimg(http://www14.atwiki.jp/macnama/pub/E02.png,width=128,height=80)
*CamTwistから映像を入力し、表示してみよう
1:QuartzComposerのFileメニューからNewBlankを選ぶ。Editorウインドウが開くので左上の
丸いボタンを押してPatchCreatorを開く。
&blankimg(http://www14.atwiki.jp/macnama/pub/E03.png,width=128,height=80) &blankimg(http://www14.atwiki.jp/macnama/pub/E04.png,width=128,height=80)
2:PatchCreatorの検索窓を使ってBIllboardとVideoInputを見つけEditorにドロップする。
もしくはPatchCreator上でダブルクリックしてもOK。
&blankimg(http://www14.atwiki.jp/macnama/pub/E05.png,width=128,height=80)
3:次にEditorウインドウ上でVideoInputのImageの右の丸(出力)からBillboardのImageの左の
丸(入力)へドラッグして線を繋いで下さい。
&blankimg(http://www14.atwiki.jp/macnama/pub/E06.png,width=128,height=80)
ここでEditorの右上の四角いボタンViewerを押してみましょう。
billbordがVideoInputの出力をレンダリングしてViewerウインドウに映します。
&blankimg(http://www14.atwiki.jp/macnama/pub/E07.png,width=128,height=80)
Viewerウインドウには何が映りましたか?私の場合はisightの映像でした。
次にViewerにCamTwistのDesktop出力を映してみましょう。
4:EditorウインドウのViewerボタンの左にあるPatchInspectorボタンを押し、Inspectorを開く
Editor上でVideoInputをクリックし選択状態にし、Inspectorのsettingsタブに移動、
VideoDeviceをCamTwistに。ViewerにCamTwistの出力が映し出されます。
&blankimg(http://www14.atwiki.jp/macnama/pub/E08.png,width=85,height=80) &blankimg(http://www14.atwiki.jp/macnama/pub/E09.png,width=85,height=80)
5:最後にEditor上でBillboardを選択、InspectorのInputParametersタブへ移動し、Widthの値
を2に変更します。Viewer全体にDesktopを表示できました。
&blankimg(http://www14.atwiki.jp/macnama/pub/E10.png,width=85,height=80) &blankimg(http://www14.atwiki.jp/macnama/pub/E11.png,width=85,height=80)
*ColorRotationを作ってみよう
1:PatchCreatorからRGBColorとLFOを見つけてEditor上に配置します。LFOは3つ必要。
ここではLFO1~3と名前を変更し画像のように線を繋ぎます。
Viewerの映像が白黒に点滅したら成功です。
&blankimg(http://www14.atwiki.jp/macnama/pub/cr1.png,width=128,height=80) &blankimg(http://www14.atwiki.jp/macnama/pub/cr2.png,width=128,height=80)
2:次にLFO1~3の設定をInspectorで変更します。InputParametrsタブのPhaseの値をLFO1~3
のそれぞれに0, 120, 240と設定して下さい。
&blankimg(http://www14.atwiki.jp/macnama/pub/cr3.png,width=128,height=80)
3:再びPatchCreatorからInputSplitterを見つけてEditor上に配置する。Inspectorでこのパッチ
を選択し、settingsタブのType:をNumberに。パッチネームが変更されても気にしないこと。
MinimalValue:を0に、MaximalValue:を180に、配線は画像を参照。
&blankimg(http://www14.atwiki.jp/macnama/pub/cr4.png,width=128,height=80) &blankimg(http://www14.atwiki.jp/macnama/pub/cr5.png,width=128,height=80) &blankimg(http://www14.atwiki.jp/macnama/pub/cr6.png,width=128,height=80)
InspectorのInput Parametersタブに移動し、inputのバーを動かすと色の変わる間隔を変更
できるはずです。後でこのバーをCamTwistからも操作できるようにします。
&blankimg(http://www14.atwiki.jp/macnama/pub/cr7.png,width=128,height=80)
4:同じようにInputSplitterをもう一つ配置し画像のように設定します。配線はOutputからLFO1~3
のそれぞれのAmplitudeに繋いで下さい。
&blankimg(http://www14.atwiki.jp/macnama/pub/cr8.png,width=128,height=80)
5:PatchCreatorからMathを見つけ出し、画像のように設定、配線して下さい。これで二つ目の
NumberSplitterは彩度(Saturation)を操作できるようになりました。
&blankimg(http://www14.atwiki.jp/macnama/pub/cr9.png,width=128,height=80)
ここまででエフェクト自体の作成は完了です。次に初期値を設定し、CamTwistから利用できる
ように入力を変更します。ここでいったん閉じますね、お疲れさまでした。
*CamTwistから読み込めるようにする。
1:Editor上のNumberSplitterの上でCtr+クリック、PublishedInputs -> Inputを選択。
名前の変更状態になるので、名前を付けます。もう一つのNumberSplitterも同様。
これでCamTwistのSettingsから二つの値が設定できるようになりました。
&blankimg(http://www14.atwiki.jp/macnama/pub/cr10.png,width=128,height=80) &blankimg(http://www14.atwiki.jp/macnama/pub/cr11.png,width=128,height=80)
2:次に初期値を設定します。Editorの右上から3つ目のボタン、PatchPatametersを押します。
MacroPatchの値を設定すればそれが初期値となります。
&blankimg(http://www14.atwiki.jp/macnama/pub/cr12.png,width=90,height=80)
3:最後にBillbordのImageの入力元を変更します。Editor上のVideoInputを選択してdeleteを
押して下さい。代わりにBillboard上でCtr+クリック、PublishedInput -> Imageを選択。
名前はそのままImageでかまいません。
&blankimg(http://www14.atwiki.jp/macnama/pub/cr13.png,width=128,height=80)
4:QuartzComposerのFileメニューから保存し名前を変更して、CamTwistのEffectsフォルダに
放り込んで下さい。
&blankimg(http://www14.atwiki.jp/macnama/pub/cr14.png,width=128,height=80)
5:CamTwistを再起動もしくはEffectを再読み込みして、今作ったエフェクトを確かめましょう。
うまく行きましたか?
&blankimg(http://www14.atwiki.jp/macnama/pub/cr15.png,width=128,height=70)
表示オプション
横に並べて表示:
変化行の前後のみ表示: