![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
WebGL
wangcuiling_123
这个作者很懒,什么都没留下…
展开
-
WebGL切换着色器 绘制不同物体
WebGL切换着色器 绘制不同物体1、为何切换着色器WebGL绘制不同的物体需要使用不同的着色器,每个着色器中可能有非常负责的逻辑以实现各种不同的效果。我们可以准备多个着色器,然后根据需要来切换使用它们。2、如何实现切换着色器为了切换着色器,首先创建多个着色器程序对象,然后在绘制之前选择使用的程序对象(使用gl.useProgram()函数来进行切换)。下面是本次实例程序(实例程序绘制了...原创 2018-12-19 10:46:36 · 1817 阅读 · 0 评论 -
WebGL以渲染的三维图像作为纹理
一、本节概述:WebGL渲染三维图形,然后将渲染结果做为纹理贴到另一个三维物体上去。实际上,把渲染结果作为纹理使用,就是动态的生成图像,而不是向服务器请求加载外部图像。在纹理图像被贴上图形之前,我们还可以对其做一些额外的处理,比如动态模糊和景深效果。二、本节知识点:帧缓冲区对象和渲染缓冲区对象在默认情况下,WebGL在颜色缓冲区中进行绘图,在开启隐藏面消除功能时,还会用到深度缓冲区。总之,...原创 2019-01-11 15:09:53 · 2017 阅读 · 1 评论 -
WebGL绘制阴影
一、本节概述:这一节我们来研究如何实现阴影。首先,实现阴影有很多方法,本节所介绍的方法采用的是阴影贴图(shadow map),或称为深度贴图(depth map)。二、本节知识点:如何实现阴影实现阴影的基本原理:太阳看不见阴影。如果在光源出放置一位观察者,其视线方向与光线一致,那么观察者也看不到阴影。他看到的每一处都在光的照射下,而那些背后的,他没有看到的物体则处在阴影中。这里,我们需要...原创 2019-01-11 17:24:25 · 933 阅读 · 0 评论 -
理解obj模型文件的格式和每行的意义
示例obj模型文件:#Blender v2.60 (sub 0) OBJ File: ‘’#www.blender.orgmtllib cube.mtlo Cubev 1.000000 -1.000000 -1.000000v 1.000000 -1.000000 1.000000v -1.000000 -1.000000 1.000000v -1.000000 -1.000000...原创 2019-02-02 16:21:31 · 1278 阅读 · 0 评论 -
mtl材质文件格式
示例mtl材质文件:#Blender MTL File: ‘’#Material Count: 2newmtl MaterialKa 0.000000 0.000000 0.000000Kd 1.000000 0.000000 0.000000Ks 0.000000 0.000000 0.000000Ns 96.078431Ni 1.000000d 1.000000illum ...原创 2019-02-02 16:27:46 · 4091 阅读 · 0 评论