Comprehending the fundamentals of Matrix Operations

Question

Comprehending the fundamentals of Matrix Operations

I've been struggling with basic matrix transformations and can't seem to grasp it. There's a plethora of outdated code online and I'm unsure of what's current. Here's the snippet I've been working with:

 var matrixInitial = new THREE.Matrix4();
myObj.matrix.copy(matrixInitial);
matrixInitial.makeTranslation(new THREE.Vector3(-100, 50, -100));
myObj.matrixAutoUpdate = false;
myObj.applyMatrix(matrixInitial);

Every time I call myObj.applyMatrix(matrixInitial); the object vanishes. I'm also confused about how to properly use myObj.matrixAutoUpdate = false; and .updateMatrix();. I understand that manipulating the matrix directly is for more experienced users, but I'm eager to learn the fundamentals.

javascript three.js

Answer 1

Answer №1

To create a translation, follow these steps:

let geometry = new THREE.CircleGeometry(0.05, 10, 0, Math.PI/2);
let translation = new THREE.Matrix4().makeTranslation(10, 0, 0);
geometry.applyMatrix(translation);

Answer 2

To create a translation, follow these steps:

let geometry = new THREE.CircleGeometry(0.05, 10, 0, Math.PI/2);
let translation = new THREE.Matrix4().makeTranslation(10, 0, 0);
geometry.applyMatrix(translation);

Comprehending the fundamentals of Matrix Operations

Answer №1

Similar questions

Apigee Usergrid: Absence of bulk delete feature

Is it possible to prevent the fade out of the image when hovering over the text after hovering over the div or image, causing the text to fade in?

What techniques can I use to merge alpha channels with compositing in images?

Can you tell me the specific name of the HTML document style that features two columns?

Traverse Through Nested JSON Data and Display it in an HTML Table using Vue

After refreshing, Angular route using html5Mode leads to a 'Page Not Found' error page

Is there a method to initiate a 'simple' action when dispatching an action in ngrx?

How to properly format credit card input using JavaScript or jQuery

My goal is to implement a confirmation modal prior to any route changes within Next.js framework

What is the best way to retrieve the value of a select tag in Vue JS?

There seems to be an issue as the function reporter.beforeLaunch cannot be identified and

The concept of nested ng-repeat in AngularJS

Using the onClick function to set attributes in React JS

Modify the background color of checkboxes without including any text labels

The input field in Angular dynamically populates values into multiple instances of the same text

When utilizing custom modules in Node.js, is it more effective to require the module from within a function or at the top of the script?

Is there a way to set the content to be hidden by default in Jquery?

jQuery plugin for manipulating and adding days to dates

Exporting JSON data to CSV or XLS does not result in a saved file when using Internet Explorer

Monitor modifications to documents and their respective sub-collections in Firebase Cloud Functions