menu

オブジェクトの表示・非表示・移動(Adobe Animate CC)

◎HTML5 Canvasでは
Flashプラグインを使用せずにインタラクティブコンテンツの表現を可能にします。

赤いボタンをクリックすると中央のムービークリップが非表示になります。
それと同時にフレームに移動し、停止。別のムービークリップが表示されます。
青いボタンをクリックすると中央のムービークリップが左上方向に移動します。

▷アクション/コードスニペット/タイムラインナビゲーション
・このフレームで停止
▷アクション/コードスニペット/アクション
・クリックしてオブジェクトを隠す
・クリックして特定のフレームに移動し、停止

▷アクション/コードスニペット/アクション
・オブジェクトを表示

▷アクション/コードスニペット/イベントハンドラ
・クリックしてオブジェクトを移動

▽サンプル
live-preview

animate-sample03ムービークリップの再生・停止(Adobe Animate CC)

animate-sample05クリックしてテキストを表示(Adobe Animate CC)

関連記事

  1. versaslide_img01

    ページスライドアニメーション(Adobe Muse)

    サードパーティウィジェットの「Versa Slide」Widgetを利用することで、フルスクリー…

  2. musexpress3_01

    Adobe Muse+MusexPress3=WordPress…

    『Adobe Muse』と『MusexPress3』を組み合わせることでコーディング作業なしにW…

  3. chart-connect01

    4種類のチャート図制作(Adobe Muse)

    【Adobe Muse】の機能を利用したコンテンツを紹介しています。サードパーティウィジェッ…

  4. animated-rollovers

    イメージロールオーバー(Adobe Muse)

    サードパーティウィジェット「Animated Image Rollovers」Widgetを利用する…

  5. zoom-and-pan-slideshow-01

    ズームとパンスライドショー(Adobe Muse)

    【Adobe Muse】の機能を利用したコンテンツを紹介しています。サードパーティウィジェット「…

  6. slides-presentations01

    スライドショーでプレゼンテーション(Adobe Muse CC)…

    【Adobe Muse】の機能を利用したコンテンツを紹介しています。サードパーティウィジェット「…

  7. yamase_03

    実例1・ヤマセのすり鉢(MusexPress3)

    Muse + MusexPress = WordPressによる制作方法で実際に稼働しているサイ…

  8. 26-menu-styles

    メニューのデザインに動きのあるちょっとしたアクセントを(Adob…

    【Adobe Muse】の機能を利用したコンテンツを紹介しています。サードパーティウィジェッ…

PAGE TOP