WO2017124943A1 - 色彩补间动画的实现方法和装置 - Google Patents

色彩补间动画的实现方法和装置 Download PDF

Info

Publication number
WO2017124943A1
WO2017124943A1 PCT/CN2017/070799 CN2017070799W WO2017124943A1 WO 2017124943 A1 WO2017124943 A1 WO 2017124943A1 CN 2017070799 W CN2017070799 W CN 2017070799W WO 2017124943 A1 WO2017124943 A1 WO 2017124943A1
Authority
WO
WIPO (PCT)
Prior art keywords
transparency
filling scheme
layer
scheme
animation
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.)
Ceased
Application number
PCT/CN2017/070799
Other languages
English (en)
French (fr)
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.)
Alibaba Group Holding Ltd
Original Assignee
Alibaba Group Holding 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
Priority to JP2018538133A priority Critical patent/JP6750020B2/ja
Priority to EP17740974.5A priority patent/EP3407300A4/en
Priority to MYPI2018702450A priority patent/MY201896A/en
Priority to SG11201806009UA priority patent/SG11201806009UA/en
Priority to KR1020187023468A priority patent/KR102208183B1/ko
Application filed by Alibaba Group Holding Ltd filed Critical Alibaba Group Holding Ltd
Publication of WO2017124943A1 publication Critical patent/WO2017124943A1/zh
Priority to PH12018501521A priority patent/PH12018501521A1/en
Priority to US16/040,256 priority patent/US10467778B2/en
Anticipated expiration legal-status Critical
Priority to US16/673,621 priority patent/US10930026B2/en
Priority to US17/181,647 priority patent/US11328459B2/en
Ceased legal-status Critical Current

Links

Images

Classifications

    • G—PHYSICS
    • G06—COMPUTING OR CALCULATING; COUNTING
    • G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
    • G06T11/00—Two-dimensional [2D] image generation
    • G06T11/10—Texturing; Colouring; Generation of textures or colours
    • G—PHYSICS
    • G06—COMPUTING OR CALCULATING; COUNTING
    • G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
    • G06T11/00—Two-dimensional [2D] image generation
    • G06T11/40—Filling planar surfaces by adding surface attributes, e.g. adding colours or textures
    • G—PHYSICS
    • G06—COMPUTING OR CALCULATING; COUNTING
    • G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
    • G06T13/00—Animation
    • G06T13/80—Two-dimensional [2D] animation, e.g. using sprites
    • G—PHYSICS
    • G06—COMPUTING OR CALCULATING; COUNTING
    • G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
    • G06T15/00—Three-dimensional [3D] image rendering
    • G06T15/50—Lighting effects
    • G06T15/503—Blending, e.g. for anti-aliasing
    • G—PHYSICS
    • G06—COMPUTING OR CALCULATING; COUNTING
    • G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
    • G06T3/00—Geometric image transformations in the plane of the image
    • G06T3/40—Scaling of whole images or parts thereof, e.g. expanding or contracting
    • G—PHYSICS
    • G06—COMPUTING OR CALCULATING; COUNTING
    • G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
    • G06T2210/00—Indexing scheme for image generation or computer graphics
    • G06T2210/62—Semi-transparency

Definitions

  • the present application relates to the field of image processing technologies, and in particular, to a method and an apparatus for implementing a color tween animation.
  • Animation includes frame-by-frame animation and tween animation.
  • Frame-by-frame animation is to draw different content frame by frame on each frame of the timeline. These frames can be played continuously to form animations; tween animation is at the beginning and end of known animations.
  • the middle part of the animation is automatically generated, eliminating the complicated production process of the middle part.
  • Color tween animation is a type of tween animation that refers to the fill color of an area that animate over time. Color tween animation can be used alone or in combination with other tween animations (such as fill-in area shapes, displacements, zooms, rotations, etc.) to create more complex animations.
  • the prior art provides an animation implementation that gradually transforms the fill color of a certain display area from the first solid color to the second solid color. Specifically, the color value of the filled color is gradually gradually determined by a certain rule. The color value of the first solid color is converted to the color value of the second solid color.
  • a complex filling scheme of non-solid color such as a filling scheme with a filling effect of a gradient, a texture, a pattern, etc., since the color values of the respective pixels of the display area are mostly different, and the color values need to be matched when the color values are changed, it can be exhibited.
  • the present application provides a method for implementing a color tween animation, where the display area of the color tween animation has two overlapping layers, one of which has transparency of opacity and the other layer has transparency of Fully transparent, the method includes:
  • the transparency of the opaque layer is gradually changed to completely transparent, while the transparency of the fully transparent layer is gradually changed to completely opaque.
  • the application also provides an implementation device of a color tween animation, wherein the display area of the color tween animation has two overlapping layers, wherein one layer has transparency and the other layer has transparency: completely transparent
  • the device includes:
  • a start point end display unit for displaying a starting point filling scheme on an opaque layer and an end point filling scheme in a completely transparent layer
  • the first transparency changing unit is configured to gradually change the transparency of the opaque layer to be completely transparent, and gradually change the transparency of the completely transparent layer to be completely opaque.
  • the embodiment of the present application changes the transparency of the two overlapping layers on the display area of the color tween animation, and gradually changes the layer of the starting point filling scheme from opaque to completely transparent, and displays the end point filling.
  • the layer of the scheme changes from completely transparent to opaque, and the animation effect from the starting filling scheme to the ending filling scheme is achieved.
  • the smooth and natural animation effect can be automatically realized by the software without the additional work of the designer. , improve the efficiency of animation implementation.
  • FIG. 1 is a flowchart of a method for implementing a color tween animation in the first embodiment of the present application
  • FIG. 2 is a flowchart of a method for implementing a color tween animation in Embodiment 2 of the present application
  • FIG. 3 is a schematic diagram of a correspondence relationship between a credit score, a credit rating, and a filling scheme of a user in an application example of the present application;
  • FIG. 4 is a flow chart showing an animation of a user's credit rating in an application example of the present application
  • FIG. 5 is a hardware structural diagram of a device in which an embodiment of the present application is located
  • FIG. 6 is a logic structural diagram of an apparatus for implementing a color tween animation in the embodiment of the present application.
  • the embodiment of the present application proposes a new color tween animation implementation method, which sets two layers overlapping each other on the display area, respectively displays a starting point filling scheme and an end point filling scheme, and displays a layer of the starting point filling scheme by
  • the opacity gradually changes to completely transparent, and the layer showing the end-filling scheme is gradually changed from fully transparent to opaque, so that the animation from the starting filling scheme to the ending filling scheme can be achieved, and a natural smooth transition can be achieved without the designer's work.
  • the effect is to improve the efficiency of the animation to solve the problems in the prior art.
  • the embodiments of the present application can be applied to any device having computing, storage, and display capabilities, including mobile phones, tablets, PCs (Personal Computers), notebooks, servers, and the like.
  • the color tween animation is performed within a certain display area.
  • the display area can be any shape, size, and location.
  • the display area may be fixed, its shape, size and position are fixed; it may also be dynamically changed, and its shape, size and/or position may be changed; in other words, the color tween in the embodiment of the present application is implemented.
  • the animation's technical solution can be used alone or in combination with other technical solutions that implement other tweened animations such as shape, displacement, scaling, and/or rotation of the fill area.
  • two layers are generated on the display area of the color tween animation, and the two layers overlap each other, wherein the transparency of one layer is set to be completely transparent, and the transparency of the other layer is transparent. Set to opaque.
  • the specific manner of generating the layer and the way to set the layer transparency can be implemented by referring to the prior art, and will not be described again.
  • the two overlapping layers are arranged above and below.
  • the upper layer is opaque, the lower layer is completely obscured.
  • the user sees the display content of the upper layer in the display area; when the upper layer is completely transparent
  • the layer below is completely rendered, the user sees the display content of the layer below in the display area; when the transparency of the upper layer is an intermediate value between full transparency and opacity, the user sees in the display area.
  • the visual effect of the display content of the upper layer and the lower layer is superimposed according to the intermediate value of the transparency.
  • the color tween animation is filled in by the starting point in the display area.
  • the animation effect changes to the end point fill scheme.
  • the starting point filling scheme or the ending filling scheme may be a solid color filling scheme, a filling scheme with a filling effect such as a gradient, a texture, or a pattern, or a variety of other color changing filling schemes generated by the user.
  • the flow of the implementation method of the color tween animation in this embodiment is as shown in FIG. 1.
  • step 110 the starting point filling scheme is displayed on the opaque layer, and the ending filling scheme is displayed in the completely transparent layer.
  • the two overlapping layers on the display area one is an opaque layer and the other is a completely transparent layer.
  • the start fill scheme is displayed on the opaque layer, and the end fill scheme is displayed on the fully transparent layer, so that the user will see the visual effect corresponding to the start fill scheme in the display area.
  • step 120 the transparency of the opaque layer is gradually changed to be completely transparent, and the transparency of the completely transparent layer is gradually changed to completely opaque.
  • the transparency of the opaque layer is gradually changed from opaque to completely transparent; also within the duration of the animation, the transparency of the completely transparent layer is gradually changed from completely transparent to opaque.
  • the user will see the visual effect corresponding to the display area from the starting point filling scheme, and gradually change to the visual effect corresponding to the ending filling scheme as the transparency changes during the animation duration, thereby completing the filling scheme from the starting point to the end filling scheme.
  • the manner in which the two layers change the transparency may be performed independently or in an associated manner.
  • the transparency of the upper layer can be changed from 0 to 1 in the animation duration, so that the transparency of the lower layer is accelerated from 1 to the duration of the animation.
  • the color tween animation ends.
  • the current fully transparent layer may be deleted, that is, the layer of the starting point filling scheme is displayed in this embodiment, and the occupied system resources are released in time.
  • N is a natural number greater than or equal to 2
  • the first filling scheme is converted to the second filling scheme by the first filling scheme in the display area, and then The animation effect is changed from the second filling scheme to the third filling scheme (when N is greater than or equal to 3) until the animation ends after the transformation to the Nth filling scheme.
  • Each of the filling schemes may be a solid color filling scheme, a filling scheme with a filling effect such as a gradient, a texture, or a pattern, or a variety of other color-changing filling schemes generated by the user.
  • FIG. 2 The flow of the implementation method of the color tween animation in this embodiment is as shown in FIG. 2.
  • This embodiment is mainly for the description of the different parts in the first embodiment. For the same part, refer to the description in the first embodiment, and the description is not repeated.
  • step 210 the first filling scheme is displayed on the opaque layer, and the second filling scheme is displayed on the completely transparent layer.
  • step 220 the transparency of the opaque layer is gradually changed to be completely transparent, and the transparency of the completely transparent layer is gradually changed to completely opaque.
  • Step 230 after the transparency change is completed, if the current opaque layer displays the kth (k is a natural number not greater than N) filling scheme is not the Nth filling scheme, the current fully transparent layer displays the (k+ 1) Filling scheme; gradually change the transparency of the current completely transparent layer to opaque, and gradually change the transparency of the current opaque layer to completely transparent; repeat this step until k is equal to N.
  • the current opaque layer that is, the layer that is completely transparent to opaque during the transparency change that has just been completed
  • the kth padding scheme is displayed. It is the last filling scheme that the color tween animation arrives in this embodiment up to the present. If k is not equal to N, the kth padding scheme needs to continue to be animated to the (k+1)th padding scheme. If k is equal to N, the animation ends.
  • the (k+1)th padding scheme is displayed on the current fully transparent layer (ie, the layer that is changed from opaque to completely transparent during the transparency change just completed). Then, within the animation duration from the kth padding scheme to the (k+1)th padding scheme, the transparency of the current fully transparent layer is gradually changed to opaque, and the transparency of the current opaque layer is gradually changed to completely transparent.
  • the current opaque layer after the change in transparency and the current fully transparent layer are interchanged with the current opaque layer before the current transparency change and the current fully transparent layer. Repeat this step until k is equal to N.
  • the display area changes from the first filling scheme to the second filling scheme, and sequentially changes to the Nth filling scheme one by one according to the order of the filling schemes.
  • first embodiment and the second embodiment of the present application two layers overlapping each other are disposed on the display area, and the first layer is gradually changed from opaque to completely transparent, and the second layer is simultaneously Fully transparent gradually changes to opaque, the filling scheme of the first layer gradually changes to the animation effect of the filling scheme of the second layer, and the transition process is smooth and natural, achieving good results while avoiding additional manual work, so that The efficiency of animation is improved.
  • an Internet credit information system generates a credit score for each user according to a user's credit history, behavior preference, performance capability, identity trait, personal relationship, and the like, and a certain evaluation algorithm.
  • the credit rating of the user is determined according to the credit score of the user, and each credit rating corresponds to a certain range of credit scores.
  • the user credit score in the credit information system ranges from 350 to 950, and is divided into five credit levels from the first to the fifth. The higher the level, the better the credit.
  • the user can view their credit rating in the client application (application) of the credit information system.
  • the user's different credit ratings are displayed in a circular area with different colors of the gradient effect filling scheme, and the kth filling scheme corresponds to the kth credit rating.
  • Figure 3 shows the correspondence between credit scores, credit ratings, and padding schemes for the users of the credit information system.
  • the first padding scheme is a red padding scheme in which the color values are changed from #EA5254 to #F4653C, corresponding to the first one. Credit rating; similarly, the 2nd to 5th filling schemes are orange, green, cyan, and blue with gradient effects, respectively corresponding to the 2nd to 5th credit ratings.
  • the user's credit rating promotion process will be animated from the first credit rating until the user's credit rating is reached.
  • the intermediate filling scheme is traversed animatedly until the Nth filling scheme corresponding to the user credit rating N is displayed, and the animation ends.
  • Step 401 Initialize two UIView views in a circular area, wherein the upper layer is a view Front view, the lower layer is a view Bottom, the Front transparency is set to 0, and the Bottom transparency is set to 1.
  • a transparency of 0 indicates complete transparency and a transparency of 1 indicates opacity.
  • Step 402 Acquire a credit rating N of the user.
  • step 403 it is determined whether N is 1, and if yes, step 404 is performed; otherwise, step 405 is performed.
  • step 404 the first filling scheme is displayed in the Bottom, the Front is deleted, and the process ends.
  • the user's credit rating is 1, no animation display is required, and the first filling scheme can be directly displayed.
  • step 405 let b be equal to 1 and f equal to 2.
  • b denotes the serial number of the filling scheme displayed in Bottom
  • f denotes the serial number of the filling scheme displayed in Front.
  • step 406 the bth padding scheme is displayed in Bottom, and the fth padding scheme is displayed in Front.
  • step 407 it is determined whether the transparency of the current Front is 0. If yes, step 408 is performed; otherwise, step 411 is performed. This step is used to determine whether the current fully transparent layer is Front or Bottom.
  • step 408 the transparency of the Front is changed from 0 to 1 in a predetermined period of time, and the transparency of the Bottom is changed from 1 to 0.
  • the predetermined duration is a preset duration that displays an animation effect between adjacent credit ratings.
  • step 409 it is judged whether f is equal to N. If yes, the animation ends, and the process proceeds to step 414; otherwise, step 410 is performed. This step can also determine whether b is equal to (N-1).
  • step 410 b is added to 2, and the display of Bottom is refreshed (that is, the bth padding scheme after adding 2 is displayed), and the process proceeds to step 407.
  • step 411 the transparency of Front is changed from 1 to 0 in a predetermined period of time, and the transparency of Bottom is changed from 0 to 1 at a constant speed.
  • step 412 it is determined whether b is equal to N, and if so, the animation ends, and the process proceeds to step 414; otherwise, step 413 is performed.
  • This step can also determine whether f is equal to (N-1).
  • step 413 add f to 2, refresh the display of Front (ie, display the fth filling scheme after adding 2), and go to step 407.
  • step 414 the view with the current transparency of 0 is deleted.
  • an embodiment of the present application further provides an apparatus for implementing a color tween animation.
  • the device can be implemented by software, or can be implemented by hardware or a combination of hardware and software.
  • the CPU Central Process Unit
  • the device in which the device is located usually includes other hardware such as a chip for transmitting and receiving wireless signals, and/or is implemented. Other hardware such as boards for network communication functions.
  • FIG. 6 is a schematic diagram of an apparatus according to an embodiment of the present application.
  • the display area of the color tween animation has two overlapping layers, wherein one layer has transparency and the other layer has transparency.
  • the device includes a start point end point display unit and a first transparency change unit, wherein: the start point end point display unit is configured to display a start point filling scheme on the opaque layer, and the end point filling scheme is displayed on the completely transparent layer; the first transparency changing unit is used for The transparency of the opaque layer is gradually changed to completely transparent, while the transparency of the fully transparent layer is gradually changed to completely opaque.
  • the color tween animation includes: changing from the first filling scheme to the second filling scheme, sequentially changing one by one to the Nth filling scheme, and N is a natural number greater than 1; the starting filling scheme is a filling scheme, the end filling scheme is a second filling scheme; the apparatus further includes a second transparency changing unit, after the transparency change is completed, if the current opaque layer displays the kth filling scheme is not The Nth filling scheme, Display the (k+1)th fill scheme on the current fully transparent layer; gradually change the transparency of the current fully transparent layer to opaque, and gradually change the transparency of the current opaque layer to completely transparent; repeat this step until k Equal to N; k is a natural number not greater than N.
  • the N is the credit rating of the user, and the kth credit rating corresponds to the kth padding scheme; the device may further include an animation canceling unit for the user with the credit rating of 1, in the opaque layer Show the first fill scheme and delete the fully transparent layer.
  • the device further includes an animation ending unit, configured to delete the current completely transparent layer after the animation ends.
  • the starting point filling scheme and the ending filling scheme include: a filling scheme having a gradient, a texture, or a pattern effect.
  • the display area of the color tween animation includes: a fixed display area, or a dynamically changing display area.
  • a computing device includes one or more processors (CPUs), input/output interfaces, network interfaces, and memory.
  • processors CPUs
  • input/output interfaces network interfaces
  • memory volatile and non-volatile memory
  • the memory may include non-persistent memory, random access memory (RAM), and/or non-volatile memory in a computer readable medium, such as read only memory (ROM) or flash memory.
  • RAM random access memory
  • ROM read only memory
  • Memory is an example of a computer readable medium.
  • Computer readable media includes both permanent and non-persistent, removable and non-removable media.
  • Information storage can be implemented by any method or technology.
  • the information can be computer readable instructions, data structures, modules of programs, or other data.
  • Examples of computer storage media include, but are not limited to, phase change memory (PRAM), static random access memory (SRAM), dynamic random access memory (DRAM), other types of random access memory (RAM), read only memory. (ROM), electrically erasable programmable read only memory (EEPROM), flash memory or other memory technology, compact disk read only memory (CD-ROM), digital versatile disk (DVD) or other optical storage, Magnetic tape cartridge, magnetic tape storage or other magnetic storage device or any other non-transmission
  • PRAM phase change memory
  • SRAM static random access memory
  • DRAM dynamic random access memory
  • RAM random access memory
  • ROM read only memory
  • EEPROM electrically erasable programmable read only memory
  • flash memory or other memory technology
  • CD-ROM compact disk read only memory
  • DVD digital versatile disk
  • embodiments of the present application can be provided as a method, system, or computer program product.
  • the present application can take the form of an entirely hardware embodiment, an entirely software embodiment or an embodiment in combination of software and hardware.
  • the application can take the form of a computer program product embodied on one or more computer-usable storage media (including but not limited to disk storage, CD-ROM, optical storage, etc.) including computer usable program code.

Landscapes

  • Engineering & Computer Science (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Theoretical Computer Science (AREA)
  • Computer Graphics (AREA)
  • Processing Or Creating Images (AREA)
  • User Interface Of Digital Computer (AREA)
  • Image Generation (AREA)
  • Controls And Circuits For Display Device (AREA)

Abstract

一种色彩补间动画的实现方法，所述色彩补间动画的展示区域具有重叠的两个图层，其中一个图层的透明度为不透明，另一个图层的透明度为完全透明，所述方法包括：在不透明图层显示起点填充方案，在完全透明图层显示终点填充方案（110）；将不透明图层的透明度逐渐变化为完全透明，同时将完全透明图层的透明度逐渐变化为完全不透明（120）。不论填充方案是否复杂，所述方法都能够由软件自动实现平滑自然的动画效果，无需设计人员的额外工作，提高了动画实现的效率。

Description

色彩补间动画的实现方法和装置 技术领域
本申请涉及图像处理技术领域，尤其涉及一种色彩补间动画的实现方法和装置。
背景技术
动画包括逐帧动画和补间动画，逐帧动画是在时间轴的每帧上逐帧绘制不同的内容，连续播放这些帧可以形成动画；补间动画是在已知动画的起始和结束画面的基础上，由软件自动生成动画的中间部分，省去了中间部分复杂的制作过程。
色彩补间动画是补间动画的一种，指的是某个区域的填充色彩随时间变化而形成动画效果。色彩补间动画可以单独使用，也可以与其他补间动画(如填充区域的形状、位移、缩放、旋转等补间动画)相结合，形成更为复杂的动画效果。
现有技术提供了将某个展示区域的填充色彩，从第一种纯色逐渐变换为第二种纯色的动画实现，具体而言，通常是以一定的规则来逐渐将填充色彩的色值，从第一种纯色的色值变换为第二种纯色的色值。但是对于非纯色的复杂填充方案，如具有渐变、纹理、图案等填充效果的填充方案，由于展示区域的各个像素点的色值大多不相同，并且在色值改变时需要相互配合，才能展现出协调的颜色效果，按照现有技术中变化色值的方式，往往会出现突兀、生硬的动画过程，效果很差，而需要设计人员提供动画中间部分的填充方案，工作量相当大，动画实现的效率太低。
发明内容
有鉴于此，本申请提供一种色彩补间动画的实现方法，所述色彩补间动画的展示区域具有重叠的两个图层，其中一个图层的透明度为不透明，另一个图层的透明度为完全透明，所述方法包括：
在不透明图层显示起点填充方案，在完全透明图层显示终点填充方案；
将不透明图层的透明度逐渐变化为完全透明，同时将完全透明图层的透明度逐渐变化为完全不透明。
本申请还提供了一种色彩补间动画的实现装置，所述色彩补间动画的展示区域具有重叠的两个图层，其中一个图层的透明度为不透明，另一个图层的透明度为完全透明，所述装置包括：
起点终点显示单元，用于在不透明图层显示起点填充方案，在完全透明图层显示终点填充方案；
第一透明度变化单元，用于将不透明图层的透明度逐渐变化为完全透明，同时将完全透明图层的透明度逐渐变化为完全不透明。
由以上技术方案可见，本申请的实施例通过色彩补间动画的展示区域上两个重叠图层的透明度变化，将显示起点填充方案的图层由不透明逐渐变化为完全透明，同时将显示终点填充方案的图层由完全透明逐渐变化为不透明，达到由起点填充方案变换为终点填充方案的动画效果，不论填充方案是否复杂，都能够由软件自动实现平滑自然的动画效果，无需设计人员的额外工作，提高了动画实现的效率。
附图说明
图1是本申请实施例一中一种色彩补间动画的实现方法的流程图；
图2是本申请实施例二中一种色彩补间动画的实现方法的流程图；
图3是本申请应用示例中用户的信用分、信用等级以及填充方案的对应关系示意图；
图4是本申请应用示例中一种动画显示用户信用等级的流程图；
图5是本申请实施例所在设备的一种硬件结构图；
图6是本申请实施例中一种色彩补间动画的实现装置的逻辑结构图。
具体实施方式
本申请的实施例提出一种新的色彩补间动画的实现方法，在展示区域上设置相互重叠的两个图层，分别显示起点填充方案和终点填充方案，将显示起点填充方案的图层由不透明逐渐变化为完全透明，将显示终点填充方案的图层由完全透明逐渐变化为不透明，从而达到由起点填充方案变换到终点填充方案的动画效果，无需设计人员的工作即可达到自然平滑的过渡效果，使动画的实现效率得以提高，以解决现有技术中存在的问题。
本申请的实施例可以应用在任何具有计算、存储和显示能力的设备上，包括手机、平板电脑、PC(Personal Computer，个人电脑)、笔记本、服务器等设备。
本申请的实施例中，色彩补间动画在某个展示区域内进行。该展示区域可以是任意的形状、大小和位置。该展示区域可以是固定不变的，其形状、大小和位置固定；也可以是动态变化的，其形状、大小和/或位置都可以发生变化；换言之，本申请实施例中的实现色彩补间动画的技术方案可以单独使用，也可以与实现其他补间动画(如填充区域的形状、位移、缩放、和/或旋转等补间动画)的技术方案结合起来使用。
本申请的实施例中，初始化时，在色彩补间动画的展示区域上生成两个图层，这两个图层相互重叠，其中一个图层的透明度设置为完全透明，另一个图层的透明度设置为不透明。生成图层的具体方式和设置图层透明度的方式可参照现有技术实现，不再赘述。
相互重叠的两个图层以上下的方式排列，当上方图层为不透明时，会完全遮挡下方图层，用户在展示区域看到的是上方图层的显示内容；当上方图层为完全透明时，会完全呈现下方图层，用户在展示区域看到的是下方图层的显示内容；当上方图层的透明度是完全透明和不透明之间的某个中间值时，用户在展示区域看到的是上方图层和下方图层的显示内容按照该透明度中间值进行叠加后的视觉效果。
本申请的实施例一中，色彩补间动画在展示区域由起点填充方案以 动画效果变换到终点填充方案。其中，起点填充方案或终点填充方案可以是纯色填充方案，也可以是带有渐变、纹理、或图案等填充效果的填充方案，还可以是用户自己生成的各种其他具有颜色变化的填充方案。本实施例中色彩补间动画的实现方法的流程如图1所示。
步骤110，在不透明图层显示起点填充方案，在完全透明图层显示终点填充方案。
在初始化完成后，展示区域上两个重叠的图层，一个是不透明图层，另一个是完全透明图层。将起点填充方案显示在不透明图层，将终点填充方案显示在完全透明图层，这样，用户在展示区域将看到起点填充方案对应的视觉效果。
步骤120，将不透明图层的透明度逐渐变化为完全透明，同时将完全透明图层的透明度逐渐变化为完全不透明。
在补间动画的动画时长内，将不透明图层的透明度从不透明逐渐变化为完全透明；同样在该动画时长内，将完全透明图层的透明度从完全透明逐渐变化为不透明。这样，用户将看到展示区域从起点填充方案对应的视觉效果，在动画时长内随着透明度的变化，逐渐变化成终点填充方案对应的视觉效果，从而完成了从起点填充方案到终点填充方案的动画实现。
现有技术中提供了多种在动画时长内逐渐变化透明度的方式，本申请的各个实施例中可以参照实现。需要说明的是，两个图层变化透明度的方式可以是各自独立进行，也可以用相关联的方式来协同进行。设透明度为0表示完全透明，透明度为1表示不透明，一个例子中，可以令上方图层的透明度在动画时长内从0匀速变化到1，令下方图层的透明度在动画时长内从1以加速度变化到0；另一个例子中，可以令上方图层的透明度在动画时长内从0以加速度变化到1，而令下方图层的透明度保持与上方图层的透明度之和为1。
在两个图层的透明度变化完成后，色彩补间动画结束。此时，可以删除当前的完全透明图层，即本实施例中显示起点填充方案的图层，以及时释放所占用的系统资源。
本申请的实施例二中，色彩补间动画中共有N个填充方案(N为大于等于2的自然数)，在展示区域由第1个填充方案以动画效果变换到第2个填充方案，然后再以动画效果从第2个填充方案变换到第3个填充方案(在N大于等于3时)，直到变换到第N个填充方案后动画结束。其中，每个填充方案可以是纯色填充方案，也可以是带有渐变、纹理、或图案等填充效果的填充方案，还可以是用户自己生成的各种其他具有颜色变化的填充方案。
本实施例中色彩补间动画的实现方法的流程如图2所示。本实施例主要针对与实施例一中不同的部分进行说明，相同部分请参见实施例一中的描述，不再重复。
步骤210，在不透明图层显示第1个填充方案，在完全透明图层显示第2个填充方案。
步骤220，将不透明图层的透明度逐渐变化为完全透明，同时将完全透明图层的透明度逐渐变化为完全不透明。
步骤230，在透明度变化完成后，如果当前的不透明图层显示的第k(k为不大于N的自然数)个填充方案不是第N个填充方案，在当前的完全透明图层显示第(k+1)个填充方案；将当前完全透明图层的透明度逐渐变化为不透明，同时将当前不透明图层的透明度逐渐变化为完全透明；重复本步骤直到k等于N。
在透明度变化完成后，设当前的不透明图层(即在刚刚完成的透明度变化过程中，由完全透明变为不透明的图层)上所显示的是第k个填充方案，则第k个填充方案是截止到当前，本实施例中色彩补间动画到达的最后一个填充方案。如果k不等于N，第k个填充方案还需要继续以动画方式变化到第(k+1)个填充方案。如果k等于N，则动画结束。
当k不等于N时，将第(k+1)个填充方案显示在当前的完全透明图层(即在刚刚完成的透明度变化过程中，由不透明变为完全透明的图层)上。然后在从第k个填充方案到第(k+1)个填充方案的动画时长内，将当前完全透明图层的透明度逐渐变化为不透明，同时将当前不透明图层的透明度逐渐变化为完全透明。
在本次透明度变化过程中，用户将看到展示区域从第k个填充方案对应的视觉效果，在该动画时长内随着透明度的变化，逐渐变化成第(k+1)个填充方案对应的视觉效果。
本次透明度变化之后的当前不透明图层与当前完全透明图层，与本次透明度变化之前的当前不透明图层与当前完全透明图层互换。重复本步骤直到k等于N，这样，展示区域从第1个填充方案以动画效果变化到第2个填充方案，依次按照填充方案的排列顺序，逐个变化到第N个填充方案后动画结束。
当k等于N，动画结束时，可以删除当前的完全透明图层。
可见，本申请的实施例一和实施例二中，在展示区域上设置相互重叠的两个图层，通过将第一个图层由不透明逐渐变化为完全透明，同时将第二个图层由完全透明逐渐变化为不透明，达到第一个图层的填充方案逐渐变化为第二图层的填充方案的动画效果，并且过渡过程平滑自然，在达到良好效果的同时避免了额外的人工工作，使动画的实现效率得以提高。
在本申请的一个应用示例中，一种互联网征信系统按照用户的信用历史、行为偏好、履约能力、身份特质、人脉关系等维度，以一定的评估算法来为每个用户生成信用分，并且按照用户的信用分来确定用户的信用等级，每个信用等级对应于一定范围的信用分。该征信系统中用户信用分的范围是350到950，划分为第1到第5共5个信用等级，级别越高，信用度越好。
用户可以在该征信系统的客户端App(应用程序)中查看自己的信用等级。App中在一个圆形区域以不同颜色的具有渐变效果的填充方案来显示用户的不同信用等级，第k个填充方案对应于第k个信用等级。图3所示为该征信系统用户的信用分、信用等级以及填充方案的对应关系，其中，第1个填充方案为色值从#EA5254渐变到#F4653C的红色填充方案，对应于第1个信用等级；类似的，第2到第5个填充方案分别为橙色、绿色、青色和蓝色具有渐变效果的填充方案，分别对应于第2到第5个信用等级。
为了提升用户的体验，当用户打开显示其信用等级的页面时，将从第1个信用等级开始，以动画方式显示用户的信用等级提升过程，直到达到用户的信用等级为止。换言之，在表示信用等级的圆形区域中，从第1个填充方案开始，以动画方式遍历中间的填充方案，直到显示为用户信用等级N对应的第N个填充方案时，动画结束。
本应用示例中动画的实现流程如图4所示。
步骤401，在圆形区域初始化两个UIView视图，其中上方图层为视图Front视图，下方图层为视图Bottom，将Front的透明度设置为0，将Bottom的透明度设置为1。本应用示例中，透明度为0表示完全透明，透明度为1表示不透明。
步骤402，获取用户的信用等级N。
步骤403，判断N是否为1，如果是，执行步骤404，否则转步骤405。
步骤404，在Bottom显示第1个填充方案，删除Front，流程结束。当用户的信用等级为1时，无需进行动画显示，直接显示第1个填充方案即可。
步骤405，令b等于1，f等于2。b表示在Bottom显示的填充方案的序号，f表示在Front显示的填充方案的序号。
步骤406，在Bottom显示第b个填充方案，在Front显示第f个填充方案。
步骤407，判断当前Front的透明度是否为0，如果是，执行步骤408，否则转步骤411。本步骤用来判断当前的完全透明图层是Front还是Bottom。
步骤408，在预定时长内，将Front的透明度由0匀速变化为1，将Bottom的透明度由1匀速变化为0。该预定时长是在相邻信用等级间显示动画效果的预设时长。
步骤409，判断f是否等于N，如果是，动画结束，转步骤414；否则执行步骤410。本步骤也可以判断b是否等于(N-1)。
步骤410，将b加2，刷新Bottom的显示(即显示加2后的第b个填充方案)，转步骤407。
步骤411，在预定时长内，将Front的透明度由1匀速变化为0，将Bottom的透明度由0匀速变化为1。
步骤412，判断b是否等于N，如果是，动画结束，转步骤414；否则执行步骤413。本步骤也可以判断f是否等于(N-1)。
步骤413，将f加2，刷新Front的显示(即显示加2后的第f个填充方案)，转步骤407。
步骤414，删除当前透明度为0的视图。
与上述流程实现对应，本申请的实施例还提供了一种色彩补间动画的实现装置。该装置可以通过软件实现，也可以通过硬件或者软硬件结合的方式实现。以软件实现为例，作为逻辑意义上的装置，是通过所在设备的CPU(Central Process Unit，中央处理器)将对应的计算机程序指令读取到内存中运行形成的。从硬件层面而言，除了图5所示的CPU、内存以及非易失性存储器之外，该装置所在的设备通常还包括用于进行无线信号收发的芯片等其他硬件，和/或用于实现网络通信功能的板卡等其他硬件。
图6所示为本申请实施例提供的一种装置，所述色彩补间动画的展示区域具有重叠的两个图层，其中一个图层的透明度为不透明，另一个图层的透明度为完全透明，所述装置包括起点终点显示单元和第一透明度变化单元，其中：起点终点显示单元用于在不透明图层显示起点填充方案，在完全透明图层显示终点填充方案；第一透明度变化单元用于将不透明图层的透明度逐渐变化为完全透明，同时将完全透明图层的透明度逐渐变化为完全不透明。
一个例子中，所述色彩补间动画包括：从第1个填充方案变化到第2个填充方案，依次逐个变化到第N个填充方案，N为大于1的自然数；所述起点填充方案为第1个填充方案，所述终点填充方案为第2个填充方案；所述装置还包括第二透明度变化单元，用于在透明度变化完成后，如果当前的不透明图层显示的第k个填充方案不是第N个填充方案， 在当前的完全透明图层显示第(k+1)个填充方案；将当前完全透明图层的透明度逐渐变化为不透明，同时将当前不透明图层的透明度逐渐变化为完全透明；重复本步骤直到k等于N；k为不大于N的自然数。
上述例子中，所述N为用户的信用等级，第k个信用等级对应于第k个填充方案；所述装置还可以包括动画取消单元，用于对信用等级为1的用户，在不透明图层显示第1个填充方案，删除完全透明图层。
可选的，所述装置还包括动画结束单元，用于在动画结束后，删除当前的完全透明图层。
可选的，所述起点填充方案和终点填充方案包括：具有渐变、纹理、或图案效果的填充方案。
可选的，所述色彩补间动画的展示区域包括：固定不变的展示区域，或动态变化的展示区域。
以上所述仅为本申请的较佳实施例而已，并不用以限制本申请，凡在本申请的精神和原则之内，所做的任何修改、等同替换、改进等，均应包含在本申请保护的范围之内。
在一个典型的配置中，计算设备包括一个或多个处理器(CPU)、输入/输出接口、网络接口和内存。
内存可能包括计算机可读介质中的非永久性存储器，随机存取存储器(RAM)和/或非易失性内存等形式，如只读存储器(ROM)或闪存(flash RAM)。内存是计算机可读介质的示例。
计算机可读介质包括永久性和非永久性、可移动和非可移动媒体可以由任何方法或技术来实现信息存储。信息可以是计算机可读指令、数据结构、程序的模块或其他数据。计算机的存储介质的例子包括，但不限于相变内存(PRAM)、静态随机存取存储器(SRAM)、动态随机存取存储器(DRAM)、其他类型的随机存取存储器(RAM)、只读存储器(ROM)、电可擦除可编程只读存储器(EEPROM)、快闪记忆体或其他内存技术、只读光盘只读存储器(CD-ROM)、数字多功能光盘(DVD)或其他光学存储、磁盒式磁带，磁带磁磁盘存储或其他磁性存储设备或任何其他非传 输介质，可用于存储可以被计算设备访问的信息。按照本文中的界定，计算机可读介质不包括暂存电脑可读媒体(transitory media)，如调制的数据信号和载波。
还需要说明的是，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、商品或者设备不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、商品或者设备所固有的要素。在没有更多限制的情况下，由语句“包括一个……”限定的要素，并不排除在包括所述要素的过程、方法、商品或者设备中还存在另外的相同要素。
本领域技术人员应明白，本申请的实施例可提供为方法、系统或计算机程序产品。因此，本申请可采用完全硬件实施例、完全软件实施例或结合软件和硬件方面的实施例的形式。而且，本申请可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、CD-ROM、光学存储器等)上实施的计算机程序产品的形式。

Claims (12)

  1. 一种色彩补间动画的实现方法，其特征在于，所述色彩补间动画的展示区域具有重叠的两个图层，其中一个图层的透明度为不透明，另一个图层的透明度为完全透明，所述方法包括：
    在不透明图层显示起点填充方案，在完全透明图层显示终点填充方案；
    将不透明图层的透明度逐渐变化为完全透明，同时将完全透明图层的透明度逐渐变化为完全不透明。
  2. 根据权利要求1所述的方法，其特征在于，所述色彩补间动画包括：从第1个填充方案变化到第2个填充方案，依次逐个变化到第N个填充方案，N为大于1的自然数；
    所述起点填充方案为第1个填充方案，所述终点填充方案为第2个填充方案；
    所述方法还包括：在透明度变化完成后，如果当前的不透明图层显示的第k个填充方案不是第N个填充方案，在当前的完全透明图层显示第(k+1)个填充方案；将当前完全透明图层的透明度逐渐变化为不透明，同时将当前不透明图层的透明度逐渐变化为完全透明；重复本步骤直到k等于N；k为不大于N的自然数。
  3. 根据权利要求2所述的方法，其特征在于，所述N为用户的信用等级，第k个信用等级对应于第k个填充方案；
    所述方法还包括：对信用等级为1的用户，在不透明图层显示第1个填充方案，删除完全透明图层。
  4. 根据权利要求1至3任意一项所述的方法，其特征在于，所述方法还包括：在动画结束后，删除当前的完全透明图层。
  5. 根据权利要求1所述的方法，其特征在于，所述起点填充方案和终点填充方案包括：具有渐变、纹理、或图案效果的填充方案。
  6. 根据权利要求1所述的方法，其特征在于，所述色彩补间动画的展示区域包括：固定不变的展示区域，或动态变化的展示区域。
  7. 一种色彩补间动画的实现装置，其特征在于，所述色彩补间动画的展示区域具有重叠的两个图层，其中一个图层的透明度为不透明，另一个图层的透明度为完全透明，所述装置包括：
    起点终点显示单元，用于在不透明图层显示起点填充方案，在完全透明图层显示终点填充方案；
    第一透明度变化单元，用于将不透明图层的透明度逐渐变化为完全透明，同时将完全透明图层的透明度逐渐变化为完全不透明。
  8. 根据权利要求7所述的装置，其特征在于，所述色彩补间动画包括：从第1个填充方案变化到第2个填充方案，依次逐个变化到第N个填充方案，N为大于1的自然数；
    所述起点填充方案为第1个填充方案，所述终点填充方案为第2个填充方案；
    所述装置还包括：第二透明度变化单元，用于在透明度变化完成后，如果当前的不透明图层显示的第k个填充方案不是第N个填充方案，在当前的完全透明图层显示第(k+1)个填充方案；将当前完全透明图层的透明度逐渐变化为不透明，同时将当前不透明图层的透明度逐渐变化为完全透明；重复本步骤直到k等于N；k为不大于N的自然数。
  9. 根据权利要求8所述的装置，其特征在于，所述N为用户的信用等级，第k个信用等级对应于第k个填充方案；
    所述装置还包括：动画取消单元，用于对信用等级为1的用户，在不透明图层显示第1个填充方案，删除完全透明图层。
  10. 根据权利要求7至9任意一项所述的装置，其特征在于，所述装置还包括：动画结束单元，用于在动画结束后，删除当前的完全透明图层。
  11. 根据权利要求7所述的装置，其特征在于，所述起点填充方案和终点填充方案包括：具有渐变、纹理、或图案效果的填充方案。
  12. 根据权利要求7所述的装置，其特征在于，所述色彩补间动画的展示区域包括：固定不变的展示区域，或动态变化的展示区域。
PCT/CN2017/070799 2016-01-20 2017-01-10 色彩补间动画的实现方法和装置 Ceased WO2017124943A1 (zh)

Priority Applications (9)

Application Number Priority Date Filing Date Title
JP2018538133A JP6750020B2 (ja) 2016-01-20 2017-01-10 カラートゥイーンアニメーションを実現するための方法及び装置
EP17740974.5A EP3407300A4 (en) 2016-01-20 2017-01-10 METHOD AND DEVICE FOR IMPLEMENTING COLOR INTERACTION
MYPI2018702450A MY201896A (en) 2016-01-20 2017-01-10 Method and apparatus for realizing color tween animation
SG11201806009UA SG11201806009UA (en) 2016-01-20 2017-01-10 Method and apparatus for realizing color tween animation
KR1020187023468A KR102208183B1 (ko) 2016-01-20 2017-01-10 컬러 트윈 애니메이션을 실현하는 방법 및 장치
PH12018501521A PH12018501521A1 (en) 2016-01-20 2018-07-16 Method and device for realizing color tween animation
US16/040,256 US10467778B2 (en) 2016-01-20 2018-07-19 Method and apparatus for realizing color tween animation
US16/673,621 US10930026B2 (en) 2016-01-20 2019-11-04 Method and apparatus for realizing color tween animation
US17/181,647 US11328459B2 (en) 2016-01-20 2021-02-22 Method and apparatus for realizing color tween animation

Applications Claiming Priority (2)

Application Number Priority Date Filing Date Title
CN201610037303.X 2016-01-20
CN201610037303.XA CN105719332B (zh) 2016-01-20 2016-01-20 色彩补间动画的实现方法和装置

Related Child Applications (1)

Application Number Title Priority Date Filing Date
US16/040,256 Continuation US10467778B2 (en) 2016-01-20 2018-07-19 Method and apparatus for realizing color tween animation

Publications (1)

Publication Number Publication Date
WO2017124943A1 true WO2017124943A1 (zh) 2017-07-27

Family

ID=56147779

Family Applications (1)

Application Number Title Priority Date Filing Date
PCT/CN2017/070799 Ceased WO2017124943A1 (zh) 2016-01-20 2017-01-10 色彩补间动画的实现方法和装置

Country Status (10)

Country Link
US (3) US10467778B2 (zh)
EP (1) EP3407300A4 (zh)
JP (1) JP6750020B2 (zh)
KR (1) KR102208183B1 (zh)
CN (1) CN105719332B (zh)
MY (1) MY201896A (zh)
PH (1) PH12018501521A1 (zh)
SG (1) SG11201806009UA (zh)
TW (1) TWI697866B (zh)
WO (1) WO2017124943A1 (zh)

Families Citing this family (12)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN105719332B (zh) 2016-01-20 2019-02-19 阿里巴巴集团控股有限公司 色彩补间动画的实现方法和装置
CN107015788B (zh) * 2016-10-19 2020-10-30 创新先进技术有限公司 在移动设备上动画展现图像的方法和装置
JP6776906B2 (ja) * 2017-01-20 2020-10-28 セイコーエプソン株式会社 スキャナー、スキャン制御プログラム、画像データの生成方法
CN110033501B (zh) * 2018-01-10 2023-09-26 武汉斗鱼网络科技有限公司 一种动画的实现方法及电子终端
CN108985562A (zh) * 2018-06-11 2018-12-11 北京玖富普惠信息技术有限公司 一种等级信息获取方法、电子设备和可读存储介质
CN108985919A (zh) * 2018-06-11 2018-12-11 北京玖富普惠信息技术有限公司 一种等级信息统计方法、电子设备和可读存储介质
CN109166024A (zh) * 2018-06-11 2019-01-08 北京玖富普惠信息技术有限公司 一种等级信息展示方法、电子设备和可读存储介质
CN109785408B (zh) * 2018-12-29 2023-06-27 北京金山安全软件有限公司 一种填图方法、装置及电子设备
CN111161378B (zh) * 2019-12-27 2023-10-17 北京金山安全软件有限公司 一种填色方法、装置及电子设备
CN111242682B (zh) * 2020-01-10 2023-10-17 腾讯科技（深圳）有限公司 物品显示方法
CN116324689A (zh) 2020-10-30 2023-06-23 海信视像科技股份有限公司 显示设备、几何图形识别方法及多图层叠加显示方法
CN115243094B (zh) * 2020-12-22 2024-10-01 海信视像科技股份有限公司 一种显示设备及多图层叠加方法

Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20080278519A1 (en) * 2007-05-11 2008-11-13 Shenzhen Mindray Bio-Medical Electronics Co., Ltd. Method and apparatus for fast flicker-free displaying overlapped sparse graphs with optional shape
CN102541441A (zh) * 2011-11-18 2012-07-04 广东欧珀移动通信有限公司 一种手持设备的横竖屏切换渐变控制方法
CN102981710A (zh) * 2012-11-16 2013-03-20 北京奇虎科技有限公司 页面变换的方法和装置
CN103970415A (zh) * 2014-04-13 2014-08-06 数源科技股份有限公司 一种基于Android的实现淡入淡出效果的方法
CN105719332A (zh) * 2016-01-20 2016-06-29 阿里巴巴集团控股有限公司 色彩补间动画的实现方法和装置

Family Cites Families (34)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JPS561954B2 (zh) 1972-05-10 1981-01-16
JPS561954A (en) 1979-06-19 1981-01-10 Hitachi Metals Ltd Electrostatic transferring method
JP3096103B2 (ja) * 1991-08-30 2000-10-10 キヤノン株式会社 画像処理装置及び方法
AU2002233955A1 (en) * 2000-10-30 2002-05-15 Liquidity Direct Technology Network and method for trading derivatives
US7136069B1 (en) * 2000-10-31 2006-11-14 Sony Corporation Method and system for texturing
JP2003216649A (ja) * 2002-01-25 2003-07-31 Nippon Hoso Kyokai <Nhk> 画像検索装置及び画像検索プログラム
US7593891B2 (en) * 2003-05-30 2009-09-22 Experian Scorex Llc Credit score simulation
US8452698B2 (en) * 2003-10-15 2013-05-28 Blackrock, Inc. System and method for managing credit risk for investment portfolios
US8219487B2 (en) * 2003-10-15 2012-07-10 Blackrock, Inc. System and method for managing credit risk for investment portfolios
DE602004010777T2 (de) * 2004-02-18 2008-12-04 Harman Becker Automotive Systems Gmbh Alphamischung auf Basis einer Nachschlagtabelle
US7302094B2 (en) * 2004-08-27 2007-11-27 Autodesk, Inc. Transparency and/or color processing
US20070103483A1 (en) * 2005-07-20 2007-05-10 Steven Feldman Adaptive alpha blending
US20090049389A1 (en) * 2007-08-13 2009-02-19 Siemens Medical Solutions Usa, Inc. Usage Pattern Driven Graphical User Interface Element Rendering
US20140300610A1 (en) * 2007-11-16 2014-10-09 Adobe Systems Incorporated System and method for using time re-mapping for computer-generated animation
US8149917B2 (en) * 2008-02-01 2012-04-03 Activevideo Networks, Inc. Transition creation for encoded video in the transform domain
CN101556788B (zh) * 2008-04-07 2011-04-20 瑞轩科技股份有限公司 具无遮蔽式屏幕选单的显示器及其屏幕选单的工作方法
CN101872600B (zh) * 2009-04-24 2014-07-23 深圳Tcl新技术有限公司 一种显示装置及其图像显示方法
CN101833447B (zh) * 2010-04-08 2012-12-26 广东欧珀移动通信有限公司 一种利用补间动画实现桌面Widget动画的方法
JP5650740B2 (ja) * 2010-07-12 2015-01-07 パナソニック インテレクチュアル プロパティ コーポレーション オブアメリカＰａｎａｓｏｎｉｃ Ｉｎｔｅｌｌｅｃｔｕａｌ Ｐｒｏｐｅｒｔｙ Ｃｏｒｐｏｒａｔｉｏｎ ｏｆ Ａｍｅｒｉｃａ 設計支援装置、設計支援プログラム、設計支援方法、及び集積回路
JP2012138042A (ja) * 2010-12-28 2012-07-19 Kowa Co 擬似動画作成装置、擬似動画作成方法、及び擬似動画作成プログラム
US20140096092A1 (en) * 2011-03-20 2014-04-03 William J. Johnson System and Method for Indirect Manipulation of User Interface Object(s)
KR20120117578A (ko) * 2011-04-15 2012-10-24 삼성전자주식회사 디스플레이 방법 및 이를 적용한 디스플레이 장치
US9218676B2 (en) * 2011-07-11 2015-12-22 International Business Machines Corporation Displaying computer dashboard information
US9007381B2 (en) * 2011-09-02 2015-04-14 Verizon Patent And Licensing Inc. Transition animation methods and systems
US20130063446A1 (en) * 2011-09-10 2013-03-14 Microsoft Corporation Scenario Based Animation Library
EP2587456A3 (en) * 2011-10-23 2017-09-20 Technion Research & Development Foundation Ltd. Method and systems for generating a dynamic multimodal and multidimensional presentation
US9135022B2 (en) * 2011-11-14 2015-09-15 Microsoft Technology Licensing, Llc Cross window animation
CN102572304A (zh) * 2011-12-13 2012-07-11 广东威创视讯科技股份有限公司 一种图像叠加处理方法及装置
US9865230B2 (en) * 2012-07-02 2018-01-09 Microsoft Technology Licensing, Llc Animated visualization of alpha channel transparency
US8948509B2 (en) * 2012-11-15 2015-02-03 Adobe Systems Incorported Blending with multiple blend modes for image manipulation
US9916621B1 (en) * 2012-11-30 2018-03-13 Consumerinfo.Com, Inc. Presentation of credit score factors
CN104216752B (zh) * 2014-09-30 2017-06-09 珠海市君天电子科技有限公司 一种基于窗口的信息加载方法及装置
US9466259B2 (en) * 2014-10-01 2016-10-11 Honda Motor Co., Ltd. Color management
KR102009980B1 (ko) * 2015-03-25 2019-10-21 네이버 주식회사 만화 데이터 생성 장치, 방법, 컴퓨터 프로그램

Patent Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20080278519A1 (en) * 2007-05-11 2008-11-13 Shenzhen Mindray Bio-Medical Electronics Co., Ltd. Method and apparatus for fast flicker-free displaying overlapped sparse graphs with optional shape
CN102541441A (zh) * 2011-11-18 2012-07-04 广东欧珀移动通信有限公司 一种手持设备的横竖屏切换渐变控制方法
CN102981710A (zh) * 2012-11-16 2013-03-20 北京奇虎科技有限公司 页面变换的方法和装置
CN103970415A (zh) * 2014-04-13 2014-08-06 数源科技股份有限公司 一种基于Android的实现淡入淡出效果的方法
CN105719332A (zh) * 2016-01-20 2016-06-29 阿里巴巴集团控股有限公司 色彩补间动画的实现方法和装置

Non-Patent Citations (1)

* Cited by examiner, † Cited by third party
Title
See also references of EP3407300A4 *

Also Published As

Publication number Publication date
US10930026B2 (en) 2021-02-23
PH12018501521A1 (en) 2019-03-18
KR20180104658A (ko) 2018-09-21
TWI697866B (zh) 2020-07-01
SG11201806009UA (en) 2018-08-30
CN105719332B (zh) 2019-02-19
US11328459B2 (en) 2022-05-10
MY201896A (en) 2024-03-22
EP3407300A4 (en) 2019-09-18
KR102208183B1 (ko) 2021-01-29
TW201730846A (zh) 2017-09-01
CN105719332A (zh) 2016-06-29
US20200066005A1 (en) 2020-02-27
EP3407300A1 (en) 2018-11-28
JP2019508800A (ja) 2019-03-28
JP6750020B2 (ja) 2020-09-02
US20210174558A1 (en) 2021-06-10
US10467778B2 (en) 2019-11-05
US20180322663A1 (en) 2018-11-08

Similar Documents

Publication Publication Date Title
WO2017124943A1 (zh) 色彩补间动画的实现方法和装置
CN106303740B (zh) 智能电视的桌面导航系统及该系统的实现方法
CN103631866B (zh) 网页的显示方法和浏览器
US20120280991A1 (en) Employing mesh files to animate transitions in client applications
CN105741334A (zh) 热力图提供方法及装置
CN111078967B (zh) 显示方法、装置、电子设备和存储介质
JP2020500357A (ja) モバイルデバイス上でアニメーション画像を提示するための方法およびデバイス
TW201743289A (zh) 搭配效果圖的產生方法、裝置及系統
CN107292945A (zh) 视频图像的图层渲染处理方法及其系统
TWI698834B (zh) 用於圖形處理之方法及裝置
AU2015315608B2 (en) Layout engine
US20170169599A1 (en) Methods and electronic devices for displaying picture
KR20160050295A (ko) 전자 장치 및 그의 디지털 수채 영상 재현 방법
US10685470B2 (en) Generating and providing composition effect tutorials for creating and editing digital content
CN108364337A (zh) 图像的动画展示方法及装置
US12561882B2 (en) Image rendering method and apparatus
WO2018121546A1 (zh) 一种行车记录装置屏幕内容的展示方法和装置
WO2023087990A1 (zh) 一种图像展示方法、装置、计算机设备及存储介质
US10417327B2 (en) Interactive and dynamically animated 3D fonts
US9478060B2 (en) Techniques to provide depth-based typeface in digital documents
CN110019855B (zh) 根据时间轴控制动效的方法、装置、存储介质及电子设备
US20170017612A1 (en) Generating a visual layout tree based on a named point within a visual description node
US20170017621A1 (en) Detecting and animating a change in position of a visual layout node of a visual layout tree
CN106446053A (zh) 显示图片资源的方法和装置
CN120429049B (zh) 一种显示方法及相关设备

Legal Events

Date Code Title Description
121 Ep: the epo has been informed by wipo that ep was designated in this application

Ref document number: 17740974

Country of ref document: EP

Kind code of ref document: A1

WWE Wipo information: entry into national phase

Ref document number: 11201806009U

Country of ref document: SG

Ref document number: 12018501521

Country of ref document: PH

ENP Entry into the national phase

Ref document number: 2018538133

Country of ref document: JP

Kind code of ref document: A

NENP Non-entry into the national phase

Ref country code: DE

ENP Entry into the national phase

Ref document number: 20187023468

Country of ref document: KR

Kind code of ref document: A

WWE Wipo information: entry into national phase

Ref document number: 1020187023468

Country of ref document: KR

WWE Wipo information: entry into national phase

Ref document number: 2017740974

Country of ref document: EP

ENP Entry into the national phase

Ref document number: 2017740974

Country of ref document: EP

Effective date: 20180820