原文链接：https://note.noxussj.top/?source=helloworld

3D 城市模型

预览地址：https://3d.noxussj.top/

设备要求

• 建议使用 1920 * 1080 分辨率进行访问。
• 当前应用对电脑性能要求较高，特别是显卡。
• 如果打开后没有 60 fps 就代表你的电脑跑不动了。

介绍

3D 可视化城市模型，使用的技术栈有 vue.js + three.js + glsl。包含的功能有圆形扫描、立体扫描、横向扫描、社区高亮、地图飞线、地面线路等等。

未来计划会接入真实数据，以及添加当前城市标志性建筑，并且进行炫酷的渲染。最后还会接入 AI 语音识别来控制场景，例如戴着耳机，然后说一声放烟花，那么场景内就会有烟花出来。

提供了色彩面板，可以控制整个场景特效的颜色。

开发环境要求

• 建议使用 node v14 的版本进行安装依赖包。
• 建议通过 yarn 进行安装依赖包，而不是 npm。

学习

付费提供源码学习，需要的可以联系博主哦。邮箱地址：632922356@qq.com

部分代码截图

支持开放部分代码出来给大家观看一下，可以更深入直观的了解到 3D 项目的代码是怎么样的。