yue1241630499的博客

THREE中实现等值线效果等值线如果geometry中的每个顶点有额外的数值用来着色，比如地形模型，每个几何顶点有高程值，可以通过材质实现等高线效果。等值线材质THREE中使用ShaderMaterial来作为等值线的基础材质。这里先预定义一个概念：着色值：顶点附属的观测值，如地形中的高程值。核心思想是通过片元着色器中，对GPU光栅化自动插值后的着色值进行取模，来实现固定间隔的绘制颜色。等值线的线宽暂取固定值，按像素指定。归一化为了计算方便，将着色值归一化到0-1之间，等值线的间隔也计算

ThreeJS 中体渲染，利用噪声模拟烟，云体渲染的东西也看了一段时间了，这里结合Three.js中体积云的例子，实现shdertoy中的一个效果，先放效果图。Fire2 (shadertoy.com), 这里是参考的效果，可以自行参看源码。体渲染，Volume Rendering传统建模方式，可以理解为表面建模，通过构建物体外表面，在三维中展示实际物体。相对的，体渲染是从三维数据中生成图像，典型的例子就是医疗上的CT。本文中不涉及体渲染中的光学模型，仅是对数据进行采样，上色。同时简化计算，使