vue 数据可视化大屏 项目开发中，会添加一些echarts地图效果，但是一些大屏项目中对地图的效果要求比较高，一般的echarts无法满足客户需要了，所以我们需要3d效果的地图，这里我们使用threejs来实现3d地图效果。今天我们要实现的是3d地图加标签效果。效果类似echa...
2年前 (2023-05-29)
喜欢
threejs项目开发中，会需要一些纹理贴图，当我们手没有纹理贴图资源的时候，我们可以通过这些网站来寻找我们需要的纹理贴图。
poliigon
poliigon
poliigon提供了近百种免费的纹理贴图资源，满足了我们对纹理贴图的基本需要。
3dtextures
3dtext...
2年前 (2023-04-24)
喜欢
之前我们实现threejs 太阳系给星球添加文字标注，但是我们还是觉得有点单调，我们再给太阳系添加一点繁星点缀的效果。
给星球添加文字标签，我们使用css2d来实现。
繁星点缀
带有繁星点缀的太阳系效果已经有同学做过了，我们取其中的繁星代码来使用。源地址为：
太阳系繁星背景
i...
2年前 (2023-04-02)
喜欢
之前我们实现threejs 太阳系提高性能 共享Geometry Material，接下来我们给星球来添加文字标注。给星球添加文字标注就是通过css2d给模型添加标注
给星球添加文字标签，我们使用css2d来实现。
标签方法
首先我们创建一个标签方法，用来接收名称
functi...
2年前 (2023-04-02)
喜欢
threejs 绘制太阳系各星球后，我们每一个星球都是单独创建的网格模型，网格模型越多，对资源的消耗也越多，那么如何减少资源的消耗呢？
我们可以通过让多个星球共享同一个网格模型，来减少网格模型，从而减少资源消耗。
星球模型重构
星球模型每次创建都会初始化一个网格模型，为了减少资...
2年前 (2023-04-02)
喜欢
之前我们实现threejs实现地球围绕太阳公转，距离threejs创建太阳系近了一步，地球围绕太阳公转了，我们需要绘制一条线用来表示公转轨道。
创建轨道方法
通过three方法我们可以使用ArcCurve来绘制轨道，我们创建一个绘制轨道的方法
import * as THREE...
2年前 (2023-03-26)
喜欢
threejs实现发光描边后，我们可以继续深入学习，进行更多的设置。
OutlinePass有很多控制高亮外边框样式的属性，下面介绍几个比较常用的属性。
OutlinePass描边颜色
OutlinePass描边颜色，通过visibleEdgeColor来实现，默认是白色
out...
2年前 (2023-03-24)
喜欢
threejs会遇到一些需求，比如模型选中后，添加一个高亮描边的效果，表示当前模型选中了，那么如何实现描边呢？
这里我们可以使用OutlinePass来实现高亮发光描边效果
后期处理需要用到EffectComposer.js效果合成器，对threejs进行后期处理。
引入Effe...
2年前 (2023-03-24)
喜欢
学习Threejs中的射线Ray概念，你可以类比数学几何中提到的射线，在三维空间中，一条线把一个点作为起点，然后沿着某个方向无限延伸。
创建射线对象
// 创建射线对象
const ray = new THREE.Ray()
射线起点 .origin
射线Ray的起点.orig...
2年前 (2023-03-09)
喜欢
vue 可视化数据大屏 智慧校园综合指挥中心项目开发中，需要使用threejs绘制一个圆环轨道
使用
circle(type.R);
绘制方法
// 圆弧轨迹绘制函数
function circle(r) {
// ArcCurve创建一个圆弧曲线
var a...
2年前 (2023-03-08)
喜欢
