- 博客(3)
- 资源 (1)
- 收藏
- 关注
转载 WebGL+shader实现素描效果渲染
转自:点击打开链接实现一个这样的渲染效果,主要的步骤包括:准备模型和场景通过 WebGL (Three.js) 导入场景实现 Shader 以表现接近素描的效果在最重要的第 3 步中,我们要实现的主要有两个效果:模型边缘的描边 (不同于单纯的线框)模型表面类似于素描的线条效果为了实现这样的效果,我们实际并不能直接在单一的 3D 的空间上完成的,而需要另外准备一个二维
2015-11-28 16:50:23 8318 3
原创 GLSL着色语言的学习(二)光照模型
1.一般构造图形的四个步骤(1)三维建模构造物体在场景中的几何结构(结构)(2)转换成二维(投影)(3)确定场景中可见面(消隐)(4)计算可见面的颜色(光照)2.光照知识在这里需要补充一下物理、光学的知识。物体的颜色取决于该物体对可见光的某种波长的吸收情况,显现的是该波长的互补光的颜色。 全部吸收,就是不反射,就是黑色全部反射,就是不吸收,就是白
2015-11-23 22:58:06 1271
原创 GLSL着色语言的学习(一)渲染管线流程
1.首先了解OpenGL渲染管线,就是一系列数据处理流程。在OpenGL中,会用到不同的四种不同的着色阶段,其中最常用的就是顶点着色器和片源着色器,前者处理顶点数据,后者处理光栅化的片元数据。下面来详细解释每一步。(1)。首先接受用户传进来的数据(vertex Array或Buffer objects)(2)。顶点着色器(常用的三个修饰符attribute、uniform、va
2015-11-21 20:40:55 3415
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人