搜索

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


发布时间: 2023-03-23 10:59:00    浏览次数:14 次

分享时间:2023-03-23 10:59:00
数据来源:网络
提取密码:在线浏览
文件类型:文章

3D 城市模型!

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

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

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

设备要求

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

介绍

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

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

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

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


开发环境要求

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

学习

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


部分代码截图

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

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

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

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

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

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


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

免责声明 超级酷炫的3D 城市模型!,资源类别:文本, 浏览次数:14 次, 文件大小:-- , 由本站蜘蛛搜索收录2023-03-23 10:59:00。此页面由程序自动采集,只作交流和学习使用,本站不储存任何资源文件,如有侵权内容请联系我们举报删除, 感谢您对本站的支持。 原文链接:https://segmentfault.com/a/1190000043574391