Transform the matrix with applied changes and reinitialize values in Three.js

Having a problem with my 3D manipulation program. Utilizing THREE.JS and attempting to adjust the scale of an object, apply these changes to the original matrix, then reset the scale values to 1.

Restoring the transformation is essential for UI functions that rely on this data. Essentially, I want the new size to act as the original size without any alterations.

Any ideas on achieving this? Did some research but no solutions have worked so far.

var scale = 0.5; 
object.scale.set(scale, scale, scale);
javascript3dthree.jstransformation

Answer №1

Visit this link for the solution!

Resolved the issue by making the following adjustment:

object.geometry.applyMatrix( object.matrix );

changed to 

insertedPrintable.object.children[0].geometry.applyMatrix(cloneMatrix);

Similar questions

If you have not found the answer to your question or you are interested in this topic, then look at other similar questions below or use the search

Start by retrieving information and then sending properties to a different component

I have been struggling with this issue for more than a week now. Despite thorough reading of the Next.js documentation and extensive online research, I still can't figure out what's wrong. It seems like I must be overlooking something important, ...

javascriptreactjse-commercenext.js

Is it possible to manually input values when printing a PDF instead of pulling them from the main HTML?

I am facing a challenge in adding a "Print PDF" option to my website because it is built using Ext.js, and therefore the code is not in HTML. Despite searching for ways to print a PDF from the site, all solutions I found involve using HTML. Is there any li ...

javascriptpdfextjspdf-generation

AngularJS default ngOptions for parent and child models

Is there a way to set default ngOptions through parent/child models? Here, the OP demonstrates using ngOptions with parent/child relationships. template <select ng-model="x.site" ng-options="s.site for s in data"></select> <select ng-mode ...

javascriptangularjs

Ways to deactivate all click events excluding specified div elements

To disable clicking on all elements except specific ones such as buttons, anchors, inputs, selects, elements with the class '.nav-class', and checkboxes, the following jQuery code was written. However, the code does not seem to be working as expe ...

javascriptjquery

Order objects in a JavaScript array

Recently, I came across a list of student data fetched from an API: const Studentdata = { "StudentName1": { "active": true, "gender": "male" }, "StudentName2": { "active": false, "gender": "male" }, "S ...

javascriptreactjsfunctionobjectecmascript-6

Optimizing Three.js for iPad devices

Before I throw in the towel on this concept, I thought it would be wise to reach out to the three.js community for some advice. I want to make sure that I'm not missing anything here? Essentially, I took Mr. Doob's canvas geometry cube example ...

ipadthree.js

Guide on how to navigate to a new page using Vue JS Routers when clicking a specific link

Currently exploring Vue JS and running into difficulties with routers. I want specific content to display when entering a certain page address, such as "Home". For instance, I have a component named HomePage, and I desire for this component to appear when ...

javascriptvue.jsvuejs2vue-router

Upon submission in Vue, the data variable becomes undefined

I set isError to false in the data, but when there is an error from Laravel, I receive a 422 error. I want to then set isError to true, but when I do, I get an error in the console saying that isError is undefined even though it has been defined. What coul ...

javascriptlaravelvue.js

Resolving the "TypeError: Unable to access the 'then' property of undefined" issue in Node.js

I am currently working on connecting my app to a third party API using a node module. Below is the code I am utilizing for a school project. The library I am using to request data from the API can be found here. Note: This package is not being maintained ...

javascriptnode.jsnode-modules

Incorporating Information into an Array as a State Object within React.js

Hey everyone, I've hit a bit of a roadblock and I could really use some assistance. I'm trying to figure out why I keep getting an error when attempting to push user input into my array. Can someone take a look at my code and offer some insight? ...

javascriptarraysreactjsobject

Creating a wrapper class in Express JS: A step-by-step guide

I am currently developing a basic wrapper app that retrieves the following information from user requests: a) Request Date & Time b) Request URL c) Response Time This is my approach to wrapping the functionality using Express.js: var express = require(&a ...

javascriptnode.jsexpressnpmwrapper

What is the method for avoiding short-circuit conditions in TypeScript?

Is there a way to evaluate conditions in TypeScript without using short-circuiting? TypeScript does not support & or | for boolean types. I need to avoid short-circuit checking because I call the showErrors function inside the isValueValid function. C ...

javascripttypescriptevaluation-strategy

Replacing an Angular 2 application with a new webpage

I've been working on a project using Angular 2 and following this tutorial: Every time I run my api with npm run api on localhost:3000, the entire application gets replaced by another webpage. https://i.sstatic.net/5pIfX.png Here is my package.json ...

javascriptangularjsnode.js

Locate all instances of words that begin with a certain character and are immediately followed by numbers within

I am searching for words that start with "mc" and are followed by digits only. let myString = "hi mc1001 hello mc1002 mc1003 mc1004 mc mca"; Expected output = [mc1001, mc1002, mc1003, mc1004] This is how I tackled it: const myRegEx = /(?:^|\s)mc(. ...

javascriptjquerynode.jsregex

performing asynchronous operations with async functions within the array.map() method in JavaScript

My goal is to loop through an array of elements, check if a theme exists for each element using the "findOne()" function, and if not, create a new theme, save it, and make some changes. If the theme already exists, I just need to apply some changes and the ...

javascriptnode.jsasync-await

Save pictures in an array and showcase them in an angular interface

I'm currently working on a project to create a user-uploaded image gallery, but I've run into an issue. Although I've been able to store the uploaded images in an array, I'm struggling to display them in the view. Below is the code sni ...

javascriptarraysangularfilereader

Forward the jsp to the servlet before navigating to the following page

Issue: After submitting the JSP form on Page1, it redirects to a server-side JSP page but appears as a blank page in the browser. Instead, I want it to redirect to Page2 which includes a list box that highlights the newly created item. Seeking help with t ...

javascripthtmljspurlredirect

Tips on transforming JSON output into an array with JavaScript

Looking for a solution to convert a Json response into an array using JavaScript. I currently have the following json response: ["simmakkal madurai","goripalayam madurai"]. I need to transform these results into an array format. Any suggestions on how I ...

javascriptphphtml

Retrieve the 'message' data from the Meta-Data section of the response after sending an Ajax post request with React

After making an Ajax post request, I received the following response snippet: Data: Meta-Data: Topic : "Sign-Up" Message : "Already in the System!" Response Code : "650" . . . I'm trying to figure out how to extract and display the mes ...

javascriptajaxreactjs

Is there a way to undo the changes made by the following execution using Javascript?

Similar Question: How can I delete a cookie using JavaScript? javascript:void(document.cookie=”PREF=ID=20b6e4c2f44943bb:U=4bf292d46faad806:TM=1249677602:LM=1257919388:S=odm0Ys-53ZueXfZG;path=/; domain=.google.com”); To undo the action perfor ...

javascriptcookies