一种基于静态图片的动态交互方法和装置的制造方法
【技术领域】
[0001] 本发明涉及图像处理技术领域，特别是涉及一种基于静态图片的动态交互方法和 一种基于静态图片的动态交互装置。
【背景技术】
[0002] 随着计算机科技的发展，尤其是移动设备的广泛普及，基于计算机的应用广泛进 入人们生活的各个方面。
[0003] 互联网上的图片浏览占据了用户访问量的很大一部分，随着移动互联网的发展， 用户在手机上浏览图片正日益成为趋势。但是传统的互联网图片大部分都是静态图片，缺 乏动态效果。
[0004] 常用的动态图片一般采用GIF格式，需要专门的应用生成，一般的用户很难编辑， 技术门槛高，操作困难。
[0005] 即使是GIF格式的动态图片，也仅是按照在先的设定进行动态的播放，形式单一。
【发明内容】
[0006] 鉴于上述问题，提出了本发明以便提供一种克服上述问题或者至少部分地解决上 述问题的一种基于静态图片的动态交互方法和相应的一种基于静态图片的动态交互装置。
[0007] 依据本发明的一个方面，提供了一种基于静态图片的动态交互方法，包括：
[0008] 在静态图片中选取特征区域；
[0009] 当监听到指定的交互操作事件时，根据指定的交互操作事件确定映射参考对象；
[0010] 根据所述映射参考对象对所述特征区域中的至少部分像素点映射到一帧或多帧 扭曲图片中，以驱动所述静态图片逐帧变化。
[0011] 可选地，所述指定的交互操作事件包括摇晃事件，所述映射参考对象包括一个或 多个参考点；
[0012] 所述根据指定的交互操作事件确定映射参考对象的步骤包括：
[0013] 按照摇晃事件的摇晃方向，在静态图片的特征区域中选取一个或多个参考点。
[0014] 可选地，所述指定的交互操作事件包括屏幕点击事件，所述映射参考对象包括一 个或多个参考点；
[0015] 所述根据指定的交互操作事件确定映射参考对象的步骤包括：
[0016] 按照指向发生屏幕点击事件的方向，在静态图片的特征区域中选取一个或多个参 考点。
[0017] 可选地，所述特征区域具有特征点；
[0018] 所述根据所述映射参考对象对所述特征区域中的至少部分像素点映射到一帧或 多帧扭曲图片中，以驱动所述静态图片逐帧变化的步骤包括：
[0019] 根据所述特征点和所述一个或多个参考点将所述静态图片的像素点映射到一帧 或多帧扭曲图片中。
[0020] 可选地，所述特征区域包括凸区域，所述特征点包括重心点。
[0021] 可选地，所述根据所述特征点和所述一个或多个参考点将所述静态图片的像素点 映射到一帧或多帧扭曲图片中的步骤包括：
[0022] 生成扭曲图片；
[0023] 将在所述特征区域中第一连线上的像素点映射到第二连线上；
[0024] 将所述第二连线上的像素点拷贝到在所述扭曲图片中的相同位置；
[0025] 其中，所述第一连线为所述特征点与边缘点之间的连线，所述第二连线为当前参 考点与边缘点的连线，所述边缘点为所述特征区域边缘上的坐标点。
[0026] 可选地，所述将在所述特征区域中第一连线上的像素点映射到第二连线上的步骤 包括：
[0027] 计算在所述特征区域中第一连线上的像素点，在第一连线上的相对位置；
[0028] 按照所述相对位置，将所述像素点拷贝到第二连线上。
[0029] 可选地，所述根据所述特征点和所述一个或多个参考点将所述静态图片的像素点 映射到一帧或多帧扭曲图片中的步骤还包括：
[0030] 在所述特征区域外的像素点映射到在所述扭曲图片中的相同位置。
[0031] 可选地，所述根据所述特征点和所述一个或多个参考点将所述静态图片的像素点 映射到一帧或多帧扭曲图片中的步骤还包括：
[0032] 对扭曲图片中位置重叠的像素点进行像素点叠加处理。
[0033] 可选地，所述根据所述特征点和所述一个或多个参考点将所述静态图片的像素点 映射到一帧或多帧扭曲图片中的步骤还包括：
[0034] 对扭曲图片中的空白位置进行像素点插值处理。
[0035] 可选地，所述指定的交互操作事件包括摇晃事件，所述映射参考对象包括所述特 征区域中的至少部分像素点的运动方向；
[0036] 所述根据指定的交互操作事件确定映射参考对象的步骤包括：
[0037] 设置摇晃事件的摇晃方向为所述特征区域中的至少部分像素点的运动方向。
[0038] 可选地，所述指定的操作事件包括屏幕点击事件，所述映射参考对象包括所述特 征区域中的至少部分像素点的运动方向；
[0039] 所述根据指定的操作事件确定映射参考对象的步骤包括：
[0040] 设置指向发生屏幕点击事件的方向为所述特征区域中的至少部分像素点的运动 方向。
[0041] 可选地，所述根据所述映射参考对象对所述特征区域中的至少部分像素点映射到 一帧或多帧扭曲图片中，以驱动所述静态图片逐帧变化的步骤包括：
[0042] 在所述运动方向上，按照预设模式对所述特征区域中的至少部分像素点进行纹理 映射，产生包含一帧或多帧扭曲图片变化的动态效果。
[0043] 可选地，所述在所述运动方向上，按照预设模式对所述特征区域中的至少部分像 素点进行纹理映射，产生包含一帧或多帧扭曲图片变化的动态效果的步骤包括：
[0044] 将所述特征区域划分一个或多个绘制图形；每个绘制图形中具有多个顶点，每个 顶点具有纹理坐标；
[0045] 在所述运动方向上，按照预设模式在一个或多个时间点移动每个绘制图像的顶 占.
[0046] 针对每个绘制图形，使用图形绘制接口按照每个顶点的纹理坐标对绘制图形中的 像素点进行纹理映射，产生包含一帧或多帧扭曲图片变化的动态效果。
[0047] 可选地，所述预设模式包括简谐运动模式和/或阻尼振动模式；
[0048] 所述在所述运动方向上，按照预设模式在一个或多个时间点移动每个绘制图像的 顶点的步骤包括：
[0049] 在所述运动方向上，按照简谐运动模式和/或阻尼振动模式在一个或多个时间点 移动每个绘制图像的顶点。
[0050] 可选地，所述在所述运动方向上，按照简谐运动模式和/或阻尼振动模式在一个 或多个时间点移动每个绘制图像的顶点的步骤包括：
[0051] 确定每个绘制图像的顶点的加速度；每个绘制图像的顶点具有原始坐标；
[0052] 按照所述加速度和/或预设的阻尼系数，计算在一个或多个时间点内沿所述运动 方向移动每个绘制图像的顶点的移动距离；
[0053] 由所述原始坐标和所述移动距离计算每个绘制图像的顶点的目标坐标。
[0054] 可选地，所述方法还包括：
[0055] 采用所述静态图片和所述一帧或多帧扭曲图像生成动态图片。
[0056] 可选地，所述方法还包括：
[0057] 基于所述特征区域生成动态信息；
[0058] 将所述动态信息和脚本对象写入所述静态图片中，以生成动态交互文件。
[0059] 可选地，所述基于所述特征区域生成动态信息的步骤包括：
[0060] 使用所述特征区域、所述特征点和所述一个或多个参考点生成动态信息。
[0061] 可选地，所述基于所述特征区域生成动态信息的步骤包括：
[0062] 使用所述特征区域和所述特征区域中的至少部分像素点的运动方向生成动态信 息。
[0063] 根据本发明的另一方面，提供了一种基于静态图片的动态交互装置，包括：
[0064] 选取模块，适于在静态图片中选取特征区域；
[0065] 确定模块，适于在监听到指定的交互操作事件时，根据指定的交互操作事件确定 映射参考对象；
[0066] 映射模块，适于根据所述映射参考对象对所述特征区域中的至少部分像素点映射 到一帧或多帧扭曲图片中，以驱动所述静态图片逐帧变化。
[0067] 可选地，所述指定的交互操作事件包括摇晃事件，所述映射参考对象包括一个或 多个参考点；
[0068] 所述确定模块还适于：
[0069] 按照摇晃事件的摇晃方向，在静态图片的特征区域中选取一个或多个参考点。
[0070] 可选地，所述指定的交互操作事件包括屏幕点击事件，所述映射参考对象包括一 个或多个参考点；
[0071] 所述确定模块还适于：
[0072] 按照指向发生屏幕点击事件的方向，在静态图片的特征区域中选取一个或多个参 考点。
[0073] 可选地，所述特征区域具有特征点；所述映射模块还适于：
[0074] 根据所述特征点和所述一个或多个参考点将所述静态图片的像素点映射到一帧 或多帧扭曲图片中。
[0075] 可选地，所述特征区域包括凸区域，所述特征点包括重心点。
[0076] 可选地，所述映