demo-collection

重要通知

项目中 Cesium 相关的例子将迁移至新的仓库中，使用 Vite 构建的 Vue3 项目，并全面使用 TypeScript。项目正在重构中，等候将迁移到新的仓库中，增加从基础到高级的各类例子 demo，并重新开源。

项目介绍

这是一个在业余时间创建的示例集合项目，包含多种视觉效果如CSS与SVG特效，包括霓虹风格按钮、赛博朋克元素等。此外，还实现了360度全景展示和VR页面浏览功能，并且有一个简单的VR看房应用。项目还包括了cesium相关的很多案例和组件、数据可视化大屏模板以及其他实验性内容。如果你觉得这些内容对你有所帮助，请给予一个Star。

此外，我还在开发一个Vue组件库——CyberPunk-UI，欢迎提交 issue 和 pr。

---

GitHub仓库

• GitHub

Gitee仓库

• Gitee

在线预览

• 在线演示

---

快速开始

克隆项目

git clone https://github.com/whanxueyu/demo-collection.git

推荐使用 pnpm 作为依赖管理工具

安装pnpm

npm install pnpm -g

安装依赖

pnpm install

开发环境编译启动热更新

pnpm run serve

生产环境打包

pnpm run build

展示截图

特效与界面

• 魔术文字和3D立体进度条

• 3D轮播图和JS打字效果

• 可视化大屏模板

• 纯前端OCR文字识别

• 各种方式实现的VR看房

Three.js

• 粒子波浪效果

• 太空背景登录页模板

Cesium

• div标签、vue组件标签、gif标签等各类标签展示

• 模型队列计算和队形转换效果，模型拖拽添加，位置修改、缩放、旋转编辑工具

• 结合Echarts实现迁徙线效果及饼图加载

• 计算赛贝尔曲线生成迁徙线效果

• 视频材质、雷达、动态墙、动态线、雷达扫描、电弧球体、粒子效果和暗色地图图层编辑