排序
WebGL入门(二十一)-三维视图对象前后关系的处理/隐藏面消除与深度冲突处理
对象前后关系的处理/隐藏面消除与深度冲突处理 1.demo效果2.相关知识点2.1 三维视图矩阵模型2.2 对象前后关系处理2.3 gl.enable()方法2.4 gl.disable()方法2.5 深度冲突2.6 gl.polygonOffset()...
使用shader绘制矩形、矩形框、圆形、圆形框(WebGL-Shader开发基础02)
绘制矩形、矩形框、圆形、圆形框 1.绘制矩形1.1 使用if语句绘制1.2 使用step函数绘制1.3 使用step函数简化方法绘制1.4 使用abs对称思想绘制1.5 绘制矩形边框 2. 绘制圆2.1 绘制圆形2.2 绘制圆形...
WebGL入门(四十二)-使用(FBO)实现阴影效果
使用(FBO)实现阴影效果 1. demo效果2. 相关知识点2.1 阴影如何产生2.2 阴影实现原理2.2.1 准备阴影贴图2.2.2 阴影映射2.2.3 马赫带消除 3. demo代码 1. demo效果 2. 相关知识点 ...
WebGL入门(十)-通过矩阵相乘实现图形(三角形)的组合变换
通过矩阵相乘实现图形的组合变换 1.组合变换效果展示2.知识点梳理2.1组合变换原理2.2组合变换实现要点2.2.1顶点着色器声明uniform变量u_ModelMatrix2.2.2声明模型矩阵Matrix4对象及其属性方法介...
05-VTK在图像处理中的应用(1)
5、VTK在图像处理中的应用 图像是VTK中一个非常重要的数据。数字图像广泛应用于工业生产、生物医学、媒体娱乐、地质、气象等重要领域,数字图像处理具有重要的应用价值。我们在掌握了VTK...
WebGL入门(三十二)-着色器和着色器程序对象,初始化着色器说明
着色器和着色器程序对象,初始化着色器说明 1.initShaders() 函数创建步骤2.相关API介绍2.1创建着色器对象 gl.createShader()2.2指定着色器代码 gl.shaderSource()2.3编译着色器 gl.compi...
WebGL三维模型实现Phong着色(WebGL进阶05)
WebGL三维模型实现Phong着色 1. demo效果2. Phong着色与Gouraud 着色2.1Gouraud 着色2.2 Phong 着色 3. 实现要点4. demo代码 1. demo效果 2. Phong着色与Gouraud 着色 通过前面几篇文章,...
shader编程-三维场景下SDF建模,对模型进行扭曲、弯曲、裁剪、掏空操作(WebGL-Shader开发基础12)
对模型进行扭曲、弯曲、裁剪、掏空操作 1. demo效果2. 实现要点2.1 模型扭曲2.2 模型弯曲2.3 模型裁剪与掏空2.3.1 球体裁剪与掏空2.3.2 圆柱裁剪与掏空2.3.3 甜圈圈裁剪与掏空 3. demo代码 1. d...
06-VTK基本数据结构(3)
6.4 属性数据 属性数据(AttributeData)是与数据集的组织结构相关联的信息。由前面的内容可知,组织结构包括几何结构及拓扑结构,几何结构由点数据定义,拓扑结构由单元数据定...
WebGL入门(二十)-三维视图通过透视投影矩阵创建远小近大的两排三角形
通过透视投影矩阵创建远小近大的两排三角形 1.demo效果2.相关知识点2.1 透视投影2.2 Matrix4.setPerspective()函数 3. demo代码 1.demo效果 如上,通过透视投影矩阵创建了左右两排三角形&...
使用shader绘制线、线段、曲线(WebGL-Shader开发基础01)
使用shader绘制线、线段、曲线 0.序1. 绘制线1.1 绘制水平线1.1.1 根据判断条件着色绘制1.1.2 使用step函数绘制1.1.3 使用smoothstep函数绘制 1.2 绘制垂直线1.3绘制斜线1.3.1使用step函数绘制1...
WebGL入门-WebGL常用API说明详解
WebGL常用API说明 1.设置背景色 gl.clearColor()2.清空绘图区 gl.clear()3.绘制操作 gl.drawArrays()4. attribute变量4.1 获取attribute变量地址 gl.getAttribLocation()4.2 给attribute变量传...