Every time I attempt to reference the camera position in three.js, I am only able to access the initial position and not the present location

I am currently modifying a path file in THREEJS for a 3D art gallery project. My goal is to ensure that the camera always faces perpendicular to the path it follows, rather than allowing users to adjust the camera target with the mouse as in the original file.

Essentially, I have created an array of view vectors that correspond to spline points along the camera path. Each time the camera reaches the next spline point, I aim to reset the camera view accordingly. However, when looping through the spline points and comparing them to the camera position, I consistently retrieve (0,0,0) as the camera position, even though the actual z position varies at different points along the path.

The line alert(this.object.position.z) simply outputs zero, despite the camera's z position not being zero initially or at most points. It appears that I am unable to access the camera position accurately. Any assistance on this matter would be greatly appreciated.

Answer №1

It appears that the correct resolution is

xPos = this.object.matrixWorld.getPosition().x; zPos = this.object.matrixWorld.getPosition().z;

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

Could there be an issue with my website's bootstrap where badges are not being applied properly?

Currently, I am in the process of learning ReactJS and running into an issue where my bootstrap is not working within my .jsx file. Despite following a tutorial (MOSH) diligently and extensively researching on stack overflow, I have not been able to find a ...

A guide to invoking a function from another component in Angular

analytics.js fetchAnalyticsData() { this.loading.today = true; this.loading.daily = true; const metrics = ['VISITS', 'PAGE VIEWS', 'CONVERSION RATE', 'BOUNCE RATE']; const analyticsModules = [ ...

I'm trying to figure out how to switch the Heroes array to the res array while utilizing the react useState hook. It's been successful in my past projects, but for some reason,

const [Heroes, setHeroes] = useState([]) useEffect(() => { API.findFavorites().then((res) => { console.log(res) setHeroes([...Heroes, res]); console.log(Heroes) }) }, []); I am struggling ...

Glowing beams of light emitted by point light in three.js

Is there a way to visualize light rays from a point light in a Three.js scene without affecting the entire scene with fog color? var width = $('#g_pre_emo').width(); var scene = new THREE.Scene(); scene.fog = new THREE.Fog(0xffff00, 0, 10); ...

Having an issue with Javascript onclick not updating div content upon first click

Having difficulty getting content from one div to another on the initial click. Some of my code: <a href="#" onClick="goPage1();">Feed</a> Function being called: function goPage1(){ $("#feed").html(""); get_jsonp_feed(); $("#con ...

Converting a string array to an array object in JavaScript: A step-by-step guide

My task involves extracting an array from a string and manipulating its objects. var arrayString = "[{'name': 'Ruwaida Abdo'}, {'name': 'Najlaa Saadi'}]"; This scenario arises when working with a JSON file where ce ...

Tips on retrieving and refreshing dynamically generated PHP file echo output within a div

I have a div that I'm refreshing using jQuery every 10 seconds. The content is being read from a PHP file named status.php. Here is the JavaScript and HTML for the div: <script> function autoRefresh_div() { $("#ReloadThis").load("status.php ...

Developing an Angular directive that accepts a function parameter using TypeScript

I've been attempting to integrate an Angular function parameter into a TypeScript directive, but it seems like my syntax is off. Here's an example of the directive code I'm working with: export class CustomDirective implements ng.IDirective ...

Discover the most recent date of a document by analyzing two distinct fields: the month and the year

In my mongoDB database, the documents have the following structure: {username:String, paymentYear:Int, paymentMonth:Int} I am trying to retrieve the latest document for a specific username, which would be the one with the date closest to the current Date ...

Here's a step-by-step guide on passing the value of an input field from JavaScript to a PHP file and retrieving the returned values

Below you will find the HTML code I'm currently working with: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head&g ...

What is the best way to continuously execute the 'onclick' function using AJAX inside a specific ID?

My challenge involves implementing a new AJAX upload feature to insert a data element from the onClick event in multiple rows. The issue I am facing is that it works fine for the first row, but when I add subsequent rows, the function no longer works upon ...

"In Vim, learning how to create block comments is an essential skill to

I am seeking a way to streamline the process of generating block comments for documentation in vim. For example: /** * comment */ Are there any available plugins that can assist with this task? ...

What is the process for creating a 3D design in ASP.NET Core?

Currently, I have a scenario where a browser client communicates with an ASP.NET Core C# backend. Using three.js on the browser, I am able to render 3D building models. These models are stored on the server as jobs, which can be retrieved and displayed by ...

Developing a void or vacancy using three.js

Thinking about creating a unique shape in three.js, similar to a 3x3x3 cube with a 1x1x1 hole in it. Is there a way to use cubegeometry initially and then apply another geometry to remove the unwanted parts, like a deletion geometry? :D Appreciate any hel ...

Tips for preserving newly add row with the help of jquery and php

Currently, I am attempting to implement a functionality on a Wordpress theme options page that dynamically adds rows using jQuery. Below is the HTML code snippet from the THEME-OPTIONS page <a href="#" title="" class="add-author">Add Author</ ...

Convert millimeters to inches with a unique AngularJS filter that activates on click

I am currently working on a UI that requires users to enter dimensions for width and height. Within the UI, there are 2 buttons available - one for 'mm' and the other for 'inches'. When either of these buttons is pressed, the active cl ...

A duo creating art on a shared canvas

I have encountered an issue while developing a real-time paint app using HTML5 canvas. Everything works fine when a single user is drawing on the canvas, but problems arise when two users try to draw simultaneously. For example, if one user changes the col ...

What is the current state of Javascript in versions 3.4 and 3.5 of ANTL

Can someone provide information on the current status of the JavaScript target in ANTLR 3.4 or 3.5? I've searched online for answers but haven't found anything conclusive. While I know it was fixed in v3.3 after being broken in v3.2, there is no ...

The jspdf function is not displaying any images in the PDF file

I am new to coding and encountered an issue when trying to download images in reactjs. After clicking the download button, I only receive a blank pdf file. https://i.stack.imgur.com/0XJcC.png The function in my react code that attempts to generate the p ...

Searching for city and postal code through the Google Maps API is a straightforward process

Is there a way to extract the city and postal code from the Google Maps API? Here is my current code: if (place.address_components) { code = [place.address_components[0].types[0].postal_code]; alert(code); document.getEleme ...