3D 城市模型来喽!!!感兴趣的进来了解一下

菜园前端
• 阅读 68

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


3D 城市模型

3D 城市模型来喽!!!感兴趣的进来了解一下

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

设备要求

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

介绍

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

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

3D 城市模型来喽!!!感兴趣的进来了解一下

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

开发环境要求

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

学习

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

部分代码截图

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

3D 城市模型来喽!!!感兴趣的进来了解一下

3D 城市模型来喽!!!感兴趣的进来了解一下

3D 城市模型来喽!!!感兴趣的进来了解一下

3D 城市模型来喽!!!感兴趣的进来了解一下

3D 城市模型来喽!!!感兴趣的进来了解一下

点赞
收藏
评论区
推荐文章
布袋罗汉 布袋罗汉
1个月前
Autodesk Maya 2024 for Mac(3D图形软件)
AutodeskMaya2024是一款强大的3D图形软件,主要用于制作动画、虚拟现实、建筑可视化和特效等领域。它支持多种3D模型格式,并提供了广泛的工具和功能,如模型创建、材质编辑、灯光设置、摄像机操作、动画制作等。通过建模和编辑基于多边形、NURBS曲线
Wesley13 Wesley13
1年前
5G赋能智慧城市白皮书 附下载地址
随着经济社会的快速发展和加速转型,传统城市管理模式的局限性日益显现。随着全球城市化进程的加快,为了应对人口、资源、环境等对城市发展的挑战,全球各国都以“智慧城市”建设作为全新的城市发展理念和实践路径。!(https://imgconvert.csdnimg.cn/aHR0cHM6Ly9tbWJpei5xcGljLmNuL21tYml6X2pwZy
Stella981 Stella981
1年前
ElasticSearch + Canal 开发千万级的实时搜索系统
公司是做社交相关产品的,社交类产品对搜索功能需求要求就比较高,需要根据用户城市、用户ID昵称等进行搜索。项目原先的搜索接口采用SQL查询的方式实现,数据库表采用了按城市分表的方式。但随着业务的发展,搜索接口调用频次越来越高,搜索接口压力越来越大,搜索数据库经常崩溃,从而导致搜索功能经常不能使用。!(https://oscimg.oschina.n
Wesley13 Wesley13
1年前
TP3快速入门
一、查询  D方法实例化模型类的时候通常是实例化某个具体的模型类,如果你仅仅是对数据表进行基本的CURD操作的话,使用M方法实例化的话,由于不需要加载具体的模型类,所以性能会更高。$maparray();$map'u.store_id'array('eq',0);$map'u.reg_time'a
Stella981 Stella981
1年前
ARKit学习之SCNGeometrySource加顶点、法线、纹理及索引时贴图不正确
1、背景  需求:通过ARKit,让用户拍摄房间时显示挑选的家具或其它模型。  要求:需要感知房间的空间大小,让家具物体贴近现实。2、功能实现  由于公司不是用通用的3D模型obj、dae或者苹果官方的scn文件。  之前对于3D建模知识完全不懂,所以只能摸索有没有更底层的方法。  后面看例子,发现可以用SCN
Wesley13 Wesley13
1年前
56、数据库设计(铁路购票系统)作业评改
实验目的:1、根据需求完成数据库设计建模,熟练使用ER模型;2、在数据库设计方案基础上实现为数据库。    作业要求(模拟火车票购票系统):1、以ER模型展示你的设计方案,要求包含完整的设计,有实体名称、实体属性、主键,并在图中体现实体间的关系;注:ER模型,可以手绘后拍照,也可以直接在WORD中绘制,还可以使用V
广州华锐互动 广州华锐互动
9个月前
三维可视化技术软件开发好不好?3D展示制作费用华锐互动
什么是?三维可视化技术可以用在现实生活中哪些场景?从目前趋势来看,三维可视化技术的发展前景是非常不错的。它所应用的领域也是非常广泛的,比如可以运用在建筑,粮仓,港口,园区安防,消防,还可运用于城市应急数据管理,乡村农业,交通等多领域,在基于多媒体技术、网络技术以及三维镜像技术的手段下实现了数据处理的虚拟化,通过对数据进行全方位的监控,构建基于现实的3D虚拟现
广州华锐互动 广州华锐互动
9个月前
3d可视化有哪些功能_3d可视化平台搭建_华锐互动
即一种利用计算机技术,再现三维世界中的物体,并能够表示三维物体的复杂信息,使其具有实时交互的能力的一种可视化技术,是对现实世界的真实再现。通过3D结合信息交接、物联网技术控制、安全、可靠、实时显示、简易操作等物理实体技术。将园区、工业、建筑、设施等基本数据、详细的展现,结合智慧城市模型,提高城市环境、城市管理、城市设备、城市防灾、城市设备、城市消防可视化改造
广州华锐互动 广州华锐互动
9个月前
3D展示技术有哪些作用?广州华锐互动
3D线上展会:借助VR技术,展会举办方可以通过一体机、手机、电脑等设备直观的看到展会内部场景,在VR场景中参观展会,到达特定展位时,还可以有语音介绍参展商或者展品信息等等,大大提升了展会参观的效率。3D全景看房:3D全景看房就是利用3D技术,让客户通过网页可以实时浏览样板间。不仅为购房者带来逼真的沉浸式体验,更能完美的呈现家具入户后的真实效果,给客户更美好的
芝士年糕 芝士年糕
8个月前
windows开启ssh服务教程
推荐使用3A服务器安装Windows系统,首先可以先查看一下自己的电脑是否开启了SSH使用WinR,输入cmd,回车。打开WindowsPowerShell或者命令提示符窗口。输入ssh,如果出现图上内容代表你的电脑上已经安装了ssh。如果出现报错,提示错误等,就代表没有安装或者没有开启。安装并开启SSH1.通过电脑右下角打开设置。2.打开应用。2.在应