menu

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

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

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

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

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

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

▽サンプル
live-preview

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

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

関連記事

  1. musexpress3_18

    Dynamic Menuの設置(MusexPress3)

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

  2. lightbox01

    2タイプのライトボックスギャラリー(Adobe Muse)

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

  3. carousel-image-slider01

    カルーセル画像スライダ2.0(Adobe Muse CC)

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

  4. musexpress2_0-06

    MuseとWordPressの連携(その6/Adobe Muse…

    Adobe MuseとWordPressを連携させたサイトの制作に挑戦。今回からは「Muse…

  5. trace-animator

    トレースアニメーション(Adobe Muse)

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

  6. infiniscroll01

    イメージのスクロールでパノラマ表現(Adobe Muse)

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

  7. qr-mobile-preview

    自動QRコード(Adobe Muse)

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

  8. animate-sample02

    <HTML5 Canvas>仕様で可能な事を調べています。(その…

    ◎HTML5 CanvasではFlashプラグインを使用せずにインタラクティブコンテンツの表現を…

PAGE TOP