随着开发 可视化数据大屏 项目越来越多,对地图的需求也各不相同,除了百度地图和高德地图外还会遇到echarts和threejs的需要,对地图的效果以及城市也各不相同,今天为大家整理平凉市灵台县echarts地图和threejs地图效果实例供大家参考。地图基于geoJson数据绘制...
yekong
1年前 (2023-06-26)
喜欢
今天我们通过threejs来实现下雪的效果。上一节我们学习了threejs 应用顶点着色打造绚丽多彩的星空，所以我们在上一节的基础上来实现下雪的效果。
首先准备素材
我们可以在iconfont平台上来找一个雪花的图标。
字体图标
代码封装
我们将上一节星空的生成封装起来，用来创...
yekong
1年前 (2023-06-25)
喜欢
THREE.Clock 是 Three.js 库中的一个辅助类，用于跟踪时间的流逝。它提供了一种简单的方式来计算帧之间的时间间隔，以及跟踪总共经过的时间。
使用 THREE.Clock 可以方便地进行游戏动画、模拟物理效果和其他需要基于时间的操作。
THREE.Clock 的常用...
yekong
1年前 (2023-06-25)
喜欢
vue3开发的 数据可视化大屏 项目中客户觉得地址中带有#号太丑了，所以需要开启history模式，来去掉#号。
要在Vue 3中开启路由的history模式，需要进行以下步骤：
安装Vue Router
安装Vue Router：确保已经安装了Vue Router依赖包。可以使...
yekong
1年前 (2023-06-25)
喜欢
数据可视化大屏 项目中会有渲染地图的需要,除了百度地图以及高德地图外，也会需要echarts或者threejs效果的地图,今天为大家整理平凉市泾川县echarts地图和threejs地图效果实例供大家参考。地图基于geoJson数据绘制。
泾川县，隶属 甘肃省 平凉市，位于甘肃省...
yekong
1年前 (2023-06-25)
喜欢
今天我们要实现造绚丽多彩的星空的效果，星空是由五颜六色的星星组成的，所以我们来创建星星。
随机生成点
首先使用 THREE.BufferGeometry 创建5000个随机点，使用Float32Array来生成缓冲区数组。
const particlesGeometry = ne...
yekong
1年前 (2023-06-25)
喜欢
vertexColors是Three.js中的一个属性，用于指定顶点颜色。它可以应用于几何体（Geometry）或缓冲几何体（BufferGeometry），用于定义每个顶点的颜色信息。
顶点颜色是指在渲染过程中每个顶点的颜色值。当将颜色应用于顶点时，Three.js会在顶点之间...
yekong
1年前 (2023-06-25)
喜欢
Float32Array是JavaScript中的一种类型化数组（Typed Array），用于存储32位浮点数（单精度浮点数）的数据。它是在内存中连续分配的固定大小的数组，可以有效地存储和操作大量的数值数据。
在Three.js中，Float32Array常用于存储和传递几何数...
yekong
1年前 (2023-06-25)
喜欢
THREE.BufferGeometry是Three.js中用于高效存储和渲染几何数据的类。相比于使用THREE.Geometry（已弃用）或直接操作顶点数组，使用THREE.BufferGeometry可以获得更好的性能和灵活性。
THREE.BufferGeometry将几何...
yekong
1年前 (2023-06-25)
喜欢
在学习threejs粒子的时候，发现自己实现的效果和视频中达到的效果差别非常大，经过查询原因如下
在使用Three.js查看粒子时，如果未能实现远小近大的效果，可能有以下几个原因：
相机设置不正确：请确保在创建透视投影相机（PerspectiveCamera）时，设置了适当的...
yekong
1年前 (2023-06-25)
喜欢
