1.顶点依次移动

定义边长和顶点数据

  1. //blockSize 边长
  2. GLfloat blockSize = 0.1f;
  4. //正方形的4个点坐标
  5. GLfloat vVerts[] = {//x,y,z
  6.         -blockSize,-blockSize,0.0f, //A
  7.         blockSize,-blockSize,0.0f,    //B
  8.         blockSize,blockSize,0.0f,    //C
  9.         -blockSize,blockSize,0.0f    //D
  10. };

以顶点D为例，依次移动每个顶点

image.png

  1. void SpecialKeys(int key, int x, int y){
  3.     GLfloat stepSize = 0.025f;
  4.     //最后一个顶点D
  5.     GLfloat blockX = vVerts[0];//vVerts[0]和vVerts[9]相同
  6.     GLfloat blockY = vVerts[10];
  8.     if (key == GLUT_KEY_UP) {
  9.         blockY += stepSize;
  10.     }
  12.     if (key == GLUT_KEY_DOWN) {
  13.         blockY -= stepSize;
  14.     }
  16.     if (key == GLUT_KEY_LEFT) {
  17.         blockX -= stepSize;
  18.     }
  20.     if (key == GLUT_KEY_RIGHT) {
  21.         blockX += stepSize;
  22.     }
  24.     //触碰到边界（4个边界）的处理
  26.     //当正方形移动超过最左边的时候
  27.     if (blockX < -1.0f) {
  28.         blockX = -1.0f;
  29.     }
  31.     //当正方形移动到最右边时
  32.     //1.0 - blockSize * 2 = 总边长 - 正方形的边长 = 最左边点的位置
  33.     if (blockX > (1.0 - blockSize * 2)) {
  34.         blockX = 1.0f - blockSize * 2;
  35.     }
  37.     //当正方形移动到最下面时
  38.     //-1.0 - blockSize * 2 = Y（负轴边界） - 正方形边长 = 最下面点的位置
  39.     if (blockY < -1.0f + blockSize * 2 ) {
  40.         blockY = -1.0f + blockSize * 2;
  41.     }
  43.     //当正方形移动到最上面时
  44.     if (blockY > 1.0f) {
  45.         blockY = 1.0f;
  46.     }
  48.     // 计算每个顶点的位置
  49.     vVerts[0] = blockX;
  50.     vVerts[1] = blockY - blockSize*2;
  52.     vVerts[3] = blockX + blockSize*2;
  53.     vVerts[4] = blockY - blockSize*2;
  55.     vVerts[6] = blockX + blockSize*2;
  56.     vVerts[7] = blockY;
  58.     vVerts[9] = blockX;
  59.     vVerts[10] = blockY;
  61.     triangleBatch.CopyVertexData3f(vVerts);
  62.     glutPostRedisplay();
  63. }

顶点比较少的话，还能接受，如果是个复杂图形，顶点贼多，这种方法显然不好，我们用矩阵方式来移动

2.矩阵方式移动

定义移动移动距离（可看作中心点）

  1. // 在x轴上平移的距离
  2. GLfloat xPos = 0.0f;
  3. // 在y轴上平移的距离
  4. GLfloat yPos = 0.0f;

绘制的代码

  1. void RenderScene(void) {
  3.     /*
  4.      清除一个或者一组特定的缓存区
  5.      缓冲区是一块存在图像信息的储存空间，红色、绿色、蓝色和alpha分量通常一起分量通常一起作为颜色缓存区或像素缓存区引用。
  6.      OpenGL 中不止一种缓冲区（颜色缓存区、深度缓存区和模板缓存区）
  7.      GL_COLOR_BUFFER_BIT :指示当前激活的用来进行颜色写入缓冲区
  8.      GL_DEPTH_BUFFER_BIT :指示深度缓存区
  9.      GL_STENCIL_BUFFER_BIT:指示模板缓冲区
  10.      */
  11.     glClear(GL_COLOR_BUFFER_BIT|GL_DEPTH_BUFFER_BIT|GL_STENCIL_BUFFER_BIT);
  12.     //2.设置一组浮点数来表示颜色(RGBA)
  13.     GLfloat vRed[] = {1.0f,0.0f,0.0f,0.0f};
  16.     //定义矩阵
  17.     M3DMatrix44f mFinalTransform,mTransfromMatrix,mRotationMartix;
  19.     //平移矩阵
  20.     m3dTranslationMatrix44(mTransfromMatrix, xPos, yPos, 0.0f);
  22.     //每次平移时，旋转5度
  23.     static float yRot = 0.0f;
  24.     yRot += 5.0f;
  25.     //旋转矩阵
  26.     m3dRotationMatrix44(mRotationMartix, m3dDegToRad(yRot), 0.0f, 0.0f, 1.0f);
  28.     //将旋转和移动的矩阵结果 合并到mFinalTransform （矩阵相乘）
  29.     m3dMatrixMultiply44(mFinalTransform, mTransfromMatrix, mRotationMartix);
  31.     //将矩阵结果 提交给固定着色器（平面着色器）中绘制
  32.     shaderManager.UseStockShader(GLT_SHADER_FLAT,mFinalTransform,vRed);
  33.     triangleBatch.Draw();
  35.     //执行交换缓存区
  36.     glutSwapBuffers();
  37. }

移动的代码

  1. void SpecialKeys(int key, int x, int y){
  2.     // 移动的步长
  3.     GLfloat stepSize = 0.025f;
  5.     if (key == GLUT_KEY_UP) {
  6.         yPos += stepSize;
  7.     }
  9.     if (key == GLUT_KEY_DOWN) {
  10.         yPos -= stepSize;
  11.     }
  13.     if (key == GLUT_KEY_LEFT) {
  14.         xPos -= stepSize;
  15.     }
  17.     if (key == GLUT_KEY_RIGHT) {
  18.         xPos += stepSize;
  19.     }
  21.     //碰撞检测
  22.     if (xPos < (-1.0f + blockSize)) {
  23.         xPos = -1.0f + blockSize;
  24.     }
  26.     if (xPos > (1.0f - blockSize)) {
  27.         xPos = 1.0f - blockSize;
  28.     }
  30.     if (yPos < (-1.0f + blockSize)) {
  31.         yPos = -1.0f + blockSize;
  32.     }
  34.     if (yPos > (1.0f - blockSize)) {
  35.         yPos = 1.0f - blockSize;
  36.     }
  37.     // 提交重绘
  38.     glutPostRedisplay();
  39. }