Skip to main content
Participant
Nov 5, 2018 5:37 AM UTC
Answered

ボタンのアニメーションについて

Adobe animate ccのボタンについて

マウスアウトをしたときに、マウスオーバーのアニメーションを逆再生して元の状態に戻る動作を作りたいです。

作成方法をご教授いただけないでしょうか。

よろしくお願い致します。

    This topic is closed to new replies. Start a new post to keep the conversation going.
    Fumio Nonaka
    Fumio NonakaCorrect answer
    Inspiring
    Nov 7, 2018 3:12 AM UTC

    基本的な考え方は「古いFLASHでの作り方」と同じです。つまり、ボタンシンボルの機能としては備わっていないので、まず「マウスオーバーのアニメーション」をスクリプトでつくったうえで、ロールアウトしたときその動きを逆再生しなければなりません。実際には、ムービークリップシンボルのタイムラインにアニメーションをつくって、マウスオーバーとアウトで動きを切り替えるかたちになるでしょう。

    JavaScriptコードによるマウスインタラクションについては「CreateJS でのボタンの作成方法」、仕組みについては古いFlashの「マウスオーバー/マウスアウトで反応するボタン​」あたりが参考になりそうです。

    4 replies

    Fumio Nonaka
    Fumio NonakaCorrect answer
    Inspiring
    Nov 7, 2018 3:12 AM UTC

    基本的な考え方は「古いFLASHでの作り方」と同じです。つまり、ボタンシンボルの機能としては備わっていないので、まず「マウスオーバーのアニメーション」をスクリプトでつくったうえで、ロールアウトしたときその動きを逆再生しなければなりません。実際には、ムービークリップシンボルのタイムラインにアニメーションをつくって、マウスオーバーとアウトで動きを切り替えるかたちになるでしょう。

    JavaScriptコードによるマウスインタラクションについては「CreateJS でのボタンの作成方法」、仕組みについては古いFlashの「マウスオーバー/マウスアウトで反応するボタン​」あたりが参考になりそうです。

    Translate
    Participant
    Nov 9, 2018 9:03 AM UTC

    ありがとうございます。

    ボタンシンボルには逆再生の機能は無いのですね。

    初心者なので。お教えいただいたものを参考に勉強しながら製作します。

    この度はありがとうございました。

    Translate
    Fumio Nonaka
    Inspiring
    Nov 5, 2018 10:30 AM UTC

    「マウスオーバーのアニメーション」をどうつくっているのか、具体的にご説明されないと回答は得られないと思います。

    Translate
    Participant
    Nov 7, 2018 12:54 AM UTC

    失礼いたしました。

    ボタンシンボルの「オーバー」のタイムラインを編集して、マウスオーバーで拡大する動きを作りました。

    http://www.rexuse.com/animate/test.html

    マウスアウトした際に一瞬で元の大きさに戻ってしまうので、緩やかに縮小して元のサイズに戻る動きにしたいです。

    HTML5 Canvas ドキュメントを使用しています。

    調べても古いFLASHでの作り方しか見つかりませんでした。

    どうぞよろしくお願い致します。

    Translate