当前位置：首页 > news >正文

Raycaster光线投射

news 来源：原创 2025/7/14 18:40:20

Raycaster光线投射

3D虚拟工厂在线体验

描述

光线投射Raycaster，用于进行raycasting（光线投射）。光线投射用于进行鼠标拾取（在三维空间中计算出鼠标移过了什么物体）。

构造器

Raycaster( origin : Vector3, direction : Vector3, near : Float, far : Float )

参数	描述
`origin`	光线投射的原点向量
`direction`	向射线提供方向的方向向量，应当被标准化
`near`	返回的所有结果比near远。near不能为负值，其默认值为0
`far`	返回的所有结果都比far近。far不能小于near，其默认值为Infinity（正无穷）

这将创建一个新的raycaster对象。

属性

属性	类型	描述
`.far`	Float	raycaster的远距离因数（投射远点）。这个值表明哪些对象可以基于该距离而被raycaster所丢弃。这个值不应当为负，并且应当比near属性大
`.near`	Float	raycaster的近距离因数（投射近点）。这个值表明哪些对象可以基于该距离而被raycaster所丢弃。这个值不应当为负，并且应当比far属性小
`.camera`	Camera	当对依赖于视图的对象（如Sprites等广告牌对象）进行光线投射时使用的相机。可以手动设置，或在调用"setFromCamera"时设置。默认为null
`.layers`	Layers	用于在执行相交测试时有选择地忽略3D对象。raycaster.layers.set( 1 );object.layers.enable( 1 );
`.params`	Object	具有以下属性的对象：`{ Mesh: {}, Line: { threshold: 1 }, LOD: {}, Points: { threshold: 1 }, Sprite: {} }`。其中threshold是光线投射与对象相交时的精度，以世界单位为单位
`.ray`	Ray	用于进行光线投射的Ray（射线）

方法

函数名	参数	描述	返回值	说明
.set	`origin : Vector3`	光线投射的原点向量	`undefined`	使用新的原点和方向更新射线
	`direction : Vector3`	标准化方向向量
.setFromCamera	`coords : Vector2`	标准化设备坐标中的鼠标二维坐标（X/Y应在-1到1之间）	`undefined`	根据相机和屏幕坐标更新射线
	`camera : Camera`	射线来源的摄像机
.setFromXRController	`controller : WebXRController`	要复制位置和方向的WebXR控制器	`this`	从XR控制器更新射线
.intersectObject	`object : Object3D`	要检测相交的3D对象	`Array<Intersection>`	检测射线与单个对象的相交情况
	`recursive : Boolean`	是否检测所有后代（默认true）		返回相交结果数组，按距离排序
	`optionalTarget : Array`	（可选）目标数组容器
.intersectObjects	`objects : Array<Object3D>`	要检测的3D对象数组	`Array<Intersection>`	检测射线与多个对象的相交情况
	`recursive : Boolean`	是否检测所有后代（默认true）		返回相交结果数组，按距离排序
	`optionalTarget : Array`	（可选）目标数组容器

Intersection 类型定义：

interface Intersection {distance: number;        // 射线起点到交点的距离point: Vector3;          // 交点世界坐标face: Face3 | null;      // 相交的三角面对象（可能为null）faceIndex: number;       // 相交面的索引号object: Object3D;        // 被相交的3D对象uv: Vector2;             // 交点的UV纹理坐标uv1?: Vector2;           // （可选）交点的第二套UV坐标normal: Vector3;         // 交点处的插值法向量instanceId?: number;     // （可选）InstancedMesh实例的ID
}

I说明：

Three.js 通过多态机制（不同对象实现自己的 raycast）实现灵活的相交检测。Raycaster 不会直接计算相交，而是调用每个物体自己的 raycast 方法。不同几何体类型（Mesh/Line/Points）有各自不同的相交检测实现。Mesh 会检测三角面相交，Line 会检测线段邻近点，Points 会检测点云中的点，它们的相交计算逻辑和阈值判断都不同。
默认情况下，Three.js 只检测射线从正面（法线朝向射线原点的一面）穿过网格面的情况。如果射线从背面（法线背向的一面）穿过，在材质中设置 side: THREE.DoubleSide 可启用双面检测。

代码

const raycaster = new THREE.Raycaster();
const pointer = new THREE.Vector2();
function onPointerMove( event ) {// 将鼠标位置归一化为设备坐标。x 和 y 方向的取值范围是 (-1 to +1)pointer.x = ( event.clientX / window.innerWidth ) * 2 - 1;pointer.y = - ( event.clientY / window.innerHeight ) * 2 + 1;
}
function render() {// 通过摄像机和鼠标位置更新射线raycaster.setFromCamera( pointer, camera );// 计算物体和射线的焦点const intersects = raycaster.intersectObjects( scene.children );for ( let i = 0; i < intersects.length; i ++ ) {intersects[ i ].object.material.color.set( 0xff0000 );}renderer.render( scene, camera );
}
window.addEventListener( 'pointermove', onPointerMove );
window.requestAnimationFrame(render);

Raycaster光线投射

Raycaster光线投射 3D虚拟工厂在线体验描述光线投射Raycaster，用于进行raycasting（光线投射）。光线投射用于进行鼠标拾取（在三维空间中计算出鼠标移过了什么物体）。构造器 Raycaster( origin : Vector3, dire…...

编程日记 2025/7/14 18:40:20

javaEE——单例模式

目录前言1.概念2. 实现3. 比较和改进总结前言本篇文章来介绍单例模式，并讲述在保证线程安全的前提下，单例模式的写法。 1.概念单例模式是一种设计模式，可以说是写代码的一种模板，如果在一些固定的场景下按照设计模式进行写…...

编程日记 2025/6/29 5:11:29

WSL在D盘安装Ubuntu

目录前提条件步骤一：查看可用的Linux发行版步骤二：安装Ubuntu 22.04步骤三：导出已安装的Ubuntu到D盘步骤四：注销当前Ubuntu安装步骤五：在D盘导入Ubuntu启动Ubuntu 前提条件 Windows 10或Windows 11系统已启用WSL功能…...

编程日记 2025/7/12 15:19:31

Java并发编程-多线程基础（三）

文章目录线程间通信线程间通信的核心问题volatile 关键字1. 核心特性2. 使用限制3. 示例 synchronized 关键字1. 核心特性2. 示例 volatile 与 synchronized 的对比Volatile 和 Synchronized 最佳实践线程间通信线程间通信的核心问题多个线程通过共享内存实现信息交换&am…...

编程日记 2025/7/4 4:03:38

React--》掌握react构建拖拽交互的技巧

在这篇文章中将深入探讨如何使用react-dnd，从基础的拖拽操作到更复杂的自定义功能带你一步步走向实现流畅、可控且用户友好的拖拽体验,无论你是刚接触拖拽功能的初学者还是想要精细化拖拽交互的经验开发者，都能从中找到适合自己的灵感和解决方案。目录 …...

编程日记 2025/7/14 7:15:36

【Qt】常用的类与数据类型

目录一、Qt常见基本数据类型二、Qt 字符串类应用 2.1 操作字符串 2.2 查询字符串三、QMap 类&QHash 类&QVector 类 3.1 QMap 类 3.2 QHash 类 3.3 QVector 类四、QList 类&QLinkedList 类 4.1 QList 类 4.2 QLinkedList 类 4.3 STL 风格迭代器遍历…...

编程日记 2025/6/29 5:20:08

React实现B站评论Demo

该Demo涉及的技术点 useState函数（数据驱动视图）子组件的封装条件判断回调函数的封装 1、评论数据 {"list": [{"rpid": 3,"user": {"uid": "13258165","avatar": "http://toutiao.…...

编程日记 2025/6/29 5:11:36

从实列中学习linux shell12 通过Shell脚本来优化MySQL数据库性能，特别是慢SQL跟踪和索引优化

在Shell脚本中优化MySQL数据库性能，特别是慢SQL跟踪和索引优化可以通过以下步骤实现。以下是一个结构化的解决方案，包含示例代码和详细说明： 1. 启用慢查询日志目标：动态启用慢查询日志并配置参数，收集慢SQL数据。…...

编程日记 2025/6/29 5:39:03

补充： prototype 属性使您有能力向对象添加属性和方法。 object.prototype.namevalue <script>function Person(name, age){this.name name;this.age age;}/* Person.prototype.showName function(){return 名字为: ${this.name};};Person.prototype.showA…...

编程日记 2025/6/28 20:05:32

CSS 变量与原生动态主题实现

CSS 变量与原生动态主题实现 CSS 变量基础 CSS 变量（自定义属性）是 CSS 语言的一项强大功能，允许我们在样式表中定义和重用值。与 SCSS 或 LESS 等预处理器中的变量不同，CSS 变量在运行时计算，这意味着它们可以动态更…...

编程日记 2025/7/14 10:32:54

Ubuntu 安装 Docker

安装 Docker 1. 卸载旧版本（如果有） sudo apt-get remove docker docker-engine docker.io containerd runc 2. 更新 APT 包的索引 sudo apt-get update 3. 安装依赖包 sudo apt-get install -y \ca-certificates \curl \gnupg \lsb-release4. 添加…...

编程日记 2025/6/28 20:05:28

SpringMVC——第三章：获取请求数据

假设有这样一个请求：http://localhost:8080/springmvc/register?namezhangsan&password123&emailzhangsanpowernode.com 在SpringMVC中应该如何获取请求提交的数据呢？ 在SpringMVC中又应该如何获取请求头信息呢？ 在SpringMVC中又应…...

编程日记 2025/6/28 20:05:26

动静态库【Linux操作系统】

文章目录动静态库制作静态库如何把第三方库安装在Linux系统中，如何使用第3方库方案一：为什么我们之前使用gcc/g编译C/C标准库的时候不用加选项-l xxx呢？方案二：方案三： 为什么不同平台的库不一样呢？动态库…...

编程日记 2025/7/9 12:28:23

Day 4:牛客周赛Round 91

好久没写了，问题还蛮多的。听说这次是苯环哥哥出题 F题小苯的因子查询思路考虑求因子个数，用质因数分解；奇数因子只需要去掉质数为2的情况，用除法。这里有个比较妙的细节是，提前处理出数字x的最小质因数&#xff0…...

编程日记 2025/6/28 20:05:21

drawDB：打造高效数据库设计流程

drawDB：打造高效数据库设计流程 drawDB 简介资源链接核心功能详解1. 直观的实体关系图设计2. SQL 脚本生成3. SQL 导入功能4. 本地化存储与分享功能5. 自定义主题与外观安装和使用教程本地开发环境搭建构建生产版本Docker 部署基本使用方法应用场景和实际价值适用…...

编程日记 2025/7/10 16:39:34

【心海资源】子比主题新增注册与会员用户展示功能模块及实现方法

内容改写： 本次分享的是子比主题顶部展示注册用户与会员信息的功能模块及其实现方式。你可以通过两种方式启用该功能： 直接在后台进入“外观 → 小工具”启用该展示模块，操作简便；也可将提供的代码覆盖至子比主题目录中&#…...

编程日记 2025/6/29 7:49:24

gitblit安装教程，搭建一个属于自己的Git版本仓库

本章教程，主要记录如何在Windows服务器上利用gitblit搭建GIT私有化仓库。一、gitblit简介官网地址：https://www.gitblit.com/ Gitblit 是一个开源的纯 Java 技术栈，用于管理、查看和服务Git仓库。它主要设计为一款面向希望托管集中式仓库的小型工作组的工具。二、基础环…...

编程日记 2025/6/28 20:05:17

2023年第十四届蓝桥杯省赛B组Java题解【简洁易懂】

2023年第十四届蓝桥杯省赛B组Java题解题型概览与整体分析题目编号题目名称题型难度核心知识点通过率（预估）A阶乘求和结果填空★☆☆模运算、数学规律95%B幸运数字结果填空★★☆进制转换、数位和计算80%C数组分割编程题★★☆组合数学、奇偶性分析65…...

编程日记 2025/6/29 7:57:06

Javase 基础加强 —— 01 异常

本系列为笔者学习Javase的课堂笔记，视频资源为B站黑马程序员出品的《黑马程序员JavaAI智能辅助编程全套视频教程，java零基础入门到大牛一套通关》，章节分布参考视频教程，为同样学习Javase系列课程的同学们提供参考。 01 课程安排…...

编程日记 2025/6/29 7:30:10

iview 表单验证问题 Select 已经选择还是弹验证提示

问题：iview 的 Select 下拉框的时候，数据验证必填，明明选择了数据，却一直提示验证不能通过 html代码： <Form ref"FormData" :model"FormData" :rules"ruleValidate" :label-width&qu…...

编程日记 2025/6/29 8:15:36

OrCAD中离图连接器、端口及网络标签的作用范围与选择指南

一、OrCAD主要连接元素概述在OrCAD Capture原理图设计环境中，有三种主要的网络连接元素：离图连接器(Off-Page Connector)、端口(Port)和网络标签(Net Alias)。理解它们的作用范围和使用场景对设计清晰、可维护的原理图至关重要。 PS： 电源和…...

编程日记 2025/6/29 7:48:36

dpm_sysfs_add

这段代码是 Linux 内核中**设备电源管理（PM）子系统**与 **sysfs 文件系统**交互的核心实现，主要功能是为设备创建电源管理相关的 sysfs 属性文件。以下从五个关键维度进行深度解析： --- ### 一、功能架构全景 mermaid graph TD …...

编程日记 2025/6/29 7:48:47

【AI论文】Phi-4-reasoning技术报告

摘要：我们引入了Phi-4-reasoning，这是一种拥有140亿参数的推理模型，在复杂的推理任务中表现出了强大的性能。通过监督式微调Phi-4，在精心策划的“可教”提示集上进行训练，这些提示集是根据复杂性和多样性的适当水平选…...

编程日记 2025/7/12 6:07:23

Android ART运行时无缝替换Dalvik虚拟机的过程分析

目录一,概述二,dex文件优化一,概述 Android 4.4发布了一个ART运行时，准备用来替换掉之前一直使用的Dalvik虚拟机，希望籍此解决饱受诟病的性能问题。老罗不打算分析ART的实现原理，只是很有兴趣知道ART是如何无缝替换掉原来的Dalvik虚拟机…...

编程日记 2025/6/29 8:06:22

node.js为什么产生？

从官网得知介绍如下 https://nodejs.org/zh-cn/learn/getting-started/introduction-to-nodejs Node.js是一个开源和跨平台的JavaScript运行时环境。 Node.js在浏览器之外运行V8 JavaScript引擎，这是Google Chrome的核心。这使得Node.js具有很高的性能。 Node.js应…...

编程日记 2025/6/29 7:49:26

智能工厂边缘计算：从数据采集到实时决策

智能工厂边缘计算：从数据采集到实时决策引言在智能制造场景中，传统云计算架构面临三大核心挑战：平均200ms的网络延迟无法满足实时控制需求，90%的工业数据未被有效利用，以及每月高达15TB的数据传输成本。边缘计算技术通过将计算能力下沉到数据源头，正在构建"端-边…...

编程日记 2025/6/29 7:13:59

个人健康中枢的多元化AI网络革新与精准健康路径探析

引言随着数字化转型的深入推进，个人健康中枢作为集成化健康管理系统，正在从传统的单一功能向多元化的AI驱动方向快速发展。在这一背景下，新兴网络硬件技术，特别是DPU（数据处理单元）和全光网络的出现，为个人健康中枢的革新提供了前所未有的机遇。本研究将深入探讨这些技…...

编程日记 2025/6/29 5:11:39

前端面试宝典---性能优化

一、加载优化 1. 第三方模块放在CDN 例如 leaflet通过cdn引入，这样就不会占用打包体积了 2. prefetch 预加载例如，之后马上有个场景需要一个图片，我们就可以通过link 的 prefetch 对资源进行预先加载再例如，我们公司是无网络开…...

编程日记 2025/6/29 7:53:02

【Springboot进阶】springboot+mybatis+jsqlparser实现数据权限控制

文章目录 SpringBoot JSqlParser MyBatis 数据权限实现方案一、环境准备1. 添加依赖二、用户上下文管理1. 用户上下文持有类三、数据权限拦截器实现1. MyBatis拦截器核心类四、Spring Security集成1. 用户信息注入五、配置项示例application.yml 六、使用示例1. 业务查询…...

编程日记 2025/7/14 16:38:06

【PostgreSQL数据分析实战：从数据清洗到可视化全流程】2.3 窗口函数与高级聚合（ROW_NUMBER()/RANK()/SUM() OVER()）

👉 点击关注不迷路 👉 点击关注不迷路 👉 点击关注不迷路文章大纲 PostgreSQL窗口函数与高级聚合：从排序到动态分析的全场景应用1. 窗口函数核心概念解析1.1 窗口函数语法结构1.2 核心组成要素2. 排名窗口函数深度解析2.1 ROW_NUMBER()：唯一顺序排名示例演示2.2 `RANK…...

编程日记 2025/6/29 6:38:45

python全自动爬取m3u8网页视频（各类网站都通用）

当前人工智能，大语言模型的火热，使得python这门编程语言的使用越来越广泛。最近也开始学习了python，发现它在自动化方面的确有得天独厚的优势。python的简单易用，丰富的开源库，完善的生态，使得它有可能成为…...

编程日记 2025/6/29 7:53:05

C++负载均衡远程调用学习之上报功能与存储线程池

目录 1. Lars-reportV0.1 report模块介绍 2.Lars-reporterV0.1 reporter项目目录构建 3.Lars-ReporterV0.1 数据表和proto协议环境搭建 4.Lars-ReporterV0.1上报请求业务处理 5.Lars-ReporterV0.1上报请求模块的测试 6.Lars-ReporterV0.2开辟存储线程池-网络存储分离 1. L…...

编程日记 2025/7/3 20:28:29

今天python练习题

目录一、每日一言二、练习题三、效果展示四、下次题目五、总结一、每日一言不要害怕失败，失败可能成为我们前进的动力！ 二、练习题有列表lst [[1,2,3],[4,5,6],[7,8,9]],取出其中的元素1/5/9组成新的列表 # 有列表lst [[1,2,3],[4,5,6],[…...

编程日记 2025/6/29 5:20:20

【leetcode100】最长递增子序列

1、题目描述给你一个整数数组 nums ，找到其中最长严格递增子序列的长度。子序列是由数组派生而来的序列，删除（或不删除）数组中的元素而不改变其余元素的顺序。例如，[3,6,2,7] 是数组 [0,3,1,6,2,2,7] 的子序列。 …...

编程日记 2025/6/29 8:45:30

R绘图|3分钟复现瑞士“苏黎世大学”Nature全球地图——基于R包ggplot2+sf等

一、引言本文我们复现苏黎世大学团队Franois Keck等在Nature最新文章“The global human impact on biodiversity”中的全球地图。之前的图纸是在平面坐标系里面进行绘制，本次我们在罗宾逊投影中进行绘制。整体代码逻辑非常简单，就是采样点坐标系的转换…...

编程日记 2025/6/29 7:38:22

百度系列产品学习

1.react-bmapgl封装逻辑 Map 分析react-bmapgl库中Map组件的封装流程，并以mermaid图展示。首先分析Map组件的核心实现，包括生命周期方法和子组件渲染逻辑。然后研究WrapperHOC和Component基类的封装模式，理解事件绑定和属性处理的通用逻辑。…...

编程日记 2025/6/29 5:38:10

高等数学第三章---微分中值定理与导数的应用（3.4~3.5）

3.4 函数的单调性与曲线的凹凸性一、函数的单调性 1. 函数单调性定义回顾设函数 f ( x ) f(x) f(x) 的定义域为 D D D，区间 I ⊆ D I \subseteq D I⊆D。如果对任意 x 1 , x 2 ∈ I x_1, x_2 \in I x1,x2∈I，当 x 1 < x 2 x_1 < x…...

编程日记 2025/7/7 18:14:13

idea结合CopilotChat进行样式调整实践

一、前言： 本文主要分享在前端开发中借助AI能力调整样式，提高开发效率对应视频【idea结合CopilotChat进行样式调整实践-哔哩哔哩】二、实践： 2-1、现状确认： 表格上方新增了button、swtich、select组件，需要调整…...

编程日记 2025/6/29 6:48:56

668SJBH报刊发行系统

1 前言随着我国信息产业的迅猛发展，手工管理方式已不适应社务管理的要求，报社的日常管理正面临着信息化的挑战，采用计算机管理以提高服务质量和管理水平势在必行。发行管理是社务管理的一个重要组成部分，是报社和客户联系的纽带…...

编程日记 2025/7/11 15:28:10

格式化字符串漏洞

原理在c中，printf函数在打印输出变量时通常不是直接输出，而是用一个占位符如%s printf("the number is %d\n",a);//通常用 printf(a);//而不是直接输出虽然直接输出也没有太大的问题，但如果用格式化输出，没有给后面…...

编程日记 2025/6/29 7:35:40

如何查看电脑IP地址和归属地：全面指南

在数字化时代，了解自己电脑的IP地址和归属地信息变得越来越重要。无论是进行网络故障排查、远程办公设置，还是出于网络安全考虑，掌握这些基本信息都很有必要。本文将详细介绍如何查看电脑的公网IP、内网IP以及归属地信息，并提供常…...

编程日记 2025/6/29 6:58:46

深入解析 MQTT 协议：物联网通信的基石

在当今物联网蓬勃发展的时代，设备之间高效、可靠的通信变得至关重要。MQTT（Message Queuing Telemetry Transport）协议，作为一种轻量级的消息传输协议，正逐渐成为物联网通信的基石，广泛应用于各种场景中。 …...

编程日记 2025/7/13 9:28:46

48变现干货：分销裂变方式提高销量

产品运营活动中，我们可以根据对产品属性和特性，进行选择特定的方法，分销便是一种低成本各方获利的行为之一，但并不一定100%适用所有产品。分销及裂变的概念 “分销”是指通过用户、达人、KOL等非官方渠道，参与产品的推广与销售，并获得相应收益的机制。它是一种以奖励为…...

编程日记 2025/7/6 20:25:14

AI入门：Prompt提示词写法

提示词（Prompt）是人与AI沟通的桥梁，它不是冰冷的代码指令，而是一场充满智慧与温度的对话。掌握精妙的提示词撰写技巧，能让AI更精准地理解需求，高效输出理想结果。其核心就在于——将AI视作身边真实的朋友、…...

编程日记 2025/6/28 20:05:15

MySQL复合查询全解析：从基础到多表关联与高级技巧

前言： 本文主要讲解了在MySQL中的复合查询，下面是关于本文章所需要数据的建表语句创建表的语句： DROP database IF EXISTS scott; CREATE database IF NOT EXISTS scott DEFAULT CHARACTER SET utf8 COLLATE utf8_general_ci;USE scott;D…...

编程日记 2025/6/29 6:54:36

移动 Trae 目录到 E 盘 - 解决 C 盘空间不足问题

移动 Trae 目录到 E 盘 - 解决 C 盘空间不足问题 1️⃣ 准备工作2️⃣ 移动原始文件夹3️⃣ 创建符号链接4️⃣ 清理原始文件夹5️⃣ 验证操作📝 注意事项🔄 常见问题排查1️⃣ 准备工作关闭 Trae 程序：确保所有 Trae 相关进程已完全退出（包括后台服务）。创建目标文件夹…...

编程日记 2025/6/29 8:09:39