排序
shader编程-二维空间中使用矩阵实现物体的旋转、缩放、平移变换（WebGL-Shader开发基础03）
shader编程-二维空间中使用矩阵实现物体的旋转、缩放、平移变换 1. 变换前物体的绘制2. 物体旋转的实现3. 物体缩放的实现4. 物体平移的实现5. 平移与缩放另外一种实现方式6. 所有示例代码 1. 变...
点燃火柴
04-VTK可视化管线(2)
4.2 可视化管线 我们回头再看看3.1的示例RenderCylinder。在这个例子及后续的扩展内容里，我们可以找到以下列出的类或其子类： vtkProp; vtkAbstractMapper;vtkProperty; vtkCamera...
DolingStudio
WebGL入门(三十三)-通过鼠标点击选中立方体，选中立方体的某个面
通过鼠标点击选中立方体，选中立方体的某个面 1.三维物体选中原理与实现步骤1.1物体选中原理1.2物体选中实现步骤1.2.1注册鼠标点击事件1.2.2顶点着色器作特定值设置处理1.2.3告诉顶点着色...
点燃火柴
WebGL使用点光源照明（WebGL进阶06）
使用点光源照明 1. demo效果2. 点光源介绍3. 实现要点3.1 片元着色器中计算点光源3.2 准备绘制物体的数据3.3 绘制物体 4. demo代码 1. demo效果 上图效果为原点处有点光源照射的效果 2. 点光源...
点燃火柴
06-VTK基本数据结构(2)
6.3 单元类型 数据集由一个或多个单元组成，图6.6和6.7列出了VTK支持的线性和非线性类型的单元。一系列有序的点按指定类型连接所定义的结构就是单元(Cell)，单元是可视化系统的基础...
DolingStudio
WebGL入门(二十一)-三维视图对象前后关系的处理/隐藏面消除与深度冲突处理
对象前后关系的处理/隐藏面消除与深度冲突处理 1.demo效果2.相关知识点2.1 三维视图矩阵模型2.2 对象前后关系处理2.3 gl.enable()方法2.4 gl.disable()方法2.5 深度冲突2.6 gl.polygonOffset()...
点燃火柴
WebGL-Shader入门（1.着色器语言GLSL ES数据类型介绍与使用）
GLSL ES数据类型介绍与使用 1. GLSL ES介绍2. 变量定义3. 变量类型3.1 基本类型3.1.1 基本类型的介绍3.1.2 基本类型的赋值和类型转换 3.2 矢量3.2.1 矢量类型介绍3.2.2 矢量构造和赋值 3.3 矩阵...
点燃火柴
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对象及其属性方法介...
点燃火柴
使用shader绘制矩形、矩形框、圆形、圆形框（WebGL-Shader开发基础02）
绘制矩形、矩形框、圆形、圆形框 1.绘制矩形1.1 使用if语句绘制1.2 使用step函数绘制1.3 使用step函数简化方法绘制1.4 使用abs对称思想绘制1.5 绘制矩形边框 2. 绘制圆2.1 绘制圆形2.2 绘制圆形...
点燃火柴
05-VTK在图像处理中的应用(1)
5、VTK在图像处理中的应用 图像是VTK中一个非常重要的数据。数字图像广泛应用于工业生产、生物医学、媒体娱乐、地质、气象等重要领域，数字图像处理具有重要的应用价值。我们在掌握了VTK...
DolingStudio
WebGL入门(三十二)-着色器和着色器程序对象，初始化着色器说明
着色器和着色器程序对象，初始化着色器说明 1.initShaders() 函数创建步骤2.相关API介绍2.1创建着色器对象 gl.createShader()2.2指定着色器代码 gl.shaderSource()2.3编译着色器 gl.compi...
点燃火柴