こんにちは、太田です。3回ほどJavaScriptの基礎的な内容が続いたので、今回はグラフィカルなアニメーションについて解説します。グラフィカルなJavaScriptというと、難しい・応用的なイメージがあるかもしれませんが、JavaScriptでのアニメーションとはすなわちCSSを段階的に操作するということで、そのポイントを抑えれば中身は単純なものです。 アニメーションの前提知識 HTMLにおける通常のアニメーションを構成するのは、「特定の要素」に対して、「そのCSSプロパティ」を「ある時点からある時点まで」の時間の中で、「ある値からある値に操作」する、といった要素です。 特定の要素と、CSSプロパティについては問題ないと思います。問題となるのは「時間と値の操作」です。 まず、単純にインクリメントするだけというサンプルを見てみましょう。 良くないアニメーション var y = 0;
さあ、アニメーションづくりの第二弾です。 以前に円盤形アニメーション上映機『ファナキスティス（フェナキストス）スコープ』を作りました。こちらは鏡に映して映像を楽しみましたが、今回は単体でアニメーション作品を楽しめる装置です。その分、少し大物になりますよ。 参考図書 『アニメーターズサバイバルキット』 リチャード･ウィリアムズ／著 グラフィック社 『アニメーションの本』 アニメ6人の会／著 合同出版 アニメーションについて知ってみましょう ゾートロープを作る前に、アニメーションの動きについて考えてみましょう。ちょっとしたことを取り入れることで、あなたの描いた絵の動きが見違えるようになるはずです。 アニメーションの動きで大切なのは間の取り方（タイミング）と慣性や落下の法則をうまく取り入れていくことです。 ゴムボールを放り投げてみます。ボールは放物線を描いて飛んでいって、やがて地面に落ち
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く