Creating double the mesh in THREE.js by utilizing identical vectors as their position coordinates

Question

Creating double the mesh in THREE.js by utilizing identical vectors as their position coordinates

Recently, I upgraded from r67 to r69 in ThreeJS and now facing issues with referencing the positions of objects to a single vector.

Prior to the update, this code snippet worked fine:

var vector = new THREE.Vector3(50, 50, 50);
_Mesh1.position = vector;
_Mesh2.position = vector;

This code made it so that moving one mesh would also move the other due to sharing the same position vector.

However, after updating to r69, the position vector remains at (0, 0, 0). This means I have to manually set the X, Y, and Z coordinates for each mesh individually when I move one.

Is there something I missed or a specific fix I need to implement here?

javascript three.js

Answer 1

Answer №1

Object3D now has immutable properties for position, rotation, quaternion, and scale.

Refer to the code in Object3D.js for more details.

The old pattern of setting values like this:

object.position = vector;

is no longer valid. Instead, you should use either

object.position.set( x, y, z );

or

object.position.copy( vector );

This change is effective from three.js version r.69

Answer 2

Object3D now has immutable properties for position, rotation, quaternion, and scale.

Refer to the code in Object3D.js for more details.

The old pattern of setting values like this:

object.position = vector;

is no longer valid. Instead, you should use either

object.position.set( x, y, z );

or

object.position.copy( vector );

This change is effective from three.js version r.69

Creating double the mesh in THREE.js by utilizing identical vectors as their position coordinates

Answer №1

Similar questions

Extend JavaScript capabilities for window.print() function to automatically include backgrounds

Calculating the total sum in Vuejs when an event is triggered

Retrieve data from JSON using AJAX

Identifying when the mouse cursor changes on a website

Unspecified content was received in the AJAX response

Display icons within each table cell row

Replicating DIV element with input field

Are you receiving a response code 500 when making a request to a presigned URL?

When node.js v6.11.2 is installed on Windows 7, it does not include the correct npm version

How can you attach an event handler to an HTML button without disrupting its default behavior?

Is it possible to implement jQuery events on all elements belonging to a specific class

Issue with button click functionality within Angular grid's Celltemplate

How to properly cast interfaces when using Angular 4's HttpClient to fetch items

What is the reason behind the varying display of values?

Partial View fails to render on the webpage

Static variable storing instances of objects

Exploring Autocomplete Functionality with SQLite Integration in Flask

Using Backbone for the front end and Node.js for the backend, this website combines powerful technologies

Search for a specific folder and retrieve its file path

Guide on creating dynamic datasets and multiple dynamic yAxes