ビジュアルコーディングにおいて、気持ちよい動きを実現するために必須ともいえる「easing関数」。今回は、有名なRobert Penner氏のものをProcessingに移植して、勉強会のメンバーが使えるように仕上げてみました。 こういう動きが作れるようになりますものを動かす方法突然ですが、ここに丸があります。ボールです。 このボールをとにかく動かせ!と言われたとき、あなたならどう実装しますか? 例えば、毎フレーム2ピクセルずつずらしていく…みたいな感じが、最も簡単でしょうか。 void draw() { background(255); ballX += 2; ellipse(ballX, ballY, ballSize, ballSize); } コードはこんなイメージ。 動きがわかりやすいように、絵のほうは往復させています。 これは「等速直線運動」といって、ずっと同じ速さで移動する動
![Easing.pde — Robert Penner氏のeasing関数をProcessingに移植しました - ここぽんのーと](https://cdn-ak-scissors.b.st-hatena.com/image/square/ba1f198ce71a5018205f3043ae863567d7711149/height=288;version=1;width=512/https%3A%2F%2Fcocopon.me%2Fdata%2Fblog%2F2014%2F12%2Feasing-pde%2Foutbounce.png)