HTML5アニメーション作成ツール Adobe Edge Preview3の使い方 前編 | Irrelevant Space
AdobeはHTML5を使ったアニメーションの制作ツールとしてAdobe Edgeを無料で公開しています。 2011年8月にpreview1が公開され、1か月ごとに新しいプレビューが公開されているので、2011年10月現在ではpreview3になっています。 今回はそんなAdobe Edgeについて全体の概観や簡単な操作方法を紹介したいと思います。 Adobe Edgeのインストール まずAdobe EdgeをHTML5 tools, Animation tools – Adobe Edge Preview | Adobe Labsからダウンロードします。 ダウンロードにはAdobeのアカウントが必要です。 ダウンロードしたファイルを解凍したらセットアップ用のファイルを実行してインストールしてください。特に迷う部分はないと思います。 なお、Win版はOSがVistaか7である必要がありま
HTML5でFlashに近づけるか？Adobe AnimateをJavaScriptで制御する | DECONCEPTER
手軽なHTML5アニメーションを作るならこれがベストかも 前回Adobe Edgeの雑感を書いたが、今回は実際にEdge Animateを使ってみる。アニメーション自体を作るのは簡単だが、クリックしたら再生など、ちょっとしたインタラクティブ性を加えるにはJavaScriptの記述が必要になる。手順としてまずAdobe Animateでアニメーションを作り、さらにJavaScriptで制御してみたいと思う。 今回作るサンプル 単純なサンプルではあるが、PLAYボタンを押したらアニメーションが開始し、ボタンの状態をPAUSEボタンに変化させるトグルボタンの実装と、アニメーションが一回再生されるごとにカウンターの数字が上がっていくサンプルを作る。 デモ Edge Animateで作られる要素 コンポジションとシンボルの2つの考え方で構成される。Flashで言うところのStageとMovieCli
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
