ねこでじ(Nekodigi)

Nekodigi’s diary

学習中の気づきをまとめています。応援よろしくお願いします

【Processing】Easingを使って波を作ってみる。

成果物

www.youtube.com
Easingは滑らかに移動するアニメーションを付ける際に使うのですが、このように横に並べると波を作ることができます。EasingはWebのアニメーションでよく使いますが、Generative Artでも使えそうな気がします。

仕組み

Easingはベジエ曲線や方程式で定義することができます。今回は、方程式で定義する方法を選びました。Easingの早見表はこちらになります。
Easing Functions Cheat Sheet
このC#のプログラムをもとに三次関数(Cubic)での補完プログラムを実装しました。2つの数値の間を補完することができます。
Easing Functions for Unity3D · GitHub

コード