当前位置: 首页 > news >正文

0基础学习VR全景平台篇 第96篇:VR电子楼书

大家好,欢迎观看蛙色VR官方系列课程——VR电子楼书!

作为2021年底全新上线的行业解决方案,是专门针对地产、园区数字化营销的一站式VR解决方案,为行业潜在客户提供优质的7x24小时线上看房体验。

本期教程将通过功能介绍+后台操作,全方位教程,带你“手把手”制作一个VR电子楼书项目。

一、案例中应用到的素材和功能

1、原始素材

全景图片/视频、虚拟建模、平面图片/视频。

2、应用功能

作品分组、开场视频、热点功能、自定义菜单、嵌入功能、留言功能、嵌入功能、销售经理功能、电子沙盘等。

二、项目应用

1、鸟瞰沙盘/VR样板间

(1)功能介绍

鸟瞰沙盘/VR样板间作为作品展示的核心内容,基于建筑模型实景1:1精细化制作、楼盘位置充分展示、周边配套设施一体化呈现,不同楼层的功能分区、交通连接方式、空间立体变化720°全视角呈现。

(2)功能应用

鸟瞰沙盘/VR样板间,可用三维建模和VR实景拍摄两种展示形式。

①三维建模,常用于暂未完全建成的园区、房产项目,将未来规划区域优势和周边设施集成于线上,使购房者以鸟瞰视角720°漫游园区实景。

②VR实景航拍,常用于基本建成的园区、房产项目,基于现有区域优势资源,为园区招商和房产销售提供必要展示手段。

(3)后台操作

①创建作品后-进入作品编辑器后台;

②选择“+”添加场景;

③上传或选择项目素材;

④调整视角至最佳展示位置。

2、作品分组

(1)功能介绍


有序的作品分组,将有助于园区、房产进行充分展示,便于观看者更加容易了解整体布局,一般房产类型内容展示可分为航拍全景、公共设施、户型样板房、专属功能区等分组。

(2)后台设置

①底部菜单栏-添加分组;

②素材内容需细分,可添加二级分组;

③支持将素材跨分组进行拖拽,进行有序排列。

3、皮肤

(1)功能介绍

皮肤,将直接影响作品展示形式,本案例用到的是全新上线的房产皮肤,此外还有默认样式和获得外观专利认证的轮盘皮肤,为大家提供精品展示形式。

①高级功能-皮肤

②勾选房产皮肤即可

4、开场视频

(1)功能介绍

制作与房产特色相符展示宣传视频作为开场展示,使观众明确了解房产区位优势,全面传达房产信息主旨,丰富开场形式。

(2)后台操作

①全局设置-开场封面-封面类型选择视频或图片;

②支持分别上传PC开场和手机开场素材,

③进入方式,开启【自动】,视频播放完后进入作品;开启【点击】,作品播放3秒后,右上角出现跳过开场按钮。

5、热点功能

(1)功能介绍

热点功能作为平台基础功能,良好的热点交互设计,可以为用户带来“身临其境般”体验,平台支持11种类型热点进行传播,本次VR电子楼书案例中应用导览区域热点和图标热点两种展示形式。

(2)后台操作

①区域热点

添加热点功能-热点类型选择导航;

显示样式选择多边形,对预选位置进行绘制,可进一步对颜色、标题、文字大小进行配置,保存确定即可制作完成。

② 漫游热点

添加热点功能-热点类型选择场景;

显示样式选择图标(图标为默认选项);

对预选位置进行绘制,可进一步对颜色、标题、文字大小进行配置,保存确定就可以制作完成。

(浏览页-漫游热点展示)

6、自定义菜单

(1)功能介绍

一键导航、户型图、VR带看、致电售楼处等均是应用到了自定义菜单功能。

(2)后台操作

①一键导航

自定义菜单-添加导航类型-名称命名为一键导航;

选择图标,选择导航位置,确定保存。

②户型图

自定义菜单-多级菜单-命名户型图-选择图标-添加子菜单列表;

类型接入漫游场景-命名户型名称-选择图标-选择跳转场景。

重复设置其他户型即可。

③VR带看

案例的VR带看栏目中,使用到了VR视频和平面视频两种展示形式,目前通过不同方法设置,后续会提供,更加人性化的设置方式

步骤1:自定义菜单-多级菜单-命名VR带看-选择图标-添加子菜单列表;

步骤2-平面视频:

子菜单中,类型接入视频-命名视频名称-选择图标-上传视频。

步骤2-全景视频:

首先,添加场景,选择-全景视频,上传全景视频素材

其次,使用隐藏场景功能,选择上传的全景视频,确定隐藏。

最后,在自定义菜单中,接入漫游场景,选择已被隐藏的VR视频。

重复设置其他视频即可。

目前采用这种解决方式,后面会提供更加简便的操作方法。

④致电售楼处

自定义菜单-添加电话类型-名称命名为致电售楼处;

选择图标,输入号码,确定即可。

⑤电子楼书

自定义菜单-添加H5类型-名称命名为电子楼书;

选择图标,选择内置的H5作品,确定即可。

⑥区位图

自定义菜单-添加图片类型-名称命名为区位图;

选择图标,上传项目实地区位图,确定即可。

7、留言功能

(1)功能介绍

用户通过留言功能可以留存【姓名、电话、备注】等相关信息,目前平台已实现在后台配置接收留言手机号,可第一时间收到留言信息,避免错过商业合作机会!

(2)后台操作

①全局设置-留言管理功能,

②将开关设置为开启,

③添加留言通知人员电话号码。

8、电子沙盘

(1)功能介绍

将场景集成线上,可清晰查看在售户型整体布局,将样板房平面图部署对应点位,实现一键跳转对应区位,直观感受户型整体区域。

(2)后台设置

①选择沙盘功能,

②沙盘状态中设置生效分组,

③添加沙盘图片,

④添加沙盘场景点位,保存确定即可实现。

9、一键导览

(1)功能介绍

基于后台设定好的内容场景跳转,可以自定义全景中的旋转角度和播放的速度,利用VR全景可以实现实物产品和环境的逼真化再现,让客户感觉到更直观和真实可靠,实现一键带看效果。

(2)后台设置

①选择导览功能-添加新路线;

②开场添加导览点,按照场景、角度、过渡时间进行配置;

③将设置好的路线保存,即可实现一键带看效果。

10、嵌入功能

(1)功能介绍

嵌入功能,可对VR全景作品嵌入图片、视频、文字、标尺四种不同类型内容,满足场景营销、重点标注、幻灯片播放等不同场景的应用。

(2)后台设置

①嵌入文字

嵌入功能-添加文字类型-名称命名为“龙东大道”;

选择模板样式或上传自定义样式,配置文字大小等详细信息;

重复设置添加内容即可。

②嵌入图片

嵌入功能-添加图片类型-添加嵌入图片;

拖拽图片至预想设定位置,调整角度,点击保存;

重复添加上述步骤即可。

③嵌入视频

嵌入功能-添加视频类型-添加嵌入视频;

拖拽视频至预想设定位置,调整角度,点击保存;

重复添加上述步骤即可。

④设置分类

每个嵌入内容下方,可手动输入添加分类;

嵌入图片、文字、视频、标尺中,每个都选择对应分类;

即可实现前端筛选不同分类效果。

11、销售经理

(1)功能介绍

支持根据每位销售经理信息,生成个性化二维码、专属链接,大大提升销售经理分销积极性,生成个人独立分发渠道。

(2)后台设置

①选择VR电子楼书功能;

②开启房产方案,新增销售经理;

③添加头像、姓名、手机号、命名,保存确定。

(后台设置与专属分销渠道)

编辑完成销售经理信息后,勾选开启VR带看功能,即可开始销售经理带看功能,本功同时支持为每位销售经理,生成单独分发渠道。

12、数据分析

(1)功能介绍

数据统计功能,可对作品受访页面、趋势分析、新独立访客进行查看,利用多维度展示、丰富的图表,帮助判断观众喜好,掌握重要数据,辅助作者了解作品情况,为后续创作提供有力支撑!

(2)后台操作

①作品数据

编辑器后台-高级功能-数据分析中,可对本作品详细数据进行查看。

②账号数据

可进入个人后台-数据统计板块,对整个账号数据进行查看。

以上就是本期教程的主要介绍,我们本案例仅是运用了蛙色VR平台部分功能,还有更多应用方式,欢迎大家自行尝试,VR电子楼书方案近期上线,会对部分功能进行优化调整,后续有新的调整会及时更新教程,欢迎大家在评论区留言反馈更多优化建议!

相关文章:

0基础学习VR全景平台篇 第96篇:VR电子楼书

大家好,欢迎观看蛙色VR官方系列课程——VR电子楼书! 作为2021年底全新上线的行业解决方案,是专门针对地产、园区数字化营销的一站式VR解决方案,为行业潜在客户提供优质的7x24小时线上看房体验。 本期教程将通过功能介绍后台操作&…...

【MySQL】数据库的约束

MySQL 数据库的约束 文章目录 MySQL 数据库的约束01 数据库的约束1.1 约束类型1.1.1 NOT NULL1.1.2 UNIQUE1.1.3 DEFAULT1.1.4 PRIMARY KEY1.1.5 FOREIGN KEY1.1.6 CHECK 继上文 MySQL基础(一), MySQL基础(二)&#…...

改变金融贷款市场营销方式 ---- 运营商大数据精准获客

与传统的企业网络营销相比,最常见的是网络推广和硬广告推广。一些企业无法找到可靠准确的数据来源,也无法找到一些未知的总数据。这些数据大多存在持续时间长、准确性差的缺点,企业在将这些数据信息应用于商品在线营销时往往会遇到不足。 在…...

SpringBoot实现分页的四种方式

一 自己封装Page对象实现 博客链接 二 使用sql实现分页 2.1 场景分析 前段传递给给后台什么参数? 当前页码currentPage每页显示条数pageSize 后台给前端返回什么数据? 当前页数据List总记录数totalCount 2.2 前段代码 <template><el-paginationsize-change&q…...

远程工作面试:特殊情况下的面试技巧

&#x1f337;&#x1f341; 博主猫头虎&#xff08;&#x1f405;&#x1f43e;&#xff09;带您 Go to New World✨&#x1f341; &#x1f984; 博客首页——&#x1f405;&#x1f43e;猫头虎的博客&#x1f390; &#x1f433; 《面试题大全专栏》 &#x1f995; 文章图文…...

element ui文件上传方法中需要传额外参数

由于文件上传dom是通过循环列表渲染的&#xff0c;在文件上传的时候除了file默认的参数外&#xff0c;还需要访问到循环项item参数&#xff0c;那就这样子传递。 :http-request"(file) > {return httpRequestLT(file, item);} "完整代码如下 <div class"…...

线程池|单例模式|STL、智能指针线程安全|读者写者问题

线程池 线程池的逻辑思想&#xff1a; 每当我们处理一个任务就要创建一个线程&#xff0c;创建线程的开销是很大的。因此我们可以预先创建一批线程&#xff0c;任务队列里没有任务的时候&#xff0c;每个线程都休眠&#xff0c;当队里中有任务的时候&#xff0c;就可以唤醒线程…...

Linux的基本使用和Web程序部署(JavaEE初阶系列18)

目录 前言&#xff1a; 1.Linux 1.1Linux是什么 1.2Linux发行版 1.3Linux环境搭建 1.3.1环境搭建方式 1.3.2使用云服务器 1.4使用终端软件连接到Linux 1.4.1什么是终端软件 1.4.2使用Xshell登录主机 1.5Linux常用的命令 1.5.1ls 1.5.2cd 1.5.3pwd 1.5.4touch 1.…...

EXCEL 中find,if and,if or

接上一篇sql中find函数的作用&#xff0c;由于工作需求是用帆软做报表&#xff0c;他的一些代码不仅有js&#xff0c;sql中的还有一些excel的相关知识&#xff0c;故作整理。 FIND() excel中的find原理和sql中相似&#xff0c;具体可查看 SQL函数 $FIND_Yangshiwei....的博客…...

中国环球电视网-学英文必备

CGTN全称是China Global Television Network&#xff0c;即“中国环球电视网”&#xff0c;这是一个以播送新闻、评论、访谈节目为主的电视频道&#xff0c;CGTN的前身即央视的全英文频道CCTV-9/CCTV News。CGTN每天的节目内容很丰富&#xff0c;包括全球新闻&#xff08;the w…...

【web开发】4.JavaScript与jQuery

提示&#xff1a;文章写完后&#xff0c;目录可以自动生成&#xff0c;如何生成可参考右边的帮助文档 文章目录 一、JavaScript与jQuery二、JavaScript常用的基本功能1.插入位置2.注释3.变量4.数组5.滚动字符 三、jQuery常用的基本功能1.引入jQuery2.寻找标签3.val、text、appe…...

UNI-APP 框架中解决打包后index.html文件中没有引号问题

问题 打包后index.html文件中src属性没有引号。打包后修改默认相对路径为“./”&#xff0c;比如index.xxxx.js中的a.p属性值希望为“./”&#xff0c;默认为“/”。 问题一 在项目根目录下添加文件vue.config.js。在文件中添加如下内容&#xff1a; module.exports {chai…...

借助AI分析哥斯拉木马原理与Tomcat回显链路挖掘

前言 本次分析使用了ChatGPT进行辅助分析&#xff0c;大大提升了工作效率&#xff0c;很快就分析出木马的工作流程和构造出利用方式。 分析 首先对该木马进行格式化,以增强代码的可读性。得到如下代码 <jsp:root xmlns:jsp"http://java.sun.com/JSP/Page" vers…...

Java进行多线程编程?(lambda表达式~)

本文标题&#xff1a;Java进行多线程编程&#xff1f;那么&#xff0c;Java为啥不学学如何进程多进程编程呢&#xff1f;&#xff1f;原因在于&#xff1a;Java圈子中不提倡多进程编程~~ 接下来&#xff0c;我们来写一个最为基础/入门的HelloWord程序来感受如何进行多线程~~ J…...

MySQL中的索引事务(2)事务----》数据库运行的原理知识+面试题~

本篇文章建议读者结合&#xff1a;MySQL中的索引事务&#xff08;1&#xff09;索引----》数据库运行的原理知识面试题~_念君思宁的博客-CSDN博客此时&#xff0c;如果你根据name来查询&#xff0c;查到叶子节点得到的只是主键id&#xff0c;还需要通过主键id去主键的B树里面在…...

【数据结构】 七大排序详解(贰)——冒泡排序、快速排序、归并排序

文章目录 ⚽冒泡排序⚾算法步骤&#x1f3a8;算法优化&#x1f94e;代码实现&#xff1a;&#x1f3c0;冒泡排序的特性总结 &#x1f9ed;快速排序⚽算法思路&#x1f4cc;思路一&#xff08;Hoare版&#xff09;&#x1f4cc;思路二&#xff08;挖坑法&#xff09;&#x1f4c…...

小程序的使用

微信小程序开发 外部链接别人的总结查看&#xff08;超详细保姆式教程&#xff09; 基础语法 1.数据绑定 1.1 初始化数据 页面.js的data选项中Page({data: {motto: Hello World,id:18} })使用数据 单项数据流&#xff1a;Mustache 语法 a)模板结构中使用双大括号 {{data}} …...

Spring整合tomcat的WebSocket详细逻辑(图解)

主要解决存在的疑问 为什么存在2种spring整合websocket的方式&#xff0c;一种是使用ServerEndpoint注解的方式&#xff0c;一种是使用EnableWebSocket注解的方式&#xff0c;这2种有什么区别和联系&#xff1f;可以共存吗&#xff1f;它们实现的原理是什么&#xff1f;它们的各…...

【笔试强训选择题】Day37.习题(错题)解析

作者简介&#xff1a;大家好&#xff0c;我是未央&#xff1b; 博客首页&#xff1a;未央.303 系列专栏&#xff1a;笔试强训选择题 每日一句&#xff1a;人的一生&#xff0c;可以有所作为的时机只有一次&#xff0c;那就是现在&#xff01;&#xff01; 文章目录 前言一、Day…...

如何使用HTTP代理爬虫,防止对网站造成负面影响

在当今大数据时代&#xff0c;爬虫技术已经成为了获取数据的重要手段之一。但是&#xff0c;由于爬虫程序的高频访问容易对目标网站造成负面影响&#xff0c;如增加服务器负载、影响网站性能等&#xff0c;因此&#xff0c;如何使用HTTP代理爬虫防止对网站造成负面影响成为了一…...

Android Wi-Fi 连接失败日志分析

1. Android wifi 关键日志总结 (1) Wi-Fi 断开 (CTRL-EVENT-DISCONNECTED reason3) 日志相关部分&#xff1a; 06-05 10:48:40.987 943 943 I wpa_supplicant: wlan0: CTRL-EVENT-DISCONNECTED bssid44:9b:c1:57:a8:90 reason3 locally_generated1解析&#xff1a; CTR…...

Zustand 状态管理库:极简而强大的解决方案

Zustand 是一个轻量级、快速和可扩展的状态管理库&#xff0c;特别适合 React 应用。它以简洁的 API 和高效的性能解决了 Redux 等状态管理方案中的繁琐问题。 核心优势对比 基本使用指南 1. 创建 Store // store.js import create from zustandconst useStore create((set)…...

遍历 Map 类型集合的方法汇总

1 方法一 先用方法 keySet() 获取集合中的所有键。再通过 gey(key) 方法用对应键获取值 import java.util.HashMap; import java.util.Set;public class Test {public static void main(String[] args) {HashMap hashMap new HashMap();hashMap.put("语文",99);has…...

Vue2 第一节_Vue2上手_插值表达式{{}}_访问数据和修改数据_Vue开发者工具

文章目录 1.Vue2上手-如何创建一个Vue实例,进行初始化渲染2. 插值表达式{{}}3. 访问数据和修改数据4. vue响应式5. Vue开发者工具--方便调试 1.Vue2上手-如何创建一个Vue实例,进行初始化渲染 准备容器引包创建Vue实例 new Vue()指定配置项 ->渲染数据 准备一个容器,例如: …...

使用van-uploader 的UI组件,结合vue2如何实现图片上传组件的封装

以下是基于 vant-ui&#xff08;适配 Vue2 版本 &#xff09;实现截图中照片上传预览、删除功能&#xff0c;并封装成可复用组件的完整代码&#xff0c;包含样式和逻辑实现&#xff0c;可直接在 Vue2 项目中使用&#xff1a; 1. 封装的图片上传组件 ImageUploader.vue <te…...

【Java_EE】Spring MVC

目录 Spring Web MVC ​编辑注解 RestController RequestMapping RequestParam RequestParam RequestBody PathVariable RequestPart 参数传递 注意事项 ​编辑参数重命名 RequestParam ​编辑​编辑传递集合 RequestParam 传递JSON数据 ​编辑RequestBody ​…...

数据库分批入库

今天在工作中&#xff0c;遇到一个问题&#xff0c;就是分批查询的时候&#xff0c;由于批次过大导致出现了一些问题&#xff0c;一下是问题描述和解决方案&#xff1a; 示例&#xff1a; // 假设已有数据列表 dataList 和 PreparedStatement pstmt int batchSize 1000; // …...

Linux C语言网络编程详细入门教程:如何一步步实现TCP服务端与客户端通信

文章目录 Linux C语言网络编程详细入门教程&#xff1a;如何一步步实现TCP服务端与客户端通信前言一、网络通信基础概念二、服务端与客户端的完整流程图解三、每一步的详细讲解和代码示例1. 创建Socket&#xff08;服务端和客户端都要&#xff09;2. 绑定本地地址和端口&#x…...

Java + Spring Boot + Mybatis 实现批量插入

在 Java 中使用 Spring Boot 和 MyBatis 实现批量插入可以通过以下步骤完成。这里提供两种常用方法&#xff1a;使用 MyBatis 的 <foreach> 标签和批处理模式&#xff08;ExecutorType.BATCH&#xff09;。 方法一&#xff1a;使用 XML 的 <foreach> 标签&#xff…...

A2A JS SDK 完整教程:快速入门指南

目录 什么是 A2A JS SDK?A2A JS 安装与设置A2A JS 核心概念创建你的第一个 A2A JS 代理A2A JS 服务端开发A2A JS 客户端使用A2A JS 高级特性A2A JS 最佳实践A2A JS 故障排除 什么是 A2A JS SDK? A2A JS SDK 是一个专为 JavaScript/TypeScript 开发者设计的强大库&#xff…...