LinDaiDai_霖呆呆

前言 Hello！各位小伙伴大家好，相信大家在学习完全网最详Babylon.js入门教材后都有了一些 3D 基础。学 3D 开发，其中还有一项很重要的就是数学知识。

从8月27日发表第一篇文章到今天，Babylon.js 的入门教材系列终于完结了 🎉🎉🎉，撒花！

动画是 3D 应用和游戏开发中的重要组成部分，通过动画可以使场景更加生动和互动。本篇文章我将详细讲解 Babylon.js 中的关键帧动画，包括其基本概念、创建步骤、常见用法以及实际案例。

在上一章节我们深入理解了天空盒，它解决的是如何让环境在视觉上更趋近于真实世界，除此之外，真实世界中还有很多其它的现象和特性，如雾、重力、弹力、物体与物体碰撞后的效果等等。这一章节就让我们来看看如何用。

在实际开发中，如何创建一个“好看”的 Scene或者如何让你的 Scene更真实（天空、宇宙、重力效果）才是我们着重要关注的内容。其中，天空盒这个概念是你一定得理解和掌握的，它在实际开发应用的非常频繁

通过上面的一些章节，我们终于将 3D 中一些较为重要的概念(网格、材质、光源、相机) 给大致的介绍了，接下来还是得花一些章节来详细介绍下 Babylon.js 中的 Scene。

在现实世界中，视觉是我们感知这个世界其中的一个纬度。在 3D 世界中也是一样的，一个场景可能会很大，会有很多模型，而在屏幕上该显示什么肯定也是有一双眼睛“看着”才行，这双眼睛就是相机（Camera）。

学习完了上一章的材质之后，再学习光源，应该会亲切很多，这一章节，我们先来学习 Babylon.js 中主要的几种光源类型，了解它们的基础用法和各自的特性，然后再来看几个由不同光组合而成的有趣的案例。

在上一篇《材质与光的交响曲》中说了很多与光相关的材质属性，大多都还是简单的颜色属性。在实际开发中，纹理用的可能会更多。因为有很多物体的细节和视觉复杂性可能是要依赖图片的，这时候就要用到纹理了。