从零开始学习3D可视化之摄像机

【Three.js】轨道控制器(OrbitControls)的使用 轨道控制器可以使得相机围绕目标进行轨道运动。轨道控制器功能不可以通过three模块来直接访问,需要从 example/jsm 子目录下导入。 阅读详情

数字孪生可视化场景中的摄像机,与大家拍照时使用相机的功能相似,数字孪生可视化场景中用摄像机来确定观察 3D 场景的视角。摄像机包含两个重要的位置参数:镜头位置 position 和被拍摄物体的位置 target (又叫目标点)。

1、设置摄像机位置

将下面的代码输入到项目文件中,获取当前摄像机 camera 的 position 和 target 属性,就可以得到数字孪生可视化场景中摄像机的位置信息,也可以将其打印在控制台中。

// 加载场景代码 
var app = new THING.App({
    url: 'https://www.thingjs.com/static/models/storehouse'  // 场景地址
});

var pos = app.camera.position; //获取摄像机镜头位置
var target = app.camera.target; //获取摄像机目标点位置

console.log(pos);
console.log(target);

运行项目后,在预览窗口,可以展示出创建的数字孪生可视化物体,如下图所示。

通过摄像机的 fit() 方法,也可以设置摄像机位置。

var app = new THING.App({
    url: 'https://www.thingjs.com/static/models/storehouse'  // 场景地址
});

// 加载完成事件 
app.on('load', function (ev) {
    /* 参数:
        ev.campus        园区,类型:Campus
        ev.buildings    园区建筑物,类型:Selector
    */
    var campus = ev.campus;
    console.log('afte
从零开始学习3D可视化之摄像机自由飞行 我学习数字孪生可视化有一小段时间了,第一个制作目标就是在数字孪生可视化场景中实现一个自由飞行的摄像机。使用WSAD键控制摄像机的前后左右移动,使用QE控制摄像机的升降。 这个功能比较简单,代码也一目了然,不做过多解释了,直接上代码吧。 var app = new THING.App({ url: 'https://www.thingjs.com/static/models/storehouse' }); // 加载场景后执行 app.on('load', function () { 阅读详情

相关推荐

从零开始:Three.js 3D地图开发全流程解析

本文详细解析了使用Three.js从零开发3D地图的全流程。从环境搭建、核心概念理解,到利用GeoJSON数据与ExtrudeGeometry创建立体地图模型,再到添加光照、实现鼠标交互与性能优化,手把手教你构建一个可旋转、缩放、交互的酷炫3D地图应用。

silver的专栏 867

从零开始学习3D可视化之数据对接(3)

MQTT是ThingJS平台支持的四种数据对接方式之一,MQTT又称Message Queuing Telemetry Transport,消息队列遥测传输,是 ISO 标准(ISO/IEC PRF 20922)下基于发布 (Publish)或订阅 (Subscribe)范式的消息协议,可视为“资料传递的桥梁”。MQTT是一个轻量级协议,使用MQTT协议的中心是broker(服务器/代理),客户端通过订阅消息和发布消息进行数据交互。 使用MQTT方式的步骤如下: 1.直接连接MQTT服务器(需支持w

ThingJS的博客 2279

Unity3D数据可视化插件:从3D场景构建到实时大屏开发实战

数据可视化是将抽象数据转化为直观图形的技术,其核心原理在于通过视觉编码映射数据维度,帮助用户快速洞察信息模式与趋势。在工程实践中,随着对沉浸式体验和实时交互需求的增长,传统的二维图表库在复杂三维渲染与跨平台部署上逐渐显现局限。Unity3D作为成熟的实时3D内容创作平台,凭借其高效的渲染管线、强大的物理系统与动画状态机,为构建高动态、可交互的三维数据场景提供了底层支持。通过封装数据绑定、可视化预制件与交互通道等模块,Unity3D可视化插件能够将数据流直接驱动模型变化、粒子特效与光影调整,显著降低开发门槛。

weixin_33695082的博客 478

Qt集成Coin3D(OpenInventor)实现工业级3D可视化应用

本文详细介绍了如何利用Qt集成Coin3D(OpenInventor)构建工业级3D可视化应用。通过分析场景图核心概念、提供环境配置指南及实战代码,阐述了该组合在设备监控、产线仿真等工业场景中,如何高效管理复杂模型并实现流畅交互,是替代游戏引擎的轻量级专业解决方案。

weixin_28419039的博客 143

艺镜AI 3D导演台:文本生成3D场景的核心功能与实战指南

自然语言处理(NLP)技术通过语义解析将文本描述转化为结构化数据,结合计算机图形学原理实现3D场景的智能生成。这项技术的核心价值在于大幅降低3D内容创作的技术门槛,使非专业用户也能快速实现创意可视化。在工程实践中,系统通过预训练的3D资产库进行智能匹配,并运用实时渲染技术优化场景布局与灯光效果。应用场景涵盖游戏开发原型设计、影视预可视化、教育模拟展示等领域。艺镜AI 3D导演台作为典型应用,通过导演台概念强化了场景控制能力,支持用户通过文本提示词调整摄像机角度与材质细节,为快速生成室内外环境提供了实用解决方

cuanji3287的博客 386

Triplex:VS Code内React 3D可视化开发工具,提升R3F开发效率

在3D Web开发领域,可视化编辑与代码开发的融合一直是提升效率的关键。传统开发流程中,开发者需在代码编辑器与浏览器预览间反复切换,通过调整数值参数来控制3D物体的位置、旋转与材质,过程繁琐且依赖想象。React Three Fiber(R3F)作为基于Three.js的React渲染库,虽简化了3D场景的组件化构建,但视觉调整仍缺乏直观性。Triplex创新性地将可视化编辑器深度集成至VS Code,实现了对R3F组件的实时、所见即所得的编辑。其核心原理是直接操作React组件的JSX与Props,所有修

weixin_30599769的博客 439

AI办公Agent技术:文档与表格智能处理实践

办公自动化技术正从规则驱动转向语义理解,大语言模型(LLM)为办公Agent赋予了智能决策能力。这类系统通过五层架构整合自然语言处理、工具API调用和任务规划引擎,能自动完成文档分类、表格分析等高重复性工作。关键技术包括基于TF-IDF和BERT的特征提取、Excel公式自动生成等,在财务报告、法律审查等场景可实现90%以上的效率提升。随着多模态能力和领域专业化发展,办公Agent正在重塑企业文档处理流程,成为数字化转型的核心基础设施。

weixin_30263277的博客 521

SAGA GIS英文版进行地形分析,计算常用的地形因子等

SAGA GIS中文版是一款专业的自动化地球科学分析系统软件。SAGA GIS最新版界面简洁,操作简便,用户使用时输入要分割的影像,选择要计算特征的影像或者波段,设置越大,得到的斑块越大;反之,则越小,点击Okay,得到分割影像图。SAGA GIS中文版主要通过选择适合你影像的格式,加载影像。 SAGA GIS全称是System for Automated Geoscientific Analyses,是一种用于编辑空间数据的地理信息系统(GIS)计算机程序,它是免费的开源软件,SAGA GIS旨在为科学家

qq_35794085的博客 5648

扣子(coze)案例^第22期:零代码打造小红书竞品监控系统+AI自动生成运营策略建议

本文详细介绍了如何利用扣子(coze)平台零代码搭建小红书竞品监控系统。该系统通过自动化工作流抓取竞品笔记数据,并存入飞书多维表格,结合AI能力自动生成包含可视化分析报告在内的运营策略建议,帮助运营者高效进行数据驱动的市场分析。

weixin_29313239的博客 1007

万象RK3506-EG1800网关使用说明

摘要:HD-RK3506-EG1800是一款高性能工业物联网边缘计算网关,支持Buildroot和Ubuntu双系统。文档详细介绍了网关的网络配置(包括ETH0/ETH1的静态IP设置、WiFi连接)、时钟同步、HSL软件安装配置(含开机自启动服务)、系统日志优化以及刷机操作指南(Loader/Maskrom模式)。特别提供了基于lighttpd的网页管理方案,通过HTML界面实现网络参数可视化配置,包含身份验证、实时状态显示和表单提交功能。网关默认ETH0固定IP为192.168.1.10,提供完整的CL

tian_jiangnan的博客 178

RISC-V嵌入式开发实战:手把手教你读懂并修改CH32V103的链接脚本(.ld)

本文深入解析RISC-V嵌入式开发中CH32V103链接脚本(.ld)的编写与优化技巧。从内存布局、段分配到实战调试,详细讲解如何解决程序跑飞、变量异常等典型问题,特别针对RISC-V架构的gp寄存器优化、中断向量表处理等特性提供专业指导,帮助开发者充分利用64KB Flash和20KB RAM资源。

weixin_33704234的博客 176

别再只看K线了!用Python自制筹码分布图,可视化Winner函数帮你判断支撑压力

本文详细介绍了如何用Python自制筹码分布图,通过数据清洗、算法实现和动态可视化,帮助投资者更准确地判断股票支撑压力位。文章重点讲解了Winner函数的应用,结合筹码分布与交易策略,提升交易决策的精准度。

weixin_42520796的博客 316

第一节:从Chat_Bot 到 AI_Agent——一个范式转换

本文系统剖析了工业级AI代理系统ClaudeCode的设计原理与工程实践。通过对比ChatBot与Agent的三个本质差异:自主循环决策vs单轮应答、环境交互vs纯文本I/O、持久状态管理vs无状态对话,揭示了构建生产级Agent系统的关键挑战。文章详细解析了ClaudeCode的五层架构设计、1800+文件组成的运行时系统,包括工具调度、权限管理、状态持久化等核心机制,并阐述了从简单API调用到完整Agent系统的演进路径。

2201_75869398的博客 69

Plecs standalone 4.9.5最新版本,赶紧来下载使用吧,需要做并网逆变器及光伏储能变换器的朋友赶紧下载起来

PLECS 4.9.5较4.7.1版实现全面升级:采用自适应求解器切换技术,支持多核CPU/GPU加速,仿真速度提升30-50%;新增模型引用功能,实现模块化设计;强化光伏/风电等新能源组件,支持多物理场耦合分析;优化代码生成功能,兼容多种硬件平台和FMU导入。新版特别适用于复杂电力电子系统、多域联合仿真及硬件在环测试项目,但对硬件配置要求更高。基础教学项目仍可使用4.7.1版本。建议用户根据项目复杂度选择升级方案。

2457

复分析 阿尔福斯(Ahlfors) 第三版答案 英文

答案分为十章,有部分习题没有答案,全英文复分析阿尔福斯(Ahlfors) 第三版答案

大中型超市收银系统(可直接运行)

光步前台收银系统系统功能:商品销售、商品退货、挂单、收银员权限、会员销售、单品取消、整单取消、商品查询、脱机销售、脱机数据上传,基本资料下载,开钱箱、小票打印、收款结算,支持多币种付款方式(现金、储值卡、礼券、微信等),支持多种促销。运行环境:.net 4.0登陆信息用户名:1001 密码:123456内置商品信息,商品编码可输入00001000 - 00010000,测试效果相关功能键F5 结算 F9挂单 F11商品查询 F8退货 Insert单品取消 Del整单取消 F12开钱箱F2 会员 Ctrl+Z退出系统 Home 锁屏 相关源码待公开

WINCC7.3破解文件

WINCC7.3硬件够破解文件,有需要的下载!WINCC7.3硬件够破解文件,有需要的下载!

霍尼韦尔SoftMaster使用说明

霍尼韦尔SoftMaster使用说明

上一篇: 教你给场景添加天空盒,超简单!
下一篇: 从零开始学习3D可视化之摄像机投影方式
ThingJS_小锘
博客等级 码龄6年 170粉丝 254原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付:10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值