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

OrbitControls

news 来源：原创 2025/5/7 11:58:59

OrbitControls
3D虚拟工厂在线体验

描述

Orbit controls（轨道控制器）可以使得相机围绕目标进行轨道运动。

Constructor

OrbitControls( object : Camera, domElement : HTMLDOMElement )

参数	类型	描述
`object`	`Camera`	（必须）将要被控制的相机。该相机不允许是其他任何对象的子级，除非该对象是场景自身。
`domElement`	`HTMLDOMElement`	用于事件监听的HTML元素。

Events

事件名	描述
`change`	当摄像机被组件改变时触发。
`start`	初始化交互时触发。
`end`	当交互结束时触发。

属性

属性	类型	默认值	描述
`.autoRotate`	`Boolean`	`false`	设为`true`以自动围绕目标旋转。需在动画循环中调用`.update()`。
`.autoRotateSpeed`	`Float`	`2.0`	自动旋转的速度（60fps时每30秒转一圈）。需调用`.update()`。
`.dampingFactor`	`Float`	`0.05`	启用阻尼时的惯性大小。需调用`.update()`。
`.domElement`	`HTMLDOMElement`	-	用于监听事件的元素（必须在构造函数中传入）。
`.enabled`	`Boolean`	`true`	是否响应操作。
`.enableDamping`	`Boolean`	`false`	启用阻尼（惯性）效果。需调用`.update()`。
`.enablePan`	`Boolean`	`true`	是否启用平移。
`.enableRotate`	`Boolean`	`true`	是否启用旋转。
`.enableZoom`	`Boolean`	`true`	是否启用缩放。
`.keyPanSpeed`	`Float`	`7`	键盘平移速度（像素/按键）。
`.keys`	`Object`	方向键	控制平移的按键代码（默认使用四个方向键）。
`.maxAzimuthAngle`	`Float`	`Infinity`	水平旋转角度上限（弧度）。
`.maxDistance`	`Float`	`Infinity`	相机外移距离上限（仅`PerspectiveCamera`）。
`.maxPolarAngle`	`Float`	`Math.PI`	垂直旋转角度上限（0到π）。
`.maxZoom`	`Float`	`Infinity`	相机缩小上限（仅`OrthographicCamera`）。
`.minAzimuthAngle`	`Float`	`-Infinity`	水平旋转角度下限（弧度）。
`.minDistance`	`Float`	`0`	相机内移距离下限（仅`PerspectiveCamera`）。
`.minPolarAngle`	`Float`	`0`	垂直旋转角度下限（0到π）。
`.minZoom`	`Float`	`0`	相机放大下限（仅`OrthographicCamera`）。
`.mouseButtons`	`Object`	`LEFT:旋转` `MIDDLE:缩放` `RIGHT:平移`	鼠标按键功能映射。
`.object`	`Camera`	-	被控制的相机。
`.panSpeed`	`Float`	`1`	平移速度。
`.position0`	`Vector3`	-	内部状态存储（用于`.reset()`）。
`.rotateSpeed`	`Float`	`1`	旋转速度。
`.screenSpacePanning`	`Boolean`	`true`	是否在屏幕空间内平移。
`.target0`	`Vector3`	-	内部状态存储（用于`.reset()`）。
`.target`	`Vector3`	-	相机轨道围绕的目标点。
`.touches`	`Object`	`ONE:旋转` `TWO:缩放平移`	触摸操作功能映射。
`.zoom0`	`Float`	-	内部状态存储（用于`.reset()`）。
`.zoomSpeed`	`Float`	`1`	缩放速度。
`.zoomToCursor`	`Boolean`	`false`	是否缩放到光标位置。

方法

方法	参数	返回值	描述
`.dispose()`	-	`undefined`	移除所有事件监听。
`.getAzimuthalAngle()`	-	`radians`	获取当前水平旋转弧度。
`.getPolarAngle()`	-	`radians`	获取当前垂直旋转弧度。
`.getDistance()`	-	`Float`	获取相机到目标的距离。
`.listenToKeyEvents(domElement)`	`domElement: HTMLDOMElement`	`undefined`	为指定元素添加按键监听（推荐`window`）。
`.reset()`	-	`undefined`	重置到上次保存的状态或初始状态。
`.saveState()`	-	`undefined`	保存当前控制器状态。
`.stopListenToKeyEvents()`	-	`undefined`	移除按键监听。
`.update(deltaTime)`	`deltaTime: Number`（可选）	`Boolean`	更新控制器。手动改变相机变换后必须调用；若启用自动旋转.autoRotate或阻尼.enableDamping，则需在更新循环中调用。可选参数deltaTime（秒）用于使自动旋转速度不受帧率影响。

例子

import { OrbitControls } from 'three/addons/controls/OrbitControls.js';
const renderer = new THREE.WebGLRenderer();
renderer.setSize( window.innerWidth, window.innerHeight );
document.body.appendChild( renderer.domElement );
const scene = new THREE.Scene();
const camera = new THREE.PerspectiveCamera( 45, window.innerWidth / window.innerHeight, 1, 10000 );
const controls = new OrbitControls( camera, renderer.domElement );
//controls.update() must be called after any manual changes to the camera's transform
camera.position.set( 0, 20, 100 );
controls.update();
function animate() {requestAnimationFrame( animate );// required if controls.enableDamping or controls.autoRotate are set to truecontrols.update();renderer.render( scene, camera );
}

OrbitControls

OrbitControls 3D虚拟工厂在线体验描述 Orbit controls（轨道控制器）可以使得相机围绕目标进行轨道运动。 Constructor OrbitControls( object : Camera, domElement : HTMLDOMElement ) 参数类型描述objectCamera（必须）将要…...

编程日记 2025/5/7 11:58:59

【数据库】四种连表查询：内连接，外连接，左连接，右连接

在数据库操作中，连表查询是处理多表关联的核心技术。以下是四种主要连接方式的详细介绍、快速掌握方法及实际应用指南： 目录 **一、四种连表查询详解****1. 内连接（INNER JOIN）****2. 左连接（LEFT JOIN / LEFT OUTER J…...

编程日记 2025/5/3 7:24:51

Redis怎么避免热点数据问题

使用 RedisTemplate 避免热点数据问题的解决方案、场景及示例： 1. 数据分片（Sharding） 场景：高频读写的计数器（如文章阅读量统计） 原理：将数据分散到多个子键，降低单个 Key 的压…...

编程日记 2025/5/3 7:23:48

完整的 VS Code + CMake + Qt + GCC 项目构建方案：EXE 程序与多个 DLL 库

完整的 VS Code CMake Qt GCC 项目构建方案：EXE 程序与多个 DLL 库在本文中，我们将介绍如何构建一个包含 EXE 程序和多个 DLL 库的项目，适用于 VS Code CMake Qt GCC 开发环境。这个方案为一个模块化的项目结构，使得代码清…...

编程日记 2025/5/7 11:49:21

Python 数据智能实战 (7)：智能流失预警 - 融合文本反馈

写在前面 —— 不再错过关键预警！结合用户行为与 LLM 文本洞察，构建更精准的流失预测模型在之前的探索中，我们学习了如何利用大语言模型 (LLM) 对用户评论进行深度挖掘，提取情感、发现主题，并将非结构化的文本信息转化为有价值的特征 (如 Embeddings)。现在，我们要将…...

编程日记 2025/5/7 11:55:28

Hello world ⌘ shift p 选择 Empty Application 模板 // 导入Material风格的组件包 // 位置在flutter安装目录/packages/flutter/lib/material.dart import package:flutter/material.dart;void main() {// runApp函数接收MainApp组件并将这个Widget作为根节点runApp(cons…...

编程日记 2025/5/3 7:21:42

Python-pandas-操作Excel文件(读取数据/写入数据)及Excel表格列名操作详细分享

Python-pandas-操作Excel文件(读取数据/写入数据) 提示：帮帮志会陆续更新非常多的IT技术知识，希望分享的内容对您有用。本章分享的是pandas的使用语法。前后每一小节的内容是存在的有：学习and理解的关联性。【帮帮志系列文章】：每…...

编程日记 2025/5/3 7:20:40

手写 Vue 源码 === Vue3 设计思想

1.声明式框架 Vue3 是声明式的框架，用起来简单。命令式和声明式区别早在 JQ 的时代编写的代码都是命令式的，命令式框架重要特点就是关注过程声明式框架更加关注结果。命令式的代码封装到了 Vuejs 中，过程靠 vuejs 来实现声明式代码更加简单，不需要关注实现，按照要求填代…...

编程日记 2025/5/7 10:58:25

Android WebView加载h5打开麦克风与摄像头的权限问题

目录快速处理 app向系统申请录音与相机权限h5向app申请录音和相机权限详细解答 app权限与h5权限录音与麦克风默许的风险最佳实践 Android webview h5 麦克风权限，摄像头（相机）权限实现与填坑。快速处理 app向系统申请录音与相机权限 …...

编程日记 2025/5/3 7:20:37

三种计算最小公倍数的方法分析

三种计算最小公倍数的方法分析与比较一.引言最小公倍数（Least Common Multiple, LCM）是数学中的一个基本概念，指能够被两个或多个整数整除的最小的正整数。在编程中，我们有多种方法可以计算两个数的最小公倍数。本文将分析三种…...

编程日记 2025/5/3 7:19:36

PDF转换工具xpdf-tools-4.05

XPDF是一个开源的PDF查看、提取和转换工具套件，使用C编写，支持多种操作系统，包括Linux、Unix、OS/2、Windows和Mac OS X‌1。XPDF不仅是一个PDF查看器，还包含多个实用工具，如文本提取器、图像转换器和HTML转换器等‌&a…...

编程日记 2025/5/7 11:25:40

aws(学习笔记第四十课) image-content-search

aws(学习笔记第四十课) image-content-search 使用SQS Lambda集成数据库（Aurora Serverless） Cognito（用户管理） rekognition（图像解析） 学习内容： 使用SQS Lambda Aurora Serverless Cog…...

编程日记 2025/5/7 11:53:16

GPT-4o 图像生成与八个示例指南

什么是GPT-4o图像生成？ 简单来说，GPT-4o图像生成是集成在ChatGPT内部的一项功能。用户可以直接在对话中，通过文本描述（Prompt）来创建、编辑和调整图像。这与之前的图像生成工具相比，体验更流畅、交互性更强…...

编程日记 2025/5/7 10:38:16

PostgreSQL 查看表膨胀情况的方法

PostgreSQL 查看表膨胀情况的方法表膨胀(Table Bloat)是PostgreSQL中由于MVCC机制导致的一种常见现象，当大量数据被更新或删除后，表中会积累"死元组"(dead tuples)，这些死元组占据空间但不可见，导致表实际占用的磁盘空…...

编程日记 2025/5/7 10:06:06

从 0 到 1！深度剖析项目实施流程，开启项目管理新视野

一、项目准备 / 前期准备 （一）跟销售进行项目交接对接人：销售人员交接会议内容： 了解项目背景、客户基本信息、项目版本、具备二次开发功能、接口、了解合同信息等。明确项目情况、客户基本情况、使用软件（版本&…...

编程日记 2025/5/7 11:51:53

书生实战营之沐曦专场

一：实验环境进入和启动实验容器(D.run平台) 1.1首先进入平台进行注册 D.run平台https://console.d.run/ 注册和登录环节就跳过了。 1.2 启动实验容器--详细步骤如下 1.2.1选择容器的名称、区域、镜像（注意镜像必须选择Dlinfer） 1.2.2可以选…...

编程日记 2025/5/7 10:25:37

在运行 Hadoop 作业时，遇到“No such file or directory”，如何在windows里打包在虚拟机里运行

最近在学习Hadoop集群map reduce分布运算过程中，经多方面排查可能是电脑本身配置的原因导致每次运行都会报“No such file or directory”的错误，最后我是通过打包文件到虚拟机里运行得到结果，具体步骤如下： 前提是要保证maven已经…...

编程日记 2025/5/7 10:01:58

基于YOLOV5的目标检测识别

基于YOLOV5的目标检测识别舰船目标检测口罩目标检测飞机目标检测舰船目标检测口罩目标检测飞机目标检测...

编程日记 2025/5/7 10:11:05

第4篇：服务层抽象与复用逻辑

在业务系统复杂度指数级增长的今天，服务层（Service Layer）的合理设计直接影响着系统的可维护性和扩展性。本文将深入剖析 Egg.js 框架中的服务层架构设计，从基础实现到高级封装，全方位讲解企业级应用的开发实践。一、…...

编程日记 2025/5/7 11:37:00

多模态大语言模型arxiv论文略读（五十四）

RoboMP 2 ^2 2: A Robotic Multimodal Perception-Planning Framework with Multimodal Large Language Models ➡️ 论文标题：RoboMP 2 ^2 2: A Robotic Multimodal Perception-Planning Framework with Multimodal Large Language Models ➡️ 论文作者&#xff…...

编程日记 2025/5/7 11:58:59

中小企业MES系统详细设计

版本：V1.1 日期：2025年5月2日一、设备协议兼容性设计 1.1 设备接入框架 #mermaid-svg-PkwqEMRIIlIBPP58 {font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;fill:#333;}#mermaid-svg-PkwqEMRIIlIBPP58 .error-icon{fill…...

编程日记 2025/5/7 10:52:26

第二十周:项目开发中遇到的相关问题(一)

自十九周开始，我们便开始着手写项目（关于新闻资讯类的Web项目），当然，在这之中我们也学到了很多高效且有用的好技术，在接下来的内容中将去具体的描述这些好技术，介绍它们的具体用法和应用场景。本…...

编程日记 2025/5/3 7:14:22

WebRtc10: 端对端1v1传输基本流程

媒体能力协商过程 RTCPeerConnection（核心类） 基本格式 pc new RTCPeerConnection([configiration]); RTCPeerConnection方法分类媒体协商Stream/Track传输相关方法统计相关方法媒体协商过程协商状态变化媒体协商方法 createOffercreateAnswe…...

编程日记 2025/5/7 11:09:19

【云备份】配置文件加载模块

目录一.为什么要配置文件二.配置文件的实现三.单例文件配置类设计四.源码一.为什么要配置文件我们将服务端程序运行中用到的一些关键信息保存到配置文件中，这样可以使程序的运行更加灵活。这样做的好处是，未来如果我们想要修改一些关键信息&…...

编程日记 2025/5/7 10:41:38

重构之道：识别并替换不合适使用的箭头函数

1、引言 JavaScript 自 ES6 引入了箭头函数（Arrow Function）后，因其简洁的语法和对 this 的词法绑定机制，迅速成为开发者喜爱的写法之一。然而，并不是所有场景都适合使用箭头函数。在实际开发中，我们常常会因为追求代码简洁而忽视其潜在问题，例如： this 指向错误不适…...

编程日记 2025/5/7 10:17:27

git问题记录-如何切换历史提交分支，且保留本地修改

问题记录我在本地编写了代码，突然想查看之前提交的代码，并且想保留当前所在分支所做的修改通过git stash对本地的代码进行暂存使用git checkout <commit-hash>切换到之前的提交记录。查看完之后我想切换回来，恢复暂存的本地代码…...

编程日记 2025/5/7 10:32:15

【MySQL】事务管理

事务管理一. 事务的概念二. 事务的特征三. 事务的版本支持四. 事务的提交方式五. 事务的常见操作六. 事务的隔离级别1. 查看与设置隔离级别2. 读未提交 (Read Uncommitted)3. 读提交 (Read Committed)4. 可重复读 (Repeatable Read)5. 串行化 (Serializable)6. 隔离级别的总结…...

编程日记 2025/5/3 7:12:14

【点对点协议（PPP）全解析】从原理到工程实践

目录前言技术背景与价值当前技术痛点解决方案概述目标读者说明一、技术原理剖析核心概念图解核心作用讲解关键技术模块说明技术选型对比二、实战演示环境配置要求核心配置实现案例1：基础PPP链路建立案例2：CHAP认证配置运行结果验证三、性能对比测试…...

编程日记 2025/5/3 7:10:11

环境搭建：开启 Django 开发之旅

一、环境搭建：开启 Django 开发之旅 （一）安装 Python 先确保电脑上装有 Python 3.6 及以上版本，Django 5.1 的话，至少得 Python 3.8 哦。安装前，先查下有没有装过 Python ，终端（Wi…...

编程日记 2025/5/3 7:10:09

如何配置NGINX作为反向代理服务器来缓存后端服务的响应？

大家好，我是锋哥。今天分享关于【如何配置NGINX作为反向代理服务器来缓存后端服务的响应？】面试题。希望对大家有帮助； 如何配置NGINX作为反向代理服务器来缓存后端服务的响应？ 1000道互联网大厂Java工程师精选面试题-Java资源…...

编程日记 2025/5/3 7:10:09

【Java IO流】File类基础详解

参考笔记：java File类基础万字详解（通俗易懂）-CSDN博客目录 1.前言 2. File类介绍 3. File类构造方法 4.File类常用的方法案例演示 4.1 创建文件/文件夹的方法 4.2 删除文件/文件夹的方法 4.3 判断文件/文件夹是否存在的方法 4.4 …...

编程日记 2025/5/3 7:09:07

《C#数据结构与算法》—201线性表

线性表的实现方式顺序表线性表的顺序存储是指在内存中用一块地址连续的空间依次存放线性表的数据元素，用这种方式存储的线性表叫顺序表。特点：表中相邻的数据元素在内存中存储位置也相邻。顺序表接口实现： 方法名参数返回值描述GetLen…...

编程日记 2025/5/3 7:09:06

MATLAB绘制局部放大图

今天，我将分享一段 MATLAB 代码，该代码生成了一个主副图结合的可视化展示，用于比较不同控制系统性能表现。 clc; clear; close all;% 生成时间向量 t 0:0.1:12;% 生成模拟数据 zero_feedback 0.5 * ones(size(t)); % 恒定…...

编程日记 2025/5/3 7:09:05

TS 常用类型

JS不会检查变量类型的变化给变量规定特定的数据类型，错误赋值时会报错优势：TS会标记出代码中的意外行为，尤其是typeerrors 具体实现：类型注解 JS和TS中数据类型的变化...

编程日记 2025/5/3 7:08:02

[Control-Chaos] Toxic Cascade(毒性級鏈)

信息信息描述靶場名稱Toxic Cascade地址GitHub: Toxic Cascade難度中等人數推薦1人類型CTF、APT 攻擊模擬、故事解謎、化工工程與逆向工程描述Toxic Cascade 是一個結合 CTF、APT 攻擊模擬、故事解謎、化工工程與逆向工程的高度沉浸式靶場。該靶場具有獨特的情境背景與模擬真…...

编程日记 2025/5/3 7:08:01

纳米AI搜索体验：MCP工具的实际应用测试，撰写报告 / 爬虫小红书效果惊艳

1. 引言近期测试了纳米AI搜索的MCP工具功能，重点体验了其智能体在报告生成和社交媒体数据分析方面的表现。平台整合了100多个MCP工具，通过本地化部署的方式，为用户提供了不同于云端方案的操作体验。本文将分享实际测试结果，包括智…...

编程日记 2025/5/3 7:08:00

React useMemo函数

第一个参数是回调函数，返回计算的结果，第二个参数是依赖项，该函数只监听count1变量的变化 import { useReducer, useState } from react; import ./App.css;// 定义一个Reducer函数根据不同的action进行不同的状态修改 function reducer(st…...

编程日记 2025/5/3 7:06:58

第 1 篇：起点的选择：为何需要超越数组与链表？

大家好，欢迎来到“数据结构选型指南”系列！在软件开发中，数据是核心，而如何高效地组织和访问这些数据，则是程序性能的关键。选择合适的数据结构，就像为你的 Java 应用选择最优的“引擎零件”。今天&#xf…...

编程日记 2025/5/3 7:06:57

MySQL 索引不生效的情况

MySQL 索引不生效的 SQL 查询需要避免的情况索引是提高 MySQL 查询性能的关键，但某些 SQL 写法会导致索引失效，从而影响查询效率。以下是需要避免的常见情况： 1. 使用 NOT、! 或 <> 操作符 -- 索引可能失效 SELECT * FROM users WH…...

编程日记 2025/5/3 7:06:57

【阿里云大模型高级工程师ACP学习笔记】2.9 大模型应用生产实践 (上篇)

特别说明：由于这一章节是2025年3月官方重点更新的部分，新增内容非常多，因此我不得不整理成上、下两篇，方便大家参考。学习目标备考阿里云大模型高级工程师ACP认证，旨在全面掌握大模型应用生产实践的专业知识，提升在该领域的实操技能与理论水平，为职业发展增添助力。具…...

编程日记 2025/5/3 7:05:53

STM32 ZIBEE DL-20 无线串口模块

一.配置方法二.串口中断 u8 i; u16 buf[20],res; u8 receiving_flag 0; // 新增一个标志，用于标记是否开始接收数组 void USART1_IRQHandler(void) {if(USART_GetITStatus(USART1, USART_IT_RXNE) ! RESET) //接收中断{res USART_ReceiveData(USART1);if(receiv…...

编程日记 2025/5/3 7:04:51

【算法基础】选择排序算法 - JAVA

一、算法基础 1.1 什么是选择排序选择排序是一种简单直观的排序算法，它的工作原理是：首先在未排序序列中找到最小（或最大）元素，存放到排序序列的起始位置，然后再从剩余未排序元素中继续寻找最小&#xf…...

编程日记 2025/5/3 7:04:51

FastAPI 与数据库交互示例

目录安装必要的包完整代码示例运行应用使用说明API 端点说明代码解析下面将创建一个简单的 FastAPI 应用程序，演示如何与 SQLite 数据库进行交互。这个例子包括创建、读取、更新和删除（CRUD）操作。安装必要的包首先，需要安装…...

编程日记 2025/5/3 7:03:48

（六——下）RestAPI 毛子（Http resilience/Refit/游标分页）

文章目录项目地址一、Refit1.1 安装需要的包1.2 创建接口IGitHubApi1.3 创建RefitGitHubService1. 实现接口2. 注册服务 1.4 修改使用方法二、Http resilience2.1 安装所需要的包2.2 创建resilience pipeline简单版2.3 创建全局的resilience处理1. 创建清理全局ResilienceHan…...

编程日记 2025/5/3 7:03:48

Rust 学习笔记：关于枚举与模式匹配的练习题

Rust 学习笔记：关于枚举与模式匹配的练习题 Rust 学习笔记：关于枚举与模式匹配的练习题以下程序能否通过编译？若能，输出是什么？考虑这两种表示结果类型的方式，若计算成功，则包含值 T&#xff1b…...

编程日记 2025/5/3 7:02:46

父子组件双向绑定

v-model 语法糖实现 vue中我们在input中可以直接使用v-model来完成双向绑定，这个时候 v-model 通常会帮我们完成两件事： v-bind:value的数据绑定@input的事件监听如果我们现在封装了一个组件，其他地方在使用这个组件时，是否也可以使用v-model来同时完成这两个功能呢？当我…...

编程日记 2025/5/3 7:02:46

系统思考与第一性原理

最近一直有客户提到“第一性原理”，希望借此穿透纷繁复杂的现象，看清事情的本质。我第一反应是：这与系统思考中的冰山模型不谋而合。冰山模型中提到：我们看到的只是表面事件，事件背后有趋势，趋势背后有结…...

编程日记 2025/5/3 7:02:45

基于Redis实现-UV统计

基于Redis实现-UV统计本文将使用HyperLogLog来实现UV统计。首先我们搞懂两个概念： UV：全称Unique Visitor，也叫独立访客量，是指通过互联网访问、浏览这个网页的自然人。1天内同一个用户多次访问该网站，只记录一次…...

编程日记 2025/5/3 7:01:43

【iOS】类与对象底层探索

类与对象底层探索 Clang探索对象本质objc_setProperty源码探索cls与类的关联原理isa的类型isa_t原理探索类&类的结构什么是元类NSObject到底有几个isa走位&继承关系图objc_class&objc_object 类结构分析计算cache类中的内存大小获取bits属性列表（prope…...

编程日记 2025/5/3 7:01:43

2025年- H18-Lc126-54.螺旋矩阵（矩阵）---java版

1.题目描述 2.思路* 思路1： 补充2： directions[1][0] // 表示“下”这个方向的行增量（1） directions[1][1] // 表示“下”这个方向的列增量（0） int[][] directions {{0, 1}, {1, 0}, {0, -1}, {-…...

编程日记 2025/5/3 7:01:42

OrbitControls

描述

Constructor

Events

属性

方法

例子

相关文章：