vue3 数据可视化大屏 5G工业区数据大屏
如果您需要设计属于自己的数据可视化大屏 请联系我们微信:17331886870
开发环境
nodejs 16
开发框架
vue3+vite+js
分辨率
1920*1080
演示地址
vue3 数据可视化大屏 5G工业区数据大屏
演示...
yekong
1年前 (2023-10-26)
喜欢
可视化大屏 项目中经常会遇到需要渲染echarts地图的情况,为了方便不同城市快速实现效果,将不同城市的echarts地图效果整理出来,供大家参考,今天为大家整理的是echarts十堰市郧西县geoJson地图渲染实例。地图基于geoJson数据绘制。
1 echarts 十堰市...
yekong
1年前 (2023-10-25)
喜欢
dayjs 是一个轻量级的日期和时间处理库,它提供了简单易用的 API 来解析、格式化、操作和显示日期和时间。与其他大型日期库(如 Moment.js)相比,dayjs 的目标是保持小巧且高性能,同时提供大部分常用的日期处理功能。
以下是 dayjs 的一些主要特点和功能:
...
yekong
1年前 (2023-10-25)
喜欢
今天要学习的是threejs 加载gltf模型和加载压缩过的模型,我们还可能会加载压缩后的模型:threejs 使用DRACOLoader加载draco压缩过的glb模型
threejs版本
使用到的threejs版本
"three": "^0.15...
yekong
1年前 (2023-10-25)
喜欢
随着开发 可视化大屏 项目越来越多,对地图的需求也各不相同,除了百度地图和高德地图外还会遇到echarts和threejs的需要,对地图的效果以及城市也各不相同,今天为大家整理echarts十堰市郧阳区geoJson地图效果实例供大家参考。地图基于geoJson数据绘制。
1 e...
yekong
1年前 (2023-10-25)
喜欢
今天要学习的是threejs 补间动画Tween应用
threejs版本
使用到的threejs版本
"three": "^0.154.0",
创建一个球
创建1个球体,为补间动画做准备
// 创建1个球
const sphere1 = new THREE.Mesh(
...
yekong
1年前 (2023-10-24)
喜欢
今天要学习的是threejs 光线投射实现3d场景交互事件,也就是我们常说的射线拾取。
我们通过点击三个球让其变为红色来实践光线投射。
threejs版本
使用到的threejs版本
"three": "^0.154.0",
创建三个球
创建三个球体,为后面的点击变色做准备。...
yekong
1年前 (2023-10-24)
喜欢
上一节我们学习了threejs 加载gltf模型过程,这一节我们学习使用DRACOLoader加载模型,首先我们需要简单的了解一下DRACO。
threejs版本
使用到的threejs版本
"three": "^0.154.0",
Draco介绍
Draco是一个用于压缩和...
yekong
1年前 (2023-10-24)
喜欢
threejs场景的线型雾和指数雾
threejs版本
"three": "^0.154.0",
threejs场景的线型雾
// 创建场景线性雾fox
scene.fog = new THREE.Fog(0x999999, 0.1, 5...
yekong
1年前 (2023-10-24)
喜欢
纹理的颜色空间
threejs版本
"three": "^0.154.0",
在Three.js中,颜色空间(color space)是一个重要的概念,它描述了如何在计算机中表示和处理颜色。颜色空间的选择会影响到最终渲染结果的颜色表现。...
yekong
1年前 (2023-10-24)
喜欢