menu

ステージ上を水平方向にアニメーション(Adobe Animate CC)

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

ステージ上を車のムービークリップがタイヤを回転させながら
左から右に走るアニメーションです。

▷アクション/コードスニペット/アニメーション
・連続回転
・水平方向にアニメーション化
・ムービークリップをフェードイン

その他に
・垂直方向にアニメーション化
・ムービークリップをフェードアウト
があります。

▽サンプル
live-preview

animate-sample06水平移動、垂直移動、角度変更、連続回転のアニメーション(Adobe Animate CC)

animate-sample08マウスの動きを追いかけるムービークリップ(Adobe Animate CC)

関連記事

  1. randomizer01

    イメージのランダム表示(Adobe Muse)

    サードパーティウィジェット「Randomizer」Widgetを利用することで、アクセスする度に…

  2. text-animations

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

    サードパーティウィジェット「Text Animations」Widgetを利用することで、テキス…

  3. animate-sample11

    ステージをクリックする度にムービークリップが置き換わります(Ad…

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

  4. transitioner01

    58種類のページ切り替えアニメーション(Adobe Muse)

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

  5. nav-system_05

    簡単でバラエティ豊かなナビゲーションシステム(Adobe Mus…

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

  6. moving-slideshow02

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

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

  7. shake

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

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

  8. presentation-panels

    フルスクリーンスクロール(Adobe Muse)

    サードパーティウィジェット「Presentation Panels」Widgetを利用することで、…

PAGE TOP