diff --git a/.gitignore b/.gitignore
index 88ea53d75..c9761c797 100644
--- a/.gitignore
+++ b/.gitignore
@@ -96,3 +96,5 @@ spine-starling/spine-starling-example/bin
 spine-starling/spine-starling-example/lib/.spine-starling.swc.stamp
 
 spine-turbulenz/spine-js/spine.js
+
+spine-threejs/spine-js/spine.js
diff --git a/spine-threejs/example/data/skeleton.atlas b/spine-threejs/example/data/skeleton.atlas
deleted file mode 100644
index 998c76999..000000000
--- a/spine-threejs/example/data/skeleton.atlas
+++ /dev/null
@@ -1,223 +0,0 @@
-
-skeleton.png
-size: 512,128
-format: RGBA8888
-filter: Linear,Linear
-repeat: none
-hair
-  rotate: false
-  xy: 2, 48
-  size: 44, 69
-  orig: 44, 69
-  offset: 0, 0
-  index: -1
-hat
-  rotate: false
-  xy: 192, 89
-  size: 54, 28
-  orig: 54, 28
-  offset: 0, 0
-  index: -1
-head
-  rotate: false
-  xy: 142, 67
-  size: 48, 50
-  orig: 48, 50
-  offset: 0, 0
-  index: -1
-left-arm-bottom
-  rotate: false
-  xy: 41, 8
-  size: 17, 32
-  orig: 17, 32
-  offset: 0, 0
-  index: -1
-left-arm-top
-  rotate: false
-  xy: 23, 7
-  size: 16, 39
-  orig: 16, 39
-  offset: 0, 0
-  index: -1
-left-foot
-  rotate: false
-  xy: 198, 2
-  size: 30, 20
-  orig: 30, 20
-  offset: 0, 0
-  index: -1
-left-foot-boots
-  rotate: false
-  xy: 248, 95
-  size: 30, 22
-  orig: 30, 22
-  offset: 0, 0
-  index: -1
-left-hand
-  rotate: false
-  xy: 230, 5
-  size: 14, 17
-  orig: 14, 17
-  offset: 0, 0
-  index: -1
-left-leg-bottom
-  rotate: false
-  xy: 276, 35
-  size: 17, 58
-  orig: 17, 58
-  offset: 0, 0
-  index: -1
-left-leg-top
-  rotate: false
-  xy: 142, 2
-  size: 26, 63
-  orig: 26, 63
-  offset: 0, 0
-  index: -1
-left-lower-arm-shirt
-  rotate: false
-  xy: 60, 10
-  size: 18, 30
-  orig: 18, 30
-  offset: 0, 0
-  index: -1
-left-lower-leg-boots
-  rotate: false
-  xy: 80, 10
-  size: 13, 22
-  orig: 13, 22
-  offset: 0, 0
-  index: -1
-left-lower-leg-pants
-  rotate: false
-  xy: 254, 32
-  size: 20, 61
-  orig: 20, 61
-  offset: 0, 0
-  index: -1
-right-lower-leg-pants
-  rotate: false
-  xy: 254, 32
-  size: 20, 61
-  orig: 20, 61
-  offset: 0, 0
-  index: -1
-left-upper-arm-shirt
-  rotate: false
-  xy: 2, 6
-  size: 19, 40
-  orig: 19, 40
-  offset: 0, 0
-  index: -1
-right-upper-arm-shirt
-  rotate: false
-  xy: 2, 6
-  size: 19, 40
-  orig: 19, 40
-  offset: 0, 0
-  index: -1
-left-upper-leg-pants
-  rotate: false
-  xy: 170, 2
-  size: 26, 63
-  orig: 26, 63
-  offset: 0, 0
-  index: -1
-right-arm-middle
-  rotate: false
-  xy: 392, 85
-  size: 17, 32
-  orig: 17, 32
-  offset: 0, 0
-  index: -1
-right-arm-top
-  rotate: false
-  xy: 314, 56
-  size: 16, 39
-  orig: 16, 39
-  offset: 0, 0
-  index: -1
-right-foot
-  rotate: false
-  xy: 312, 97
-  size: 30, 20
-  orig: 30, 20
-  offset: 0, 0
-  index: -1
-right-foot-boots
-  rotate: false
-  xy: 280, 95
-  size: 30, 22
-  orig: 30, 22
-  offset: 0, 0
-  index: -1
-right-hand
-  rotate: false
-  xy: 314, 37
-  size: 14, 17
-  orig: 14, 17
-  offset: 0, 0
-  index: -1
-right-leg-bottom
-  rotate: false
-  xy: 295, 35
-  size: 17, 58
-  orig: 17, 58
-  offset: 0, 0
-  index: -1
-right-leg-top
-  rotate: false
-  xy: 198, 24
-  size: 26, 63
-  orig: 26, 63
-  offset: 0, 0
-  index: -1
-right-lower-arm-shirt
-  rotate: false
-  xy: 372, 87
-  size: 18, 30
-  orig: 18, 30
-  offset: 0, 0
-  index: -1
-right-lower-leg-boots
-  rotate: false
-  xy: 411, 95
-  size: 13, 22
-  orig: 13, 22
-  offset: 0, 0
-  index: -1
-right-upper-leg-pants
-  rotate: false
-  xy: 226, 24
-  size: 26, 63
-  orig: 26, 63
-  offset: 0, 0
-  index: -1
-shirt
-  rotate: false
-  xy: 48, 42
-  size: 30, 75
-  orig: 30, 75
-  offset: 0, 0
-  index: -1
-torso
-  rotate: false
-  xy: 112, 34
-  size: 28, 83
-  orig: 28, 83
-  offset: 0, 0
-  index: -1
-torso-clothed
-  rotate: false
-  xy: 80, 34
-  size: 30, 83
-  orig: 30, 83
-  offset: 0, 0
-  index: -1
-torso-pants
-  rotate: false
-  xy: 344, 93
-  size: 26, 24
-  orig: 26, 24
-  offset: 0, 0
-  index: -1
diff --git a/spine-threejs/example/data/skeleton.json b/spine-threejs/example/data/skeleton.json
deleted file mode 100644
index 616b39ea3..000000000
--- a/spine-threejs/example/data/skeleton.json
+++ /dev/null
@@ -1 +0,0 @@
-{"skeleton":{"hash":"uZyZmJr5azpbSbBemN0XVyU1hFI","spine":"2.1.07","width":137.84,"height":230.79,"images":"./male side base/"},"bones":[{"name":"root"},{"name":"torso core","parent":"root","length":53.85,"x":-1.43,"y":121.84,"rotation":89.57},{"name":"left leg top","parent":"torso core","length":49.97,"x":-4.8,"y":-1.11,"rotation":-165.68},{"name":"left upper arm","parent":"torso core","length":33.46,"x":56.82,"y":1.08,"rotation":-174.32},{"name":"neck bone","parent":"torso core","length":37.92,"x":67.32,"y":-0.84,"rotation":-2.79},{"name":"right arm","parent":"torso core","length":34.25,"x":56.95,"y":3.05,"rotation":176.52},{"name":"right leg top","parent":"torso core","length":46.65,"x":-3.92,"y":0.36,"rotation":-171.09},{"name":"shirt bone","parent":"torso core","length":9.12,"x":39.63,"y":0.64,"rotation":-60.44},{"name":"torso pants","parent":"torso core","length":17.55,"x":14.04,"y":-2.01,"rotation":142.14},{"name":"hair","parent":"neck bone","length":18.1,"x":36.76,"y":0.27,"rotation":138.33},{"name":"hat","parent":"neck bone","length":15.06,"x":37.24,"y":-1.25,"rotation":-98.5},{"name":"left leg bottom","parent":"left leg top","length":59.32,"x":45.25,"y":3.03,"rotation":-21.72},{"name":"left lower arm","parent":"left upper arm","length":31.76,"x":34.64,"y":0.34,"rotation":17.6},{"name":"left upper arm shirt","parent":"left upper arm","length":7.62,"x":4.04,"y":2.56,"rotation":35.62},{"name":"left upper leg pants","parent":"left leg top","length":20.27,"x":0.68,"y":2.22,"rotation":12.52},{"name":"right leg bottom","parent":"right leg top","length":50.9,"x":49.44,"y":-1.31,"rotation":-16.17},{"name":"right lower arm","parent":"right arm","length":25.36,"x":33.8,"y":0.1,"rotation":14.86},{"name":"right upper arm shirt","parent":"right arm","length":11.15,"x":1.99,"y":0.56,"rotation":21.48},{"name":"right upper leg pants","parent":"right leg top","length":13.39,"x":-0.93,"y":-0.33,"rotation":24.17},{"name":"bone14","parent":"right lower arm","length":11.51,"x":26.19,"y":-0.07,"rotation":16.92},{"name":"left foot","parent":"left leg bottom","length":19.21,"x":54.3,"y":-0.45,"rotation":75.92},{"name":"left hand","parent":"left lower arm","length":10.11,"x":31.76,"y":0.18,"rotation":-8.31},{"name":"left lower arm shirt","parent":"left lower arm","length":8.96,"x":1.91,"y":1.45,"rotation":20.3},{"name":"left lower leg pants","parent":"left leg bottom","length":13.47,"x":0.07,"y":0.72,"rotation":-28.51},{"name":"left lower legg boots","parent":"left leg bottom","length":15.55,"x":33.5,"y":0.41,"rotation":-9.82},{"name":"right foot","parent":"right leg bottom","length":19.08,"x":52.4,"y":-3.61,"rotation":66.64},{"name":"right lower arm shirt","parent":"right lower arm","length":11.1,"x":1.92,"y":-1.11,"rotation":-10.78},{"name":"right lower leg boots","parent":"right leg bottom","length":11.88,"x":30.94,"y":-1.48,"rotation":-22.26},{"name":"right lower leg pants","parent":"right leg bottom","length":10.33,"x":0.45,"y":-1.68,"rotation":-33.16},{"name":"left foot boots","parent":"left foot","length":10.33,"x":1.62,"y":-0.76,"rotation":-16.24},{"name":"right foot boots","parent":"right foot","length":11.31,"x":-0.41,"y":-0.75,"rotation":-22.65}],"slots":[{"name":"left-arm-bottom","bone":"left lower arm","attachment":"left-arm-bottom"},{"name":"left-arm-top","bone":"left upper arm","attachment":"left-arm-top"},{"name":"left-lower-arm-shirt","bone":"left lower arm shirt","attachment":"left-lower-arm-shirt"},{"name":"left-upper-arm-shirt","bone":"left upper arm shirt","attachment":"left-upper-arm-shirt"},{"name":"left-hand","bone":"left hand","attachment":"left-hand"},{"name":"left-foot","bone":"left foot","attachment":"left-foot"},{"name":"left-leg-bottom","bone":"left leg bottom","attachment":"left-leg-bottom"},{"name":"left-leg-top","bone":"left leg top","attachment":"left-leg-top"},{"name":"left-foot-boots","bone":"left foot boots","attachment":"left-foot-boots"},{"name":"left-lower-leg-boots","bone":"left lower legg boots","attachment":"left-lower-leg-boots"},{"name":"left-upper-leg-pants","bone":"left upper leg pants","attachment":"left-upper-leg-pants"},{"name":"left-lower-leg-pants","bone":"left lower leg pants","attachment":"left-lower-leg-pants"},{"name":"torso","bone":"torso core","attachment":"torso"},{"name":"head","bone":"neck bone","attachment":"head"},{"name":"right-leg-bottom","bone":"right leg bottom","attachment":"right-leg-bottom"},{"name":"right-leg-top","bone":"right leg top","attachment":"right-leg-top"},{"name":"right-foot","bone":"right foot","attachment":"right-foot"},{"name":"right-foot-boots","bone":"right foot boots","attachment":"right-foot-boots"},{"name":"right-lower-leg-boots","bone":"right lower leg boots","attachment":"right-lower-leg-boots"},{"name":"right-lower-leg-pants","bone":"right lower leg pants","attachment":"right-lower-leg-pants"},{"name":"right-upper-leg-pants","bone":"right upper leg pants","attachment":"right-upper-leg-pants"},{"name":"torso-pants","bone":"torso pants","attachment":"torso-pants"},{"name":"shirt","bone":"shirt bone","attachment":"shirt"},{"name":"right-arm-middle","bone":"right lower arm","attachment":"right-arm-middle"},{"name":"right-arm-top","bone":"right arm","attachment":"right-arm-top"},{"name":"right-hand","bone":"bone14","attachment":"right-hand"},{"name":"hair","bone":"hair","attachment":"hair"},{"name":"hat","bone":"hat","attachment":"hat"},{"name":"right-lower-arm-shirt","bone":"right lower arm shirt","attachment":"right-lower-arm-shirt"},{"name":"right-upper-arm-shirt","bone":"right upper arm shirt","attachment":"right-upper-arm-shirt"}],"skins":{"default":{"hair":{"hair":{"x":22.14,"y":18.21,"rotation":134.88,"width":44,"height":69}},"hat":{"hat":{"x":-2.73,"y":-0.17,"rotation":11.72,"width":54,"height":28}},"head":{"head":{"x":18.11,"y":-2.29,"rotation":-92.54,"width":48,"height":50}},"left-arm-bottom":{"left-arm-bottom":{"x":14.68,"y":-0.36,"rotation":72.31,"width":17,"height":32}},"left-arm-top":{"left-arm-top":{"x":19.66,"y":1.53,"rotation":97.07,"width":16,"height":39}},"left-foot":{"left-foot":{"x":13.05,"y":-2.41,"rotation":28.79,"width":30,"height":20}},"left-foot-boots":{"left-foot-boots":{"x":11.63,"y":2.2,"rotation":36.05,"width":30,"height":22}},"left-hand":{"left-hand":{"x":5.79,"y":1.96,"rotation":78.28,"width":14,"height":17}},"left-leg-bottom":{"left-leg-bottom":{"x":26.03,"y":-1.97,"rotation":94.32,"width":17,"height":58}},"left-leg-top":{"left-leg-top":{"x":15.4,"y":0.89,"rotation":87.28,"width":26,"height":63}},"left-lower-arm-shirt":{"left-lower-arm-shirt":{"x":8.28,"y":-5.25,"rotation":46.83,"width":18,"height":30}},"left-lower-leg-boots":{"left-lower-leg-boots":{"x":9.97,"y":0.01,"rotation":105.57,"width":13,"height":22}},"left-lower-leg-pants":{"left-lower-leg-pants":{"x":26.78,"y":10.95,"rotation":124.25,"width":20,"height":61}},"left-upper-arm-shirt":{"left-upper-arm-shirt":{"x":10.89,"y":-7.77,"rotation":61.92,"width":19,"height":40}},"left-upper-leg-pants":{"left-upper-leg-pants":{"x":18.62,"y":-5.85,"rotation":75.25,"width":26,"height":63}},"right-arm-middle":{"right-arm-middle":{"x":14.23,"y":0.27,"rotation":70.04,"width":17,"height":32}},"right-arm-top":{"right-arm-top":{"x":19.29,"y":1.57,"rotation":97.73,"width":16,"height":39}},"right-foot":{"right-foot":{"x":11.98,"y":-1.64,"rotation":31.18,"width":30,"height":20}},"right-foot-boots":{"right-foot-boots":{"x":10.89,"y":4.14,"rotation":50.04,"width":30,"height":22}},"right-hand":{"right-hand":{"x":7.76,"y":0.81,"rotation":58.27,"width":14,"height":17}},"right-leg-bottom":{"right-leg-bottom":{"x":24.17,"y":-3.53,"rotation":92.01,"width":17,"height":58}},"right-leg-top":{"right-leg-top":{"x":19.91,"y":-1.42,"rotation":86.55,"width":26,"height":63}},"right-lower-arm-shirt":{"right-lower-arm-shirt":{"x":11.22,"y":1.65,"rotation":89.81,"width":18,"height":30}},"right-lower-leg-boots":{"right-lower-leg-boots":{"x":14.19,"y":3.73,"rotation":116.3,"width":13,"height":22}},"right-lower-leg-pants":{"right-lower-leg-pants":{"x":20.73,"y":12.66,"rotation":127.2,"width":20,"height":61}},"right-upper-arm-shirt":{"right-upper-arm-shirt":{"x":14.83,"y":-5.06,"rotation":72.4,"width":19,"height":40}},"right-upper-leg-pants":{"right-upper-leg-pants":{"x":19.88,"y":-9.73,"rotation":64.4,"width":26,"height":63}},"shirt":{"shirt":{"x":-4.89,"y":-10.37,"rotation":-29.12,"width":30,"height":75}},"torso":{"torso":{"x":28.11,"y":-0.64,"rotation":-89.57,"width":28,"height":83},"torso-clothed":{"x":28.11,"y":-0.78,"rotation":-89.57,"width":30,"height":83}},"torso-pants":{"torso-pants":{"x":15.43,"y":8.32,"rotation":130.56,"width":26,"height":24}}}},"animations":{"animation":{},"idle test":{"bones":{"neck bone":{"rotate":[{"time":0,"angle":0},{"time":0.3333,"angle":15.3},{"time":1,"angle":-1.52}]}}},"sit":{"bones":{"left leg top":{"rotate":[{"time":0,"angle":65.67}]},"right leg top":{"rotate":[{"time":0,"angle":68.54}]},"right leg bottom":{"rotate":[{"time":0,"angle":-71.92}]},"left leg bottom":{"rotate":[{"time":0,"angle":-73.94}]},"torso core":{"rotate":[{"time":0,"angle":6.32}]}}},"walk test":{"bones":{"left leg top":{"rotate":[{"time":0,"angle":26.04},{"time":0.1666,"angle":34.02},{"time":0.3333,"angle":-0.01},{"time":0.6666,"angle":330.71},{"time":0.8333,"angle":339.78},{"time":1.1666,"angle":34},{"time":1.3333,"angle":26.04}]},"right arm":{"rotate":[{"time":0,"angle":-334.89},{"time":0.6666,"angle":-35.19},{"time":1.3333,"angle":-334.89}]},"right leg top":{"rotate":[{"time":0,"angle":331.25},{"time":0.1666,"angle":340.73},{"time":0.6666,"angle":36.19},{"time":0.8333,"angle":37.55},{"time":1.1666,"angle":340.71},{"time":1.3333,"angle":331.25}]},"right lower arm":{"rotate":[{"time":0,"angle":22.84},{"time":0.3333,"angle":-1.33},{"time":1.3333,"angle":22.84}]},"left upper arm":{"rotate":[{"time":0,"angle":322.51},{"time":0.3333,"angle":-5.37},{"time":0.6666,"angle":34.91},{"time":1.3333,"angle":322.51}]},"torso core":{"translate":[{"time":0,"x":0,"y":-12.47},{"time":0.1666,"x":-0.02,"y":-16.21},{"time":0.3333,"x":0.07,"y":-2.99},{"time":0.5,"x":1.56,"y":7.48},{"time":0.6666,"x":0.07,"y":-14.97},{"time":0.8333,"x":0.13,"y":-12.1},{"time":1,"x":0.12,"y":-1.24},{"time":1.3333,"x":0,"y":-12.47}]},"right leg bottom":{"rotate":[{"time":0,"angle":-12.51},{"time":0.1666,"angle":-27.04},{"time":0.3333,"angle":-56.75},{"time":0.6666,"angle":-13.63},{"time":0.8333,"angle":-38.68},{"time":1,"angle":-6.33},{"time":1.3333,"angle":-12.51}]},"left leg bottom":{"rotate":[{"time":0,"angle":-0.08},{"time":0.1666,"angle":-39.53},{"time":0.3333,"angle":-1.52},{"time":0.6666,"angle":-16.03},{"time":0.8333,"angle":-25.03},{"time":1,"angle":-51.41},{"time":1.1666,"angle":-66},{"time":1.3333,"angle":-0.08}]},"right foot":{"rotate":[{"time":0,"angle":-36.92},{"time":0.1666,"angle":-31.2},{"time":0.3333,"angle":10.96},{"time":0.5,"angle":-9.53},{"time":0.6666,"angle":6.14},{"time":1,"angle":2.62},{"time":1.1666,"angle":-11.67}]},"left lower arm":{"rotate":[{"time":0.3333,"angle":-4.08}]},"left hand":{"rotate":[{"time":0.3333,"angle":-4.08}]},"left foot":{"rotate":[{"time":0.5,"angle":-26.7},{"time":1.1666,"angle":-39.35}]}}}}}
\ No newline at end of file
diff --git a/spine-threejs/example/data/skeleton.png b/spine-threejs/example/data/skeleton.png
deleted file mode 100644
index 11516e325..000000000
Binary files a/spine-threejs/example/data/skeleton.png and /dev/null differ
diff --git a/spine-threejs/example/index.html b/spine-threejs/example/index.html
index b51333efb..3d4531649 100644
--- a/spine-threejs/example/index.html
+++ b/spine-threejs/example/index.html
@@ -31,7 +31,7 @@
 <html>
 <head>
 <meta charset="UTF-8">
-<title>spine-js</title>
+<title>spine-threejs</title>
 <script src="../spine-js/spine.js"></script>
 <script src="../three.min.js"></script>
 
@@ -39,42 +39,34 @@
 </head>
 <body>
 
-<input type="button" value="Spineboy" onclick="load('spineboy', 0.6)">
-<input type="button" value="Hero" onclick="load('hero', 1)">
-<input type="button" value="Goblins" onclick="load('goblins', 1)">
-<input type="button" value="Gipsy" onclick="load('skeleton', 1)">
- &nbsp; &nbsp; Click to change the animation or skin.
-
-<br>
 <script>
-
 (function () {
 
 	var loadText = function (url, callback) {
-		var req = new XMLHttpRequest ();
-		req.open ("GET", url, true);
+		var req = new XMLHttpRequest();
+		req.open("GET", url, true);
 		req.responseType = 'text';
-		req.addEventListener ('error', function (event) {}, false);
-		req.addEventListener ('abort', function (event) {}, false);
-		req.addEventListener ('load', function (event) { callback (req.response); }, false);
-		req.send ();
+		req.addEventListener('error', function (event) {}, false);
+		req.addEventListener('abort', function (event) {}, false);
+		req.addEventListener('load', function (event) { callback(req.response); }, false);
+		req.send();
 		return req;
 	};
 
 	var loadImage = function (url, callback) {
-		var image = new Image ();
-		image.addEventListener ('error', function (event) {}, false);
-		image.addEventListener ('abort', function (event) {}, false);
-		image.addEventListener ('load', function (event) { callback (image); }, false);
+		var image = new Image();
+		image.addEventListener('error', function (event) {}, false);
+		image.addEventListener('abort', function (event) {}, false);
+		image.addEventListener('load', function (event) { callback (image); }, false);
 		image.src = url;
 		return image;
 	};
 
-	SpineAnimation = function (animation, path, scale) {
+	SpineAnimation = function (name, path, scale) {
 
-		THREE.Object3D.call (this);
+		THREE.Object3D.call(this);
 
-		this.name = animation;
+		this.name = name;
 
 		path = path ? (path +
 			((path.substr(-1) != '/') ? '/' : '')
@@ -82,15 +74,15 @@
 
 		var self = this;
 
-		loadText (path + animation + '.atlas', function (atlasText) {
+		loadText(path + name + '.atlas', function (atlasText) {
 			self.atlas = new spine.Atlas(atlasText, {
 				load: function (page, image, atlas) {
-					loadImage (path + image, function (image) {
+					loadImage(path + image, function (image) {
 						// calculate UVs in atlas regions
 						page.width = image.width;
 						page.height = image.height;
 
-						atlas.updateUVs (page);
+						atlas.updateUVs(page);
 
 						// propagate new UVs to attachments, if they were already created
 						if (self.skeleton) {
@@ -101,18 +93,18 @@
 									var attachment = attachments[k];
 									if (attachment instanceof spine.RegionAttachment) {
 										var region = attachment.rendererObject;
-										attachment.setUVs (region.u, region.v, region.u2, region.v2, region.rotate);
+										attachment.setUVs(region.u, region.v, region.u2, region.v2, region.rotate);
 									}
 								}
 							}
 						}
 
 						// create basic material for the page
-						var texture = new THREE.Texture (image);
+						var texture = new THREE.Texture(image);
 						texture.needsUpdate = true;
 
 						page.rendererObject = [
-							new THREE.MeshBasicMaterial ({
+							new THREE.MeshBasicMaterial({
 								//color: 0xff00, wireframe: true,
 								map : texture, side : THREE.DoubleSide, transparent : true, alphaTest : 0.5
 							})
@@ -125,9 +117,7 @@
 						if (material.meshes) {
 							for (var name in material.meshes) {
 								var mesh = material.meshes[name];
-								if (mesh.parent) {
-									mesh.parent.remove (mesh);
-								}
+								if (mesh.parent) mesh.parent.remove(mesh);
 								mesh.geometry.dispose();
 							}
 						}
@@ -139,15 +129,15 @@
 				}
 			});
 
-			loadText (path + animation + '.json', function (skeletonText) {
-				var json = new spine.SkeletonJson (new spine.AtlasAttachmentLoader (self.atlas));
+			loadText(path + name + '.json', function (skeletonText) {
+				var json = new spine.SkeletonJson(new spine.AtlasAttachmentLoader(self.atlas));
 				json.scale = scale || 1;
 
-				var skeletonData = json.readSkeletonData (JSON.parse (skeletonText));
+				var skeletonData = json.readSkeletonData(JSON.parse(skeletonText));
 
-				self.skeleton = new spine.Skeleton (skeletonData);
-				self.stateData = new spine.AnimationStateData (skeletonData);	
-				self.state = new spine.AnimationState (self.stateData);
+				self.skeleton = new spine.Skeleton(skeletonData);
+				self.stateData = new spine.AnimationStateData(skeletonData);	
+				self.state = new spine.AnimationState(self.stateData);
 
 				self.dispatchEvent({
 					type : SpineAnimation.SKELETON_DATA_LOADED
@@ -155,18 +145,18 @@
 			});
 		});
 
-		var matrix = new THREE.Matrix4 ();
+		var matrix = new THREE.Matrix4();
 
 		// if given, dt must be in ms
 
 		this.update = function (dt, dz) {
 			if (!this.state) return;
 
-			this.state.update (dt || (1.0 / 60));
-			this.state.apply (this.skeleton);
-			this.skeleton.updateWorldTransform ();
+			this.state.update(dt || (1.0 / 60));
+			this.state.apply(this.skeleton);
+			this.skeleton.updateWorldTransform();
 
-			this.traverse (function (object) {
+			this.traverse(function (object) {
 				if (object instanceof THREE.Mesh) {
 					object.visible = false;
 				}
@@ -180,14 +170,12 @@
 				if (!(attachment instanceof spine.RegionAttachment)) continue;
 
 				var materials = attachment.rendererObject.page.rendererObject;
-				if (!materials) {
-					// texture was not loaded yet
-					continue;
-				}
+				// texture was not loaded yet
+				if (!materials) continue;
 
 				if (slot.data.additiveBlending && (materials.length == 1)) {
 					// create separate material for additive blending
-					materials.push (new THREE.MeshBasicMaterial ({
+					materials.push(new THREE.MeshBasicMaterial({
 						map : materials[0].map,
 						side : THREE.DoubleSide,
 						transparent : true,
@@ -209,44 +197,41 @@
 
 					mesh.visible = true;
 				} else {
-					geometry = new THREE.PlaneGeometry (
+					geometry = new THREE.PlaneGeometry(
 						attachment.regionOriginalWidth,
 						attachment.regionOriginalHeight
 					);
-
 					geometry.dynamic = true;
 
-					mesh = new THREE.Mesh (geometry, material);
-
-					material.meshes[slot.data.name] = mesh;
-
+					mesh = new THREE.Mesh(geometry, material);
 					mesh.matrixAutoUpdate = false;
 
-					this.add (mesh);
+					material.meshes[slot.data.name] = mesh;
+					this.add(mesh);
 				}
 
 				if (mesh.attachmentTime && (slot.getAttachmentTime () > mesh.attachmentTime)) {
 					// do nothing
 				} else {
 					// update UVs
-					geometry.faceVertexUvs[0][0][0].set (attachment.uvs[6], 1- attachment.uvs[7]);
-					geometry.faceVertexUvs[0][0][1].set (attachment.uvs[4], 1- attachment.uvs[5]);
-					geometry.faceVertexUvs[0][0][2].set (attachment.uvs[0], 1- attachment.uvs[1]);
-					geometry.faceVertexUvs[0][1][0].set (attachment.uvs[4], 1- attachment.uvs[5]);
-					geometry.faceVertexUvs[0][1][1].set (attachment.uvs[2], 1- attachment.uvs[3]);
-					geometry.faceVertexUvs[0][1][2].set (attachment.uvs[0], 1- attachment.uvs[1]);
+					geometry.faceVertexUvs[0][0][0].set(attachment.uvs[6], 1- attachment.uvs[7]);
+					geometry.faceVertexUvs[0][0][1].set(attachment.uvs[4], 1- attachment.uvs[5]);
+					geometry.faceVertexUvs[0][0][2].set(attachment.uvs[0], 1- attachment.uvs[1]);
+					geometry.faceVertexUvs[0][1][0].set(attachment.uvs[4], 1- attachment.uvs[5]);
+					geometry.faceVertexUvs[0][1][1].set(attachment.uvs[2], 1- attachment.uvs[3]);
+					geometry.faceVertexUvs[0][1][2].set(attachment.uvs[0], 1- attachment.uvs[1]);
 					geometry.uvsNeedUpdate = true;
 
-					geometry.vertices[1].set (attachment.offset[0], attachment.offset[1], 0);
-					geometry.vertices[3].set (attachment.offset[2], attachment.offset[3], 0);
-					geometry.vertices[2].set (attachment.offset[4], attachment.offset[5], 0);
-					geometry.vertices[0].set (attachment.offset[6], attachment.offset[7], 0);
+					geometry.vertices[1].set(attachment.offset[0], attachment.offset[1], 0);
+					geometry.vertices[3].set(attachment.offset[2], attachment.offset[3], 0);
+					geometry.vertices[2].set(attachment.offset[4], attachment.offset[5], 0);
+					geometry.vertices[0].set(attachment.offset[6], attachment.offset[7], 0);
 					geometry.verticesNeedUpdate = true;
 
-					mesh.attachmentTime = slot.getAttachmentTime ();
+					mesh.attachmentTime = slot.getAttachmentTime();
 				}
 
-				matrix.makeTranslation (
+				matrix.makeTranslation(
 					this.skeleton.x + slot.bone.worldX,
 					this.skeleton.y + slot.bone.worldY,
 					(dz || 0.1) * Z++
@@ -255,7 +240,7 @@
 				matrix.elements[0] = slot.bone.m00; matrix.elements[4] = slot.bone.m01;
 				matrix.elements[1] = slot.bone.m10; matrix.elements[5] = slot.bone.m11;
 
-				mesh.matrix.copy (matrix);
+				mesh.matrix.copy(matrix);
 
 				/* TODO slot.r,g,b,a ?? turbulenz example code:
 				batch.add(
@@ -279,135 +264,126 @@
 
 	SpineAnimation.SKELETON_DATA_LOADED = 'skeletonDataLoaded';
 
-	SpineAnimation.prototype = Object.create (THREE.Object3D.prototype);
+	SpineAnimation.prototype = Object.create(THREE.Object3D.prototype);
 
 	SpineAnimation.prototype.dispose = function () {
-		if (this.parent) this.parent.remove (this); this.atlas.dispose ();
+		if (this.parent) this.parent.remove(this); this.atlas.dispose();
 	};
 
 }) ();
 
+var scene, camera, renderer;
+var geometry, material, mesh;
+var anim;
 
+function load (name, scale) {
+	if (anim) anim.dispose();
 
+	anim = new SpineAnimation(name, 'data/', scale);
 
+	anim.addEventListener(SpineAnimation.SKELETON_DATA_LOADED, function () {
+		var canvas = renderer.domElement;
 
+		switch (anim.name) {
+		case 'spineboy':
+			anim.stateData.setMixByName('walk', 'jump', 0.2);
+			anim.stateData.setMixByName('run', 'jump', 0.2);
+			anim.stateData.setMixByName('jump', 'run', 0.2);
+			anim.state.setAnimationByName(0, 'walk', true);
+			canvas.onmousedown = function () {
+				anim.state.setAnimationByName(0, 'jump', false);
+				anim.state.addAnimationByName(0, 'run', true, 0);
+			}
+			break;
+		case 'hero':
+			anim.stateData.defaultMix = 0.2;
+			anim.stateData.setMixByName('Walk', 'Attack', 0);
+			anim.stateData.setMixByName('Attack', 'Run', 0);
+			anim.stateData.setMixByName('Run', 'Attack', 0);
+			anim.state.setAnimationByName(0, 'Idle', true);
+			canvas.onmousedown = function () {
+				var name = anim.state.getCurrent(0).animation.name;
+				if (name == 'Idle')
+					anim.state.setAnimationByName(0, 'Crouch', true);
+				else if (name == 'Crouch')
+					anim.state.setAnimationByName(0, 'Walk', true);
+				else {
+					anim.state.setAnimationByName(0, 'Attack', false);
+					anim.state.addAnimationByName(0, 'Run', true, 0);
+				}
+			}
+			break;
+		case 'goblins':
+			anim.skeleton.setSkinByName('goblingirl'); // TODO - spine.Skeleton.prototype.setSkin doesn't work?
+			anim.skeleton.setSlotsToSetupPose();
+			anim.state.setAnimationByName(0, 'walk', true);
+			canvas.onmousedown = function () {
+				anim.skeleton.setSkinByName(anim.skeleton.skin.name == 'goblin' ? 'goblingirl' : 'goblin');
+				anim.skeleton.setSlotsToSetupPose();
+			}
+			break;
+		case 'skeleton':
+			anim.state.setAnimationByName(0, 'walk test', true);
+			canvas.onmousedown = function () {
+				var name = anim.state.getCurrent(0).animation.name;
+				if (name == 'walk test')
+					anim.state.setAnimationByName(0, 'idle test', true);
+				else
+					anim.state.setAnimationByName(0, 'walk test', true);
+			}
+			break;
+		}
+		//anim.skeleton.y = -200;
+	});
 
-    var scene, camera, renderer;
-    var geometry, material, mesh;
+	mesh.add(anim);
+}
 
-    var test;
+function init() {
+	scene = new THREE.Scene();
 
-    function load(animation, scale) {
-    	if (test) {
-    		test.dispose ();
-    	}
+	camera = new THREE.PerspectiveCamera(75, window.innerWidth / window.innerHeight, 1, 3000);
+	camera.position.z = 400;
 
-    	test = new SpineAnimation (animation, 'data/', scale);
+	geometry = new THREE.BoxGeometry(200, 200, 200);
+	material = new THREE.MeshBasicMaterial({ color: 0xff0000, wireframe: true });
 
-        test.addEventListener( SpineAnimation.SKELETON_DATA_LOADED, function () {
-        	var canvas = renderer.domElement;
+	mesh = new THREE.Mesh(geometry, material);
+	scene.add(mesh);
 
-        	switch (test.name) {
-        		case 'spineboy':
-					test.stateData.setMixByName('walk', 'jump', 0.2);
-					test.stateData.setMixByName('run', 'jump', 0.2);
-					test.stateData.setMixByName('jump', 'run', 0.2);
-					test.state.setAnimationByName(0, 'walk', true);
-					canvas.onmousedown = function () {
-						test.state.setAnimationByName(0, 'jump', false);
-						test.state.addAnimationByName(0, 'run', true, 0);
-					}
-					break;
-				case 'hero':
-					test.stateData.defaultMix = 0.2;
-					test.stateData.setMixByName('Walk', 'Attack', 0);
-					test.stateData.setMixByName('Attack', 'Run', 0);
-					test.stateData.setMixByName('Run', 'Attack', 0);
-					test.state.setAnimationByName(0, 'Idle', true);
-					canvas.onmousedown = function () {
-						var name = test.state.getCurrent(0).animation.name;
-						if (name == 'Idle') {
-							test.state.setAnimationByName(0, 'Crouch', true);
-						} else if (name == 'Crouch') {
-							test.state.setAnimationByName(0, 'Walk', true);
-						} else {
-							test.state.setAnimationByName(0, 'Attack', false);
-							test.state.addAnimationByName(0, 'Run', true, 0);
-						}
-					}
-					break;
-				case 'goblins':
-					test.skeleton.setSkinByName('goblingirl'); // TODO find why spine.Skeleton.prototype.setSkin does not work
-					test.skeleton.setSlotsToSetupPose();
-					test.state.setAnimationByName(0, 'walk', true);
-					canvas.onmousedown = function () {
-						test.skeleton.setSkinByName(test.skeleton.skin.name == 'goblin' ? 'goblingirl' : 'goblin');
-						test.skeleton.setSlotsToSetupPose();
-					}
-					break;
-				case 'skeleton':
-					test.state.setAnimationByName(0, 'walk test', true);
-					canvas.onmousedown = function () {
-						var name = test.state.getCurrent(0).animation.name;
-						if (name == 'walk test') {
-							test.state.setAnimationByName(0, 'idle test', true);
-						} else {
-							test.state.setAnimationByName(0, 'walk test', true);
-						}
-					}
-					break;
-        	}
-        	//test.skeleton.y = -200;
-        });
+	load('spineboy', 0.4);
 
-        mesh.add( test );
-    }
+	renderer = new THREE.WebGLRenderer();
+	renderer.setSize(window.innerWidth, window.innerHeight);
 
-    init();
-    animate();
+	document.body.appendChild(renderer.domElement);
+}
 
-    function init() {
-		spine.Bone.yDown = false;
+function animate() {
+	requestAnimationFrame(animate);
 
-        scene = new THREE.Scene();
+	var t = Date.now();
+	var a = Math.sin(t * 6e-4);
+	var b = Math.cos(t * 3e-4);
 
-        camera = new THREE.PerspectiveCamera( 75, window.innerWidth / window.innerHeight, 1, 3000 );
-        camera.position.z = 400;
+	mesh.rotation.x = a * Math.PI * 0.2;
+	mesh.rotation.y = b * Math.PI * 0.4;
 
-        geometry = new THREE.BoxGeometry( 200, 200, 200 );
-        material = new THREE.MeshBasicMaterial( { color: 0xff0000, wireframe: true } );
+	anim.update();
 
-        mesh = new THREE.Mesh( geometry, material );
-        scene.add( mesh );
-
-        load( 'spineboy', 0.4 );
-
-        renderer = new THREE.WebGLRenderer();
-        renderer.setSize( window.innerWidth, window.innerHeight );
-
-        document.body.appendChild( renderer.domElement );
-
-    }
-
-    function animate() {
-
-        requestAnimationFrame( animate );
-
-        var t = Date.now ();
-        var a = Math.sin (t * 6e-4);
-        var b = Math.cos (t * 3e-4);
-
-        mesh.rotation.x = a * Math.PI * 0.2;
-        mesh.rotation.y = b * Math.PI * 0.4;
-
-
-        test.update();
-
-        renderer.render( scene, camera );
-
-    }
+	renderer.render(scene, camera);
+}
 
+init();
+animate();
 </script>
 
+<br>
+<input type="button" value="Spineboy" onclick="load('spineboy', 0.6)">
+<input type="button" value="Hero" onclick="load('hero', 1)">
+<input type="button" value="Goblins" onclick="load('goblins', 1)">
+<input type="button" value="Gypsy" onclick="load('gypsy', 1)">
+ &nbsp; &nbsp; Click to change the animation or skin.
+
 </body>
 </html>
\ No newline at end of file
diff --git a/spine-threejs/spine-js/Place spine-js here.txt b/spine-threejs/spine-js/Place spine-js here.txt
new file mode 100644
index 000000000..e69de29bb
diff --git a/spine-threejs/spine-js/spine.js b/spine-threejs/spine-js/spine.js
deleted file mode 120000
index 4299f78c5..000000000
--- a/spine-threejs/spine-js/spine.js
+++ /dev/null
@@ -1 +0,0 @@
-../../spine-js/spine.js
\ No newline at end of file