原文链接:https://note.noxussj.top/?source=helloworld
3D 城市模型
设备要求
- 建议使用 1920 * 1080 分辨率进行访问。
- 当前应用对电脑性能要求较高,特别是显卡。
- 如果打开后没有 60 fps 就代表你的电脑跑不动了。
介绍
3D 可视化城市模型,使用的技术栈有 vue.js + three.js + glsl。包含的功能有圆形扫描、立体扫描、横向扫描、社区高亮、地图飞线、地面线路等等。
未来计划会接入真实数据,以及添加当前城市标志性建筑,并且进行炫酷的渲染。最后还会接入 AI 语音识别来控制场景,例如戴着耳机,然后说一声放烟花,那么场景内就会有烟花出来。
提供了色彩面板,可以控制整个场景特效的颜色。
开发环境要求
- 建议使用 node v14 的版本进行安装依赖包。
- 建议通过 yarn 进行安装依赖包,而不是 npm。
学习
付费提供源码学习,需要的可以联系博主哦。邮箱地址:632922356@qq.com
部分代码截图
支持开放部分代码出来给大家观看一下,可以更深入直观的了解到 3D 项目的代码是怎么样的。