The replication technique in Threejs

Question

The replication technique in Threejs

I am experiencing an issue while attempting to clone some Vector3 objects, as the copied clones are created with all zero values in x, y, and z. Here is an example:

When I use this statement

 console.log(this.geometries[j].vertices[i].multiplyScalar(1));

The output is:

LabeledVertex {x: -0.5, y: 0.5, z: 2.6745e-12, label: "U", constructor: function…}

(Note that LabeledVertex is an extension of THREE.Vector3)

If I try to clone the above mentioned object:

position = this.geometries[j].vertices[i].clone().multiplyScalar(1);

the result inside 'position' becomes:

THREE.Vector3 {x: 0, y: 0, z: 0, constructor: function, set: function…}.

It can be observed that it is filled with zeros. This issue occurred in Three.js version r71.

javascript three.js

Answer 1

Answer №1

To ensure accurate calculations, it is important to always create a new vector or clone the existing one before performing operations on it using a different syntax:

var vector2 = vector1.clone();
vector2 = vector2.multiplyScalar(2);

// Alternatively
vector2 = new THREE.Vector3(vector1.x, vector1.y, vector1.z).multiplyScalar(2);

// Another option from gaitat's comment
vector2 = vector1.clone().multiplyScalar(2);

Answer 2

To ensure accurate calculations, it is important to always create a new vector or clone the existing one before performing operations on it using a different syntax:

var vector2 = vector1.clone();
vector2 = vector2.multiplyScalar(2);

// Alternatively
vector2 = new THREE.Vector3(vector1.x, vector1.y, vector1.z).multiplyScalar(2);

// Another option from gaitat's comment
vector2 = vector1.clone().multiplyScalar(2);

The replication technique in Threejs

Answer №1

Similar questions

Using JavaScript for Array manipulations

Sliding carousel from right to left

A guide on cropping and uploading images using ejs and Node.JS

Firefox causing issues with Rails Ajax functionality

What is the procedure for canceling a readline interface inquiry?

Is there a way to display a date that is two days before the current date in a React date picker using only vanilla JavaScript

Transform jQuery code to its equivalent in vanilla JavaScript

Attaching a click event to an element located within the template of a directive

Enrolling a new plugin into a software repository

The wait function does not pause execution until the element is found within the DOM

What is the best way to create divs that can close and hide themselves when clicked from inside the div itself?

Transmit information to a webpage using jQuery AJAX and the .data() function as you navigate to the page

Implementing the sorting feature in Angular JS to properly align sub sections with their correct parent sections

Error: The function "execute" has not been declared

Displaying JSON data obtained from two separate arrays in AngularJS - is it possible?

How can I achieve the quickest image loading speed with JavaScript?

Is there a way to retrieve a particular object from the state and access one of its elements?

What is the best way to extract the JSON data from a client-side GET request response?

Troubleshooting VueJS route naming issues

Maximizing JavaScript DOM efficiency