webGL
文章平均质量分 66
NCQuan
这个作者很懒,什么都没留下…
展开
-
WebGL空间变换以及gl_FragCoord的运用
WebGL空间变换局部坐标系——》世界坐标系——》相机坐标系——》剪裁坐标系——》规范化设备坐标系——》屏幕坐标系模型变换:world.xyzw = modelMatrix * position.xyzw;视图变换::eye.xyzw = viewMaterix * world.xyzw;投影变换:clip.xyzw = projectMatrix * eye.xyzw;透视除法(w归1化):ndc.xyzw = clip.xyzw / clip.w;视口变换:screen.xy = (nd原创 2021-12-16 14:48:20 · 1130 阅读 · 0 评论 -
模型描边(二)—— three.js着色器法线延伸
描边效果是游戏里面非常常用的一种效果,一般是为了凸显游戏中的某个对象,会给对象增加一个描边效果。例如最常见的LOL中的防御塔,我们把鼠标移动到塔上,就会有很明显的描边效果:简单的描边效果原理:我们的描边效果,肯定就是要让模型更“胖”一点,能够把我们原来的大小包裹住;微观一点来看,一个面,如果我们让它向外拓展,而我们指的外,也就是这个面的法线所指向的方向,那么就让这个面朝着法线的方向平移一点...原创 2019-08-26 12:28:18 · 1172 阅读 · 0 评论