翻页效果答案

【问题标题】：Page Roll effect翻页效果
【发布时间】：2014-05-15 05:41:50
【问题描述】：

我想在着色器中创建翻页效果。所以我有一个 y=0 的 XZ 平面点。现在我假设一个具有 R 半径和 Inf 的圆柱体。高度位于平面上，沿 Y 轴旋转一定角度。看图：

我想要一个方程，以便纸张可以在给定的 XZ 方向上滚过球体。

我正在做的是：

float2 currPoint = gl_Vertex.xz;
float2 normDir = normalize(-1, 0); //direction at which paper will start rolling out.
float cylRadius = 1.f;
float dist = sqrt(normDir.x *vi.x * vi.x + normDir.y *vi.y * vi.y);
float beta = dist / cylRadius;

float3 outPos = 0;
outPos.x = currPoint.x + N.x * cylRadius * sin(beta);
outPos.z = cylRadius * (1 -cos(beta));
outPos.y = currPoint.y + N.y * cylRadius * sin(beta);

但它只在normDir = normalize(-1, 0)的情况下有效，在其他情况下结果不符合预期。

【问题讨论】：

首先，什么球体？您在问题中讨论了圆锥和圆柱。此外，您需要曲面细分才能完成这项工作，否则您只会扭曲一个四边形。我提到这一点是因为您的图表似乎使用 4 个点来表示论文。

标签： c++ opengl math shader projection

【解决方案1】：

我知道了。我的实现是基于 Pawel 的页面 Flip implimentation (http://nomtek.com/page-flip-3d/)

这是 HLSL 中的代码。

    float DistToLine(float2 pt1, float2 pt2, float2 testPt)
    {
      float2 lineDir = pt2 - pt1;
      float2 perpDir = float2(lineDir.y, -lineDir.x);
      float2 dirToPt1 = pt1 - testPt;
      return (dot(normalize(perpDir), dirToPt1));
    }

    float3 Roll(float2 pos )  //per vertex
    {
        float time = param1.z ;
        float t = (time);
        float2 A = float2( 0 , 1 );    //tweak these 4 variables for the direction of Roll
        float2 B = float2( 5.f , 1 );  //
        float2 C = float2( 1 , 0 );    //
        float2 D = float2( 0 , 0 );    //

        float2 P1 = lerp( B , A , time ) ;
        float2 P2 = lerp( C , D , time ) ; ;
        float2 N =   normalize( float2(-(P2-P1).y , (P2-P1).x ) );
        float dist = DistToLine(P1 , P2 , float2(pos.x , pos.y) );

        float3 vOut;
        if (dist > 0 )
        {
            float distFromEnd = DistToLine(C , B ,  float2(pos.x , pos.y) ) ;
            float R = lerp( .1 , .13 , distFromEnd );

            float2 p = pos - N * dist;
            float alpha = dist / R;
            float sinAlpha = R * sin(alpha);
            vOut.x = p.x + N.x * sinAlpha;
            vOut.y = p.y + N.y * sinAlpha;
            vOut.z = (1 - cos(alpha)) * R;
        }
        else
        {
            vOut.x = pos.x;
            vOut.y = pos.y;
            vOut.z = 0;
        }
        return vOut;
    }

【讨论】：