27、案例:如何实现简单的3D可视化图表你好,我是月影。 学了这么多图形学的基础知识和WebGL的视觉呈现技术,你一定已经迫不及待地想要开始实战了吧?今天,我带你完成一个小型的可视化项目,带你体会一下可视化开发的全过程。也正好借此机会,复习一下我们前面学过的全部知识。 这节课,我们要带你完...2026-02-28跟月影学可视化
26、如何绘制带宽度的曲线你好,我是月影。 在可视化应用中,我们经常需要绘制一些带有特定宽度的曲线。比如说,在地理信息可视化中,我们会使用曲线来描绘路径,而在3D地球可视化中,我们会使用曲线来描述飞线、轮廓线等等。 在Canvas2D中,要绘制带宽度的曲线非常简单,我们直接设...2026-02-28跟月影学可视化
25、如何用法线贴图模拟真实物体表面你好,我是月影。 上节课,我们讲了光照的Phong反射模型,并使用它给几何体添加了光照效果。不过,我们使用的几何体表面都是平整的,没有凹凸感。而真实世界中,大部分物体的表面都是凹凸不平的,这肯定会影响光照的反射效果。 因此,只有处理好物体凹凸表面的光...2026-02-28跟月影学可视化
24、 如何模拟光照让3D场景更逼真(下)你好,我是月影。今天,我们接着来讲,怎么模拟光照。 上节课,我们讲了四种光照的漫反射模型。实际上,因为物体的表面材质不同,反射光不仅有漫反射,还有镜面反射。 什么是镜面反射呢?如果若干平行光照射在表面光滑的物体上,反射出来的光依然平行,这种反射就是...2026-02-28跟月影学可视化
23、如何模拟光照让3D场景更逼真(上)你好,我是月影。 在我们生活的真实物理世界中,充满了各种类型的光。在这些光的照射下,我们看到的每个物体都会呈现不同的色彩。所以,要想让我们渲染出的3D物体看起来更自然、逼真,很重要的一点就是模拟各种光照的效果。那今天,我们就一起来学习一下,怎么模拟光...2026-02-28跟月影学可视化
22、如何用仿射变换来移动和旋转3D物体你好,我是月影。 在前面的课程里,我们学习过使用仿射变换来移动和旋转二维图形。那在三维世界中,想要移动和旋转物体,我们也需要使用仿射变换。 但是,仿射变换该怎么从二维扩展到三维几何空间呢?今天,我们就来看一下三维仿射变换的基本方法,以及怎么对它进行优...2026-02-28跟月影学可视化