• 締切済み

アニメーションするナビゲーションを作りたい

http://toyota.jp/ このTOPページの様にナビゲーションに触るとアニメーションし、離すとアニメーションして、さらにアニメーションしながらコンテンツが出てきて、離すとまたアニメーションしながら閉じるというナビゲーションを作りたいです。各ボタンをムービークリップに変換して on(rollOver){ this.play(); } on(rollOut){ this.gotoAndPlay("end"); } on(release){ getURL("ファイル名.html"); } をオブジェクトに入れるまではわかったのですが。アニメーションしながら出てくるコンテンツの方はどうすればいいかわかりません。 FLASHのいろいろなサイトや本で同じ事をやっているものを探しましたが、同じものは見つかりませんでした。よくあるナビゲーションだけに誰か作ったことのある方はおられないでしょうか。お教え下さい。

  • ppnn
  • お礼率50% (1/2)
  • Flash
  • 回答数1
  • ありがとう数1

みんなの回答

回答No.2

swfで動作は確認できましたよね? じゃあ簡単にですが説明してみます。 ■■ boxClass.as ■■ function boxClass() {  //ここでは、mainムービークリップの大きさを0にして まます     this.main._xscale = 0;     this.main._yscale = 0; } function onRollOver() {  //ロールオーバーするとmovメソッドを1000÷50/秒実行  //引数としてthis.numXというのがありますが、  //これはbox.flaの1フレーム目にある  //box1.numX = 100; //オーバー時に横幅が100になる  //box1.numY = 200; //オーバー時に縦幅が200になる  //で設定した変数を参照しています。     clearInterval(interB);     interA = setInterval(this, "mov", 1000/50, this, this.numX, this.numY); } function onRollOut() {     clearInterval(interA);     interB = setInterval(this, "mov", 1000/50, this, 0, 0); } function mov(th:Object, XS:Number, YS:Number) {  //XSは目標となるXのサイズです。  //ここでは、減衰運動を行っています。  //値 = (目標値)-(現在の値)/5;  //横幅 = 現在の値+値;  //この計算でイージングな動きができます。     var kyoriX = (XS-th.main._xscale)/5;     var kyoriY = (YS-th.main._yscale)/5;     if (Math.abs((th.main._xscale-kyoriX))<0.5 && Math.abs((th.main._yscale-kyoriY))<0.5) {         clearInterval(interA);         clearInterval(interB);     } else {     th.main._xscale = th.main._xscale+kyoriX;     th.main._yscale = th.main._yscale+kyoriY;     }  } } ■■--------------------------■■ ppnnさんがどの程度知っているか分からないので、 用語の解説等はしませんでした。 さっぱりなんのことか分からない場合は、 今回は理解するのは厳しいと思いますので、本かなにか読んで勉強してからがいいと思います。

ppnn
質問者

お礼

すいません。swfファイルにしてみましたが動かないです。 何をやっているのかさっぱりわからないことはないです。

関連するQ&A

  • Flash CS4でリンクボタンを作成中です。

    Flash CS4でリンクボタンを作成中です。 初心者で、スクリプトの意味がまだ良く分かっておらず、参考書記載の通りにアクションを書いたのですが、「コンパイルエラー」が表示され、指定したページへリンクされません。 アクションスプリクト及びコンパイルエラーは以下の通りです。 どこが悪いのか全然分かりません。どなたか至急ご教授宜しくお願いします。 ★アクションスクリプト 1  on (rollOver) { 2  this.gotoAndPlay("ON"); 3  } 4 5  on (rollOut) { 6  this.gotoAndPlay("OFF"); 7  } 8 9  on (release) { 10 getURL("http://www.~/"); 11 } ★コンパイルエラー 1087 シンタックスエラー(プログラムの末尾の後に余分な文字が見つかりました。) on (rollOver) { 以上、宜しくお願いします。

    • ベストアンサー
    • Flash
  • FLASHのボタンの動作(他のボタンにロールオーバーしたら…)

    AというボタンとBというボタンがあります。 Aには on (rollover) { this.gotoAndPlay(2); } on(rollout){ this.gotoandplay(6); } というアクションがついていますが、 「rollout」ではなくて、「Bのボタンにrolloverしたら」というように変えたいのですが、 どのように記述したらよろしいでしょうか? よろしくお願いします。

  • Flash、ボタンが動かない!?

    Flashでコンテンツ制作中です。 ボタンが思うとおりに動きません。 まず、シーン1上に、レイヤー10枚400フレームほどでアニメーションを作っています。 まずは、あるボタンをクリックすると、他のフレームに移動するように作っています(移動はすべてフレームラベルをつけて移動しています)。 移動先はアニメーションなのでシンボルでアニメーションクリップ化しています。 そのアニメーションクリップはいくつかのボタンの集合体です。ボタンをクリックするとまた別のフレームに飛ばしたいのですが、うまく出来ません。 ボタン自体が動いていないわけではありませんでした。 on (release) {getURL("http://www.~~/");}にするとちゃんとページを表示します。 on (release) {gotoAndPlay("main");}とすると移動しません。 on (release) {gotoAndPlay("シーン 1", "main");} でもダメでした。 ラベルのスペル間違えではないとした場合、他に何かダメな理由が考えられることはありますか? よろしくお願いします。

  • アニメーションするロールオーバーにリンクを張りたい

    http://www.geocities.jp/peperon44/peach.html←の様にアニメーションしてリンク先が出てくるロールオーバーを作っています。 http://www.geocities.jp/peperon44/peach.fla←に作っているファイルを置きましたが 一番上の階層にシンボル化したボタンを置き、その下の階層ですべてのフレームアニメーションをさせていますが、1フレーム目に this.stop(); //マウスカーソルがロールインした this.onRollOver = function() { //ロールオーバー開始 rollover = true; }; //マウスカーソルがロールアウトした this.onRollOut = function() { //ロールオーバー終了 rollover = false; }; //フレームが進む度に実行 this.onEnterFrame = function() { if (rollover) { //次のフレームへ進む(最終フレームでは無視される) this.nextFrame(); } else { //手前のフレームに戻る(先頭フレームでは無視される) this.prevFrame(); } }; を入れ大ボタンから出てくる紹介、名前、名簿をそれぞれフレームアニメーションにさせ、シンボル化させて各オブジェクトに on (release) { getURL("name.html", "_foot"); } を入れていますが、指定のURLにリンクがかかりませんのでボタンに反応してくれません。記述が間違っているのか、スクリプトを書く場所を間違えているのだと思います。 このつくりだと一番上の階層に on (release) { getURL("name.html", "_foot"); } と入れると指定のURLにリンクされますが、それでは3つリンク先を分けられないので大ボタンから3つの文字がアニメーションして出てくる意味がありません。大ボタンから出てくる小ボタンにリンクを張るようにしたいです。 FLASHに関してはまだまだの未熟者ゆえ解らないです。何方かお助け下さい。 環境はWindowsXP ソフトはFLASH8です。

    • ベストアンサー
    • Flash
  • マウスポインタを変化させない方法

    50も半ば過ぎの初心者です。 Flash8で、jpg画像の上にムービークリップ及びボタンを配置、   on (rollOver) { gotoAndPlay("s1"); } on (releaseOutside, rollOut) { gotoAndPlay("s2"); } で、画像へのマウスポインタの乗り降りでムービークリップの制御をしました。 このとき、画像にマウスポインタが乗ると形状がデフォルトの"矢印"から"手"に変りますが、これをデフォルトのまま変化させない方法を教えてください。 on (rollOver) { Mouse.hide(); gotoAndPlay("s1"); } on (releaseOutside, rollOut) { Mouse.show(); gotoAndPlay("s2"); } で、画像にマウスポインタが乗ると消えるようにはできたのですが、クリックしても何も起こらない"ボタン"なので、"矢印"のままにしておきたいのです。 よろしくご指導ください。

    • ベストアンサー
    • Flash
  • Flashvars getURLの書き方

    AS2の質問です。 flashvarsでhtmlからの指定でURLを引用したいと思っています。 作りたいのは画像・URLは全て外部(html)から引用した画像リンクです。 画像はマウスオーバーでアルファを変えます。 古い記憶からgetURLで指定すればよかったような気がし、 ムービークリップに指定しましたが「undefined」と表示されました。 (ボタンだと上手くいくのですが、今度はアルファがうまくきかず……) 下記のようなスクリプトを書いています。 ---------------------------------------------------- onClipEvent(load){ this._alpha=50; } on(rollOver){ _root.******._alpha=100; } on(rollOut){ _root.******._alpha=50; } on(release){ getURL(++++++); } ------------------------------------- *******がムービークリップのインスタンス名 ++++++が引数となります。 こちらは動画の最後に表示するものとして作っています。 よろしくお願いします

    • ベストアンサー
    • Flash
  • ムービークリップをボタンがわりに

    flash勉強中のものです。メニューを外部ファイルで作って読み込ませる感じにしています。それで、メニューの1フレーム目に各コンテンツを読み込むためのスクリプトを書き、ボタンがわりに使っているムービークリップにコンテンツを呼び出すスクリプトを書こうとしているのですが、 ボタンオブジェクトに書くときはon(release) { this.contact();   } でメニューの1フレーム目で定義したcontactメソッドを実行することができるのですが、作り込んだボタンにしたかったので後にムービークリップで作り直しました。 ここで未熟者の私はつまずいてしまったのですが、ムービークリップにon(release) { this.contact(); } と同じ動作を与えるにはどんなスクリプトを書けばよろしいのでしょうか? どうかご教授お願いいたします。

    • ベストアンサー
    • Flash
  • プログラムの簡略化

    AS初心者で、基礎的な部分を勉強しています。 それで、ムービークリップに次のようなプログラムを書いていて、短縮出来ないものかと思い、こちらで相談させていただきました。 直接回答を頂くのがありがたいのですが、この様な事に触れているサイト、書籍、などの情報も大変助かります。 //プログラム on(rollOver){ this.gotoAndStop(2); } on(press){ this.gotoAndStop(3); } on(release){ this.gotoAndStop(2); } on(rollOut){ this.gotoAndStop(1); } on(dragOut){ this.gotoAndStop(1); }

    • ベストアンサー
    • Flash
  • フラッシュでボタンにマウスポイントを当てた時に点滅する方法

    フラッシュを勉強している者です。 ボタンを作成してその上にマウスポイントを置いた時にそのボタンが暗くなったり、明るくなったりという要領で光りを放ち、マウスポイントを放すと元の状態に戻す。という物を作りたいと思いました。 下記の通りソースを書いた所、パブリッシュ時にエラーが表示されてそのままフラッシュ自体が強制終了してしまいます。 on(rollOver){ this.gotoAndPlay(2) } on(rollOut){ this.gotoAndPlay(1) } おそらく考えられる事としてボタン自体をムービー的なタイムランで動かそうとしているからではと思っています。 どうか実現するためのソース例を教えて頂けないでしょうか?お願いします。

  • ラジオボックスを使ったFLASH 変数の受け渡しについて

    FLASH5で、スマートクリップのラジオボタンを使いまして選択型の変数の値をCGIにうけわたしたいのですが、うまくゆかず、悩んでおります。 ・ラジオボタンと、送信ボタンを準備しました。 ・ラジオボタンの_name を それぞれr_01、r_02、r_03とし、チェックが入ったときに、変数icon="a" "b" "c"が入るようにしたい 送信ボタンに on (release) {      if(r_01 == true) { icon = "a";}      if(r_02 == true) { icon = "b";}      if(r_03 == true) { icon = "c";} } on (release) { mode = "write"; resid = resid; getURL (script, "_self", "POST"); } on (rollOver) { tellTarget ("write") { gotoAndPlay ("over"); } } on (rollOut) { tellTarget ("write") { gotoAndPlay ("out"); } } on (press) { tellTarget ("write") { gotoAndPlay ("press"); } } アクションスクリプトはかじりたてで、初歩的なミスがあるかと思います。どなたか教えていただければ幸いです。

専門家に質問してみよう