24、 如何模拟光照让3D场景更逼真(下)

你好,我是月影。今天,我们接着来讲,怎么模拟光照。 上节课,我们讲了四种光照的漫反射模型。实际上,因为物体的表面材质不同,反射光不仅有漫反射,还有镜面反射。 什么是镜面反射呢?如果若干平行光照射在表面光滑的物体上,反射出来的光依然平行,这种反射就是...

跟月影学可视化

25、如何用法线贴图模拟真实物体表面

你好,我是月影。 上节课,我们讲了光照的Phong反射模型,并使用它给几何体添加了光照效果。不过,我们使用的几何体表面都是平整的,没有凹凸感。而真实世界中,大部分物体的表面都是凹凸不平的,这肯定会影响光照的反射效果。 因此,只有处理好物体凹凸表面的光...

跟月影学可视化

26、如何绘制带宽度的曲线

你好,我是月影。 在可视化应用中,我们经常需要绘制一些带有特定宽度的曲线。比如说,在地理信息可视化中,我们会使用曲线来描绘路径,而在3D地球可视化中,我们会使用曲线来描述飞线、轮廓线等等。 在Canvas2D中,要绘制带宽度的曲线非常简单,我们直接设...

跟月影学可视化

27、案例:如何实现简单的3D可视化图表

你好,我是月影。 学了这么多图形学的基础知识和WebGL的视觉呈现技术,你一定已经迫不及待地想要开始实战了吧?今天,我带你完成一个小型的可视化项目,带你体会一下可视化开发的全过程。也正好借此机会,复习一下我们前面学过的全部知识。 这节课,我们要带你完...

跟月影学可视化

28、Canvas、SVG与WebGL在性能上的优势与劣势

你好,我是月影。 性能优化,一直以来都是前端开发的难点。 我们知道,前端性能是一块比较复杂的内容,由许多因素决定,比如,网页内容和资源文件的大小、请求数、域名、服务器配置、CDN等等。如果你能把性能优化好,就能极大地增强用户体验。 在可视化领域也一样...

跟月影学可视化

29、怎么给Canvas绘制加速

你好,我是月影。 上节课,我们从宏观上了解了各个图形系统在性能方面的优劣,以及影响性能的要素。实际上,想要解决性能问题,我们就必须要知道真正消耗性能的点,从而结合项目需求进行有针对的处理,否则性能优化就是纸上谈兵、空中楼阁。 所以这节课,我们就深入讨...

跟月影学可视化
1345678