《earth-flyLine》 基于threejs研发的可视化地图飞线打击(第二弹)

💪💪💪💪💪一份配置参数3D地球和2D地图一致的样式和动画💪💪💪💪💪

✨ 特性

  • 📦 开箱即用:简单快速集成,基本零成本上手。
  • 🛡 Typescript开发:提供完整的类型定义。
  • 🎨 高可扩展:丰富的样式配置和API。
  • 💪 逻辑统一:同时支持3D地球2D地图,一份参数3D和2D的同时拥有。

在线预览及文档

地址1

地址2

回顾

好兄弟姐妹们前段时间发布了《回馈老用户,推出基于Threejs封装3D地球组件飞线打击套餐》

纯真的我当时的想法就两个

1、开发这个组件回馈一下社区,一时白嫖一时爽,但是一直白嫖一直爽啊,我也让大家白嫖都爽。

2、提高生产力让大家排期的时候 排两周实际只需要一天就干完。(看你的沟通能力喽~)

本次更新

  1. 支持地球贴图 为了节省性能,新版组件加入了地球贴图的支持(2D地图后续加入)。现在,你仅需使用一张图片就能完成地球的渲染,不仅保证了视觉效果,更降低了性能消耗。

  2. 鼠标交互事件 增添了鼠标交互事件,现在你可以和chart内的模型通过鼠标交互了,我知道你会需要的,产品肯定会提出要不要加,一个click,一个mouseover,等等等等。

  3. 自定义地图标记物 新增了自定义地图标记物功能,你可以根据需要在地图任意位置添加自定义的标记图片,并且支持自定义动画效果(目前限于控制尺寸和透明度)。

  4. 配置动画参数 更全面的飞线和涟漪动画配置参数也在这次更新中得以实现。通过调整参数,你可以自主设定动画速度、循环次数等,并无需担心因为不灵活的设置而影响视觉效果。

  5. FPS限制参数 有鉴于一些性能问题,我们新增了options.limitFps参数,能够将帧数锁定在30帧,即便是低配设备用户也可以流畅体验。

  6. 当然,我也连续修复了在前一版本中出现的一些Bug,并在文档中提供了更为详细和全面的说明,帮助用户更好地理解和使用3D地球大屏组件。


更新其实两周前就做了,文章发的晚了点,因为一直没时间写,非常抱歉。

最近超级忙 究极忙,所以更新的内容有点少各位父老乡亲见谅。

在今后,我会继续优化这个开源组件,并提供更多的功能,期待你的反馈和建议。issue也是我前进的动力,继续推动这款3D地球大屏组件的迭代。

最后

如果觉得不错给个star吧,项目又不会因为你的star而炸掉~

相关推荐
codingandsleeping3 小时前
重读《你不知道的JavaScript》(上)- 作用域和闭包
前端·javascript
前端风云志5 小时前
TypeScript实用类型之Omit
javascript
烛阴5 小时前
Puppeteer入门指南:掌控浏览器,开启自动化新时代
前端·javascript
芝士加7 小时前
Playwright vs MidScene:自动化工具“双雄”谁更适合你?
前端·javascript
Carlos_sam8 小时前
OpenLayers:封装一个自定义罗盘控件
前端·javascript
前端南玖9 小时前
深入Vue3响应式:手写实现reactive与ref
前端·javascript·vue.js
springfe01019 小时前
图形化表达方法
uml·数据可视化
Yueyanc10 小时前
LobeHub桌面应用的IPC通信方案解析
前端·javascript
麦当_11 小时前
基于 Shadcn 的可配置表单解决方案
前端·javascript·面试
Cutey91611 小时前
使用Canvas实现实时视频处理:从黑白滤镜到高级特效
前端·javascript