Unusual bounding box behavior observed in three.js

Question

Unusual bounding box behavior observed in three.js

Having an issue with my three.js application. I created a cube and its bounding box, but when trying to access the computed bounding box (helper_bbox.geometry.boundingBox), I found it was returning a value of null, despite being correctly rendered on screen. Oddly enough, the bounding sphere (

helper_bbox.geometry.boundingSphere

) is accessible. Can anyone shed some light on why this might be happening? Is there a specific method that needs to be called to retrieve the coordinates of the bounding box points? Appreciate any insights.

javascript three.js bounding-box

Answer 1

Answer №1

Calculating geometry bounding boxes is not a default feature, unless needed for other internal processes. To manually trigger the computation of the box and examine it, you can use the following code:

object.geometry.computeBoundingBox();

console.log( object.geometry.boundingBox );

Updated for three.js r.87

Answer 2

Calculating geometry bounding boxes is not a default feature, unless needed for other internal processes. To manually trigger the computation of the box and examine it, you can use the following code:

object.geometry.computeBoundingBox();

console.log( object.geometry.boundingBox );

Updated for three.js r.87

Unusual bounding box behavior observed in three.js

Answer №1

Similar questions

Trigger function when an option is chosen from the jQuery UI autocomplete suggestion list

How to retrieve a value from PHP using Ajax?

JavaScript generates a series of checkboxes dynamically, all lined up in a single row

What is the best way to use jQuery's $get() function to import a text file from an external website into a JavaScript

Uh-oh! The module "side-channel" cannot be found. An error occurred in the loader with code 936 when trying to run the command "npm start"

"The onkeydown event dynamically not triggering for children elements within a parent element that is contentEditable

Twitter's Web Intents feature is giving me the disappointing message "We're sorry, but that page cannot be found."

Is it possible to assign multiple ID's to a variable in jQuery?

Mastering the Art of Rotating Objects Using Three.js World Axis

adjusting the line height within a selection box

Using vuetify's v-autocomplete component with the options to select all and clear items

Consistent integration into React component

Postpone reloading automatically if a division is in view

Exploring jQuery AJAX Attributes during ajaxStart and ajaxStop event handlers

Convert ViewBag into a JSON array in order to create a bar chart in a .NET MVC application

Error Encountered in MERN Stack Development: TypeError Thrown Due to Inability to Convert Undefined

Instead of overlapping the content, my overlay shifts the entire page downwards

An error with jQuery occurred in the client's post response, resulting in a 400 POST HTTP/1.1 error

What is the best way to reduce the size of a Base64/Binary image in Angular6

Angular data binding is a concept that continues to elude me