24、 如何模拟光照让3D场景更逼真(下)你好,我是月影。今天,我们接着来讲,怎么模拟光照。 上节课,我们讲了四种光照的漫反射模型。实际上,因为物体的表面材质不同,反射光不仅有漫反射,还有镜面反射。 什么是镜面反射呢?如果若干平行光照射在表面光滑的物体上,反射出来的光依然平行,这种反射就是...2026-02-28跟月影学可视化
25、如何用法线贴图模拟真实物体表面你好,我是月影。 上节课,我们讲了光照的Phong反射模型,并使用它给几何体添加了光照效果。不过,我们使用的几何体表面都是平整的,没有凹凸感。而真实世界中,大部分物体的表面都是凹凸不平的,这肯定会影响光照的反射效果。 因此,只有处理好物体凹凸表面的光...2026-02-28跟月影学可视化
26、如何绘制带宽度的曲线你好,我是月影。 在可视化应用中,我们经常需要绘制一些带有特定宽度的曲线。比如说,在地理信息可视化中,我们会使用曲线来描绘路径,而在3D地球可视化中,我们会使用曲线来描述飞线、轮廓线等等。 在Canvas2D中,要绘制带宽度的曲线非常简单,我们直接设...2026-02-28跟月影学可视化
27、案例:如何实现简单的3D可视化图表你好,我是月影。 学了这么多图形学的基础知识和WebGL的视觉呈现技术,你一定已经迫不及待地想要开始实战了吧?今天,我带你完成一个小型的可视化项目,带你体会一下可视化开发的全过程。也正好借此机会,复习一下我们前面学过的全部知识。 这节课,我们要带你完...2026-02-28跟月影学可视化
28、Canvas、SVG与WebGL在性能上的优势与劣势你好,我是月影。 性能优化,一直以来都是前端开发的难点。 我们知道,前端性能是一块比较复杂的内容,由许多因素决定,比如,网页内容和资源文件的大小、请求数、域名、服务器配置、CDN等等。如果你能把性能优化好,就能极大地增强用户体验。 在可视化领域也一样...2026-02-28跟月影学可视化
29、怎么给Canvas绘制加速你好,我是月影。 上节课,我们从宏观上了解了各个图形系统在性能方面的优劣,以及影响性能的要素。实际上,想要解决性能问题,我们就必须要知道真正消耗性能的点,从而结合项目需求进行有针对的处理,否则性能优化就是纸上谈兵、空中楼阁。 所以这节课,我们就深入讨...2026-02-28跟月影学可视化