44 WebGL通过点击获取到点击面的下标

案例查看地址:点击这里




    
    
    
    Title
    










这是教程里面的一个案例,里面就是交给我们如何通过点击实现获取到哪个面。里面有趣的是有一个判断。

这里与上一节的案例代码区别不大,别的不再讲解。

我们直接从mousedown事件里面说起来。

触发mousedown事件以后,我们就把u_PickedFace变量改为了0. 然后让WebGL重新绘制页面。到了这里我们就去看顶点着色器,会发现有个if else的判断,在那里对u_PickedFace进行了判断。也就是说,在点击第一次绘制的时候,会把我们设置的当前面的index作为颜色的第四项传入到视图当中。等绘制完成,然后调用获取颜色的方法获取了一下当前下标,再次将u_PickedFace修改掉。然后通过顶点着色器里面的三元运算符运算,将处于相同面的点的颜色全部绘制成了白色。

这是

你可能感兴趣的:(WebGL)