関連する投稿

• 関連する投稿は見つかりませんでした。

関連する投稿

• 画面に雨粒が当たる表現 (3)
• エクスプレッション制御の結合 (5)
• エクスプレッションでつくる振動エフェクト「Puyo」 (14)
• 英語版エフェクト名を日本語版で使用するプリセット集 (12)
• 手付けでは絶対に作りたくない動画 (11)

Effectプラグイン

EventCheckプラグイン

エフェクトコントロール

PF_ADD_COLOR

PF_ADD_SLIDER

PF_ADD_FIXED

PF_ADD_PERCENT

PF_ADD_CHECKBOX

PF_ADD_ANGLE

PF_ADD_POPUP

PF_ADD_POINT

PF_ADD_TOPIC / PF_END_TOPIC

エクスプレッション制御

エクスプレッション制御を作る ColorControls

エクスプレッション制御を作る 画面動制御 ShakeControl

プラグインの日本語表示

1. まず、リビルドを行う。
   rファイルに定義されているコマンドラインでrcファイルを更新させます。
   
   
2. ｒｃファイルを右クリックしてコードの表示。
   
   
3. 文字化している箇所を特定して、正常な物に書き換える。
   
   
   
   
   目安として文字列の先頭に”￥ｘ０？”という文字があり、末尾には”￥０”が０個から３個あるはずなので、その間を書き換えます。
   
4. ビルドを行う。(リビルドではない。間違えてリビルドしたら最初からやり直し)
   rcファイルのみが更新されているので、それのみがビルドされてaexファイルが出力される。
   

PiPltoolX.exe

PixelReplace.aex　/ PixelSelector.aex

次回予告

関連する投稿

• アニメ制作者のためのAfterEffectsプラグイン作成入門(第５回)　スパッタリングプラグインを作成 (13)
• アニメ制作者のためのAfterEffectsプラグイン作成入門(第４回)　オリジナルノイズフィルタを作ってみよう！ (5)
• アニメ制作者のためのAfterEffectsプラグイン作成入門(第２回)　とりあえず作ってみよう！ (6)
• アニメ制作者のためのAfterEffectsプラグイン作成入門(第１回)　SDKをコンパイルしてみよう! (8)
• アニメ制作者のためのAfterEffectsプラグイン作成入門(第０回) (10)

スパッタリングとは

プラグインの仕様を考える

1. 描画位置を決める。
2. 決めた描画位置付近に適当な数の粒を描画する。
3. 以上の描画を適当な回数繰り返す。

• 範囲で指定。
  TopLeft/BottomRightの２点の位置パラメータから
• 範囲の中心で指定。
  中心位置・半径等のパラメータから
• 画像のアルファー情報から
  画像のアルファーの値から描画する位置を決める。

sputteringRect

SputDataDraw8 粒子の描画

ピクセルの合成（通常） blendPixel

粒子データを用意する

テーブル参照

1. 計算を予め終わらせておくので、高速化が望める。
2. ソースを簡略化して簡単にコーディングできるようになる。

function jyanStr(v)
{
	var ss = "";
	switch (v){
		case 0: ss = "グー";break;
		case 1: ss = "チョキ";break;
		case 2: ss = "パー";break;
	}
	return ss;
}
var dlg = new jyankenDialog("AfteEffectsとじゃんけんゲーム その１");
var player = dlg.execute();// 0:グー 1:チョキ 2:パー
if ( (player>=0)&&(player<3) ) {
	var computer = Math.floor(Math.random() * 12) % 3; //0-2の整数を返す
 
	var kekka = -1; // 0:引き分け 1:palyer勝利 2:player負け
	switch (player) {
		case 0: // グー
			switch (computer){
				case 0: kekka = 0; break;
				case 1: kekka = 1; break;
				case 2: kekka = 2; break;
			}
			break;
		case 1: // チョキ
			switch (computer){
				case 0: kekka = 2; break;
				case 1: kekka = 0; break;
				case 2: kekka = 1; break;
			}
			break;
		case 2: // パー
			switch (computer){
				case 0: kekka = 1; break;
				case 1: kekka = 2; break;
				case 2: kekka = 0; break;
			}
			break;
	}
 
	var s = "じゃんけん勝負\n\n";
	s +=";Palyer : " +jyanStr(player)+"\n";
	s +=";AfterEfefcts : " +jyanStr(computer)+"\n\n";
	switch(kekka){
		case 0: s += "引き分け\n";break;
		case 1: s += "あなたの勝ち\n";break;
		case 2: s += "あなたの負け\n”;break;
	}
	alert(s);
}

var dlg = new jyankenDialog("AfteEffectsとじゃんけんゲーム その２");
 
var player = dlg.execute();// 0:グー 1:チョキ 2:パー
if ( (player>=0)&&(player<3)) {
	var computer = Math.floor(Math.random() * 12) % 3; //0-2の整数を返す
 
	var kekkaTbl = new Array(0,1,2,2,0,1,1,2,0);
	var kekkaStrTbl = new Array("引き分け","あなたの勝ち","あなたの負け");
	var jyanTbl = new Array("グー","チョキ","パー");
 
	var s = "じゃんけん勝負\n\n";
	s += "Palyer : " + jyanTbl[player]+"\n";
	s += "AfterEfefcts : "  + jyanTbl[computer]+"\n\n";
	s += kekkaStrTbl[kekkaTbl[player * 3 + computer]]+"\n";
	alert(s);
}

粒子をランダムに選び出す。

乱数

sputteringCircle

1. Posの位置からRadius(半径の距離)Aspect(縦横比)とlength_scale/Anchorを考慮して描画点決める。
2. 描画点から最大point_lengthの位置にpoint_value分の粒子を描画。
3. 上の描画をvalue回繰り返す。

sputteringAlpha

このサンプルプラグインについて （F’s Pluginsへ）

• 16Bit対応
• 粒子のテクスチャを修正。
  50個から60個へ増やした。サイズを修正。
• sizeのパラメータを修正。
• suputteringSplashを追加。
• MT版とMacintosh版を作成

次回予告

関連する投稿

• アニメ制作者のためのAfterEffectsプラグイン作成入門(第６回)　Effectプラグインの構造・ユーザーインターフェース (4)
• アニメ制作者のためのAfterEffectsプラグイン作成入門(第４回)　オリジナルノイズフィルタを作ってみよう！ (5)
• アニメ制作者のためのAfterEffectsプラグイン作成入門(第２回)　とりあえず作ってみよう！ (6)
• アニメ制作者のためのAfterEffectsプラグイン作成入門(第１回)　SDKをコンパイルしてみよう! (8)
• アニメ制作者のためのAfterEffectsプラグイン作成入門(第０回) (10)

アプローチ

球を作る

• 基本色
• アンビエントライト
• ハイライト
• 映り込み

基本色

アンビエントライト

ハイライト

映り込み

これらは独立しているので、それらが独立していることを認識させるために多少ばらばらに動かします。

透明度やCC Sphereの回転も基本的にトライアンドエラーで調整していきます。

球の凹みをつくる

• 境界付近の反射の歪み
• 凹み部分
• 文字部分

境界付近の反射の歪み

凹み部分

文字部分

おわりに

• Version: AfterEffects CS4
• License: Free for all

関連する投稿

• カメラの色収差をエクスプレッションで簡易再現 (4)
• うねうねとすすむパイプ (4)
• 「Use the ForceMotionBlur,Luke」 (7)
• 3D空間を進む光線 without Particular (14)

関連する投稿

• 手付けでは絶対に作りたくない動画 (11)
• ミラーボール (8)
• トンネルの中でうねうね (6)
• カメラの色収差をエクスプレッションで簡易再現 (4)
• エクスプレッション制御の結合 (5)

Noise01Test その１　簡単なノイズフィルタ

• value(%)
  ランダムノイズを発生させる確率(%)です。０でなし。１００で必ずランダムの数値を加算します。具体的にはピクセルごとに乱数を発生させ、いのパラメータより乱数が小さい場合にのみピクセルにランダムな数値を加算します。
  
• “strong(%)
  ノイズの強さをパーセントで指定します。１００％にしても数値自体はランダムなので最大値に鳴らない可能性があり、数値の範囲を200%まで指定できます。加算するランダムな数値の値をこのパラメータで強弱をつけます。
  
• “used_color_noise
  ノイズをカラーにするかモノクロにするか指定します。

Noise01_Test 問題点 out_flagsの設定

AE_out_flags.exe

AE_Effect_Version.exe

プラグインの名前 Tips

Noise02Iterate PF_ITERATE

Noise03Lv

• value(%)
  これはNoise01Testのものと同じもの。
  
• hi(%)
  明るい部分のノイズの強さ。
  
• mid(%)
  中間部分のノイズの強さ。
  
• low(%)
  暗い部分のノイズの強さ。
  

1. 画像の明るさを識別するために3個のテーブル用配列を確保。
2. テーブルの初期化
3. ピクセルの明るさを計算
4. ピクセルの明るさをテーブル参照で、明るい部分の強度・中間部分の強度・暗い部分の強度を求める
5. おのおのの強度とパラメータの数値を考慮して、そのピクセルのノイズの強さを計算
6. ノイズを描画
7. ３以後の処理を全ピクセルで実行

• LV_LOW_OVR
  完全に暗い明るさ。２５％に設定。
  
• LV_MID_TOP
  中間職の始まりの明るさ。４０％に設定。
  
• LV_MID_BTM
  中間職の終わりの明るさ。７０％に設定。
  
• LV_HI_OVR
  完全に明るい明るさ。８０％に設定。
  
• LV_MAX
  テーブルの数値の最大値1024に設定。
  

Noise04Lv 　改造

1. 明るさの閾値が固定でかついい加減
   明るさの識別処理はあまりにもシンプルすぎて、実際の使用には耐えられそうに無い。
   
2. ノイズの品質が悪い
   基本的に1ピクセルのノイズなので、パラメータを強くするとギザギザしたジャギっぽい質感になり、弱くすると最近のHD画像では消えてしまう可能性がある。
   

次回予告

関連する投稿

• アニメ制作者のためのAfterEffectsプラグイン作成入門(第６回)　Effectプラグインの構造・ユーザーインターフェース (4)
• アニメ制作者のためのAfterEffectsプラグイン作成入門(第５回)　スパッタリングプラグインを作成 (13)
• アニメ制作者のためのAfterEffectsプラグイン作成入門(第２回)　とりあえず作ってみよう！ (6)
• アニメ制作者のためのAfterEffectsプラグイン作成入門(第１回)　SDKをコンパイルしてみよう! (8)
• アニメ制作者のためのAfterEffectsプラグイン作成入門(第０回) (10)

プラグインの改造（修正)　PSET.aexの16bit化

16bit対応の手順

• GlobalSetupで、out_flagsにPF_OutFlag_DEEP_COLOR_AWAREを追加。
  out_flagsでこのプラグインが16bitに対応していることをホスト(AfterEffects)へ通達します。
  
  忘れすにPiPLリソースも変更しておきます。
  
• 画像の色深度を確認。
  実際にホストから渡された画像が8bitか16bitか調べます。これはマクロが用意されていて、PF_WORLD_IS_DEEP(output)で判別できます。
  
  他にもAEGPのPF_WorldSuite2のPF_GetPixelFormatでもっと詳細な情報(8/16/32bit)が得られます。32bit対応の場合はこちらで判別します。
  
• 8bit/16bitで画像の実サイズの計算が違う。
  画像の実サイズは、PF_EffectWorldのrowbytesを1ピクセルのバイト数で割ることで求めていますので、対処します。
  
  
• 8bit/16bitで処理コードを変える。
  C++の機能で同一コードで対応してもいいですが、オーバーヘッドで処理速度がイマイチなので、僕は8bit/16bitで処理コードを分けてコーディングしています。
  
• 画像データをキャストしなおす。
  画像データはの型はPF_PixelPtrで、8Bitの場合そのまま扱えますが、16bit時は(PF_Pixel16 *)へキャストし直します。
  

画像の扱い。その１　ピクセル(PF_Pixel)

画像の扱い。その２　画像データへのアクセス

スケルトンプログラム

1. MySkeleton.h パラメータUIのインデックス
   enum定義されたパラメータUIのインデックス定数。
   
   enumは並べて定義するだけで、自動に数値を定義できる便利な機能で、順番が重要な定数定義を行う場合便利です。
   INPUTとNUM_PARAMSの間に自分が定義したい項目を追加していきます。
   
2. MySkeleton.h 文字列・その他定数の定義
   #defineで定数の定義を行っています。スケルトンでは、パラメータUIの表示文字列の定義とかバージョンの定義とか行っています。
   
   defineは定数の定義だけではなくマクロ定義も行えます。これはかなり使えますので、Cの参考書等で覚えましょう。
   
3. MySkeleton.h　AE_params構造体
   このスケルトンの重要な項目です。プラグインの画像描画に必要な変数を構造体にまとめたものです。
   typedef structで構造体を定義しています。
   
   
   
   各メンバの説明は次の通り。
   構造体のサイズを無理やり64Byteにするために最後に適当なメンバが二つ入れてあります。ただし、PF_Booleanのサイズは2Byteなのでプロジェクトのプロパティで構造体のアライメントを4Byteにしておかないと行けない（構成プロパティ:C/C++:コード生成]構造体メンバのアライメントを4バイト(/Zp4)に設定)
   
   

   メンバ名	型	説明
   in_data	PF_InData *	インプット画像情報の構造体のポインタ
   out_data	PF_OutData *	アウトプット画像情報の構造体のポインタ
   input	PF_EffectWorld *	インプット画像の構造体のポインタ
   output	PF_EffectWorld *	アウトプット画像の構造体のポインタ
   inData	PF_PixelPtr	インプット画像データの先頭アドレス
   outData	PF_PixelPtr	アウトプット画像データの先頭アドレス
   is16Bit	PF_Boolean	16bitならTRUE。8bitならFALSE
   width	A_long	画像の横ピクセル
   height	A_long	画像の縦ピクセル
   inWidth	A_long	インプット画像データの実際の横ピクセル
   outWidth	A_long	アウトプット画像データの実際の横ピクセル
   offsetInWidth	A_long	インプット画像データの横幅のオフセット。 (inWidth – width)の値
   offsetOutWidth	A_long	アウトプット画像データの横幅のオフセット。 (outWidth – width)の値
   currentFrame	A_long	Renderが呼び出されたタイムライン上のフレーム。（０スタート)
   reserve1	A_long	穴埋め
   reserve2	A_long	穴埋め

   
   MySkeleton.cppのGetAE_Params関数で処理を行っていますので、このスケルトンをつかえば、以上の情報は簡単に獲得できるようになります。
   
   PF_で始まる型は、SDKで定義されているAfterEffects独自の型。A_で始まる型はA.hで定義されているMac/Windowsや32bit/64bitアプリケーション作成時の変数の互換性を保つために定義されているものです。
   
   
4. MySkeleton.h MySkeleton_params構造体
   プラグイン独自のパラメータをまとめた構造体。
   MySkeleton.cppのGet_MySkeleton_Params関数で処理を行ってます。
   MySkeletonの文字列は、後で説明するAE_ProjectRename.exeでリネームを行うと同時に変更されるので注意のこと。
   
   
   
5. MySkeleton.h 関数のプロトタイプ宣言
   
   
   MySkeleton.cppとMySkeletonMain.cppと分離したため、MySkeletonMain.cppのMainRender関数をMySkeleton.cppから呼び出せるように宣言を行っています。
   
   
6. MySkeleton.cpp　GlobalSetup
   バージョンとout_flagsの設定を行っています。
   スケルトンではout_flagの値を２種類用意してあります。通常のプラグインならばこの２種類でほとんど用が足ります。
   
7. MySkeleton.cpp　ParamsSetup
   パラメータUIのセットアップを行っています。
   スケルトンでは、色(PF_Pixel)・整数のスライダ(A_long)・固定小数のスライダ(PF_Fixed)・チェックボックス(PF_Boolean)・角度(PF_Fixed)・ポップアップメニュー(PF_Fixed)・位置のUIを登録してあります。
   
   
8. MySkeleton.cpp　GetAE_Params
   AE_Params構造体の各メンバの値を獲得します。
   このスケルトンを使う限りこの部分は変更する必要がありません。
   
9. MySkeleton.cpp　GetMySkeleton_Params
   
   
   My_Sketeton構造体へUIから得られた数値を獲得します。
   各UIからの獲得方法のサンプルになっています。
   
10. MySkeleton.cpp　ERRマクロ
    
    
    ERRマクロは、AE_Macros.hで定義されている便利なマクロです。変数PF_Err　errを使っていて、関数がエラーを戻したときにERRマクロを使っていれば以後の関数の呼び出しをキャンセルできます。コーディングのタイプ量をかなり減らせます。
    
    この他にもSDKには便利なマクロがいっぱい定義されているので、積極的に使いましょう。
    
11. MytSkeletonMain.cpp
    ソースをわかりやすくするために、描画関係のコードをMytMySkeleton.cppから分離しました。まぁ、このスケルトンには描画コードは一切入っていませんが^^;
    
    

MytSkeleton 構成プロパティ

1. Debug
   Debug用のランタイム等をリンクしてある構成。
   デバッカーの設定はしてませんので、デバッカーを使用するときは一部設定を変更する必要があります。
   
2. Release
   Relese用のランタイム等をリンクしてある構成。ただし、ランタイムパッケージを必要とする物になります。
   ランタイムを要求する代わりにファイルサイズが小さくなります。
   
3. Release-MT
   Relese用のランタイム等をリンクしてある構成。ただし、ランタイムパッケージを必要しないものです。
   ランタイムが要らない代わりに、ファイルサイズがでかい。ちょっと遅くて、メモリも少し多く使う（最近のPCでは無視していいレベル）
   

プロジェクトのリネーム

ちょっと作った。 Firework.aex

さらに作った。 aeGraphicsクラス

今回のまとめ

関連する投稿

• アニメ制作者のためのAfterEffectsプラグイン作成入門(第６回)　Effectプラグインの構造・ユーザーインターフェース (4)
• アニメ制作者のためのAfterEffectsプラグイン作成入門(第５回)　スパッタリングプラグインを作成 (13)
• アニメ制作者のためのAfterEffectsプラグイン作成入門(第４回)　オリジナルノイズフィルタを作ってみよう！ (5)
• アニメ制作者のためのAfterEffectsプラグイン作成入門(第２回)　とりあえず作ってみよう！ (6)
• アニメ制作者のためのAfterEffectsプラグイン作成入門(第１回)　SDKをコンパイルしてみよう! (8)

とりあえず作ってみよう！

作成準備

1. まず、作業用のホームフォルダを作成します。
   Examplesフォルダの中に”MyPlugins”フォルダを作ります。これは今後プラグイン作成のホームとなるフォルダになります。好みの名称しても可ですが、フォルダの位置は変えないように。プロジェクトファイルは相対パスでヘッダーファイルの位置が指定されているので注意です。
   
2. 適当なソースをコピーする。
   ソースコードを最初から作るのは流石に大変なので、Effectsフォルダから適当なソースをフォルダごとコピーします。今回はSDK_Noiseフォルダを丸ごとMyPluginsへコピーしました。
3. ファイルをリネーム。中身も置換する。
   手作業てファイル名の”SDK_Noise”の部分を”PSET”へリネームします。
   ファイルの中身もテキストエディタで同様に置換します。ソリューションファイルやプロジェクトファイルも忘れずに書き換えます。
   この作業はVC++のIDEでやるよりエディタで一括置換した方が間違いが無いです。

コーディング。覚えておいた方がいいVisual Studioの機能

• 最低限の設定
  「ツール」メニュー「オプション」の、「環境」 : 「スタートアップ」 で「スタートアップ時」の設定を「空の環境の表示」に。
  これで起動がかなり短縮され、快適になります。
  その他の設定も自分の好みに合わせて設定しておきましょう。
• 行番号を表示させる。
  「ツール」メニュー「オプション」の、「テキストエディタ」 : 「C/C++」 :「 全般」で行番号をONにします。
  これは特に必要ないですが、行番号を表示しておくとなんだかプログラムしてるって気分が盛り上がります。
• 選択範囲を右クリックで定義を表示。
  わからない変数の型やマクロ定義や関数は、選択して右クリックして「定義へ移動」を行えば、その項目を定義した場所を表示してくれます。
  
  
  ここでは、PF_Pixelを選択して、実行すると、
  
  
  
  とAfterEffects.hの定義場所を開いてくれます。
  
  Visual StudioにはSDKのヘルプが無いので、この機能がヘルプの代わりになります。
  SDKのソースはコメント（英語）がかなりしっかりしてますの、After_Effects_SDK_Guide.pdfをほとんど見る必要はありません。というかソースにしか書いてない事が多いです。
  
  一般的なプログラムの事ならば、F1キーでヘルプを呼び出せます。
• Ctrl + Space で入力候補を表示
  関数名やメンバ名・変数名は、先頭の２・３文字を入力した後、Ctrl+Spaceで入力候補を表示させるとタイプミスを防ぐ事が出来ます。

PSET.aexの実行

ソースの解説 PSET.h

PSET.cppの解説　その１ include/EntryPointFunc

PSET.cppの解説　その２ About

PSET.cppの解説　その３　GlobalSetup

PSET.cppの解説　その４　ParamsSetup

PSET.cppの解説　その５　Render

この関数が、プラグインの描画のメインとなります。

1. プラグインパラメータの獲得。
   タイムラインのカレントのパラメータの数値を引数のPF_ParamDefポインタ配列から獲得します。
   ここらへんはもう構造体の嵐でパッと見良く分からない感じですが、ほとんど決まりきった表記なので適当なSDKのソースからコピペで対応出来ます。
   位置パラメータは固定小数値なので、今回は単純にシフトして整数値のみにしてあります。
   
   
2. 画像の情報を獲得。
   画像のサイズ等、描画に必要な情報を獲得します。
   獲得する情報は、
   
   • 入力画像構造体(PF_EffectWorld)
   • 画像の横サイズ
   • 画像の縦サイズ
   • 実際の画像の横サイズ
   • 入力画像データの先頭アドレス
   • 出力画像データの先頭アドレス
   • その他必要な情報
   となります。
   ここで、注意する点は、元の画像がが入った入力画像(input)と処理が終わった画像を入れる出力画像(output)と扱う画像が二つあることです。このことは後で説明します。
   
3. 実際の描画を行う。
   あとは、プラグイン独自の描画を行うだけです。
   
   とりあえず、今回は出力画像に入力画像を単純にコピーします。専用のコールバック関数(PF_COPY)を呼び出して簡単に行っています。
   
   次に画像に点を打つコードを記述します。
   
   まず、パラメータのチェックを行います。指定された位置が画面内にあることを確認してから以下のコードを実行します。
   

   outData[psetX + psetY * outWidth] = psetCol;

   
   outDataはPF_Pixelの１次元配列で、psetX はX座標・psetYはY座標・psetColはPF_Pixelのピクセルデータの変数です。
   outWIdthは出力画像の実際の横幅です。XとYの値から１次元配列のアドレス位置を計算しています。
   
   横幅は表示サイズとデータ内でのサイズと異なる場合がほとんどなので注意してください。データ内では効率化・ハードウエアの都合等の理由でだいたい４の倍数とかに切り上げられています。
   
   

PSETPiPL.r

最後に

おまけ

関連する投稿

• アニメ制作者のためのAfterEffectsプラグイン作成入門(第６回)　Effectプラグインの構造・ユーザーインターフェース (4)
• アニメ制作者のためのAfterEffectsプラグイン作成入門(第５回)　スパッタリングプラグインを作成 (13)
• アニメ制作者のためのAfterEffectsプラグイン作成入門(第４回)　オリジナルノイズフィルタを作ってみよう！ (5)
• アニメ制作者のためのAfterEffectsプラグイン作成入門(第１回)　SDKをコンパイルしてみよう! (8)
• アニメ制作者のためのAfterEffectsプラグイン作成入門(第０回) (10)

開発環境 Cコンパイラ

AfterEffects SDKの入手

SDKのインストール

さあ！コンパイルだ!!

プラグインの動作確認

注意！

まとめ

関連する投稿

• アニメ制作者のためのAfterEffectsプラグイン作成入門(第６回)　Effectプラグインの構造・ユーザーインターフェース (4)
• アニメ制作者のためのAfterEffectsプラグイン作成入門(第５回)　スパッタリングプラグインを作成 (13)
• アニメ制作者のためのAfterEffectsプラグイン作成入門(第４回)　オリジナルノイズフィルタを作ってみよう！ (5)
• アニメ制作者のためのAfterEffectsプラグイン作成入門(第２回)　とりあえず作ってみよう！ (6)
• アニメ制作者のためのAfterEffectsプラグイン作成入門(第０回) (10)