成果物
www.youtube.com
今回は、前回の曲線に変形を施すシステムと、B-Spline曲線のシステムを組み合わせて、画像を変形させてみました。
仕組み
B-Spline曲線が、曲線上の任意の座標を取得できるという性質を利用して、初めてから終わりに向かって座標を取得しています。
nekodigi.hatenablog.com
取得した座標の位置での上下の点を法線ベクトルを使って求め、Vertexを使って繋いでいきます。(TRIANGLE_STRIPを使うと繋ぎやすいです)
また、画像の表示は、vertexにu,vを設定しテクスチャーを張ることで実装しています。リファレンスをご覧ください。
textureMode() \ Language (API) \ Processing 3+
コード
Offset illusionリポジトリにb_spline_image_curve_modifierという名前で追加しています。
github.com