JavaScript アニメーションのデザインパターン
JavaScript でアニメーションを作る アニメーションとは何？ ビューを少しずつ回転、拡大縮小、移動、変色などを行い、連続的な動きを作る こんな感じ <div id="view">hoge</div> <script> var el = document.getElementById('view'); el.style.opacity = 1; setInterval(function() { el.style.opacity -= 0.01; }, 10); </script> なんで、あんな感じの書き方になるの？ setInterval の意味が分からない こんな感じで書けないの？ <div id="view">hoge</div> <script> var el = document.getElementById('view'); el.style.opacity = 1; w
Webページの要素間をスムーズにスクロールするやつ - 今日もスミマセン。
仕事でjavascriptアニメーションしたくて、かといって、jQuery入れるにはいろいろ問題が、、、ということもあって、 自前で、easing関数を使ってスムースにスクロールするやつ書いた。 sin()とかcos()とか、ぜんぜんわからなくてちょっと悲しかった。 以下のサイトで試せる。 http://jottit.com/h3qhu/ 「ふんわり」移動の考え方 easing関数は、ある「経過時間」の時点において「どの位置まで移動しているべきか」を求めることができる関数で、「どういった動きを表現したいか」によってその中身の計算式はかわってくる。 自分の場合、最初は早くだんだん遅くという「ふんわり」した動きを実現するために、sin 関数を使ってみた。 Wikipediaとかいろいろ調べて以下のような感じで計算式を導きだした。 参考 以下の記事が参考になった。 これでできる！ クロスブラウザ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
SMIL Animation
