objparser.js

;var objParser = {};
(function() {
	// OBJファイルのパース
	objParser.objParse = function(text) {
		var vertices = []; // 頂点座標
		var normals = []; // 法線ベクトル
		var texcoords = []; // テクスチャ座標
		var faces = []; // ポリゴン定義

		var lines = text.split('\n');
		var mtlName = "";
		for(var i = 0; i < lines.length; i++) {
			var line = lines[i];
			var words = line.split(' ');
			switch(words[0]) {
				default:
					// 理解できない接頭辞の場合は単純に無視する
					break;
				case "usemtl":
					// mtl名が指定された場合は、それをポリゴン定義用に保存する
					mtlName = words[1];
					break;
				case "v":
					// 頂点座標の定義を保存する（x, y, zの3つ）
					vertices.push(+words[1]);
					vertices.push(+words[2]);
					vertices.push(+words[3]);
					break;
				case "vt":
					// テクスチャ座標の定義を保存する（u, vの2つ）
					texcoords.push(+words[1]);
					texcoords.push(+words[2]);
					break;
				case "vn":
					// 法線ベクトルの定義を保存する（x, y, zの3つ）
					normals.push(+words[1]);
					normals.push(+words[2]);
					normals.push(+words[3]);
					break;
				case "f":
					// ポリゴンの定義を保存する
					var face = [];
					for(var wi = 1; wi < words.length; wi++) {
						// 定義は"数値" "数値/数値" "数値//数値" "数値/数値/数値"のどれか
						// 数値はindexの番号（1スタート）
						var nums = (words[wi]+"//").split('/');
						var vindex = +nums[0];
						var tindex = NaN;
						var nindex = NaN;
						if(nums[1].length) {
							tindex = +nums[1];
						}
						if(nums[2].length) {
							nindex = +nums[2];
						}
						// それぞれのindexを、もし存在すればmtl名と共に保存する
						face.push({vindex: vindex, tindex: tindex, nindex: nindex, mtlName: mtlName});
					}
					faces.push(face);
					break;
			}
		}
		return {
			vertices: vertices,
			normals: normals,
			texcoords: texcoords,
			faces: faces
		};
	};

	// OBJファイルの情報を元にWebGL用のTypedArrayを用意する
	objParser.createGLObject = function(obj) {
		// まずポリゴンの枚数を特定する
		var numTriangles = 0;
		for(var i = 0; i < obj.faces.length; i++) {
			numTriangles += obj.faces[i].length - 2;
		}
		// ポリゴンの枚数に応じたTypedArrayを確保する
		// 頂点座標（ポリゴン数×3頂点×3要素）
		var vertices = new Float32Array(numTriangles * 9);
		// 法線ベクトル（ポリゴン数×3頂点×3要素）
		var normals = new Float32Array(numTriangles * 9);

		var triangleCount = 0;
		for(var fi = 0; fi < obj.faces.length; fi++) {
			// objファイルの"f"定義1行ごとに処理する
			var face = obj.faces[fi];
			// "f"が3つ以上あるときに、頂点は(0, 1, 2), (0, 2, 3), (0, 3, 4), ... という風に処理する
			for(var ti = 1; ti < face.length - 1; ti++) {
				// 三角形のインデックス（1ずれているのに注意）
				var vi0 = face[0].vindex - 1;
				var vi1 = face[ti].vindex - 1;
				var vi2 = face[ti + 1].vindex - 1;
				// インデックスから三角形の頂点座標を取得し、TypedArrayのvec3で保存する
				var v0 = vec3.fromValues(obj.vertices[vi0 * 3], obj.vertices[vi0 * 3 + 1], obj.vertices[vi0 * 3 + 2]);
				var v1 = vec3.fromValues(obj.vertices[vi1 * 3], obj.vertices[vi1 * 3 + 1], obj.vertices[vi1 * 3 + 2]);
				var v2 = vec3.fromValues(obj.vertices[vi2 * 3], obj.vertices[vi2 * 3 + 1], obj.vertices[vi2 * 3 + 2]);
				// 頂点座標をTypedArrayに保存
				vertices.set(v0, triangleCount * 9);
				vertices.set(v1, triangleCount * 9 + 3);
				vertices.set(v2, triangleCount * 9 + 6);
				// 法線を計算
				var n = vec3.create();
				vec3.sub(v1, v1, v0); // 頂点v0→v1のベクトルを計算
				vec3.sub(v2, v2, v0); // 頂点v0→v2のベクトルを計算
				vec3.cross(n, v1, v2); // 上記2つのベクトルの外積を計算
				// 正規化
				vec3.normalize(n, n);
				// 法線をTypedArrayに入れておく
				normals.set(n, triangleCount * 9);
				normals.set(n, triangleCount * 9 + 3);
				normals.set(n, triangleCount * 9 + 6);

				++triangleCount;
			}
		}

		// 用意したTypedArrayをリターン
		return {
			vertices: vertices,
			normals: normals
		};
	};
})();