AE UI スクリプト ～LayerManager_test その２

今週、仕事の荒波を乗り越えて、無事２７日のアフターご飯に参加できるのか！？

もしお会いできる方がいるなら、その時はヨロシクしてください。



と、いうことで、前の記事のこれです。
今回は長くなりますよっと。





画像がでかくなっちゃいましたが、こんな感じです。

前の記事に動画を載せているので、未見の方はご覧ください。


で、今回のは、Windows XP sp3  以外のOS での挙動がわかりません。

ほんとはよくないらしい、for~文でのsleep()でアニメーションさせているので
OS によって挙動が違います。

前記事の動画で我慢してもらうか、カックカクでもいいぜっ！ってなチャレンジャーは、
試して動作報告などしてもらえるとありがたいです。(でもしなくてもいいです)


AE CS4        Windows XP sp3  のみ動作確認

LayerManager_test (zip)      ← 右クリックで ＤＬ　



さて、ここから少し内容の説明を。

まず、このスクリプトを立ち上げると、パネルがフェード･イン してきます。
いろいろな要素を組み込んだので、結果的にはカクついてますが、
作ってる最初の頃は、すげーいい感じだったのですよ。


で、このパネル、枠がありません。
これはウインドウのオプションで指定することで、Win ではあまりかっこよくない枠を外せます。
通常は、

winObj = new Window( "palette" ,  "ウインドウの名前" ,  [ 左座標, 上座標, 右座標, 下座標 ] );

と、書くところを

winObj = new Window( "palette" ,  "ウインドウの名前" ,  [ 左座標, 上座標, 右座標, 下座標 ] , {borderless: true} );

って感じで、追記してやると、枠無しで使えます。
このときの注意点は、ウインドウを閉じるボタンが無くなる　ということでして、自分で用意しないと
いつまでたっても消えませんｗ

ちなみにウインドウの不透明度は、winObj.opacity = 100; で指定できます。



また、今回のスクリプトは ScriptUI Panel ではないのですが、ウインドウの色がいつもの肌色 (Ｗｉｎデフォ)
じゃないことにすでに気付いてる方もいるかもしれません。

と、いうわけで、ウインドウ（グループなど他にも適用可）のカスタマイズについて書いていきます。


上記のようにウインドウオブジェクトを作成（グループなどの場合も一緒）した後でこのように書きます。

gWin = winObj.graphics;
winBrush = gWin.newBrush(ブラシタイプ, [ R , G , B , A ] );
例：
winBrush = gWin.newBrush( gWin.BrushType.SOLID_COLOR , [ 1/255*43, 1/255*43, 1/255*43, 1 ] );
gWin.backgroundColor = winBrush;

これで背景色を好きな色に設定できます。
ＲＧＢＡは、０～１ の値なので注意してください。

これは　ScriptUIGraphics Object  というもので、他にもフォントの種類、フォントサイズ、フォントの色などが指定できます。

表示色（そのオブジェクトに表示させるフォントなどの色）の設定は、

gWin.foregroundColor      になります。



また、フォントの指定は、オブジェクトに対して

winObj.wText = winObj.add("statictext", [ 左座標, 上座標, 右座標, 下座標 ] , "テキストの内容");
gText = winObj.graphics;
//フォント、フォントサイズ
winFont = ScriptUI.newFont ( "フォントの名前" , フォントスタイル , フォントサイズ );
例：
winFont = ScriptUI.newFont ( "Arial" , ScriptUI.FontStyle.BOLD , 15);
//フォントの色を直接指定
winPen = gText.newPen(ペンタイプ, [ R , G , B , A ], 線幅);
例：
winPen = gText.newPen(gText.PenType.SOLID_COLOR, [1/255*176, 1/255*177, 1/255*172, 1], 1);
gText.font = winFont;
gText.foregroundColor = winPen;

と、いう感じになります。


詳しくは、ExtendScript Toolkit CS4 < SDK < JavaScript Tools Guide CS4.pdf
にある、ScriptUIGraphics object  を参照してみてください。


今回は、Closeボタンも通常のボタンではなく、group で作っています。
アイコン画像を使わなくてもスクロールバーなんかもこれで作れますね！

好きなデザイン（制限はありますが）や色、フォントでいろいろ出来ると思いますので
今まで満足できなかった方は、ぜひ試してみてはどうでしょうか。


次回、ひょっとしたらいいもの上げれるかもしれません。(上手くいったらですが・・・)




投票ボタン付けてみました。

       べ、べつに押したっていいんだからねっ！　s(●'へ'●)2

AE UI スクリプト ～LayerManager_test

スクリプターの皆さんこんばんは。

気が付けばもう５月中旬。西武遊園地のマス釣りもとっくに終わってしまいました・・・・・あーぁ



ということで、やっとこ公開できるようになりました。

もっといろんなことをやろうと考えてたのですが、忙しくてかなり期間が空いちゃったので
モチベーションが保てず、ここまでしか出来ませんでしたｗ


いろいろと書きたいことはありますが、まずこれをみてもらいましょーか。



※キャプチャーした為、処理が重くなっててもっさりしてますが、
実際はもうちょいサクサクっと動くと思います。

これはスクリプトＵＩオブジェクトのテスト用に思いついたスクリプトなんですが、
機能としては、各コンポのレイヤーを操作できるパネルという感じです。

ムービーではレイヤーの入れ替えをやってるだけなんですけど、対象のコンポを
ビューに表示させずに操作が出来ます。

最終コンポを表示させた状態で、内包するコンポ内のレイヤーをいじれちゃうのでーすよ！


将来的に発展させる方向としては、各レイヤーのプロパティやエフェクトなどの数値を
この状態で変更できるといった感じでしょうか。
エクスプレッションのリンクやなんかも出来るようになれば、もうタイムラインごと作っちゃえ！
みたいになりそうですがｗ


で、夢が広がるところでナンナンデスガ、今回の目的はこのスクリプトの機能じゃなくてですね、
レイヤーを入れ替える為のフローティングアイコン（と勝手に呼びますが）だったり、
イメージ画像やアイコンボタンなどを一切使わずにパネルのデザインを作ることだったり、
無駄かもしれないけどインタラクティブなことをやってみたりといったことだったのです。


ということで、あくまで今回のスクリプトは、ＵＩテストの為に考えたものですので、
今のところ、もうこれ以上開発を進める予定はありません。


で、これまでのテストで、タイムシートも作れちゃうなーと確信に近いところまできた感じですね。
ただ、これはもっともっと先の開発になると思います。


次の更新で、一応このスクリプトをうｐ するつもりなんですが、
残念なことにこのスクリプトは、Windows XP sp3  でしか快適に動かないと思います。

その辺のことについても、次の更新で。




投票ボタン付けてみました。

       べ、べつに押したっていいんだからねっ！　s(●'へ'●)2

近況などいろいろ

連休まで詰まってて、なかなか更新できません。


近いうちに更新するつもりなんですが、前の記事で触れた" FP-Launcher_M "ではありません。

期待させる程のものではないのであまり書きませんが、かなりいい感じですよっと。
(あれ？ 期待しちゃうかな？)



＜5/04 更新＞

いいもの見つけたので紹介。



やべぇｗ　今度集めてみよー

AE UI スクリプト ～popupUI_test

スクリプターのみなさん、こんばんわ。


ちょっくら試したら、出来ちゃったシリーズ第二段です。
これも前から実装したかったものなんですよねー。


とりあえず、AE CS4  Windows XP sp3 のみ動作確認済。

↓ 今回のびっくりドッキリメカは、これですー！！( ExtendScript ToolKit  にコピペなどで実行してください )


popupUI_test.jsx  (jsx)   ← 右クリックでDL



これが何かは、まぁ、タイトルでわかるかと思いますが、そういうことです。

これが使えるっていうのは、結構なびっくり大事件なんですが、あまりそんなこともないですかねぇ？





投票ボタン付けてみました。

       べ、べつに押したっていいんだからねっ！　s(●'へ'●)2

開発途中・・・・・ FP-Launcher_M

まだまだ途中なんですけど、とりあえずマスクのとこが出来たのでうｐ。






FP-Launcher のマスク版です。

いろいろ思いついたものを付けちゃったりしてます。


マスク制御のスクリプトも書きたいと思っていたのですが、今まで触れたことが無かったので
今回はいい勉強になりました。
この感じだと、いろいろな形をプリセットってのも出来ますね。


まだ直線カーブの設定やカラーの設定はしていないので、もうちょい時間が必要ですが、
一番心配していたところが出来たので一安心といったところです。


週末までは手を付けることが出来なさそうなので、来週明けぐらいに公開できればいいかなー


あと、まだ試してないんですが、bryfulさんが FP-Launcher_CC を補完するプラグインを
Twitter で公開されているので、マスク版の後はこのプラグインの使用を想定したカラーカーブ版の方に
取り掛かかろうかと思ってます。





投票ボタン付けてみました。

       べ、べつに押したっていいんだからねっ！　s(●'へ'●)2

AE UI スクリプト ～blindPnlUI こんなんできました その３

一応、複数の外部スクリプトも読み込めるようになったし、完成したんだけど

実際使ってみると、思ったほど効果がないことにかなりガックシ・・・・・・・

結構、頑張ったんだけどなー



これだったら、ボタンの方がいいって感じですね。



いろいろ勉強にはなったからいいんだけど、あまりの失望にちょっと公開は差し控えます。

ちょっと触ってみたいとかいう方がいれば考えます・・・・・・

AE UI スクリプト ～blindPnlUI こんなんできました その２

やっとこやっとこ、ここまで出来ました。(結構大変だったの・・・・)



とりあえず ＵＩ 部分のみですが、ここに公開です～


↓　最初の状態





配列で複数の項目を作れるようになってます。
これは外部スクリプトファイルを読み込んで、その数だけ表示できるように考えてる為。

現状では、単にＡ～Ｇまでの名前の配列になってます。


これをぴろっとするとこんな感じ。






仕様としては、省スペースでの使用を考えてますので、開ける項目は１つのみです。
別のを開くとそれまで開いていた項目は閉じます。

で、新しく開いた項目が一番上に表示されますよっと。　ヽ(*´∀｀)ノ ｺﾝﾅﾉﾎｼｶｯﾀﾝﾀﾞｧ~



マウスリスナーのリリースの反応がおかしくて、めちゃ苦労しました。
てか、完全に解決できてません。　ヽ('ー`)ノ

パネル内とバーとの同期もあやしいので、この辺は見直す予定です。



あと問題は、白枠内に外部スクリプトファイルをいかに表示させるかってとこなんですが、
まったく検証すらもしていないので、まだまだ道のりが長そうですね。

どなたか参考になるものやアドバイスがあったら、お願いします・・・・・・ﾎﾝﾄﾆ



現行バージョンは、単純にぴろぴろ開いたり閉じたりするだけのものでしかないので、あまり公開する
意味がないとは思うのですが、配列をやめて直接書き込めば使えることは使えますし、
何より心優しい方がアドバイスなり、改良してくれたりしてくれたらうれしいなぁと・・・・・だめですか。


まぁ、ここから先が長くなるかもしれないので、とりあえずひと区切りってとこですね。
もしよろしければ、ぴろぴろしてみてください。

解答して出来たフォルダの中身を、ScriptUI Panels フォルダ内に入れて、ＡＥを起動してくださいませ。



blindPnlUI_sample (zip)      ←　　右クリックでＤＬ



AfterEffects CS4   ※スクリプト内(一番下あたり)で、制限しています。はずせばCS3でもいけるかも？？

Windows XP sp3   &  Mac 10.5.6   動作確認済



Ｍａｃだと、▽が暗くなったままになりますが、カーソルで上を通過させれば白くなりますよっと。
(Mac の仕様なのか？？)







投票ボタン付けてみました。

       べ、べつに押したっていいんだからねっ！　s(●'へ'●)2

AE UI スクリプト ～blindPnlUI こんなんできました

日本全国のスクリプターのみなさま、こんばんわ。

さて、pickerUI のソースを整理してたのですが、その時に前から考えてたことを試してみました。



常にパネルに表示しておきたいスクリプト群が、邪魔になることってありますよね？

タブにしたところで、たくさんあったらタブを選ぶのにスクロールしないとダメですし、
ボタンにするのも数が増えると結局、邪魔になったり。


なーんていうのも建前で、以前から　” エフェクト＆プリセット ” みたいな感じのパネルを作ってみたかった
だけなんですー。


↓　こんな感じ （白枠内にスクリプトを表示）





横の▽をクリックすると、ぴろっと閉じます。





このパネルに複数のスクリプトを (ボタンランチャーなんかも) 入れとくと、整理整頓できるかぁ・・・・
と模索中です。



と、ここまで作った段階で、ちょっとヒラメイタんですが、これに頻繁に使用するエフェクトとかの
パラメーターを任意で登録できれば、コントローラーになるんじゃない？？


普段は、コンポ内にヌルレイヤーをおいて、そこに各パラメーターとエクスプレッションでリンクさせて
コントローラー代わりにしてたりするんですが、こっちの方がカッチョイイッ！！


問題は、いかに簡単に各パラメーターを登録させるかというところなんですが、
まだまだ実現は先のようですねぇ・・・・・・


いいアイデアあったら、ぜひ教えてください。




投票ボタン付けてみました。

       べ、べつに押したっていいんだからねっ！　s(●'へ'●)2

AE サンプルスクリプト ～ pickerUI 紹介するぜー & 公開するぜーぃ！

昨日、スクリプトをうｐ したばかりですが、長年欲しかったものが出来ちゃったので紹介します。


これは、会社の人が t_e_t_s_u_o さん（いつも拝見させてもらってます）からいただいた、
イベントリスナー関係のスクリプトサンプルを昨日見せてもらった時に思いついたスクリプトです。


もう、ず～と前から実装したくてどうしようもないほどだったので、プラグインででも作ってやろうかと
重い腰をようやく上げかけていたところでもあったので、かなり自分にとっては大事件なのです。

実は、昨日作ったスクリプトの元になっている FP-Launcher も少しヒントになっています。
なんというめぐり合わせのタイミングなのかと、勝手にもりあがっちゃったり・・・・



と、いうわけで、これがそれでーす！







これは何かといいますと・・・・・・・じゃーんｗ




マウスクリックでライブに色変更ができる、スクリプトＵＩ 用 カラーピッカーなのです！！

スクリプトのマウスリスナーがあるなんて思わなかったので、今までこの発想がでませんでした。
とっくに実装されている方もいるかもしれませんね・・・・・・


これは、HSB の彩度(S) と輝度(B) のカラーを選べる仕様で、ＲＧＢの値を返します。
ちなみに画像の上が彩度、下が輝度です。
今のところサンプルとして、レイヤーの塗りエフェクトに対してのみ適用させてます。

これをライブラリ的に使いまわせば、快適スクリプトライフを送れますねー　ヽ(*´∀｀)ノｳﾌﾌﾌ


ＲＧＢへの変換式は、ナイスタイミングな感じで FP-Launcher のソースにあったものを
そのまま使わせてもらいました。
楽して、どうもすいません・・・・・・・そしてありがとうございました。



とりあえず現状はまだサンプルなので、今後どういう形で汎用できるものにするか考え中です。

もし、ちょっとそれって大事件やーん！　って共感していただける方がいるなら、サンプル状態ですが、
うｐ しますね。


人づてに見せてもらったのですが、t_e_t_s_u_o さん、ありがとうございました。


------------------------------------------------------------------------------------------------------------
更新しました。         10/03/13 19:00


とりあえず、選択中の平面の色を変更する仕様にしました。(複数選択不可)

今後、直でRGBの数値を打ち込めるようにするとか、パネルのサイズに合わせてリサイズ
出来るようにするとか、いろいろいろりろ考えてますが、この仕様だけでも結構いけてる感じかと。


で、独り占めじゃもったいないので、うｐ します。


pickerUI_beta (zip)      ←　　右クリックでＤＬ　　　　再々再々再々うｐ    10/03/14   10:45


AfterEffects CS4

一応、近場のＷｉｎ　＆　Ｍａｃ で動作確認済みです。
ひょっとしたら、ＣＳ３でも動くかも。


解凍後のフォルダ内の　[ (png) ] フォルダは Scripts 直下に、[ pickerUI_beta.jsx ] は
ScriptUI Panels 直下に入れて、AEを起動させてください。

スクリプトＵＩ パネルなので、お好きなところにどうぞ。
現状では、ちょっとが大きすぎかなぁ･････


今は平面の色のみですが、他にいろいろな用途に使えそうなので、アイデアとかあったら教えてください。

もちろん、改変してもっといいものにしてもらってもいいですよっと。



----------------------------------------------------------------------------------------
更新。　　　　10/03/13 20:10


これ、同じソースの平面すべてに影響しますね・・・・・・・ソースの色を変えてるからとうぜんなんですけど。
右クリックで　エフェクト＜塗り にするとか、何か考えないとダメですね。
一気に変更できるという意味ではいいんだけどさ・・・・


とりあえず、使用する方は、同じソースの平面が他にあった場合にご注意ください。


--------------------------------------------------------------------------------------------------------
追記。　　10/03/14   0:00


再うｐ しました。

カラーグリッドにカーソルを乗せました。

すでに使用している方は、スクリプトファイルの更新と、(png)フォルダ内に追加された
[ mappoint.png ] を入れてください。


----------------------------------------------------------------------------------
再々うｐ。　10/03/14  0:40


すみません・・・・・RGB変換がミスってました。

右端だとグリーンが異常な数値にｗ
修正しましたー

-------------------------------------------------------------
再々再うｐ。   10/03/14   1:15


嘘つきました。すみません。


色の変換、むずいよぉ～
とりあえず、大丈夫なはずだけど、ウソだったらごめんなさい。

もう今日は直さないＸ


-------------------------------------------------------------------------------------------
こっそり再々再々うｐ。　10/03/14  09:40


ＲＧＢ変換のところを整理し直しました。


--------------------------------------------------------------------------------------
再々再々再うｐ。    10/03/14   10:35


ドラッグに反応させました。
ドラッグ中の色の反応が遅いのは、仕方ないのかな・・・・

でも、だんだんいい感じになってきたーっ


------------------------------------------------------------------------------------------
再々再々再々うｐ。   10/03/14   10:45


クリックした瞬間に反応追加。

今日はこれで打ち止め。
いづれソースを整理します。

※追記
Ｍａｃだとカーソルの画像が下に隠れちゃいますね。
対処法は簡単で、もうわかってるんだけど、次のうｐ にします。




投票ボタン付けてみました。

       べ、べつに押したっていいんだからねっ！　s(●'へ'●)2

AE スクリプト ～ FP-Launcher_CC ～ 公開

とりいそぎ、うｐ。


FP-Launcher_CC (zip)     ←　右クリックでＤＬ  ※再再うｐしました。10/03/13 00:20


AEP Project  さんで記事になった 、FP-Launcher のカラーカーブ対応版です。(ColorCurveでCCね)

今、時間が無いので、ちょっとだけ解説。


基本は元のものと同じです。

スライダーの縦幅やラジオボタンの間隔は少し調整しました。
Ｍａｃだとちょいずれてたので。


１つのコンポを選んで、パネル内のボタンかスライダーをいじると、新規平面にパラ・フレア用のグラデを作成します。
(再うｐで、スライダーでは新規平面を作成しない仕様に変更しました)


違う点は、以下。


複数コンポや何もコンポが選ばれていないとアラートが出ます。

コンポ内のレイヤーが何も選ばれていない場合や、平面レイヤーじゃない場合、複数選ばれている場合、
" FP_～ " の名前のエフェクトがない場合は、新規平面を作成します。

選んでるレイヤーにすでに " FP_～ " の名前のエフェクトがある場合は、そのエフェクトの
パラメーターを上書きします。



大急ぎで作ったので、おかしなところがあったら教えてください。
パネルの操作感は、おそらく元のスクリプトと同じ感じかなーと思います。
結構、さくさくで、快適ですよー
グラデの色や調子は、手作業で調整する必要があるかもしれないです。


元のスクリプトを作成された、Ｔｅｒｒａｏｎさん、takowasabiさん 、これ、すごくいいですね～
今後、改良されるみたいなので、極力そのままで付け足したかったんですが、そんな腕はなかったです；；
スクリプト、いろいろいじっちゃったんですけど、どうか許してください・・・・もひもひ

時間があるときに、ちょこちょこ再うｐするかもです。



-------------------------------------------------------------------------------------------------------------
再うｐしました。  10/03/12  23:20

以前のは、エフェクトがない場合や、何も選んでない場合に、スライダーをいじると新規平面
が出来てましたが、回避しました。

それと、カラーバーの部分をボタンにしたので、すでにエフェクトがあるレイヤーを選んでる状態で、
カラーバーをクリックすると、現在のレイヤーに割り当てている色がスライダーに反映されます。
(ここの変換に時間がかかっちゃった・・・・・)

この処理の為にエフェクトが増えましたが、影響はないと思います。
(数値をエクスプレッションで参照しているだけなので)


以前のものをＤＬ してくださった方は、更新後のものを使用してださいませ。


-------------------------------------------------------------------------------------------------------------
再うｐしました。  10/03/13  0:20

えーと、”エフェクト＜塗り＜カラー” で色を変えた場合、今まではスライダーをいじると上書きされてた
のを回避しました。

厳密に言うと、HSBのSとBの値が変更されると、スライダーの影響を受けない仕様にしました。
グラデの方向などは、今まで通りに影響されます。
ちなみに、この状態のときにカラーバーをクリックしてもスライダーには反映しません。

再び、SとBを100％にすると、スライダーに影響されます。



とりあえず、今の段階ではここまでかなーと思ってます。
次は、よりよいグラデの出し方をどうするかってとこですか。

他にも書きたいスクリプトがあるので、ひょっとしたらしばらく放置するかもしれません。
何か問題などあれば、対処しますのでコメントでお願いしますねー


と、思ったけど、調整レイヤーを選んでいる時はマスクのみ適用ってのを入れるの忘れてた・・・
これだけは、近いうちに更新するかもです。



投票ボタン付けてみました。

       べ、べつに押したっていいんだからねっ！　s(●'へ'●)2