クリエイター手抜きプロジェクト[313]FinalCut Pro 7編 オリジナルのフィルタを作る(4)/古籏一浩

投稿:  著者:  読了時間:4分(本文:約1,900文字)


FilanCut Proでオリジナルフィルタを作成するシリーズの最終回です。今回は、映像の上に中心線を描画するスクリプトです。これまでは四角形を描画しましたが、今度は線を描画します。実際に中心線を描画するスクリプトが以下になります。




scriptid "GreenLine"
filter "十字線";
group "自分のフィルタ";

input borderWidth, "線幅", slider, 1 , 0, 100;
input borderColor, "線の色", color, 0 , 0, 255, 0;

code
point pt1,pt2;
float x,y;

Dimensionsof(dest, x, y);
// 縦線
pt1.x = 0;
pt1.y = -y/2;
pt2.x = 0;
pt2.y = y/2;
Line(pt1, pt2, src1, borderColor, borderWidth);
// 横線
pt1.x = -x/2;
pt1.y = 0;
pt2.x = x/2;
pt2.y = 0;
Line(pt1, pt2, src1, borderColor, borderWidth);
blend(src1, src1, dest, 50);


線はあらかじめ座標点を示すpoint型の変数を用意しておきます。線は2つの座標点が必要ですから、ここではpt1, pt2としています。このpt1のx, yプロパティに座標値を設定します。

今回は映像の端から端まで線を描画するのですが、肝心の映像の幅が分かりません。ちなみに、-9999とか9999など完全にはみだす数値を指定し線を描画させてしまう方法もあります。

とは言っても、映像のサイズが分からないと不便なことは多々あります。FXScriptでは、映像の幅をDimensionsof()で取得することができます。最初のパラメータには取得したい映像ソースを、2番目には横幅を入れる変数、3番目には縦幅を入れる変数を指定します。あとは、変数を参照して線の座標を設定すればできあがりです。

なお、FinalCut ProのFXScriptで作成されたプラグインは以下のサイトにたくさんあります。
< http://audience.studio-web.net/ >

【古籏一浩】openspc@alpha.ocn.ne.jp
< http://www.openspc2.org/ >

東京では桜が咲いているようですが、長野県塩尻市ではまだ梅も咲いてません(家にある梅や周辺の梅)。桜はもちろん咲いてません。とりあえず咲いているのは福寿草、水芭蕉、座禅草くらいです。例年よりも、春の訪れがかなり遅いみたいです。

2006年から撮影している(道路)景観アーカイブに、今年撮影した映像を追加しました。その映像に関しては★をつけてあります。というか、★を付けないと撮影した本人も分からない状態。

・(道路)景観アーカイブ
< http://www.openspc2.org/travel/ >

・毎度おなじみASCII.jpの連載
「Android 4の新機能でカメラWebアプリ作ってみた」
< http://ascii.jp/elem/000/000/683/683444/ >

・AndroidのためのHTML5本格アプリ開発【発売中!!】
< http://www.amazon.co.jp/dp/4897978971/ >

・新標準HTML5 & CSS3辞典【発売中】
< http://www.amazon.co.jp/dp/4844331752/ >

・Google API Expertが解説するHTML5ガイドブック
< http://www.amazon.co.jp/dp/4844329278/ >

・改訂5版JavaScriptポケットリファレンス
< http://www.amazon.co.jp/dp/4774148199 >

・10日で覚えるHTML5入門教室
< http://www.amazon.co.jp/dp/4798124184 >

・ハイビジョン映像素材集
< http://www.openspc2.org/HDTV/ >

・クリエイター手抜きプロジェクト【2011年分まで用意しました】
< http://www.openspc2.org/projectX/ >

・Adobe Illustrator CS3 + JavaScript 自動化サンプル集
< http://www.openspc2.org/book/PDF/Adobe_Illustrator_CS3_JavaScript_Book/ >
吉田印刷所の「印刷の泉」でも購入できるようになりました。