比如一个展示一个三维场景,你不希望鼠标右键拖动会产生一个平移效果。
相机控件OrbitControls有很多属性,我们可以通过属性设置来进行相关操作。
禁止右键拖拽
可以通过设置相机空间对象OrbitControls的.enablePan 属性,
查看OrbitControls源... 3年前 (2023-02-28) 喜欢
设置材质半透明,这样可以看到坐标系的坐标原点。
在项目开发中会遇到类似的需求,比如点击模型后,让模型以半透明的形式展示。
const material = new THREE.MeshBasicMaterial({
color: 0xeeeeff, //红色材质
... 3年前 (2023-02-28) 喜欢
threejs 在渲染完模型后,一般初始的大小和角度并不合我们的心意,这就需要我们手动调整了,但是手动调整又不好控制精度,之前的一个数据可视化大屏 项目,要调整3d模型的角度和大小,自己手动调外加显卡配置太低电脑卡顿的恨不得给主机来两锤,让它运行快一点。那时候还对threejs不... 3年前 (2023-02-09) 喜欢
由于项目需要,数据大屏要渲染3d模型,这对我是一个陌生的领域,不懂咋办,东寻西觅终于让我找到一款详细的threejs视频教程,总课时595节,这么多的threejs视频课程看完后,我必将神功大成,完美。
视频开始观看,老师的视频真全乎哈,每一节基本都有代码实例,nice,都不用动... 3年前 (2023-02-08) 喜欢
threejs在对3d模型渲染的时候,可能会遇到需要换肤的情况,比如手机颜色更换,汽车颜色更换等。虽然已经看过了threejs视频教程 ,但是只是看过了还不行,还需要自己手动实践,加深印象,同时事件后保留代码实例,也会为后面可能会遇到类似的情况做准备,直接翻阅旧代码拿来复用。
只... 3年前 (2023-02-08) 喜欢
通过查询文档来实现材质颜色的修改。这次观看的threejs视频教程 老师教授的是如果通过查询文档来实现材质颜色的修改,主要讲的是查询文档。但是通过文本不好写查询文档的过程,所这里只写实现代码.
创建颜色对象
// 创建颜色对象
const color = new THREE.Co... 3年前 (2023-02-08) 喜欢
昨天有访客询问threejs 3d地图修改高度的问题,访客不想要这种高低不平的效果,而是希望地图能够一样平整,地图的高度是通过depth来控制的,我们直接搜索代码中这个字段将其统一成我们需要的数字就可以了。
修改3d地图高度前 修改3d地图高度后 ... 3年前 (2023-02-08) 喜欢
threejs 高光网格材质MeshPhongMaterial受光照影响。
MeshPhongMaterial 可以实现MeshLambertMaterial 不能实现的高光反射效果。对于 高光效果,你可以想象一下,你在太阳下面观察一辆车,你会发现在特定角度和位置,你可以看到车表... 3年前 (2023-02-07) 喜欢
threejs 平面图形,默认正面可以看到背面看不到。我们可以通过side进行设置
单面可见
通过side:THREE.FrontSide设置单面可见
// 创建圆形平面
const geometry = new THREE.CircleGeometry(50)
// 创建对象材... 3年前 (2023-02-07) 喜欢
创建长方体
参数 长宽高 // 创建长方体
const geometry = new THREE.BoxGeometry(50, 50, 50)
// 创建对象材质
const material = new THREE.MeshLambertMaterial({
col... 3年前 (2023-02-07) 喜欢