Three.Js v66 and transform controls

Question

Three.js is up to v66 and the Gizmo transform controls seemed to have stopped working. See a demo here:

This is the basic code

var geometry = new THREE.CubeGeometry( 200, 200, 200 );
var material = new THREE.MeshBasicMaterial( { color: 0x00ff00 } );
var mesh = new THREE.Mesh( geometry, material );

var control = new THREE.TransformControls( camera, renderer.domElement );
control.addEventListener( 'change', render );
control.attach( mesh );
scene.add( control.gizmo );

http://jsfiddle.net/Hq2Dx/5/

There is no apparent error but they do not appear. I've tried debugging but cannot isolate the issue. Anyone else managed to get it working?

Cheers

Here is the old examples on three. threejs.org/examples/misc_controls_transform.html — MichaelBell
– MichaelBell, Commented Feb 26, 2014 at 6:29
Hi West, sorry this was the old example I meant to post. It appears that example I sent though has the newest version :) aleksandarrodic.com/p/three/examples/… — MichaelBell
– MichaelBell, Commented Feb 26, 2014 at 9:30

Iam Coder · Accepted Answer · 2014-03-12 13:42:17Z

2

change your code.. it will do the trick.. check this fiddle... http://jsfiddle.net/Hq2Dx/7/

var control = new THREE.TransformControls( camera, renderer.domElement );
control.addEventListener( 'change', render );
control.attach( mesh );
scene.add( control);

answered Mar 12, 2014 at 13:42

Iam Coder

1,0059 silver badges23 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Three.Js v66 and transform controls

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related