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. sample01-01
  2. tooltips02

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

    ツールチップをアニメーションで演出(Adobe Muse CC)

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

  3. animated-buttons

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

    ボタンにアニメーションを付けてワンポイント(Adobe Muse)

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

  4. landing-page05

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

    Adobe Museならスピードアップ&コストダウン。

    Adobe Museならスピードアップ&コストダウン。 from …

  5. musexpress2_0-13
  6. document-viewer01

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

    さまざまなドキュメントをサイトに直接表示(Adobe Muse CC)

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

  1. gadient-background

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

    背景やグラフィックにグラデーションを(Adobe Muse)
  2. eyecatch-200510

    After Effects

    テキストを3D表現で回転するアニメーションを作成(After Effects)
  3. whiteboard-nimated01

    After Effects

    Whiteboard Animated/サンプル01(Adobe After E…
  4. typekit01

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

    Adobe MuseにおけるTypekitフォント使用に関する検証
  5. animated-numbers-01

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

    数字のアニメーションが目を引きます(Adobe Muse)
PAGE TOP