| Name |
chipo
|
| Date |
2008年12月13日 (土) 00時30分 |
| Message |
はじめまして、いつも参考にさせてもらっています。
過去記事のD0601112のブラウザの伸縮に応じて伸縮しても歪まない全画面背景画像についてですが、これを応用して背景のMCをフェードインするようにしたいのですが
http://www.permanent-genuine.com/
このような感じでボタンも配置したいのですが、なかなかうまくいきません。サンプルもいくつか参考にさせて頂いたのですが。何かヒントや、考え方の糸口などでも良いので、ご教授願えませんでしょうか？ |
| Home
or Link |
http://www.permanent-genuine.com/ |
Response
01
|
| 2008年12月21日
(日) 15時17分＞ 憲ちゃん
|
|
■ブラウザの伸縮に応じて伸縮しても歪まない全画面背景画像
この中の「背景画像」MC(インスタンス名：bg)の中で画像をモーショントゥイーンで、
フェードアウト・フェードインさせるだけです。※スクリプトでも可能ですが・・
そして、モーショントゥイーンの最終フレームで、次の処理を行います。
サンプルは、フェードアウト後、ロゴMC(logoMC)とurlMCをフェードインさせていますが、
これも、それぞれのMCの中でモーショントゥイーンで行っています。
最後に「Replay」ボタンが右上に現れます。
⇒サンプル fukinagasi5.zip ※MX仕様
以下、上記過去記事のスクリプトに、新たに追加したMCの位置をブラウザの位置と連動させるため、
青字の部分を追加しています。詳しくはflaファイルを参照してください。
R = Stage.height/Stage.width;
Stage.scaleMode = "noScale";
Stage.align = "LT";
function bgScale() {
w = Stage.width;
h = Stage.height;
if (w*R > h) {
bg._width = w;
bg._yscale = bg._xscale;
} else {
bg._height = h;
bg._xscale = bg._yscale;
}
bg._x = w/2;
bg._y = h/2;
logoMC._x = w/2; ※ロゴをブラウザの中心に配置
logoMC._y = h/2;
urlMC._x = w/2; ※URLをブラウザの横幅の中央に
urlMC._y = h-20; ブラウザの下から20pxの位置に配置
btnMC._x = w-20; ※ボタンをブラウザの右から20pxの位置
btnMC._y = 20; ブラウザの上から20pxの位置に配置
}
sListener = new Object();
sListener.onResize = function() {
bgScale();
};
Stage.addListener(sListener);
|
|
