# US 2018/0322663 A1 · Method and apparatus for realizing color tween animation > Agents: this data is available as JSON from the patentgrep API and MCP server — see https://patentgrep.com/llms.txt - Number: US 2018/0322663 A1 - Document ID: US20180322663A1 - Status: Published application - Kind: A1 - Application number: 16/040,256 - Filed: 2018-07-19 - Published: 2018-11-08 - Earliest claimed: 2016-01-20 - Assignees: Alibaba Group Holding Limited - Applicants: Alibaba Group Holding Limited - Inventors: Nana ZHANG - Web page: https://patentgrep.com/patent/US20180322663A1 ## CPC - G06T 11/10: Texturing; Colouring; Generation of textures or colours (retouching, inpainting or scratch removal G06T5/77) - G06T 11/40: Filling planar surfaces by adding surface attributes, e.g. adding colours or textures - G06T 13/80: Two-dimensional [2D] animation, e.g. using sprites - G06T 15/503: {Blending, e.g. for anti-aliasing} - G06T 2210/62: Semi-transparency - G06T: IMAGE DATA PROCESSING OR GENERATION, IN GENERAL ## Abstract A start fill scheme in a first layer that is initially non-transparent is displayed on a display of a computing device. An end fill scheme in a different second layer that overlaps the first layer and is initially at least partially transparent is displayed on the display. A first transparency value of the first layer is gradually changed to a value corresponding to transparency. A second transparency of the second layer is gradually changed to a value corresponding to non-transparency. Both the first transparency value and the second transparency value are gradually changed during a particular time period. Gradually changing the first transparency value and the second transparency value includes changing the values by a plurality of increments over the particular time period. ## Claims ### Claim 1 A computer-implemented method, comprising: displaying, on a display of a computing device, a start fill scheme in a first layer that is initially non-transparent; displaying, on the display, an end fill scheme in a different second layer that overlaps the first layer and is initially at least partially transparent; and gradually changing a first transparency value of the first layer to a value corresponding to transparency, and gradually changing a second transparency of the second layer to a value corresponding to non-transparency, wherein both the first transparency value and the second transparency value are gradually changed during a particular time period, and wherein gradually changing the first transparency value and the second transparency value includes changing the values by a plurality of increments over the particular time period. ### Claim 2 (depends on 1) The computer-implemented method of claim 1, wherein gradually changing the first and second transparency values includes displaying a color tween animation comprises: changing, on the display area, from a first fill scheme to a second fill scheme, including sequentially changing to an Nth fill scheme, wherein N is an integer greater than 1; setting the start fill scheme to the first fill scheme, and setting the end fill scheme to the second fill scheme; performing a transparency change, making alternate ones of the first and second layer transparent; and when the transparency change is completed: when a kth fill scheme displayed at a current non-transparent layer is not an Nth fill scheme, displaying a (k+1)th fill scheme at a current completely transparent layer; gradually changing transparency of the current completely transparent layer to non-transparency, and gradually changing transparency of the current completely non-transparent layer to completely transparency; and repeating the displaying and gradually changing until k is greater than or equal to N, wherein k is a natural number. ### Claim 3 (depends on 2) The computer-implemented method of claim 2, wherein N is a credit rating of a user, wherein a kth credit rating corresponds to the kth fill scheme, the method further comprising: for a user whose credit rating is 1, displaying the first fill scheme at the current non-transparent layer; and deleting the completely transparent layer. ### Claim 4 (depends on 2) The computer-implemented method of claim 2, further comprising deleting the current completely transparent layer after the color tween animation ends. ### Claim 5 (depends on 1) The computer-implemented method of claim 1, wherein the start fill scheme and the end fill scheme comprise a fill scheme with effects of a gradual change, a texture, or a pattern. ### Claim 6 (depends on 2) The computer-implemented method of claim 2, wherein a display area of the color tween animation comprises a fixed display area. ### Claim 7 (depends on 2) The computer-implemented method of claim 2, wherein a display area of the color tween animation comprises a dynamically changing display area. ### Claim 8 A non-transitory, computer-readable medium storing one or more instructions executable by a computer system to perform operations comprising: displaying, on a display of a computing device, a start fill scheme in a first layer that is initially non-transparent; displaying, on the display, an end fill scheme in a different second layer that overlaps the first layer and is initially at least partially transparent; and gradually changing a first transparency value of the first layer to a value corresponding to transparency, and gradually changing a second transparency of the second layer to a value corresponding to non-transparency, wherein both the first transparency value and the second transparency value are gradually changed during a particular time period, and wherein gradually changing the first transparency value and the second transparency value includes changing the values by a plurality of increments over the particular time period. ### Claim 9 (depends on 8) The non-transitory, computer-readable medium of claim 8, wherein gradually changing the first and second transparency values includes displaying a color tween animation comprises: changing, on the display area, from a first fill scheme to a second fill scheme, including sequentially changing to an Nth fill scheme, wherein N is an integer greater than 1; setting the start fill scheme to the first fill scheme, and setting the end fill scheme to the second fill scheme; performing a transparency change, making alternate ones of the first and second layer transparent; and when the transparency change is completed: when a kth fill scheme displayed at a current non-transparent layer is not an Nth fill scheme, displaying a (k+1)th fill scheme at a current completely transparent layer; gradually changing transparency of the current completely transparent layer to non-transparency, and gradually changing transparency of the current completely non-transparent layer to completely transparency; and repeating the displaying and gradually changing until k is greater than or equal to N, wherein k is a natural number. ### Claim 10 (depends on 9) The non-transitory, computer-readable medium of claim 9, wherein N is a credit rating of a user, wherein a kth credit rating corresponds to the kth fill scheme, the operations further comprising: for a user whose credit rating is 1, displaying the first fill scheme at the current non-transparent layer; and deleting the completely transparent layer. ### Claim 11 (depends on 9) The non-transitory, computer-readable medium of claim 9, the operations further comprising deleting the current completely transparent layer after the color tween animation ends. ### Claim 12 (depends on 8) The non-transitory, computer-readable medium of claim 8, wherein the start fill scheme and the end fill scheme comprise a fill scheme with effects of a gradual change, a texture, or a pattern. ### Claim 13 (depends on 9) The non-transitory, computer-readable medium of claim 9, wherein a display area of the color tween animation comprises a fixed display area. ### Claim 14 (depends on 9) The non-transitory, computer-readable medium of claim 9, wherein a display area of the color tween animation comprises a dynamically changing display area. ### Claim 15 A computer-implemented system, comprising: one or more computers; and one or more computer memory devices interoperably coupled with the one or more computers and having tangible, non-transitory, machine-readable media storing one or more instructions that, when executed by the one or more computers, perform one or more operations comprising: displaying, on a display of a computing device, a start fill scheme in a first layer that is initially non-transparent; displaying, on the display, an end fill scheme in a different second layer that overlaps the first layer and is initially at least partially transparent; and gradually changing a first transparency value of the first layer to a value corresponding to transparency, and gradually changing a second transparency of the second layer to a value corresponding to non-transparency, wherein both the first transparency value and the second transparency value are gradually changed during a particular time period, and wherein gradually changing the first transparency value and the second transparency value includes changing the values by a plurality of increments over the particular time period. ### Claim 16 (depends on 15) The computer-implemented system of claim 15, wherein gradually changing the first and second transparency values includes displaying a color tween animation comprises: changing, on the display area, from a first fill scheme to a second fill scheme, including sequentially changing to an Nth fill scheme, wherein N is an integer greater than 1; setting the start fill scheme to the first fill scheme, and setting the end fill scheme to the second fill scheme; performing a transparency change, making alternate ones of the first and second layer transparent; and when the transparency change is completed: when a kth fill scheme displayed at a current non-transparent layer is not an Nth fill scheme, displaying a (k+1)th fill scheme at a current completely transparent layer; gradually changing transparency of the current completely transparent layer to non-transparency, and gradually changing transparency of the current completely non-transparent layer to completely transparency; and repeating the displaying and gradually changing until k is greater than or equal to N, wherein k is a natural number. ### Claim 17 (depends on 16) The computer-implemented system of claim 16, wherein N is a credit rating of a user, wherein a kth credit rating corresponds to the kth fill scheme, the operations further comprising: for a user whose credit rating is 1, displaying the first fill scheme at the current non-transparent layer; and deleting the completely transparent layer. ### Claim 18 (depends on 16) The computer-implemented system of claim 16, the operations further comprising deleting the current completely transparent layer after the color tween animation ends. ### Claim 19 (depends on 15) The computer-implemented system of claim 15, wherein the start fill scheme and the end fill scheme comprise a fill scheme with effects of a gradual change, a texture, or a pattern. ### Claim 20 (depends on 16) The computer-implemented system of claim 16, wherein a display area of the color tween animation comprises a fixed display area.