menu

オブジェクトの表示・非表示・移動(Adobe Animate CC)

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

赤いボタンをクリックすると中央のムービークリップが非表示になります。
それと同時にフレームに移動し、停止。別のムービークリップが表示されます。
青いボタンをクリックすると中央のムービークリップが左上方向に移動します。

▷アクション/コードスニペット/タイムラインナビゲーション
・このフレームで停止
▷アクション/コードスニペット/アクション
・クリックしてオブジェクトを隠す
・クリックして特定のフレームに移動し、停止

▷アクション/コードスニペット/アクション
・オブジェクトを表示

▷アクション/コードスニペット/イベントハンドラ
・クリックしてオブジェクトを移動

▽サンプル
live-preview

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

animate-sample05クリックしてテキストを表示(Adobe Animate CC)

関連記事

  1. tabs

    アコーディオンパネル(Adobe Muse)

    サードパーティウィジェット「Tabs」Widgetを利用することで、アコーディオンパネルの機能を…

  2. sidebar-connect02

    強力サイドバーナビゲーションシステム(Adobe Muse)

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

  3. particles

    写真に重ねた素材に動きを付けて魅力アップ(Adobe Muse)…

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

  4. audio-visualizer

    音に合わせてヴィジュアルが変化(Adobe Muse)

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

  5. yamase_03

    実例1・ヤマセのすり鉢(MusexPress3)

    Muse + MusexPress = WordPressによる制作方法で実際に稼働しているサイ…

  6. fullscreen-slideshow-cover01

    Webサイト全体をフルスクリーンスライドショーで魅せる(Adob…

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

  7. musexpress2_0-13

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

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

  8. countdown-clock

    カウントダウン時計(Adobe Muse)

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

PAGE TOP