18、如何生成简单动画让图形动起来你好,我是月影。 前面,我们用了3个模块的时间,学习了大量的图形学和数学知识,是不是让你的脑袋有一点昏沉?没关系,你只是需要一点时间来消化这些知识而已。我能给你的建议就是多思考、多练习,有了时间的积累,你一定可以掌握这些基础知识和思维方法。 从这一节...2026-02-28跟月影学可视化
19、如何用着色器实现像素动画你好,我是月影。 上节课,我们以HTML/CSS为例,讲了三种动画的实现方法,以及标准的动画模型。我们先来回顾一下: 固定帧动画:为每一帧准备一张图片,然后把CSS关键帧动画的easing-function设为step-end进行循环播放...2026-02-28跟月影学可视化
20、如何用WebGL绘制3D物体你好,我是月影。这一节课开始,我们学习3D图形的绘制。 之前我们主要讨论的都是2D图形的绘制,实际上WebGL真正强大之处在于,它可以绘制各种3D图形,而3D图形能够极大地增强可视化的表现能力。 用WebGL绘制3D图形,其实在基本原理上和绘制2D图...2026-02-28跟月影学可视化
21、如何添加相机,用透视原理对物体进行投影你好,我是月影。 上节课,我们在绘制3D几何体的时候,实际上有一个假设,那就是观察者始终从三维空间坐标系的正面,也就是z轴正方向,看向坐标原点。但在真实世界的模型里,观察者可以处在任何一个位置上。 那今天,我们就在上节课的基础上,引入一个空间观察者的...2026-02-28跟月影学可视化
22、如何用仿射变换来移动和旋转3D物体你好,我是月影。 在前面的课程里,我们学习过使用仿射变换来移动和旋转二维图形。那在三维世界中,想要移动和旋转物体,我们也需要使用仿射变换。 但是,仿射变换该怎么从二维扩展到三维几何空间呢?今天,我们就来看一下三维仿射变换的基本方法,以及怎么对它进行优...2026-02-28跟月影学可视化
23、如何模拟光照让3D场景更逼真(上)你好,我是月影。 在我们生活的真实物理世界中,充满了各种类型的光。在这些光的照射下,我们看到的每个物体都会呈现不同的色彩。所以,要想让我们渲染出的3D物体看起来更自然、逼真,很重要的一点就是模拟各种光照的效果。那今天,我们就一起来学习一下,怎么模拟光...2026-02-28跟月影学可视化