俺也是剛開始學,好多地兒肯定不對還請見諒.

以下程式碼是THREE.JS 原始碼檔案中extras/geometries/ParametricGeometry.js檔案的註釋.

/**
 * @author zz85 / https://github.com/zz85
 * Parametric Surfaces Geometry
 * based on the brilliant article by @prideout http://prideout.net/blog/?p=44
 *
 * new THREE.ParametricGeometry( parametricFunction, uSegments, ySegements );
 *
 */
/*
///ParametricGeometry用來在三維空間內通過引數func的定義,生成一個幾何體.有了這個物件,各種你想要的集合體,發揮你的數學天賦吧.
///
///	用法: 
/// 	  var func = function(u,v){
///				var point = new THREE.Vector3();
///				point.x = 100 + Math.cos(u);
///				point.y = 100 + Math.sin(v);
///				return point;
///		  };
///		  var geometry = new THREE.ParametricGeometry(func,8,8);	
/// 	  var material = new THREE.MeshBasicMaterial({color: 0x00ff00});
/// 	  var param = new THREE.Mesh(geometry,material);
/// 	  scene.add(param);
*/
///<summary>ParametricGeometry</summary>
///<param name ="func" type="funciton">功能函式,必須接受引數u,v,返回Vector3</param>
///<param name ="slices" type="int">u方向上的細分線段數</param>
///<param name ="stacks" type="int">v方向上的細分線段數</param>
THREE.ParametricGeometry = function ( func, slices, stacks ) {

	THREE.Geometry.call( this );	//呼叫Geometry物件的call方法,將原本屬於Geometry的方法交給當前物件ParametricGeometry來使用.

	var verts = this.vertices;
	var faces = this.faces;
	var uvs = this.faceVertexUvs[ 0 ];

	var i, il, j, p;
	var u, v;

	var stackCount = stacks + 1;
	var sliceCount = slices + 1;
	//計算頂點資料,壓入vertices陣列.
	for ( i = 0; i <= stacks; i ++ ) {

		v = i / stacks;

		for ( j = 0; j <= slices; j ++ ) {

			u = j / slices;

			p = func( u, v );
			verts.push( p );

		}
	}

	var a, b, c, d;
	var uva, uvb, uvc, uvd;
	//計算三角面,以及貼圖uv.
	for ( i = 0; i < stacks; i ++ ) {

		for ( j = 0; j < slices; j ++ ) {

			a = i * sliceCount + j;
			b = i * sliceCount + j + 1;
			c = (i + 1) * sliceCount + j + 1;
			d = (i + 1) * sliceCount + j;

			uva = new THREE.Vector2( j / slices, i / stacks );
			uvb = new THREE.Vector2( ( j + 1 ) / slices, i / stacks );
			uvc = new THREE.Vector2( ( j + 1 ) / slices, ( i + 1 ) / stacks );
			uvd = new THREE.Vector2( j / slices, ( i + 1 ) / stacks );

			faces.push( new THREE.Face3( a, b, d ) );
			uvs.push( [ uva, uvb, uvd ] );

			faces.push( new THREE.Face3( b, c, d ) );
			uvs.push( [ uvb.clone(), uvc, uvd.clone() ] );

		}

	}

	// console.log(this);

	// magic bullet
	// var diff = this.mergeVertices();
	// console.log('removed ', diff, ' vertices by merging');

	this.computeFaceNormals();	//計算面的法線
	this.computeVertexNormals();	//計算頂點法線

};
/*************************************************
****下面是ParametricGeometry物件的方法屬性定義,繼承自Geometry物件.
**************************************************/
THREE.ParametricGeometry.prototype = Object.create( THREE.Geometry.prototype );
 

以下程式碼是THREE.JS 原始碼檔案中extras/geometries/ParametricGeometry.js檔案的註釋.