three.js 之旅一

扯一段废话，当你遇到一个没人知道的问题时，你该怎么办？         问周围人，他们遇到这种情况怎么办。作为程序员，这种情况肯定时有发生，我们要学会寻找资源。

 

Three.js的六个基本步骤

1.设置three.js渲染器

　　

var renderer = new THREE.WebGLRenderer({
    canvas: document.getElementById('mainCanvas')
});

2.设置场景scene

var scene = new THREE.Scene();

 

3.设置摄像机camera  （以下代码是：透视投影的照相机）

var camera = new THREE.PerspectiveCamera(45, 4 / 3, 1, 1000);
camera.position.set(0, 0, 5);
scene.add(camera);

 

 

4.设置光源light

5.设置物体object

6.书写主函数执行以上五步

废话不多说了，我们开始我们的第一个demo！！

 

步骤一： 下载three.js ： npm bower install three

步骤二：  在页面上引入three.js

　　　　<script src="../../bower_components/three/three.js"></script>