标签:threejs

threejs

threejs一个场景可以放两个相机吗?

threejs一个场景可以放两个相机吗?
在Three.js中,一个场景确实可以包含多个相机。你可以创建多个THREE.Camera对象,并在渲染循环中选择性地使用它们。每个相机可以有不同的视角、焦距和其他参数,允许你从不同的视点渲染场景。这在创建分屏视图或者在同一场景中需要从多个角度观察时非常有用。 例如,你可以创建一...

yekong 2个月前 (02-22) 118℃ 0喜欢

threejs

怎么在threejs的3d模型上加文字标注?

怎么在threejs的3d模型上加文字标注?
threejs项目开发过程中,我们在渲染完模型后,需要在模型的特定位置添加文字标注。 首先我们需要处理模型,在特定的模型上添加网格模型,然后根据网格模型的名称进行定位。 这里我们用机房模型,使用blender在模型的特定坐标添加一个网格模型,名称设置为标注。 模型上添加特定名称的...

yekong 2个月前 (02-22) 156℃ 0喜欢

js

threejs 给3d模型添加标注 实例

threejs 给3d模型添加标注 实例
要求 项目要求,在3d模型中显示标注,并且可以点击标注进行弹窗。 实现 threejs 给3d模型添加标注,首先需要让建模师在模型中添加网格模型并按照指定要求命名,然后请求接口,获取名称,查询模型名称获取坐标,并渲染在指定位置。 代码 主组件 <template> ...

yekong 3个月前 (01-31) 2272℃ 2喜欢

threejs

threejs 3d环绕旋转动画效果实例

threejs 3d环绕旋转动画效果实例
之前的一个数据可视化大屏 项目开发中,有一个要求是需要进行3d环绕旋转的效果,这个效果之前有个案例demo中看到过,是通过css的matrix3d方式实现的,css实现方式,但是这个demo的css太长了,如果按照这个来写的话,实在是困难,首先每一个的css都特别长,写10几个的...

yekong 6个月前 (10-11) 1271℃ 0喜欢

js

threejs相机控件轨道控制器OrbitControls

threejs相机控件轨道控制器OrbitControls
平时开发调试代码,或者展示模型的时候,可以通过相机控件OrbitControls实现旋转缩放预览效果。 three版本 "three": "^0.154.0", 效果截图 演示地址 threejs添加轨道控制器 OrbitControl...

yekong 7个月前 (10-02) 616℃ 1喜欢

threejs

gui 初始化后如何销毁

gui 初始化后如何销毁
three项目开发中会集成gui插件用来做一些交互,因为项目需要多次初始化,导致gui也重复初始化出现了多个gui插件,这时候我们需要销毁旧的避免出现多个gui界面。 旧代码 import {GUI} from 'three/examples/jsm/libs/lil-gui.m...

yekong 7个月前 (09-16) 311℃ 0喜欢

nodejs

node:url模块介绍

node:url模块介绍
node:url 是 Node.js 核心模块之一,提供了一些实用工具来处理和解析 URL。以下是 url 模块的一些主要功能和方法: url.parse(urlString[, parseQueryString[, slashesDenoteHost]]): 将 URL ...

yekong 7个月前 (09-11) 252℃ 0喜欢

threejs

开源库draco介绍

开源库draco介绍
Draco 是一个开源库,它的主要目的是为了压缩和解压缩三维(3D)几何图形。随着虚拟现实(VR)和增强现实(AR)的兴起,3D 内容变得越来越普遍,因此有一个有效的方式来传输和加载这些内容就变得尤为重要。 以下是 Draco 的一些主要特点和介绍: 高效的压缩技巧:Drac...

yekong 7个月前 (09-11) 302℃ 0喜欢