CN117765145A - 一种基于视觉欺骗的图片展示方法、系统、设备及介质 - Google Patents

Abstract

本发明提出一种基于视觉欺骗的图片展示方法、系统、设备及介质，其中方法包括：获取平面图片，确定平面图片中每个个体对应的形状；根据当前显示视角推算出对应的倾斜角度，根据倾斜角度调整平面图片中每个个体的显示形状，得到第一视觉图片；根据第一视觉图片中所有个体之间的远近视觉关系调整每个个体在第一视觉图片中的显示尺寸，得到第二视觉图片并对第二视觉图片进行展示。本发明利用大小尺寸对比、图形倾斜角度对比、动画速度对比等手法，调整平面图片中个体的显示比例，实现对大脑造成错觉，让平面图片可展示出三维立体效果。

Description

一种基于视觉欺骗的图片展示方法、系统、设备及介质

技术领域

本发明涉及图像处理技术领域，尤其涉及一种基于视觉欺骗的图片展示方法、系统、设备及介质。

背景技术

企业数字化转型的过程中，随着技术的发展和升级，对二维平面方式展示地图或场景逐渐不能满足要求，展示三维立体空间的需求日益增长，前端的三维引擎也逐渐增多，虽说不乏功能强大的引擎，但仍然有如下缺点，无法满足所有需求：

1.三维模型建模成本高昂；

2.三维引擎的数据处理量巨大，三维场景渲染成本高，对硬件要求高；

3.部分画风图片更适合二维平面场景展示，经三维引擎渲染处理会造成相对较大的资源浪费；

4.对开发人员技能要求较高；

因此，需要适用于二维平面场景的图片展示方法，以扩展当前的需求满足情况。

发明内容

本发明实施例提供一种基于视觉欺骗的图片展示方法、系统、设备及介质，以解决相关技术存在的问题，技术方案如下：

第一方面，本发明实施例提供了一种基于视觉欺骗的图片展示方法，包括：

获取平面图片，确定平面图片中每个个体对应的形状；

根据当前显示视角推算出对应的倾斜角度，根据倾斜角度调整平面图片中每个个体的显示形状，得到第一视觉图片；

根据第一视觉图片中所有个体之间的远近视觉关系调整每个个体在第一视觉图片中的显示尺寸，得到第二视觉图片并对第二视觉图片进行展示。

在一种实施方式中，还包括：

在个体的形状为圆形的情况下，个体对应的倾斜角度为零。

在一种实施方式中，还包括：

响应于动画指令生成多帧第二视觉图片，并根据动画指令确定第二视觉图片中待运动的目标个体以及目标个体的活动路线；

根据活动路线逐帧改变第二视觉图片中目标个体的显示位置，得到多帧第三视觉图片，多帧第三视觉图片用于连续播放以实现动画展示效果。

在一种实施方式中，第三视觉图片的展示方法包括：

根据活动路线确定每帧第三视觉图片中目标个体与非运动的固定个体之间的远近视觉关系，根据远近视觉关系更新每帧第三视觉图片中目标个体的显示尺寸。

在一种实施方式中，第三视觉图片的展示方法包括：

在多帧第三视觉图片连续播放的情况下，相对于显示尺寸相对较小的目标个体，显示尺寸相对较大的目标个体沿活动路线移动的活动速度小于显示尺寸相对较小的目标个体的活动速度。

在一种实施方式中，还包括：

获取动画变速指令，根据动画变速指令调整多帧第三视觉图片的连续播放速度。

在一种实施方式中，还包括：

获取图标活动指令，根据图标活动指令确定需要活动的图标以及定位图标在第二视觉图片中的场景位置；

根据场景位置将图标添加在第二视觉图片中，并根据场景位置的远近视觉关系调整第二视觉图片中图标的显示尺寸以及倾斜角度。

第二方面，本发明实施例提供了一种基于视觉欺骗的图片展示系统，执行如上述的基于视觉欺骗的图片展示方法。

第三方面，本发明实施例提供了一种电子设备，该装置包括：存储器和处理器。其中，该存储器和该处理器通过内部连接通路互相通信，该存储器用于存储指令，该处理器用于执行该存储器存储的指令，并且当该处理器执行该存储器存储的指令时，使得该处理器执行上述各方面任一种实施方式中的方法。

第四方面，本发明实施例提供了一种计算机可读存储介质，计算机可读存储介质存储计算机程序，当计算机程序在计算机上运行时，上述各方面任一种实施方式中的方法被执行。

上述技术方案中的优点或有益效果至少包括：

本发明的目的是提供一种基于视觉欺骗的图片展示方法，利用大小尺寸对比、图形倾斜角度对比、动画速度对比等手法，调整平面图片中个体的显示比例，实现对大脑造成错觉，让平面图片可展示出三维立体效果。

上述概述仅仅是为了说明书的目的，并不意图以任何方式进行限制。除上述描述的示意性的方面、实施方式和特征之外，通过参考附图和以下的详细描述，本发明进一步的方面、实施方式和特征将会是容易明白的。

附图说明

在附图中，除非另外规定，否则贯穿多个附图相同的附图标记表示相同或相似的部件或元素。这些附图不一定是按照比例绘制的。应该理解，这些附图仅描绘了根据本发明公开的一些实施方式，而不应将其视为是对本发明范围的限制。

图1为本发明基于视觉欺骗的图片展示方法的流程示意图；

图2为本发明渲染流程示意图；

图3为本发明土星平面图片的展示效果图；

图4为本发明园区实景照片的展示效果图；

图5为本发明一实施例的电子设备的结构框图。

具体实施方式

在下文中，仅简单地描述了某些示例性实施例。正如本领域技术人员可认识到的那样，在不脱离本发明的精神或范围的情况下，可通过各种不同方式修改所描述的实施例。因此，附图和描述被认为本质上是示例性的而非限制性的。

实施例一

本实施例提供了一种基于视觉欺骗的图片展示方法，该方法利用大小尺寸对比、图形倾斜角度对比、动画速度对比等手法，控制其合适的对比比例，实现对大脑造成错觉，使其错误认为场景是三维立体空间。

如图1所示，其图片展示方法具体包括如下步骤：

步骤S1：获取平面图片，确定平面图片中每个个体对应的形状；

步骤S2：根据当前显示视角推算出对应的倾斜角度，根据倾斜角度调整平面图片中每个个体的显示形状，得到第一视觉图片；

步骤S3：根据第一视觉图片中所有个体之间的远近视觉关系调整每个个体在第一视觉图片中的显示尺寸，得到第二视觉图片并对第二视觉图片进行展示。

其中，平面图片可以是实景照片，也可以是各种画风的二维场景图片。

参考图2所示，图片的渲染过程如下：

渲染开始后对输入的平面图片进行个体分析，勾勒出平面图片中所有物体的轮廓线，根据轮廓线确定平面图片中存在的个体以及每个个体的外观形状。

空间展示所需的展示界面默认具有一定显示视角，使得经展示页面显示的图片才可展示出三维立体效果。将展示页面的显示视角按照预设的映射关系确定平面图片的倾斜角度，根据倾斜角度对平面图片中的个体进行调整。而映射关系可根据大量的测试实验确定，在此不对映射关系的具体数值进行限制。

确定平面图片中每个个体的外观形状后，根据外观形状判断个体是否需要进行倾斜角度的调整，例如，若某一个体的外观形状为圆形，该个体对应的倾斜角度在为零，此时无需对圆形的个体进行倾斜角度调整。

对于调整倾斜角度后显示形状会发生改变的个体，则按照当前显示视角所对应的倾斜角度进行显示形状调整，使其展示出立体的效果；举个简单的例子，如图3所示，将平面图片中圆环形的土星环倾斜一定角度使其变化为扁平的椭圆形以表达成基本的环形倾斜状态。而土星的形状为圆形，因此不需要对土星进行倾斜处理；经过倾斜角度调整后得到的平面图片称之为第一视觉图片。

其后，根据第一视觉图片中各个体之间的远近视觉关系调整第一视觉图片中各个体的显示尺寸，在调整显示尺寸过程中，可以将第一视觉图片中任一个体作为参照物，比对各个体与参照物之间的远近位置关系，根据远近位置关系调整各个体的显示尺寸。举个例子，以土星作为参照物，土星环上位于土星前方的光球其显示尺寸相对较大，土星环上位于土星后方的光球其显示尺寸相对较小。经显示尺寸调整后得到的平面图片称之为第二视觉图片，从第二视觉图片中可看出倾斜的土星环以及显示尺寸不同的光球以展示出土星图片的立体效果。

在一些实施例中，还可根据实际需求生成动画效果，具体地，用户可根据需求选择可活动的图片个体以及编辑可活动的图片个体的活动路线，从而发起动画指令，根据动画指令生成多帧第二视觉图片，根据动画指令对每帧的第二视觉图片进行调整以展示出动画效果。

下述将用户选择的可活动的图片个体称之为目标个体。

响应于动画指令生成多帧第二视觉图片，并根据动画指令确定第二视觉图片中待运动的目标个体以及目标个体的活动路线；

根据活动路线逐帧改变第二视觉图片中目标个体的显示位置，得到多帧第三视觉图片，多帧第三视觉图片用于连续播放以实现动画展示效果。

举个例子，将土星环上的光球标记为需要活动的目标个体，而目标个体的活动路线为沿椭圆形的土星环移动，前后两帧第二视觉图片中同一个光球的位置发生改变，而每个光球都按照统一的方向沿土星环移动，将目标个体移动后的平面图片称之为第三视觉图片，对多帧第三视觉图片进行连续播放，即可展示出所有光球都沿土星环移动的动画效果。

此外，由于目标个体运动导致目标个体的远近视觉距离发生了改变，因此为了展示动画中目标个体的远近视觉距离，根据活动路线确定每帧第三视觉图片中目标个体与非运动的固定个体(即参照物)之间的远近视觉关系，根据远近视觉关系更新每帧第三视觉图片中目标个体的显示尺寸，使得动画展示时每个目标个体的显示尺寸会根据其活动路线的改变而发生改变，提升展示效果。

与此同时，在进行动画展示过程中，还可根据每个目标个体的远近视觉关系展示出每个目标个体的活动速度；可通过调整相邻帧平面图片中目标个体的活动距离来实现速度的改变，前后帧平面图片中目标个体的活动距离越大，在动画播放时该目标个体的活动速度越快。在多帧第三视觉图片连续播放的情况下，相对于显示尺寸相对较小的目标个体，显示尺寸相对较大的目标个体沿活动路线移动的活动速度小于显示尺寸相对较小的目标个体的活动速度。以土星环上的光球为例，在土星前方的光球其活动的速度相对较快，在土星后方的光球的活动速度相对较慢。

多帧第三视觉图片的连续播放速度是固定的，也可根据用户需求调整其连续播放速度，即用户发起动画变速指令，根据动画变速指令调整所有第三视觉图片的连续播放速度。无论第三视觉图片的连续播放速度变快还是变慢，第三视觉图片中目标个体的活动速度依然会根据目标个体的远近视觉关系发生调整。

通过上述方法可让平面图片展示出是三维立体空间效果。在实际应用过程中可能需要对平面图片增加图片元素，该图片元素可以是图标，可以根据实际需求将图标放置在平面图片的任何位置。此时用户需要发起图标活动指令，根据图标活动指令确定需要活动的图标以及定位图标在第二视觉图片中的场景位置；该图标可以是正视角度的平面图标，也可以是具有一定倾斜角度的扁平化图片以模拟立体效果。

用户可根据自身需求将图标移动到第二视觉图片中的任何场景位置，根据场景位置将新增的图标添加在第二视觉图片中，并根据场景位置与非活动的参照物之间的远近视觉关系调整第二视觉图片中图标的显示尺寸以及倾斜角度。举个例子，如图4所示，用园区实景照片展示三维立体效果时若需要新增六角形的图标，在图片场景的近处位置时，图标所展示的显示尺寸相对较大，而图片场景中的远处位置，图标所展示的显示尺寸相对较小。

而图标的倾斜角度可根据展示界面中当前显示视角所映射的倾斜角度进行统一调整，也可根据图标的远近位置进行调整，即图标在近处展示较大尺寸时其对应的倾斜角度相对较小，图标在远处展示较小尺寸其对应的倾斜角度相对较大。

实施例二

本实施例提供一种基于视觉欺骗的图片展示系统，该系统执行实施例一的图片展示方法。该系统具体包括如下模块：

图片分析模块，用于获取平面图片，确定平面图片中每个个体对应的形状；

倾斜调整模块，用于根据当前显示视角推算出对应的倾斜角度，根据倾斜角度调整平面图片中每个个体的显示形状，得到第一视觉图片；

尺寸调整模块，用于根据第一视觉图片中所有个体之间的远近视觉关系调整每个个体在第一视觉图片中的显示尺寸，得到第二视觉图片并对第二视觉图片进行展示。

此外，还包括动画展示模块，用于调整动画展示过程中沿活动路线移动的目标个体的显示尺寸以及活动速度来达到动画效果。

本发明的目的是提供一种基于视觉欺骗的图片展示系统，该系统利用大小尺寸对比、图形倾斜角度对比、动画速度对比等手法，调整平面图片中个体的显示比例，实现对大脑造成错觉，让平面图片可展示出三维立体效果。

本发明实施例系统的各模块的功能可以参见上述方法中的对应描述，在此不再赘述。

实施例三

图5示出根据本发明一实施例的电子设备的结构框图。如图5所示，该电子设备包括：存储器100和处理器200，存储器100内存储有可在处理器200上运行的计算机程序。处理器200执行该计算机程序时实现上述实施例中的基于视觉欺骗的图片展示方法。存储器100和处理器200的数量可以为一个或多个。

该电子设备还包括：

通信接口300，用于与外界设备进行通信，进行数据交互传输。

如果存储器100、处理器200和通信接口300独立实现，则存储器100、处理器200和通信接口300可以通过总线相互连接并完成相互间的通信。该总线可以是工业标准体系结构(Industry Standard Architecture，ISA)总线、外部设备互连(Peripheral ComponentInterconnect，PCI)总线或扩展工业标准体系结构(Extended Industry StandardArchitecture，EISA)总线等。该总线可以分为地址总线、数据总线、控制总线等。为便于表示，图5中仅用一条粗线表示，但并不表示仅有一根总线或一种类型的总线。

可选的，在具体实现上，如果存储器100、处理器200及通信接口300集成在一块芯片上，则存储器100、处理器200及通信接口300可以通过内部接口完成相互间的通信。

本发明实施例提供了一种计算机可读存储介质，其存储有计算机程序，该程序被处理器执行时实现本发明实施例中提供的方法。

本发明实施例还提供了一种芯片，该芯片包括，包括处理器，用于从存储器中调用并运行存储器中存储的指令，使得安装有芯片的通信设备执行本发明实施例提供的方法。

本发明实施例还提供了一种芯片，包括：输入接口、输出接口、处理器和存储器，输入接口、输出接口、处理器以及存储器之间通过内部连接通路相连，处理器用于执行存储器中的代码，当代码被执行时，处理器用于执行发明实施例提供的方法。

应理解的是，上述处理器可以是中央处理器(Central Processing Unit，CPU)，还可以是其他通用处理器、数字信号处理器(digital signal processing，DSP)、专用集成电路(application specific integrated circuit，ASIC)、现场可编程门阵列(fieldprogrammablegate array，FPGA)或者其他可编程逻辑器件、分立门或者晶体管逻辑器件、分立硬件组件等。通用处理器可以是微处理器或者是任何常规的处理器等。值得说明的是，处理器可以是支持进阶精简指令集机器(advanced RISC machines，ARM)架构的处理器。

进一步地，可选的，上述存储器可以包括只读存储器和随机存取存储器，还可以包括非易失性随机存取存储器。该存储器可以是易失性存储器或非易失性存储器，或可包括易失性和非易失性存储器两者。其中，非易失性存储器可以包括只读存储器(read-onlymemory，ROM)、可编程只读存储器(programmable ROM，PROM)、可擦除可编程只读存储器(erasable PROM，EPROM)、电可擦除可编程只读存储器(electrically EPROM，EEPROM)或闪存。易失性存储器可以包括随机存取存储器(random access memory，RAM)，其用作外部高速缓存。通过示例性但不是限制性说明，许多形式的RAM可用。例如，静态随机存取存储器(static RAM，SRAM)、动态随机存取存储器(dynamic random access memory，DRAM)、同步动态随机存取存储器(synchronous DRAM，SDRAM)、双倍数据速率同步动态随机存取存储器(doubledata date SDRAM，DDR SDRAM)、增强型同步动态随机存取存储器(enhancedSDRAM，ESDRAM)、同步连接动态随机存取存储器(synchlink DRAM，SLDRAM)和直接内存总线随机存取存储器(direct rambus RAM，DR RAM)。

在上述实施例中，可以全部或部分地通过软件、硬件、固件或者其任意组合来实现。当使用软件实现时，可以全部或部分地以计算机程序产品的形式实现。计算机程序产品包括一个或多个计算机指令。在计算机上加载和执行计算机程序指令时，全部或部分地产生按照本发明的流程或功能。计算机可以是通用计算机、专用计算机、计算机网络、或者其他可编程装置。计算机指令可以存储在计算机可读存储介质中，或者从一个计算机可读存储介质向另一个计算机可读存储介质传输。

在本说明书的描述中，参考术语“一个实施例”、“一些实施例”、“示例”、“具体示例”、或“一些示例”等的描述意指结合该实施例或示例描述的具体特征、结构、材料或者特点包括于本发明的至少一个实施例或示例中。而且，描述的具体特征、结构、材料或者特点可以在任一个或多个实施例或示例中以合适的方式结合。此外，在不相互矛盾的情况下，本领域的技术人员可以将本说明书中描述的不同实施例或示例以及不同实施例或示例的特征进行结合和组合。

此外，术语“第一”、“第二”仅用于描述目的，而不能理解为指示或暗示相对重要性或者隐含指明所指示的技术特征的数量。由此，限定有“第一”、“第二”的特征可以明示或隐含地包括至少一个该特征。在本发明的描述中，“多个”的含义是两个或两个以上，除非另有明确具体的限定。

流程图中或在此以其他方式描述的任何过程或方法描述可以被理解为，表示包括一个或更多个用于实现特定逻辑功能或过程的步骤的可执行指令的代码的模块、片段或部分。并且本发明的优选实施方式的范围包括另外的实现，其中可以不按所示出或讨论的顺序，包括根据所涉及的功能按基本同时的方式或按相反的顺序，来执行功能。

在流程图中表示或在此以其他方式描述的逻辑和/或步骤，例如，可以被认为是用于实现逻辑功能的可执行指令的定序列表，可以具体实现在任何计算机可读介质中，以供指令执行系统、装置或设备(如基于计算机的系统、包括处理器的系统或其他可以从指令执行系统、装置或设备取指令并执行指令的系统)使用，或结合这些指令执行系统、装置或设备而使用。

应理解的是，本发明的各部分可以用硬件、软件、固件或它们的组合来实现。在上述实施方式中，多个步骤或方法可以用存储在存储器中且由合适的指令执行系统执行的软件或固件来实现。上述实施例方法的全部或部分步骤是可以通过程序来指令相关的硬件完成，该程序可以存储于一种计算机可读存储介质中，该程序在执行时，包括方法实施例的步骤之一或其组合。

此外，在本发明各个实施例中的各功能单元可以集成在一个处理模块中，也可以是各个单元单独物理存在，也可以两个或两个以上单元集成在一个模块中。上述集成的模块既可以采用硬件的形式实现，也可以采用软件功能模块的形式实现。上述集成的模块如果以软件功能模块的形式实现并作为独立的产品销售或使用时，也可以存储在一个计算机可读存储介质中。该存储介质可以是只读存储器，磁盘或光盘等。

以上所述，仅为本发明的具体实施方式，但本发明的保护范围并不局限于此，任何熟悉本技术领域的技术人员在本发明揭露的技术范围内，可轻易想到其各种变化或替换，这些都应涵盖在本发明的保护范围之内。因此，本发明的保护范围应以权利要求的保护范围为准。

Claims (10)

1.一种基于视觉欺骗的图片展示方法，其特征在于，包括：

获取平面图片，确定所述平面图片中每个个体对应的形状；

根据当前显示视角推算出对应的倾斜角度，根据所述倾斜角度调整所述平面图片中每个所述个体的显示形状，得到第一视觉图片；

根据所述第一视觉图片中所有所述个体之间的远近视觉关系调整每个所述个体在所述第一视觉图片中的显示尺寸，得到第二视觉图片并对所述第二视觉图片进行展示。

2.根据权利要求1所述的基于视觉欺骗的图片展示方法，其特征在于，还包括：

在所述个体的形状为圆形的情况下，所述个体对应的倾斜角度为零。

3.根据权利要求1所述的基于视觉欺骗的图片展示方法，其特征在于，还包括：

响应于动画指令生成多帧所述第二视觉图片，并根据所述动画指令确定所述第二视觉图片中待运动的目标个体以及所述目标个体的活动路线；

根据所述活动路线逐帧改变所述第二视觉图片中所述目标个体的显示位置，得到多帧第三视觉图片，多帧第三视觉图片用于连续播放以实现动画展示效果。

4.根据权利要求3所述的基于视觉欺骗的图片展示方法，其特征在于，所述第三视觉图片的展示方法包括：

根据所述活动路线确定每帧所述第三视觉图片中所述目标个体与非运动的固定个体之间的远近视觉关系，根据远近视觉关系更新每帧所述第三视觉图片中所述目标个体的显示尺寸。

5.根据权利要求4所述的基于视觉欺骗的图片展示方法，其特征在于，所述第三视觉图片的展示方法包括：

在多帧所述第三视觉图片连续播放的情况下，相对于显示尺寸相对较小的所述目标个体，显示尺寸相对较大的所述目标个体沿所述活动路线移动的活动速度小于显示尺寸相对较小的所述目标个体的活动速度。

6.根据权利要求3所述的基于视觉欺骗的图片展示方法，其特征在于，还包括：

获取动画变速指令，根据所述动画变速指令调整多帧所述第三视觉图片的连续播放速度。

7.根据权利要求1所述的基于视觉欺骗的图片展示方法，其特征在于，还包括：

获取图标活动指令，根据图标活动指令确定需要活动的图标以及定位所述图标在所述第二视觉图片中的场景位置；

根据所述场景位置将所述图标添加在所述第二视觉图片中，并根据所述场景位置的远近视觉关系调整所述第二视觉图片中所述图标的显示尺寸以及倾斜角度。

8.一种基于视觉欺骗的图片展示系统，其特征在于，执行如权利要求1～7任一所述的基于视觉欺骗的图片展示方法。

9.一种电子设备，其特征在于，包括：处理器和存储器，所述存储器中存储指令，所述指令由处理器加载并执行，以实现如权利要求1～7任一所述的基于视觉欺骗的图片展示方法。

10.一种计算机可读存储介质，其特征在于，所述计算机可读存储介质内存储有计算机程序，所述计算机程序被处理器执行时实现如权利要求1～7任一所述的基于视觉欺骗的图片展示方法。