Skip to content

rlmyfs/cesium-vue3-vite

 
 

Repository files navigation

教程

如有需要《Cesium 从入门到实战》教程的请 + 微信:brown_7778 课程 V1.0 版本已完结,详情请戳:https://ww7rybwvygd.feishu.cn/docx/PG1TdAhK0oASyZxluGqciO7BnSg

可以优先锁定早鸟价格,后续会阶梯式涨价!

Vue 3 + Vite

项目基于 vue3 + vite + cesium,已实现常见三维动画场景,效果浏览:https://tingyuxuan2302.github.io/cesium-vue3-vite/#/

欢迎交流

微信:brown_7778

项目启动

npm i
npm run dev

// 安装失败的把node_modules删掉,用yarn安装
yarn install

功能(已完成)

  • 粒子效果

    • 下雨
    • 下雪
    • 雾天
    • 火焰
  • POI 点位

    • 基础打点
    • 聚合
    • primitive 底层打点(性能佳)
    • primitive 聚合(性能佳)
    • 点位动态弹窗
  • 第三方服务加载

    • xyz 瓦片
    • 3D Tiles
  • 材质

    • 道路闪烁
    • 道路流光效果
    • 辐射圈
    • 圆扩散
    • 四色图
    • 流动的水面
    • 天空盒
    • 电子围栏
    • 多边形扩散墙
  • 几何

    • 基本要素
    • 量测
    • 点线面绘制
    • 态势图、箭头
    • 地形压平
    • 模型压平
  • 场景

    • 水淹模拟
    • 热力图
    • 时间轴
    • 遮罩反选(边界)
  • 分析

    • 天际线分析
    • 等高线分析
    • 可视域分析
    • 方量(填挖方)分析
  • 模型

    • 卫星轨道 czml
  • 进阶功能

    • 动态网格水
    • 3D 风场
    • 模型插值运动
    • 视频投射
    • 数据自动化生成道路模型
    • 雷达发射波
    • GUI 视锥体
    • 楼栋分层
    • 地形挖洞
    • gif 动图
    • 台风气象模拟

TODO

计划(需求收集中...)

  • 三维动画网格热图

优化

  • 量测工具性能卡顿
  • 火焰粒子效果不太好看(虽然已经优化过一版,但是感觉还是差点意思,如有更好效果欢迎交流)
  • 基于 primitive 实现点聚合效果
  • 3dtiles 加载缓慢,尝试使用异步方法优化

About

项目基于 vue3 + vite + cesium,已实现常见三维动画场,欢迎有兴趣的同学加入共建~

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 93.8%
  • Vue 5.9%
  • Other 0.3%