animate-sample03

Adobe Animate CCを使ったコンテンツ制作

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

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

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

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

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

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

▽サンプル
live-preview

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

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

関連記事

  1. carousel-image-slider01

    Adobe Muse CCを使ったホームページ制作

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

    【Adobe Muse】の機能を利用したコンテンツを紹介しています。…

  2. superhero01

    Adobe Muse CCを使ったホームページ制作

    ブラウザ天地に自動調整フルスクリーンイメージ(Adobe Muse)

    【Adobe Muse】の機能を利用したコンテンツを紹介しています。…

  3. cinch-slidshow

    Adobe Muse CCを使ったホームページ制作

    レスポンシブ対応スライドショー(Adobe Muse)

    サードパーティウィジェット「Cinch Slideshow」Widge…

  4. svgdraw2018

    Adobe Muse CCを使ったホームページ制作

    SVGドローアニメーション(Adobe Muse CC)

    【Adobe Muse】の機能を利用したコンテンツを紹介しています。…

  5. headliner

    Adobe Muse CCを使ったホームページ制作

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

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

  6. media-pro-gallery-2-01_01
  1. filmora-002

    Filmora

    15種類の海外映画・ドラマ風色調効果を試してよう!(Filmora9)
  2. Blog-サムネイル20210107

    Premiere Pro

    ストロボ効果を簡単に(Premiere Pro/Motion Array/Ext…
  3. twitter-feed-pro

    Adobe Muse CCを使ったホームページ制作

    ページ上にTwitterのフィードを掲載(Adobe Muse)
  4. media-pro-gallery-2-01_01

    Adobe Muse CCを使ったホームページ制作

    複数レイアウトからライトボックスに展開可能のメディアギャラリー(Adobe Mu…
  5. eyecatch-200427

    After Effects

    マスクパスにテキストを配置させたアニメーション(After Effects)
PAGE TOP