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