added VTKLoader class + example loading the stanford bunny in vtk format

examples/js/VTKLoader.js

+/**
+ * @author Sebastien Valette sebastien.valette@creatis.insa-lyon.fr
+ */
+
+THREE.VTKLoader = function ( showStatus ) {
+
+	THREE.Loader.call( this, showStatus );
+
+};
+
+THREE.VTKLoader.prototype = new THREE.Loader();
+THREE.VTKLoader.prototype.constructor = THREE.VTKLoader;
+THREE.VTKLoader.prototype.supr = THREE.Loader.prototype;
+
+THREE.VTKLoader.prototype.load = function( url, callback) {
+
+	this.onLoadStart();
+
+	function  parseGeometry(text){
+		var geometry=new THREE.Geometry();
+		var lines=text.split("\n");
+
+		function v( x, y, z ) {
+
+			geometry.vertices.push( new THREE.Vertex( new THREE.Vector3( x, y, z ) ) );
+
+		}
+
+		function f3( a, b, c ) {
+
+			geometry.faces.push( new THREE.Face3( a, b, c ) );
+
+		}
+
+		var lineIndex=0;
+
+		var line=lines[0].split(" ");
+		var lineLength=line.length;
+		var columnIndex=-1;
+
+
+		function readNextString ()
+		{
+			while (1)
+			{
+				var nextWord=line[columnIndex];
+				columnIndex++;
+				if (columnIndex==lineLength)
+				{
+					lineIndex++;
+					columnIndex=0;
+					if (lineIndex>lines.length)
+						return ("");
+					line=lines[lineIndex].split(" ");
+					lineLength=line.length;
+				}
+				if (nextWord!=null)
+					if (nextWord.length>0)
+						return (nextWord);
+			}
+		}
+
+		// read point data
+		var found=false;
+		while (!found)
+		{
+			var readString=readNextString();
+			switch (readString.toUpperCase())
+			{
+				case "POINTS":
+					found=true;
+					break;
+				case "":
+					alert ("error while reading "+url+" : \n");
+					return;
+				default:
+			}
+
+		}
+
+		var newIndex;
+		var new2old;
+
+		var numberOfPoints=parseInt(readNextString());
+
+		if (numberOfPoints>5000000)
+		{
+			alert ("mesh is too big : "+numberOfPoints+" vertices");
+			return;
+		}
+
+		var coord=[0,0,0];
+		var index2=0;
+
+		var number;
+		var coordIndex;
+		for (var j=0;j!=numberOfPoints;j++)
+		{
+			for (coordIndex=0;coordIndex<3;coordIndex++)
+			{
+				do
+				{
+					number=parseFloat(line[columnIndex]);
+					columnIndex++;
+					if (columnIndex==lineLength)
+					{
+						lineIndex++;
+						columnIndex=0;
+						if (lineIndex>lines.length)
+						{
+							alert ("error while reading "+url+" : \n");
+							return;
+						}
+						line=lines[lineIndex].split(" ");
+						lineLength=line.length;
+					}
+				} while (isNaN(number))
+				coord[coordIndex]=number;
+			}
+			v(coord[0],coord[1],coord[2]);
+		}
+
+		found=false;
+		while (!found)
+		{
+			var readString=readNextString();
+			switch (readString)
+			{
+				case "POLYGONS":
+					found=true;
+					break;
+				case "":
+					alert ("error while reading "+url+" : \n");
+					return;
+				default:
+			}
+		}
+
+		var numberOfPolygons=parseInt(readNextString());
+		var numberOfpolygonElements=parseInt(readNextString());
+
+		index2=0;
+		var connectivity=[];
+		for (var p=0;p!=numberOfpolygonElements;p++)
+		{
+			do
+			{
+				number=parseInt(line[columnIndex]);
+				columnIndex++;
+				if (columnIndex==lineLength)
+				{
+					lineIndex++;
+					columnIndex=0;
+					if (lineIndex>lines.length)
+					{
+						alert ("error while reading "+url+" : \n");
+						return;
+					}
+					line=lines[lineIndex].split(" ");
+					lineLength=line.length;
+				}
+			} while (isNaN(number))
+
+			connectivity[index2]=number;
+			index2++;
+
+			if (index2==connectivity[0]+1)
+			{
+				var triangle=[0,0,0];
+				index2=0;
+				var numberOfTrianglesInCell=connectivity[0]-2;
+				var vertex1=triangle[0]=connectivity[1];
+
+				for (var i=0;i<numberOfTrianglesInCell;i++)
+				{
+					var vertex2=connectivity[i+2];
+					var vertex3=triangle[2]=connectivity[i+3];
+					f3(vertex1,vertex2,vertex3);
+				}
+			}
+		}
+
+		geometry.computeCentroids();
+		geometry.computeFaceNormals();
+		geometry.computeVertexNormals();
+		geometry.computeBoundingSphere();
+		return (geometry);
+	}
+
+	var xmlhttp=new XMLHttpRequest();
+	xmlhttp.open("GET",url,true);
+
+	function handler()
+	{
+		if(xmlhttp.readyState == 4)
+		{
+			if (xmlhttp.status!=200)
+			{
+				alert("Could not read file "+url+": error"+xmlhttp.status);
+				return;
+			}
+			var myGeometry=parseGeometry(xmlhttp.responseText);
+			callback(myGeometry);
+		}
+	}
+	xmlhttp.onreadystatechange=handler;
+	xmlhttp.send();
+
+};
+

examples/webgl_loader_vtk.html

+<!doctype html>
+<html lang="en">
+	<head>
+		<title>three.js webgl - io - vtk loader</title>
+		<meta charset="utf-8">
+		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<style>
+			body {
+				font-family: Monospace;
+				background-color: #000;
+				color: #fff;
+				margin: 0px;
+				overflow: hidden;
+			}
+			#info {
+				color: #fff;
+				position: absolute;
+				top: 10px;
+				width: 100%;
+				text-align: center;
+				z-index: 100;
+				display:block;
+			}
+			#info a, .button { color: #f00; font-weight: bold; text-decoration: underline; cursor: pointer }
+		</style>
+	</head>
+
+	<body>
+		<div id="info">
+		<a href="http://github.com/mrdoob/three.js" target="_blank">three.js</a> -
+		vtk format loader test -
+		model from <a href="http://www.cc.gatech.edu/projects/large_models/" target="_blank">The GeorgiaTech Lagre Geometric Model Archive</a>,
+		</div>
+
+		<script src="../build/Three.js"></script>
+		<script src="js/VTKLoader.js"></script>
+
+		<script src="js/Detector.js"></script>
+		<script src="js/Stats.js"></script>
+
+		<script>
+
+			if ( ! Detector.webgl ) Detector.addGetWebGLMessage();
+
+			var container, stats;
+
+			var camera, controls, scene, renderer;
+
+			var cross;
+
+
+			// scene and camera
+
+			scene = new THREE.Scene();
+
+			camera = new THREE.PerspectiveCamera( 60, window.innerWidth / window.innerHeight, 0.01, 1e10 );
+			camera.position.z = 0.2;
+
+
+			scene.add( camera );
+
+			controls = new THREE.TrackballControls( camera );
+
+			controls.rotateSpeed = 5.0;
+			controls.zoomSpeed = 5;
+			controls.panSpeed = 2;
+
+			controls.noZoom = false;
+			controls.noPan = false;
+
+			controls.staticMoving = true;
+			controls.dynamicDampingFactor = 0.3;
+
+			// light
+
+			var dirLight = new THREE.DirectionalLight( 0xffffff );
+			dirLight.position.set( 200, 200, 1000 ).normalize();
+			camera.add( dirLight );
+			camera.add( dirLight.target );
+
+			// renderer
+
+			renderer = new THREE.WebGLRenderer( { antialias: false } );
+			renderer.setClearColorHex( 0x000000, 1 );
+			renderer.setSize( window.innerWidth, window.innerHeight );
+
+			container = document.createElement( 'div' );
+			document.body.appendChild( container );
+			container.appendChild( renderer.domElement );
+
+			stats = new Stats();
+			stats.domElement.style.position = 'absolute';
+			stats.domElement.style.top = '0px';
+			container.appendChild( stats.domElement );
+
+
+			var material =  new THREE.MeshLambertMaterial( { color:0xffffff} );
+
+			var loader=new THREE.VTKLoader();
+			loader.load ("models/bunny.vtk", function(geom){
+				var mesh = new THREE.Mesh(geom, material );
+				mesh.doubleSided=true;
+				mesh.position.setY(-0.09);
+				scene.add( mesh );
+				animate();
+				});
+
+			function animate() {
+
+				requestAnimationFrame( animate );
+				controls.update();
+				renderer.render( scene, camera );
+				stats.update();
+
+			}
+		</script>
+
+	</body>
+</html>