CN107526504B - 图像显示的方法及装置、终端及存储介质 - Google Patents

图像显示的方法及装置、终端及存储介质 Download PDF

Info

Publication number
CN107526504B
CN107526504B CN201710681707.7A CN201710681707A CN107526504B CN 107526504 B CN107526504 B CN 107526504B CN 201710681707 A CN201710681707 A CN 201710681707A CN 107526504 B CN107526504 B CN 107526504B
Authority
CN
China
Prior art keywords
offset
pixel
image
images
texture
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
Application number
CN201710681707.7A
Other languages
English (en)
Other versions
CN107526504A (zh
Inventor
区锦豪
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Guangzhou Kugou Computer Technology Co Ltd
Original Assignee
Guangzhou Kugou Computer Technology Co Ltd
Priority date (The priority date 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 date listed.)
Filing date
Publication date
Application filed by Guangzhou Kugou Computer Technology Co Ltd filed Critical Guangzhou Kugou Computer Technology Co Ltd
Priority to CN201710681707.7A priority Critical patent/CN107526504B/zh
Publication of CN107526504A publication Critical patent/CN107526504A/zh
Application granted granted Critical
Publication of CN107526504B publication Critical patent/CN107526504B/zh
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Images

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/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
    • 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/14—Digital output to display device ; Cooperation and interconnection of the display device with other functional units
    • G06F3/1407—General aspects irrespective of display type, e.g. determination of decimal point position, display with fixed or driving decimal point, suppression of non-significant zeros
    • 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/14—Digital output to display device ; Cooperation and interconnection of the display device with other functional units
    • G06F3/147—Digital output to display device ; Cooperation and interconnection of the display device with other functional units using display panels
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
    • G06T7/00—Image analysis
    • G06T7/40—Analysis of texture
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
    • G06T7/00—Image analysis
    • G06T7/90—Determination of colour characteristics

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Physics & Mathematics (AREA)
  • General Engineering & Computer Science (AREA)
  • General Physics & Mathematics (AREA)
  • Human Computer Interaction (AREA)
  • Computer Vision & Pattern Recognition (AREA)
  • Image Generation (AREA)
  • Image Processing (AREA)

Abstract

本发明公开了一种图像显示的方法及装置、终端及存储介质，属于图像处理技术领域。该方法包括：从纹理坐标系中获取原始图像的多个原始像素，原始像素包括纹理坐标和像素值，像素值包括透明度分量和颜色分量；基于原始图像确定多个偏移图像；依次显示原始图像与多个偏移图像，以形成图像溶解效果，使得终端可以呈现出图像溶解的显示效果，进而丰富了终端的图像显示的方式。本发明用于显示图像。

Description

图像显示的方法及装置、终端及存储介质
技术领域
本发明涉及图像处理技术领域，特别涉及一种图像显示的方法及装置、终端及存储介质。
背景技术
随着科技的发展，终端的图像显示方式越来越丰富。例如，终端的图像显示方式可以包括：静态显示、闪烁显示等。
但是，目前终端的图像显示方式仍较为单一。
发明内容
为了解决现有技术的终端的图像显示方式仍较为单一问题，本发明实施例提供了一种图像显示的方法及装置、终端及存储介质。所述技术方案如下：
第一方面，提供了一种图像显示的方法，所述方法包括：
从纹理坐标系中获取原始图像的多个原始像素，所述原始像素包括纹理坐标和像素值，所述像素值包括透明度分量和颜色分量；
基于所述原始图像确定多个偏移图像，其中，所述原始图像中的多个原始像素的纹理坐标与每个所述偏移图像中的多个像素的纹理坐标一一对应，每个所述偏移图像中任一像素的颜色分量为所述原始图像中对应的目标原始像素的颜色分量，所述目标原始像素的纹理坐标是基于所述偏移图像中任一像素的纹理坐标与预设的偏移坐标得到的；
依次显示所述原始图像与所述多个偏移图像，以形成图像溶解效果。
可选的，所述基于所述原始图像确定多个偏移图像，包括：
计算所述多个偏移图像中每个像素对应的目标原始像素的纹理坐标；
对于每个偏移图像，基于所述偏移图像中每个像素对应的目标原始像素的纹理坐标，在所述原始图像中获取所述目标原始像素的颜色分量，并设置所述多个偏移图像中每个像素的颜色分量，使得所述每个像素的颜色分量等于对应的目标原始像素的颜色分量；
设置所述多个偏移图像中每个像素的透明度分量，使得所述每个像素的透明度分量小于或等于对应的目标原始像素的透明度分量。
可选的，所述计算所述多个偏移图像中每个像素对应的目标原始像素的纹理坐标，包括：
获取所述多个偏移图像的偏移混合值，所述多个偏移图像的偏移混合值逐渐递增，且所述偏移混合值大于或等于0；
确定所述多个偏移图像中每个像素对应的偏移坐标；
基于坐标计算公式，所述多个偏移图像的偏移混合值以及所述多个偏移图像中每个像素对应的偏移坐标，计算所述多个偏移图像中每个像素对应的目标原始像素的纹理坐标，所述坐标计算公式为：
(X，Y)＝(x，y)+Mi×(x1，y1)，
其中，所述Mi为第i个偏移图像的偏移混合值，所述(x，y)为所述第i个偏移图像中任一像素的纹理坐标，所述(x1，y1)为所述任一像素对应的偏移坐标，所述(X，Y)为所述任一像素对应的目标原始像素的纹理坐标。
可选的，所述确定所述多个偏移图像中每个像素对应的偏移坐标，包括：
对于所述多个偏移图像中每个像素，查询预设的纹理坐标与偏移坐标对应关系，得到所述每个像素对应的偏移坐标。
可选的，所述纹理坐标与偏移坐标对应关系采用矩阵状排布的偏移坐标阵列表示，所述偏移坐标阵列中的多个的偏移坐标与所述纹理坐标系中的多个纹理坐标一一对应。
可选的，所述获取所述多个偏移图像的偏移混合值，包括：
通过偏移混合值计算公式计算所述多个偏移图像的偏移混合值，所述偏移混合值计算公式为：
Mi＝k1×(i/n)，
其中，所述k1为大于0任意数，所述Mi为第i个偏移图像的偏移混合值，所述n为所述多个偏移图像的总数。
可选的，在所述计算所述多个偏移图像中每个像素对应的目标原始像素的纹理坐标之后，所述方法还包括：
判断计算得到的每个目标原始像素的纹理坐标是否在所述纹理坐标系外；
当某一目标原始像素的纹理坐标在所述纹理坐标系外时，设置所述偏移图像中与所述某一目标原始像素的纹理坐标对应的像素的像素值为0；
所述在所述原始图像中获取所述目标原始像素的颜色分量，并设置所述多个偏移图像中每个像素的颜色分量，使得所述每个像素的颜色分量等于对应的目标原始像素的颜色分量，包括：
当某一目标原始像素的纹理坐标不在所述纹理坐标系外时，在所述原始图像中获取所述某一目标原始像素的颜色分量，并设置所述偏移图像中与所述某一目标原始像素对应的像素的颜色分量，使得对应的像素的颜色分量等于所述某一目标原始像素的颜色分量。
可选的，所述设置所述多个偏移图像中每个像素的透明度分量，使得所述每个像素的透明度分量小于或等于对应的目标原始像素的透明度分量，包括：
获取所述多个偏移图像的像素混合值，所述多个偏移图像的像素混合值逐渐递减，且任一偏移图像的像素混合值α满足：0≤α＜1；
基于透明度计算公式，以及所述多个偏移图像的像素混合值，确定所述多个偏移图像中每个像素的透明度分量，所述透明度计算公式为：
c＝αi×c1，
其中，所述αi为第i个偏移图像的像素混合值，所述c为所述第i个偏移图像中任一像素的透明度分量，所述c1为所述任一像素对应的目标原始像素的透明度分量。
可选的，所述获取所述多个偏移图像的像素混合值，包括：
通过像素混合值计算公式计算所述多个偏移图像的像素混合值，所述像素混合值计算公式为：
αi＝k2-k2×(i/n)，
其中，所述k2为大于0任意数，所述n为所述多个偏移图像的总数。
可选的，所述多个偏移图像中的最后一幅图像的所有像素的透明度分量为0。
第二方面，提供了一种图像显示的装置，所述装置包括：
获取模块，用于从纹理坐标系中获取原始图像的多个原始像素，所述原始像素包括纹理坐标和像素值，所述像素值包括透明度分量和颜色分量；
确定模块，用于基于所述原始图像确定多个偏移图像，其中，所述原始图像中的多个原始像素的纹理坐标与每个所述偏移图像中的多个像素的纹理坐标一一对应，每个所述偏移图像中任一像素的颜色分量为所述原始图像中对应的目标原始像素的颜色分量，所述目标原始像素的纹理坐标是基于所述偏移图像中任一像素的纹理坐标与预设的偏移坐标得到的；
显示模块，用于依次显示所述原始图像与所述多个偏移图像，以形成图像溶解效果。
可选的，所述确定模块，包括：
计算单元，用于计算所述多个偏移图像中每个像素对应的目标原始像素的纹理坐标；
第一设置单元，用于对于每个偏移图像，基于所述偏移图像中每个像素对应的目标原始像素的纹理坐标，在所述原始图像中获取所述目标原始像素的颜色分量，并设置所述多个偏移图像中每个像素的颜色分量，使得所述每个像素的颜色分量等于对应的目标原始像素的颜色分量；
第二设置单元，用于设置所述多个偏移图像中每个像素的透明度分量，使得所述每个像素的透明度分量小于或等于对应的目标原始像素的透明度分量。
可选的，所述计算单元，包括：
第一获取子单元，用于获取所述多个偏移图像的偏移混合值，所述多个偏移图像的偏移混合值逐渐递增，且所述偏移混合值大于或等于0；
第一确定子单元，用于确定所述多个偏移图像中每个像素对应的偏移坐标；
计算子单元，用于基于坐标计算公式，所述多个偏移图像的偏移混合值以及所述多个偏移图像中每个像素对应的偏移坐标，计算所述多个偏移图像中每个像素对应的目标原始像素的纹理坐标，所述坐标计算公式为：
(X，Y)＝(x，y)+Mi×(x1，y1)，
其中，所述Mi为第i个偏移图像的偏移混合值，所述(x，y)为所述第i个偏移图像中任一像素的纹理坐标，所述(x1，y1)为所述任一像素对应的偏移坐标，所述(X，Y)为所述任一像素对应的目标原始像素的纹理坐标。
可选的，所述计算子单元，用于：
对于所述多个偏移图像中每个像素，查询预设的纹理坐标与偏移坐标对应关系，得到所述每个像素对应的偏移坐标。
可选的，所述纹理坐标与偏移坐标对应关系采用矩阵状排布的偏移坐标阵列表示，所述偏移坐标阵列中的多个的偏移坐标与所述纹理坐标系中的多个纹理坐标一一对应。
可选的，所述第一获取子单元，用于：
通过偏移混合值计算公式计算所述多个偏移图像的偏移混合值，所述偏移混合值计算公式为：
Mi＝k1×(i/n)，
其中，所述k1为大于0任意数，所述Mi为第i个偏移图像的偏移混合值，所述n为所述多个偏移图像的总数。
可选的，所述装置还包括：
判断模块，用于判断计算得到的每个目标原始像素的纹理坐标是否在所述纹理坐标系外；
设置模块，用于当某一目标原始像素的纹理坐标在所述纹理坐标系外时，设置所述偏移图像中与所述某一目标原始像素的纹理坐标对应的像素的像素值为0；
所述第一设置单元，具体用于当某一目标原始像素的纹理坐标不在所述纹理坐标系外时，在所述原始图像中获取所述某一目标原始像素的颜色分量，并设置所述偏移图像中与所述某一目标原始像素对应的像素的颜色分量，使得对应的像素的颜色分量等于所述某一目标原始像素的颜色分量。
可选的，所述第二设置单元，包括：
第二获取子单元，用于获取所述多个偏移图像的像素混合值，所述多个偏移图像的像素混合值逐渐递减，且任一偏移图像的像素混合值α满足：0≤α＜1；
第二确定子单元，用于基于透明度计算公式，以及所述多个偏移图像的像素混合值，确定所述多个偏移图像中每个像素的透明度分量，所述透明度计算公式为：
c＝αi×c1，
其中，所述αi为第i个偏移图像的像素混合值，所述c为所述第i个偏移图像中任一像素的透明度分量，所述c1为所述任一像素对应的目标原始像素的透明度分量。
可选的，所述第二获取子单元，具体用于：
通过像素混合值计算公式计算所述多个偏移图像的像素混合值，所述像素混合值计算公式为：
αi＝k2-k2×(i/n)，
其中，所述k2为大于0任意数，所述n为所述多个偏移图像的总数。
可选的，所述多个偏移图像中的最后一幅图像的所有像素的透明度分量为0。
第三方面，提供了一种存储介质，所述存储介质中存储有指令，当所述存储介质在计算机上运行时，使得所述计算机执行第一方面任一所述的图像的显示方法。
第四方面，提供了一种终端，包括存储器，处理器及存储在所述存储器上并可在处理器上运行的计算机程序，所述处理器执行所述计算机程序时，实现第一方面任一所述的图像的显示方法。
本发明实施例提供的技术方案带来的有益效果是：
本发明实施例提供的图像显示的方法及装置、终端及存储介质，通过从纹理坐标系中获取原始图像的多个原始像素，基于原始图像确定多个偏移图像，依次显示原始图像与多个偏移图像，以形成图像溶解效果，使得终端可以呈现出图像溶解的显示效果，进一步的，终端还可以呈现图像由溶解变为灰烬的显示效果，或者呈现图像由溶解变为灰烬然后消失的显示效果，又或者呈现图像溶解后消失的显示效果，进而丰富了终端的图像显示的方式。
附图说明
为了更清楚地说明本发明实施例中的技术方案，下面将对实施例描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本发明的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。
图1-1是本发明实施例提供的一种纹理坐标中显示图像的效果图；
图1-2是本发明实施例提供的另一种纹理坐标中显示图像的效果图；
图1-3是本发明实施例提供的又一种纹理坐标中显示图像的效果图；
图2是本发明实施例提供的一种图像显示的方法的流程图；
图3-1是本发明实施例提供的一种基于原始图像确定多个偏移图像的方法流程图；
图3-2是本发明实施例提供的一种纹理坐标与偏移坐标对应关系采用矩阵状排布的偏移坐标阵列表示的效果图；
图3-3a是本发明实施例提供的一种原始图像的效果图；
图3-3b是本发明实施例提供的一种第1个偏移图像的效果图；
图3-3c是本发明实施例提供的一种第2个偏移图像的效果图；
图3-3d是本发明实施例提供的一种第3个偏移图像的效果图；
图3-3e是本发明实施例提供的一种第4个偏移图像的效果图；
图4是本发明实施例提供的一种获取第i个偏移图像的方法流程图；
图5-1是本发明实施例提供的一种图像显示的装置的框图；
图5-2是本发明实施例提供的一种确定模块的框图；
图5-3是本发明实施例提供的另一种图像显示的装置的框图。
具体实施方式
为使本发明的目的、技术方案和优点更加清楚，下面将结合附图对本发明实施方式作进一步地详细描述。
为了便于对本发明实施例的理解，首先对本发明实施例涉及的一些名词进行解释：
纹理坐标：纹理坐标是把图像的实际坐标的横坐标值和纵坐标值均转换为[0，1]区间范围内的坐标值后得到的坐标。
示例的，如图1-1、图1-2和图1-3所示，图1-1示出了一种实际尺寸为512×512(也即图像的长度方向和宽度方向上均排布有512个像素)的纹理坐标系中的图像，图1-2示出了一种实际尺寸为1024×512的纹理坐标系中的图像，图1-3示出了一种实际尺寸为512×1024的纹理坐标系中的图像，由图1-1、图1-2和图1-3可知，无论图像的实际尺寸是多少，均可以将图像的横坐标和纵坐标映射到[0，1]区间范围内，使得图像上的任意一点都可以用[0，1]区间的二维坐标值来表示，也即是，图像上的任意一点都可以用纹理坐标系中的纹理坐标来表示。
本发明实施例提供了一种图像显示的方法，如图2所示，图2是本发明实施例提供的一种图像显示的方法的流程图，该方法可以包括：
步骤201、从纹理坐标系中获取原始图像的多个原始像素。该原始像素可以包括纹理坐标和像素值，该像素值可以包括透明度分量和颜色分量。
步骤202、基于原始图像确定多个偏移图像。
其中，原始图像中的多个原始像素的纹理坐标与每个偏移图像中的多个像素的纹理坐标一一对应，每个偏移图像中任一像素的颜色分量为原始图像中对应的目标原始像素的颜色分量，目标原始像素的纹理坐标是基于偏移图像中任一像素的纹理坐标与预设的偏移坐标得到的。
步骤203、依次显示原始图像与多个偏移图像，以形成图像溶解效果。
综上所示，本发明实施例提供的图像显示的方法，通过从纹理坐标系中获取原始图像的多个原始像素，基于原始图像确定多个偏移图像，依次显示原始图像与多个偏移图像，以形成图像溶解效果，使得终端可以呈现出图像溶解的显示效果，进而丰富了终端的图像显示的方式。
进一步的，在本发明实施例中，终端在呈现出图像溶解的显示效果的基础上，还可以呈现图像由溶解变为灰烬的显示效果，或者呈现图像由溶解变为灰烬然后消失的显示效果，又或者呈现图像溶解后消失的显示效果。本发明实施例以终端呈现由溶解变为灰烬然后消失的显示效果为例进行说明，如图3-1所示，具体过程包括：
步骤301、从纹理坐标系中获取原始图像的多个原始像素。
其中，该原始像素包括纹理坐标和像素值，该像素值包括透明度分量和颜色分量。
在本发明实施例中，该颜色分量可以包括红色分量、绿色分量和蓝色分量，实际应用中，该颜色分量还可以有其他分量的组合方式，例如红色分量和黄色分量，或者红色分量、绿色分量、蓝色分量和白色分量，本发明实施例对此不作限定。
步骤302、计算多个偏移图像中每个像素对应的目标原始像素的纹理坐标。
在本发明实施例中，计算多个偏移图像中每个像素对应的目标原始像素的纹理坐标的过程可以包括：
步骤A1、获取多个偏移图像的偏移混合值。
其中，该多个偏移图像的偏移混合值逐渐递增，且偏移混合值大于或等于0。
在本发明实施例中，可以通过偏移混合值计算公式计算多个偏移图像的偏移混合值，该偏移混合值计算公式为：
Mi＝k1×(i/n)，
其中，k1为大于0任意数，通常k1的值是预先设置的，Mi为第i个偏移图像的偏移混合值，n为多个偏移图像的总数。
需要说明的是，通常情况下多个偏移图像中任一偏移图像的偏移混合值M满足：0≤M≤1。
步骤A2、确定多个偏移图像中每个像素对应的偏移坐标。
由于多个偏移图像中每个像素点的位置均可以用纹理坐标表示，因此在确定多个偏移图像中每个像素对应的偏移坐标时，可以查询预设的纹理坐标与偏移坐标对应关系，得到每个像素对应的偏移坐标。
其中，纹理坐标与偏移坐标对应关系可以采用矩阵状排布的偏移坐标阵列表示，该偏移坐标阵列中的多个的偏移坐标与纹理坐标系中的多个纹理坐标一一对应。
示例的，请参考图3-2，图3-2是本发明实施例提供的一种纹理坐标与偏移坐标对应关系采用矩阵状排布的偏移坐标阵列表示的效果图，该偏移坐标阵列中的多个的偏移坐标a可以与纹理坐标系中的多个纹理坐标一一对应，例如，假设该偏移坐标阵列是由m行偏移坐标和n列偏移坐标组成的，该偏移坐标阵列中第j行、第k列的偏移坐标所对应的纹理坐标为
Figure BDA0001375725980000091
其中，m、n、j和k均为正整数，且m≥j，n≥k，m＞1，n＞1。
实际应用中，当偏移坐标阵列的长度方向上偏移坐标个数与偏移图像的长度方向上像素个数相同，且偏移坐标阵列的宽度方向上偏移坐标个数与偏移图像的宽度方向上像素个数相同时，偏移坐标阵列中的多个偏移坐标与偏移图像中多个像素一一对应。示例的，当偏移坐标阵列中偏移坐标个数为512×512，偏移图像的实际尺寸为512×512时，偏移坐标阵列中的多个偏移坐标与偏移图像中多个像素一一对应。
当偏移坐标阵列的长度方向上偏移坐标个数与偏移图像的长度方向上像素个数不同，或偏移坐标阵列的宽度方向上偏移坐标个数与偏移图像的宽度方向上像素个数不同时，可以通过查询预设的纹理坐标与偏移坐标对应关系，得到每个像素对应的偏移坐标。示例的，偏移坐标阵列中偏移坐标个数可以为512×512，偏移图像的实际尺寸可以为1024×1024，此时，偏移坐标阵列中一个偏移坐标可能对应偏移图像中的预设个数的像素，可以通过纹理坐标从偏移坐标阵列中确定与偏移图像中任一像素对应的偏移坐标。
例如，当纹理坐标为(0.1，0.1)时，与该纹理坐标(0.1，0.1)对应的偏移图像实际的像素坐标为(102，102)，与该纹理坐标(0.1，0.1)对应的偏移坐标在偏移坐标阵列中实际位置为(51，51)；当纹理坐标为(0.1001，0.1001)时，与该纹理坐标(0.1001，0.1001)对应的偏移图像实际的像素坐标为(103，103)，与该纹理坐标(0.1001，0.1001)对应的偏移坐标在偏移坐标阵列中实际位置为(51，51)，此时，偏移坐标阵列的实际位置为(51，51)对应的偏移坐标可以对应偏移图像中实际的像素坐标为(102，102)和(103，103)的像素。
步骤A3、基于坐标计算公式，多个偏移图像的偏移混合值以及多个偏移图像中每个像素对应的偏移坐标，计算多个偏移图像中每个像素对应的目标原始像素的纹理坐标，坐标计算公式为：
(X，Y)＝(x，y)+Mi×(x1，y1)，
其中，Mi为第i个偏移图像的偏移混合值，(x，y)为第i个偏移图像中任一像素的纹理坐标，(x1，y1)为任一像素对应的偏移坐标，(X，Y)为任一像素对应的目标原始像素的纹理坐标。
在本发明实施例中，第i个偏移图像的偏移混合值Mi是通过步骤A1得到的，第i个偏移图像中任一像素对应的偏移坐标(x1，y1)是通过步骤A2得到的，将Mi和(x1，y1)代入上述的坐标计算公式中可以计算出第i个偏移图像中任一像素对应的目标原始像素的纹理坐标。
步骤303、对于每个偏移图像，基于偏移图像中每个像素对应的目标原始像素的纹理坐标，在原始图像中获取目标原始像素的颜色分量，并设置多个偏移图像中每个像素的颜色分量，使得每个像素的颜色分量等于对应的目标原始像素的颜色分量。
在本发明实施例中，执行完步骤302后可以得到多个偏移图像中每个像素对应的目标原始像素的纹理坐标，根据该目标原始像素的纹理坐标可以在原始图像中获取与目标原始像素的纹理坐标对应的目标原始像素的颜色分量，在设置多个偏移图像中每个像素的颜色分量时，可以将偏移图像中每个像素的颜色分量设置为对应的目标原始像素的颜色分量。
示例的，当(x，y)＝(0.5，0.5)，Mi＝0.5，(x1，y1)＝(1，1)时，通过上述坐标计算公式可以计算得到与偏移图像中像素的纹理坐标为(0.5，0.5)对应的目标原始像素的纹理坐标为(X，Y)＝(1，1)，此时可以在原始图像中获取纹理坐标为(1，1)对应的目标原始像素的颜色分量，将偏移图像中纹理坐标为(0.5，0.5)对应的像素的颜色分量设置为原始图像中纹理坐标为(1，1)对应的目标原始像素的颜色分量。
需要说明的是，由于偏移图像中每个像素的颜色分量设置为对应的目标原始像素的颜色分量，而每个像素对应的目标原始像素是通过坐标计算公式确定的，最终形成的偏移图像中的任一像素所显示的颜色分量等价于原始图像中与该任一像素位置相同的原始像素进行了偏移处理后的像素(即目标原始像素)的颜色分量，即偏移图像与原始图像中颜色分量相同的像素，坐标位置不同，因此当依次显示原始图像与多个偏移图像，可以使终端呈现图像溶解的显示效果。
步骤304、设置多个偏移图像中每个像素的透明度分量，使得每个像素的透明度分量小于对应的目标原始像素的透明度分量。
在本发明实施例中，设置多个偏移图像中每个像素的透明度分量的过程可包括：
步骤B1、获取多个偏移图像的像素混合值，多个偏移图像的像素混合值逐渐递减，且任一偏移图像的像素混合值α满足：0≤α＜1。
在本发明实施例中，可以通过像素混合值计算公式计算多个偏移图像的像素混合值，像素混合值计算公式为：
αi＝k2-k2×(i/n)，
其中，k2为大于0任意数，通常k2的值是预先设置的，αi为第i个偏移图像的像素混合值，n为多个偏移图像的总数。
步骤B2、基于透明度计算公式，以及多个偏移图像的像素混合值，确定多个偏移图像中每个像素的透明度分量，透明度计算公式为：
c＝αi×c1，
其中，αi为第i个偏移图像的像素混合值，c为第i个偏移图像中任一像素的透明度分量，c1为任一像素对应的目标原始像素的透明度分量。
需要说明的是，由于任一偏移图像的像素混合值α满足：0≤α＜1，基于透明度计算公式可知，任一偏移图像每个像素的透明度小于对应的目标原始像素的透明度，为用户呈现了偏移图像相较于原始图像的透明度变小的视觉效果，因此当依次显示原始图像与多个偏移图像，可以使终端呈现图像灰烬的显示效果。
还需说明的是，通过步骤B1中的像素混合值计算公式可以得到多个偏移图像中的最后一幅图像的像素混合值为0，再经过透明度计算公式计算后，可以得到多个偏移图像中的最后一幅图像的所有像素的透明度分量为0，则该最后一幅图像在显示时，为用户呈现的是该图像消失的视觉效果，因此，当依次显示原始图像与多个偏移图像时，可以使终端最终呈现图像消失的显示效果。
在本发明实施例中，执行完步骤302后可以得到多个偏移图像中每个像素对应的目标原始像素的纹理坐标，根据该目标原始像素的纹理坐标可以在原始图像中获取与目标原始像素的纹理坐标对应的目标原始像素的透明度分量，在设置多个偏移图像中每个像素的透明度分量时，将目标原始像素的透明度分量代入透明度计算公式，再将通过透明度计算公式得到的计算结果设置为与目标原始像素对应的偏移图像中的像素的透明度分量。
示例的，当(x，y)＝(0.5，0.5)，Mi＝0.5，(x1，y1)＝(1，1)时，通过上述坐标计算公式可以计算得到与偏移图像中像素的纹理坐标为(0.5，0.5)对应的目标原始像素的纹理坐标为(X，Y)＝(1，1)，此时可以在原始图像中获取纹理坐标为(1，1)对应的目标原始像素的透明度分量，将该透明度分量代入透明度计算公式，再将通过透明度计算公式得到的计算结果设置为偏移图像中纹理坐标为(0.5，0.5)对应的像素的透明度分量。
实际应用中，执行完步骤302后，得到的目标原始像素的纹理坐标可能在纹理坐标系内，也可能在纹理坐标系外，当目标原始像素的纹理坐标在纹理坐标系外时，无法获取到该目标原始像素对应的像素值，因此在执行完步骤302后，还可以执行以下步骤：
步骤C1、判断计算得到的每个目标原始像素的纹理坐标是否在纹理坐标系外。
示例的，当某一目标原始像素的纹理坐标在纹理坐标系外时，执行步骤C2；当某一目标原始像素的纹理坐标不在纹理坐标系外时，执行步骤C3和C4。
在本发明实施例中，通过上述坐标计算公式计算得到的目标原始像素的纹理坐标可能在纹理坐标系内，也可能在纹理坐标系外。例如，当(x，y)＝(0.5，0.5)，Mi＝0.5，(x1，y1)＝(1，1)时，通过上述坐标计算公式可以计算得到(X，Y)＝(1，1)，该目标原始像素的纹理坐标在纹理坐标系内，执行步骤C3和C4；当(x，y)＝(0.6，0.6)，Mi＝0.5，(x1，y1)＝(1，1)时，通过上述坐标计算公式可以计算得到(X，Y)＝(1.1，1.1)，该目标原始像素的纹理坐标在纹理坐标系外，执行步骤C2。
步骤C2、当某一目标原始像素的纹理坐标在纹理坐标系外时，设置偏移图像中与某一目标原始像素的纹理坐标对应的像素的像素值为0。
示例的，当(x，y)＝(0.6，0.6)，Mi＝0.5，(x1，y1)＝(1，1)时，通过上述坐标计算公式可以计算得到(X，Y)＝(1.1，1.1)，该目标原始像素的纹理坐标在纹理坐标系外，此时将偏移图像中纹理坐标为(0.6，0.6)对应的像素的像素值设置为0。
步骤C3、当某一目标原始像素的纹理坐标不在纹理坐标系外时，在原始图像中获取某一目标原始像素的颜色分量，并设置偏移图像中与某一目标原始像素对应的像素的颜色分量，使得对应的像素的颜色分量等于某一目标原始像素的颜色分量。
需要说明的是，当某一目标原始像素的纹理坐标不在纹理坐标系外时，设置偏移图像中与某一目标原始像素对应的像素的颜色分量的具体过程，可以参考上述步骤303对应的过程，在此不做赘述。
步骤C4、当某一目标原始像素的纹理坐标不在纹理坐标系外时，设置偏移图像中与某一目标原始像素对应的像素的透明度分量，使得对应的像素的透明度分量小于某一目标原始像素的透明度分量。
需要说明的是，当某一目标原始像素的纹理坐标不在纹理坐标系外时，设置偏移图像中与某一目标原始像素对应的像素的透明度分量的具体过程，可以参考上述步骤304对应的过程，在此不做赘述。
在本发明实施例中，经过上述步骤301至步骤304后，可以得到多个偏移图像。示例的，请参考图3-3a至3-3e所示，其中，图3-3a示出的图像为原始图像，图3-3b至图3-3e示出的图像分别为多个偏移图像中第1个偏移图像、第2个偏移图像、第3个偏移图像和第4个偏移图像，该第4个偏移图像为多个偏移图像的最后一幅图像，当终端依次显示图3-3a至图3-3e示出的图像时，终端可以呈现图像由溶解变为灰烬然后消失的显示效果。
实际应用中，该多个偏移图像是逐一获取得到的，请参考图4，图4是本发明实施例提供的一种获取第i个偏移图像的方法流程图，该方法可以包括：
步骤401、从纹理坐标系中获取原始图像的多个原始像素。
该步骤的实现过程请相应参考步骤301的实现过程，此处不再赘述。
步骤402、计算第i个偏移图像中每个像素对应的偏移像素目标原始像素的纹理坐标。
该步骤的实现过程请相应参考步骤302的实现过程，此处不再赘述。
步骤403、基于第i个偏移图像中每个像素对应的偏移像素目标原始像素的纹理坐标，在原始图像中获取偏移像素目标原始像素的颜色分量，并设置第i个偏移图像中每个像素的颜色分量，使得每个像素的颜色分量等于对应的偏移像素目标原始像素的颜色分量。
该步骤的实现过程请相应参考步骤303的实现过程，此处不再赘述。
步骤404、设置第i个偏移图像中每个像素的透明度分量，使得每个像素的透明度分量小于或等于对应的偏移像素目标原始像素的透明度分量。
该步骤的实现过程请相应参考步骤304的实现过程，此处不再赘述。
实际应用中，重复执行上述步骤401至步骤402后，可以得到多个偏移图像
需要说明的是，当需要终端呈现图像由溶解变为灰烬的显示效果时，在获取多个偏移图像时，可以参考上述步骤301至步骤304的实现过程，还需说明的是，在执行步骤304时，需要将任一偏移图像的像素混合值α的取值范围修改为：0＜α＜1后，依次显示原始图像和多个偏移图像，可以使终端呈现图像由溶解变为灰烬的显示效果。
当需要终端呈现溶解后消失的显示效果时，在获取多个偏移图像时，可以参考上述步骤301至步骤303的实现过程，在执行完步骤301至步骤303后，执行步骤：设置多个偏移图像中每个像素的透明度分量，使得每个像素的透明度分量等于对应的目标原始像素的透明度分量。在获取透明图像时，将最后一个偏移图像中所有像素的透明度分量设置为0后得到透明图像，依次显示原始图像、多个偏移图像和透明图像，可是使终端呈现图像溶解后消失的显示效果。
实际应用中，在获取到多个偏移图像后，可以将该多个偏移图像依次等比例放大得到更新后的多个偏移图像，或者将该多个偏移图像依次等比例缩小得到更新后的多个偏移图像，或者，将该多个偏移图像中的图像放大或缩小得到更新后的多个偏移图像，然后再执行依次显示所述原始图像与所述多个偏移图像的动作。对图像的放大或缩小的过程可以通过现有技术实现，本发明实施例对此不做赘述。依次显示原始图像与多个放大后的偏移图像时，不仅可以形成图像溶解效果，还可以形成图像放大效果；依次显示原始图像与多个缩小后的偏移图像时，不仅可以形成图像溶解效果，还可以形成图像缩小效果，进而丰富了图像的显示效果。
需要说明的是，本发明实施例提供的图像显示的方法步骤的先后顺序可以进行适当调整，步骤也可以根据情况进行相应增减，任何熟悉本技术领域的技术人员在本发明揭露的技术范围内，可轻易想到变化的方法，都应涵盖在本发明的保护范围之内，因此不再赘述。
综上所示，本发明实施例提供的图像显示的方法，通过从纹理坐标系中获取原始图像的多个原始像素，基于原始图像确定多个偏移图像，依次显示原始图像与多个偏移图像，以形成图像溶解效果，使得终端可以呈现出图像溶解的显示效果，进一步的，终端还可以呈现图像由溶解变为灰烬的显示效果，或者呈现图像由溶解变为灰烬然后消失的显示效果，又或者呈现图像溶解后消失的显示效果，进而丰富了终端的图像显示的方式。
本发明实施例还提供一种图像显示的装置，如图5-1所示，图5-1是本发明实施例提供的一种图像显示的装置500的框图，该图像显示的装置500可以包括：
获取模块501，用于从纹理坐标系中获取原始图像的多个原始像素，原始像素包括纹理坐标和像素值，像素值包括透明度分量和颜色分量。
确定模块502，用于基于原始图像确定多个偏移图像，其中，原始图像中的多个原始像素的纹理坐标与每个偏移图像中的多个像素的纹理坐标一一对应，每个偏移图像中任一像素的颜色分量为原始图像中对应的目标原始像素的颜色分量，目标原始像素的纹理坐标是基于偏移图像中任一像素的纹理坐标与预设的偏移坐标得到的。
显示模块503，用于依次显示原始图像与多个偏移图像，以形成图像溶解效果。
综上所示，本发明实施例提供的图像显示的装置，通过从纹理坐标系中获取原始图像的多个原始像素，基于原始图像确定多个偏移图像，依次显示原始图像与多个偏移图像，以形成图像溶解效果，使得终端可以呈现出图像溶解的显示效果，进而丰富了终端的图像显示的方式。
可选的，如图5-2所示，图5-2是本发明实施例提供的一种确定模块502的框图，该确定模块502可以包括：
计算单元5021，用于计算多个偏移图像中每个像素对应的目标原始像素的纹理坐标。
第一设置单元5022，用于对于每个偏移图像，基于偏移图像中每个像素对应的目标原始像素的纹理坐标，在原始图像中获取目标原始像素的颜色分量，并设置多个偏移图像中每个像素的颜色分量，使得每个像素的颜色分量等于对应的目标原始像素的颜色分量。
第二设置单元5023，用于设置多个偏移图像中每个像素的透明度分量，使得每个像素的透明度分量小于或等于对应的目标原始像素的透明度分量。
可选的，计算单元可以包括：
第一获取子单元，用于获取多个偏移图像的偏移混合值，多个偏移图像的偏移混合值逐渐递增，且偏移混合值大于或等于0。
第一确定子单元，用于确定多个偏移图像中每个像素对应的偏移坐标。
计算子单元，用于基于坐标计算公式，多个偏移图像的偏移混合值以及多个偏移图像中每个像素对应的偏移坐标，计算多个偏移图像中每个像素对应的目标原始像素的纹理坐标，坐标计算公式为：
(X，Y)＝(x，y)+Mi×(x1，y1)，
其中，Mi为第i个偏移图像的偏移混合值，(x，y)为第i个偏移图像中任一像素的纹理坐标，(x1，y1)为任一像素对应的偏移坐标，(X，Y)为任一像素对应的目标原始像素的纹理坐标。
可选的，计算子单元，用于：
对于多个偏移图像中每个像素，查询预设的纹理坐标与偏移坐标对应关系，得到每个像素对应的偏移坐标。
可选的，纹理坐标与偏移坐标对应关系采用矩阵状排布的偏移坐标阵列表示，偏移坐标阵列中的多个的偏移坐标与纹理坐标系中的多个纹理坐标一一对应。
可选的，第一获取子单元，用于：
通过偏移混合值计算公式计算多个偏移图像的偏移混合值，偏移混合值计算公式为：
Mi＝k1×(i/n)，
其中，k1为大于0任意数，Mi为第i个偏移图像的偏移混合值，n为多个偏移图像的总数。
可选的，如图5-3所示，图5-3是本发明实施例提供的另一种图像显示的装置500的框图，该图像显示的装置500还可以包括：
判断模块504，用于判断计算得到的每个目标原始像素的纹理坐标是否在纹理坐标系外。
设置模块505，用于当某一目标原始像素的纹理坐标在纹理坐标系外时，设置偏移图像中与某一目标原始像素的纹理坐标对应的像素的像素值为0。
第一设置单元，具体用于当某一目标原始像素的纹理坐标不在纹理坐标系外时，在原始图像中获取某一目标原始像素的颜色分量，并设置偏移图像中与某一目标原始像素对应的像素的颜色分量，使得对应的像素的颜色分量等于某一目标原始像素的颜色分量。
可选的，第二设置单元可以包括：
第二获取子单元，用于获取多个偏移图像的像素混合值，多个偏移图像的像素混合值逐渐递减，且任一偏移图像的像素混合值α满足：0≤α＜1。
第二确定子单元，用于基于透明度计算公式，以及多个偏移图像的像素混合值，确定多个偏移图像中每个像素的透明度分量，透明度计算公式为：
c＝αi×c1，
其中，αi为第i个偏移图像的像素混合值，c为第i个偏移图像中任一像素的透明度分量，c1为任一像素对应的目标原始像素的透明度分量。
可选的，第二获取子单元，具体用于：
通过像素混合值计算公式计算多个偏移图像的像素混合值，像素混合值计算公式为：
αi＝k2-k2×(i/n)，
其中，k2为大于0任意数，n为多个偏移图像的总数。
可选的，多个偏移图像中的最后一幅图像的所有像素的透明度分量为0。
综上所示，本发明实施例提供的图像显示的装置，通过从纹理坐标系中获取原始图像的多个原始像素，基于原始图像确定多个偏移图像，依次显示原始图像与多个偏移图像，以形成图像溶解效果，使得终端可以呈现出图像溶解的显示效果，进一步的，终端还可以呈现图像由溶解变为灰烬的显示效果，或者呈现图像由溶解变为灰烬然后消失的显示效果，又或者呈现图像溶解后消失的显示效果，进而丰富了终端的图像显示的方式。
所属领域的技术人员可以清楚地了解到，为描述的方便和简洁，上述描述的装置、模块和单元的具体工作过程，可以参考前述方法实施例中的对应过程，在此不再赘述。
本发明实施例还提供了一种存储介质，该存储介质中存储有指令，当该存储介质在计算机设备上运行时，使得计算机设备执行上述方法实施例提供的显示图像的方法。
本发明实施例还提供了一种终端，包括存储器，处理器及存储在存储器上并可在处理器上运行的计算机程序，处理器执行所述计算机程序时，实现上述方法实施例提供的显示图像的方法。
本发明实施例还提供了一种包含指令的计算机程序产品，当其在计算机上运行时，使得计算机执行上述方法实施例提供的显示图像的方法。
本领域普通技术人员可以理解实现上述实施例的全部或部分步骤可以通过硬件来完成，也可以通过程序来指令相关的硬件完成，所述的程序可以存储于一种计算机可读存储介质中，上述提到的存储介质可以是只读存储器，磁盘或光盘等。
以上所述仅为本发明的较佳实施例，并不用以限制本发明，凡在本发明的精神和原则之内，所作的任何修改、等同替换、改进等，均应包含在本发明的保护范围之内。

Claims (21)

1.一种图像显示的方法，其特征在于，所述方法包括：
从纹理坐标系中获取原始图像的多个原始像素，所述原始像素包括纹理坐标和像素值，所述像素值包括透明度分量和颜色分量；
基于所述原始图像确定多个偏移图像，其中，所述原始图像中的多个原始像素的纹理坐标与每个所述偏移图像中的多个像素的纹理坐标一一对应，每个所述偏移图像中任一像素的颜色分量为所述原始图像中对应的目标原始像素的颜色分量，所述目标原始像素的纹理坐标是基于所述偏移图像中任一像素的纹理坐标与预设的偏移坐标得到的；
依次显示所述原始图像与所述多个偏移图像，以形成图像溶解效果。
2.根据权利要求1所述的方法，其特征在于，
所述基于所述原始图像确定多个偏移图像，包括：
计算所述多个偏移图像中每个像素对应的目标原始像素的纹理坐标；
对于每个偏移图像，基于所述偏移图像中每个像素对应的目标原始像素的纹理坐标，在所述原始图像中获取所述目标原始像素的颜色分量，并设置所述多个偏移图像中每个像素的颜色分量，使得所述每个像素的颜色分量等于对应的目标原始像素的颜色分量；
设置所述多个偏移图像中每个像素的透明度分量，使得所述每个像素的透明度分量小于或等于对应的目标原始像素的透明度分量。
3.根据权利要求2所述的方法，其特征在于，
所述计算所述多个偏移图像中每个像素对应的目标原始像素的纹理坐标，包括：
获取所述多个偏移图像的偏移混合值，所述多个偏移图像的偏移混合值逐渐递增，且所述偏移混合值大于或等于0；
确定所述多个偏移图像中每个像素对应的偏移坐标；
基于坐标计算公式，所述多个偏移图像的偏移混合值以及所述多个偏移图像中每个像素对应的偏移坐标，计算所述多个偏移图像中每个像素对应的目标原始像素的纹理坐标，所述坐标计算公式为：
(X，Y)＝(x，y)+Mi×(x1，y1)，
其中，所述Mi为第i个偏移图像的偏移混合值，所述(x，y)为所述第i个偏移图像中任一像素的纹理坐标，所述(x1，y1)为所述任一像素对应的偏移坐标，所述(X，Y)为所述任一像素对应的目标原始像素的纹理坐标。
4.根据权利要求3所述的方法，其特征在于，
所述确定所述多个偏移图像中每个像素对应的偏移坐标，包括：
对于所述多个偏移图像中每个像素，查询预设的纹理坐标与偏移坐标对应关系，得到所述每个像素对应的偏移坐标。
5.根据权利要求4所述的方法，其特征在于，所述纹理坐标与偏移坐标对应关系采用矩阵状排布的偏移坐标阵列表示，所述偏移坐标阵列中的多个的偏移坐标与所述纹理坐标系中的多个纹理坐标一一对应。
6.根据权利要求3所述的方法，其特征在于，
所述获取所述多个偏移图像的偏移混合值，包括：
通过偏移混合值计算公式计算所述多个偏移图像的偏移混合值，所述偏移混合值计算公式为：
Mi＝k1×(i/n)，
其中，所述k1为大于0任意数，所述Mi为第i个偏移图像的偏移混合值，所述n为所述多个偏移图像的总数。
7.根据权利要求2所述的方法，其特征在于，
在所述计算所述多个偏移图像中每个像素对应的目标原始像素的纹理坐标之后，所述方法还包括：
判断计算得到的每个目标原始像素的纹理坐标是否在所述纹理坐标系外；
当某一目标原始像素的纹理坐标在所述纹理坐标系外时，设置所述偏移图像中与所述某一目标原始像素的纹理坐标对应的像素的像素值为0；
所述在所述原始图像中获取所述目标原始像素的颜色分量，并设置所述多个偏移图像中每个像素的颜色分量，使得所述每个像素的颜色分量等于对应的目标原始像素的颜色分量，包括：
当某一目标原始像素的纹理坐标不在所述纹理坐标系外时，在所述原始图像中获取所述某一目标原始像素的颜色分量，并设置所述偏移图像中与所述某一目标原始像素对应的像素的颜色分量，使得对应的像素的颜色分量等于所述某一目标原始像素的颜色分量。
8.根据权利要求2所述的方法，其特征在于，
所述设置所述多个偏移图像中每个像素的透明度分量，使得所述每个像素的透明度分量小于或等于对应的目标原始像素的透明度分量，包括：
获取所述多个偏移图像的像素混合值，所述多个偏移图像的像素混合值逐渐递减，且任一偏移图像的像素混合值α满足：0≤α＜1；
基于透明度计算公式，以及所述多个偏移图像的像素混合值，确定所述多个偏移图像中每个像素的透明度分量，所述透明度计算公式为：
c＝αi×c1，
其中，所述αi为第i个偏移图像的像素混合值，所述c为所述第i个偏移图像中任一像素的透明度分量，所述c1为所述任一像素对应的目标原始像素的透明度分量。
9.根据权利要求8所述的方法，其特征在于，
所述获取所述多个偏移图像的像素混合值，包括：
通过像素混合值计算公式计算所述多个偏移图像的像素混合值，所述像素混合值计算公式为：
αi＝k2-k2×(i/n)，
其中，所述k2为大于0任意数，所述n为所述多个偏移图像的总数。
10.根据权利要求9所述的方法，其特征在于，所述多个偏移图像中的最后一幅图像的所有像素的透明度分量为0。
11.一种图像显示的装置，其特征在于，所述装置包括：
获取模块，用于从纹理坐标系中获取原始图像的多个原始像素，所述原始像素包括纹理坐标和像素值，所述像素值包括透明度分量和颜色分量；
确定模块，用于基于所述原始图像确定多个偏移图像，其中，所述原始图像中的多个原始像素的纹理坐标与每个所述偏移图像中的多个像素的纹理坐标一一对应，每个所述偏移图像中任一像素的颜色分量为所述原始图像中对应的目标原始像素的颜色分量，所述目标原始像素的纹理坐标是基于所述偏移图像中任一像素的纹理坐标与预设的偏移坐标得到的；
显示模块，用于依次显示所述原始图像与所述多个偏移图像，以形成图像溶解效果。
12.根据权利要求11所述的装置，其特征在于，所述确定模块，包括：
计算单元，用于计算所述多个偏移图像中每个像素对应的目标原始像素的纹理坐标；
第一设置单元，用于对于每个偏移图像，基于所述偏移图像中每个像素对应的目标原始像素的纹理坐标，在所述原始图像中获取所述目标原始像素的颜色分量，并设置所述多个偏移图像中每个像素的颜色分量，使得所述每个像素的颜色分量等于对应的目标原始像素的颜色分量；
第二设置单元，用于设置所述多个偏移图像中每个像素的透明度分量，使得所述每个像素的透明度分量小于或等于对应的目标原始像素的透明度分量。
13.根据权利要求12所述的装置，其特征在于，所述计算单元，包括：
第一获取子单元，用于获取所述多个偏移图像的偏移混合值，所述多个偏移图像的偏移混合值逐渐递增，且所述偏移混合值大于或等于0；
第一确定子单元，用于确定所述多个偏移图像中每个像素对应的偏移坐标；
计算子单元，用于基于坐标计算公式，所述多个偏移图像的偏移混合值以及所述多个偏移图像中每个像素对应的偏移坐标，计算所述多个偏移图像中每个像素对应的目标原始像素的纹理坐标，所述坐标计算公式为：
(X，Y)＝(x，y)+Mi×(x1，y1)，
其中，所述Mi为第i个偏移图像的偏移混合值，所述(x，y)为所述第i个偏移图像中任一像素的纹理坐标，所述(x1，y1)为所述任一像素对应的偏移坐标，所述(X，Y)为所述任一像素对应的目标原始像素的纹理坐标。
14.根据权利要求13所述的装置，其特征在于，所述计算子单元，用于：
对于所述多个偏移图像中每个像素，查询预设的纹理坐标与偏移坐标对应关系，得到所述每个像素对应的偏移坐标。
15.根据权利要求14所述的装置，其特征在于，所述纹理坐标与偏移坐标对应关系采用矩阵状排布的偏移坐标阵列表示，所述偏移坐标阵列中的多个的偏移坐标与所述纹理坐标系中的多个纹理坐标一一对应。
16.根据权利要求13所述的装置，其特征在于，所述第一获取子单元，用于：
通过偏移混合值计算公式计算所述多个偏移图像的偏移混合值，所述偏移混合值计算公式为：
Mi＝k1×(i/n)，
其中，所述k1为大于0任意数，所述Mi为第i个偏移图像的偏移混合值，所述n为所述多个偏移图像的总数。
17.根据权利要求12所述的装置，其特征在于，所述装置还包括：
判断模块，用于判断计算得到的每个目标原始像素的纹理坐标是否在所述纹理坐标系外；
设置模块，用于当某一目标原始像素的纹理坐标在所述纹理坐标系外时，设置所述偏移图像中与所述某一目标原始像素的纹理坐标对应的像素的像素值为0；
所述第一设置单元，具体用于当某一目标原始像素的纹理坐标不在所述纹理坐标系外时，在所述原始图像中获取所述某一目标原始像素的颜色分量，并设置所述偏移图像中与所述某一目标原始像素对应的像素的颜色分量，使得对应的像素的颜色分量等于所述某一目标原始像素的颜色分量。
18.根据权利要求12所述的装置，其特征在于，所述第二设置单元，包括：
第二获取子单元，用于获取所述多个偏移图像的像素混合值，所述多个偏移图像的像素混合值逐渐递减，且任一偏移图像的像素混合值α满足：0≤α＜1；
第二确定子单元，用于基于透明度计算公式，以及所述多个偏移图像的像素混合值，确定所述多个偏移图像中每个像素的透明度分量，所述透明度计算公式为：
c＝αi×c1，
其中，所述αi为第i个偏移图像的像素混合值，所述c为所述第i个偏移图像中任一像素的透明度分量，所述c1为所述任一像素对应的目标原始像素的透明度分量。
19.根据权利要求18所述的装置，其特征在于，所述第二获取子单元，具体用于：
通过像素混合值计算公式计算所述多个偏移图像的像素混合值，所述像素混合值计算公式为：
αi＝k2-k2×(i/n)，
其中，所述k2为大于0任意数，所述n为所述多个偏移图像的总数。
20.根据权利要求19所述的装置，其特征在于，所述多个偏移图像中的最后一幅图像的所有像素的透明度分量为0。
21.一种存储介质，所述存储介质中存储有指令，其特征在于，当所述存储介质在计算机上运行时，使得所述计算机执行权利要求1至10中任一所述的图像显示的方法。
CN201710681707.7A 2017-08-10 2017-08-10 图像显示的方法及装置、终端及存储介质 Active CN107526504B (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201710681707.7A CN107526504B (zh) 2017-08-10 2017-08-10 图像显示的方法及装置、终端及存储介质

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201710681707.7A CN107526504B (zh) 2017-08-10 2017-08-10 图像显示的方法及装置、终端及存储介质

Publications (2)

Publication Number Publication Date
CN107526504A CN107526504A (zh) 2017-12-29
CN107526504B true CN107526504B (zh) 2020-03-17

Family

ID=60681039

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201710681707.7A Active CN107526504B (zh) 2017-08-10 2017-08-10 图像显示的方法及装置、终端及存储介质

Country Status (1)

Country Link
CN (1) CN107526504B (zh)

Families Citing this family (8)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN108228030B (zh) * 2018-01-17 2021-01-08 Oppo广东移动通信有限公司 相册显示方法、装置、存储介质及电子设备
CN108629819B (zh) * 2018-05-15 2019-09-13 北京字节跳动网络技术有限公司 图像染发处理方法和装置
CN111199529A (zh) * 2018-11-16 2020-05-26 北京微播视界科技有限公司 图像处理方法和装置
CN111258519B (zh) * 2018-11-30 2021-07-06 北京字节跳动网络技术有限公司 屏幕分屏实现方法、装置、终端和介质
CN110989878B (zh) * 2019-11-01 2021-07-20 百度在线网络技术（北京）有限公司 小程序中的动画展示方法、装置、电子设备及存储介质
CN111292389B (zh) * 2020-02-19 2023-07-25 网易（杭州）网络有限公司 一种图像处理的方法和装置
CN112991742B (zh) * 2021-04-21 2021-08-20 四川见山科技有限责任公司 一种实时交通数据的可视化仿真方法及系统
CN117198219B (zh) * 2023-11-07 2024-02-27 惠科股份有限公司 显示屏显示方法、设备、存储介质及装置

Family Cites Families (7)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JP4868586B2 (ja) * 2006-09-21 2012-02-01 株式会社バンダイナムコゲームス 画像生成システム、プログラム及び情報記憶媒体
JP2011022728A (ja) * 2009-07-14 2011-02-03 Sony Corp 画像処理装置および画像処理方法
CN102162796B (zh) * 2010-02-24 2013-03-06 北京大学 一种陷印图像质量和陷印方法效果的检测方法及系统
CN101814006A (zh) * 2010-04-28 2010-08-25 中兴通讯股份有限公司 一种实现水波纹特效的方法和装置
CN104134201B (zh) * 2014-07-31 2017-03-29 广东威创视讯科技股份有限公司 纹理图像拼接的方法和装置
US9990748B2 (en) * 2015-03-18 2018-06-05 Intel Corporation Corner texel addressing mode
CN107154030B (zh) * 2017-05-17 2023-06-09 腾讯科技（上海）有限公司 图像处理方法及装置、电子设备及存储介质

Also Published As

Publication number Publication date
CN107526504A (zh) 2017-12-29

Similar Documents

Publication Publication Date Title
CN107526504B (zh) 图像显示的方法及装置、终端及存储介质
US9672592B2 (en) Tiling-display system and method thereof
WO2019119793A1 (zh) 一种显示装置的驱动方法及驱动装置
CN107863083B (zh) 一种显示装置的驱动方法及驱动装置
WO2019119794A1 (zh) 一种显示装置的驱动方法及驱动装置
CN109817170B (zh) 像素补偿方法、装置和终端设备
US11908107B2 (en) Method and apparatus for presenting image for virtual reality device, device and non-transitory computer-readable storage medium
CN108076384B (zh) 一种基于虚拟现实的图像处理方法、装置、设备和介质
WO2019119792A1 (zh) 一种显示装置的驱动方法及驱动装置
CN108761777A (zh) 一种确定光学装置畸变量、畸变校正的方法及设备
CN110602490B (zh) 自动测试重显率的方法、装置及可读存储介质
US10013747B2 (en) Image processing method, image processing apparatus and display apparatus
CN101398999A (zh) 显示设备测试装置及方法
CN110363209B (zh) 图像处理方法、图像处理装置、显示装置及存储介质
CN112153303B (zh) 一种视觉数据处理方法、装置、图像处理设备和存储介质
US20120182321A1 (en) Image converter, image conversion method, program and electronic equipment
CN103985084A (zh) 一种图像处理的方法和装置
CN114527980A (zh) 一种显示渲染方法、装置、电子设备和可读存储介质
US20180254003A1 (en) Display data transmission method and apparatus, display panel drive method and apparatus
CN101656037A (zh) 在小屏幕设备上显示大幅面图片的方法、小屏幕设备
CN104461797A (zh) 测试笔记本电脑外接显示接口的系统及方法
CN101772802B (zh) 图像信号处理装置
US11715425B2 (en) Display method, display device, display system and storage medium
CN105357507A (zh) 色彩偏差图像的校正方法及装置
CN112614473B (zh) 一种数据处理方法及系统、存储介质及终端

Legal Events

Date Code Title Description
PB01 Publication
PB01 Publication
CB02 Change of applicant information

Address after: 510660 Guangzhou City, Guangzhou, Guangdong, Whampoa Avenue, No. 315, self - made 1-17

Applicant after: Guangzhou KuGou Networks Co., Ltd.

Address before: 510000 B1, building, No. 16, rhyme Road, Guangzhou, Guangdong, China 13F

Applicant before: Guangzhou KuGou Networks Co., Ltd.

CB02 Change of applicant information
SE01 Entry into force of request for substantive examination
SE01 Entry into force of request for substantive examination
GR01 Patent grant
GR01 Patent grant