在之前的threejs 绘制地图高度不受经纬度影响，我们解决了高度问题，但是又衍生出了新的问题，就是地图出现凹陷的情况，我们需要处理一下这种情况。
这种情况可能是由于地图区域在渲染时，高度数值与其他区域相比过低。为了使地图区域不再看起来像凹下去的一块，可以对高度数值进行一定的调整...
2年前 (2023-07-03)
喜欢
在使用threejs绘制地图的时候，threejs 在vue3项目中绘制3d地图效果实例，最近想着做一个地图下钻的效果，但是地图的高度会受到经纬度的影响，进而导致绘制出来的地图高度会跟着受影响，所以我们需要处理一下。
在使用Three.js进行地理空间数据的可视化时，经纬度会影响...
2年前 (2023-07-03)
喜欢
在threejs 在3d地图中绘制css2d地名中，我们给地图添加了css2d标签来标注地名，今天我们在之前的基础上来实现鼠标移入地图高亮，并显示对应区域名称。
效果截图
鼠标移入高亮染效果视频
射线拾取
我们通过射线拾取来获取地图信息，并进行高亮，显示当前区域名称。
/**...
2年前 (2023-07-02)
喜欢
vue3 中使用Threejs绘制地图的时候，会有下钻的需要，在实际开发中使用下钻需要重绘，如果不销毁旧场景就直接绘制会导致内存占用进而越来越卡顿，所以这里我们要先实现场景的销毁。
在 Three.js 中，当你想要销毁一个场景（scene）或者释放内存时，可以通过以下方法来实现...
2年前 (2023-07-01)
喜欢
使用 THREE.WebGLRenderer 类可以创建一个 WebGL 渲染器，用于将 Three.js 场景渲染到 HTML 页面上。
初始化参数介绍：
parameters（可选）：这是一个包含各种初始化参数的对象，用于配置WebGLRenderer的行为。常见的参数包...
2年前 (2023-06-26)
喜欢
今天我们通过threejs来实现下雪的效果。上一节我们学习了threejs 应用顶点着色打造绚丽多彩的星空，所以我们在上一节的基础上来实现下雪的效果。
首先准备素材
我们可以在iconfont平台上来找一个雪花的图标。
字体图标
代码封装
我们将上一节星空的生成封装起来，用来创...
2年前 (2023-06-25)
喜欢
THREE.Clock 是 Three.js 库中的一个辅助类，用于跟踪时间的流逝。它提供了一种简单的方式来计算帧之间的时间间隔，以及跟踪总共经过的时间。
使用 THREE.Clock 可以方便地进行游戏动画、模拟物理效果和其他需要基于时间的操作。
THREE.Clock 的常用...
2年前 (2023-06-25)
喜欢
今天我们要实现造绚丽多彩的星空的效果，星空是由五颜六色的星星组成的，所以我们来创建星星。
随机生成点
首先使用 THREE.BufferGeometry 创建5000个随机点，使用Float32Array来生成缓冲区数组。
const particlesGeometry = ne...
2年前 (2023-06-25)
喜欢
vertexColors是Three.js中的一个属性，用于指定顶点颜色。它可以应用于几何体（Geometry）或缓冲几何体（BufferGeometry），用于定义每个顶点的颜色信息。
顶点颜色是指在渲染过程中每个顶点的颜色值。当将颜色应用于顶点时，Three.js会在顶点之间...
2年前 (2023-06-25)
喜欢
Float32Array是JavaScript中的一种类型化数组（Typed Array），用于存储32位浮点数（单精度浮点数）的数据。它是在内存中连续分配的固定大小的数组，可以有效地存储和操作大量的数值数据。
在Three.js中，Float32Array常用于存储和传递几何数...
2年前 (2023-06-25)
喜欢
