上一节我们通过threejs 在3d地图中绘制css2d地名，这一节我们使用css3d来渲染地图地名标签。
大部分代码和threejs 在3d地图中绘制css2d地名一致，只是把css2d标签改为css3d标签了。
CSS3D不面向摄像机，场景缩放时，缩小放大跟随着，不被模型遮挡...
yekong
2年前 (2023-06-20)
喜欢
vue 数据可视化大屏 项目开发中，经常需要渲染一些3d地图效果，今天整理一下3d地图的代码，希望能够让代码快速应用到项目中。
演示实例
threejs 在vue3项目中绘制3d地图效果实例
安装依赖
3d地图是使用three实现的，所以首先需要安装一下依赖，threejs不同...
yekong
2年前 (2023-06-19)
喜欢
上一节我们学习实践了threejs 旋转的粒子地球,这一节我们继续学习点材质的属性。
首先是基础代码流程，虽然之前写过了相关的流程，为了避免翻看上一节的代码，这里继续讲基础代码给列出来。
div
依然创建两个div，子div来渲染threejs场景
<template>...
yekong
2年前 (2023-06-16)
喜欢
数据可视化大屏项目开发中，会需要一些效果装饰，比如由一个个小圆点组成的旋转的球体。我们上一节学习了threejs 初识Points与点材质，那么我们就用points来做一个旋转的球体。
div
依然创建两个div，子div来渲染threejs场景
<template&g...
yekong
2年前 (2023-06-14)
喜欢
日常生活中，会有一些烟雾的效果，烟雾是固态的粒子组合到一块的效果。我们要实现粒子的效果，也可以使用threejs的points来实现。今天基于vue3环境使用threejs实现一个由粒子组成的球体。
由粒子组成的球
div
依然创建两个div，子div来渲染threejs场景
...
yekong
2年前 (2023-06-14)
喜欢
在之前我们使用threejs绘制3d地图效果添加label标签，接下来我们需要当鼠标移入到指定区域后，当前区域地图高亮。
threejs 3d地图渲染完成后，我们还需要进行交互操作，比如鼠标移入到地图指定区域后，我们需要让地图高亮。
效果演示地址
threejs 3d地图鼠标移...
yekong
2年前 (2023-05-29)
喜欢
vue 数据可视化大屏 项目开发中，会添加一些echarts地图效果，但是一些大屏项目中对地图的效果要求比较高，一般的echarts无法满足客户需要了，所以我们需要3d效果的地图，这里我们使用threejs来实现3d地图效果。今天我们要实现的是3d地图加标签效果。效果类似echa...
yekong
2年前 (2023-05-29)
喜欢
threejs项目开发中，会需要一些纹理贴图，当我们手没有纹理贴图资源的时候，我们可以通过这些网站来寻找我们需要的纹理贴图。
poliigon
poliigon
poliigon提供了近百种免费的纹理贴图资源，满足了我们对纹理贴图的基本需要。
3dtextures
3dtext...
yekong
2年前 (2023-04-24)
喜欢
之前我们实现threejs 太阳系给星球添加文字标注，但是我们还是觉得有点单调，我们再给太阳系添加一点繁星点缀的效果。
给星球添加文字标签，我们使用css2d来实现。
繁星点缀
带有繁星点缀的太阳系效果已经有同学做过了，我们取其中的繁星代码来使用。源地址为：
太阳系繁星背景
i...
yekong
2年前 (2023-04-02)
喜欢
之前我们实现threejs 太阳系提高性能 共享Geometry Material，接下来我们给星球来添加文字标注。给星球添加文字标注就是通过css2d给模型添加标注
给星球添加文字标签，我们使用css2d来实现。
标签方法
首先我们创建一个标签方法，用来接收名称
functi...
yekong
2年前 (2023-04-02)
喜欢
