ビットマップ画像による背景繰り返しにフェードイン

このQ&Aのポイント
  • ビットマップ画像を使用した全画面Flashの背景に徐々にフェードインさせる方法を教えてください。
  • Flashのbitmap画像を背景として表示し、その背景画像をフェードインさせる方法を教えてください。
  • FlashCS5のAS2を使用している際に、ビットマップ画像を背景として表示し、徐々にフェードインさせたいと思っています。方法を教えてください。
回答を見る
  • ベストアンサー

ビットマップ画像による背景繰り返しにフェードイン

Flashのbitmap画像について質問です。 使用ソフト、FlashCS5 AS2 ビットマップ画像を全画面Flashで背景として表示させているのですが、 この背景画像を徐々にフェードインさせたいと思っています。 下記スクリプトを設置しているのですが これにフェードインさせる方法をわかる方がおられましたら お教え頂けませんでしょうか。 bmp = flash.display.BitmapData.loadBitmap("background"); mat = new flash.geom.Matrix(); _root.beginBitmapFill(bmp, mat,true,true); _root.moveTo(0, 0); _root.lineTo(Stage.width, 0); _root.lineTo(Stage.width, Stage.height); _root.lineTo(0, Stage.height); _root.endFill(); どうぞ宜しくお願いいたします。

  • Flash
  • 回答数1
  • ありがとう数1

質問者が選んだベストアンサー

  • ベストアンサー
  • BlurFiltan
  • ベストアンサー率91% (1611/1754)
回答No.1

インスタンスは 独立したMC(ムービークリップ) として管理やプロパティ変更などをする必要があります。 以下は簡易版(簡易閲覧検証用)スクリプトです。 //------------------------------------------------------- //例えば「back_mc」というインスタンス名のMCを作成します createEmptyMovieClip("back_mc", 0); //その「back_mc」をbackgroundで塗りつぶします bmp = flash.display.BitmapData.loadBitmap("background"); mat = new flash.geom.Matrix(); back_mc.beginBitmapFill(bmp, mat, true, true); back_mc.moveTo(0, 0); back_mc.lineTo(Stage.width, 0); back_mc.lineTo(Stage.width, Stage.height); back_mc.lineTo(0, Stage.height); back_mc.endFill(); //その「back_mc」の初期不透明度を 0 にします back_mc._alpha = 0; //その「back_mc」に1フレーム進む時間ごとに //毎回実行するメソッドを定義します back_mc.onEnterFrame = function():Void { //このMCの不透明度に5を加算 this._alpha += 5; //もしこのMCの不透明度が100以上になれば if (this._alpha>=100) { //このMCの不透明度を100にする this._alpha = 100; //1フレーム進む時間ごとに毎回実行するメソッドを削除 delete this.onEnterFrame; } }; //------------------------------------------------------- 書かれていらっしゃるスクリプトを 上記スクリプトに書き替えてみてください。 パブリッシュまたはムービープレビューしてみて これでちゃんとフェードインするようでしたら 1行目の createEmptyMovieClip("back_mc", 0); を削除して 作成されているムービーの最下レイヤーのステージ左上のコーナーに 中身が空の「back_mc」というインスタンス名の MC(ムービークリップ) を手動で作成し 再度パブリッシュまたはムービープレビューしてみてみてください。

okyesno
質問者

お礼

スクリプトまでかいていただいてありがとうございます! お教え頂いたスクリプトで思い通りのものを制作できました! 感謝いたします。

関連するQ&A

  • テーブル中に設けた背景画像をフェードインで

    下記の記述で、テーブルに背景を設けています。 この画像を、じんわりと、フェードイン表示させたいと思っていますが、JavaScriptで可能でしょうか? <td width="800" height="600" align="centert" valign="center" style="background-image:url(img/hoge1.jpg);background-repeat:no-repeat;background-position:center center;">

  • フェードインかフェードアウトどちらかしかできません><

    はじめまして。 FLASH勉強中の初心者なんですがカンタンなFLASHムービーを作ろうと思っています。 そこでモーショントゥィーンで作成しているのですが、タイトルあるとおり、ステージに読み込んだ画像をフェードインかフェードアウトどちらかしかできません・・・ できれば一つの画像がフェードインしてフェードアウトするようなムービーをつなぎ合わせて一つの作品を作りたいのですが、どうすればいいのでしょうか? 参考書を読んでもわからずコチラで質問させていただきました。 併せてこのようなことを説明されているサイトなどご存じでしたらどうか教えていただけないでしょうか?

  • 3枚の画像をフェードイン

    3枚の画像を順番にフェードインさせたいのですが、IEで確認すると先にパっと画像が表示された後にすぐにその画像が消えてフェードインが次々始まります・・・。何かソース等ミスがあるのかIE対策をしないといけないのかわかりません・・。ページを表示させたあと更新を押すと正常に動くのですがブラウザを閉じて再度表示させるとまたパっと画像が現れた後にフェードインが始まる感じです。 ソースは下記になります。 最初のパッと画像が現れる原因と対策を教えてください・・・! <script type="text/javascript"> $(function(){  $('#fade li').hide(); }); $(window).bind("load", function(){  var interval = 400; //表示間隔  for(var i=0; i<$('#fade li').length; i++)   setTimeout(doFade(i), interval * i);  function doFade(i){   return function(){ $('#fade li').eq(i).fadeIn(2000); };  } }); </script> 【HTML】 <ul id="fade"> <li><img src="image/mainpx_01.jpg" alt="" width="365" height="484" style="display: inline; " /></li><li><img src="image/mainpx_02.jpg" alt="" width="365" height="484" style="display: inline; " /></li><li><img src="image/mainpx_03.gif" alt="" width="270" height="484" style="display: inline; " /></li></ul>

  • 画像のフェードイン

    FLASH初心者です。 薄い文字が少しづつ濃くなって フェードインするような 文字の画像を作りたいのですが 点滅しか出来ません どなたかご教授をお願いします。

    • ベストアンサー
    • Flash
  • Flashでの画像、フェードイン・フェードアウト

    Flashを数ヶ月前に学んだのですが、うろ覚えでして画像のフェードイン・フェードアウトのやり方を教えて下さい。使う画像は4枚です。アルファ値の問題だと思うのですが、どうぞ宜しくお願い致します。

    • ベストアンサー
    • Flash
  • Flashで画像をフェードイン

    FlashMX2004でJPEGなどの画像をフェードインさせることは出来るのでしょうか? 出来るとしたら、方法を教えてください。 画像の知識はありますが、Flashは初心者です。

  • 画像のフェードイン・フェードアウト

    現在のホームページですが、サムネイル画像をオンマウスすれば拡大部分の画像が切替わるようになっています。 画像がパッと切替わるのを、サムネイル画像をクリックすれば、フェードイン・フェードアウトで切替わるようにしたいと思っています。 下記は、現在のファイルです。(あまり関係ないと思う部分は省いてます) 回答の方、宜しくお願い致します。 <!-- InstanceBeginEditable name="head" --> <script type="text/javascript" src="../js/layer.js"></script> <script type='text/javascript'> <!-- //--すべてを隠す function hideALL(){ hideLAYER('img0') hideLAYER('img1') hideLAYER('img2') hideLAYER('img3') } //--> </script> <!-- InstanceEndEditable --> <link href="../css/original.css" rel="stylesheet" type="text/css" media="all"> </head> <!-- InstanceBeginEditable name="main-images" --> <div><img src="../img_画像_001.jpg" alt="画像説明" width="600" height="400" /></div> <div class="images-layer" id="img0"><img src="../img_画像_001.jpg" alt="画像説明" width="600" height="400" /></div> <div class="images-layer" id="img1"><img src="../img_画像_002.jpg" alt="画像説明" width="600" height="400" /></div> <div class="images-layer" id="img2"><img src="../img_画像_003.jpg" alt="画像説明" width="600" height="400" /></div> <div class="images-layer" id="img3"><img src="../img_画像_004.jpg" alt="画像説明" width="600" height="400" /></div> <!-- InstanceEndEditable --> </div> <!--work-left --> <div class="work-bottom"> <!-- InstanceBeginEditable name="sumnail" --> <a href="#" onmouseover="hideALL();showLAYER('img0')"><img src="../img_works/icon/画像_001_s.jpg" alt="画像説明" width="45" height="45" /></a><a href="#" onmouseover="hideALL();showLAYER('img1')"><img src="../img_works/icon/画像_002_s.jpg" alt="画像説明" width="45" height="45" /></a><a href="#" onmouseover="hideALL();showLAYER('img2')"><img src="../img_works/icon/画像_003_s.jpg" alt="画像説明" width="45" height="45" /></a><a href="#" onmouseover="hideALL();showLAYER('img3')"><img src="../img_works/icon/画像_004_s.jpg" alt="画像説明" width="45" height="45" /></a> <!-- InstanceEndEditable --> </div> <!--work-bottom --> </div><!--work-shosai --> </div><!--main終了 --> </div><!--contents終了 -->

  • ボタンをクリックするとフェードイン、フェードアウトする方法。

    こんにちは、スクリプトでのフェードイン・フェードアウト表示についての質問なのです。ヴァージョンはFlash MXです。 既存の質問で Flashでボタンをクリックするとフェードイン、フェードアウトする。 の応用を教えていただきたいのですが、 http://oshiete1.goo.ne.jp/qa2766651.html ステージ上にあるいくつかのボタンを押した時に、ある表示部分がフェードアウトし新たな画像がフェードインで表示するようにさせたいのですが、この時各ボタンによって表示部分を変えたい、つまり /////////////////////////////////////////////////////////// /////////////////////////////////////////////////////////// /////////////////////////////////////////////////////////// ///////////////////////////表示画像//////////////////////// /////////////////////////////////////////////////////////// /////////////////////////////////////////////////////////// ボタンA ボタンB ボタンC ボタンD ボタンAをクリック時にA画像を ボタンBをクリック時にB画像を フェードイン・フェードアウト表示させたいのです。 つまりフェードアウトした後指定したフレームへ移動させたいのです。 これを複数ボタンで分ける方法がわかりません。 ボタンが一つなら on (release) { // ムービークリップ my_mc 内の変数 flag の値を 1 にする _root.my_mc.flag = 1; } のmy_mcの部分をその画像のインスタンス名へ変えればできるのですが、ボタン数が複数になると一つしか指定できないのでこのやり方では無理です。 ムービークリップがボタン代わりであれば直接スクリプトを書いて on (release) { // 変数 flag の値を 1 にする flag = 1; } と命令することもできるのですが。 質問が分かりにくくて申し訳ありません。 もしご存じの方がおられましたら教えていただきたいです。 よろしくお願いします。

  • 画像のフェードインについて・・・。

    現在のホームページですが、サムネイル画像(4枚あります)をオンマウスすれば拡大部分の画像(4枚あります)が切替わるようになっています。 画像がパッと切替わるのを、サムネイル画像をクリックすれば、フェードイン(徐々に画像がでるような感じ)で切替わるようにしたいと思っています。 下記は、現在のソースです。(あまり関係ないと思う部分は省いてます) 回答の方、宜しくお願い致します。 <!-- InstanceBeginEditable name="head" --> <script type="text/javascript" src="../js/layer.js"></script> <script type='text/javascript'> <!-- //--すべてを隠す function hideALL(){ hideLAYER('img0') hideLAYER('img1') hideLAYER('img2') hideLAYER('img3') } //--> </script> <!-- InstanceEndEditable --> <link href="../css/original.css" rel="stylesheet" type="text/css" media="all"> </head> <!-- InstanceBeginEditable name="main-images" --> <div><img src="../img_画像_001.jpg" alt="画像説明" width="600" height="400" /></div> <div class="images-layer" id="img0"><img src="../img_画像_001.jpg" alt="画像説明" width="600" height="400" /></div> <div class="images-layer" id="img1"><img src="../img_画像_002.jpg" alt="画像説明" width="600" height="400" /></div> <div class="images-layer" id="img2"><img src="../img_画像_003.jpg" alt="画像説明" width="600" height="400" /></div> <div class="images-layer" id="img3"><img src="../img_画像_004.jpg" alt="画像説明" width="600" height="400" /></div> <!-- InstanceEndEditable --> </div> <!--work-left --> <div class="work-bottom"> <!-- InstanceBeginEditable name="sumnail" --> <a href="#" onmouseover="hideALL();showLAYER('img0')"><img src="../img_works/icon/画像_001_s.jpg" alt="画像説明" width="45" height="45" /></a><a href="#" onmouseover="hideALL();showLAYER('img1')"><img src="../img_works/icon/画像_002_s.jpg" alt="画像説明" width="45" height="45" /></a><a href="#" onmouseover="hideALL();showLAYER('img2')"><img src="../img_works/icon/画像_003_s.jpg" alt="画像説明" width="45" height="45" /></a><a href="#" onmouseover="hideALL();showLAYER('img3')"><img src="../img_works/icon/画像_004_s.jpg" alt="画像説明" width="45" height="45" /></a> <!-- InstanceEndEditable --> </div> <!--work-bottom --> </div><!--work-shosai --> </div><!--main終了 --> </div><!--contents終了 -->

  • 画像のフェードインについて・・・。

    以前にも質問させていただいたのですが、解決に至らなかったので、再度質問させていただきました。 現在のホームページですが、サムネイル画像(4枚あります)をオンマウスすれば拡大部分の画像(4枚あります)が切替わるようになっています。 画像がパッと切替わるのを、サムネイル画像をクリックすれば、フェードイン(徐々に画像がでるような感じ)で切替わるようにしたいと思っています。 下記は、現在のソースです。(あまり関係ないと思う部分は省いてます) こういうことに関してはまったくの素人です・・・。 回答の方、宜しくお願い致します。 <!-- InstanceBeginEditable name="head" --> <script type="text/javascript" src="../js/layer.js"></script> <script type='text/javascript'> <!-- //--すべてを隠す function hideALL(){ hideLAYER('img0') hideLAYER('img1') hideLAYER('img2') hideLAYER('img3') } //--> </script> <!-- InstanceEndEditable --> <link href="../css/original.css" rel="stylesheet" type="text/css" media="all"> </head> <!-- InstanceBeginEditable name="main-images" --> <div><img src="../img_画像_001.jpg" alt="画像説明" width="600" height="400" /></div> <div class="images-layer" id="img0"><img src="../img_画像_001.jpg" alt="画像説明" width="600" height="400" /></div> <div class="images-layer" id="img1"><img src="../img_画像_002.jpg" alt="画像説明" width="600" height="400" /></div> <div class="images-layer" id="img2"><img src="../img_画像_003.jpg" alt="画像説明" width="600" height="400" /></div> <div class="images-layer" id="img3"><img src="../img_画像_004.jpg" alt="画像説明" width="600" height="400" /></div> <!-- InstanceEndEditable --> </div> <!--work-left --> <div class="work-bottom"> <!-- InstanceBeginEditable name="sumnail" --> <a href="#" onmouseover="hideALL();showLAYER('img0')"><img src="../img_works/icon/画像_001_s.jpg" alt="画像説明" width="45" height="45" /></a><a href="#" onmouseover="hideALL();showLAYER('img1')"><img src="../img_works/icon/画像_002_s.jpg" alt="画像説明" width="45" height="45" /></a><a href="#" onmouseover="hideALL();showLAYER('img2')"><img src="../img_works/icon/画像_003_s.jpg" alt="画像説明" width="45" height="45" /></a><a href="#" onmouseover="hideALL();showLAYER('img3')"><img src="../img_works/icon/画像_004_s.jpg" alt="画像説明" width="45" height="45" /></a> <!-- InstanceEndEditable --> </div> <!--work-bottom --> </div><!--work-shosai --> </div><!--main終了 --> </div><!--contents終了 -->