全景故宫--全景图片展现数字故宫

于 2022-09-15 16:40:51 发布
阅读量808 收藏 2
点赞数 1
分类专栏： 前端知识加深 文章标签： 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/liuhao9999/article/details/126874603
版权
前端知识加深 专栏收录该内容
510 篇文章 11 订阅 ¥39.90 ¥99.00
订阅专栏
故宫，世界最大皇宫，通过470+全景图片揭示其历史风貌。项目涵盖中轴线、东西六宫、西部宫殿、东部宫殿及附属设施，提供VR体验，引领游客深入古代皇家生活。
摘要由CSDN通过智能技术生成

故宫是世界上最大的皇宫，始建于 1406 年，这里曾居住明清两代（公元 1368 年 ~ 1911 年）24位皇帝。
项目耗时数周，原始素材 4.15GB，多达 470+ 全景图片完整展现数字故宫，使用 Pano2VR 生成。

导览图

 

开始游览

全景故宫 - 470+全景图片展现数字故宫

VR 模式

配合手机应用 VR Tourviewer 和 Cardboard 设备，可以使用 VR 模式游览。

  • 手机端安装 VR Tourviewer
  • 复制项目文件到手机 /VRTourviewer
  • APP 内进入 STORAGE 菜单开始浏览

进度 (471/471)

中轴线 (88)

  •  端门 (9)
  •  午门 (3)
  •  太和门 (7)
  •  太和殿 (9)
  •  中和殿 (7)
  •  保和殿 (7)
  •  乾清门 (5)
  •  乾清宫 (6)
  •  交泰殿 (7)
  •  坤宁宫 (5)
  •  坤宁门 (8)
  •  御花园 (15)

西六

了解本专栏 订阅专栏 解锁全文
紫微前端
关注
  • 1
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
订阅专栏
现实故宫全景模型3D场景模型.zip
10-19
【3Dmax与故宫全景模型】 3Dmax是一款由Autodesk公司开发的三维建模、动画和渲染软件，广泛应用于建筑可视化、电影特效、游戏设计等领域。本资源为"现实故宫全景模型3D场景模型.zip"，其中包含了使用3Dmax创建的...
html制作网页案例代码----(故宫博物馆9页)特效很多
最新发布
而风不止
11-19 5951
采用了div+css结构、表单、超链接、浮动、绝对定位、相对定位、字体样式、引用视频等基础知识JavaScript：做与用户的交互行为（1）html文件：其中index.html是首页、其他html为二级页面； （2）css文件：css全部页面样式,文字滚动, 图片放大等； （3）js文件：js实现动态轮播特效, 表单提交, 点击事件等等（网页中运用到js代码）(1)首页：进入网页中看到的第一个页面(LOGO、公司名称、导航、banner
数字故宫（360全景+纪录片+数据库+公开课）
weixin_30542079的博客
08-22 575
一、360全景（不分先后，下同） 【全景故宫】http://mob.visualbusiness.cn/gugong-pc/v1.0.52/index.html 【AirPano故宫全景】http://www.airpano.ru/files/Beijing-China/2-2 【360紫禁城全景】http://www.dpm.org.cn/360overallview/ 【大像素全景故宫...
高中历史之图说历史故宫全景素材
09-09
【故宫全景素材】是针对高中历史教育而设计的一份珍贵的教学资源，旨在通过图像的方式，帮助学生更直观、深入地理解历史，特别是中国明清两代的宫廷文化与历史事件。故宫，位于中国的首都北京，是明清两朝的皇家宫殿...
2018故宫养心殿-多媒体互动体验展全球巡展方案【故宫】【展览】.rar
09-03
《2018故宫养心殿-多媒体互动体验展全球巡展方案》是针对故宫这一世界级文化瑰宝的一次创新性展示活动。这次展览通过多媒体互动技术，将历史与现代科技相结合，为观众提供了一种全新的参观体验。下面将详细阐述这次...
VR全景导游导览方案.zip
10-23
4.2 博物馆的VR导览，如故宫博物院的“数字故宫”项目，通过VR技术重现古建筑和文物，让观众深入了解历史文化。 五、未来展望 随着5G网络的普及，VR全景导游导览的加载速度和稳定性将得到显著提升，进一步增强用户...
汉字--拼音--网页汉字转拼音--包教包会
热门推荐
liuhao9999的博客
09-07 1万+
"疮": "chuāng","窗": "chuāng","幢": "zhuàng","床": "chuáng","闯": "chuǎng","创": "chuàng","霜": "shuāng","双": "shuāng","桩": "zhuāng","庄": "zhuāng","装": "zhuāng","妆": "zhuāng","撞": "zhuàng","壮": "zhuàng","状": "zhuàng","昌": "chāng","猖": "chāng","场": "chǎng",
如何检查对象中是否存在某个属性？
liuhao9999的博客
03-22 8461
检查对象中是否存在属性有三种方法。 第一种使用in操作符号： consto={ "prop":"bwahahah", "prop2":"hweasa" }; console.log("prop"ino);//true console.log("prop1"ino);//false 第二种使用hasOwnProperty方法，hasOwnProperty()方法会返回一个布尔值，指示对象自身属性中是否具有指定的属性（也就是，是否有指定的键）。 ......
今日头条极速版自动寻找-阅读惊喜奖励
liuhao9999的博客
07-16 8167
auto.waitFor(); function wenzhang(){ var tuijian=text("推荐").findOnce(); if(!!tuijian){ var bz=textContains("阅读惊喜奖励").findOnce(); if(!!bz){ click(bz.bounds().centerX(), bz.bounds().centerY()); sleep(2000) var zai=textContains("看视频再领").fin.
使用 AVIF 压缩您网站上的图像节省了50%以上
liuhao9999的博客
08-12 7324
图像加载对用户体验产生负面影响时，例如增加加载时间或从更重要的资源中占用带宽时，我们经常写下图像导致网站膨胀，而Lighthouse等工具会突出显示。解决此问题的一种方法是使用现代压缩来减小图像的文件大小，而 Web 开发人员的一个新选项是AVIF 图像格式。这篇博文讨论了 AVIF 开源工具的最新更新，介绍了 libaom 和 libavif 编码库，并包含使用这些库高效编码 AVIF 图像的教程。 AVIF 是一种基于 AV1 视频编解码器的图像格式，并由开放媒体联盟标准化。与其他图像格式（如 JPE
DOM 是什么？
liuhao9999的博客
03-22 7233
DOM代表文档对象模型，是 HTML 和 XML 文档的接口(API)。当浏览器第一次读取(解析)HTML文档时，它会创建一个大对象，一个基于 HTM L文档的非常大的对象，这就是DOM。它是一个从 HTML 文档中建模的树状结构。DOM 用于交互和修改DOM结构或特定元素或节点。 假设我们有这样的 HTML 结构： <!DOCTYPEhtml> <htmllang="en"> <head> <metacharset="UTF-...
Promise 是什么？
liuhao9999的博客
03-22 6814
Promise是异步编程的一种解决方案：从语法上讲，promise是一个对象，从它可以获取异步操作的消息；从本意上讲，它是承诺，承诺它过一段时间会给你一个结果。promise有三种状态：pending(等待态)，fulfiled(成功态)，rejected(失败态)；状态一旦改变，就不会再变。创造promise实例后，它会立即执行。 fs.readFile('somefile.txt',function(e,data){ if(e){ console.log(e); } ......
什么是 event.target ？
liuhao9999的博客
03-22 6314
简单来说，event.target是发生事件的元素或触发事件的元素。 假设有如下的 HTML 结构： <divonclick="clickFunc(event)"style="text-align:center;margin:15px; border:1pxsolidred;border-radius:3px;"> <divstyle="margin:25px;border:1pxsolidroyalblue;border-radius:3px;">......
透视相机（PerspectiveCamera）
liuhao9999的博客
12-08 6061
透视相机（PerspectiveCamera） 这一摄像机使用perspective projection（透视投影）来进行投影。 这一投影模式被用来模拟人眼所看到的景象，它是3D场景的渲染中使用得最普遍的投影模式。 示例 var camera = new THREE.PerspectiveCamera( 45, width / height, 1, 1000 ); scene.add( camera ); 构造器 PerspectiveCamera( fov :Number, aspect :.
HTTP的请求报文和响应报文包含哪些部分？
liuhao9999的博客
03-22 5860
请求报文包含3部分。 （1）请求行，包含请求方法、URI、HTTP版本信息。 （2）请求首部字段。 （3）请求内容实体。 响应报文包含3部分。 （1）状态行，包含HTTP版本、状态码、状态码的原因短语。 （2）响应首部字段。 （3）响应内容实体。 ......
CSS 中哪些属性可以继承？
liuhao9999的博客
03-23 5207
每个CSS属性定义的概述都指出了这个属性是默认继承的，还是默认不继承的。这决定了当你没有为元素的属性指定值时该如何计算 值。 当元素的一个继承属性没有指定值时，则取父元素的同属性的计算值。只有文档根元素取该属性的概述中给定的初始值（这里的意思应 该是在该属性本身的定义中的默认值）。 当元素的一个非继承属性（在Mozilla code里有时称之为reset property）没有指定值时，则取属性的初始值initial v alue（该值在该属性的概述里被指定）。 有继承性的属性： （1）字体系列属.
请问什么是 CICD
liuhao9999的博客
08-01 5027
CICDCICD一般合称，无需特意区分二者区别。从开发、测试到上线的过程中，借助于CICD进行一些自动化处理，保障项目质量。CICD与git集成在一起，可理解为服务器端的githooks当代码push到远程仓库后，借助WebHooks对当前代码在构建服务器(即CI服务器，也称作Runner)中进行自动构建、测试及部署等。由于近些年来CICD的全面介入，项目开发的工作流就是CICD的工作流，请看一个比较完善的CICDWorkflow。......
什么是变量提升？
liuhao9999的博客
03-22 5022
提升是用来描述变量和函数移动到其(全局或函数)作用域顶部的术语。 为了理解提升，需要来了解一下执行上下文。执行上下文是当前正在执行的“代码环境”。执行上下文有两个阶段:编译和执行。 编译-在此阶段，JS 引荐获取所有函数声明并将其提升到其作用域的顶部，以便我们稍后可以引用它们并获取所有变量声明（使用var关键字进行声明），还会为它们提供默认值：undefined。 执行——在这个阶段中，它将值赋给之前提升的变量，并执行或调用函数(对象中的方法)。 **注意:**只有使用var声明的变量，或者函数声.
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

紫微前端

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值