简单的纹理旋转以及平移操作

    xiaoxiao2021-03-25  100

    实现效果,可以控制材质纹理的旋转以及平移编辑。

    实现思想:通过传入shader 中的矩阵,利用鼠标的运动,影响控制纹理坐标的改变,进而实现纹理的平移和旋转操作

    知识背景:矩阵的旋转平移

    实现步骤:

    1.定义uniform, 

    2. 获取到纹理,纹理的坐标矩阵

    3. 鼠标的运动改变纹理的矩阵坐标

    4. 在渲染流程中set uniform matrix

    关于鼠标控制的附加:

    画一个圆,选中旋转这个圆圈可以控制纹理的旋转; 画箭头,选中箭头,并对鼠标做上下移动的操作,控制纹理的移动

    关于选中,使用 glgetdepthcolor 进行选中。

    selectedCircleFromScreenDepth(int x, int y) { float pixedDepth = 1.0f; m_shader->bind(); gloColorMask(GL_FALSE,GL_FALSE, GL_fALSE, GL_FALSE); glClear(GL_DEPTH_BUFFER_BIT); m_circleVbo->bind(); glDrawArrays(GL_LINES, 0, m_circleVertiecs.size()); m_circleVbo->release(); for(int i = - AXIS_WIDTH; i<= AXIS_WIDTH; i++) for(int j = - AXIS_WIDTH;j<= AXIS_WIDTH;j++) { float temp = pixelDepth; glReadPixels(x+i, y+j,1,1, GL_DEPTH_COMPONENT,GL_FLOAT,(GLvoid*)&pixelDepth); } glColorMask(GL_TRUEmGL_TURE,GL_TRUE,GL_TRUE); glClear(GL_DEPTH_BUFFER_BIT); return(pixelDepth<1.0f)?true:false; }

    鼠标的运动距离,作为平移的距离,或者旋转的angles 传入控制。

    实现效果:

    转载请注明原文地址: https://ju.6miu.com/read-32582.html

    最新回复(0)