Three.js Add variable to object?

Question

In Three.js I want to create an object and then add a variable to it. I'm sure it's simple but I can't seem to do it, nor work out how to do it.

For example, I create a cube, and I want it to store a variable "beenHit" that can then be accessed in a Raycast.intersectObjects later on.

var geometry = new THREE.BoxGeometry( 1, 1, 1 );
var newColor = new THREE.Color("rgb(12%, 6%, 0%)");
var material = new THREE.MeshStandardMaterial( { color: newColor } );
var cube = new THREE.Mesh( geometry, material );
scene.add( cube );
var cube.beenHit = false;

Is clearly wrong, but I've tried different ways and searched quite a bit, but my feeble brain cannot compute. Any help most appreciated.

Community · Accepted Answer · 2017-05-23 12:25:13Z

4

You can use the object THREE.Object3D.userData.

cube.userData.beenHit = false;

But

cube.beenHit = false;

without ~~var~~

Can do the trick too. Remember that THREE.Object3D are nothing more than JavaScript objects, you can store anything you want as long as you don't override Three.js properties.

Edit

As Martin pointed out, you should always use userData or you might encounter compatibility issues in the future.

edited May 23, 2017 at 12:25

CommunityBot

11 silver badge

answered Mar 2, 2017 at 3:04

neeh

3,0653 gold badges28 silver badges33 bronze badges

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

2 Comments

Martin Over a year ago

cube.userData.beenHit is a correct, if you use cube.something = foo, you can have compatibility problems in future.

B-30 Over a year ago

Thanks, that makes sense.

Collectives™ on Stack Overflow

Three.js Add variable to object?

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related