Utilize ThreeJS to incorporate a positional offset into a Matrix4 as part of a series of

Question

Utilize ThreeJS to incorporate a positional offset into a Matrix4 as part of a series of

I need to handle a ThreeJS Matrix4 that holds the position of an element, along with another Matrix4 containing an offset. I want to add this offset to the position in my first Matrix4. Currently, I'm doing it like this:

baseMatrix4.setPosition(new THREE.Vector3().setFromMatrixPosition(baseMatrix4).add(new THREE.Vector3().setFromMatrixPosition(offsetMatrix4)))

The issue is that accessing baseMatrix4 inside the method hinders chaining with previous methods, as baseMatrix4 may be undefined or outdated by then.

Any suggestions on how to improve this and still allow for chaining?

javascript three.js

Answer 1

Answer №1

I find it intriguing, why must they be connected by chains? Wouldn't it be more efficient to allow for a few extra lines of code? Is the desire to have everything condensed into one statement that crucial?

let initialPosition = new THREE.Vector3().setFromMatrixPosition(initialMatrix4);
let offsetPosition = new THREE.Vector3().setFromMatrixPosition(offsetMatrix4);
initialMatrix4.setPosition(initialPosition.add(offsetPosition));

Update:

If you're hesitant about creating additional Vector3s, consider directly manipulating the matrix by emulating the functionality of Vector3.setFromMatrixPosition()

i = initialMatrix4.elements;
o = offsetMatrix4.elements;
i[12] += o[12];
i[13] += o[13];
i[14] += o[14];

... or opt for the += operator if that aligns better with your preferences.

Answer 2

I find it intriguing, why must they be connected by chains? Wouldn't it be more efficient to allow for a few extra lines of code? Is the desire to have everything condensed into one statement that crucial?

let initialPosition = new THREE.Vector3().setFromMatrixPosition(initialMatrix4);
let offsetPosition = new THREE.Vector3().setFromMatrixPosition(offsetMatrix4);
initialMatrix4.setPosition(initialPosition.add(offsetPosition));

Update:

If you're hesitant about creating additional Vector3s, consider directly manipulating the matrix by emulating the functionality of Vector3.setFromMatrixPosition()

i = initialMatrix4.elements;
o = offsetMatrix4.elements;
i[12] += o[12];
i[13] += o[13];
i[14] += o[14];

... or opt for the += operator if that aligns better with your preferences.

Utilize ThreeJS to incorporate a positional offset into a Matrix4 as part of a series of

Answer №1

Update:

Similar questions

Issue with using async await in map function: async function may not complete before moving on to the next item in the

Uncontrolled discord bot flooding with messages despite being set to send messages only once every 60 seconds

"Implement image uploading and retrieval functionality in your application by utilizing Parse and Back4App with the help of Node

Steps for triggering a click event on a div with a button role within a class containing multiple elements

Activate div2 visibility upon hovering over div1 using jQuery

unable to retrieve access-token and uid from the response headers

Tips for managing open and closed components within a React accordion and ensuring only the clicked component is opened

Determine the exact width of text without rounding in Javascript

Using a function as an argument within an Angular directive

Eliminate the ending slash from your Nuxt application

What is the best way to incorporate checkbox properties to monitor updates on individual rows in a table without relying on the Grid object or jQuery.Data(Input)?

Encountered a 400 error when attempting to send a request to a RestController in Spring MVC

The AngularJS templates' use of the ternary operator

Is there a way to stabilize a section or content that bounces as I scroll?

Node.js and Express: Delegate routes to different endpoints for handling by the Single Page Application, instead of just the root route

Use setTimeout and setInterval with the initial input without parentheses or double quotation marks

Preventing Ng-repeat from refreshing after deleting using $http request

What could be causing Wordpress Jquery to only function properly after a page refresh?

Tips for confirming receipt of a message through socket.io on the client side

Issue arised while trying to open Bootstrap modal window due to conflict with surrounding elements