21、如何添加相机,用透视原理对物体进行投影你好,我是月影。 上节课,我们在绘制3D几何体的时候,实际上有一个假设,那就是观察者始终从三维空间坐标系的正面,也就是z轴正方向,看向坐标原点。但在真实世界的模型里,观察者可以处在任何一个位置上。 那今天,我们就在上节课的基础上,引入一个空间观察者的...2026-02-28跟月影学可视化
20、如何用WebGL绘制3D物体你好,我是月影。这一节课开始,我们学习3D图形的绘制。 之前我们主要讨论的都是2D图形的绘制,实际上WebGL真正强大之处在于,它可以绘制各种3D图形,而3D图形能够极大地增强可视化的表现能力。 用WebGL绘制3D图形,其实在基本原理上和绘制2D图...2026-02-28跟月影学可视化
19、如何用着色器实现像素动画你好,我是月影。 上节课,我们以HTML/CSS为例,讲了三种动画的实现方法,以及标准的动画模型。我们先来回顾一下: 固定帧动画:为每一帧准备一张图片,然后把CSS关键帧动画的easing-function设为step-end进行循环播放...2026-02-28跟月影学可视化
18、如何生成简单动画让图形动起来你好,我是月影。 前面,我们用了3个模块的时间,学习了大量的图形学和数学知识,是不是让你的脑袋有一点昏沉?没关系,你只是需要一点时间来消化这些知识而已。我能给你的建议就是多思考、多练习,有了时间的积累,你一定可以掌握这些基础知识和思维方法。 从这一节...2026-02-28跟月影学可视化
17、如何使用后期处理通道增强图像效果你好,我是月影。 前面几节课,我们学习了利用向量和矩阵公式,来处理像素和生成纹理的技巧,但是这些技巧都有一定的局限性:每个像素是彼此独立的,不能共享信息。 为什么这么说呢?因为GPU是并行渲染的,所以在着色器的执行中,每个像素的着色都是同时进行的。这...2026-02-28跟月影学可视化
16、如何使用噪声生成复杂的纹理你好,我是月影。 在[第11节课]中,我们使用随机技巧生成噪点、迷宫等复杂图案。它们的作用都是表达数据和增强视觉效果。要想在可视化视觉呈现中实现更加酷炫的视觉效果,我们经常需要生成能够模拟大自然的、丰富而复杂的纹理图案。 那么这节课,我们就继续来讨论...2026-02-28跟月影学可视化