问题
在threejs项目中，可能会出现一种情况，明明修改的只是模型1的材质颜色，其他模型的材质颜色也跟着变了。
原因：
两个模型共享的同一个材质，对材质的任何修改都会同时反应在两个模型上。
两个mesh共享一个材质，改变一个mesh的颜色，另一个mesh2的颜色也会跟着改变
n...
2年前 (2023-02-28)
喜欢
threejs项目开发中我们会遇到隐藏模型的需要，我们可以通过属性.visible来控制模型的隐藏和显示。
.visible是true是显示，false为隐藏，默认为true
group.visible = false
材质属性 .visible
材质对象的父类 Materia...
2年前 (2023-02-28)
喜欢
threejs 通过add()添加对象，比如添加模型光源到场景中。
通过remove移出对象，将已添加的对象从父对象.children属性中删除。
const group = new THREE.Group();
const mesh1 = new THREE.Mesh(geom...
2年前 (2023-02-28)
喜欢
展示一个三维场景，你想控制360度旋转范围，比如一个工厂，你不希望用户看到工厂的底部，你可以通过设置相机的旋转范围属性来实现。
通过.minPolarAngle 和.maxPolarAngle 属性控制上下的旋转范围，默认从0到180度， 默认情况下0度，XOZ平面平行canva...
2年前 (2023-02-28)
喜欢
在实际应用中，透视投影相机的规则是远小近大，相机距离目标观察点距离越远，目标模型显示越小，距离越近显示越大.
对于透视投影相机而言，OrbitControls缩放，本质上就是改变相机的位置属性．position.
这就是说如果你想控制缩放范围，就是约束相机位置.position的...
2年前 (2023-02-28)
喜欢
threejs 控制正投影相机的缩放范围，对于正投影相机对象 OrthographicCamera，可以通过相机控件OrbitControls 的.minZoom和.maxZoom属性实现
正投影相机设置最小范围
controls.minZoom = 0.5
正投影相机设置最...
2年前 (2023-02-28)
喜欢
threejs在进行调试的时候，为了方便我们知道光源的位置，我们可以使用PointLightHelper来实现添加可视化点光源，从而更直观的了解到光源在3d项目中的作用。
// 添加光源
const pointLight = new THREE.PointLight(0xffff...
2年前 (2023-02-28)
喜欢
比如一个展示一个三维场景，你不希望鼠标右键拖动会产生一个平移效果。
相机控件OrbitControls有很多属性，我们可以通过属性设置来进行相关操作。
禁止右键拖拽
可以通过设置相机空间对象OrbitControls的.enablePan 属性，
查看OrbitControls源...
2年前 (2023-02-28)
喜欢
设置材质半透明，这样可以看到坐标系的坐标原点。
在项目开发中会遇到类似的需求，比如点击模型后，让模型以半透明的形式展示。
const material = new THREE.MeshBasicMaterial({
color: 0xeeeeff, //红色材质
...
2年前 (2023-02-28)
喜欢
智慧城市3D可视化WebGL介绍
《Three.js智慧城市3D可视化WebGL》主要介绍three.js在智慧城市或园区项目中的应用，比如代码自动批量生成海量3D建筑，各种常用的特效shader。
学习本课程需要前端和three.js基础
学习建议：每节课都有对应的案例源码，一...
2年前 (2023-02-19)
喜欢
