<Three.js>（第二节）添加长方体

一、实验内容

上一节已经搭好了实验的框架。这一节我们将在屏幕上显示一些几何图形。如下图所示，我们将在屏幕上显示一个正方体。

二、实验步骤

1、创建场景
正像上一节所说，首先我们需要建一个场景，场景就是类似舞台，有了舞台演员才有地方表演嘛。新建场景很简单，通过Three.js库提供的Scene类，我们可以新建一个场景对象。正如一下的代码：

//创建场景
scene = new THREE.Scene();

2、新建相机
类似拍电影。有了场景后，我们需要一台摄像机，对场景上的表演进行拍摄。有的场景很大，我们不可能把场景上的所有事物都同时显示在出来。可以根据自己的需要，调整相机的角度、区域等拍摄想展示的区域。

我们通过PerspectiveCamera（透视相机）新建一个相机对象。需要的参数fov, aspect, near, far。如下图[引用ISUX]所示。

THREE.PerspectiveCamera(fov, aspect, near, far)

fov: 表示相机的夹角;
aspect:水平长度和竖直长度的比值;
near:拍摄最近距离
far:拍摄最远距离

    //创建一个摄像机
    camera = new THREE.PerspectiveCamera(45, window.innerWidth / window.innerHeight, 0.1,