HTML5でFlashに近づけるか？Adobe AnimateをJavaScriptで制御する | DECONCEPTER
手軽なHTML5アニメーションを作るならこれがベストかも 前回Adobe Edgeの雑感を書いたが、今回は実際にEdge Animateを使ってみる。アニメーション自体を作るのは簡単だが、クリックしたら再生など、ちょっとしたインタラクティブ性を加えるにはJavaScriptの記述が必要になる。手順としてまずAdobe Animateでアニメーションを作り、さらにJavaScriptで制御してみたいと思う。 今回作るサンプル 単純なサンプルではあるが、PLAYボタンを押したらアニメーションが開始し、ボタンの状態をPAUSEボタンに変化させるトグルボタンの実装と、アニメーションが一回再生されるごとにカウンターの数字が上がっていくサンプルを作る。 デモ Edge Animateで作られる要素 コンポジションとシンボルの2つの考え方で構成される。Flashで言うところのStageとMovieCli
Adobe Edge Animate用にファイルを書き出せるFireworks拡張 | バシャログ。
風邪をすっ飛ばして肺炎という診断をくだされて、3日間ほど寝込んでいたminamiです。皆さんも気をつけて！ AdobeからWebサイト構築ツール&サービス「Edge Tools & Services」が発表されました。 その中のHTML5／CSS3／JavaScriptベースでアニメーションを作成できるEdge Animateというツールに、Fireworksで連携できてしまう拡張をご紹介します。 Edge Animate 上記拡張をインストールします。FW CS5でも問題なく動作しました。 Fireworks上で適当な矩形と文言をレイアウトします。 コマンド > Edge Animate > Export Edge が拡張によって追加されているので、選択します。 プロジェクトファイルを出力するフォルダを指定します。 フォルダに自動的にEdge Animateで必要なファイルが書きだされま
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
