threejs基础上：初始化

优先更新个人博客，求关注~~
个人博客：https://jinglecjy.github.io/

Three.js是一个用于简化webGL编程的3D库，即使在不支持webGL的环境下也能做到优雅降级，以下教程将围绕构建这个地球DEMO来展开。

ThreeJs中最主要的有三个对象场景（scene）、相机（camera）、渲染器（renderer）。scene是布景空间，camera是拍摄镜头，render是用来将scene和camera生成的场景渲染到屏幕上，有了这三个对象才能将场景渲染到网页上去。

---

初始化对象

1、初始化场景scene

场景相当于是一个容器来容纳所有的物体，创建场景如下：

var scene = new THREE.Scene();

设置背景scene.background，可以为纯色，也可以为图片资源：

scene.background = new THREE.Color(0xffffff)

2、相机camera

THREE中的camera有三种，最常用的是远景相机，也就是人眼观察世界的模式，在相机拍摄的3D空间之外的物体不会被渲染。

var camera = new THREE.PespectiveCamera(fov, aspect, near,far);</