Jan
26
Radium Software: 指数関数を使ったお手軽イーズ・アウト
(この記事にはProcessing.jsによるスケッチがいくつか組み込まれています。環境によっては正しく再生されないかもしれません。Chrome, Safari, Firefox等の使用をおすすめします。)
「丸が1秒おきに左右に滑らか動く」というプログラムを書いてみよう。いちばん簡単なのは、線形移動を使う方法だ。
まあ、これでも十分っちゃ十分なんだけれど、動きとしてはちょっと味気ない。
いわゆるイーズアウト(ease out)を使えば、これを滑らかにすることができる。
上のスケッチでは、漸化式を使ったイーズアウトを実装している。こんな感じの式だ。