Converting a coordinate in a 3-dimensional space

Imagine I have two points in a three-dimensional space, let's call them A(x1, y1, z1) and B(x2, y2, z2). Now, I am looking to find a new point on the line AB, starting from point A, but at a distance of 5 units away. Can you help me figure out how to do this?

As part of my project, I have successfully rendered a line in a web browser using Three.js. However, I am currently facing the challenge of calculating points along this line at specific intervals. Any suggestions on how I can achieve this?

javascriptmaththree.jsgeometry

Answer №1

To find the resulting vector, subtract the start vector from the end vector, adjust the length as needed, and then add the start vector back in.

var startPoint = new THREE.Vector3( your_coord_values ); // start
var endPoint = new THREE.Vector3( your_coord_values ); // end

var resultVector = new THREE.Vector3().subVectors(endPoint, startPoint).setLength(5).add(startPoint);

Answer №2

By starting at point A and adding 5 times the unit direction vector of the line, you can find point C:

C =  A + 5*(B-A)/|B-A|

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

Is Your CanvasJS Chart Traveling in Reverse?

My charts are displaying dates in reverse order, can anyone help me figure out what's causing this issue? I've checked the documentation but couldn't find anything that would explain this problem. Link to documentation: Here is a screensh ...

javascriptcanvasjs

Modify the color of CSS for all elements except those contained within a specific parent using jQuery

I have a color picker that triggers the following jQuery script: //event.color.toHex() = hex color code $('#iframe-screen').contents().find('body a').css('color', event.color.toHex()); This script will change the color of al ...

javascriptjquerycssdom

Leaflet: An issue occurred when attempting to retrieve a GeoJSON file from a multipolygon Layer

Here's the current issue: I have successfully implemented a MultiPolygon Layer in Leaflet, but I am encountering an error when trying to convert it to a GeoJSON object. This is my code snippet: let colecccionPoligonos=[]; const multiPolygonOptio ...

javascriptleafletgeojsonleaflet.draw

Tips for sending an Object within a multipart/form-data request in Angular without the need for converting it to a string

To successfully pass the object in a "multipart/form-data" request for downstream application (Java Spring) to receive it as a List of custom class objects, I am working on handling metadata objects that contain only key and value pairs. Within the Angula ...

javascriptangulartypescriptspring-bootmultipartform-data

Interactive React Dropdown Component

As a relatively new React user, I am attempting to develop a custom component that will showcase a list of items within a select menu. The goal is to allow the user to make a selection from the menu and then click an "Add" button below it. Upon clicking th ...

javascriptreactjsreact-bootstrap

Is there a mathematical equation that can help me determine the day of the week (such as Friday) based on a specific date?

Is there a way to retrieve the day (e.g. Friday) from a given date without relying on a DateTimePicker or other calendar tools or built-in functions? I am looking to create a function called get_Day(desired_Date) that takes a date as input. The function ...

c#cmathcalendarformula

Looking for a way to locate any elements in jQuery that do not contain a certain CSS class?

I am looking to target all form elements that do not contain a specific CSS class. For example: <form> <div> <input type="text" class="good"/> <input type="text" class="good"/> <input type="text" class="bad"/> ...

javascriptjquery

Approach to dividing PHP output into multiple outputs (AJAX, PHP) (nested AJAX requests, AJAX inside AJAX loop?)

Seeking advice on how to efficiently handle PHP output in small chunks for AJAX responseText. The project involves a webpage using AJAX to input a last name, which is then processed by a PHP program. The PHP code randomly selects three people with differen ...

phpjavascriptajax

Locate the hyperlink within a div using JavaScript and navigate to it

I stumbled upon an element (div1) and now I am looking for a link within that element (link) so that I can navigate to it. <div class="div1"> <p> <a href="link">Link</a> </p> </div> ...

javascripthtml

"VueJs and ChartJs work together to create single file components, but the computed property is only rendered in Vue Dev Tools when the component is

Currently, I am working on a single file component that utilizes Chart.Js to display a basic visualization of some hardcoded data. The Chart.Js library is being called from a CDN placed in the head section of my index.html file. The project is based on th ...

javascriptwebpackvue.jschart.js

Issue with Angular 2 - Struggling with Routing

My objective is to create a menu with four links, each leading to a different HTML page: <p> <a routerLink="/function">Business Function</a> <a routerLink="/process">Business Process</a> <a routerLink="/appsystem"> ...

javascripthtmlangularroutes

What are the best scenarios for implementing anonymous JavaScript functions?

I am currently exploring the reasons behind using anonymous JavaScript functions. Can you list out the distinctions between these functions? Describe scenarios where each function would be appropriate to use. var test1 = function(){ $("<div />" ...

javascriptjquery

Steps to include a fresh string into an array within a json document

I'm currently working on a Discord bot that uses a profile.json file. My goal is to have a specific command that allows users to add input arguments to an array within the file, like this: {"Profile_name":"id":"idhere", "array":["item_1"]} The ultim ...

javascriptnode.jsjsondiscorddiscord.js

What is the best way to retrieve a linked filter in Vue from another?

I have created a file to store filters linked to my Vue object, and it is being imported into my App.js. One of the filters I have needs to use another filter: Vue.filter('formatDateTime', value => { if (value) return moment(String(value ...

javascriptvue.jsfilter

Asynchronous task within an if statement

After pressing a button, it triggers the check function, which then executes the isReady() function to perform operations and determine its truth value. During the evaluation process, the isReady() method may actually return false, yet display "Success" i ...

javascripttypescript

The Highcharts download feature is not available when the title is removed

After setting the title of my chart to null, I noticed that I am no longer able to access the download menu on the chart. Check out this example for reference: http://jsfiddle.net/JVNjs/954/ var chart = new Highcharts.Chart({ chart: { renderT ...

javascripthighcharts

Troubleshooting: NextJS Typescript getInitialProps returning null value

I am currently working with NextJS 'latest' and TypeScript to extract the token from the URL, but I am encountering an issue where it returns undefined. To achieve this, I am utilizing the getInitialProps method. The URL in question looks like th ...

javascriptnode.jsreactjstypescriptnext.js

JavaScript - The 'this' pointer becomes undefined while within a function body

I have set a value for this.username previously, but it returns as undefined when inside a function. How can I access its value? Parse.User.logIn(this.username, this.password, { success: function(user) { // it returns as undefined con ...

javascript

Exploring the iteration process of a JavaScript array with Node-API

Currently, I am in the process of developing a Node.js addon utilizing Node-API. My algorithm takes a Javascript array as input, processes it within the addon, and then returns the result. For implementing any logic on the array, I need to iterate through ...

javascriptnode.jscnode-addon-apinode-api

Utilizing the fetch() method to transmit GET data within the body rather than directly embedding it in the URL

I am in the process of converting this jQuery call to vanilla JavaScript using fetch() following the guidance provided by MDN (https://developer.mozilla.org/en-US/docs/Web/API/Fetch_API/Using_Fetch#Supplying_request_options). $.ajax( { ...

javascriptajaxfetch