ねこでじ(Nekodigi)

Nekodigi’s diary

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

【Processing】画像をB-Spline曲線に沿って変形させる。

成果物

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