乐趣区

关于vue.js:超级酷炫的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

退出移动版