• ベストアンサー

flashサイトでページ移動の際の画像変更について

flashサイトを作成しています。 ナビゲーションボタンが5つあるのですが、それぞれのボタンを押すとそれぞれのページ(フレーム)に飛ぶという一般的なものです。各ページには、それぞれの画像(背景)が配置されており、ページが変わると(各ボタンを押すと)、画像が変わるようにしたいのですが・・・。 そこで、画像が変わる際、フェイドアウトしてから指定のページ(フレーム)に移動するようにしたいと思っています。フェイドアウトなしだと、簡単だと思うのですが、ありだと、どのように作っていいのかわかりません。 どなたか、ご教示頂けないでしょうか。

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

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

ご質問内容と下記の内容はずれているかもしれませんが。 まず, 背景画像をムービークリップかグラフィックシンボルに変換して, その画像インスタンスをフェードアウトさせるようにモーショントゥイーンを作成します。 そしてその先に, ボタンによってジャンプさせる目的のフレームを用意します。  背景画像のレイヤー ・・・|●----->[]|●|●|●|●|●|                   フェードアウト | 目的フレーム 例えば, フレーム1~10 の間で背景画像をフェードアウトさせたとします(例えばです)。 ボタン1 をクリックしたときは フレーム11 ジャンプする, ボタン2 をクリックしたときは フレーム12 ジャンプする, ボタン3 をクリックしたときは フレーム13 ジャンプする, ボタン4 をクリックしたときは フレーム14 ジャンプする, ボタン5 をクリックしたときは フレーム15 ジャンプする, とします(これも例えばです)。 画像がフェードアウトする前の最初のフレーム(フレーム1)などに, stop(); と書いてとりあえずは止めておくようにします。 そして,ボタン1 であれば, on (release) { _root.frame_num = 11; _root.play(); } そして,ボタン2 であれば, on (release) { _root.frame_num = 12; _root.play(); } そして,ボタン3 であれば, on (release) { _root.frame_num = 13; _root.play(); } そして,ボタン4 であれば, on (release) { _root.frame_num = 14; _root.play(); } そして,ボタン5 であれば, on (release) { _root.frame_num = 15; _root.play(); } と書けば, そのボタンをクリックしたとき, _root の 変数 frame_num に各数が代入されます。 そして,画像のフェードアウトが起きます。 そして, フェードアウトしきったフレーム(フレーム10)のキーフレームに, gotoAndStop(frame_num); と書けば, そのフレーム(フレーム10)に来たときに, ボタンによって与えられた数字のフレームにジャンプします。 Flash のバージョンを書かれていませんが, Flash5 以上で上のスクリプトはそのまま使えます。 ActionScript1.0 です。 ※もし FlashCS3Professional をお使いの場合。 パブリッシュ設定で,ActionScriptのバージョンを ActionScript2.0 もしくは 1.0 にする必要があります。 ※もし Flash4 をお使いの場合。 フレーム1 のスクリプトを ------------------- Stop ------------------- ボタンのスクリプトを ------------------- On (Release)   Set Variable:"frame_num" =11   Play End On ------------------- フェードアウトしきったフレームのスクリプトを ------------------- Go to and Stop (frame_num) ------------------- などのように変更してもらうと同じ考え方が使えます。 ※もし Flash3以下の場合。 「変数」という概念自体が存在しないので, 地道にそれぞれのフレームにジャンプする前のフェードアウトアニメーションを作成する必要があります。  背景画像のレイヤ・・・|●----->[]|●|●|●----->[]|●|●|…

fooooty
質問者

お礼

ご回答ありがとうございます。 こちらを参考に作成したところうまく出来ました。 分かりやすいご説明でとても感謝、感謝です。 ありがとうございました。

その他の回答 (1)

  • ulmo
  • ベストアンサー率43% (197/454)
回答No.1

背景は普通だと静止画像を置くでしょうが、 その要領でムービーを置きます。 背景ムービーはあらかじめフェードイン/アウトするものを 作っておき、停止させておきます。 ナビゲーションボタンを押すとその動画を開始させ、 フェードイン/アウトが終了した時点でフレームを移動するようにします。 そのスクリプトの組み方まではちょっとお教えできませんが…。

関連するQ&A

  • Flash フレームを移動しても音が残ってしまう

    Flash フレームを移動しても音が残ってしまう 初心者です。フレーム間の移動について質問させて下さい。 1フレーム目にメニューボタンを配置し、ボタン1クリック(gotoAndStop(5))で、動画再生のSWFを配置した5フレーム目へ飛ばしています。 1フレームのボタン2クリック(gotoAndStop(4))で、画像を配置した4フレーム目へ飛ぶようにしています。 ボタン1で5フレームで動画を再生、その最中にボタン2をクリックするとステージ上は4フレーム目になりますが、再生中の動画の音声が消えません。 どういう処理が必要なのか具体的に教えていただけませんでしょうか。 AS3.0になります。

  • フラッシュの表示が終わったら自動的に別ページを表示させたい

    フラッシュでエントランスページを作って、フラッシュの表示が終わったら、メニューページへ移動させたいのですが、どうすればできますか? アイコンでURLを入れるのはわかるのですが、フェードアウトしたらすぐ別ページへ移動させたいのですが。。。 javaで秒数を指定して移動させるしかないでしょうか??? よろしくお願いします。

  • 画像がランダムに表示されるFLASH

    いつもお世話になっています。 以下のようなFLASHを作りたいのですが、やり方がわからず困っています。 (1)リロードするたびにランダムで切り替わる画像1~6がある (2)画像の横にボタン1~6があり、マウスオーバーするとそれぞれ画像1、画像2…と表示される (3)ボタン1~6をクリックするとwebページ1~6へジャンプ(リンクさせている) 上記目的のうち、(2)(3)については完成しています。具体的にはAフレームには画像1、Bフレームには画像2…と配置し、ボタン1~6のアクションスクリプトにそれぞれ「マウスオーバー時にAフレームに飛ぶ」と記述しています。そしてメインのタイムライン1フレーム目にはアクションスクリプトに「ボタン1がクリックされたらwebページ1へ、ボタン2がクリックされたらwebページ2へ…」と記述しています。 これで(2)(3)の目的は果たせており、問題は(1)です。 ランダム表示される画像があり、ボタンのマウスオーバーで指定した画像が表示され、クリックでwebページへとぶ、ためにはどこにどんな記述をすれば良いのでしょうか? ちなみに作ったFLASHがサイトのトップページの一部となり、クリックで飛ぶwebページはそのサイト内です。 アドバイスいただけると助かります。 どうかよろしくお願いします。FLASHは上記がほぼ初めての挑戦である初心者です。

  • ページ移動する間にMCのアクションがある

    こんばんは。 この夏からFlashを始め、本を片手にほぼオールFlashのHPをひとつ作ったのですが、そのときはページ移動のためのナビゲーションボタンをクリックすると、普通に別ページに飛ぶというものでした。 今回は下記のようなHPを作りたいと思っています。 http://www.sawaddee.jp/studytour/ http://www.sokenbicha.jp/ryokucha/top1.html これらはボタンをクリックして別ページに飛んだように見えてもアドレスは変わりません。 ということは、これは1つのFlashファイルのみで作成され(htmlファイルも1つ)フレームで区切り、フレームに飛ぶことによってページが変わるように見せているのでしょうか? でも、上のHPの観光にきた男性は、少しの移動はあるもののずっとそこにいます。 フレームで区切ってあるとすれば、ページが完全にスパッと変わると思うのですが、この男性は瞬時も途切れることなくそこにいます。 こういうのはどういう作りになっているのでしょう。 どういうASを入れればこういう動きになるのでしょう。 参考になりそうな過去ログは拝見しましたが、 http://oshiete1.goo.ne.jp/kotaeru.php3?q=1394402 http://oshiete1.goo.ne.jp/kotaeru.php3?q=1429889 質問とは少し違うようなのでお尋ねします。 よろしくお願いいたします!

    • ベストアンサー
    • Flash
  • flashにてフェードアウトアニメーションのあるページ移行についての質

    flashにてフェードアウトアニメーションのあるページ移行についての質問です。 フルフラッシュサイトを勉強のしたいと思い挑戦しています。 page1からpage2への移動する際にメニューボタンを押すとpage1のフェードアウトのアニメーションが再生されて、 さらに、page2のフェードインアニメーションがされてpage2のコンテンツを表示する為にはどうすればよいかわかりません。 ・pageは複数 ・どのpageから移動するさいにもそのpage特有のフェードアウトアニメーション 上記の条件を満たす方法を模索しております。 http://www.square-enix.co.jp/hikarino4sensi/ のサイトのようなページ移行の実現が目標です。 よろしくお願いします。

  • フレーム移動の際のActionScriptについて

    初めまして。 初めて質問投稿させてもらいます。 当方の環境は WindowsXP SP2 / Flash CS3 です。 今回の質問はフレーム移動の際のActionScript記述方法に関してになります。 例えば「フレームA」から「フレームB」に移動する際、 「フレームA」が表示された状態で「フレームB」に移動するボタンをクリックするとします。 その時に、一度「フレームA」で表示されているイメージもしくはアニメーションが、 一旦フェイドアウトしてから「フレームB」に移動するようにしたいのですが、どうしても解決できません; 他のフレームに移る前に一度アクションを起こしてから移動できるようにしたい状況です。 テキストのみの説明では伝わりづらい部分も多々あると思いますが、 どなたか教えていただけないでしょうか? 宜しくお願いします。

    • ベストアンサー
    • Flash
  • Flashでサイトを作る際、シーン間移動はスマートではありませんか?

    Flashでサイトを作る際、シーン間移動はスマートではありませんか? 不慣れですがよろしくお願いいたします。 昔、Flash5でサイトを作った事があります。 AS2.0になったあたりから訳がわからなくなって今に至ります。 現在、簡単なFlashのサイトを作ろうとしております。 トップページと、コンテンツページ合計5枚程の簡単な物です。 トップページの4つのボタンを押すと短いアニメーションの後に それぞれのコンテンツページに飛びます。 また、そのコンテンツページから他のページに飛ぶ時も 短いアニメーションが起きて、飛ぶ…という物です。 Flash5でサイトを作って居た頃、 ダラダラーとタイムライン上にアニメーションを作り、 シーン間を飛ばしていました。 しかし、この作り方はスマートじゃない…とどこかのサイトで拝見しました。 一つのシーンで作成すると、私のやり方ではとても長いシーンになってしまい 作成しづらくなると思います。 今までだらだらーと作成していたアニメーションを ムービークリップにして1フレーム内に入れてしまうのでしょうか? 現在、flashサイトを作る際の「常識」を、教えていただけませんでしょうか?

    • ベストアンサー
    • Flash
  • Flashの画像をスムーズに移動したい

    Flashの画像をスムーズに移動したいのですが、 どうも上手くいきません。 画像は、大きく、800×500ピクセルあります。 画像をスムーズに、ゆっくりと、 下から上に移動したいのですが、 どうも、カクカクします。 実際に、ゆっくりとしたスムーズに画像が動くサイト があるので、できるはずなのですが、 フレームレートを通常の倍の24fpsにしても、駄目です。 使用バージョンは、Flash MX 2004を使っています。 マシンのスペックも、ペン4の2.8を使っています。 グラフィックボードなども問題ないと思いますので、 その辺は大丈夫だと思うのですが、 だれか解かる方、アドバイスをお願いします。

    • ベストアンサー
    • Flash
  • flashサイト作成に詳しい方教えてください

    自分のイラストのポートフォリオのHPを作りたいです 少し動きも付けたいのでTOPページはflashで作成したくがんばっています 1枚の森の絵を背景にしてキャラクターをボタンとしてその上に配置したいです その場合背景画像のザイズはいくつで作ったらよいのでしょうか 表示されたときに周りに余白がないようにしたいのですがどうしたらよいでしょうか 超初心者なので分かりやすくアドバイスいただけるとうれしいです よろしくお願いします

  • FLASHでページを作る。

    FLASHでページを作る場合、一頁全部を一つの画像 として作るのでしょうか?それとも別々に画像を作り、 普通のHPを作る時と同じ様に後から配置していくのでしょうか?文字は画像の方が良いのでしょうか? ハーボット(FLASH)を載せるとしたら組み込むことは出来ないでしょうか?

    • ベストアンサー
    • Flash