Kaynağa Gözat

Merge pull request #11099 from tentone/dev

3DSLoader
Mr.doob 8 yıl önce
ebeveyn
işleme
c77401f021

+ 1 - 0
examples/files.js

@@ -76,6 +76,7 @@ var files = {
 		"webgl_lines_sphere",
 		"webgl_lines_splines",
 		"webgl_loader_3mf",
+		"webgl_loader_3ds",
 		"webgl_loader_amf",
 		"webgl_loader_assimp",
 		"webgl_loader_assimp2json",

+ 19 - 0
examples/js/libs/syncinput.min.js

@@ -0,0 +1,19 @@
+function SyncInput(){}VERSION="SyncInput V1.1";TIMESTAMP="201702041904";function Vector2(a,b){this.x=void 0!==a?a:0;this.y=void 0!==b?b:0}Vector2.prototype.set=function(a,b){this.x=a;this.y=b};function Key(){this.justReleased=this.justPressed=this.pressed=!1}Key.DOWN=-1;Key.UP=1;Key.RESET=0;Key.prototype.update=function(a){this.justReleased=this.justPressed=!1;a===Key.DOWN?(this.pressed||(this.justPressed=!0),this.pressed=!0):a===Key.UP?(this.pressed&&(this.justReleased=!0),this.pressed=!1):a===Key.RESET&&(this.justPressed=this.justReleased=!1)};Key.prototype.set=function(a,b,c){this.pressed=b;this.justPressed=a;this.justReleased=c};
+Key.prototype.reset=function(){this.justReleased=this.justPressed=this.pressed=!1};function Mouse(){this._keys=[];this._position=new Vector2(0,0);this._positionUpdated=!1;this._delta=new Vector2(0,0);this._wheel=0;this._doubleClicked=this._wheelUpdated=!1;this.keys=[];this.position=new Vector2(0,0);this.delta=new Vector2(0,0);this.wheel=0;this.doubleClicked=!1;this.canvas=null;this.events=[];for(var a=0;3>a;a++)this._keys.push(new Key),this.keys.push(new Key);var b=this;void 0!==window.onmousewheel?this.events.push([window,"mousewheel",function(a){b._wheel=a.deltaY;b._wheelUpdated=
+!0}]):void 0!==window.addEventListener?this.events.push([window,"DOMMouseScroll",function(a){b._wheel=30*a.detail;b._wheelUpdated=!0}]):this.events.push([window,"wheel",function(a){b._wheel=a.deltaY;b._wheelUpdated=!0}]);if("ontouchstart"in window||0<navigator.msMaxTouchPoints){var c=new Vector2(0,0);this.events.push([window,"touchstart",function(a){a=a.touches[0];c.set(a.clientX,a.clientY);b.updateKey(Mouse.LEFT,Key.DOWN)}]);this.events.push([window,"touchend",function(a){b.updateKey(Mouse.LEFT,
+Key.UP)}]);this.events.push([window,"touchmove",function(a){a=a.touches[0];if(null!==b.canvas){var e=b.canvas.getBoundingClientRect();b.updatePosition(a.clientX-e.left,a.clientY-e.top,a.clientX-c.x,a.clientY-c.y)}else b.updatePosition(a.clientX,a.clientY,a.clientX-c.x,a.clientY-c.y);c.set(a.clientX,a.clientY)}])}else this.events.push([window,"mousemove",function(a){if(null!==b.canvas){var c=b.canvas.getBoundingClientRect();b.updatePosition(a.clientX-c.left,a.clientY-c.top,a.movementX,a.movementY)}else b.updatePosition(a.clientX,
+a.clientY,a.movementX,a.movementY)}]),this.events.push([window,"mousedown",function(a){b.updateKey(a.which-1,Key.DOWN)}]),this.events.push([window,"mouseup",function(a){b.updateKey(a.which-1,Key.UP)}]);this.events.push([window,"dblclick",function(a){b._doubleClicked=!0}]);for(a=0;a<this.events.length;a++){var d=this.events[a];d[0].addEventListener(d[1],d[2])}}Mouse.LEFT=0;Mouse.MIDDLE=1;Mouse.RIGHT=2;
+Mouse.prototype.setCanvas=function(a){this.canvas=a;a.mouseInside=!1;a.addEventListener("mouseenter",function(){this.mouseInside=!0});a.addEventListener("mouseleave",function(){this.mouseInside=!1})};Mouse.prototype.insideCanvas=function(){return null===this.canvas?!1:this.canvas.mouseInside};
+Mouse.prototype.setLock=function(a){null!==this.canvas&&(a?this.canvas.requestPointerLock?this.canvas.requestPointerLock():this.canvas.mozRequestPointerLock?this.canvas.mozRequestPointerLock():this.canvas.webkitRequestPointerLock&&this.canvas.webkitRequestPointerLock():document.exitPointerLock?document.exitPointerLock():document.mozExitPointerLock?document.mozExitPointerLock():document.webkitExitPointerLock&&document.webkitExitPointerLock())};Mouse.prototype.buttonPressed=function(a){return this.keys[a].pressed};
+Mouse.prototype.buttonDoubleClicked=function(){return this.doubleClicked};Mouse.prototype.buttonJustPressed=function(a){return this.keys[a].justPressed};Mouse.prototype.buttonJustReleased=function(a){return this.keys[a].justReleased};Mouse.prototype.updatePosition=function(a,b,c,d){this._position.set(a,b);this._delta.x+=c;this._delta.y+=d;this._positionUpdated=!0};Mouse.prototype.updateKey=function(a,b){-1<a&&this._keys[a].update(b)};
+Mouse.prototype.update=function(){for(var a=0;a<this._keys.length;a++)this._keys[a].justPressed&&this.keys[a].justPressed&&(this._keys[a].justPressed=!1),this._keys[a].justReleased&&this.keys[a].justReleased&&(this._keys[a].justReleased=!1),this.keys[a].set(this._keys[a].justPressed,this._keys[a].pressed,this._keys[a].justReleased);this._wheelUpdated?(this.wheel=this._wheel,this._wheelUpdated=!1):this.wheel=0;this._doubleClicked?(this.doubleClicked=!0,this._doubleClicked=!1):this.doubleClicked=!1;
+this._positionUpdated?(this.delta.x=this._delta.x,this.delta.y=this._delta.y,this._delta.set(0,0),this.position.x=this._position.x,this.position.y=this._position.y,this._positionUpdated=!1):(this.delta.x=0,this.delta.y=0)};Mouse.prototype.dispose=function(){for(var a=0;a<this.events.length;a++){var b=this.events[a];b[0].removeEventListener(b[1],b[2])}};function Keyboard(){this.keys=[];this.actions=[];for(var a=0;256>a;a++)this.keys.push(new Key);this.events=[];var b=this.actions;this.events.push([window,"keydown",function(a){b.push(a.keyCode);b.push(Key.DOWN)}]);this.events.push([window,"keyup",function(a){b.push(a.keyCode);b.push(Key.UP)}]);for(a=0;a<this.events.length;a++){var c=this.events[a];c[0].addEventListener(c[1],c[2])}}
+Keyboard.prototype.update=function(){for(var a=0;this.actions.length>a;){var b=this.actions.shift(),c=this.actions.shift();this.keys[b].update(c);if(this.keys[b].justReleased||this.keys[b].justPressed)this.actions.push(b),this.actions.push(Key.RESET),a+=2}};Keyboard.prototype.reset=function(){this.actions=[];for(var a=0;a<this.keys.length;a++)this.keys[a].reset()};Keyboard.prototype.keyPressed=function(a){return this.keys[a].pressed};Keyboard.prototype.keyJustPressed=function(a){return this.keys[a].justPressed};
+Keyboard.prototype.keyJustReleased=function(a){return this.keys[a].justReleased};Keyboard.prototype.dispose=function(){for(var a=0;a<this.events.length;a++){var b=this.events[a];b[0].removeEventListener(b[1],b[2])}};Keyboard.TAB=9;Keyboard.ENTER=13;Keyboard.SHIFT=16;Keyboard.CTRL=17;Keyboard.ALT=18;Keyboard.CAPS_LOCK=20;Keyboard.ESC=27;Keyboard.SPACEBAR=32;Keyboard.PAGE_UP=33;Keyboard.PAGE_DOWN=34;Keyboard.END=35;Keyboard.HOME=36;Keyboard.INSERT=45;Keyboard.DEL=46;Keyboard.LEFT=37;
+Keyboard.RIGHT=39;Keyboard.UP=38;Keyboard.DOWN=40;Keyboard.NUM0=48;Keyboard.NUM1=49;Keyboard.NUM2=50;Keyboard.NUM3=51;Keyboard.NUM4=52;Keyboard.NUM5=53;Keyboard.NUM6=54;Keyboard.NUM7=55;Keyboard.NUM8=56;Keyboard.NUM9=57;Keyboard.A=65;Keyboard.B=66;Keyboard.C=67;Keyboard.D=68;Keyboard.E=69;Keyboard.F=70;Keyboard.G=71;Keyboard.H=72;Keyboard.I=73;Keyboard.J=74;Keyboard.K=75;Keyboard.L=76;Keyboard.M=77;Keyboard.N=78;Keyboard.O=79;Keyboard.P=80;Keyboard.Q=81;Keyboard.R=82;Keyboard.S=83;Keyboard.T=84;
+Keyboard.U=85;Keyboard.V=86;Keyboard.W=87;Keyboard.X=88;Keyboard.Y=89;Keyboard.Z=90;Keyboard.F1=112;Keyboard.F2=113;Keyboard.F3=114;Keyboard.F4=115;Keyboard.F5=116;Keyboard.F6=117;Keyboard.F7=118;Keyboard.F8=119;Keyboard.F9=120;Keyboard.F10=121;Keyboard.F11=122;Keyboard.F12=123;function Gamepad(){this.setGamepad(navigator.getGamepads()[Gamepad.gamepads.length]);Gamepad.gamepads.push(this)}Gamepad.prototype.setGamepad=function(a){if(void 0!==a){this.index=a.index;this.gamepad=a;this.buttons=[];for(var b=0;b<a.buttons.length;b++)this.buttons.push(new Key);this.setProductVendor(a);this.connected=!0}else console.warn("SyncInput: No Gamepad found"),this.disconnect()};
+Gamepad.prototype.disconnect=function(){this.product=this.vendor=-1;this.connected=!1;this.gamepad=null;this.buttons=[]};Gamepad.prototype.setProductVendor=function(a){try{var b=a.id.split(":");this.vendor=b[1].split(" ")[1];this.product=b[2].replace(" ","").replace(")","");return}catch(c){}try{b=a.id.split("-"),this.vendor=b[0],this.product=b[1]}catch(c){}};
+Gamepad.prototype.update=function(){this.gamepad=navigator.getGamepads()[this.index];if(void 0!==this.gamepad)for(var a=0;a<this.buttons.length;a++)this.buttons[a].update(this.gamepad.buttons[a].pressed?Key.DOWN:Key.UP)};Gamepad.prototype.getAnalogueButton=function(a){return a>this.buttons.length||0>a?0:this.gamepad.buttons[a].value};Gamepad.prototype.getAxis=function(a){return a>this.gamepad.axes.length||0>a?0:this.gamepad.axes[button].value};
+Gamepad.prototype.buttonPressed=function(a){return a>this.buttons.length?!1:this.buttons[a].pressed};Gamepad.prototype.buttonJustPressed=function(a){return a>this.buttons.length||0>a?!1:this.buttons[a].justPressed};Gamepad.prototype.buttonJustReleased=function(a){return a>this.buttons.length||0>a?!1:this.buttons[a].justReleased};Gamepad.prototype.dispose=function(){var a=Gamepad.gamepads.indexOf(this);-1!==a&&Gamepad.gamepads.splice(a,1)};Gamepad.gamepads=[];Gamepad.getGamepads=function(){return navigator.getGamepads()};
+Gamepad.startListener=function(){window.addEventListener("gamepadconnected",function(a){a=a.gamepad;for(var b=0;b<Gamepad.gamepads.length;b++)Gamepad.gamepads[b].index===a.index&&Gamepad.gamepads[b].setGamepad(a)});window.addEventListener("gamepaddisconnected",function(a){a=a.gamepad;console.warn("SyncInput: Gamepad "+a.id+" disconnected");for(var b=0;b<Gamepad.gamepads.length;b++)Gamepad.gamepads[b].index===a.index&&Gamepad.gamepads[b].disconnect()})};Gamepad.startListener();Gamepad.LEFT=14;
+Gamepad.RIGHT=15;Gamepad.DOWN=13;Gamepad.UP=12;Gamepad.SELECT=8;Gamepad.START=9;Gamepad.HOME=16;Gamepad.LEFT_TRIGGER_A=4;Gamepad.LEFT_TRIGGER_B=6;Gamepad.RIGHT_TRIGGER_A=5;Gamepad.RIGHT_TRIGGER_B=7;Gamepad.A=0;Gamepad.B=1;Gamepad.C=2;Gamepad.D=3;Gamepad.LEFT_ANALOGUE_HOR=0;Gamepad.LEFT_ANALOGUE_VERT=1;Gamepad.RIGHT_ANALOGUE_HOR=2;Gamepad.RIGHT_ANALOGUE_VERT=3;

+ 911 - 0
examples/js/loaders/TDSLoader.js

@@ -0,0 +1,911 @@
+/*
+ * Autodesk 3DS threee.js file loader, based on lib3ds.
+ *
+ * Loads geometry with uv and materials basic properties.
+ *
+ * @author @tentone
+ * @author @timknip
+ */
+
+'use strict';
+
+THREE.TDSLoader = function ( manager ) {
+
+	this.manager = ( manager !== undefined ) ? manager : THREE.DefaultLoadingManager;
+	this.debug = false;
+
+	this.group = null;
+	this.position = 0;
+
+	this.materials = [];
+	this.meshes = [];
+
+};
+
+THREE.TDSLoader.prototype = {
+
+	load : function ( url, onLoad, onProgress, onError ) {
+
+		var scope = this;
+
+		var loader = new THREE.FileLoader( this.manager );
+
+		loader.setResponseType( 'arraybuffer' );
+
+		loader.load( url, function ( data ) {
+
+			onLoad( scope.parse( data ) );
+
+		}, onProgress, onError );
+
+	},
+
+	parse : function ( arraybuffer ) {
+
+		this.group = new THREE.Group();
+		this.position = 0;
+		this.materials = [];
+		this.meshes = [];
+
+		this.readFile( arraybuffer );
+
+		for ( var i = 0; i < this.meshes.length; i ++ ) {
+
+			this.group.add( this.meshes[ i ] );
+
+		}
+
+		return this.group;
+
+	},
+
+	readFile : function ( arraybuffer ) {
+
+		var data = new DataView( arraybuffer );
+		var chunk = this.readChunk( data );
+
+		if ( chunk.id === MLIBMAGIC || chunk.id === CMAGIC || chunk.id === M3DMAGIC ) {
+
+			var next = this.nextChunk( data, chunk );
+
+			while ( next !== 0 ) {
+
+				if ( next === M3D_VERSION ) {
+
+					var version = this.readDWord( data );
+					this.debugMessage( '3DS file version: ' + version );
+
+				} else if ( next === MDATA ) {
+
+					this.resetPosition( data );
+					this.readMeshData( data );
+
+				} else {
+
+					this.debugMessage( 'Unknown main chunk: ' + next.toString( 16 ) );
+
+				}
+
+				next = this.nextChunk( data, chunk );
+
+			}
+
+		}
+
+		this.debugMessage( 'Parsed ' + this.meshes.length + ' meshes' );
+
+	},
+
+	readMeshData : function ( data ) {
+
+		var chunk = this.readChunk( data );
+		var next = this.nextChunk( data, chunk );
+
+		while ( next !== 0 ) {
+
+			if ( next === MESH_VERSION ) {
+
+				var version = + this.readDWord( data );
+				this.debugMessage( 'Mesh Version: ' + version );
+
+			} else if ( next === MASTER_SCALE ) {
+
+				var scale = this.readFloat( data );
+				this.debugMessage( 'Master scale: ' + scale );
+				this.group.scale.set( scale, scale, scale );
+
+			} else if ( next === NAMED_OBJECT ) {
+
+				this.debugMessage( 'Named Object' );
+				this.resetPosition( data );
+				this.readNamedObject( data );
+
+			} else if ( next === MAT_ENTRY ) {
+
+				this.debugMessage( 'Material' );
+				this.resetPosition( data );
+				this.readMaterialEntry( data );
+
+			} else {
+
+				this.debugMessage( 'Unknown MDATA chunk: ' + next.toString( 16 ) );
+
+			}
+
+			next = this.nextChunk( data, chunk );
+
+		}
+
+	},
+
+	readMaterialEntry : function ( data ) {
+
+		var chunk = this.readChunk( data );
+		var next = this.nextChunk( data, chunk );
+		var material = new THREE.MeshPhongMaterial();
+
+		while ( next !== 0 ) {
+
+			if ( next === MAT_NAME ) {
+
+				material.name = this.readString( data, 64 );
+				this.debugMessage( '   Name: ' + material.name );
+
+			} else if ( next === MAT_WIRE ) {
+
+				this.debugMessage( '   Wireframe' );
+				material.wireframe = true;
+
+			} else if ( next === MAT_WIRE_SIZE ) {
+
+				var value = this.readByte( data );
+				material.wireframeLinewidth = value;
+				this.debugMessage( '   Wireframe Thickness: ' + value );
+
+			} else if ( next === MAT_TWO_SIDE ) {
+
+				material.side = THREE.DoubleSide;
+				this.debugMessage( '   DoubleSided' );
+
+			} else if ( next === MAT_ADDITIVE ) {
+
+				this.debugMessage( '   Additive Blending' );
+				material.blending = THREE.AdditiveBlending;
+
+			} else if ( next === MAT_DIFFUSE ) {
+
+				this.debugMessage( '   Diffuse Color' );
+				material.color = this.readColor( data );
+
+			} else if ( next === MAT_SPECULAR ) {
+
+				this.debugMessage( '   Specular Color' );
+				material.specular = this.readColor( data );
+
+			} else if ( next === MAT_AMBIENT ) {
+
+				this.debugMessage( '   Ambient color' );
+				material.color = this.readColor( data );
+
+			} else if ( next === MAT_SHININESS ) {
+
+				var shininess = this.readWord( data );
+				material.shininess = shininess;
+				this.debugMessage( '   Shininess : ' + shininess );
+
+			} else if ( next === MAT_TEXMAP ) {
+
+				this.debugMessage( '   Map (TODO ImageLoader)' );
+				//var map = this.readMap(data);
+
+				//TODO <ADD CODE HERE>
+
+			} else if ( next === MAT_BUMPMAP ) {
+
+				this.debugMessage( '   BumpMap (TODO ImageLoader)' );
+
+				//TODO <ADD CODE HERE>
+
+			} else if ( next == MAT_OPACMAP ) {
+
+				this.debugMessage( '   OpacityMap (TODO ImageLoader)' );
+
+				//TODO <ADD CODE HERE>
+
+			} else if ( next == MAT_SPECMAP ) {
+
+				this.debugMessage( '   SpecularMap (TODO ImageLoader)' );
+
+				//TODO <ADD CODE HERE>
+
+			} else if ( next == MAT_SHINMAP ) {
+
+				this.debugMessage( '   ShininessrMap (TODO ImageLoader)' );
+
+				//TODO <ADD CODE HERE>
+
+			} else if ( next == MAT_REFLMAP ) {
+
+				this.debugMessage( '   RelectMap (TODO ImageLoader)' );
+
+				//TODO <ADD CODE HERE>
+
+			} else {
+
+				this.debugMessage( '   Unknown material chunk: ' + next.toString( 16 ) );
+
+			}
+
+			next = this.nextChunk( data, chunk );
+
+		}
+
+		this.endChunk( chunk );
+
+		this.materials[ material.name ] = material;
+
+	},
+
+	readColor : function ( data ) {
+
+		var chunk = this.readChunk( data );
+		var color = new THREE.Color();
+
+		if ( chunk.id === COLOR_24 || chunk.id === LIN_COLOR_24 ) {
+
+			var r = this.readByte( data );
+			var g = this.readByte( data );
+			var b = this.readByte( data );
+
+			color.setRGB( r / 255, g / 255, b / 255 );
+
+			this.debugMessage( '      Color: ' + color.r + ', ' + color.g + ', ' + color.b );
+
+		}	else if ( chunk.id === COLOR_F || chunk.id === LIN_COLOR_F ) {
+
+			var r = this.readFloat( data );
+			var g = this.readFloat( data );
+			var b = this.readFloat( data );
+
+			color.setRGB( r, g, b );
+
+			this.debugMessage( '      Color: ' + color.r + ', ' + color.g + ', ' + color.b );
+
+		}	else {
+
+			this.debugMessage( '      Unknown color chunk: ' + c.toString( 16 ) );
+
+		}
+
+		this.endChunk( chunk );
+		return color;
+
+	},
+
+	readMesh : function ( data ) {
+
+		var chunk = this.readChunk( data );
+		var next = this.nextChunk( data, chunk );
+
+		var useBufferGeometry = false;
+		var geometry = null;
+		var uvs = [];
+
+		if ( useBufferGeometry ) {
+
+			geometry = new THREE.BufferGeometry();
+
+		}	else {
+
+			geometry = new THREE.Geometry();
+
+		}
+
+		var material = new THREE.MeshPhongMaterial();
+		var mesh = new THREE.Mesh( geometry, material );
+		mesh.name = 'mesh';
+
+		while ( next !== 0 ) {
+
+			if ( next === POINT_ARRAY ) {
+
+				var points = this.readWord( data );
+
+				this.debugMessage( '   Vertex: ' + points );
+
+				//BufferGeometry
+
+				if ( useBufferGeometry )	{
+
+					var vertices = [];
+					for ( var i = 0; i < points; i ++ )		{
+
+						vertices.push( this.readFloat( data ) );
+						vertices.push( this.readFloat( data ) );
+						vertices.push( this.readFloat( data ) );
+
+					}
+
+					geometry.addAttribute( 'position', new THREE.BufferAttribute( new Float32Array( vertices ), 3 ) );
+
+				} else	{ //Geometry
+
+					for ( var i = 0; i < points; i ++ )		{
+
+						geometry.vertices.push( new THREE.Vector3( this.readFloat( data ), this.readFloat( data ), this.readFloat( data ) ) );
+
+					}
+
+				}
+
+			} else if ( next === FACE_ARRAY ) {
+
+				this.resetPosition( data );
+				this.readFaceArray( data, mesh );
+
+			} else if ( next === TEX_VERTS ) {
+
+				var texels = this.readWord( data );
+
+				this.debugMessage( '   UV: ' + texels );
+
+				//BufferGeometry
+
+				if ( useBufferGeometry )	{
+
+					var uvs = [];
+					for ( var i = 0; i < texels; i ++ )		{
+
+						uvs.push( this.readFloat( data ) );
+						uvs.push( this.readFloat( data ) );
+
+					}
+					geometry.addAttribute( 'uv', new THREE.BufferAttribute( new Float32Array( uvs ), 2 ) );
+
+				} else { //Geometry
+
+					uvs = [];
+					for ( var i = 0; i < texels; i ++ )		{
+
+						uvs.push( new THREE.Vector2( this.readFloat( data ), this.readFloat( data ) ) );
+
+					}
+
+				}
+
+			} else if ( next === MESH_MATRIX ) {
+
+				this.debugMessage( '   Tranformation Matrix (TODO)' );
+
+				//TODO <ADD CODE HERE>
+
+			} else {
+
+				this.debugMessage( '   Unknown mesh chunk: ' + next.toString( 16 ) );
+
+			}
+
+			next = this.nextChunk( data, chunk );
+
+		}
+
+		this.endChunk( chunk );
+
+		if ( ! useBufferGeometry ) {
+
+			//geometry.faceVertexUvs[0][faceIndex][vertexIndex]
+
+			var faceUV = [];
+
+			for ( var i = 0; i < geometry.faces.length; i ++ ) {
+
+				faceUV.push( [ uvs[ geometry.faces[ i ].a ], uvs[ geometry.faces[ i ].b ], uvs[ geometry.faces[ i ].c ] ] );
+
+			}
+
+			geometry.faceVertexUvs[ 0 ] = faceUV;
+
+			geometry.computeVertexNormals();
+
+		}
+
+		return mesh;
+
+	},
+
+	readFaceArray : function ( data, mesh ) {
+
+		var chunk = this.readChunk( data );
+		var faces = this.readWord( data );
+
+		this.debugMessage( '   Faces: ' + faces );
+
+		for ( var i = 0; i < faces; ++ i ) {
+
+			mesh.geometry.faces.push( new THREE.Face3( this.readWord( data ), this.readWord( data ), this.readWord( data ) ) );
+
+			var visibility = this.readWord( data );
+
+		}
+
+		//The rest of the FACE_ARRAY chunk is subchunks
+
+		while ( this.position < chunk.end ) {
+
+			var chunk = this.readChunk( data );
+
+			if ( chunk.id === MSH_MAT_GROUP ) {
+
+				this.debugMessage( '      Material Group' );
+
+				this.resetPosition( data );
+
+				var group = this.readMaterialGroup( data );
+
+				var material = this.materials[ group.name ];
+
+				if ( material !== undefined )	{
+
+					mesh.material = material;
+
+					if ( material.name === '' )		{
+
+						material.name = mesh.name;
+
+					}
+
+				}
+
+			} else if ( chunk.id === SMOOTH_GROUP ) {
+
+				this.debugMessage( '      Smooth Group (TODO)' );
+
+				//TODO <ADD CODE HERE>
+
+			} else {
+
+				this.debugMessage( '      Unknown face array chunk: ' + chunk.toString( 16 ) );
+
+			}
+
+			this.endChunk( chunk );
+
+		}
+
+		this.endChunk( chunk );
+
+	},
+
+	readMap : function ( data ) {
+
+		var chunk = this.readChunk( data );
+		var next = this.nextChunk( data, chunk );
+
+		while ( next !== 0 ) {
+
+			if ( next === MAT_MAPNAME ) {
+
+				var name = this.readString( data, 128 );
+				this.debugMessage( '      MapName: ' + name );
+
+			} else {
+
+				this.debugMessage( '      Unknown named object chunk: ' + next.toString( 16 ) );
+
+			}
+
+			next = this.nextChunk( data, chunk );
+
+		}
+
+		this.endChunk( chunk );
+
+	},
+
+	readMaterialGroup : function ( data ) {
+
+		var chunk = this.readChunk( data );
+		var name = this.readString( data, 64 );
+		var numFaces = this.readWord( data );
+
+		this.debugMessage( '         Name: ' + name );
+		this.debugMessage( '         Faces: ' + numFaces );
+
+		var index = [];
+		for ( var i = 0; i < numFaces; ++ i ) {
+
+			index.push( this.readWord( data ) );
+
+		}
+
+		return { name: name, index: index };
+
+	},
+
+	readNamedObject : function ( data ) {
+
+		var chunk = this.readChunk( data );
+		var name = this.readString( data, 64 );
+		chunk.cur = this.position;
+
+		var next = this.nextChunk( data, chunk );
+		while ( next !== 0 ) {
+
+			if ( next === N_TRI_OBJECT ) {
+
+				this.resetPosition( data );
+				var mesh = this.readMesh( data );
+				mesh.name = name;
+				this.meshes.push( mesh );
+
+			} else {
+
+				this.debugMessage( 'Unknown named object chunk: ' + next.toString( 16 ) );
+
+			}
+
+			next = this.nextChunk( data, chunk );
+
+		}
+
+		this.endChunk( chunk );
+
+	},
+
+	readChunk : function ( data ) {
+
+		var chunk = {};
+
+		chunk.cur = this.position;
+		chunk.id = this.readWord( data );
+		chunk.size = this.readDWord( data );
+		chunk.end = chunk.cur + chunk.size;
+		chunk.cur += 6;
+
+		return chunk;
+
+	},
+
+	endChunk : function ( chunk ) {
+
+		this.position = chunk.end;
+
+	},
+
+	nextChunk : function ( data, chunk ) {
+
+		if ( chunk.cur >= chunk.end ) {
+
+			return 0;
+
+		}
+
+		this.position = chunk.cur;
+
+		try {
+
+			var next = this.readChunk( data );
+			chunk.cur += next.size;
+			return next.id;
+
+		}	catch ( e ) {
+
+			this.debugMessage( 'Unable to read chunk at ' + this.position );
+			return 0;
+
+		}
+
+	},
+
+	resetPosition : function ( data, chunk ) {
+
+		this.position -= 6;
+
+	},
+
+	readByte : function ( data ) {
+
+		var v = data.getUint8( this.position, true );
+		this.position += 1;
+		return v;
+
+	},
+
+	readFloat : function ( data ) {
+
+		try {
+
+			var v = data.getFloat32( this.position, true );
+			this.position += 4;
+			return v;
+
+		}	catch ( e ) {
+
+			this.debugMessage( e + ' ' + this.position + ' ' + data.byteLength );
+
+		}
+
+	},
+
+	readInt : function ( data ) {
+
+		var v = data.getInt32( this.position, true );
+		this.position += 4;
+		return v;
+
+	},
+
+	readShort : function ( data ) {
+
+		var v = data.getInt16( this.position, true );
+		this.position += 2;
+		return v;
+
+	},
+
+	readDWord : function ( data ) {
+
+		var v = data.getUint32( this.position, true );
+		this.position += 4;
+		return v;
+
+	},
+
+	readWord : function ( data ) {
+
+		var v = data.getUint16( this.position, true );
+		this.position += 2;
+		return v;
+
+	},
+
+	readString : function ( data, maxLength ) {
+
+		var s = '';
+
+		for ( var i = 0; i < maxLength; i ++ ) {
+
+			var c = this.readByte( data );
+			if ( ! c ) {
+
+				break;
+
+			}
+
+			s += String.fromCharCode( c );
+
+		}
+
+		return s;
+
+	},
+
+	debugMessage : function ( message ) {
+
+		if ( this.debug ) {
+
+			console.log( message );
+
+		}
+
+	}
+};
+
+var NULL_CHUNK = 0x0000;
+var M3DMAGIC = 0x4D4D;
+var SMAGIC = 0x2D2D;
+var LMAGIC = 0x2D3D;
+var MLIBMAGIC = 0x3DAA;
+var MATMAGIC = 0x3DFF;
+var CMAGIC = 0xC23D;
+var M3D_VERSION = 0x0002;
+var M3D_KFVERSION = 0x0005;
+var COLOR_F = 0x0010;
+var COLOR_24 = 0x0011;
+var LIN_COLOR_24 = 0x0012;
+var LIN_COLOR_F = 0x0013;
+var INT_PERCENTAGE = 0x0030;
+var FLOAT_PERCENTAGE = 0x0031;
+var MDATA = 0x3D3D;
+var MESH_VERSION = 0x3D3E;
+var MASTER_SCALE = 0x0100;
+var LO_SHADOW_BIAS = 0x1400;
+var HI_SHADOW_BIAS = 0x1410;
+var SHADOW_MAP_SIZE = 0x1420;
+var SHADOW_SAMPLES = 0x1430;
+var SHADOW_RANGE = 0x1440;
+var SHADOW_FILTER = 0x1450;
+var RAY_BIAS = 0x1460;
+var O_CONSTS = 0x1500;
+var AMBIENT_LIGHT = 0x2100;
+var BIT_MAP = 0x1100;
+var SOLID_BGND = 0x1200;
+var V_GRADIENT = 0x1300;
+var USE_BIT_MAP = 0x1101;
+var USE_SOLID_BGND = 0x1201;
+var USE_V_GRADIENT = 0x1301;
+var FOG = 0x2200;
+var FOG_BGND = 0x2210;
+var LAYER_FOG = 0x2302;
+var DISTANCE_CUE = 0x2300;
+var DCUE_BGND = 0x2310;
+var USE_FOG = 0x2201;
+var USE_LAYER_FOG = 0x2303;
+var USE_DISTANCE_CUE = 0x2301;
+var MAT_ENTRY = 0xAFFF;
+var MAT_NAME = 0xA000;
+var MAT_AMBIENT = 0xA010;
+var MAT_DIFFUSE = 0xA020;
+var MAT_SPECULAR = 0xA030;
+var MAT_SHININESS = 0xA040;
+var MAT_SHIN2PCT = 0xA041;
+var MAT_TRANSPARENCY = 0xA050;
+var MAT_XPFALL = 0xA052;
+var MAT_USE_XPFALL = 0xA240;
+var MAT_REFBLUR = 0xA053;
+var MAT_SHADING = 0xA100;
+var MAT_USE_REFBLUR = 0xA250;
+var MAT_SELF_ILLUM = 0xA084;
+var MAT_TWO_SIDE = 0xA081;
+var MAT_DECAL = 0xA082;
+var MAT_ADDITIVE = 0xA083;
+var MAT_WIRE = 0xA085;
+var MAT_FACEMAP = 0xA088;
+var MAT_TRANSFALLOFF_IN = 0xA08A;
+var MAT_PHONGSOFT = 0xA08C;
+var MAT_WIREABS = 0xA08E;
+var MAT_WIRE_SIZE = 0xA087;
+var MAT_TEXMAP = 0xA200;
+var MAT_SXP_TEXT_DATA = 0xA320;
+var MAT_TEXMASK = 0xA33E;
+var MAT_SXP_TEXTMASK_DATA = 0xA32A;
+var MAT_TEX2MAP = 0xA33A;
+var MAT_SXP_TEXT2_DATA = 0xA321;
+var MAT_TEX2MASK = 0xA340;
+var MAT_SXP_TEXT2MASK_DATA = 0xA32C;
+var MAT_OPACMAP = 0xA210;
+var MAT_SXP_OPAC_DATA = 0xA322;
+var MAT_OPACMASK = 0xA342;
+var MAT_SXP_OPACMASK_DATA = 0xA32E;
+var MAT_BUMPMAP = 0xA230;
+var MAT_SXP_BUMP_DATA = 0xA324;
+var MAT_BUMPMASK = 0xA344;
+var MAT_SXP_BUMPMASK_DATA = 0xA330;
+var MAT_SPECMAP = 0xA204;
+var MAT_SXP_SPEC_DATA = 0xA325;
+var MAT_SPECMASK = 0xA348;
+var MAT_SXP_SPECMASK_DATA = 0xA332;
+var MAT_SHINMAP = 0xA33C;
+var MAT_SXP_SHIN_DATA = 0xA326;
+var MAT_SHINMASK = 0xA346;
+var MAT_SXP_SHINMASK_DATA = 0xA334;
+var MAT_SELFIMAP = 0xA33D;
+var MAT_SXP_SELFI_DATA = 0xA328;
+var MAT_SELFIMASK = 0xA34A;
+var MAT_SXP_SELFIMASK_DATA = 0xA336;
+var MAT_REFLMAP = 0xA220;
+var MAT_REFLMASK = 0xA34C;
+var MAT_SXP_REFLMASK_DATA = 0xA338;
+var MAT_ACUBIC = 0xA310;
+var MAT_MAPNAME = 0xA300;
+var MAT_MAP_TILING = 0xA351;
+var MAT_MAP_TEXBLUR = 0xA353;
+var MAT_MAP_USCALE = 0xA354;
+var MAT_MAP_VSCALE = 0xA356;
+var MAT_MAP_UOFFSET = 0xA358;
+var MAT_MAP_VOFFSET = 0xA35A;
+var MAT_MAP_ANG = 0xA35C;
+var MAT_MAP_COL1 = 0xA360;
+var MAT_MAP_COL2 = 0xA362;
+var MAT_MAP_RCOL = 0xA364;
+var MAT_MAP_GCOL = 0xA366;
+var MAT_MAP_BCOL = 0xA368;
+var NAMED_OBJECT = 0x4000;
+var N_DIRECT_LIGHT = 0x4600;
+var DL_OFF = 0x4620;
+var DL_OUTER_RANGE = 0x465A;
+var DL_INNER_RANGE = 0x4659;
+var DL_MULTIPLIER = 0x465B;
+var DL_EXCLUDE = 0x4654;
+var DL_ATTENUATE = 0x4625;
+var DL_SPOTLIGHT = 0x4610;
+var DL_SPOT_ROLL = 0x4656;
+var DL_SHADOWED = 0x4630;
+var DL_LOCAL_SHADOW2 = 0x4641;
+var DL_SEE_CONE = 0x4650;
+var DL_SPOT_RECTANGULAR = 0x4651;
+var DL_SPOT_ASPECT = 0x4657;
+var DL_SPOT_PROJECTOR = 0x4653;
+var DL_SPOT_OVERSHOOT = 0x4652;
+var DL_RAY_BIAS = 0x4658;
+var DL_RAYSHAD = 0x4627;
+var N_CAMERA = 0x4700;
+var CAM_SEE_CONE = 0x4710;
+var CAM_RANGES = 0x4720;
+var OBJ_HIDDEN = 0x4010;
+var OBJ_VIS_LOFTER = 0x4011;
+var OBJ_DOESNT_CAST = 0x4012;
+var OBJ_DONT_RECVSHADOW = 0x4017;
+var OBJ_MATTE = 0x4013;
+var OBJ_FAST = 0x4014;
+var OBJ_PROCEDURAL = 0x4015;
+var OBJ_FROZEN = 0x4016;
+var N_TRI_OBJECT = 0x4100;
+var POINT_ARRAY = 0x4110;
+var POINT_FLAG_ARRAY = 0x4111;
+var FACE_ARRAY = 0x4120;
+var MSH_MAT_GROUP = 0x4130;
+var SMOOTH_GROUP = 0x4150;
+var MSH_BOXMAP = 0x4190;
+var TEX_VERTS = 0x4140;
+var MESH_MATRIX = 0x4160;
+var MESH_COLOR = 0x4165;
+var MESH_TEXTURE_INFO = 0x4170;
+var KFDATA = 0xB000;
+var KFHDR = 0xB00A;
+var KFSEG = 0xB008;
+var KFCURTIME = 0xB009;
+var AMBIENT_NODE_TAG = 0xB001;
+var OBJECT_NODE_TAG = 0xB002;
+var CAMERA_NODE_TAG = 0xB003;
+var TARGET_NODE_TAG = 0xB004;
+var LIGHT_NODE_TAG = 0xB005;
+var L_TARGET_NODE_TAG = 0xB006;
+var SPOTLIGHT_NODE_TAG = 0xB007;
+var NODE_ID = 0xB030;
+var NODE_HDR = 0xB010;
+var PIVOT = 0xB013;
+var INSTANCE_NAME = 0xB011;
+var MORPH_SMOOTH = 0xB015;
+var BOUNDBOX = 0xB014;
+var POS_TRACK_TAG = 0xB020;
+var COL_TRACK_TAG = 0xB025;
+var ROT_TRACK_TAG = 0xB021;
+var SCL_TRACK_TAG = 0xB022;
+var MORPH_TRACK_TAG = 0xB026;
+var FOV_TRACK_TAG = 0xB023;
+var ROLL_TRACK_TAG = 0xB024;
+var HOT_TRACK_TAG = 0xB027;
+var FALL_TRACK_TAG = 0xB028;
+var HIDE_TRACK_TAG = 0xB029;
+var POLY_2D = 0x5000;
+var SHAPE_OK = 0x5010;
+var SHAPE_NOT_OK = 0x5011;
+var SHAPE_HOOK = 0x5020;
+var PATH_3D = 0x6000;
+var PATH_MATRIX = 0x6005;
+var SHAPE_2D = 0x6010;
+var M_SCALE = 0x6020;
+var M_TWIST = 0x6030;
+var M_TEETER = 0x6040;
+var M_FIT = 0x6050;
+var M_BEVEL = 0x6060;
+var XZ_CURVE = 0x6070;
+var YZ_CURVE = 0x6080;
+var INTERPCT = 0x6090;
+var DEFORM_LIMIT = 0x60A0;
+var USE_CONTOUR = 0x6100;
+var USE_TWEEN = 0x6110;
+var USE_SCALE = 0x6120;
+var USE_TWIST = 0x6130;
+var USE_TEETER = 0x6140;
+var USE_FIT = 0x6150;
+var USE_BEVEL = 0x6160;
+var DEFAULT_VIEW = 0x3000;
+var VIEW_TOP = 0x3010;
+var VIEW_BOTTOM = 0x3020;
+var VIEW_LEFT = 0x3030;
+var VIEW_RIGHT = 0x3040;
+var VIEW_FRONT = 0x3050;
+var VIEW_BACK = 0x3060;
+var VIEW_USER = 0x3070;
+var VIEW_CAMERA = 0x3080;
+var VIEW_WINDOW = 0x3090;
+var VIEWPORT_LAYOUT_OLD = 0x7000;
+var VIEWPORT_DATA_OLD = 0x7010;
+var VIEWPORT_LAYOUT = 0x7001;
+var VIEWPORT_DATA = 0x7011;
+var VIEWPORT_DATA_3 = 0x7012;
+var VIEWPORT_SIZE = 0x7020;
+var NETWORK_VIEW = 0x7030;
+

BIN
examples/models/3ds/portalgun/portalgun.3ds


BIN
examples/models/3ds/portalgun/textures/color.jpg


BIN
examples/models/3ds/portalgun/textures/normal.jpg


+ 147 - 0
examples/webgl_loader_3ds.html

@@ -0,0 +1,147 @@
+<!DOCTYPE html>
+<html lang="en">
+	<head>
+		<title>three.js webgl - loaders - OBJ 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://threejs.org" target="_blank">three.js</a> - TDSLoader 3DS loader test
+			<p>Press the mouse right button to rotate the model and use the scroll wheel to zoom.</p>
+		</div>
+
+		<script src="../build/three.js"></script>
+		<script src="js/loaders/TDSLoader.js"></script>
+		<script src="js/libs/syncinput.min.js"></script>
+
+		<script>
+
+			var container;
+			var camera, scene, renderer;
+			var mouse;
+
+			initialize();
+
+			function initialize()
+			{
+				container = document.createElement( 'div' );
+				document.body.appendChild( container );
+
+				// Mouse
+				mouse = new Mouse();
+
+				// Camera
+				camera = new THREE.PerspectiveCamera( 60, window.innerWidth / window.innerHeight, 1, 2000 );
+				camera.position.z = 2;
+
+				// Setup scene
+				scene = new THREE.Scene();
+
+				var ambient = new THREE.AmbientLight( 0x101030 );
+				scene.add( ambient );
+
+				var directionalLight = new THREE.DirectionalLight( 0xffeedd );
+				directionalLight.position.set( 0, 0, 2 );
+				scene.add( directionalLight );
+
+				// Texture
+				var texture = new THREE.Texture();
+
+				var loader = new THREE.ImageLoader();
+				loader.load( 'models/3ds/portalgun/textures/color.jpg', function ( image ) {
+
+					texture.image = image;
+					texture.needsUpdate = true;
+
+				} );
+
+				// Normal texture
+				var normal = new THREE.Texture();
+
+				loader.load( 'models/3ds/portalgun/textures/normal.jpg', function ( image ) {
+
+					normal.image = image;
+					normal.needsUpdate = true;
+
+				} );
+
+				// 3DS Model
+				var loader = new THREE.TDSLoader( );
+				loader.load( 'models/3ds/portalgun/portalgun.3ds', function ( object ) {
+
+					object.traverse( function ( child ) {
+
+						if ( child instanceof THREE.Mesh ) {
+
+							child.material.map = texture;
+							child.material.normalMap = normal;
+						}
+
+					} );
+
+					scene.add( object );
+
+				});
+
+				// Renderer
+				renderer = new THREE.WebGLRenderer();
+				renderer.setPixelRatio( window.devicePixelRatio );
+				renderer.setSize( window.innerWidth, window.innerHeight );
+				container.appendChild( renderer.domElement );
+
+				window.addEventListener( 'resize', resize, false );
+
+				update();
+			}
+
+			function update() {
+
+				requestAnimationFrame( update );
+
+				mouse.update();
+
+				if ( mouse.buttonPressed( Mouse.LEFT ) ) {
+
+					scene.rotation.y += mouse.delta.x * 0.01;
+
+				}
+				
+				camera.position.z += mouse.wheel * 0.001;
+
+				renderer.render( scene, camera );
+
+			}
+
+			function resize() {
+
+				camera.aspect = window.innerWidth / window.innerHeight;
+				camera.updateProjectionMatrix();
+
+				renderer.setSize( window.innerWidth, window.innerHeight );
+
+			}
+		</script>
+
+	</body>
+</html>