一种基于静态图片的动态交互方法和装置制造方法及图纸

本发明专利技术实施例提供了一种基于静态图片的动态交互方法和装置，所述方法包括：在静态图片中选取特征区域；当监听到指定的交互操作事件时，根据指定的交互操作事件确定映射参考对象；根据所述映射参考对象对所述特征区域中的至少部分像素点映射到一帧或多帧扭曲图片中，以驱动所述静态图片逐帧变化。本发明专利技术实施例无需借助专门的应用生成动态效果，降低了技术门槛，提高了操作的简便性，此外，通过对用户的交互操作进行反馈，实现了静态图片的动态交互，丰富了动态效果的形式。

【技术实现步骤摘要】
一种基于静态图片的动态交互方法和装置
本专利技术涉及图像处理
，特别是涉及一种基于静态图片的动态交互方法和一种基于静态图片的动态交互装置。
技术介绍
随着计算机科技的发展，尤其是移动设备的广泛普及，基于计算机的应用广泛进入人们生活的各个方面。互联网上的图片浏览占据了用户访问量的很大一部分，随着移动互联网的发展，用户在手机上浏览图片正日益成为趋势。但是传统的互联网图片大部分都是静态图片，缺乏动态效果。常用的动态图片一般采用GIF格式，需要专门的应用生成，一般的用户很难编辑，技术门槛高，操作困难。即使是GIF格式的动态图片，也仅是按照在先的设定进行动态的播放，形式单一。
技术实现思路
鉴于上述问题，提出了本专利技术以便提供一种克服上述问题或者至少部分地解决上述问题的一种基于静态图片的动态交互方法和相应的一种基于静态图片的动态交互装置。依据本专利技术的一个方面，提供了一种基于静态图片的动态交互方法，包括：在静态图片中选取特征区域；当监听到指定的交互操作事件时，根据指定的交互操作事件确定映射参考对象；根据所述映射参考对象对所述特征区域中的至少部分像素点映射到一帧或多帧扭曲图片中，以驱动所述静态图片逐帧变化。可选地，所述指定的交互操作事件包括摇晃事件，所述映射参考对象包括一个或多个参考点；所述根据指定的交互操作事件确定映射参考对象的步骤包括：按照摇晃事件的摇晃方向，在静态图片的特征区域中选取一个或多个参考点。可选地，所述指定的交互操作事件包括屏幕点击事件，所述映射参考对象包括一个或多个参考点；所述根据指定的交互操作事件确定映射参考对象的步骤包括：按照指向发生屏幕点击事件的方向，在静态图片的特征区域中选取一个或多个参考点。可选地，所述特征区域具有特征点；所述根据所述映射参考对象对所述特征区域中的至少部分像素点映射到一帧或多帧扭曲图片中，以驱动所述静态图片逐帧变化的步骤包括：根据所述特征点和所述一个或多个参考点将所述静态图片的像素点映射到一帧或多帧扭曲图片中。可选地，所述特征区域包括凸区域，所述特征点包括重心点。可选地，所述根据所述特征点和所述一个或多个参考点将所述静态图片的像素点映射到一帧或多帧扭曲图片中的步骤包括：生成扭曲图片；将在所述特征区域中第一连线上的像素点映射到第二连线上；将所述第二连线上的像素点拷贝到在所述扭曲图片中的相同位置；其中，所述第一连线为所述特征点与边缘点之间的连线，所述第二连线为当前参考点与边缘点的连线，所述边缘点为所述特征区域边缘上的坐标点。可选地，所述将在所述特征区域中第一连线上的像素点映射到第二连线上的步骤包括：计算在所述特征区域中第一连线上的像素点，在第一连线上的相对位置；按照所述相对位置，将所述像素点拷贝到第二连线上。可选地，所述根据所述特征点和所述一个或多个参考点将所述静态图片的像素点映射到一帧或多帧扭曲图片中的步骤还包括：在所述特征区域外的像素点映射到在所述扭曲图片中的相同位置。可选地，所述根据所述特征点和所述一个或多个参考点将所述静态图片的像素点映射到一帧或多帧扭曲图片中的步骤还包括：对扭曲图片中位置重叠的像素点进行像素点叠加处理。可选地，所述根据所述特征点和所述一个或多个参考点将所述静态图片的像素点映射到一帧或多帧扭曲图片中的步骤还包括：对扭曲图片中的空白位置进行像素点插值处理。可选地，所述指定的交互操作事件包括摇晃事件，所述映射参考对象包括所述特征区域中的至少部分像素点的运动方向；所述根据指定的交互操作事件确定映射参考对象的步骤包括：设置摇晃事件的摇晃方向为所述特征区域中的至少部分像素点的运动方向。可选地，所述指定的操作事件包括屏幕点击事件，所述映射参考对象包括所述特征区域中的至少部分像素点的运动方向；所述根据指定的操作事件确定映射参考对象的步骤包括：设置指向发生屏幕点击事件的方向为所述特征区域中的至少部分像素点的运动方向。可选地，所述根据所述映射参考对象对所述特征区域中的至少部分像素点映射到一帧或多帧扭曲图片中，以驱动所述静态图片逐帧变化的步骤包括：在所述运动方向上，按照预设模式对所述特征区域中的至少部分像素点进行纹理映射，产生包含一帧或多帧扭曲图片变化的动态效果。可选地，所述在所述运动方向上，按照预设模式对所述特征区域中的至少部分像素点进行纹理映射，产生包含一帧或多帧扭曲图片变化的动态效果的步骤包括：将所述特征区域划分一个或多个绘制图形；每个绘制图形中具有多个顶点，每个顶点具有纹理坐标；在所述运动方向上，按照预设模式在一个或多个时间点移动每个绘制图像的顶点；针对每个绘制图形，使用图形绘制接口按照每个顶点的纹理坐标对绘制图形中的像素点进行纹理映射，产生包含一帧或多帧扭曲图片变化的动态效果。可选地，所述预设模式包括简谐运动模式和/或阻尼振动模式；所述在所述运动方向上，按照预设模式在一个或多个时间点移动每个绘制图像的顶点的步骤包括：在所述运动方向上，按照简谐运动模式和/或阻尼振动模式在一个或多个时间点移动每个绘制图像的顶点。可选地，所述在所述运动方向上，按照简谐运动模式和/或阻尼振动模式在一个或多个时间点移动每个绘制图像的顶点的步骤包括：确定每个绘制图像的顶点的加速度；每个绘制图像的顶点具有原始坐标；按照所述加速度和/或预设的阻尼系数，计算在一个或多个时间点内沿所述运动方向移动每个绘制图像的顶点的移动距离；由所述原始坐标和所述移动距离计算每个绘制图像的顶点的目标坐标。可选地，所述方法还包括：采用所述静态图片和所述一帧或多帧扭曲图像生成动态图片。可选地，所述方法还包括：基于所述特征区域生成动态信息；将所述动态信息和脚本对象写入所述静态图片中，以生成动态交互文件。可选地，所述基于所述特征区域生成动态信息的步骤包括：使用所述特征区域、所述特征点和所述一个或多个参考点生成动态信息。可选地，所述基于所述特征区域生成动态信息的步骤包括：使用所述特征区域和所述特征区域中的至少部分像素点的运动方向生成动态信息。根据本专利技术的另一方面，提供了一种基于静态图片的动态交互装置，包括：选取模块，适于在静态图片中选取特征区域；确定模块，适于在监听到指定的交互操作事件时，根据指定的交互操作事件确定映射参考对象；映射模块，适于根据所述映射参考对象对所述特征区域中的至少部分像素点映射到一帧或多帧扭曲图片中，以驱动所述静态图片逐帧变化。可选地，所述指定的交互操作事件包括摇晃事件，所述映射参考对象包括一个或多个参考点；所述确定模块还适于：按照摇晃事件的摇晃方向，在静态图片的特征区域中选取一个或多个参考点。可选地，所述指定的交互操作事件包括屏幕点击事件，所述映射参考对象包括一个或多个参考点；所述确定模块还适于：按照指向发生屏幕点击事件的方向，在静态图片的特征区域中选取一个或多个参考点。可选地，所述特征区域具有特征点；所述映射模块还适于：根据所述特征点和所述一个或多个参考点将所述静态图片的像素点映射到一帧或多帧扭曲图片中。可选地，所述特征区域包括凸区域，所述特征点包括重心点。可选地，所述映射模块还适于：生成扭曲图片；将在所述特征区域中第一连线上的像素点映射到第二连线上；将所述第二连线上的像素点拷贝到在所述扭曲图片中的相同位置；其中，所述第一连线为所述特征点与边缘点之间的连线，所述第二连线为当前参考点与边缘点的本文档来自技高网...

【技术保护点】
一种基于静态图片的动态交互方法，包括：在静态图片中选取特征区域；当监听到指定的交互操作事件时，根据指定的交互操作事件确定映射参考对象；根据所述映射参考对象对所述特征区域中的至少部分像素点映射到一帧或多帧扭曲图片中，以驱动所述静态图片逐帧变化。

【技术特征摘要】
1.一种基于静态图片的动态交互方法，包括：在静态图片中选取特征区域；所述特征区域为用户通过改变区域选择框的形状，并选择所述区域选择框对于所述静态图片的位置确定；当监听到指定的交互操作事件时，根据指定的交互操作事件确定映射参考对象；根据所述映射参考对象对所述特征区域中的至少部分像素点映射到一帧或多帧扭曲图片中，以驱动所述静态图片逐帧变化。2.如权利要求1所述的方法，其特征在于，所述指定的交互操作事件包括摇晃事件，所述映射参考对象包括一个或多个参考点；所述根据指定的交互操作事件确定映射参考对象的步骤包括：按照摇晃事件的摇晃方向，在静态图片的特征区域中选取一个或多个参考点。3.如权利要求1-2任一项所述的方法，其特征在于，所述指定的交互操作事件包括屏幕点击事件，所述映射参考对象包括一个或多个参考点；所述根据指定的交互操作事件确定映射参考对象的步骤包括：按照指向发生屏幕点击事件的方向，在静态图片的特征区域中选取一个或多个参考点。4.如权利要求3所述的方法，其特征在于，所述特征区域具有特征点；所述根据所述映射参考对象对所述特征区域中的至少部分像素点映射到一帧或多帧扭曲图片中，以驱动所述静态图片逐帧变化的步骤包括：根据所述特征点和所述一个或多个参考点将所述静态图片的像素点映射到一帧或多帧扭曲图片中。5.如权利要求4所述的方法，其特征在于，所述特征区域包括凸区域，所述特征点包括重心点。6.如权利要求4所述的方法，其特征在于，所述根据所述特征点和所述一个或多个参考点将所述静态图片的像素点映射到一帧或多帧扭曲图片中的步骤包括：生成扭曲图片；将在所述特征区域中第一连线上的像素点映射到第二连线上；将所述第二连线上的像素点拷贝到在所述扭曲图片中的相同位置；其中，所述第一连线为所述特征点与边缘点之间的连线，所述第二连线为当前参考点与边缘点的连线，所述边缘点为所述特征区域边缘上的坐标点。7.如权利要求6所述的方法，其特征在于，所述将在所述特征区域中第一连线上的像素点映射到第二连线上的步骤包括：计算在所述特征区域中第一连线上的像素点，在第一连线上的相对位置；按照所述相对位置，将所述像素点拷贝到第二连线上。8.如权利要求4、6任一项所述的方法，其特征在于，所述根据所述特征点和所述一个或多个参考点将所述静态图片的像素点映射到一帧或多帧扭曲图片中的步骤还包括：在所述特征区域外的像素点映射到在所述扭曲图片中的相同位置。9.如权利要求4、6任一项所述的方法，其特征在于，所述根据所述特征点和所述一个或多个参考点将所述静态图片的像素点映射到一帧或多帧扭曲图片中的步骤还包括：对扭曲图片中位置重叠的像素点进行像素点叠加处理。10.如权利要求4、6任一项所述的方法，其特征在于，所述根据所述特征点和所述一个或多个参考点将所述静态图片的像素点映射到一帧或多帧扭曲图片中的步骤还包括：对扭曲图片中的空白位置进行像素点插值处理。11.如权利要求1所述的方法，其特征在于，所述指定的交互操作事件包括摇晃事件，所述映射参考对象包括所述特征区域中的至少部分像素点的运动方向；所述根据指定的交互操作事件确定映射参考对象的步骤包括：设置摇晃事件的摇晃方向为所述特征区域中的至少部分像素点的运动方向。12.如权利要求1、11任一项所述的方法，其特征在于，所述指定的交互操作事件包括屏幕点击事件，所述映射参考对象包括所述特征区域中的至少部分像素点的运动方向；所述根据指定的交互操作事件确定映射参考对象的步骤包括：设置指向发生屏幕点击事件的方向为所述特征区域中的至少部分像素点的运动方向。13.如权利要求11所述的方法，其特征在于，根据所述映射参考对象对所述特征区域中的至少部分像素点映射到一帧或多帧扭曲图片中，以驱动所述静态图片逐帧变化的步骤包括：在所述运动方向上，按照预设模式对所述特征区域中的至少部分像素点进行纹理映射，产生包含一帧或多帧扭曲图片变化的动态效果。14.如权利要求13所述的方法，其特征在于，所述在所述运动方向上，按照预设模式对所述特征区域中的至少部分像素点进行纹理映射，产生包含一帧或多帧扭曲图片变化的动态效果的步骤包括：将所述特征区域划分一个或多个绘制图形；每个绘制图形中具有多个顶点，每个顶点具有纹理坐标；在所述运动方向上，按照预设模式在一个或多个时间点移动每个绘制图像的顶点；针对每个绘制图形，使用图形绘制接口按照每个顶点的纹理坐标对绘制图形中的像素点进行纹理映射，产生包含一帧或多帧扭曲图片变化的动态效果。15.如权利要求14所述的方法，其特征在于，所述预设模式包括简谐运动模式和/或阻尼振动模式；所述在所述运动方向上，按照预设模式在一个或多个时间点移动每个绘制图像的顶点的步骤包括：在所述运动方向上，按照简谐运动模式和/或阻尼振动模式在一个或多个时间点移动每个绘制图像的顶点。16.如权利要求15所述方法，其特征在于，所述在所述运动方向上，按照简谐运动模式和/或阻尼振动模式在一个或多个时间点移动每个绘制图像的顶点的步骤包括：确定每个绘制图像的顶点的加速度；每个绘制图像的顶点具有原始坐标；按照所述加速度和/或预设的阻尼系数，计算在一个或多个时间点内沿所述运动方向移动每个绘制图像的顶点的移动距离；由所述原始坐标和所述移动距离计算每个绘制图像的顶点的目标坐标。17.如权利要求1、16任一项所述的方法，其特征在于，还包括：采用所述静态图片和所述一帧或多帧扭曲图像生成动态图片。18.如权利要求4所述的方法，...

【专利技术属性】
技术研发人员：胡金辉，韩玉刚，唐雨，闫杨，任纪海，何振科，
申请(专利权)人：北京奇虎科技有限公司，奇智软件北京有限公司，
类型：发明
国别省市：北京;11