CN104571887A - 一种基于静态图片的动态交互方法和装置 - Google Patents
一种基于静态图片的动态交互方法和装置 Download PDFInfo
- Publication number
- CN104571887A CN104571887A CN201410855538.0A CN201410855538A CN104571887A CN 104571887 A CN104571887 A CN 104571887A CN 201410855538 A CN201410855538 A CN 201410855538A CN 104571887 A CN104571887 A CN 104571887A
- Authority
- CN
- China
- Prior art keywords
- pixel
- characteristic area
- static images
- frame
- line
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Granted
Links
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
- G06F3/04845—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range for image manipulation, e.g. dragging, rotation, expansion or change of colour
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0487—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/44—Arrangements for executing specific programs
- G06F9/451—Execution arrangements for user interfaces
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Human Computer Interaction (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Software Systems (AREA)
- Image Processing (AREA)
Abstract
本发明实施例提供了一种基于静态图片的动态交互方法和装置,所述方法包括:在静态图片中选取特征区域;当监听到指定的交互操作事件时,根据指定的交互操作事件确定映射参考对象;根据所述映射参考对象对所述特征区域中的至少部分像素点映射到一帧或多帧扭曲图片中,以驱动所述静态图片逐帧变化。本发明实施例无需借助专门的应用生成动态效果,降低了技术门槛,提高了操作的简便性,此外,通过对用户的交互操作进行反馈,实现了静态图片的动态交互,丰富了动态效果的形式。
Description
技术领域
本发明涉及图像处理技术领域,特别是涉及一种基于静态图片的动态交互方法和一种基于静态图片的动态交互装置。
背景技术
随着计算机科技的发展,尤其是移动设备的广泛普及,基于计算机的应用广泛进入人们生活的各个方面。
互联网上的图片浏览占据了用户访问量的很大一部分,随着移动互联网的发展,用户在手机上浏览图片正日益成为趋势。但是传统的互联网图片大部分都是静态图片,缺乏动态效果。
常用的动态图片一般采用GIF格式,需要专门的应用生成,一般的用户很难编辑,技术门槛高,操作困难。
即使是GIF格式的动态图片,也仅是按照在先的设定进行动态的播放,形式单一。
发明内容
鉴于上述问题,提出了本发明以便提供一种克服上述问题或者至少部分地解决上述问题的一种基于静态图片的动态交互方法和相应的一种基于静态图片的动态交互装置。
依据本发明的一个方面,提供了一种基于静态图片的动态交互方法,包括:
在静态图片中选取特征区域;
当监听到指定的交互操作事件时,根据指定的交互操作事件确定映射参考对象;
根据所述映射参考对象对所述特征区域中的至少部分像素点映射到一帧或多帧扭曲图片中,以驱动所述静态图片逐帧变化。
可选地,所述指定的交互操作事件包括摇晃事件,所述映射参考对象包括一个或多个参考点;
所述根据指定的交互操作事件确定映射参考对象的步骤包括:
按照摇晃事件的摇晃方向,在静态图片的特征区域中选取一个或多个参考点。
可选地,所述指定的交互操作事件包括屏幕点击事件,所述映射参考对象包括一个或多个参考点;
所述根据指定的交互操作事件确定映射参考对象的步骤包括:
按照指向发生屏幕点击事件的方向,在静态图片的特征区域中选取一个或多个参考点。
可选地,所述特征区域具有特征点;
所述根据所述映射参考对象对所述特征区域中的至少部分像素点映射到一帧或多帧扭曲图片中,以驱动所述静态图片逐帧变化的步骤包括:
根据所述特征点和所述一个或多个参考点将所述静态图片的像素点映射到一帧或多帧扭曲图片中。
可选地,所述特征区域包括凸区域,所述特征点包括重心点。
可选地,所述根据所述特征点和所述一个或多个参考点将所述静态图片的像素点映射到一帧或多帧扭曲图片中的步骤包括:
生成扭曲图片;
将在所述特征区域中第一连线上的像素点映射到第二连线上;
将所述第二连线上的像素点拷贝到在所述扭曲图片中的相同位置;
其中,所述第一连线为所述特征点与边缘点之间的连线,所述第二连线为当前参考点与边缘点的连线,所述边缘点为所述特征区域边缘上的坐标点。
可选地,所述将在所述特征区域中第一连线上的像素点映射到第二连线上的步骤包括:
计算在所述特征区域中第一连线上的像素点,在第一连线上的相对位置;
按照所述相对位置,将所述像素点拷贝到第二连线上。
可选地,所述根据所述特征点和所述一个或多个参考点将所述静态图片的像素点映射到一帧或多帧扭曲图片中的步骤还包括:
在所述特征区域外的像素点映射到在所述扭曲图片中的相同位置。
可选地,所述根据所述特征点和所述一个或多个参考点将所述静态图片的像素点映射到一帧或多帧扭曲图片中的步骤还包括:
对扭曲图片中位置重叠的像素点进行像素点叠加处理。
可选地,所述根据所述特征点和所述一个或多个参考点将所述静态图片的像素点映射到一帧或多帧扭曲图片中的步骤还包括:
对扭曲图片中的空白位置进行像素点插值处理。
可选地,所述指定的交互操作事件包括摇晃事件,所述映射参考对象包括所述特征区域中的至少部分像素点的运动方向;
所述根据指定的交互操作事件确定映射参考对象的步骤包括:
设置摇晃事件的摇晃方向为所述特征区域中的至少部分像素点的运动方向。
可选地,所述指定的操作事件包括屏幕点击事件,所述映射参考对象包括所述特征区域中的至少部分像素点的运动方向;
所述根据指定的操作事件确定映射参考对象的步骤包括:
设置指向发生屏幕点击事件的方向为所述特征区域中的至少部分像素点的运动方向。
可选地,所述根据所述映射参考对象对所述特征区域中的至少部分像素点映射到一帧或多帧扭曲图片中,以驱动所述静态图片逐帧变化的步骤包括:
在所述运动方向上,按照预设模式对所述特征区域中的至少部分像素点进行纹理映射,产生包含一帧或多帧扭曲图片变化的动态效果。
可选地,所述在所述运动方向上,按照预设模式对所述特征区域中的至少部分像素点进行纹理映射,产生包含一帧或多帧扭曲图片变化的动态效果的步骤包括:
将所述特征区域划分一个或多个绘制图形;每个绘制图形中具有多个顶点,每个顶点具有纹理坐标;
在所述运动方向上,按照预设模式在一个或多个时间点移动每个绘制图像的顶点;
针对每个绘制图形,使用图形绘制接口按照每个顶点的纹理坐标对绘制图形中的像素点进行纹理映射,产生包含一帧或多帧扭曲图片变化的动态效果。
可选地,所述预设模式包括简谐运动模式和/或阻尼振动模式;
所述在所述运动方向上,按照预设模式在一个或多个时间点移动每个绘制图像的顶点的步骤包括:
在所述运动方向上,按照简谐运动模式和/或阻尼振动模式在一个或多个时间点移动每个绘制图像的顶点。
可选地,所述在所述运动方向上,按照简谐运动模式和/或阻尼振动模式在一个或多个时间点移动每个绘制图像的顶点的步骤包括:
确定每个绘制图像的顶点的加速度;每个绘制图像的顶点具有原始坐标;
按照所述加速度和/或预设的阻尼系数,计算在一个或多个时间点内沿所述运动方向移动每个绘制图像的顶点的移动距离;
由所述原始坐标和所述移动距离计算每个绘制图像的顶点的目标坐标。
可选地,所述方法还包括:
采用所述静态图片和所述一帧或多帧扭曲图像生成动态图片。
可选地,所述方法还包括:
基于所述特征区域生成动态信息;
将所述动态信息和脚本对象写入所述静态图片中,以生成动态交互文件。
可选地,所述基于所述特征区域生成动态信息的步骤包括:
使用所述特征区域、所述特征点和所述一个或多个参考点生成动态信息。
可选地,所述基于所述特征区域生成动态信息的步骤包括:
使用所述特征区域和所述特征区域中的至少部分像素点的运动方向生成动态信息。
根据本发明的另一方面,提供了一种基于静态图片的动态交互装置,包括:
选取模块,适于在静态图片中选取特征区域;
确定模块,适于在监听到指定的交互操作事件时,根据指定的交互操作事件确定映射参考对象;
映射模块,适于根据所述映射参考对象对所述特征区域中的至少部分像素点映射到一帧或多帧扭曲图片中,以驱动所述静态图片逐帧变化。
可选地,所述指定的交互操作事件包括摇晃事件,所述映射参考对象包括一个或多个参考点;
所述确定模块还适于:
按照摇晃事件的摇晃方向,在静态图片的特征区域中选取一个或多个参考点。
可选地,所述指定的交互操作事件包括屏幕点击事件,所述映射参考对象包括一个或多个参考点;
所述确定模块还适于:
按照指向发生屏幕点击事件的方向,在静态图片的特征区域中选取一个或多个参考点。
可选地,所述特征区域具有特征点;所述映射模块还适于:
根据所述特征点和所述一个或多个参考点将所述静态图片的像素点映射到一帧或多帧扭曲图片中。
可选地,所述特征区域包括凸区域,所述特征点包括重心点。
可选地,所述映射模块还适于:
生成扭曲图片;
将在所述特征区域中第一连线上的像素点映射到第二连线上;
将所述第二连线上的像素点拷贝到在所述扭曲图片中的相同位置;
其中,所述第一连线为所述特征点与边缘点之间的连线,所述第二连线为当前参考点与边缘点的连线,所述边缘点为所述特征区域边缘上的坐标点。
可选地,所述映射模块还适于:
计算在所述特征区域中第一连线上的像素点,在第一连线上的相对位置;
按照所述相对位置,将所述像素点拷贝到第二连线上。
可选地,所述映射模块还适于:
在所述特征区域外的像素点映射到在所述扭曲图片中的相同位置。
可选地,所述映射模块还适于:
对扭曲图片中位置重叠的像素点进行像素点叠加处理。
可选地,所述映射模块还适于:
对扭曲图片中的空白位置进行像素点插值处理。
可选地,所述指定的交互操作事件包括摇晃事件,所述映射参考对象包括所述特征区域中的至少部分像素点的运动方向;
所述确定模块还适于:
设置摇晃事件的摇晃方向为所述特征区域中的至少部分像素点的运动方向。
可选地,所述指定的操作事件包括屏幕点击事件,所述映射参考对象包括所述特征区域中的至少部分像素点的运动方向;
所述确定模块还适于:
设置指向发生屏幕点击事件的方向为所述特征区域中的至少部分像素点的运动方向。
可选地,所述映射模块还适于:
在所述运动方向上,按照预设模式对所述特征区域中的至少部分像素点进行纹理映射,产生包含一帧或多帧扭曲图片变化的动态效果。
可选地,所述映射模块还适于:
将所述特征区域划分一个或多个绘制图形;每个绘制图形中具有多个顶点,每个顶点具有纹理坐标;
在所述运动方向上,按照预设模式在一个或多个时间点移动每个绘制图像的顶点;
针对每个绘制图形,使用图形绘制接口按照每个顶点的纹理坐标对绘制图形中的像素点进行纹理映射,产生包含一帧或多帧扭曲图片变化的动态效果。
可选地,所述预设模式包括简谐运动模式和/或阻尼振动模式;所述映射模块还适于:
在所述运动方向上,按照简谐运动模式和/或阻尼振动模式在一个或多个时间点移动每个绘制图像的顶点。
可选地,所述映射模块还适于:
确定每个绘制图像的顶点的加速度;每个绘制图像的顶点具有原始坐标;
按照所述加速度和/或预设的阻尼系数,计算在一个或多个时间点内沿所述运动方向移动每个绘制图像的顶点的移动距离;
由所述原始坐标和所述移动距离计算每个绘制图像的顶点的目标坐标。
可选地,所述装置还包括:
第一生成模块,适于采用所述静态图片和所述一帧或多帧扭曲图像生成动态图片。
可选地,所述装置还包括:
第二生成模块,适于基于所述特征区域生成动态信息;
写入模块,适于将所述动态信息和脚本对象写入所述静态图片中,以生成动态交互文件。
可选地,所述第二生成模块还适于:
使用所述特征区域、所述特征点和所述一个或多个参考点生成动态信息。
可选地,所述第二生成模块还适于:
使用所述特征区域和所述特征区域中的至少部分像素点的运动方向生成动态信息。
本发明实施例由监听到指定的交互操作事件时确定映射参考对象,以对静态图片的特征区域中的至少部分像素点映射到一帧或多帧扭曲图片中,以驱动静态图片逐帧变化,无需借助专门的应用生成动态效果,降低了技术门槛,提高了操作的简便性,此外,通过对用户的交互操作进行反馈,实现了静态图片的动态交互,丰富了动态效果的形式。
本发明实施例基于一个或多个参考点将静态图片的像素点映射到一帧或多帧扭曲图片中,生成动态效果,计算简单、无需依赖第三方开发包、库文件或者工具,渲染生成速度快,对资源消耗少,容易跨平台。
本发明基于运动方向将特征区域中的至少部分像素点进行纹理映射,产生包含一帧或多帧扭曲图片变化的动态效果,一方面,对特征区域生成动态效果,减少了动态效果的体积,减少了传输时的带宽占用,方便传输,另一方面,由于纹理映射效率很高,减少了生成动态效果的耗时,对于网络图片或者***相册里的图片等均可以很快地产生动态效果,快速、方便地生成动态效果,实现了动态效果可以和用户的交互行为的实时互动。
上述说明仅是本发明技术方案的概述,为了能够更清楚了解本发明的技术手段,而可依照说明书的内容予以实施,并且为了让本发明的上述和其它目的、特征和优点能够更明显易懂,以下特举本发明的具体实施方式。
附图说明
通过阅读下文优选实施方式的详细描述,各种其他的优点和益处对于本领域普通技术人员将变得清楚明了。附图仅用于示出优选实施方式的目的,而并不认为是对本发明的限制。而且在整个附图中,用相同的参考符号表示相同的部件。在附图中:
图1示出了根据本发明一个实施例的一种基于静态图片的动态交互方法实施例的步骤流程图;
图2示出了根据本发明一个实施例的一种静态图片的示例图;
图3示出了根据本发明一个实施例的一种在静态图片中选取特征区域的示例图;
图4A和图4B示出了根据本发明一个实施例的一种像素点的映射示例图;
图5A和图5B示出了根据本发明一个实施例的一种扭曲图像的示例图;以及
图6示出了根据本发明一个实施例的一种基于静态图片的动态交互装置实施例的结构框图。
具体实施方式
下面将参照附图更详细地描述本公开的示例性实施例。虽然附图中显示了本公开的示例性实施例,然而应当理解,可以以各种形式实现本公开而不应被这里阐述的实施例所限制。相反,提供这些实施例是为了能够更透彻地理解本公开,并且能够将本公开的范围完整的传达给本领域的技术人员。
参照图1,示出了根据本发明一个实施例的一种基于静态图片的动态交互方法实施例的步骤流程图,具体可以包括如下步骤:
步骤101,在静态图片中选取特征区域;
需要说明的是,本发明实施例可以应用于移动设备中,例如,手机、PDA(Personal Digital Assistant,个人数字助理)、膝上型计算机、掌上电脑等等,也可以应用于固定设备中,例如,个人电脑(Personal Computer,PC)、笔记本电脑等等,本发明实施例对此不加以限制。
这些移动设备或固定设备一般可以支持包括Android(安卓)、IOS、WindowsPhone或者windows等的操作***,通常可以存储静态图片。
静态图片,可以是相对于动态图片而言的,即不具有动态效果的图片。
该静态图片可以包括JPG、JPEG、PNG、BMP等格式,本发明实施例对此不加以限制。
在本发明实施例中,可以在静态图片中选取某一个区域作为特征区域,该特征区域可以为多边形、圆形、椭圆型等形状,针对该特征区域中的图像数据进行动态效果的生成。
例如,对于如图2所示的静态图片,可以提供一个如图3所示的椭圆形选择框,用户可以改变该椭圆形的选择框的形状,并选择其对于静态图片的位置,该位置可以确定为特征区域。
步骤102,当监听到指定的交互操作事件时,根据指定的交互操作事件确定映射参考对象;
在具体实现中,该交互操作事件可以为由用户进行交互操作所引起的事件。
映射参考对象可以为针对特征区域中的像素点进行映射时,作为映射位置参考的对象。
通过该交互操作事件的触发,可以使得特征区域进行类似于物理水球的抖动效果(近似装满水的气球),并且其抖动方向和方式是根据用户不同的交互操作而变化的,如手机摇动的方向、屏幕点击的位置等。
在本发明的一种可选实施例中,所述指定的交互操作事件可以包括摇晃事件,所述映射参考对象可以包括一个或多个参考点;
则在本发明实施例中,步骤102可以包括如下子步骤:
子步骤S11,按照摇晃事件的摇晃方向,在静态图片的特征区域中选取一个或多个参考点。
在具体实现中,可以在监听到指定的交互操作事件时,根据指定的交互操作事件确定一个或多个参考点。
在本发明实施例中,用户可以通过摇晃进行交互操作。
具体而言,可以从操作***(如Android)的传感器事件接口,监听加速度传感器(如三轴加速度传感器)事件。
收到加速度传感器变化事件后,分别获取设备在水平、垂直以及空间垂直三个方向的加速度,计算各方向加速度的平方和,并获取其平方根,作为设备移动的综合加速度。
若综合加速度大于设定的加速度阈值,则可以判断监听到摇晃事件,认定用户的摇晃操作进行交互。
在摇晃方向上,可以与摇晃方向相同,也可以与摇晃方向相反,在静态图片的特征区域中选取一个或多个连续分布的参考点。
在本发明的一种可选实施例中,所述指定的交互操作事件可以包括屏幕点击事件,所述映射参考对象可以包括一个或多个参考点;
则在本发明实施例中,步骤102可以包括如下子步骤:
子步骤S12,按照指向发生屏幕点击事件的方向,在静态图片的特征区域中选取一个或多个参考点。
在本发明实施例中,用户可以通过点击屏幕(如特征区域)进行交互操作。
若监听到屏幕点击事件,则可以按照指向发生屏幕点击事件的方向,如特征区域的中心点/重心点指向发生屏幕点击事件的方向,可以与该方向相同,也可以与该方向相反,在静态图片的特征区域中选取一个或多个连续分布的参考点。
当然,上述参考点的确定方式只是作为示例,在实施本发明实施例时,可以根据实际情况设置其他参考点的确定方式,例如,直接指定参考点的位置,本发明实施例对此不加以限制。另外,除了上述参考点的确定方式外,本领域技术人员还可以根据实际需要采用其它参考点的确定方式,本发明实施例对此也不加以限制。
在本发明的一种可选实施例中,所述指定的交互操作事件可以包括摇晃事件,所述映射参考对象可以包括所述特征区域中的至少部分像素点的运动方向;
则在本发明实施例中,步骤102可以包括如下子步骤:
子步骤S13,设置摇晃事件的摇晃方向为所述特征区域中的至少部分像素点的运动方向。
为了产生动态效果,可以移动绘制图形的顶点的位置,顶点的位置的移动可以取决于用户的交互操作。
例如,当用户手摇晃手机时,则绘制图形的顶点可以会往摇晃的方向移动,其形状也会随之改变。
又例如,当用户手触摸屏幕的某个位置,则绘制图形的顶点可以会往用户的触摸点移动,其形状也会随之改变。
通过该交互操作事件的触发,可以使得特征区域进行类似于物理水球的抖动效果(近似装满水的气球),并且其抖动方向和方式是根据用户不同的交互操作而变化的,如手机摇动的方向、屏幕点击的位置等。
在本发明实施例中,用户可以通过摇晃进行交互操作。
在摇晃方向上,可以与摇晃方向相同,也可以与摇晃方向相反,作为静态图片的特征区域中选取特征区域中的至少部分像素点的运动方向。
需要说明的是,运动方向可以包括加速度。
在本发明的一种可选实施例中,所述指定的操作事件可以包括屏幕点击事件,所述映射参考对象可以包括所述特征区域中的至少部分像素点的运动方向;
则在本发明实施例中,步骤102可以包括如下子步骤:
子步骤S14,设置指向发生屏幕点击事件的方向为所述特征区域中的至少部分像素点的运动方向。
在本发明实施例中,用户可以通过点击屏幕(如特征区域)进行交互操作。
若监听到屏幕点击事件,则可以按照指向发生屏幕点击事件的方向,如特征区域的中心点/重心点指向发生屏幕点击事件的方向,可以与该方向相同,也可以与该方向相反,作为静态图片的特征区域中选取特征区域中的至少部分像素点的运动方向。
当然,上述运动方向的确定方式只是作为示例,在实施本发明实施例时,可以根据实际情况设置其他运动方向的确定方式,本发明实施例对此不加以限制。另外,除了上述参考点的确定方式外,本领域技术人员还可以根据实际需要采用其它运动方向的确定方式,本发明实施例对此也不加以限制。
步骤103,根据所述映射参考对象对所述特征区域中的至少部分像素点映射到一帧或多帧扭曲图片中,以驱动所述静态图片逐帧变化。
在具体实现中,可以映射参考对象作为扭曲的幅度参考,对静态图片进行映射,以生成扭曲图片。
当映射参考对象的幅度越大,扭曲的幅度可以越大,当映射参考对象的幅度越小,扭曲的幅度可以越小。
本发明实施例由监听到指定的交互操作事件时确定映射参考对象,以对静态图片的特征区域中的至少部分像素点映射到一帧或多帧扭曲图片中,以驱动静态图片逐帧变化,无需借助专门的应用生成动态效果,降低了技术门槛,提高了操作的简便性,此外,通过对用户的交互操作进行反馈,实现了静态图片的动态交互,丰富了动态效果的形式。
在本发明的一种可选实施例中,步骤103可以包括如下子步骤:
子步骤S21,根据所述特征点和所述一个或多个参考点将所述静态图片的像素点映射到一帧或多帧扭曲图片中。
在本发明实施例中,所述特征区域中可以具有特征点,用以进行动态效果的生成。
在本发明实施例中,可以以特征点为基准,以参考点作为扭曲的幅度参考,对静态图片进行映射,以生成扭曲图片。
静态图片中的特征区域中的像素点可以沿特征点指向参考点的方向映射,造成静态图片的扭曲。当参考点偏离特征点越大,扭曲的幅度可以越大,当参考点偏离特征点越小,扭曲的幅度可以越小,特别地,当特征点与参考点重合时,扭曲图片中可以不产生扭曲。
在本发明实施例的一种可选示例中,所述特征区域可以包括凸区域,所述特征点可以包括重心点。
凸区域,从几何上看可以是指图形是往外凸的,没有凹进去的地方。
代数上可以这样定义凸区域:集合中任取两个点a、b,有t*a+(1-t)*b仍属于这个集合,其中0<t<1,这个表达式的意思可以是连接两个点a b的直线段还在集合中。
几何上的重心,又称为几何中心,当物体为均质(密度为定值),质心等同于形心,如,三角形三条中线的交点。
在本发明的一种可选实施例中,子步骤S21可以包括如下子步骤:
子步骤S211,生成扭曲图片;
在本发明实施例中,扭曲图片的初始状态可以是空白的。
子步骤S212,将在所述特征区域中第一连线上的像素点映射到第二连线上;
其中,所述第一连线可以为所述特征点与边缘点之间的连线,所述第二连线可以为当前参考点与边缘点的连线,所述边缘点可以为所述特征区域边缘上的坐标点。
本发明实施例中,对于在特征区域中的像素点,可以按照参考点进行映射。
需要说明的是,若特征区域为凸区域,参考点为特征区域内的像素点,则映射后的像素点可以位于特征区域内,实现特征区域内的像素点在特征区域内进行映射,而不会映射到特征区域外。
例如,如图4A所示,C0为特征点(如重心点),C1可以为参考点,E可以边缘点,则C0E可以为第一连线,C1E可以为第二连线,本发明实施例中,可以将第一连线C0E上的像素点P0,映射到第二连线C1E上,获得映射到的点P1。
在本发明的一种可选实施例中,子步骤S212可以包括如下子步骤:
子步骤S2121,计算在所述特征区域中第一连线上的像素点,在第一连线上的相对位置;
子步骤S2122,按照所述相对位置,将所述像素点拷贝到第二连线上。
在实际应用中,可以以比例关系表达像素点的相对位置。
例如,在一个示例中,如图4A所示,线段C0P0与线段C0E的比值,作为比例R,可以作为像素点P0在第一连线C0E上的相对位置。根据比例R,求得线段C1E上的点P1,使得线段C1P1与第二连线C1E的比值为R。
当然,在本发明实施例还可以采用其他包含像素点的线段与第一连线之间比例表达相对位置,本发明实施例对此不加以限制。
子步骤S213,将所述第二连线上的像素点拷贝到在所述扭曲图片中的相同位置;
若确定了第二连线上像素点的位置,则可以将其拷贝到扭曲图片中的相同位置,进行图像的扭曲映射。
在本发明的一种可选实施例中,子步骤S21还可以包括如下子步骤:
子步骤S214,在所述特征区域外的像素点映射到在所述扭曲图片中的相同位置。
本发明实施例中,如果静态图片上像素点在凸特征区域外,则可以直接拷贝到扭曲图片上对应的相同位置,不产生扭曲。
当然,本发明实施例也可以不对特征区域外的像素点进行映射,仅基于特征区域中的像素点进行映射,本发明实施例对此不加以限制。
在本发明的一种可选实施例中,子步骤S21还可以包括如下子步骤:
子步骤S215,对扭曲图片中位置重叠的像素点进行像素点叠加处理。
在本发明实施例中,由于静态图片进行映射产生扭曲,在扭曲图片中像素点较为集中的区域,可能会产生像素点的位置重叠的情形。
针对像素点的位置重叠的情形,本发明实施例可以进行像素点叠加处理。
例如,若应用RGB色彩模式,则可以通过对像素点的红(R)、绿(G)、蓝(B)三个颜色通道的变化以及它们相互之间的叠加来得到各式各样的颜色的。
当然,为了进一步减少计算量,也可以从叠加的像素点中选取一个像素点(如随机选取像素点、选取最后拷贝到该位置的像素点)作为该位置的像素点,还可以采用其他方式选取该位置的像素点,本发明实施例对此不加以限制。
在本发明的一种可选实施例中,子步骤S21还可以包括如下子步骤:
子步骤S216,对扭曲图片中的空白位置进行像素点插值处理。
在本发明实施例中,由于静态图片进行映射产生扭曲,在扭曲图片中像素点较为稀疏的区域,可能会由某些像素点没有被赋值(即没有像素点映射到该位置,该位置的像素点为原始状态,如白色),产生空白位置的情形。
针对扭曲图片中的空白位置的情形,本发明实施例可以进行像素点插值处理,以补全扭曲图片。
例如,对于没有被赋值的像素点Px,选取距离它最近的已经赋值的像素点Py(如上方的像素点、下方的像素点、左侧的像素点、右侧的像素点等),将像素点Py的值赋给像素点Px。
在实际应用中,当参考点(如图4A所示的C1)移动到某一个位置的时候,可以根据参考点(如图4A所示的C1)的位置映射出一张扭曲图片,随着参考点(如图4A所示的C1)移动到不同的位置,扭曲图片也发生变化,扭曲图片可以连续播放,从而形成动态效果。
如图5A所示,若参考点(如图4A所示的C1)在特征点(如图4A所示的C0)的左侧,则特征图像中整体可以往左侧扭曲;图5B所示,若参考点在特征点(如图4A所示的C0)的右侧,则特征图像中整体可以往右侧扭曲。
进一步地,若参考点的位置根据指定的交互操作事件确定,则参考点可以从特征点的位置出发,沿指定的交互操作事件对应的方向(如摇晃事件的摇晃方向、指向发生屏幕点击事件的方向)在特征点两侧分布,最终与特征点重合,则特征区域映射出的扭曲图片可以沿指定的交互操作事件对应的方向来回扭曲,产生抖动效果,并最终静止。
例如,如图4A所示,参考点C1沿着经过重心点C0的X轴方向上做震荡移动,参考点C1每移动到一个位置就会生成一个扭曲图片,扭曲图片逐帧播放,可以产生如图5A和图5B所示的特征区域内的图像表现出左右震动的动态效果。
本发明实施例基于一个或多个参考点将静态图片的像素点映射到一帧或多帧扭曲图片中,生成动态效果,计算简单、无需依赖第三方开发包、库文件或者工具,渲染生成速度快,对资源消耗少,容易跨平台。
在本发明的一种可选实施例中,步骤103可以包括如下子步骤:
子步骤S31,在所述运动方向上,按照预设模式对所述特征区域中的至少部分像素点进行纹理映射,产生包含一帧或多帧扭曲图片变化的动态效果。
在本发明实施例中,可以以运动方向(包括加速度)作为扭曲的幅度参考,对静态图片进行映射,以生成扭曲图片。
静态图片中的特征区域中的像素点可以沿运动方向映射,造成静态图片的扭曲。
当运动方向的幅度越大(如加速度的幅度越大、点击屏幕的位置离特征区域的中心越远),扭曲的幅度可以越大,当运动方向的幅度越小(如加速度的幅度越小、点击屏幕的位置离特征区域的中心越近),扭曲的幅度可以越小。
在本发明的一种可选实施例中,子步骤S31可以包括如下子步骤:
子步骤S311,将所述特征区域划分一个或多个绘制图形;
在本发明实施例中,可以应用图形学的方式,即可以基于网格的生成动态效果。
具体而言,可以将特征区域划分为一个或多个绘制图形,可选为三角形或其他形状的网格(即绘制图形),采用三角形是因为图形绘制接口,如OpenGL(Open Graphics Library),对于三角形的图形渲染有高效率的加速算法。
每个绘制图形中可以具有多个顶点,每个绘制图形(如三角形)可以由顶点(如三个顶点)表示,除了对应的二维坐标外,每个顶点可以具有静态图片的纹理坐标。
在一个实施例中,可以对特征区域的中心区域划分一个或多个绘制图形,以模拟类似于物理水球的抖动效果(近似装满水的气球)。
子步骤S312,在所述运动方向上,按照预设模式在一个或多个时间点移动每个绘制图像的顶点;
在本发明实施例中,可以按照预设模式,沿该运动方向的相同方向、相反方向移动每个绘制图形的顶点。
在本发明的一种可选实施例中,所述预设模式可以包括简谐运动模式和/或阻尼振动模式;则在本发明实施例中,子步骤S312可以包括如下子步骤:
子步骤S3121,在所述运动方向上,按照简谐运动模式和/或阻尼振动模式在一个或多个时间点移动每个绘制图像的顶点。
简谐运动,或简谐振动、谐振、SHM(Simple Harmonic Motion),可以指某物体(如每个绘制图形的顶点)进行简谐运动时,物体(如每个绘制图形的顶点)所受的力跟位移成正比,并且力总是指向平衡位置。
阻尼振动可以指在阻力作用下的震动,当阻力大小可以忽略时,可以说是简谐运动。振动过程中受到阻力的作用,振幅逐渐减小,能量逐渐损失,直至振动停止。
在本发明实施例的一种可选示例中,子步骤S3121可以包括如下子步骤:
子步骤S31211,确定每个绘制图像的顶点的加速度;
若交互操作事件为摇晃事件,则可以从该摇晃事件中提取摇晃时初始的加速度,作为每个绘制图形的顶点的加速度,摇晃的幅度越大,每个绘制图形的顶点的加速度也越大。
若交互操作事件为屏幕点击事件,则可以提取预设的加速度作为每个绘制图形的顶点初始的加速度。
子步骤S31212,按照所述加速度和/或预设的阻尼系数,计算在一个或多个时间点内沿所述运动方向移动每个绘制图像的顶点的移动距离;
对于简谐运动,可以按照该加速度模拟每个绘制图形的顶点所受的力,该力指向平衡位置,构建弹簧模型,模拟每个绘制图形的顶点沿运动方向进行简谐运动。
对于阻尼振动,可以按照该阻尼***模拟每个绘制图形的顶点所受的阻力,模拟每个绘制图形的顶点沿运动方向进行阻尼振动。
基于加速度、阻尼系数、运动方向可以通过运动学公式计算出在一个或多个时间点内移动距离。
子步骤S31213,由所述原始坐标和所述移动距离计算每个绘制图像的顶点的目标坐标。
在本发明实施例中,每个绘制图形的顶点可以具有原始坐标,即在静态图片中的原始的二维坐标,沿运动方向,添加上该移动距离,则可以获得移动后的每个绘制图形的顶点的位置(即目标坐标)。
子步骤S313,针对每个绘制图形,使用图形绘制接口按照每个顶点的纹理坐标对绘制图形中的像素点进行纹理映射,产生包含一帧或多帧扭曲图片变化的动态效果。
在具体实现中,图形绘制接口可以采用OpenGL,其可以提供纹理映射(Texture Mapping),即是将纹理空间中的纹理像素映射到屏幕空间中的像素的过程。
通常,使用纹理映射的步骤可以如下:
第一步:定义纹理对象
const int TexNumber4;
GLuint mes_Texture[TexNumber];//定义纹理对象数组
第二步:生成纹理对象数组
glGenTextures(TexNumber,m_Texture);
第三步:通过使用glBindTexture选择纹理对象,来完成该纹理对象的定义。
glBindTexture(GL_TEXTURE 2D,m_Texture[0]);
glTexImage2D(GL_TEXTURE_2D,0,3,mes_Texmapl.GetWidth(),mee_Texmapl.GetHeight(),0,GL_BGR_EXT,GL_UNSIGNED_BYTE,mse_Texmapl.GetDibBitsl'trQ);
第四步:在绘制景物之前通过glBindTexture,为该景物加载相应的纹理。
glBindTexture(GLes_TEXTURE_2D,mse_Texture[0]);
第五步:在程序结束之前调用glDeleteTextures删除纹理对象。
glDeleteTextures(TexNumber,mee_Texture)。
在一个示例中,如图4B所示,绘制图形为三角形,其包括一个或多个像素点,其中,顶点在纹理空间中具有纹理坐标,顶点a的纹理坐标为(0.2,0.8),顶点b的纹理坐标为(0.4,0.2),顶点c的纹理坐标为(0.8,0.4),将该绘制图形移动的顶点进行移动,使得绘制图形发生变形,进行OpenGL纹理映射到获对象空间,渲染出来后,绘制图形产生了拉伸、压缩等效果,特征区域就会呈现出移动的现象。
如图5A所示,若运特征区域中的至少部分像素点的运动方向往特征区域的左侧,则特征图像中整体可以往左侧扭曲;图5B所示,若特征区域中的至少部分像素点的运动方向往特征区域的右侧,则特征图像中整体可以往右侧扭曲。
通过OpenGL的纹理映射,可以将静态图片的特征区域中心区域附近的绘制图形的顶点模拟弹簧的简谐运动,使得图片被规律的进行拉升,产生类似于弹力水球的抖动效果。
进一步地,若运动方向根据指定的交互操作事件确定,则特征区域中的至少部分像素点的运动方向可以沿指定的交互操作事件对应的方向(如摇晃事件的摇晃方向、指向发生屏幕点击事件的方向)在特征区域的两侧(如左侧和右侧、上方和下方),则按照简谐运动模式和/或阻尼振动模式,特征区域映射出的扭曲图片可以沿指定的交互操作事件对应的方向来回扭曲,产生抖动效果,并最终静止。
其中,根据传感器可以判断手机摇动的方向,静态图片中特征区域可以会沿着摇动方向运动,当设备左右上下剧烈摇动时,特征区域可以绕着中心旋转以模拟猛烈摇动的动态效果。
通过判断手指点击屏幕的位置,特征区域中心可以沿着中心位置和点击位置的方向进行抖动,当手指按住抖动区域内,并在屏幕上来回滑动时,特征区域中心可以跟随手指运动的方向,产生被拖拽的效果,并通过微抖动算法,使得抖动区域产生水球被拖拽时产生的微微抖动的效果,增强其物理真实性。
例如,设备左右摇晃或者用户在特征区域中左右来回滑动,使得特征区域中的至少部分像素点沿水平轴方向上做震荡移动,特征区域中每个绘制图形的顶点在每一个时间点移动到一个位置就会生成一个扭曲图片,扭曲图片逐帧播放,可以产生如图5A和图5B所示的特征区域内的图像表现出左右震动的动态效果。
本发明基于运动方向将特征区域中的至少部分像素点进行纹理映射,产生包含一帧或多帧扭曲图片变化的动态效果,一方面,对特征区域生成动态效果,减少了动态效果的体积,减少了传输时的带宽占用,方便传输,另一方面,由于纹理映射效率很高,减少了生成动态效果的耗时,对于网络图片或者***相册里的图片等均可以很快地产生动态效果,快速、方便地生成动态效果,实现了动态效果可以和用户的交互行为的实时互动。
在本发明的一种可选实施例中,所述方法还可以包括如下步骤:
步骤104,采用所述静态图片和所述一帧或多帧扭曲图像生成动态图片。
在本发明实施例中,可以保存一帧静态图片,以及,一帧或多帧包括该特征区域的扭曲图片,生成动态图片,例如GIF。
相对于传统的GIF,由于减少了扭曲图片以外的图像数据的存储,可以减少动态图片的体积大小。
在本发明的一种可选实施例中,所述方法还可以包括如下步骤:
步骤105,基于所述特征区域生成动态信息;
动态信息可以为将静态图片的特征区域映射到一帧或多帧扭曲图像的配置信息,例如XML(Extensible Markup Language,可扩展的标识语言)、json(Javascript Object Notation,数据交换语言)等。
以json设计的配置信息的示例可以如下:
在本发明的一种可选实施例中,步骤105可以包括如下子步骤:
子步骤S41,使用所述特征区域、所述特征点和所述一个或多个参考点生成动态信息。
在本发明实施例中,可以将特征区域、特征点和一个或多个参考点生成动态信息,以支持基于参考点的动态效果的生成。
在本发明的一种可选实施例中,步骤105可以包括如下子步骤:
子步骤S42,使用所述特征区域和所述特征区域中的至少部分像素点的运动方向生成动态信息。
在本发明实施例中,可以将特征区域、特征区域中的至少部分像素点的运动方向生成生成动态信息,以支持基于运动方向的动态效果的生成。
步骤106,将所述动态信息和脚本对象写入所述静态图片中,以生成动态交互文件。
在本发明实施例中,可以将动态信息、脚本对象(如JS脚本)写入静态图片中,可以传输到网络或者给其他用户、也可以进行存储。
在读取该脚本对象后,可以使用脚本对象按照该动态信息对该静态图片进行映射,以产生逐帧变化的动态效果。
对于方法实施例,为了简单描述,故将其都表述为一系列的动作组合,但是本领域技术人员应该知悉,本发明实施例并不受所描述的动作顺序的限制,因为依据本发明实施例,某些步骤可以采用其他顺序或者同时进行。其次,本领域技术人员也应该知悉,说明书中所描述的实施例均属于优选实施例,所涉及的动作并不一定是本发明实施例所必须的。
参照图6,示出了根据本发明一个实施例的一种基于静态图片的动态交互装置实施例的结构框图,具体可以包括如下模块:
选取模块601,适于在静态图片中选取特征区域;
确定模块602,适于在监听到指定的交互操作事件时,根据指定的交互操作事件确定映射参考对象;
映射模块603,适于根据所述映射参考对象对所述特征区域中的至少部分像素点映射到一帧或多帧扭曲图片中,以驱动所述静态图片逐帧变化。
在本发明的一种可选实施例中,所述指定的交互操作事件可以包括摇晃事件,所述映射参考对象可以包括一个或多个参考点;
所述确定模块602还可以适于:
按照摇晃事件的摇晃方向,在静态图片的特征区域中选取一个或多个参考点。
在本发明的一种可选实施例中,所述指定的交互操作事件可以包括屏幕点击事件,所述映射参考对象可以包括一个或多个参考点;
所述确定模块602还可以适于:
按照指向发生屏幕点击事件的方向,在静态图片的特征区域中选取一个或多个参考点。
在本发明的一种可选实施例中,所述特征区域可以具有特征点;所述映射模块603还可以适于:
根据所述特征点和所述一个或多个参考点将所述静态图片的像素点映射到一帧或多帧扭曲图片中。
在本发明实施例的一种可选示例中,所述特征区域可以包括凸区域,所述特征点可以包括重心点。
在本发明的一种可选实施例中,所述映射模块603还可以适于:
生成扭曲图片;
将在所述特征区域中第一连线上的像素点映射到第二连线上;
将所述第二连线上的像素点拷贝到在所述扭曲图片中的相同位置;
其中,所述第一连线为所述特征点与边缘点之间的连线,所述第二连线为当前参考点与边缘点的连线,所述边缘点为所述特征区域边缘上的坐标点。
在本发明的一种可选实施例中,所述映射模块603还可以适于:
计算在所述特征区域中第一连线上的像素点,在第一连线上的相对位置;
按照所述相对位置,将所述像素点拷贝到第二连线上。
在本发明的一种可选实施例中,所述映射模块603还可以适于:
在所述特征区域外的像素点映射到在所述扭曲图片中的相同位置。
在本发明的一种可选实施例中,所述映射模块603还可以适于:
对扭曲图片中位置重叠的像素点进行像素点叠加处理。
在本发明的一种可选实施例中,所述映射模块603还可以适于:
对扭曲图片中的空白位置进行像素点插值处理。
在本发明的一种可选实施例中,所述指定的交互操作事件可以包括摇晃事件,所述映射参考对象可以包括所述特征区域中的至少部分像素点的运动方向;所述确定模块602还可以适于:
设置摇晃事件的摇晃方向为所述特征区域中的至少部分像素点的运动方向。
在本发明的一种可选实施例中,所述指定的操作事件可以包括屏幕点击事件,所述映射参考对象可以包括所述特征区域中的至少部分像素点的运动方向;所述确定模块602还可以适于:
设置指向发生屏幕点击事件的方向为所述特征区域中的至少部分像素点的运动方向。
在本发明的一种可选实施例中,所述映射模块603还可以适于:
在所述运动方向上,按照预设模式对所述特征区域中的至少部分像素点进行纹理映射,产生包含一帧或多帧扭曲图片变化的动态效果。
在本发明的一种可选实施例中,所述映射模块603还可以适于:
将所述特征区域划分一个或多个绘制图形;每个绘制图形中具有多个顶点,每个顶点具有纹理坐标;
在所述运动方向上,按照预设模式在一个或多个时间点移动每个绘制图像的顶点;
针对每个绘制图形,使用图形绘制接口按照每个顶点的纹理坐标对绘制图形中的像素点进行纹理映射,产生包含一帧或多帧扭曲图片变化的动态效果。
在本发明的一种可选实施例中,所述预设模式可以包括简谐运动模式和/或阻尼振动模式;所述映射模块603还可以适于:
在所述运动方向上,按照简谐运动模式和/或阻尼振动模式在一个或多个时间点移动每个绘制图像的顶点。
在本发明的一种可选实施例中,所述映射模块603还可以适于:
确定每个绘制图像的顶点的加速度;每个绘制图像的顶点具有原始坐标;
按照所述加速度和/或预设的阻尼系数,计算在一个或多个时间点内沿所述运动方向移动每个绘制图像的顶点的移动距离;
由所述原始坐标和所述移动距离计算每个绘制图像的顶点的目标坐标。
在本发明的一种可选实施例中,所述装置还可以包括如下模块:
第一生成模块,适于采用所述静态图片和所述一帧或多帧扭曲图像生成动态图片。
在本发明的一种可选实施例中,所述装置还可以包括如下模块:
第二生成模块,适于基于所述特征区域生成动态信息;
写入模块,适于将所述动态信息和脚本对象写入所述静态图片中,以生成动态交互文件。
在本发明的一种可选实施例中,所述第二生成模块还可以适于:
使用所述特征区域、所述特征点和所述一个或多个参考点生成动态信息。
在本发明的一种可选实施例中,所述第二生成模块还可以适于:
使用所述特征区域和所述特征区域中的至少部分像素点的运动方向生成动态信息。
对于装置实施例而言,由于其与方法实施例基本相似,所以描述的比较简单,相关之处参见方法实施例的部分说明即可。
在此提供的算法和显示不与任何特定计算机、虚拟***或者其它设备固有相关。各种通用***也可以与基于在此的示教一起使用。根据上面的描述,构造这类***所要求的结构是显而易见的。此外,本发明也不针对任何特定编程语言。应当明白,可以利用各种编程语言实现在此描述的本发明的内容,并且上面对特定语言所做的描述是为了披露本发明的最佳实施方式。
在此处所提供的说明书中,说明了大量具体细节。然而,能够理解,本发明的实施例可以在没有这些具体细节的情况下实践。在一些实例中,并未详细示出公知的方法、结构和技术,以便不模糊对本说明书的理解。
类似地,应当理解,为了精简本公开并帮助理解各个发明方面中的一个或多个,在上面对本发明的示例性实施例的描述中,本发明的各个特征有时被一起分组到单个实施例、图、或者对其的描述中。然而,并不应将该公开的方法解释成反映如下意图:即所要求保护的本发明要求比在每个权利要求中所明确记载的特征更多的特征。更确切地说,如下面的权利要求书所反映的那样,发明方面在于少于前面公开的单个实施例的所有特征。因此,遵循具体实施方式的权利要求书由此明确地并入该具体实施方式,其中每个权利要求本身都作为本发明的单独实施例。
本领域那些技术人员可以理解,可以对实施例中的设备中的模块进行自适应性地改变并且把它们设置在与该实施例不同的一个或多个设备中。可以把实施例中的模块或单元或组件组合成一个模块或单元或组件,以及此外可以把它们分成多个子模块或子单元或子组件。除了这样的特征和/或过程或者单元中的至少一些是相互排斥之外,可以采用任何组合对本说明书(包括伴随的权利要求、摘要和附图)中公开的所有特征以及如此公开的任何方法或者设备的所有过程或单元进行组合。除非另外明确陈述,本说明书(包括伴随的权利要求、摘要和附图)中公开的每个特征可以由提供相同、等同或相似目的的替代特征来代替。
此外,本领域的技术人员能够理解,尽管在此所述的一些实施例包括其它实施例中所包括的某些特征而不是其它特征,但是不同实施例的特征的组合意味着处于本发明的范围之内并且形成不同的实施例。例如,在下面的权利要求书中,所要求保护的实施例的任意之一都可以以任意的组合方式来使用。
本发明的各个部件实施例可以以硬件实现,或者以在一个或者多个处理器上运行的软件模块实现,或者以它们的组合实现。本领域的技术人员应当理解,可以在实践中使用微处理器或者数字信号处理器(DSP)来实现根据本发明实施例的基于静态图片的动态交互设备中的一些或者全部部件的一些或者全部功能。本发明还可以实现为用于执行这里所描述的方法的一部分或者全部的设备或者装置程序(例如,计算机程序和计算机程序产品)。这样的实现本发明的程序可以存储在计算机可读介质上,或者可以具有一个或者多个信号的形式。这样的信号可以从因特网网站上下载得到,或者在载体信号上提供,或者以任何其他形式提供。
应该注意的是上述实施例对本发明进行说明而不是对本发明进行限制,并且本领域技术人员在不脱离所附权利要求的范围的情况下可设计出替换实施例。在权利要求中,不应将位于括号之间的任何参考符号构造成对权利要求的限制。单词“包含”不排除存在未列在权利要求中的元件或步骤。位于元件之前的单词“一”或“一个”不排除存在多个这样的元件。本发明可以借助于包括有若干不同元件的硬件以及借助于适当编程的计算机来实现。在列举了若干装置的单元权利要求中,这些装置中的若干个可以是通过同一个硬件项来具体体现。单词第一、第二、以及第三等的使用不表示任何顺序。可将这些单词解释为名称。
Claims (10)
1.一种基于静态图片的动态交互方法,包括:
在静态图片中选取特征区域;
当监听到指定的交互操作事件时,根据指定的交互操作事件确定映射参考对象;
根据所述映射参考对象对所述特征区域中的至少部分像素点映射到一帧或多帧扭曲图片中,以驱动所述静态图片逐帧变化。
2.如权利要求1所述的方法,其特征在于,所述指定的交互操作事件包括摇晃事件,所述映射参考对象包括一个或多个参考点;
所述根据指定的交互操作事件确定映射参考对象的步骤包括:
按照摇晃事件的摇晃方向,在静态图片的特征区域中选取一个或多个参考点。
3.如权利要求1-2任一项所述的方法,其特征在于,所述指定的交互操作事件包括屏幕点击事件,所述映射参考对象包括一个或多个参考点;
所述根据指定的交互操作事件确定映射参考对象的步骤包括:
按照指向发生屏幕点击事件的方向,在静态图片的特征区域中选取一个或多个参考点。
4.如权利要求1-3任一项所述的方法,其特征在于,所述特征区域具有特征点;
所述根据所述映射参考对象对所述特征区域中的至少部分像素点映射到一帧或多帧扭曲图片中,以驱动所述静态图片逐帧变化的步骤包括:
根据所述特征点和所述一个或多个参考点将所述静态图片的像素点映射到一帧或多帧扭曲图片中。
5.如权利要求1-4任一项所述的方法,其特征在于,所述特征区域包括凸区域,所述特征点包括重心点。
6.如权利要求1-5任一项所述的方法,其特征在于,所述根据所述特征点和所述一个或多个参考点将所述静态图片的像素点映射到一帧或多帧扭曲图片中的步骤包括:
生成扭曲图片;
将在所述特征区域中第一连线上的像素点映射到第二连线上;
将所述第二连线上的像素点拷贝到在所述扭曲图片中的相同位置;
其中,所述第一连线为所述特征点与边缘点之间的连线,所述第二连线为当前参考点与边缘点的连线,所述边缘点为所述特征区域边缘上的坐标点。
7.如权利要求1-6任一项所述的方法,其特征在于,所述将在所述特征区域中第一连线上的像素点映射到第二连线上的步骤包括:
计算在所述特征区域中第一连线上的像素点,在第一连线上的相对位置;
按照所述相对位置,将所述像素点拷贝到第二连线上。
8.如权利要求1-7任一项所述的方法,其特征在于,所述根据所述特征点和所述一个或多个参考点将所述静态图片的像素点映射到一帧或多帧扭曲图片中的步骤还包括:
在所述特征区域外的像素点映射到在所述扭曲图片中的相同位置。
9.如权利要求1-8任一项所述的方法,其特征在于,所述根据所述特征点和所述一个或多个参考点将所述静态图片的像素点映射到一帧或多帧扭曲图片中的步骤还包括:
对扭曲图片中位置重叠的像素点进行像素点叠加处理。
10.一种基于静态图片的动态交互装置,包括:
选取模块,适于在静态图片中选取特征区域;
确定模块,适于在监听到指定的交互操作事件时,根据指定的交互操作事件确定映射参考对象;
映射模块,适于根据所述映射参考对象对所述特征区域中的至少部分像素点映射到一帧或多帧扭曲图片中,以驱动所述静态图片逐帧变化。
Priority Applications (2)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201410855538.0A CN104571887B (zh) | 2014-12-31 | 2014-12-31 | 一种基于静态图片的动态交互方法和装置 |
PCT/CN2015/095933 WO2016107356A1 (zh) | 2014-12-31 | 2015-11-30 | 一种基于静态图片的动态交互方法和装置 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201410855538.0A CN104571887B (zh) | 2014-12-31 | 2014-12-31 | 一种基于静态图片的动态交互方法和装置 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN104571887A true CN104571887A (zh) | 2015-04-29 |
CN104571887B CN104571887B (zh) | 2017-05-10 |
Family
ID=53088092
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201410855538.0A Active CN104571887B (zh) | 2014-12-31 | 2014-12-31 | 一种基于静态图片的动态交互方法和装置 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN104571887B (zh) |
Cited By (9)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
WO2016107356A1 (zh) * | 2014-12-31 | 2016-07-07 | 北京奇虎科技有限公司 | 一种基于静态图片的动态交互方法和装置 |
WO2017193886A1 (zh) * | 2016-05-10 | 2017-11-16 | 腾讯科技(深圳)有限公司 | 生成具有动态效果的二维码图片的方法及装置 |
CN109587390A (zh) * | 2017-09-29 | 2019-04-05 | 腾讯科技(深圳)有限公司 | 画面渲染方法、画面渲染装置及存储介质 |
CN110580691A (zh) * | 2019-09-09 | 2019-12-17 | 京东方科技集团股份有限公司 | 图像的动态处理方法、装置、设备及计算机可读存储介质 |
WO2021031846A1 (zh) * | 2019-08-16 | 2021-02-25 | 北京字节跳动网络技术有限公司 | 水波纹效果实现方法、装置、电子设备和计算机可读存储介质 |
WO2021047474A1 (zh) * | 2019-09-09 | 2021-03-18 | 京东方科技集团股份有限公司 | 图像的动态处理方法、设备及计算机可读存储介质 |
WO2021120111A1 (en) * | 2019-12-19 | 2021-06-24 | Boe Technology Group Co., Ltd. | Computer-implemented method of realizing dynamic effect in image, apparatus for realizing dynamic effect in image, and computer-program product |
WO2022068040A1 (zh) * | 2020-09-30 | 2022-04-07 | 北京完美赤金科技有限公司 | 撕裂效果图的生成方法和装置、存储介质、电子装置 |
CN116501227A (zh) * | 2023-06-26 | 2023-07-28 | 北京达佳互联信息技术有限公司 | 图片显示方法、装置、电子设备及存储介质 |
Citations (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN101446883A (zh) * | 2008-12-02 | 2009-06-03 | 宇龙计算机通信科技(深圳)有限公司 | 通过触摸式屏幕控制移动设备的方法 |
CN102157006A (zh) * | 2010-02-11 | 2011-08-17 | 三星电子株式会社 | 生成能够与图像进行交互的角色的动态效果的方法和装置 |
CN102411791A (zh) * | 2010-09-19 | 2012-04-11 | 三星电子(中国)研发中心 | 一种静止图像动态化的方法和设备 |
US20130141439A1 (en) * | 2011-12-01 | 2013-06-06 | Samsung Electronics Co., Ltd. | Method and system for generating animated art effects on static images |
CN103473799A (zh) * | 2013-09-02 | 2013-12-25 | 腾讯科技(深圳)有限公司 | 一种图片的动态处理方法及装置、终端设备 |
CN103971391A (zh) * | 2013-02-01 | 2014-08-06 | 腾讯科技(深圳)有限公司 | 一种动画生成方法及装置 |
-
2014
- 2014-12-31 CN CN201410855538.0A patent/CN104571887B/zh active Active
Patent Citations (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN101446883A (zh) * | 2008-12-02 | 2009-06-03 | 宇龙计算机通信科技(深圳)有限公司 | 通过触摸式屏幕控制移动设备的方法 |
CN102157006A (zh) * | 2010-02-11 | 2011-08-17 | 三星电子株式会社 | 生成能够与图像进行交互的角色的动态效果的方法和装置 |
CN102411791A (zh) * | 2010-09-19 | 2012-04-11 | 三星电子(中国)研发中心 | 一种静止图像动态化的方法和设备 |
US20130141439A1 (en) * | 2011-12-01 | 2013-06-06 | Samsung Electronics Co., Ltd. | Method and system for generating animated art effects on static images |
CN103971391A (zh) * | 2013-02-01 | 2014-08-06 | 腾讯科技(深圳)有限公司 | 一种动画生成方法及装置 |
CN103473799A (zh) * | 2013-09-02 | 2013-12-25 | 腾讯科技(深圳)有限公司 | 一种图片的动态处理方法及装置、终端设备 |
Cited By (16)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
WO2016107356A1 (zh) * | 2014-12-31 | 2016-07-07 | 北京奇虎科技有限公司 | 一种基于静态图片的动态交互方法和装置 |
WO2017193886A1 (zh) * | 2016-05-10 | 2017-11-16 | 腾讯科技(深圳)有限公司 | 生成具有动态效果的二维码图片的方法及装置 |
US10373034B2 (en) | 2016-05-10 | 2019-08-06 | Tencent Technology (Shenzhen) Company Limited | Method and apparatus for generating two-dimensional barcode picture having dynamic effect |
US10706343B2 (en) | 2016-05-10 | 2020-07-07 | Tencent Technology (Shenzhen) Company Limited | Method and apparatus for generating two-dimensional barcode picture having dynamic effect |
CN109587390B (zh) * | 2017-09-29 | 2021-05-07 | 腾讯科技(深圳)有限公司 | 画面渲染方法、画面渲染装置及存储介质 |
CN109587390A (zh) * | 2017-09-29 | 2019-04-05 | 腾讯科技(深圳)有限公司 | 画面渲染方法、画面渲染装置及存储介质 |
WO2021031846A1 (zh) * | 2019-08-16 | 2021-02-25 | 北京字节跳动网络技术有限公司 | 水波纹效果实现方法、装置、电子设备和计算机可读存储介质 |
US11854121B2 (en) | 2019-08-16 | 2023-12-26 | Beijing Bytedance Network Technology Co., Ltd. | Water ripple effect implementing method and apparatus, electronic device, and computer readable storage medium |
CN110580691A (zh) * | 2019-09-09 | 2019-12-17 | 京东方科技集团股份有限公司 | 图像的动态处理方法、装置、设备及计算机可读存储介质 |
WO2021047474A1 (zh) * | 2019-09-09 | 2021-03-18 | 京东方科技集团股份有限公司 | 图像的动态处理方法、设备及计算机可读存储介质 |
WO2021120111A1 (en) * | 2019-12-19 | 2021-06-24 | Boe Technology Group Co., Ltd. | Computer-implemented method of realizing dynamic effect in image, apparatus for realizing dynamic effect in image, and computer-program product |
CN113287087A (zh) * | 2019-12-19 | 2021-08-20 | 京东方科技集团股份有限公司 | 在图像中实现动态效果的计算机实现方法、在图像中实现动态效果的装置和计算机程序产品 |
US11922551B2 (en) | 2019-12-19 | 2024-03-05 | Boe Technology Group Co., Ltd. | Computer-implemented method of realizing dynamic effect in image, an apparatus for realizing dynamic effect in image, and computer-program product |
WO2022068040A1 (zh) * | 2020-09-30 | 2022-04-07 | 北京完美赤金科技有限公司 | 撕裂效果图的生成方法和装置、存储介质、电子装置 |
CN116501227A (zh) * | 2023-06-26 | 2023-07-28 | 北京达佳互联信息技术有限公司 | 图片显示方法、装置、电子设备及存储介质 |
CN116501227B (zh) * | 2023-06-26 | 2023-11-07 | 北京达佳互联信息技术有限公司 | 图片显示方法、装置、电子设备及存储介质 |
Also Published As
Publication number | Publication date |
---|---|
CN104571887B (zh) | 2017-05-10 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN104571887A (zh) | 一种基于静态图片的动态交互方法和装置 | |
US8610714B2 (en) | Systems, methods, and computer-readable media for manipulating graphical objects | |
CN104574484A (zh) | 一种基于交互操作产生图片动态效果的方法和装置 | |
KR20140030098A (ko) | 애니메이션화 된 페이지 넘기기 | |
KR20080090671A (ko) | 3d 객체 모델에 텍스쳐를 매핑하는 방법 및 장치 | |
US9569868B2 (en) | Generating Voronoi treemaps | |
WO2014188235A1 (en) | Creation of a cinemagraph file | |
CN104574483A (zh) | 一种生成可定制动态图的方法和装置 | |
CN107707965A (zh) | 一种弹幕的生成方法和装置 | |
CN104574473A (zh) | 一种基于静态图片生成动态效果的方法和装置 | |
CN106683152B (zh) | 三维视觉效果模拟方法及装置 | |
CN110400366B (zh) | 一种基于OpenGL的实时洪水灾害可视化仿真方法 | |
Jones et al. | Designing digital technologies and learning activities for different geometries | |
US8952968B1 (en) | Wave modeling for computer-generated imagery using intersection prevention on water surfaces | |
EP4083794B1 (en) | Rendering of persistent particle trails for dynamic displays | |
Zhao et al. | Visual analysis of three-dimensional flow field based on WebVR | |
AU2017212441B2 (en) | Haptic correlated graphic effects | |
CN111681307B (zh) | 一种应用于三维软件的动态三维坐标轴的实现方法 | |
WO2016107356A1 (zh) | 一种基于静态图片的动态交互方法和装置 | |
EP4083793B1 (en) | Rendering of persistent particle trails for dynamic displays | |
US11961186B2 (en) | Method and system for visually seamless grafting of volumetric data | |
WO2022186235A1 (ja) | コンテンツ動画再生プログラム、コンテンツ動画再生装置、コンテンツ動画再生方法、コンテンツ動画データ生成プログラム、及びコンテンツ動画データ生成装置 | |
JP6950641B2 (ja) | 画像生成装置、画像生成方法、およびプログラム | |
Alharbi et al. | Interactive Holographic 4D Visualization Multidimensional Structured Grid Data | |
Hu et al. | Contained fluid simulation based on game engine |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
C06 | Publication | ||
PB01 | Publication | ||
C10 | Entry into substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
GR01 | Patent grant | ||
GR01 | Patent grant | ||
TR01 | Transfer of patent right | ||
TR01 | Transfer of patent right |
Effective date of registration: 20220718 Address after: Room 801, 8th floor, No. 104, floors 1-19, building 2, yard 6, Jiuxianqiao Road, Chaoyang District, Beijing 100015 Patentee after: BEIJING QIHOO TECHNOLOGY Co.,Ltd. Address before: 100088 room 112, block D, 28 new street, new street, Xicheng District, Beijing (Desheng Park) Patentee before: BEIJING QIHOO TECHNOLOGY Co.,Ltd. Patentee before: Qizhi software (Beijing) Co.,Ltd. |