menu

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

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

口の形をしたイラストをクリックすると
上記の吹き出し内にテキストが表示されます。
スクリプト設定画面にてテキスト入力の他、
配置位置、フォント指定、フォントサイズ、カラーの設定を行います。

▷アクション/コードスニペット/アクション
・クリックしてテキストフィールドを表示

▽サンプル
live-preview

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

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

関連記事

  1. zoom-and-pan-slideshow-01

    ズームとパンスライドショー(Adobe Muse)

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

  2. scroll-bar

    スクロールバー(Adobe Muse)

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

  3. superhero01

    ブラウザ天地に自動調整フルスクリーンイメージ(Adobe Mus…

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

  4. 360viewer01

    360°ビューア(Adobe Muse)

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

  5. animate-sample12

    レスポンシブ対応用に書き出せるようになりました。(Adobe A…

    Adobe Animate CCが2017にバージョンアップしたことでアニメーションをレスポンシ…

  6. muse-table-01

    Museの苦手なテーブル機能を克服(Adobe Muse)

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

  7. table-connect01

    動的な機能を備えたテーブルの作成(Adobe Muse)

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

  8. particles02

    パーティクル効果で演出(Adobe Muse CC)

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

PAGE TOP