排序
WebGL入门(三十七)-绘制圆形的点
绘制圆形的点 1. demo效果2. 实现要点2.1 绘制原理2.1 绘制实现 3. demo代码 1. demo效果 如上图，绘制出了三个红色的小圆点 2. 实现要点 2.1 绘制原理 我们已经知道在绘制图形时有一个光...
点燃火柴
WebGL入门(四)-在JavaScript程序通过uniform变量向片元着色器传值
在JavaScript程序通过uniform变量向片元着色器传值 1.demo效果2.相关知识点2.1 片元着色器中的uniform变量2.2 gl.getUniformLocation()方法2.3 gl.uniform4f()方法2.4 gl.uniform4f()的同族函数...
点燃火柴
05-VTK在图像处理中的应用(7)
5.12 边缘检测 图像中不连续的灰度值会产生边缘，图像的边缘检测是基于边界的图像分割方法的基础，例如分水岭算法，通常是分割原图的梯度图像，梯度实际上也是反应的图...
DolingStudio
WebGL入门(二十六)-同时使用漫反射光和环境反射光、立方体平移旋转缩放变换时漫反射光和环境反射光处理
立方体平移旋转缩放变换时漫反射光和环境反射光处理 1.demo效果2.相关知识点2.1 相关回顾2.2 环境反射光计算模型2.3 物体表面反射光计算 3.demo代码 1.demo效果 如上，图一是没添加环境光...
点燃火柴
WebGL-Shader入门（5.着色器语言GLSL ES 内置变量和内置函数）
GLSL ES 内置变量和内置函数 1. 内置变量1.1 gl_PointSize1.2 gl_Position1.3 gl_FragColor1.4 gl_FragCoord1.5 gl_PointCoord 2. 内置函数2.1 通用函数2.2 角度和三角函数2.3 指数函数2.4 几何...
点燃火柴
基于VTK的MFC应用程序开发(2)
现在基于VTK的MFC程序框架已经搭建起来。这一节我们来对上节的程序进行扩展，实现图像的重采样。重采样是图像处理中的一个常见功能，尤其是在医学图像处理中，一些三维图像数...
DolingStudio
WebGL入门(十四)-用加载纹理图片在矩形表面上创建纹理贴图/实现纹理映射
在矩形表面上创建纹理贴图 1.demo效果2.相关知识点2.1 纹理、纹素、纹理映射、纹理坐标、坐标映射关系2.2 gl.createTexture()方法2.3 gl.pixelStorei()方法2.4 gl.activeTexture()方法2.5 gl.bi...
点燃火柴
shader编程-着色器中颜色基础（WebGL-Shader开发基础06）
shader编程-着色器中颜色基础 1. 单色背景颜色2. 颜色根据屏幕坐标变化3. 物体形状颜色4. 借助A通道处理物体形状颜色5. 相关代码 1. 单色背景颜色 在之前的文章中我们用一个三维向量表示颜色 ve...
点燃火柴
03-VTK基础概念(1)
3、VTK基础概念 在第2章里，我们已经接触了一个简单的VTK工程，也掌握了怎么使用CMake来构建VTK工程的步骤，本书后续章节的所有例子都是采用第2章介绍的步骤来构建VTK的工程...
DolingStudio
WebGL入门(三十六)-HUD（平视显示器）实现
HUD（平视显示器）实现 1. demo效果2.实现要点2.1 什么是HUD2.2 HUD实现2.2.1 准备画布2.2.2 绘制三维图形2.2.3 绘制HUD信息 3.demo代码 1. demo效果 如上图，在三维场景中叠...
点燃火柴
WebGL入门(三)-在JavaScript程序通过attribute变量向顶点着色器传值
在JavaScript程序通过attribute变量向着色器传值 1.demo效果2.相关知识点2.1 着色器中的attribute变量2.2 gl.getAttribLocation()方法2.3 gl.vertexAttrib3f()方法2.4 gl.vertexAttrib3f()的同...
点燃火柴
05-VTK在图像处理中的应用(8)
5.13 图像平滑 图像平滑常用于图像的预处理中，如计算梯度时先对图像进行平滑处理，可以减少噪声对梯度的影响。图像平滑一般是通过模板卷积运算实现。模板可以看做是一个大小为nxn...
DolingStudio