全景页面切换时拍摄点的移动控制方法和装置制造方法及图纸

技术编号:20451824 阅读:21 留言:0更新日期:2019-02-27 04:39
本发明专利技术提出了一种全景页面切换时拍摄点的移动控制方法和装置,其中,方法包括:获取页面的页面拍摄点,并获取全景图标的中心拍摄点;获取当前视点,并根据当前视点确定第一移动中继点;根据第一移动中继点确定曲线轨迹;以及当接收到全景页面切换指令时,控制拍摄点从页面拍摄点沿着曲线轨迹向全景图标的中心拍摄点移动。由此,通过生成曲线轨迹,使拍摄点在移动过程中的拍摄内容变化在一个较小的变动幅度内,解决了全景页面切换时的抖动问题,能够形成无抖动、更加自然的全景页面切换效果,在保证趣味性的前提下,极大的提升了用户体验,吸引用户浏览更多的全景内容。

【技术实现步骤摘要】
全景页面切换时拍摄点的移动控制方法和装置
本专利技术涉及互联网
,尤其涉及一种全景页面切换时拍摄点的移动控制方法和装置。
技术介绍
目前,全景页面切换的方式通常分为页面跳转刷新和单页面无刷新两种方式,第一种方式,通过页面的销毁和重建,让用户能够感知到页面的变化(比如闪屏、白屏),增加了用户体验全景的等待时间;第二种方式,缩减了等待时间,提供更加顺畅的全景切换体验。然而,上述两种方式虽然提供了较好的全景切换体验,但是在进入新的全景时,会出现页面抖动的问题。
技术实现思路
本专利技术旨在至少在一定程度上解决相关技术中的技术问题之一。为此,本专利技术的第一个目的在于提出一种全景页面切换时拍摄点的移动控制方法,包括以下步骤:获取页面的页面拍摄点,并获取全景图标的中心拍摄点;获取当前视点,并根据所述当前视点确定第一移动中继点;根据所述第一移动中继点确定曲线轨迹;以及当接收到全景页面切换指令时,控制拍摄点从所述页面拍摄点沿着所述曲线轨迹向所述全景图标的中心拍摄点移动。为达上述目的,本专利技术第二方面实施例提出了一种全景页面切换时拍摄点的移动控制装置,包括:第一获取模块,用于获取页面的页面拍摄点,并获取全景图标的中心拍摄点;第一确定模块,用于获取当前视点,并根据所述当前视点确定第一移动中继点;第二确定模块,用于根据所述第一移动中继点确定曲线轨迹;以及控制模块,用于当接收到全景页面切换指令时,控制拍摄点从所述页面拍摄点沿着所述曲线轨迹向所述全景图标的中心拍摄点移动。为达上述目的,本专利技术第三方面实施例提出了一种计算机程序产品,当所述计算机程序产品中的指令处理器执行时,执行如上述实施例描述的全景页面切换时拍摄点的移动控制方法。为了实现上述目的,本专利技术第四方面实施例提出了一种非临时性计算机可读存储介质,该程序被处理器执行时实现如上述实施例描述的全景页面切换时拍摄点的移动控制方法。本专利技术提供的及技术方案,至少具有如下有益技术效果:获取页面的页面拍摄点,并获取全景图标的中心拍摄点,以及获取当前视点,并根据当前视点确定第一移动中继点,从而根据第一移动中继点确定曲线轨迹,以及当接收到全景页面切换指令时控制拍摄点从页面拍摄点沿着曲线轨迹向全景图标的中心拍摄点移动。由此,通过生成曲线轨迹,使拍摄点在移动过程中的拍摄内容变化在一个较小的变动幅度内,解决了全景页面切换时的抖动问题,能够形成无抖动、更加自然的全景页面切换效果,在保证趣味性的前提下,极大的提升了用户体验,吸引用户浏览更多的全景内容,扩展全景内容的垂类范围。本专利技术附加的方面和优点将在下面的描述中部分给出,部分将从下面的描述中变得明显,或通过本专利技术的实践了解到。附图说明本专利技术上述的和/或附加的方面和优点从下面结合附图对实施例的描述中将变得明显和容易理解,其中:图1是根据本专利技术一个实施例的全景页面切换时拍摄点的移动控制方法的流程图;图2a-图2d是根据本专利技术一个实施例的全景页面切换时拍摄点的移动控制坐标示意图;图3a-图3d是根据本专利技术一个实施例的全景页面切换的场景示意图;图4是根据本专利技术另一个实施例的全景页面切换时拍摄点的移动控制方法的流程图;图5是根据本专利技术又一个实施例的全景页面切换时拍摄点的移动控制方法的流程图;图6a-图6d是根据本专利技术另一个实施例的全景页面切换的场景示意图;图7是根据本专利技术一个实施例的全景页面切换时拍摄点的移动控制装置的结构示意图;图8是根据本专利技术另一个实施例的全景页面切换时拍摄点的移动控制装置的结构示意图;以及图9是根据本专利技术又一个实施例的全景页面切换时拍摄点的移动控制装置的结构示意图。具体实施方式下面详细描述本专利技术的实施例,所述实施例的示例在附图中示出,其中自始至终相同或类似的标号表示相同或类似的元件或具有相同或类似功能的元件。下面通过参考附图描述的实施例是示例性的,旨在用于解释本专利技术,而不能理解为对本专利技术的限制。针对上述
技术介绍
中所提到的相关全景页面切换的方式会出现页面抖动的问题,本专利技术提供了一种全景页面切换时拍摄点的移动控制方法,在本专利技术的实施例中,能够形成无抖动、更加自然的全景页面切换效果,在保证趣味性的前提下,极大的提升了用户体验,吸引用户浏览更多的全景内容,扩展全景内容的垂类范围。下面参考附图描述本专利技术实施例的全景页面切换时拍摄点的移动控制方法和装置。图1是根据本专利技术一个实施例的全景页面切换时拍摄点的移动控制方法的流程图,如图1所示,该方法包括以下步骤:步骤101,获取页面的页面拍摄点,并获取全景图标的中心拍摄点。具体地,全景页面指的是通过webgl(WebGraphicsLibrary,网页图形库)技术在网页上渲染3D(3Dimensions,三维)场景内容,提供一种更加立体、有空间感的可视化内容形态,通常使用光线反射的原理,虚拟一个3D盒子空间,3D球体或立方体表面显示的全景内容即当前视点在虚拟3D盒子空间的反射点的像素组合。可以理解的是,全景页面可以由前、后、左、右、上、下6个画面组成,初始状态下,显示前面的画面,用户可以拖动页面或陀螺仪等方式浏览其他画面。其中,在webgl技术中拍摄设备的拍摄方向是一个3维空间坐标,拍摄设备朝着对应空间点拍摄空间中的内容,进而渲染到网页页面上。需要说明的是,全景页面前面的画面方向指的是将当前视点的坐标设置成中心拍摄点坐标,然后当前视点的z轴坐标z=z+1,拍摄设备朝着当前视点拍摄就是全景的前面的画面方向。从而,在通过点击、按压等方式触发全景页面切换之后,当前视点移到全景图标的中心拍摄点(其中,z>0时,z=z+1,z<0时,z=z-1),给用户的体验就是全景图标移动到屏幕中心位置,然后拍摄设备在3D空间向着全景图标的中心拍摄点进行直线移动,给用户的体验就是穿越到新的全景空间。如图2a所示,拍摄设备从页面拍摄点O点移动到全景图标的中心拍摄点Q点,始终朝着当前视点Q’拍摄,随着拍摄设备不断接近全景图标的中心拍摄点Q点,在移动过程中的拍摄内容变化的幅度越来越大,比如BA幅度大于CB,从而引起页面抖动。因此,本专利技术实施例中,通过改变拍摄点到全景图标的中心拍摄点的移动方式,通过生成一条曲线轨迹的移动路径,使拍摄设备在移动过程中的拍摄内容变化在一个较小的变动幅度内,就能消除抖动干扰,具体的移动路径如图2b所示的OPQ曲线轨迹。从图2b可以看出摄像设备(即拍摄点)在P点拍摄到全景图标的B点,相比原有方式即图2a在P点拍摄到全景图标的B点),在移动过程中的拍摄内容变化的幅度范围更小,使页面能够无抖动、顺畅地进入新的全景。在本专利技术的一个实施例中,全景图标为3D悬浮球。步骤102,获取当前视点,并根据当前视点确定第一移动中继点。步骤103,根据第一移动中继点确定曲线轨迹。可以理解的是,获取当前视点,并根据当前视点确定第一移动中继点的方式有很多种,举例说明如下:第一种示例,根据页面拍摄点和当前视点确定全景图标的第一参考点,根据中心拍摄点和当前视点确定全景图标的第二参考点,根据全景图标的第一参考点和第二参考点确定全景图标的第三参考点,根据第三参考点和当前视点确定第一移动中继点。以图2b为例,根据页面拍摄点O和当前视点Q’确定全景图标的第一参考点为C;根据中心拍摄点Q和当前视点Q’确定全景图标的第二参考点为A,根据本文档来自技高网
...

【技术保护点】
1.一种全景页面切换时拍摄点的移动控制方法,其特征在于,包括:获取页面的页面拍摄点,并获取全景图标的中心拍摄点;获取当前视点,并根据所述当前视点确定第一移动中继点;根据所述第一移动中继点确定曲线轨迹;以及当接收到全景页面切换指令时,控制拍摄点从所述页面拍摄点沿着所述曲线轨迹向所述全景图标的中心拍摄点移动。

【技术特征摘要】
1.一种全景页面切换时拍摄点的移动控制方法,其特征在于,包括:获取页面的页面拍摄点,并获取全景图标的中心拍摄点;获取当前视点,并根据所述当前视点确定第一移动中继点;根据所述第一移动中继点确定曲线轨迹;以及当接收到全景页面切换指令时,控制拍摄点从所述页面拍摄点沿着所述曲线轨迹向所述全景图标的中心拍摄点移动。2.如权利要求1所述的全景页面切换时拍摄点的移动控制方法,其特征在于,所述根据所述当前视点确定第一移动中继点,包括:根据所述页面拍摄点和所述当前视点确定所述全景图标的第一参考点;根据所述中心拍摄点和所述当前视点确定所述全景图标的第二参考点;根据所述全景图标的第一参考点和第二参考点确定所述全景图标的第三参考点;根据所述第三参考点和所述当前视点确定所述第一移动中继点。3.如权利要求2所述的全景页面切换时拍摄点的移动控制方法,其特征在于,还包括:根据所述第二参考点和所述当前视点以及所述中心拍摄点确定随时全景图标的第四参考点,并将所述第四参考点作为第二移动中继点,其中,根据所述第一移动中继点、所述第二移动中继点和所述页面拍摄点确定所述曲线轨迹。4.如权利要求3所述的全景页面切换时拍摄点的移动控制方法,其特征在于,所述控制拍摄点从所述页面拍摄点沿着所述曲线轨迹向所述全景图标的中心拍摄点移动,包括:控制所述拍摄点从所述页面拍摄点沿着所述曲线轨迹移动至所述第二移动中继点;以及控制所述拍摄点从所述第二移动中继点直线移动至所述全景图标的中心拍摄点。5.如权利要求1所述的全景页面切换时拍摄点的移动控制方法,其特...

【专利技术属性】
技术研发人员:杨茗名王群
申请(专利权)人:百度在线网络技术北京有限公司
类型:发明
国别省市:北京,11

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1