menu

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

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

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

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

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

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

▽サンプル
live-preview

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

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

関連記事

  1. infiniscroll01

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

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

  2. dynamic-slide

    映画的表現のスライドショー(Adobe Muse)

    サードパーティウィジェット「Dynamic Slide」Widgetを利用することで、数枚の写真…

  3. muse-samplesite01-01

    Adobe Museでレスポンシブ対応サンプルサイト01(Ado…

    Adobe Muse CCを利用して、レスポンシブ対応のサンプルサイトを制作しました。※ページ内…

  4. slide-reel01

    フルスクリーン表示のスライドショー(Adobe Muse)

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

  5. moving-slideshow02

    ムービングスライドショー(Adobe Muse)

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

  6. gallery-connect01

    CSVファイルでコントロールするギャラリー(Adobe Muse…

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

  7. animate-sample08

    マウスの動きを追いかけるムービークリップ(Adobe Anima…

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

  8. image-shapes-b-01

    ポリゴンの数値による画像のモーフィングPart2(Adobe M…

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

PAGE TOP