link-log powered by fullsizeimage.inc

Apr  21,  2007

スクリーンサイズに応じて、動くムービークリップ

いまさら！？というのもありますが、
いちいち一から書いたり、探したりしていると面倒なので、
仕事で使えそうなサンプルをアップしておきます。
フルスクリーンのサイトなんかを制作するときに、
常に画面中央にあるロゴや、常に画面左端にあるCLOSEボタンをつくりたいときは、
こういう感じです。
よかったら参考にしてください。

//初期設定 var windowW:Number; var windowH:Number; //Windowサイズを取得して、各変数に代入 function moveMC() { windowW = Stage.width; windowH = Stage.height; logoW = _root.logoMC._width; logoH = _root.logoMC._height; logoX = (windowW-logoW)/2; logoY = (windowH-logoH)/2; closeX = windowW-_root.closeMC._width; closeY = windowH-_root.closeMC._height; } //scaleModeプロパティの設定 Stage.scaleMode = "noScale"; Stage.align = "TL"; moveMC(); //Windowリサイズ時に実行 stageListener = new Object(); stageListener.onResize = function() { moveMC(); }; Stage.addListener(stageListener); //動きの処理 this.onEnterFrame = function() { _root.closeMC._x += (closeX-_root.closeMC._x)/5; _root.closeMC._y += (closeY-_root.closeMC._y)/5; _root.logoMC._x += (logoX-_root.logoMC._x)/5; _root.logoMC._y += (logoY-_root.logoMC._y)/5; };

サンプル
flaファイル
※微妙に書き方とか変なところがあるかもしれませんが、ご容赦ください。

さらに詳しく知りたい方はこちら(fumiononaka.com)を参考にしてください。
Stage.onResizeリスナーイベントについて詳しく説明がしてあります。

Kawata ： 5:19 PM