2018-05-08

座標をメッシュワープする時の考え方

先日openFramworksでテクスチャのメッシュワープのような形で座標のメッシュワープをすることになったのだが、メッシュワープはメッシュの四角形それぞれの透視変換の集合ではない、という落とし穴にハマった。てっきりそう思ってたので透視変換行列を計算してたのだが、境界で滑らかに座標を移動してくれなくて困ってたら考え方が間違っていた。単純に縦横の比率で計算して出してやればよかった。

具体的には、上辺と下辺で元の比率と同じ場所に点を打ってその点どうしを結び、それを右辺と左辺でも同様にやった交点が変換後の座標になる。図を見てもらったほうが早いと思う。

f:id:miso_engine:20180508171437j:plain

テクスチャのメッシュワープ自体は、OpenGLなど、3Dのフレームワークの基礎なので、特に問題なくofxMeshWarpを利用した。
https://github.com/nariakiiwatani/ofxMeshWarp

2018-03-06

GLSLで座標から角度を取得するためのatan2と角度のラップ

GLSL プログラミング

座標から角度を求めるatan2

フラグメントシェーダーを使っててある場所とある場所の角度を求めたい時がある。今回はGLSLなんだけど、atanを使えばいいのかな？と思ってやってみると円の反対側も同じ値が返ってきてしまうので微妙に使えない。C言語系統でいうatan2だといけるのだが、GLSLにatan2はないのでググって出てきたスタックオーバーフローの実装を使った。

c++ - Robust atan(y,x) on GLSL for converting XY coordinate to angle - Stack Overflow

float PI = 3.141592653589793;

float atan2(in float y, in float x)
{
    return x == 0.0 ? sign(y)*PI/2 : atan(y, x);
}

角度をラップする関数

角度って難しいので常に-180度 ~ 180度に収めるための関数をopenFrameworksのofWrapDegreesを参考に実装。atan2とあわせて色々ゴニョゴニョとやっていた。

https://github.com/openframeworks/openFrameworks/blob/master/libs/openFrameworks/math/ofMath.cpp

float wrapDegrees(in float value){
    float from = -180;
    float to = 180;
    float cycle = to - from;
    return value - cycle * floor((value - from) / cycle);
}