CN104574484B - 一种基于交互操作产生图片动态效果的方法和装置 - Google Patents
一种基于交互操作产生图片动态效果的方法和装置 Download PDFInfo
- Publication number
- CN104574484B CN104574484B CN201410854767.0A CN201410854767A CN104574484B CN 104574484 B CN104574484 B CN 104574484B CN 201410854767 A CN201410854767 A CN 201410854767A CN 104574484 B CN104574484 B CN 104574484B
- Authority
- CN
- China
- Prior art keywords
- motion
- summit
- graphing
- pixel
- characteristic area
- 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.)
- Active
Links
- 230000000694 effects Effects 0.000 title claims abstract description 64
- 230000002452 interceptive effect Effects 0.000 title claims abstract description 47
- 238000000034 method Methods 0.000 title claims abstract description 27
- 230000033001 locomotion Effects 0.000 claims abstract description 99
- 238000013507 mapping Methods 0.000 claims abstract description 31
- 230000003068 static effect Effects 0.000 claims abstract description 26
- 230000008859 change Effects 0.000 claims abstract description 23
- 230000009471 action Effects 0.000 claims abstract description 12
- 230000001133 acceleration Effects 0.000 claims description 30
- 238000013016 damping Methods 0.000 claims description 19
- 238000006073 displacement reaction Methods 0.000 claims description 15
- 239000011435 rock Substances 0.000 claims description 7
- 238000010422 painting Methods 0.000 claims description 5
- 230000005540 biological transmission Effects 0.000 abstract description 7
- 230000007423 decrease Effects 0.000 abstract description 7
- XLYOFNOQVPJJNP-UHFFFAOYSA-N water Substances O XLYOFNOQVPJJNP-UHFFFAOYSA-N 0.000 description 6
- 238000005516 engineering process Methods 0.000 description 4
- 230000008569 process Effects 0.000 description 4
- 230000008901 benefit Effects 0.000 description 3
- 238000009877 rendering Methods 0.000 description 3
- 238000005096 rolling process Methods 0.000 description 3
- 238000004088 simulation Methods 0.000 description 3
- 238000004590 computer program Methods 0.000 description 2
- 238000010586 diagram Methods 0.000 description 2
- 235000013399 edible fruits Nutrition 0.000 description 2
- 241000208340 Araliaceae Species 0.000 description 1
- 235000005035 Panax pseudoginseng ssp. pseudoginseng Nutrition 0.000 description 1
- 235000003140 Panax quinquefolius Nutrition 0.000 description 1
- 210000004556 brain Anatomy 0.000 description 1
- 230000006835 compression Effects 0.000 description 1
- 238000007906 compression Methods 0.000 description 1
- 230000009514 concussion Effects 0.000 description 1
- 230000006378 damage Effects 0.000 description 1
- 230000003111 delayed effect Effects 0.000 description 1
- 238000013461 design Methods 0.000 description 1
- 238000011161 development Methods 0.000 description 1
- 238000001035 drying Methods 0.000 description 1
- 230000005611 electricity Effects 0.000 description 1
- 230000006870 function Effects 0.000 description 1
- 235000008434 ginseng Nutrition 0.000 description 1
- 238000012544 monitoring process Methods 0.000 description 1
- 230000010355 oscillation Effects 0.000 description 1
- 238000012545 processing Methods 0.000 description 1
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T13/00—Animation
- G06T13/80—2D [Two Dimensional] animation, e.g. using sprites
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T15/00—3D [Three Dimensional] image rendering
- G06T15/04—Texture mapping
Landscapes
- Engineering & Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Theoretical Computer Science (AREA)
- Computer Graphics (AREA)
- Processing Or Creating Images (AREA)
Abstract
本发明实施例提供了一种基于交互操作产生图片动态效果的方法和装置,所述方法包括:在静态图片中选取特征区域;当监听到指定的交互操作事件时,根据指定的操作事件确定所述特征区域中的至少部分像素点的运动方向;在所述运动方向上,按照预设模式对所述特征区域中的至少部分像素点进行纹理映射,产生包含一帧或多帧扭曲图片变化的动态效果。本发明实施例减少了动态效果的体积,减少了传输时的带宽占用,方便传输,减少了生成动态效果的耗时,对于网络图片或者系统相册里的图片等均可以很快的产生动态效果,快速、方便地生成动态效果,实现了动态效果可以和用户的交互行为的实时互动。
Description
技术领域
本发明涉及图像处理技术领域,特别是涉及一种基于交互操作产生图片动态效果的方法和一种基于交互操作产生图片动态效果的装置。
背景技术
随着计算机科技的发展,尤其是移动设备的广泛普及,基于计算机的应用广泛进入人们生活的各个方面。
基于图片自动生成动态效果,在互联网娱乐方面有很多应用。
现在在移动设备中的使图片产生动态效果主要有两种方法,一是通过多张图片生成动态GIF图,二是通过像素渲染的方法,使图片产生一些变化。
因为移动设备的性能问题,生成GIF图通常十分耗时,而且GIF图的体积比较大,传输时对网络带宽要求较高。
而像素渲染产生的动态效果,效率比较低,渲染时间较长,容易产生滞后。
发明内容
鉴于上述问题,提出了本发明以便提供一种克服上述问题或者至少部分地解决上述问题的一种基于交互操作产生图片动态效果的方法和相应的一种基于交互操作产生图片动态效果的装置。
依据本发明的一个方面,提供了一种基于交互操作产生图片动态效果的方法,包括:
在静态图片中选取特征区域;
当监听到指定的交互操作事件时,根据指定的操作事件确定所述特征区域中的至少部分像素点的运动方向;
在所述运动方向上,按照预设模式对所述特征区域中的至少部分像素点进行纹理映射,产生包含一帧或多帧扭曲图片变化的动态效果。
可选地,所述指定的交互操作事件包括摇晃事件,所述根据指定的操作事件确定所述特征区域中的至少部分像素点的运动方向的步骤包括:
设置摇晃事件的摇晃方向为所述特征区域中的至少部分像素点的运动方向。
可选地,所述指定的交互操作事件包括屏幕点击事件,所述根据指定的操作事件确定所述特征区域中的至少部分像素点的运动方向的步骤包括:
设置指向发生屏幕点击事件的位置为所述特征区域中的至少部分像素点的运动方向。
可选地,所述在所述运动方向上,按照预设模式对所述特征区域中的至少部分像素点进行纹理映射,产生包含一帧或多帧扭曲图片变化的动态效果的步骤包括:
将所述特征区域划分一个或多个绘制图形;每个绘制图形中具有多个顶点,每个顶点具有纹理坐标;
在所述运动方向上,按照预设模式在一个或多个时间点移动每个绘制图形的顶点;
针对每个绘制图形,使用图形绘制接口按照每个顶点的纹理坐标对绘制图形中的像素点进行纹理映射,产生包含一帧或多帧变化图片的动态效果。
可选地,所述预设模式包括简谐运动模式和/或阻尼振动模式;
所述在所述运动方向上,按照预设模式在一个或多个时间点移动每个绘制图形的顶点的步骤包括:
在所述运动方向上,按照简谐运动模式和/或阻尼振动模式在一个或多个时间点移动每个绘制图形的顶点。
可选地,所述在所述运动方向上,按照简谐运动模式和/或阻尼振动模式在一个或多个时间点移动每个绘制图形的顶点的步骤包括:
确定每个绘制图形的顶点的加速度;每个绘制图形的顶点具有原始坐标;
按照所述加速度和/或预设的阻尼系数,计算在一个或多个时间点内沿所述运动方向移动每个绘制图形的顶点的移动距离;
由所述原始坐标和所述移动距离计算每个绘制图形的顶点的目标坐标。
根据本发明的另一方面,提供了一种基于交互操作产生图片动态效果的装置,包括:
选取模块,适于在静态图片中选取特征区域;
确定模块,适于在监听到指定的交互操作事件时,根据指定的操作事件确定所述特征区域中的至少部分像素点的运动方向;
映射模块,适于在所述运动方向上,按照预设模式对所述特征区域中的至少部分像素点进行纹理映射,产生包含一帧或多帧扭曲图片变化的动态效果。
可选地,所述指定的交互操作事件包括摇晃事件,所述确定模块还适于:
设置摇晃事件的摇晃方向为所述特征区域中的至少部分像素点的运动方向。
可选地,所述指定的交互操作事件包括屏幕点击事件,所述确定模块还适于:
设置指向发生屏幕点击事件的位置为所述特征区域中的至少部分像素点的运动方向。
可选地,所述映射模块还适于:
将所述特征区域划分一个或多个绘制图形;每个绘制图形中具有多个顶点,每个顶点具有纹理坐标;
在所述运动方向上,按照预设模式在一个或多个时间点移动每个绘制图形的顶点;
针对每个绘制图形,使用图形绘制接口按照每个顶点的纹理坐标对绘制图形中的像素点进行纹理映射,产生包含一帧或多帧变化图片的动态效果。
可选地,所述预设模式包括简谐运动模式和/或阻尼振动模式;所述映射模块还适于:
在所述运动方向上,按照简谐运动模式和/或阻尼振动模式在一个或多个时间点移动每个绘制图形的顶点。
可选地,所述映射模块还适于:
确定每个绘制图形的顶点的加速度;每个绘制图形的顶点具有原始坐标;
按照所述加速度和/或预设的阻尼系数,计算在一个或多个时间点内沿所述运动方向移动每个绘制图形的顶点的移动距离;
由所述原始坐标和所述移动距离计算每个绘制图形的顶点的目标坐标。
本发明实施例基于监听到指定的交互操作事件,确定静态图片的特征区域中的至少部分像素点的运动方向,按照预设模式对特征区域中的至少部分像素点进行纹理映射,产生包含一帧或多帧扭曲图片变化的动态效果,一方面,对特征区域生成动态效果,减少了动态效果的体积,减少了传输时的带宽占用,方便传输,另一方面,由于纹理映射效率很高,减少了生成动态效果的耗时,对于网络图片或者系统相册里的图片等均可以很快的产生动态效果,快速、方便地生成动态效果,实现了动态效果可以和用户的交互行为的实时互动。
上述说明仅是本发明技术方案的概述,为了能够更清楚了解本发明的技术手段,而可依照说明书的内容予以实施,并且为了让本发明的上述和其它目的、特征和优点能够更明显易懂,以下特举本发明的具体实施方式。
附图说明
通过阅读下文优选实施方式的详细描述,各种其他的优点和益处对于本领域普通技术人员将变得清楚明了。附图仅用于示出优选实施方式的目的,而并不认为是对本发明的限制。而且在整个附图中,用相同的参考符号表示相同的部件。在附图中:
图1示出了根据本发明一个实施例的一种基于交互操作产生图片动态效果的方法实施例的步骤流程图;
图2示出了根据本发明一个实施例的一种静态图片的示例图;
图3示出了根据本发明一个实施例的一种在静态图片中选取特征区域的示例图;
图4示出了根据本发明一个实施例的一种纹理映射的示例图;
图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,设置指向发生屏幕点击事件的位置为所述特征区域中的至少部分像素点的运动方向。
在本发明实施例中,用户可以通过点击屏幕(如特征区域)进行交互操作。
若监听到屏幕点击事件,则可以按照指向发生屏幕点击事件的方向,如特征区域的中心点/重心点指向发生屏幕点击事件的方向,可以与该方向相同,也可以与该方向相反,作为静态图片的特征区域中选取特征区域中的至少部分像素点的运动方向。
当然,上述运动方向的确定方式只是作为示例,在实施本发明实施例时,可以根据实际情况设置其他运动方向的确定方式,本发明实施例对此不加以限制。另外,除了上述参考点的确定方式外,本领域技术人员还可以根据实际需要采用其它运动方向的确定方式,本发明实施例对此也不加以限制。
步骤103,在所述运动方向上,按照预设模式对所述特征区域中的至少部分像素点进行纹理映射,产生包含一帧或多帧扭曲图片变化的动态效果。
在本发明实施例中,可以以运动方向(包括加速度)作为扭曲的幅度参考,对静态图片进行映射,以生成扭曲图片。
静态图片中的特征区域中的像素点可以沿运动方向映射,造成静态图片的扭曲。
当运动方向的幅度越大(如加速度的幅度越大、点击屏幕的位置离特征区域的中心越远),扭曲的幅度可以越大,当运动方向的幅度越小(如加速度的幅度越小、点击屏幕的位置离特征区域的中心越近),扭曲的幅度可以越小。
在本发明的一种可选实施例中,步骤103可以包括如下子步骤:
子步骤S21,将所述特征区域划分一个或多个绘制图形;
在本发明实施例中,可以应用图形学的方式,即可以基于网格的生成动态效果。
具体而言,可以将特征区域划分为一个或多个绘制图形,可选为三角形或其他形状的网格(即绘制图形),采用三角形是因为图形绘制接口,如OpenGL(Open Graphics Library),对于三角形的图形渲染有高效率的加速算法。
每个绘制图形中可以具有多个顶点,每个绘制图形(如三角形)可以由顶点(如三个顶点)表示,除了对应的二维坐标外,每个顶点可以具有静态图片的纹理坐标。
在一个实施例中,可以对特征区域的中心区域划分一个或多个绘制图形,以模拟类似于物理水球的抖动效果(近似装满水的气球)。
子步骤S22,在所述运动方向上,按照预设模式在一个或多个时间点移动每个绘制图形的顶点;
在本发明实施例中,可以按照预设模式,沿该运动方向的相同方向、相反方向移动每个绘制图形的顶点。
在本发明的一种可选实施例中,所述预设模式可以包括简谐运动模式和/或阻尼振动模式,则子步骤S22可以包括如下子步骤:
子步骤S221,在所述运动方向上,按照简谐运动模式和/或阻尼振动模式在一个或多个时间点移动每个绘制图形的顶点。
简谐运动,或简谐振动、谐振、SHM(Simple Harmonic Motion),可以指某物体(如每个绘制图形的顶点)进行简谐运动时,物体(如每个绘制图形的顶点)所受的力跟位移成正比,并且力总是指向平衡位置。
阻尼振动可以指在阻力作用下的震动,当阻力大小可以忽略时,可以说是简谐运动。振动过程中受到阻力的作用,振幅逐渐减小,能量逐渐损失,直至振动停止。
在本发明实施例的一种可选示例中,子步骤S221可以包括如下子步骤:
子步骤S2211,确定每个绘制图形的顶点的加速度;
若交互操作事件为摇晃事件,则可以从该摇晃事件中提取摇晃时初始的加速度,作为每个绘制图形的顶点的加速度,摇晃的幅度越大,每个绘制图形的顶点的加速度也越大。
若交互操作事件为屏幕点击事件,则可以提取预设的加速度作为每个绘制图形的顶点初始的加速度。
子步骤S2212,按照所述加速度和/或预设的阻尼系数,计算在一个或多个时间点内沿所述运动方向移动每个绘制图形的顶点的移动距离;
对于简谐运动,可以按照该加速度模拟每个绘制图形的顶点所受的力,该力指向平衡位置,构建弹簧模型,模拟每个绘制图形的顶点沿运动方向进行简谐运动。
对于阻尼振动,可以按照该阻尼系统模拟每个绘制图形的顶点所受的阻力,模拟每个绘制图形的顶点沿运动方向进行阻尼振动。
基于加速度、阻尼系数、运动方向可以通过运动学公式计算出在一个或多个时间点内移动距离。
子步骤S2213,由所述原始坐标和所述移动距离计算每个绘制图形的顶点的目标坐标。
在本发明实施例中,每个绘制图形的顶点可以具有原始坐标,即在静态图片中的原始的二维坐标,沿运动方向,添加上该移动距离,则可以获得移动后的每个绘制图形的顶点的位置(即目标坐标)。
子步骤S23,针对每个绘制图形,使用图形绘制接口按照每个顶点的纹理坐标对绘制图形中的像素点进行纹理映射,产生包含一帧或多帧变化图片的动态效果。
在具体实现中,图形绘制接口可以采用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)。
在一个示例中,如图4所示,绘制图形为三角形,其包括一个或多个像素点,其中,顶点在纹理空间中具有纹理坐标,顶点a的纹理坐标为(0.2,0.8),顶点b的纹理坐标为(0.4,0.2),顶点c的纹理坐标为(0.8,0.4),将该绘制图形移动的顶点进行移动,使得绘制图形发生变形,进行OpenGL纹理映射到获对象空间,渲染出来后,绘制图形产生了拉伸、压缩等效果,特征区域就会呈现出移动的现象。
如图5A所示,若运特征区域中的至少部分像素点的运动方向往特征区域的左侧,则特征图像中整体可以往左侧扭曲;图5B所示,若特征区域中的至少部分像素点的运动方向往特征区域的右侧,则特征图像中整体可以往右侧扭曲。
通过OpenGL的纹理映射,可以将静态图片的特征区域中心区域附近的绘制图形的顶点模拟弹簧的简谐运动,使得图片被规律的进行拉升,产生类似于弹力水球的抖动效果。
进一步地,若运动方向根据指定的交互操作事件确定,则特征区域中的至少部分像素点的运动方向可以沿指定的交互操作事件对应的方向(如摇晃事件的摇晃方向、指向发生屏幕点击事件的方向)在特征区域的两侧(如左侧和右侧、上方和下方),则按照简谐运动模式和/或阻尼振动模式,特征区域映射出的扭曲图片可以沿指定的交互操作事件对应的方向来回扭曲,产生抖动效果,并最终静止。
其中,根据传感器可以判断手机摇动的方向,静态图片中特征区域可以会沿着摇动方向运动,当设备左右上下剧烈摇动时,特征区域可以绕着中心旋转以模拟猛烈摇动的动态效果。
通过判断手指点击屏幕的位置,特征区域中心可以沿着中心位置和点击位置的方向进行抖动,当手指按住抖动区域内,并在屏幕上来回滑动时,特征区域中心可以跟随手指运动的方向,产生被拖拽的效果,并通过微抖动算法,使得抖动区域产生水球被拖拽时产生的微微抖动的效果,增强其物理真实性。
例如,设备左右摇晃或者用户在特征区域中左右来回滑动,使得特征区域中的至少部分像素点沿水平轴方向上做震荡移动,特征区域中每个绘制图形的顶点在每一个时间点移动到一个位置就会生成一个扭曲图片,扭曲图片逐帧播放,可以产生如图5A和图5B所示的特征区域内的图像表现出左右震动的动态效果。
本发明实施例基于监听到指定的交互操作事件,确定静态图片的特征区域中的至少部分像素点的运动方向,按照预设模式对特征区域中的至少部分像素点进行纹理映射,产生包含一帧或多帧扭曲图片变化的动态效果,一方面,对特征区域生成动态效果,减少了动态效果的体积,减少了传输时的带宽占用,方便传输,另一方面,由于纹理映射效率很高,减少了生成动态效果的耗时,对于网络图片或者系统相册里的图片等均可以很快的产生动态效果,快速、方便地生成动态效果,实现了动态效果可以和用户的交互行为的实时互动。
对于方法实施例,为了简单描述,故将其都表述为一系列的动作组合,但是本领域技术人员应该知悉,本发明实施例并不受所描述的动作顺序的限制,因为依据本发明实施例,某些步骤可以采用其他顺序或者同时进行。其次,本领域技术人员也应该知悉,说明书中所描述的实施例均属于优选实施例,所涉及的动作并不一定是本发明实施例所必须的。
参照图6,示出了根据本发明一个实施例的一种基于交互操作产生图片动态效果的装置实施例的结构框图,具体可以包括如下模块:
选取模块601,适于在静态图片中选取特征区域;
确定模块602,适于在监听到指定的交互操作事件时,根据指定的操作事件确定所述特征区域中的至少部分像素点的运动方向;
映射模块603,适于在所述运动方向上,按照预设模式对所述特征区域中的至少部分像素点进行纹理映射,产生包含一帧或多帧扭曲图片变化的动态效果。
在本发明的一种可选实施例中,所述指定的交互操作事件可以包括摇晃事件,所述确定模块602还可以适于:
设置摇晃事件的摇晃方向为所述特征区域中的至少部分像素点的运动方向。
在本发明的一种可选实施例中,所述指定的交互操作事件可以包括屏幕点击事件,所述确定模块602还可以适于:
设置指向发生屏幕点击事件的位置为所述特征区域中的至少部分像素点的运动方向。
在本发明的一种可选实施例中,所述映射模块603还可以适于:
将所述特征区域划分一个或多个绘制图形;每个绘制图形中具有多个顶点,每个顶点具有纹理坐标;
在所述运动方向上,按照预设模式在一个或多个时间点移动每个绘制图形的顶点;
针对每个绘制图形,使用图形绘制接口按照每个顶点的纹理坐标对绘制图形中的像素点进行纹理映射,产生包含一帧或多帧变化图片的动态效果。
在本发明的一种可选实施例中,所述预设模式包括简谐运动模式和/或阻尼振动模式;所述映射模块603还可以适于:
在所述运动方向上,按照简谐运动模式和/或阻尼振动模式在一个或多个时间点移动每个绘制图形的顶点。
在本发明实施例的一种可选示例中,所述映射模块603还可以适于:
确定每个绘制图形的顶点的加速度;每个绘制图形的顶点具有原始坐标;
按照所述加速度和/或预设的阻尼系数,计算在一个或多个时间点内沿所述运动方向移动每个绘制图形的顶点的移动距离;
由所述原始坐标和所述移动距离计算每个绘制图形的顶点的目标坐标。
对于装置实施例而言,由于其与方法实施例基本相似,所以描述的比较简单,相关之处参见方法实施例的部分说明即可。
在此提供的算法和显示不与任何特定计算机、虚拟系统或者其它设备固有相关。各种通用系统也可以与基于在此的示教一起使用。根据上面的描述,构造这类系统所要求的结构是显而易见的。此外,本发明也不针对任何特定编程语言。应当明白,可以利用各种编程语言实现在此描述的本发明的内容,并且上面对特定语言所做的描述是为了披露本发明的最佳实施方式。
在此处所提供的说明书中,说明了大量具体细节。然而,能够理解,本发明的实施例可以在没有这些具体细节的情况下实践。在一些实例中,并未详细示出公知的方法、结构和技术,以便不模糊对本说明书的理解。
类似地,应当理解,为了精简本公开并帮助理解各个发明方面中的一个或多个,在上面对本发明的示例性实施例的描述中,本发明的各个特征有时被一起分组到单个实施例、图、或者对其的描述中。然而,并不应将该公开的方法解释成反映如下意图:即所要求保护的本发明要求比在每个权利要求中所明确记载的特征更多的特征。更确切地说,如下面的权利要求书所反映的那样,发明方面在于少于前面公开的单个实施例的所有特征。因此,遵循具体实施方式的权利要求书由此明确地并入该具体实施方式,其中每个权利要求本身都作为本发明的单独实施例。
本领域那些技术人员可以理解,可以对实施例中的设备中的模块进行自适应性地改变并且把它们设置在与该实施例不同的一个或多个设备中。可以把实施例中的模块或单元或组件组合成一个模块或单元或组件,以及此外可以把它们分成多个子模块或子单元或子组件。除了这样的特征和/或过程或者单元中的至少一些是相互排斥之外,可以采用任何组合对本说明书(包括伴随的权利要求、摘要和附图)中公开的所有特征以及如此公开的任何方法或者设备的所有过程或单元进行组合。除非另外明确陈述,本说明书(包括伴随的权利要求、摘要和附图)中公开的每个特征可以由提供相同、等同或相似目的的替代特征来代替。
此外,本领域的技术人员能够理解,尽管在此所述的一些实施例包括其它实施例中所包括的某些特征而不是其它特征,但是不同实施例的特征的组合意味着处于本发明的范围之内并且形成不同的实施例。例如,在下面的权利要求书中,所要求保护的实施例的任意之一都可以以任意的组合方式来使用。
本发明的各个部件实施例可以以硬件实现,或者以在一个或者多个处理器上运行的软件模块实现,或者以它们的组合实现。本领域的技术人员应当理解,可以在实践中使用微处理器或者数字信号处理器(DSP)来实现根据本发明实施例的基于交互操作产生图片动态效果的设备中的一些或者全部部件的一些或者全部功能。本发明还可以实现为用于执行这里所描述的方法的一部分或者全部的设备或者装置程序(例如,计算机程序和计算机程序产品)。这样的实现本发明的程序可以存储在计算机可读介质上,或者可以具有一个或者多个信号的形式。这样的信号可以从因特网网站上下载得到,或者在载体信号上提供,或者以任何其他形式提供。
应该注意的是上述实施例对本发明进行说明而不是对本发明进行限制,并且本领域技术人员在不脱离所附权利要求的范围的情况下可设计出替换实施例。在权利要求中,不应将位于括号之间的任何参考符号构造成对权利要求的限制。单词“包含”不排除存在未列在权利要求中的元件或步骤。位于元件之前的单词“一”或“一个”不排除存在多个这样的元件。本发明可以借助于包括有若干不同元件的硬件以及借助于适当编程的计算机来实现。在列举了若干装置的单元权利要求中,这些装置中的若干个可以是通过同一个硬件项来具体体现。单词第一、第二、以及第三等的使用不表示任何顺序。可将这些单词解释为名称。
Claims (10)
1.一种基于交互操作产生图片动态效果的方法,包括:
在静态图片中选取特征区域;
当监听到指定的交互操作事件时,根据指定的操作事件确定所述特征区域中的至少部分像素点的运动方向;
在所述运动方向上,按照预设模式对所述特征区域中的至少部分像素点进行纹理映射,产生包含一帧或多帧扭曲图片变化的动态效果;
其中,所述在所述运动方向上,按照预设模式对所述特征区域中的至少部分像素点进行纹理映射,产生包含一帧或多帧扭曲图片变化的动态效果的步骤包括:
将所述特征区域划分一个或多个绘制图形;每个绘制图形中具有多个顶点,每个顶点具有纹理坐标;
在所述运动方向上,按照预设模式在一个或多个时间点移动每个绘制图形的顶点;
针对每个绘制图形,使用图形绘制接口按照每个顶点的纹理坐标对绘制图形中的像素点进行纹理映射,产生包含一帧或多帧变化图片的动态效果。
2.如权利要求1所述的方法,其特征在于,所述指定的交互操作事件包括摇晃事件,所述根据指定的操作事件确定所述特征区域中的至少部分像素点的运动方向的步骤包括:
设置摇晃事件的摇晃方向为所述特征区域中的至少部分像素点的运动方向。
3.如权利要求1-2任一项所述的方法,其特征在于,所述指定的交互操作事件包括屏幕点击事件,所述根据指定的操作事件确定所述特征区域中的至少部分像素点的运动方向的步骤包括:
设置指向发生屏幕点击事件的位置为所述特征区域中的至少部分像素点的运动方向。
4.如权利要求1-2任一项所述的方法,其特征在于,所述预设模式包括简谐运动模式和/或阻尼振动模式;
所述在所述运动方向上,按照预设模式在一个或多个时间点移动每个绘制图形的顶点的步骤包括:
在所述运动方向上,按照简谐运动模式和/或阻尼振动模式在一个或多个时间点移动每个绘制图形的顶点。
5.如权利要求4所述方法,其特征在于,所述在所述运动方向上,按照简谐运动模式和/或阻尼振动模式在一个或多个时间点移动每个绘制图形的顶点的步骤包括:
确定每个绘制图形的顶点的加速度;每个绘制图形的顶点具有原始坐标;
按照所述加速度和/或预设的阻尼系数,计算在一个或多个时间点内沿所述运动方向移动每个绘制图形的顶点的移动距离;
由所述原始坐标和所述移动距离计算每个绘制图形的顶点的目标坐标。
6.一种基于交互操作产生图片动态效果的装置,包括:
选取模块,适于在静态图片中选取特征区域;
确定模块,适于在监听到指定的交互操作事件时,根据指定的操作事件确定所述特征区域中的至少部分像素点的运动方向;
映射模块,适于在所述运动方向上,按照预设模式对所述特征区域中的至少部分像素点进行纹理映射,产生包含一帧或多帧扭曲图片变化的动态效果;
其中,所述映射模块还适于:
将所述特征区域划分一个或多个绘制图形;每个绘制图形中具有多个顶点,每个顶点具有纹理坐标;
在所述运动方向上,按照预设模式在一个或多个时间点移动每个绘制图形的顶点;
针对每个绘制图形,使用图形绘制接口按照每个顶点的纹理坐标对绘制图形中的像素点进行纹理映射,产生包含一帧或多帧变化图片的动态效果。
7.如权利要求6所述的装置,其特征在于,所述指定的交互操作事件包括摇晃事件,所述确定模块还适于:
设置摇晃事件的摇晃方向为所述特征区域中的至少部分像素点的运动方向。
8.如权利要求6-7任一项所述的装置,其特征在于,所述指定的交互操作事件包括屏幕点击事件,所述确定模块还适于:
设置指向发生屏幕点击事件的位置为所述特征区域中的至少部分像素点的运动方向。
9.如权利要求6-7任一项所述的装置,其特征在于,所述预设模式包括简谐运动模式和/或阻尼振动模式;所述映射模块还适于:
在所述运动方向上,按照简谐运动模式和/或阻尼振动模式在一个或多个时间点移动每个绘制图形的顶点。
10.如权利要求9所述装置,其特征在于,所述映射模块还适于:
确定每个绘制图形的顶点的加速度;每个绘制图形的顶点具有原始坐标;
按照所述加速度和/或预设的阻尼系数,计算在一个或多个时间点内沿所述运动方向移动每个绘制图形的顶点的移动距离;
由所述原始坐标和所述移动距离计算每个绘制图形的顶点的目标坐标。
Priority Applications (2)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201410854767.0A CN104574484B (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 |
---|---|---|---|
CN201410854767.0A CN104574484B (zh) | 2014-12-31 | 2014-12-31 | 一种基于交互操作产生图片动态效果的方法和装置 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN104574484A CN104574484A (zh) | 2015-04-29 |
CN104574484B true CN104574484B (zh) | 2016-10-05 |
Family
ID=53090450
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201410854767.0A Active CN104574484B (zh) | 2014-12-31 | 2014-12-31 | 一种基于交互操作产生图片动态效果的方法和装置 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN104574484B (zh) |
Families Citing this family (8)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
WO2016107356A1 (zh) * | 2014-12-31 | 2016-07-07 | 北京奇虎科技有限公司 | 一种基于静态图片的动态交互方法和装置 |
CN105913471B (zh) * | 2016-04-06 | 2018-09-14 | 腾讯科技(深圳)有限公司 | 图片处理的方法和装置 |
CN106730842A (zh) * | 2016-11-23 | 2017-05-31 | 网易(杭州)网络有限公司 | 一种游戏动画显示方法和装置 |
CN109032469A (zh) * | 2018-07-06 | 2018-12-18 | 深圳市汉普电子技术开发有限公司 | 一种触摸解锁验证方法、装置、终端设备及可读存储介质 |
CN109241465B (zh) * | 2018-07-19 | 2021-02-09 | 华为技术有限公司 | 界面显示方法、装置、终端及存储介质 |
CN109361880A (zh) | 2018-11-30 | 2019-02-19 | 三星电子(中国)研发中心 | 一种展示静态图片对应的动态图片或视频的方法及系统 |
CN110740309B (zh) * | 2019-09-27 | 2022-05-03 | 北京字节跳动网络技术有限公司 | 一种图像显示方法、装置、电子设备及存储介质 |
CN113064539B (zh) * | 2021-03-04 | 2022-07-29 | 北京达佳互联信息技术有限公司 | 特效控制方法、装置、电子设备及存储介质 |
Family Cites Families (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
KR100811796B1 (ko) * | 2007-03-30 | 2008-03-10 | 삼성전자주식회사 | 휴대 단말기 및 그의 초점 정보를 이용한 영상 표시 방법 |
US8971623B2 (en) * | 2012-03-06 | 2015-03-03 | Apple Inc. | Overlaid user interface tools for applying effects to image |
US20140198101A1 (en) * | 2013-01-11 | 2014-07-17 | Samsung Electronics Co., Ltd. | 3d-animation effect generation method and system |
-
2014
- 2014-12-31 CN CN201410854767.0A patent/CN104574484B/zh active Active
Also Published As
Publication number | Publication date |
---|---|
CN104574484A (zh) | 2015-04-29 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN104574484B (zh) | 一种基于交互操作产生图片动态效果的方法和装置 | |
US10909768B2 (en) | Virtual item simulation using detected surfaces | |
CN104571887B (zh) | 一种基于静态图片的动态交互方法和装置 | |
US8610714B2 (en) | Systems, methods, and computer-readable media for manipulating graphical objects | |
US8154544B1 (en) | User specified contact deformations for computer graphics | |
JP6266873B2 (ja) | 素材をシミュレートするための装置、システム及び方法 | |
Ruzinoor et al. | A review on 3D terrain visualization of GIS data: techniques and software | |
US9723204B2 (en) | Dynamic motion path blur kernel | |
US20150088474A1 (en) | Virtual simulation | |
EP3913583A1 (en) | Method and system for filtering shadow maps with sub-frame accumulation | |
US20180082460A1 (en) | Techniques for generating dynamic effects animations | |
US9955065B2 (en) | Dynamic motion path blur user interface | |
CN106683152B (zh) | 三维视觉效果模拟方法及装置 | |
US9779484B2 (en) | Dynamic motion path blur techniques | |
KR20130078102A (ko) | 유체 시뮬레이션 방법 | |
CN104574473B (zh) | 一种基于静态图片生成动态效果的方法和装置 | |
CN104574483A (zh) | 一种生成可定制动态图的方法和装置 | |
US20150325028A1 (en) | Method and system for representing objects with velocity-dependent particles | |
CN109064534A (zh) | 一种基于网页的全球海浪真实感绘制方法 | |
CN102222362B (zh) | 一种水波特效产生方法、装置及电子设备 | |
KR101630257B1 (ko) | 3d 이미지 제공 시스템 및 그 제공방법 | |
Kim et al. | Giant soap bubble creation model | |
JP2004093218A (ja) | 逆合成開口レーダ画像シミュレータ | |
WO2016107356A1 (zh) | 一种基于静态图片的动态交互方法和装置 | |
AU2017212441B2 (en) | Haptic correlated graphic effects |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
C06 | Publication | ||
PB01 | Publication | ||
C10 | Entry into substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
C14 | Grant of patent or utility model | ||
GR01 | Patent grant | ||
TR01 | Transfer of patent right | ||
TR01 | Transfer of patent right |
Effective date of registration: 20220725 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. |