Animation Bug
When loading an animation via JSONLoader in r74, the first bone gets a duplicate of all the geometry attached to it.
HTML
<script src="https://df71b4cd2cf7702259c0b76bd0815bc2c88129da-www.googledrive.com/host/0B1QmN9r_NysdVVlORlFEOGZfODQ/"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/r74/three.min.js"></script>
<script src="https://cdn.rawgit.com/mrdoob/three.js/master/examples/js/controls/OrbitControls.js"></script>
JavaScript
var animationFile = "https://df71b4cd2cf7702259c0b76bd0815bc2c88129da-www.googledrive.com/host/0B1QmN9r_NysdVVlORlFEOGZfODQ";
var scene;
var controls, camera, aspect, fov, nearClip, farClip;
var container, clock, renderer, renderWidth, renderHeight;
init( 1/1, 50, 0.1, 1000, 800, 800, 0xFFFFFF );
function init( initAspect, initFov, initNearClip, initFarClip, initRenderWidth, initRenderHeight, initClearColor ){
//Create a container for page placement
container = document.createElement( 'div' );
container.id = "WebGLRenderer";
document.body.appendChild( container );
//Camera Attributes
aspect = initAspect; //Pixel aspect ratio of camera, hard coding can "squish" image
fov = initFov; //Focal length of camera
nearClip = initNearClip; //How close objects can be rendered
farClip = initFarClip; //How far objects can be rendered
//Set Rendering Canvas Width/Height
renderWidth = initRenderWidth;
renderHeight = initRenderHeight;
//Create Clock
clock = new THREE.Clock();
//Creates basic scene elements
scene = new THREE.Scene();
camera = new THREE.PerspectiveCamera( fov, aspect, nearClip, farClip );
renderer = new THREE.WebGLRenderer();
controls = new THREE.OrbitControls( camera );
renderer.setSize( renderWidth, renderHeight );
renderer.setClearColor( initClearColor );
container.appendChild( renderer.domElement );
}
camera.position.x = 5; camera.position.y = 5; camera.position.z = 5;
camera.lookAt( scene.position );
//Point...