Three.js Raycaster detects intersections with objects along a line parallel to its direction, offset by 3 units

When using a THREE.Raycaster to determine if a line will intersect with my ray, I am facing an issue where the intersectObject method is returning true even when compared with a parallel line. Could there be something wrong in my code?

var rc = new THREE.Raycaster(new THREE.Vector3(500,0,0), new THREE.Vector3(1,0,0), 0, 100);
var material = new THREE.LineBasicMaterial();
var spline = new THREE.SplineCurve3([
    new THREE.Vector3(0,0,3),
    new THREE.Vector3(1000,0,3)
]);
var geometry = new THREE.Geometry();
geometry.vertices = spline.getPoints(1);
var line = new THREE.Line(geometry, material);
if (rc.intersectObject(line)) {
    var found = document.createElement('div');
    found.innerHTML = 'detected intersection, but why?';
    document.querySelector('body').appendChild(found);
}

The snippet above results in the message:

detected intersection, but why?

Here's the link to the JSFiddle for reference.

Answer №1

Indeed, a ray and a line segment parallel to it should not cross paths. :-)

The issue has been successfully resolved in the latest version of three.js development branch r.70dev.

Check out the updated features in three.js r.70dev

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

The AJAX response enters a continuous loop if it contains the window.print function

I'm looking to print the screen upon receiving an ajax response. Here's my code snippet: function initiatePrint() { var request = new XMLHttpRequest(); request .open("GET", "printPage.html", true); var counter = 0; ...

The AJAX request to the URL is failing

Creating a webpage with the ability to control an IP camera's movements such as moving up and down or zooming in and out involves calling specific URLs. While trying to implement this feature asynchronously, I encountered issues using AJAX which did n ...

Tips for specifying the "url" parameter in xmlhttp.open() for utilizing Ajax in communication with node.js

server.js has the ability to generate a random number. I am trying to retrieve a random number from the server and utilize xmlhttp to send a request. However, the string value remains unchanged when I visit http://localhost:3000/index.html. What could be c ...

Flask and Ajax make it easy to work with multiple datatables that are connected to

Currently, I am working with 2 datatables in my project. The first one is populated using the following code snippet: {% block scripts %} <script> $(document).ready(function () { $('#data').DataTable({ ajax: '/api/dat ...

Shorten Text - React Native

I currently have a React Native application with a FlatList component. The logic I initially implemented was to display an Expand/Collapse arrow whenever the content at the 100th position in the list is not empty. However, I now realize that this approach ...

Refresh a div with Ajax once all data has been fully loaded

I am currently using an ajax refresh div function that reloads a specific div every 10 seconds. Occasionally, the div loads before receiving data from mysql. Is there a way to modify it so that it waits 2 seconds after reloading the div? <script type ...

EJS dilemma - struggling to incorporate external views

Struggling to include external files in EJS is a common challenge. My project structure is quite straightforward: /lib/ejs-template.ejs /views/home.ejs /views/header.ejs In home.ejs, including header.ejs should be easy, following the documentation: . I ...

Incorporating jQuery to seamlessly add elements without causing any disruptions to the layout

I'm looking to enhance the design of my website by adding a mouseenter function to display two lines when hovering over an item. However, I've encountered an issue where the appearance and disappearance of these lines cause the list items to move ...

Using wp_register_script to add multiple JavaScript files in WordPress

I'm trying to include multiple JavaScript files in WordPress using wp_register_script. I know how to add a single file like this: function custom_scripts() { wp_register_script( 'custom-script', get_template_directory_uri() . '/js/ ...

Mistakenly appearing at the top of the window instead of the bottom of the window

Utilizing Vue.js to fetch resources from a Laravel API periodically and paginate(), after retrieving the initial 10 instances, I aim to get the next 10. Here's how my method looks: scroll () { window.onscroll = () => { let bottomOf ...

Is there a way to customize the color of the icons on material-table for the actions of onRowAdd, onRowUpdate, and onRowDelete

I recently experimented with the material-table library to perform basic CRUD operations. Utilizing onRowAdd, onRowUpdate, and onRowDelete, I was able to incorporate icons for each function. However, I am interested in changing the color of these icons. Ca ...

What is the best way to implement a table using JavaScript?

I am struggling to add a table to my HTML document dynamically using JavaScript. Despite trying various methods like appendChild and insertBefore, I have not been successful. Below is the snippet of my JavaScript code: //JavaScript code here... Here is ...

Navigating within a mapping array

I am attempting to create a nested map within a looped map. However, as this is my first time using JavaScript, I am finding it a bit challenging to use the correct tags. My goal is to create a table where the first row displays the category and the second ...

"Enhance Your Website with a Sticky Bootstrap Navbar and Seamless Scroll Design - Elevating Padding and Margin-

I am currently working on incorporating a bootstrap sticky navbar with a fixed height of 81px and smooth-scroll behavior into my project. The website's HTML structure includes section tags like <section class="section" id="news" ...

Modify the CSS of a single element when a class is applied to a different element

I need to apply a specific CSS attribute to my submit button on the comments form when a user is logged in to Wordpress! When the .comment-form class contains p class="logged-in-as" instead of the standard p class="comment-notes", I want the p.form-submit ...

The only function that poses a peculiar challenge is the one that utilizes jQuery and AJAX, in my opinion

Working on a classic ASP form that includes multiple dropdowns, three of which are cascading and rely on the previous dropdown. Most of the code functions correctly except for one issue. There is a script tag in the code that initiates the following actio ...

Is there a way to order the execution of two functions that each produce promises?

With my code, I first check the status of word.statusId to see if it's dirty. If it is, I update the word and then proceed to update wordForms. If it's clean, I simply update wordForms. I'm looking for advice on whether this is the correct a ...

Navigating through pages using React Native is a straightforward process that involves utilizing

I'm currently working on a component that lists items and I want to add functionality to navigate to a different page that displays detailed information about each item. Below is the code I have for listing items: import React, { Component } from &ap ...

Using Chrome.downloads.download within a Chrome application

My app is running into an issue where Chrome is giving me the error message that chrome.downloads is undefined. In my attempt to download an image, here is a simple example provided... Here is the manifest: { "manifest_version": 2, "name": "Download ...

Attempting to create a Next.js 13 application, but struggling with using the client-side functionality

Exploring Next.js for the first time, I embarked on creating a simple application. Everything was going smoothly until I attempted to include a "use client" tag at the beginning of a component to utilize certain hooks. This resulted in the app breaking and ...