IP Library Granted Patent US 10,930,026
Granted Patent B2
US 10,930,026 · App. 16/673,621 · Granted Feb 23, 2021

Method and apparatus for realizing color tween animation

Inventor: Nana Zhang (Hangzhou, CN)
Assignee: Advanced New Technologies Co., Ltd.
G06T11/001G06T11/40G06T13/80G06T15/503G06T2210/62
View Patent ↗
Loading inventors, assignments & file history…
Monitor This Case
Get email alerts when status or documents change.
Order Certified Copies
Most orders are placed with the USPTO same day — all within 24 business hours.
Order via The Patent Place →
Pre-filled with this patent's details
Quick Facts
Patent No.
US 10,930,026
App. No.
16/673,621
Granted
Feb 23, 2021
Kind
B2
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 (58)

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, the start fill scheme comprising a first color corresponding to a first credit rating;

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, the end fill scheme comprising a second color corresponding to a second credit rating, the second credit rating being a credit rating of a user; and

gradually changing a first transparency value of the first layer to a value corresponding to transparency, and gradually changing a second transparency value 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.

2. The computer-implemented method of claim 1 , wherein gradually changing the first and second transparency values includes displaying a color tween animation comprising:

changing, on the display, 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 including 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 be non-transparent, and gradually changing transparency of the current non-transparent layer to be completely transparent; and

repeating the displaying and gradually changing until k is greater than or equal to N, wherein k is a natural number.

3. The computer-implemented method of claim 2 , wherein N is the credit rating of the user, wherein a kth credit rating corresponds to the kth fill scheme, and the method further comprising:

for a user whose credit rating is a particular predetermined value, displaying the first fill scheme at the current non-transparent layer; and

deleting the completely transparent layer.

4. The computer-implemented method of claim 2 , further comprising deleting the current completely transparent layer after the color tween animation ends.

5. The computer-implemented method of claim 2 , wherein a display area of the color tween animation comprises a fixed display area.

6. The computer-implemented method of claim 2 , wherein a display area of the color tween animation comprises a dynamically changing display area.

7. The computer-implemented method of claim 1 , wherein gradually changing the first transparency value of the first layer to the value corresponding to transparency comprises gradually changing the first transparency value of the first layer to a value corresponding to complete transparency.

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, the start fill scheme comprising a first color corresponding to a first credit rating;

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, the end fill scheme comprising a second color corresponding to a second credit rating, the second credit rating being a credit rating of a user; and

gradually changing a first transparency value of the first layer to a value corresponding to transparency, and gradually changing a second transparency value 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.

9. The non-transitory, computer-readable medium of claim 8 , wherein gradually changing the first and second transparency values includes displaying a color tween animation comprising:

changing, on the display, 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 including 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 be non-transparent, and gradually changing transparency of the current non-transparent layer to be completely transparent; and

repeating the displaying and gradually changing until k is greater than or equal to N, wherein k is a natural number.

10. The non-transitory, computer-readable medium of claim 9 , wherein N is the credit rating of the user, wherein a kth credit rating corresponds to the kth fill scheme, and the operations further comprising:

for a user whose credit rating is a particular predetermined value, displaying the first fill scheme at the current non-transparent layer; and

deleting the completely transparent layer.

11. 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.

12. The non-transitory, computer-readable medium of claim 9 , wherein a display area of the color tween animation comprises a fixed display area.

13. The non-transitory, computer-readable medium of claim 9 , wherein a display area of the color tween animation comprises a dynamically changing display area.

14. The non-transitory, computer-readable medium of claim 8 , wherein gradually changing the first transparency value of the first layer to the value corresponding to transparency comprises gradually changing the first transparency value of the first layer to a value corresponding to complete transparency.

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, the start fill scheme comprising a first color corresponding to a first credit rating;

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, the end fill scheme comprising a second color corresponding to a second credit rating, the second credit rating being a credit rating of a user; and

gradually changing a first transparency value of the first layer to a value corresponding to transparency, and gradually changing a second transparency value 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.

16. The computer-implemented system of claim 15 , wherein gradually changing the first and second transparency values includes displaying a color tween animation comprising:

changing, on the display, 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 including 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 be non-transparent, and gradually changing transparency of the current non-transparent layer to be completely transparent; and

repeating the displaying and gradually changing until k is greater than or equal to N, wherein k is a natural number.

17. The computer-implemented system of claim 16 , wherein N is the credit rating of the user, wherein a kth credit rating corresponds to the kth fill scheme, and the operations further comprising:

for a user whose credit rating is a particular predetermined value, displaying the first fill scheme at the current non-transparent layer; and

deleting the completely transparent layer.

18. The computer-implemented system of claim 16 , the operations further comprising deleting the current completely transparent layer after the color tween animation ends.

19. The computer-implemented system of claim 16 , wherein a display area of the color tween animation comprises a fixed display area.

20. The computer-implemented system of claim 15 , wherein gradually changing the first transparency value of the first layer to the value corresponding to transparency comprises gradually changing the first transparency value of the first layer to a value corresponding to complete transparency.

Assignments (3)
ASSIGNMENT OF ASSIGNOR'S INTEREST Recorded Sep 10, 2020
From: ADVANTAGEOUS NEW TECHNOLOGIES CO., LTD.
To: ADVANCED NEW TECHNOLOGIES CO., LTD.
Reel/Frame 053754/0625 →
ASSIGNMENT OF ASSIGNOR'S INTEREST Recorded Aug 31, 2020
From: ALIBABA GROUP HOLDING LIMITED
To: ADVANTAGEOUS NEW TECHNOLOGIES CO., LTD.
Reel/Frame 053743/0464 →
ASSIGNMENT OF ASSIGNOR'S INTEREST Recorded Dec 5, 2019
From: ZHANG, NANA
To: ALIBABA GROUP HOLDING LIMITED
Reel/Frame 051189/0281 →