生活中如果有了景物和相机，那么如果想获得一张照片，就需要你拿着相机，按一下，咔，完成拍照。对于threejs而言，如果完成“咔”这个拍照动作，就需要一个新的对象，也就是WebGL渲染器WebGLRenderer。
前面我们创建了场景,创建了透视相机，本节我们创建渲染器来完成最终的...
yekong
2年前 (2023-02-04)
喜欢
之前我们实践了Threejs创建场景，如果想把三维场景Scene渲染到web网页上，还需要创建透视相机，就像你生活中想获得一张照片，需要一台用来拍照的相机。
Threejs提供了正投影相机OrthographicCamera和透视投影相机PerspectiveCamera。这里我...
yekong
2年前 (2023-02-03)
喜欢
三维场景Scene
threejs创建场景，可以把threejs的三维场景Scene理解为一个世界，只不过我们生活的世界是真实的，而threejs是虚拟的3d世界而已。
threejs提供了一个类:Scene,用Scene实例化出来的对象就可以表示三维场景。
引入threejs
...
yekong
2年前 (2023-02-03)
喜欢
纹理贴图就是通过threejs将图片贴在threejs创建的几何模型上面。创建纹理贴图模型需要大概以下几步
1.纹理加载器加载纹理
2.创建球形几何体
3.创建材质将纹理加入进去
4.创建网格模型将几何体和材质加入进去
5.创建场景将模型加入到场景中
demo地址
纹理贴图3d...
yekong
2年前 (2023-02-03)
喜欢
threejs完成3d地球渲染后，接下来在地球上根据经纬度进行标记，首先取个坐标比如北京经纬度116.404844,39.917813，然后利用js经纬度坐标转球面坐标方法转换坐标。
演示实例
threejs 3d地球地图北京渲染坐标点
获取坐标
首先要将经纬度转为3d球形坐标...
yekong
2年前 (2023-02-03)
喜欢
threejs通过纹理贴图实现3d地球后，我们需要在3d地球上标注我们需要标注的信息，但是球面只有x y z坐标并没有经纬度坐标，这就需要在将经纬度坐标转为球面坐标后，再在球面上标注信息。
转换代码
/**
* 经纬度坐标转球面坐标
* @param {地球半径} R ...
yekong
2年前 (2023-02-03)
喜欢
之前学习了threejs 通过纹理贴图渲染一个地球效果，学会如何渲染一个地球的效果，今天要学习3d地球如何和经纬度坐标对应。
演示实例
threejs 3d地球与经纬度的对应演示实例
通过图片我们可以知道球面和经纬度的大概关系。
接下来我们来在球面上指定位置绘制一个小球，为接下...
yekong
2年前 (2023-02-03)
喜欢
3d可视化案例 厂房开发时，客户又有新的需求要求点击特定模型隐藏模型显示模型下的子模型。
一开始是点击后进行高亮显示，如图是点击后显示为蓝色，现在有两个地方下面是有子模型的，所以要求点击后模型隐藏以便于显示子模型
处理前
处理后
上面的模型隐藏，显示出下面的子模型。点击其他模型...
yekong
2年前 (2023-01-30)
喜欢
今天查看以前的项目的时候，发现视频监控智能分析系统登录页底部有一个波浪图，不过当时还没接触过3d也没见过类似的效果，就没有去实现，今天看到了就想到threejs相关的页面见到过类似的效果，于是想着拿过来完善一下页面。让页面效果更丰富。
效果演示地址
vue数据大屏视频监控智能分析...
yekong
2年前 (2023-01-30)
喜欢
threejs 3d地球效果学习，今天学习通过纹理贴图渲染一个地球效果，最终实现大屏3D地球可视化实例的效果。
效果演示
threejs 通过纹理贴图渲染一个地球效果
代码
通过纹理加载器textureLoader加载贴图，通过SphereBufferGeometry创建一个球...
yekong
2年前 (2023-01-29)
喜欢
