How can the threejs Box3().getSize() method be effectively utilized?

Question

How can the threejs Box3().getSize() method be effectively utilized?

There seems to be a discrepancy in the proper usage of the Box3() getSize() method, as discussed on various platforms including stackoverflow.

const geometry = new THREE.BoxGeometry( 10, 10, 10 );
const material = new THREE.MeshBasicMaterial( {color: 0x00ff00} );
const cube = new THREE.Mesh( geometry, material );
scene.add( cube );

let cubeBoundingBox = new THREE.Box3().setFromObject( cube );
let boxSize = cubeBoundingBox.getSize();
console.log("BoxSize: " + boxSize);

Despite the guidance provided in the documentation and other sources, there seems to be an issue with the implementation of the code in this example.

Upon closer inspection of the three.js documentation, it appears that getSize() should indeed be used as shown above. However, the code in the fiddle does not align with this approach. Could it be that I am misinterpreting the usage of

.getSize ( target : Vector3 ) : Vector3

? What could be the problem with the code in the fiddle?

javascript three.js

Answer 1

Answer №1

It is important to pass in a vector where the outcome will be stored:

// ...

let boxSize = new THREE.Vector3();
cubeBoundingBox.getSize(boxSize);

console.log("BoxSize: " + boxSize);

The main idea here is that you are able to reuse your Vector3 objects, minimizing the creation of unnecessary objects that need to be cleaned up by the garbage collector.

Answer 2

It is important to pass in a vector where the outcome will be stored:

// ...

let boxSize = new THREE.Vector3();
cubeBoundingBox.getSize(boxSize);

console.log("BoxSize: " + boxSize);

The main idea here is that you are able to reuse your Vector3 objects, minimizing the creation of unnecessary objects that need to be cleaned up by the garbage collector.

How can the threejs Box3().getSize() method be effectively utilized?

Answer №1

Similar questions

Tips for effectively utilizing v-model and v-select in a dynamic manner

Building a multilingual website using AngularJS UI-Router

Jquery adds a fun, wobbly effect to animations

Ensure that a specific value is maintained for a property of an element throughout its animation

Using Capybara for testing integration with asynchronous JavaScript

Using JavaScript to Redirect to Homepage upon successful Ajax response on local server

Has Apache initiated a forced logout process?

Switching button class when hovering over another div

Tips for preventing multiple counter buttons from conflicting with one another

Conceal two DIV elements if one of them is empty

Exploring the retrieval of JavaScript array elements from a ListModel within QML

Avoiding Ajax overload/server collapse in an Arduino/ESP8266 setting

Using Redis for caching in Node.js applications

Switch out the ajax data in the input field

The module you are trying to access at './server/controller/controller.js' does not contain an export with the name 'default'

Navigating through an array of objects with Node.js

Tips for downsizing a large image to fit into a smaller area

The table remains visible during an AJAX call

Which is the best choice for a large-scale production app: caret, tilde, or a fixed package.json

Display a Popup at 5PM without the need for a page refresh, updating in real-time