How to Retrieve the Size Measurements of a 3D Model Using JavaScript

Question

How to Retrieve the Size Measurements of a 3D Model Using JavaScript

Currently, I am involved in an AR project that utilizes three.js and involves working with various 3D models. One issue I have encountered is the inconsistency in sizes among the models. I aim to have all the models of the same size, which requires setting uniform dimensions for each. My initial attempt to address this involved using bounding boxes and bounding spheres, but unfortunately, this approach was ineffective.

How can I accurately determine the sizes of the models and successfully set them to be uniform?

javascript three.js 3d augmented-reality

Answer 1

Answer №1

var dimensions = new THREE.Box3().setFromObject( targetObject ).getDimensions(new THREE.Vector3())

Answer 2

var dimensions = new THREE.Box3().setFromObject( targetObject ).getDimensions(new THREE.Vector3())

Answer 3

Answer №2

There is a need for something different, as the code of manthrax is intriguing but has its limitations. For example, consider the following code snippet:

andy.scale.set(0.011, 0.011, 0.011);
                                andy.rotation.set(0, 0, 0);
                                andy.position.set(0,0,0);
                                var size = new THREE.Box3().setFromObject(andy).getSize(new THREE.Vector3())
                                console.log(size);

                                function moy(vect){
                                    return ((vect.x+vect.y+vect.z)/3);;
                                }

                                console.log(moy(size));

                                andy.scale.set(0.030, 0.030, 0.030);
                                console.log(moy(size));

If there is a need to modify the value of "size," how can that be achieved?

PS: andy represents my 3D model

I managed to find a solution by creating my own Box3:

                        andy.scale.set(0.011, 0.011, 0.011);
                        andy.rotation.set(0, 0, 0);
                        andy.position.set(0,0,0);
                        var box3d = new THREE.Box3();
                        var size = box3d.setFromObject(andy).getSize(new THREE.Vector3())
                        console.log(size);

                        function moy(vect){
                            return ((vect.x+vect.y+vect.z)/3);;
                        }

                        console.log(moy(size));

                        andy.scale.set(0.030, 0.030, 0.030);
                        box3d.setFromObject(andy).getSize(size);
                        console.log(moy(size));

Answer 4

There is a need for something different, as the code of manthrax is intriguing but has its limitations. For example, consider the following code snippet:

andy.scale.set(0.011, 0.011, 0.011);
                                andy.rotation.set(0, 0, 0);
                                andy.position.set(0,0,0);
                                var size = new THREE.Box3().setFromObject(andy).getSize(new THREE.Vector3())
                                console.log(size);

                                function moy(vect){
                                    return ((vect.x+vect.y+vect.z)/3);;
                                }

                                console.log(moy(size));

                                andy.scale.set(0.030, 0.030, 0.030);
                                console.log(moy(size));

If there is a need to modify the value of "size," how can that be achieved?

PS: andy represents my 3D model

I managed to find a solution by creating my own Box3:

                        andy.scale.set(0.011, 0.011, 0.011);
                        andy.rotation.set(0, 0, 0);
                        andy.position.set(0,0,0);
                        var box3d = new THREE.Box3();
                        var size = box3d.setFromObject(andy).getSize(new THREE.Vector3())
                        console.log(size);

                        function moy(vect){
                            return ((vect.x+vect.y+vect.z)/3);;
                        }

                        console.log(moy(size));

                        andy.scale.set(0.030, 0.030, 0.030);
                        box3d.setFromObject(andy).getSize(size);
                        console.log(moy(size));

How to Retrieve the Size Measurements of a 3D Model Using JavaScript

Answer №1

Answer №2

Similar questions

SystemJS could not locate the root directory for RxJS

Issue with fulfilling Ajax promises

"Steady layout of grid for the navigation bar and

Remove option from MUI Autocomplete after it has been selected

Having trouble retrieving JSON with crossDomain jQuery AJAX

Invoking one service from another service in AngularJS

Uncertainty surrounding the distinction between global variables (var) and block variables (let, const) in Node.js

The program is designed to only allow up to two images to be wrapped

There was an uncaught error in AngularJS stating that the URL in the HTTP request configuration must be a string

Mapping textures from a single Face4 to two separate Face3 in Three.js

Obtaining the initial variable from an array - a simple guide

A helpful guide on incorporating and showcasing a 'svg' file within a React Native application

Leveraging the NextAuth hooks, employ the useSession() function within the getServerSideProps

Creating a backup link for a video player component in NextJs

Instructions for generating multiple components in React when an array is not at your disposal

What could be the reason for v-model not functioning properly?

In IE8, submitting an Ajax request almost always results in an error being

Open the link and input the text into the text box?

Passing data from a parent node to a child node using JavaScript and the D3.js library

establish a compacted directory shortcut within alfresco