用js繪制webGL的點:
THREE.Vector3 = function ( x, y, z ) { //用THREE聲明的變量都是全局變量。
this.x = x || 0;
this.y = y || 0;
this.z = z || 0;
};
注意:“||”(或)運算符,就是當x=null或者undefine時,this.x的值應該取0。
定義個一點,通常使用:
var point1 = new THREE.Vector3();
point1.set(4,8,9); //每個點都是在三維空間里的一個坐標,我們可以看作一個從原點引出的向量vector。
需要強調的是,three.js用的是右手坐標系。所以運行一下2-1的例程就能發現我們的屏幕其實顯示的是xz平面,縱向為z,上方為正,橫向為x,左邊為正。所以將右手逆時針旋轉即可模擬。
我們可以從代碼中:
?initThree();
??????????????? initCamera();
??????????????? initScene();
??????????????? initLight();
??????????????? initObject();
??????????????? renderer.clear();
??????????????? renderer.render(scene, camera);
再次復習,WebGl的重要組成部分。
?