Disable white helper lines on Transform controls

tiarnola · September 11, 2020, 5:09pm

Hi :), is there any method to disable the white helper lines that appear when you rotate an object with TransformControls?

Mugen87 · September 13, 2020, 6:34pm

There is no option that disables the mentioned helper lines. However, you can modify TransformControls and just set the following opacity value to 0.

github.com

mrdoob/three.js/blob/c95ea0b9babd195eaec9f93c6593d2eaa1a51a33/examples/jsm/controls/TransformControls.js#L773


		fog: false,
		toneMapped: false
	} );

	// Make unique material for each axis/color

	var matInvisible = gizmoMaterial.clone();
	matInvisible.opacity = 0.15;

	var matHelper = gizmoMaterial.clone();
	matHelper.opacity = 0.33;

	var matRed = gizmoMaterial.clone();
	matRed.color.set( 0xff0000 );

	var matGreen = gizmoMaterial.clone();
	matGreen.color.set( 0x00ff00 );

	var matBlue = gizmoMaterial.clone();
	matBlue.color.set( 0x0000ff );

tiarnola · September 13, 2020, 7:14pm

Awesome that’s perfect! Thanks

Topic		Replies	Views
Threejs transform control change the yellow material on hover Questions materials , transform-controls	0	215	April 23, 2024
[Solved]How do I leave only the arrows in TransformControls mode translate? Questions transform , transform-controls	3	425	January 23, 2024
BUG: TransformControls + material + transparent:true = :disappointed: Questions materials , transparency , transform-controls	2	939	May 4, 2019
TransformControls: How to control the visibility of helper axes? Questions transform-controls	7	3680	September 9, 2020
How to remove the outer circle in rotation and planes in translation (in transform controls) Questions transform-controls	4	621	August 27, 2023

Disable white helper lines on Transform controls

Related topics