排序
WebGL入门(二十五)-物体变换时光照处理、立方体平移旋转缩放变换时漫反射光照计算、逆转置矩阵
立方体平移旋转缩放时漫反射光照计算 1.demo效果2.相关知识点2.1 物体坐标变换法向量变化2.2 矩阵逆转置 3. demo代码4.后续 1.demo效果 如上，图一为变换前的效果，是贴的上一个dem...
点燃火柴
WebGL-Shader入门（4.着色器语言GLSL ES函数定义与流程控制）
函数定义与流程控制 1. 函数定义1.1 函数结构1.2 规范声明 2 流程控制2.1 if语句2.2 for语句2.3 continue、break语句2.4 discard语句 1. 函数定义 1.1 函数结构 GLSL ES 的函数定义与C语言接近&...
点燃火柴
基于VTK的MFC应用程序开发(3)
之前介绍了基于VTK的单文档应用程序开发，并以图像重采样为例，实现了一个简单的图像重采样的应用程序。对于多文档应用程序，与单文档应用程序基本一致，这里就不再讲述。对话框应用程序是MFC应...
DolingStudio
WebGL入门(十三)-通过片元着色器内置变量gl_FragCoord验证内插过程
通过片元着色器内置变量gl_FragCoord验证内插过程 1.demo效果2. 片元着色器的内置变量gl_FragCoord3. demo代码 1.demo效果 如上图，这个demo实现一个紫色渐变效果的三角形，通过使...
点燃火柴
shader编程-2D基本图形SDF(有向距离场)介绍与使用（WebGL-Shader开发基础05）
shader编程-2D基本图形SDF有向距离场介绍与使用 1. 有向距离场介绍2. SDF绘制圆3. SDF绘制矩形3.1 绘制矩形3.2 绘制带圆角矩形3.3 通过两端和宽度绘制矩形 4. SDF绘制线段5. SDF绘制菱形6. SDF...
点燃火柴
03-VTK基础概念(2)
3.3 光照 剧场里有各式各样的灯光，三维渲染场景中也一样，可以有多个光照存在。光照和相机是三维渲染场景必备的因素，如果没有指定(像3.1.1_RenderCylinder例子，我们...
DolingStudio
WebGL入门(三十五)-三维物体雾化效果，立方体雾化效果
立方体雾化效果 1. demo效果2.相关知识点2.1 雾化相关概念2.2 雾化因子计算2.3 片元颜色计算 3.实现要点3.1 计算顶点与视点的距离3.2 计算雾化后片元颜色3.3 计算雾化所需数据传值 4. demo代码5...
点燃火柴
WebGL入门(二)-属于WebGL的Hello Word
属于WebGL的Hello Word1.demo效果2.相关知识点2.1 Canvas2.1.1 获取Canvas对象2.1.2 获取Canvas的上下文2.2 着色器2.2.1 着色器分类2.2.2 着色器的初始化2.2.2.1 着色器语言数据类型（此例涉...
点燃火柴
05-VTK在图像处理中的应用(9)
5.14 图像频域处理 在图像处理和分析中，经常会将图像从图像空间转换到其他空间中，并利用这些空间的特点进行对转换后图像进行分析处理，然后再将处理后的图像转换到图像空间...
DolingStudio
WebGL入门(二十三)-绘制每个面指定颜色的立方体
绘制每个面指定颜色的立方体 1.demo效果2.相关知识点2.1 每个面指定颜色原理2.2 定义顶点坐标、顶点颜色、顶点索引数组 3.demo代码 1.demo效果 如上，绘制了不同面指定颜色的立方体 2.相...
点燃火柴WebGL-Shader入门（3.着色器语言的限定词-参数限定词/存储限定词/精度限定词）
着色器语言的限定词 1. 序2 参数限定词3 存储限定词4 精度限定词 1. 序 GLSL ES 中提供了三类限定词(又称限定字或限定符，都是一回事，本文统称为限定词)，参数限定词、存储...
点燃火柴
WebGL入门(四十四)-WebGL上下文丢失事件与上下文恢复事件处理
WebGL上下文丢失事件与上下文恢复事件处理 1. demo效果2. 相关知识点2.1 上下文丢失介绍2.2 WebGL提供的响应事件2.3 响应事件处理2.3.1 响应事件注册2.3.2 响应事件实现说明 3. demo代码 1. dem...
点燃火柴