menu

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

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

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

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

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

▽サンプル
live-preview

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

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

関連記事

  1. musexpress2_0-13

    「Login Areaのインストール」MuseとWordPres…

    Adobe MuseとWordPressを連携させたサイトの制作に挑戦。「Login Are…

  2. hero-connect03

    時刻や曜日に合わせて画像・動画・テキストを自動で切り替え(Ado…

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

  3. animated-slide-in_03

    アニメーションスライドイン通知(Adobe Muse)

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

  4. animated-page

    ページ遷移アニメーション(Adobe Muse)

    サードパーティウィジェット「Animated Page Transitions」Widgetを利用す…

  5. gif-animation03

    GIF ANIMATION 03

  6. animateall

    最大3つまでの連続アニメーション(Adobe Muse)

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

  7. full-width-video01

    レスポンシブ対応フルワイドビデオ(Adobe Muse)

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

  8. animated-rollovers

    イメージロールオーバー(Adobe Muse)

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

PAGE TOP