web3D#threejs

大家平时应该都有玩过游戏，那有没有想过游戏怎么制作呢？让我们通过three.js来制作一个飞行游戏吧。

上一节我们已经完成了多个粒子系统的静态加载，那么接下来我们要开始完成粒子的运动了。让我们一起来看看吧。

我们现在可以通过geometry生成粒子系统了，我们如何通过加载不同的模型，生成多个粒子系统呢？让我们来看看吧。

上一节我们加载了好了模型，这一节我们来看看如何将Geometry生成粒子系统。加载粒子系统，需要使用到粒子系统类。让我们来看看吧。

上一节我们写好了基础框架，下面我们来把我们的模型加载进来。 加载JSON模型 我们的地图模型是json格式的，需要使用JSONLoader来加载模型，这个loader在threejs内部已经帮我们实现

在3D建模过程中，当我们需要创建很多细小的物体时，并不会一个个地创建这些物体，而是通过创建粒子，粒子可以模拟很多效果，例如烟花、火焰、雨滴、雪花、云朵等等。Three.js提供了各种的粒子系统创建方式

上一节，我们了解建模中心点的问题，这节我们来解决下这个问题，让模型围绕自身中心点旋转。让我们来看看吧。

前面讲过了物体的旋转，一般物体是按照自己的中心轴旋转的，但是有的时候会有例外，如果物体的中心并不在几何体的中心，我们如何让它按几何体中心进行旋转？让我们来看一下吧。

我们上一节讲了围绕xyz轴旋转，这种旋转物体的中心恰好是旋转的中心。这一节我们讲下更加复杂的旋转，让我们来看看吧。本节代码都是基于《物体旋转的方法和技巧1》的代码进行的。

我们现在做了场景渲染物体，通过监听鼠标来改变场景视角，那我们如何通过鼠标来选中物体呢？比如选中物体变色。让我们来看看吧。

我们现在做了场景渲染物体，通过监听鼠标来改变场景视角，那我们如何通过鼠标来选中物体呢？比如选中物体变色。让我们来看看吧。

我们已经实战过渲染各种各样的场景，这一节，我们来创建一些随机的立方体，随机大小、颜色、位置显示在场景中，让我们来看看吧。

我们上节讲解了多摄像机、多视图、多角度摄影，对于多视图我们还需要了解一些其他的东西。类似于3Dmax的多视图显示又应该如何做呢？我们一起来看下吧。

我们经常玩游戏的朋友，应该都知道，我们在游戏中，一个窗口中，会有多个子窗口，在子窗口中显示场景不同角度的动画。例如小地图，就是一个很好的例子。

看到此，我们已经讲解了OBJ模型的加载，OBJ模型的格式，OBJ模型赋予多个纹理等问题，那么OBJLoader到底是如何解析OBJ模型的呢？让我们一起来看看parse函数是如何实现的吧。

上一节，我们对OBJ文件格式进行了详细的讲解，这一节让我们来实战下手动创建一些OBJ文件，深入了解OBJ文件格式，一起来看看吧。

通过前面课程的学习，我们已经可以加载不同格式的模型，但是如果我们不知道这些模型如何加载到我们3D场景中的话，对于以后做模型压缩、模型优化等更深入的开发，会很困难。所以我们需要要了解学习各种模型格式

在3D世界中，很多模型，包括OBJ、VTK、GLTF等等，它们有很多相似的地方。无论是什么模型，在三维世界中它们都是由点线面组成的，在加上纹理、材质和光线，就更接近自然世界中的物体。

上一节我们主要做了将obj模型加载到场景中，并且给模型添加了纹理贴图，这节我们来具体讲述下OBJLoader使用过程中需要注意的一些问题。让我们来看看吧。

之前给大家介绍过VTK模型格式，VTK模型如何解析，以及如何加载到场景中。其实我们使用VTK模型基本足够满足我们的使用的。但是我们有各种各样格式的模型，为了满足需求，我们需要使用对应的loader来加