ORANGE AGE Weblog

面白そうなので行ってきますー。

FRENZ http://f-renz.jp/
開催日：2009年 9月 12日 (土)
開催場所：新宿 LOFT PLUS ONE

サイトをリニューアルしました。
サイト背景全面に動画をのっけるというものをしたくて、構想はあったのですがなかなかよい動画素材がなく、背景を静止画で済ませてたのですが、今回使えそうな素材も準備でき念願の全画面動画サイトにできました。
背景が動画に変わった以外は、特に変更ありませんが、見た目のインパクトはかなりのものがあると思います。

今回のリニューアルで少しつまづいたところは、
「画面サイズを変更したとき、各パーツのサイズはそのままで、動画のみをリサイズする」
ということでした。

stage.scaleMode = StageScaleMode.NO_BORDER

でいけそうとか思ってたんですが、これだとパーツもなにもかも拡大縮小されちゃうので使えない。動画のみをStageScaleMode.NO_BORDERの効果のようにしなきゃいけないので、
動画をムービークリップにし、インスタンス名にmcMovieと付け、

//ステージは拡大縮小なし
stage.scaleMode = StageScaleMode.NO_SCALE

//動画背景の処理
// 変数 mcMovie_ratio に mcMovie の 縦/横 の比を算出
var mcMovie_ratio = _root.mcMovie._height/_root.mcMovie._width;

// mcMovieSettingの定義
function mcMovieSetting() {

   // mcMovie の座標を指定
   _root.mcMovie._x = Stage.width/2;
   _root.mcMovie._y = Stage.height/2;

   // --- mcMovie の大きさに関するスクリプト ---
   // --- 比率を変えずに拡大・縮小・トリミングをする ---
   // もしステージの形が mcMovie の形より縦長であれば
   if (Stage.height/Stage.width>=mcMovie_ratio) {
    // mcMovie の大きさをステージの幅との比で決定
     _root.mcMovie._width = Stage.height/mcMovie_ratio;
    _root.mcMovie._height = Stage.height;
  // もしステージの形が mcMovie の形より横長であれば
  } else {
    // mcMovie の大きさをステージの高さとの比で決定
     _root.mcMovie._width = Stage.width;
    _root.mcMovie._height = Stage.width*mcMovie_ratio;
  }
}

としたところ、なんとか希望通りの動作してくれました。（ActionScript2.0です。）
動画自体のサイズは848*480pixelで作ってあります。

動画にドットを被せているのですが、こちらは自分のASの技量がなく、試行錯誤するも上手くいかなかったので、結局は大きなPNG画像を上に被せているだけです。

あとは、ドット被せをASでやりたいのと、このサイトをProgressionで作り直したいこと。
頑張らねば。

4月26日（日）放送予定の世界の果てまでイッテＱ！でSozai005が使用されるそうです。
番組内のどこで使用されるかはまだ分からないのですが、見ていただければ幸いです。

llcheesellさんとじゅるさんが中心となり、日本のAEユーザのためのウェブサイト、AEP Projectがオープンしました。
このサイトが他と違うところは、自分が１ユーザとして参加しチュートリアルや制作したファイルなんかを共有していこう！ってところです。
なかなか自分が持っている技術やソースファイルなんかは公開しづらいと思いますが、公開してもいいよ！って方はぜひ登録してみてはどうでしょうか。
今後がとても楽しみなサイトです。

僕も参加して、hirameki 07のオープニングソースファイルを公開しています。

素材のフォーマットを変更しました。

変更箇所
解像度：720ｘ480　→　1280ｘ720
ファイル形式：Quicktime Photo-JPEG　→　MP4（H.264）

その他の変更
sozai004：30秒に変更しました。
sozai005：線なし版（ノイズのみ）を追加しました。
sozai006：30秒に変更しました。

やっぱりH.264は軽くて綺麗ですね。
容量が軽くなったのをいいことに解像度も大きくしてみました。
x264を使用しました。

3/16追記

sozai002：1280×720に変更しました。
sozai003：1280×720に変更しました。