前言
学习从外部资源中加载几何体，首先我们学会如何保存和加载Three.js的<em>JSON</em>格式文件。
简单案例
案例查看地址：http://www.wjceo.com/blog/threejs/2018-03-15/124.html
在Three.js中导出<em>JSON</em>文件非常容易，并且不需要引入额外的库。你需要做的只是将THREE.Mesh导出为<em>JSON</em>，代码如下：
var result ...
主要的核心代码：
var renderPass = new THREE.RenderPass(scene, camera);//renderPass 通道：它只会渲染场景，但不会把结果输出到场景上
var effectFilm = new THREE.FilmPass(0.8, 0.325, 256, false);//FilmPass通道：它可以把结果输出到场景上
effectFilm....
最近开始看了webGL的一些知识，了解了相关的计算机图形基础知识，突然发现这些知识和之前大学学过得3Dmax有很多共性的地方，比如场景，模型、材质、灯光、摄像机等等。突然发现之前自己学的东西并不是全部没用，理解起来也有一定帮帮助。
运行结果：
代码如下：
let i = 0;
function init() {
// create a scene, that will hold...
原始贴图：
实现效果：
//cube uv贴图
var cubeMaterial=new THREE.MeshPhongMaterial({map:THREE.ImageUtils.loadTexture('./img/building.jpg')});
let cubesizex=5.6225;
let cubesizey=3;
let cubesizez=4.2554; //计算的图片比...
THREEJS-001 四大组件
场景//定义一个场景
let scene = new THREE.Scene();
相机 //定义一个相机
let camera = new THREE.PerspectiveCamera(75, window.innerWidth / window.innerHeight, 1, 1000);
a、正投影相机（远近一样）
b、透视相机（远小近大）
渲染器...
例子：
css2d_label
molecules
Constructor
CSS2DRenderer()
Methods
.getSize () : Object
Returns an object containing the width and height of the renderer.
.render ( scene : Scene, camera : Camera ) : null
...
