menu

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

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

赤いボタンをクリックすると中央のムービークリップが動きます。
青いボタンをクリックすると中央のムービークリップが止まります。

▷アクション/コードスニペット/タイムラインナビゲーション
・このフレームで停止

▷アクション/コードスニペット/アクション
・ムービークリップを再生
・ムービークリップを停止

▷アクション/コードスニペット/イベントハンドラ
・マウスクリックイベント

▽サンプル
live-preview

animate-sample02<HTML5 Canvas>仕様で可能な事を調べています。(その2/Adobe Animate)

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

関連記事

  1. onload-animator

    30種類のワンポイントアニメーション(Adobe Muse)

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

  2. sidebar-connect02

    強力サイドバーナビゲーションシステム(Adobe Muse)

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

  3. animate-sample06

    水平移動、垂直移動、角度変更、連続回転のアニメーション(Adob…

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

  4. animator01

    130種類以上の中からアニメーションを選択(Adobe Muse…

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

  5. animate-sample12

    レスポンシブ対応用に書き出せるようになりました。(Adobe A…

    Adobe Animate CCが2017にバージョンアップしたことでアニメーションをレスポンシ…

  6. shake

    マウスオーバーで10種類の揺れを(Adobe Muse)

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

  7. scrollpercentage

    スクロールの追跡(Adobe Muse)

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

  8. headliner

    9種類のテキストアニメーション(Adobe Muse)

    サードパーティウィジェット「HeadLiner」Widgetを利用することで、ヘッドコピーなどの…

PAGE TOP