【webGL入门2】点线面的绘制

用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的重要组成部分。

 

转载于:https://www.cnblogs.com/yanky/p/8797694.html