一、

创新互联公司2013年成立，先为汕头等服务建站，汕头等地企业，进行企业商务咨询服务。为汕头企业网站制作PC+手机+微官网三网同步一站式服务解决您的所有建站问题。

在写风吹旗帜效果的时候，注意的是上一个点与下一个点的如Ｚ坐标的关系，下一个点的Ｚ坐标是上一个点的此时的Ｚ坐标，其实就是按波的传递性来计算，Ｚ坐标可以按任何曲线的函数来计算，如sin, cos,这只是最基本的思想，要做得真实，就看算法的了，但动态实现就是用坐标传递。

如把旗帜分成４4行，４4列，只计算Ｚ坐标的传递，不考试Ｘ与Ｙ，

那么，一共有45 * 45个点，每个点三个坐标值

       const float PI = 3.1415;

       const int row = 44;    //要分成的行数

       const int column = 44;   // 要分成的列数

       const float length = 9;  //旗帜的长度

       const disx = length / (float)column;

       const disy = length / (float)row;

       float coord[row][column][3];

        // 按行逐行计算坐标值

       for (int i＝0; i < row; i++) {

               float y = i * disy - length / 2.0;

               for (int j=0; j < column; j++) {

                       coord[i][j][0] = j * disx - length / 2.0; //是为了保证旗帜处于正中间

                       coord[i][j][1] = y;

                       coord[i][j][2] = sin((float)j / (float)colum * 2.0 * PI);

                       // 注意除法时要不要把两个数都是整数

                }

       }

传递Ｚ坐标

       for (int i＝0; i < row; i++) {

               float hold = coord[i][0][2]; //保存第一个点的Ｚ坐标，最后一个点要使用

               for (int j=0; j < column-1; j++) {

                        coord[i][j][2] = coord[i][j+1][2];

                }

                coord[i][column-1] = hold;

       }

这是最简单的计算，每一列的Ｚ坐标都相同，重复了最后一个点的Ｚ坐标与第一个点的Ｚ坐标，还可以把列点的Ｚ坐标按照一定的曲线方程来计算，然后把它传递给下一个点，还有Ｘ与Ｚ坐标也有可能会变化，这里都是最简单的形式。

二、

为了能使Ｚ轴即能在垂直方向运动，又能在水平方向运动，则需要两个数组来保存水平方向和垂直方向的Ｚ坐标值。然后Ｚ坐标为这两个坐标值的合成：

       const int row = 45;

       const int column = 45;

       const float width= 9.0f;

       const float height = 9.0f;

       float coord[row][column][3];  // Flag的坐标

       float hzcoord[row][column];   // Flag的Ｚ坐标水平分量

       float vzcoord[column][row];   // Flag的Ｚ坐标垂直分量

        //计算Ｚ坐标的水平分量

       for (int i = 0; i < row; i++) {

               for (int j = 0; j < column; j++) {

                       hzcoord[i][j] = sin((float)j / (float)column * 360 * 3.1415 / 180);

               }

       }

        //计算Ｚ坐标的垂直分量

       for (int i = 0; i < column; i++) {

               for (int j = 0; j < row; j++) {

                       vzcoord[i][j] = sin((float)j / (float)column * 360 * 3.1415 / 180);

               }

       }

        float disx = width / column;

        float disy = height /row;

        //计算每个点的坐标

       for (int i = 0; i < row; i++) {

               for (int j = 0; j < column; j++) {

                       coord[i][j][0] = j * disx - width / 2.0;

                       coord[i][j][1] = i * disy - height / 2.0;

                       coord[i][j][2] = hzcoord[i][j] + vzoord[j][i];

               }

       }

上面已经完成初始化每个点的坐标，下面就到了动态的每一帧时Ｚ坐标的传递了：

        //水平坐标分量的传递

       for (int i = 0; i < row; i++) {

               float hold = hzcoord[i][0];

               for (int j = 0; j < column - 1; j++) {

                       hzcoord[i][j] = hzcoord[i][j+1];

               }

               hzcoord[i][column-1] = hold;

       }

        //垂直坐标分量的传递

       for (int i = 0; i < column; i++) {

               float hold = vzcoord[i][0];

               for (int j = 0; j < row - 1; j++) {

                       vzcoord[i][j] = vzcoord[i][j+1];

               }

               vzcoord[i][row-1] = hold;

       }

        //每一帧时要计算的每个点的坐标

       for (int i = 0; i < row; i++) {

               for (int j = 0; j < column; j++) {

                        //Ｘ与Ｙ坐标我们不用去变换，因为只考虑了Ｚ坐标的变化

                       //coord[i][j][0] = j * disx - width / 2.0;

                       //coord[i][j][1] = i * disy - height / 2.0;

                       coord[i][j][2] = hzcoord[i][j] + vzoord[j][i];

               }

       }

另外有需要云服务器可以了解下创新互联scvps.cn，海内外云服务器15元起步，三天无理由+7*72小时售后在线，公司持有idc许可证，提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案，具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势，专为企业上云打造定制，能够满足用户丰富、多元化的应用场景需求。

新闻名称：opengl飘动设计-创新互联
分享链接：http://hbruida.cn/article/cdjgpd.html