animate-sample07

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

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

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

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

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

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

▽サンプル
live-preview

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

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

関連記事

  1. multiscroll01

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

    左右の画面を逆スクロールで1枚に合成(Adobe Muse CC)

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

  2. bigmenu03

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

    フルスクリーンメニューが11種(Adobe Muse)

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

  3. full-width-video01

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

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

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

  4. dynamic-copyright

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

    コピーライトの年号を自動で変更(Adobe Muse)

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

  5. tooltips02

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

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

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

  6. animated-toast-notification_02

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

    アニメーショントースト通知(Adobe Muse)

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

  1. filmora-pho010-01

    Filmora

    トランジション「ベーシック編2」(Filmora)
  2. simple-parallax-slideshow-img

    After Effects

    Filmstocksが提供しているAfter Effectsテンプレート「Sim…
  3. musexpress3_12

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

    Page creatorの設定(MusexPress3)
  4. eyecatch-20210204

    Premiere Pro

    RGB効果を簡単に(Premiere Pro/Motion Array/RGB …
  5. eyecatch-20201129

    Premiere Pro

    イーズアウトの動きをMotion ArrayのPremiere Proプラグイン…
PAGE TOP