超级酷炫的3D 城市模型!

3D 城市模型!

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

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

设备要求

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

介绍

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

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

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


开发环境要求

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

学习

付费提供源码学习,需要的可以联系博主哦 632922356@qq.com


部分代码截图

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


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

作者:菜园前端原文地址:https://segmentfault.com/a/1190000043574391

%s 个评论

要回复文章请先登录注册