three.js--简单的三维场景

1.创建一个立方体几何对象Geometry

var geometry = new THREE.BoxGeometry(100, 100, 100); //创建一个立方体几何对象Geometry

2.材质对象Material
Lambert网格材质(MeshLambertMaterial)一种非光泽表面的材质，没有镜面高光。

var material = new THREE.MeshLambertMaterial({
   
      color: 0xffffff
    }); //材质对象Material

3.光源设置
AmbientLight环境光会均匀的照亮场景中的所有物体。环境光不能用来投射阴影，因为它没有方向。

    var point = new THREE.PointLight(0xffffff);
    point.position.set(400, 200, 300); //点光源位置
    scene.add(point); //点光源添加到场景中
    //环境光
    var ambient = new THREE.AmbientLight(0x444444);
    scene.add(ambient);

4.相机设置
OrthographicCamera( left : Number, right : Number, top : Number, bottom : Number, near : Number, far : Number )
left — 摄像机视锥体左侧面。
right — 摄像机视锥体右侧面。
top — 摄像机视锥体上侧面。
bottom — 摄像机视锥体下侧面。
near — 摄像机视锥体近端面。
far — 摄像机视锥体远端面。

 /**
     * 相机设置
     */
    var width = window.innerWidth; //窗口宽度
    var height = window.innerHeight