标签:threejs

threejs

threejs 几何体一个颜色变化另外一个也跟着变

threejs 几何体一个颜色变化另外一个也跟着变
问题 在threejs项目中,可能会出现一种情况,明明修改的只是模型1的材质颜色,其他模型的材质颜色也跟着变了。 原因: 两个模型共享的同一个材质,对材质的任何修改都会同时反应在两个模型上。 两个mesh共享一个材质,改变一个mesh的颜色,另一个mesh2的颜色也会跟着改变 n...

yekong 1年前 (2023-02-28) 950℃ 0喜欢

threejs

threejs 隐藏模型和显示模型

threejs 隐藏模型和显示模型
threejs项目开发中我们会遇到隐藏模型的需要,我们可以通过属性.visible来控制模型的隐藏和显示。 .visible是true是显示,false为隐藏,默认为true group.visible = false 材质属性 .visible 材质对象的父类 Materia...

yekong 1年前 (2023-02-28) 1166℃ 0喜欢

threejs

threejs 添加对象移出对象

threejs 添加对象移出对象
threejs 通过add()添加对象,比如添加模型光源到场景中。 通过remove移出对象,将已添加的对象从父对象.children属性中删除。 const group = new THREE.Group(); const mesh1 = new THREE.Mesh(geom...

yekong 1年前 (2023-02-28) 613℃ 0喜欢

threejs

threejs 控制透视投影相机的缩放范围

threejs 控制透视投影相机的缩放范围
在实际应用中,透视投影相机的规则是远小近大,相机距离目标观察点距离越远,目标模型显示越小,距离越近显示越大. 对于透视投影相机而言,OrbitControls缩放,本质上就是改变相机的位置属性.position. 这就是说如果你想控制缩放范围,就是约束相机位置.position的...

yekong 1年前 (2023-02-28) 1093℃ 0喜欢

js

threejs 添加可视化光源

threejs 添加可视化光源
threejs在进行调试的时候,为了方便我们知道光源的位置,我们可以使用PointLightHelper来实现添加可视化点光源,从而更直观的了解到光源在3d项目中的作用。 // 添加光源 const pointLight = new THREE.PointLight(0xffff...

yekong 1年前 (2023-02-28) 503℃ 0喜欢

threejs

threejs 相机控件OrbitControls旋转缩放拖拽限制

threejs 相机控件OrbitControls旋转缩放拖拽限制
比如一个展示一个三维场景,你不希望鼠标右键拖动会产生一个平移效果。 相机控件OrbitControls有很多属性,我们可以通过属性设置来进行相关操作。 禁止右键拖拽 可以通过设置相机空间对象OrbitControls的.enablePan 属性, 查看OrbitControls源...

yekong 1年前 (2023-02-28) 632℃ 0喜欢

threejs

threejs 材质半透明设置

threejs 材质半透明设置
设置材质半透明,这样可以看到坐标系的坐标原点。 在项目开发中会遇到类似的需求,比如点击模型后,让模型以半透明的形式展示。 const material = new THREE.MeshBasicMaterial({ color: 0xeeeeff, //红色材质 ...

yekong 1年前 (2023-02-28) 1925℃ 0喜欢

threejs

我为什么花钱购买threejs课程?

我为什么花钱购买threejs课程?
因为舍不得花钱,一开始我并没有打算购买threejs的课程,但是在做的数据可视化大屏 项目中,需要渲染3d模型,3d可视化案例 3D工厂和3d可视化案例 利库这两个模型就是当时项目中需要渲染的模型。 起初我觉得购买课程太费钱了,所以就想着自己研究,于是花费了一周的时间来研究效果,...

yekong 1年前 (2023-02-12) 409℃ 0喜欢

threejs

threejs 如何设置自己想要的初始角度和大小

threejs 如何设置自己想要的初始角度和大小
threejs 在渲染完模型后,一般初始的大小和角度并不合我们的心意,这就需要我们手动调整了,但是手动调整又不好控制精度,之前的一个数据可视化大屏 项目,要调整3d模型的角度和大小,自己手动调外加显卡配置太低电脑卡顿的恨不得给主机来两锤,让它运行快一点。那时候还对threejs不...

yekong 1年前 (2023-02-09) 2083℃ 2喜欢

threejs

threejs视频教程看完了,可我还是啥都不会!

threejs视频教程看完了,可我还是啥都不会!
由于项目需要,数据大屏要渲染3d模型,这对我是一个陌生的领域,不懂咋办,东寻西觅终于让我找到一款详细的threejs视频教程,总课时595节,这么多的threejs视频课程看完后,我必将神功大成,完美。 视频开始观看,老师的视频真全乎哈,每一节基本都有代码实例,nice,都不用动...

yekong 1年前 (2023-02-08) 490℃ 1喜欢