最新消息: USBMI致力于为网友们分享Windows、安卓、IOS等主流手机系统相关的资讯以及评测、同时提供相关教程、应用、软件下载等服务。

校园全景漫游——基于Unity3D的安卓手机APP开发

IT圈 admin 45浏览 0评论

2023年12月16日发(作者:锺离和怡)

校园全景漫游——基于Unity3D的安卓手机APP开发

作者:祝敏娇

来源:《中国新通信》 2017年第15期

【摘要】 随着移动互联网的不断发展,人们利用手机、平板等移动终端在网上能够进行全景观察,通过体感技术、交互操作实现自由浏览。本次校园全景漫游APP 利用单反相机拍摄实景照片,经过拼合、处理,结合Unity 3D 引擎软件,通过按钮交互模式和手机体感模式实现全景浏览,全方位地展示校园环境,用户具有较强的交互性和沉浸感。

关键词:体感技术;校园全景漫游APP;Unity 3D

引言

当今社会,人们正走向真正的移动信息时代,手机从简单的通话工具变为一个综合信息处理平台,除此之外,体感手机又加入了体感功能。轻松摆脱鼠标和键盘带来的束缚,轻轻移动调整手机,就能体验“身临其境”的感觉。在此大环境下,项目以本校为开发原型,利用全景技术结合引擎软件Unity 3D,开发校园全景漫游系统,人们通过访问手机App,即使不在学校也可以浏览学校的布局和校园环境,为学校树立全方位的、直观的形象,对学校知名度的提升也有一定的推进作用。

一、开发软件及环境

1.1 PTGUI

PTGUI 是Helmut Dersch 公司的多功能全景制作工具的一个用户界面,用它可以快捷方便地制作出高质量的全景图象。该软件拥有丰富的功能,支持多种视图和映射方式,用户也可以自行修改和添加控制点来提高拼接的精度,支持多种格式的图像文件输入,输出可以选择为高动态范围的图像,拼接后的图像明暗度均一,基本上没有明显的拼接痕迹,是Windows 平台下非常不错的全景生成软件。

1.2 Unity 3D

Unity 3D 是由Unity Technologies 开发的一个让玩家轻松创建诸如三维视频游戏、建筑可视化、实时三维动画等类型互动内容的多平台的综合型游戏开发工具,是一个全面整合的专业游戏引擎。其编辑器运行在Windows 和Mac OS X 下,可发布游戏至Windows、Mac、Wii、iPhone、WebGL(需要HTML5)、Windows phone 8 和Android 平台。它操作简单、易学、灵活,已逐步被各类平台厂商运用到新作品中。

1.3 开发环境

Unity 需要直接生成 apk 文件,所以其在内部必须使用Android SDK (ADK) 来生成程序,而 Android SDK 则需要安装Java SDK (JDK) 为前提,所以搭建 Android 开发环境。流程如下:

二、总体构架设计

点击手机图标打开应用界面,出现闪屏界面(如图1),包含系统基本信息:学院LOGO、系统名称、制作单位和相关版本。点击右下方图片按钮,相机移动形成片头动画效果,进入整体浏览界面(如图2)。

右上方按钮起返回上一界面的作用。鼠标浮于左下方按钮之上时出现标识语句:采用全景图技术参观学校,手机更支持体感模式;点击按钮则出现提示框:注意!每幅全景图文件约为4-6MB,请确定在Wifi 模式下观看,以免导致大量流量费用。提示框中点击确定按钮,则进入全景导航界面(如图3)。点击图中红色圆形区域,可以720 度全景模式参观校园。

进入校园景点全景区域,即出现全景漫游界面,如图4。在此界面中,可以通过按钮以720

度全景模式“上、下、左、右”全方位浏览校园不同区域,可以查看区域的相关简介,如:本拍摄点为学院广场,周围分别是实验实训中心、学院报告厅、行政楼、东教学楼。同时通过放大缩小图片的形式达到拉近、推远镜头的效果。左下角的按钮,起到切换按钮模式与体感模式的作用,体感模式是当今移动应用开发的潮流,有很强的社会实践意义。

三、系统实现

3.1 全景图拍摄、分割

每一个区域的全景漫游效果制作方法都相同。首先拍摄完成全景图,取景时通常采用专业设备或普通设备数码相机,一般设置好相邻图像间的20% - 40% 的重叠区域[4] 作为图像间的配准校正带即可正确拼接相邻角度拍摄的图像;受拍摄自然条件光照等影响,图像拼接前需要对重合区域进行亮度微调,使其清晰过渡;按图像排列顺序依次加载图像,进行有规律拼接,制作完整的全景图。

接下来将全景图利用PTGUI 软件分割为上、下、左、右、前、后六张图片(如图5),将主名结尾分别标注好为对应的方位,形成无缝拼接的立方体天空盒。

上下两图会出现图片重叠或漏洞,需要利用PS 软件适当修补。为了降低系统的所占空间大小,将图片放在校园服务器,方便即时下载。

3.2 交互功能

本系统主要的两个场景分别是:scenesplash( 闪屏) 和VirtualMap(虚拟地图漫游),如图6。在scenesplash 场景界面中点击“中文版”图片按钮,则跳转到VirtualMap 场景界面,通过代码实现此跳转,如图7。

在某区域进行全景漫游界面中,通过左下角的GUISkin按钮可完成按钮模式ButtonMode

和体感模式GyroMode 的切换,代码中通过switch 函数来实现此功能,如图8。

陀螺仪控制摄像头脚本 来自于Heyworks Unity Studio

/

3.3 发布

实现系统的交互功能后,设置手机APP 图标的图片形象以及标题“苏信院全景”,发布适用于Android 手机系统的APK 文件。

相关参数设置如图9。

四、结语

本文通过校园景漫游APP 开发实例,利用 Unity 3D 的相关技术展示了基于全景照片拍摄处理的具有体感模式的可视化设计,具有一定的实践意义。本设计依然存在不足之处需要改进,如UI 设计不够精致、全景照片清晰度需要进一步提高等,这些将是下一步研究的重点,旨在带给用户更完善的交互体

2023年12月16日发(作者:锺离和怡)

校园全景漫游——基于Unity3D的安卓手机APP开发

作者:祝敏娇

来源:《中国新通信》 2017年第15期

【摘要】 随着移动互联网的不断发展,人们利用手机、平板等移动终端在网上能够进行全景观察,通过体感技术、交互操作实现自由浏览。本次校园全景漫游APP 利用单反相机拍摄实景照片,经过拼合、处理,结合Unity 3D 引擎软件,通过按钮交互模式和手机体感模式实现全景浏览,全方位地展示校园环境,用户具有较强的交互性和沉浸感。

关键词:体感技术;校园全景漫游APP;Unity 3D

引言

当今社会,人们正走向真正的移动信息时代,手机从简单的通话工具变为一个综合信息处理平台,除此之外,体感手机又加入了体感功能。轻松摆脱鼠标和键盘带来的束缚,轻轻移动调整手机,就能体验“身临其境”的感觉。在此大环境下,项目以本校为开发原型,利用全景技术结合引擎软件Unity 3D,开发校园全景漫游系统,人们通过访问手机App,即使不在学校也可以浏览学校的布局和校园环境,为学校树立全方位的、直观的形象,对学校知名度的提升也有一定的推进作用。

一、开发软件及环境

1.1 PTGUI

PTGUI 是Helmut Dersch 公司的多功能全景制作工具的一个用户界面,用它可以快捷方便地制作出高质量的全景图象。该软件拥有丰富的功能,支持多种视图和映射方式,用户也可以自行修改和添加控制点来提高拼接的精度,支持多种格式的图像文件输入,输出可以选择为高动态范围的图像,拼接后的图像明暗度均一,基本上没有明显的拼接痕迹,是Windows 平台下非常不错的全景生成软件。

1.2 Unity 3D

Unity 3D 是由Unity Technologies 开发的一个让玩家轻松创建诸如三维视频游戏、建筑可视化、实时三维动画等类型互动内容的多平台的综合型游戏开发工具,是一个全面整合的专业游戏引擎。其编辑器运行在Windows 和Mac OS X 下,可发布游戏至Windows、Mac、Wii、iPhone、WebGL(需要HTML5)、Windows phone 8 和Android 平台。它操作简单、易学、灵活,已逐步被各类平台厂商运用到新作品中。

1.3 开发环境

Unity 需要直接生成 apk 文件,所以其在内部必须使用Android SDK (ADK) 来生成程序,而 Android SDK 则需要安装Java SDK (JDK) 为前提,所以搭建 Android 开发环境。流程如下:

二、总体构架设计

点击手机图标打开应用界面,出现闪屏界面(如图1),包含系统基本信息:学院LOGO、系统名称、制作单位和相关版本。点击右下方图片按钮,相机移动形成片头动画效果,进入整体浏览界面(如图2)。

右上方按钮起返回上一界面的作用。鼠标浮于左下方按钮之上时出现标识语句:采用全景图技术参观学校,手机更支持体感模式;点击按钮则出现提示框:注意!每幅全景图文件约为4-6MB,请确定在Wifi 模式下观看,以免导致大量流量费用。提示框中点击确定按钮,则进入全景导航界面(如图3)。点击图中红色圆形区域,可以720 度全景模式参观校园。

进入校园景点全景区域,即出现全景漫游界面,如图4。在此界面中,可以通过按钮以720

度全景模式“上、下、左、右”全方位浏览校园不同区域,可以查看区域的相关简介,如:本拍摄点为学院广场,周围分别是实验实训中心、学院报告厅、行政楼、东教学楼。同时通过放大缩小图片的形式达到拉近、推远镜头的效果。左下角的按钮,起到切换按钮模式与体感模式的作用,体感模式是当今移动应用开发的潮流,有很强的社会实践意义。

三、系统实现

3.1 全景图拍摄、分割

每一个区域的全景漫游效果制作方法都相同。首先拍摄完成全景图,取景时通常采用专业设备或普通设备数码相机,一般设置好相邻图像间的20% - 40% 的重叠区域[4] 作为图像间的配准校正带即可正确拼接相邻角度拍摄的图像;受拍摄自然条件光照等影响,图像拼接前需要对重合区域进行亮度微调,使其清晰过渡;按图像排列顺序依次加载图像,进行有规律拼接,制作完整的全景图。

接下来将全景图利用PTGUI 软件分割为上、下、左、右、前、后六张图片(如图5),将主名结尾分别标注好为对应的方位,形成无缝拼接的立方体天空盒。

上下两图会出现图片重叠或漏洞,需要利用PS 软件适当修补。为了降低系统的所占空间大小,将图片放在校园服务器,方便即时下载。

3.2 交互功能

本系统主要的两个场景分别是:scenesplash( 闪屏) 和VirtualMap(虚拟地图漫游),如图6。在scenesplash 场景界面中点击“中文版”图片按钮,则跳转到VirtualMap 场景界面,通过代码实现此跳转,如图7。

在某区域进行全景漫游界面中,通过左下角的GUISkin按钮可完成按钮模式ButtonMode

和体感模式GyroMode 的切换,代码中通过switch 函数来实现此功能,如图8。

陀螺仪控制摄像头脚本 来自于Heyworks Unity Studio

/

3.3 发布

实现系统的交互功能后,设置手机APP 图标的图片形象以及标题“苏信院全景”,发布适用于Android 手机系统的APK 文件。

相关参数设置如图9。

四、结语

本文通过校园景漫游APP 开发实例,利用 Unity 3D 的相关技术展示了基于全景照片拍摄处理的具有体感模式的可视化设计,具有一定的实践意义。本设计依然存在不足之处需要改进,如UI 设计不够精致、全景照片清晰度需要进一步提高等,这些将是下一步研究的重点,旨在带给用户更完善的交互体

发布评论

评论列表 (0)

  1. 暂无评论