标签:threejs

threejs

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

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

3年前 (2023-02-28) 喜欢

threejs

threejs 材质半透明设置

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

3年前 (2023-02-28) 喜欢

threejs

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

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

3年前 (2023-02-09) 喜欢

threejs

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

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

3年前 (2023-02-08) 喜欢

threejs

vue3 threejs 对gltf模型进行换肤

vue3 threejs 对gltf模型进行换肤
threejs在对3d模型渲染的时候,可能会遇到需要换肤的情况,比如手机颜色更换,汽车颜色更换等。虽然已经看过了threejs视频教程 ,但是只是看过了还不行,还需要自己手动实践,加深印象,同时事件后保留代码实例,也会为后面可能会遇到类似的情况做准备,直接翻阅旧代码拿来复用。 只...

3年前 (2023-02-08) 喜欢

threejs

threejs 修改模型材质颜色Color对象

threejs 修改模型材质颜色Color对象
通过查询文档来实现材质颜色的修改。这次观看的threejs视频教程 老师教授的是如果通过查询文档来实现材质颜色的修改,主要讲的是查询文档。但是通过文本不好写查询文档的过程,所这里只写实现代码. 创建颜色对象 // 创建颜色对象 const color = new THREE.Co...

3年前 (2023-02-08) 喜欢

threejs

threejs 修改3d地图高度

threejs 修改3d地图高度
昨天有访客询问threejs 3d地图修改高度的问题,访客不想要这种高低不平的效果,而是希望地图能够一样平整,地图的高度是通过depth来控制的,我们直接搜索代码中这个字段将其统一成我们需要的数字就可以了。 修改3d地图高度前 修改3d地图高度后 ...

3年前 (2023-02-08) 喜欢

threejs

threejs 高光网格材质MeshPhongMaterial

threejs 高光网格材质MeshPhongMaterial
threejs 高光网格材质MeshPhongMaterial受光照影响。 MeshPhongMaterial 可以实现MeshLambertMaterial 不能实现的高光反射效果。对于 高光效果,你可以想象一下,你在太阳下面观察一辆车,你会发现在特定角度和位置,你可以看到车表...

3年前 (2023-02-07) 喜欢

threejs

threejs 平面单面可见和双面可见

threejs 平面单面可见和双面可见
threejs 平面图形,默认正面可以看到背面看不到。我们可以通过side进行设置 单面可见 通过side:THREE.FrontSide设置单面可见 // 创建圆形平面 const geometry = new THREE.CircleGeometry(50) // 创建对象材...

3年前 (2023-02-07) 喜欢