threejs在对3d模型渲染的时候，可能会遇到需要换肤的情况，比如手机颜色更换，汽车颜色更换等。虽然已经看过了threejs视频教程 ,但是只是看过了还不行，还需要自己手动实践，加深印象，同时事件后保留代码实例，也会为后面可能会遇到类似的情况做准备，直接翻阅旧代码拿来复用。
只...
yekong
1年前 (2023-02-08) 916℃
0喜欢
通过查询文档来实现材质颜色的修改。这次观看的threejs视频教程 老师教授的是如果通过查询文档来实现材质颜色的修改，主要讲的是查询文档。但是通过文本不好写查询文档的过程，所这里只写实现代码.
创建颜色对象
// 创建颜色对象
const color = new THREE.Co...
yekong
1年前 (2023-02-08) 2140℃
0喜欢
昨天有访客询问threejs 3d地图修改高度的问题，访客不想要这种高低不平的效果，而是希望地图能够一样平整，地图的高度是通过depth来控制的，我们直接搜索代码中这个字段将其统一成我们需要的数字就可以了。
修改3d地图高度前
修改3d地图高度后
...
yekong
1年前 (2023-02-08) 1019℃
2喜欢
threejs 高光网格材质MeshPhongMaterial受光照影响。
MeshPhongMaterial 可以实现MeshLambertMaterial 不能实现的高光反射效果。对于 高光效果，你可以想象一下，你在太阳下面观察一辆车，你会发现在特定角度和位置，你可以看到车表...
yekong
1年前 (2023-02-07) 743℃
0喜欢
threejs 平面图形，默认正面可以看到背面看不到。我们可以通过side进行设置
单面可见
通过side:THREE.FrontSide设置单面可见
// 创建圆形平面
const geometry = new THREE.CircleGeometry(50)
// 创建对象材...
yekong
1年前 (2023-02-07) 931℃
1喜欢
创建长方体
参数 长宽高
// 创建长方体
const geometry = new THREE.BoxGeometry(50, 50, 50)
// 创建对象材质
const material = new THREE.MeshLambertMaterial({
col...
yekong
1年前 (2023-02-07) 731℃
0喜欢
实际生活中物体表面的明暗效果是会受到光照的影响，threejs中同样也要模拟光照Light对网格模型Mesh表面的影响。
受光照影响材质
threejs提供的网格材质，有的受光照影响，有的不受光照影响。
不受光照影响的材质
基础网格材质MeshBasicMaterial不会受到光...
yekong
1年前 (2023-02-04) 1022℃
0喜欢
添加坐标辅助
通过THREE.AxesHelper()添加坐标辅助工具。初始化一个坐标辅助工具，这里只需要一个参数就是辅助器各个线的长度。
参数
AxesHelper( size : Number )
size -- (可选的) 表示代表轴的线段长度. 默认为 1.
创建辅助坐标...
yekong
1年前 (2023-02-04) 1249℃
0喜欢
生活中如果有了景物和相机，那么如果想获得一张照片，就需要你拿着相机，按一下，咔，完成拍照。对于threejs而言，如果完成“咔”这个拍照动作，就需要一个新的对象，也就是WebGL渲染器WebGLRenderer。
前面我们创建了场景,创建了透视相机，本节我们创建渲染器来完成最终的...
yekong
1年前 (2023-02-04) 954℃
0喜欢
之前我们实践了Threejs创建场景，如果想把三维场景Scene渲染到web网页上，还需要创建透视相机，就像你生活中想获得一张照片，需要一台用来拍照的相机。
Threejs提供了正投影相机OrthographicCamera和透视投影相机PerspectiveCamera。这里我...
yekong
1年前 (2023-02-03) 976℃
0喜欢
