
webgl
pengpai123
qq:1217272252
展开
-
Three.js实现深度拾取功能
threejs自带的接口实现坐标拾取一般使用射线法,该方法属于几何计算,通过使用Ray创建射线与geometry通过某个加速结构(bvh或者kdTree),最终与确定的一个三角形进行相交测试这种方法有如下优点:计算结果精确,由于属于几何计算,射线拾取的精度非常高返回的信息详细,不仅可以计算当前拾取点的坐标,也可以返回当前三角形所属于的mesh,当前点的uv等…。。。。。同样精度高带来的另一个问题便是性能消耗大,如果遇到稍微复杂的场景,整个计算过程将十分耗时,鼠标移动过程中的坐标拾取更是无法做到,原创 2021-06-24 22:16:33 · 2160 阅读 · 1 评论 -
webGL法线贴图原理
法线贴图 1、一般的法线贴图颜色都为下面这种 2、对应的普通的贴图为 法线贴图使用使用颜色来记录当前点的法向量,法线贴图的默认坐标是平行于XY平面的,其对应的被贴图的平面也是平行于XY平面的,因此,在进行渲染时,如果该点的法向量是平行于Z轴,即法向量为(0,0,1),此时对应的颜色为蓝色 当然,若被贴图的物体不是平行于XY平面时,例如当向一个模型进行贴图时,模型有很多三角面,原创 2017-02-17 20:44:50 · 1599 阅读 · 0 评论 -
一、WebGL屏幕坐标转世界坐标
最近在研究一位大神用webgl写的三维地图引擎,在研究源码的过程中学到了很多以前没注意到的东西,特地在此记录一番 平常WebGL渲染的时候,如果顺过来看的话,坐标转换会经过如下几个过程 局部坐标=>世界坐标=>观察坐标=>裁剪坐标=>标准设备坐标=>屏幕坐标 就是我们平常说的MVP矩阵,对于这些细节如果还不清楚的话,可以看看的这篇文章,讲的很清楚 这里就不多说了,如果哪天需要原创 2017-03-10 20:00:01 · 5404 阅读 · 2 评论