threejs 设置背景色，如果我们希望给threejs一个特定的背景色的话，可以通过setClearColor来设置指定颜色来实现。
设置背景颜色
var renderer = new THREE.WebGLRenderer({
antialias: true, //开...
2年前 (2023-02-07)
喜欢
如果你有web前端基础，应该了解window对象，设备像素比.devicePixelRatio是 window对象的一个属性，该属性的值和你的硬件设备屏幕相关，不同硬件设备的屏幕window.devicePixelRatio的值可能不同，可能就是1、1.5、2.0等其它值。
查看...
2年前 (2023-02-07)
喜欢
threejs 在没有开启抗锯齿的情况下，边缘会有锯齿，如果不想要这些锯齿的话，可以通过设置antialias去除。
开启抗锯齿方法
const renderer = new THREE.WebGLRenderer({
antialias: true //开启抗锯齿
}...
2年前 (2023-02-07)
喜欢
实际生活中物体表面的明暗效果是会受到光照的影响，threejs中同样也要模拟光照Light对网格模型Mesh表面的影响。
受光照影响材质
threejs提供的网格材质，有的受光照影响，有的不受光照影响。
不受光照影响的材质
基础网格材质MeshBasicMaterial不会受到光...
2年前 (2023-02-04)
喜欢
添加坐标辅助
通过THREE.AxesHelper()添加坐标辅助工具。初始化一个坐标辅助工具，这里只需要一个参数就是辅助器各个线的长度。
参数
AxesHelper( size : Number )
size -- (可选的) 表示代表轴的线段长度. 默认为 1.
创建辅助坐标...
2年前 (2023-02-04)
喜欢
生活中如果有了景物和相机，那么如果想获得一张照片，就需要你拿着相机，按一下，咔，完成拍照。对于threejs而言，如果完成“咔”这个拍照动作，就需要一个新的对象，也就是WebGL渲染器WebGLRenderer。
前面我们创建了场景,创建了透视相机，本节我们创建渲染器来完成最终的...
2年前 (2023-02-04)
喜欢
之前我们实践了Threejs创建场景，如果想把三维场景Scene渲染到web网页上，还需要创建透视相机，就像你生活中想获得一张照片，需要一台用来拍照的相机。
Threejs提供了正投影相机OrthographicCamera和透视投影相机PerspectiveCamera。这里我...
2年前 (2023-02-03)
喜欢
三维场景Scene
threejs创建场景，可以把threejs的三维场景Scene理解为一个世界，只不过我们生活的世界是真实的，而threejs是虚拟的3d世界而已。
threejs提供了一个类:Scene,用Scene实例化出来的对象就可以表示三维场景。
引入threejs
...
2年前 (2023-02-03)
喜欢
纹理贴图就是通过threejs将图片贴在threejs创建的几何模型上面。创建纹理贴图模型需要大概以下几步
1.纹理加载器加载纹理
2.创建球形几何体
3.创建材质将纹理加入进去
4.创建网格模型将几何体和材质加入进去
5.创建场景将模型加入到场景中
demo地址
纹理贴图3d...
2年前 (2023-02-03)
喜欢
threejs完成3d地球渲染后，接下来在地球上根据经纬度进行标记，首先取个坐标比如北京经纬度116.404844,39.917813，然后利用js经纬度坐标转球面坐标方法转换坐标。
演示实例
threejs 3d地球地图北京渲染坐标点
获取坐标
首先要将经纬度转为3d球形坐标...
2年前 (2023-02-03)
喜欢
