menu

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

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

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

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

▽サンプル
live-preview

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

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

関連記事

  1. water-ripple-effect02

    画面いっぱいに水の波紋(Adobe Muse)

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

  2. sunder-gallery-01

    演出効果に優れたカード型レイアウトを簡単に。(Adobe Mus…

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

  3. cinch-slidshow

    レスポンシブ対応スライドショー(Adobe Muse)

    サードパーティウィジェット「Cinch Slideshow」Widgetを利用することで、レスポ…

  4. tabs

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

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

  5. snipcart-ecommerce

    Museでeコマース出来るのですが・・・(Adobe Muse)…

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

  6. musexpress2_0-13

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

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

  7. mediapro-gallery

    メディアプロ・ギャラリー(Adobe Muse)

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

  8. image-shapes-b-01

    ポリゴンの数値による画像のモーフィングPart2(Adobe M…

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

PAGE TOP