LAYER ENGINE FOR MEDIA TRANSITION EFFECTS
Disclosed are systems and methods for transitioning from a first content to a second content on a display. The systems and methods may include: receiving, at a computing device comprising a processor, the first content and the second content; determining, by the computing device, a transition sequence for transitioning from the first content to the second content; and displaying, by the computing device, the transition sequence on a first panel of the display. The display divided into a plurality of panels.
1 . A method for transitioning from a first content to a second content on a display, the method comprising:
receiving, at a computing device comprising a processor, the first content and the second content;
determining, by the computing device, a transition sequence for transitioning from the first content to the second content; and
displaying, by the computing device, the transition sequence on a first panel of the display, the display divided into a plurality of panels.
2 . The method of claim 1 , further comprising dividing the display into the plurality of panels.
3 . The method of claim 1 , wherein each of the plurality of panels displays different content.
4 . The method of claim 1 , further comprising:
receiving a third content and a fourth content to be displayed on a second panel of the display;
determining, a second transition sequence for transitioning from the third content to the second content; and
displaying the second transition sequence on the second panel of the display.
5 . The method of claim 4 , wherein the first transition sequence is displayed independently of the second transition sequence.
6 . The method of claim 1 , wherein the first content is a static image and the second content is a video.
7 . The method of claim 6 , wherein the video plays during the transaction sequence.
8 . The method of claim 1 , wherein the transition sequence includes resizing the first panel of the display.
9 . The method of claim 1 , further comprising:
resizing at least the first panel from a first size to a second size;
resizing at least the second content to the second size, wherein displaying the transition sequence includes displaying the transition sequence during a refresh operation in which the first panel transitions from the first size to the second size.
10 . A system for transitioning content, the system comprising:
a display;
a processor; and
a memory storing instructions that, when executed by the processor, cause the processor to:
divide the display into a first panel and a second panel,
receive a first content and a second content to be displayed in the first panel,
receive a third content and a fourth content to be displayed in the second panel,
form a first snapshot of the first panel and the second panel displaying the first content and the third content,
form a second snapshot of the first panel and the second panel displaying the second content and the third content,
determine a first transition sequence for transitioning from the first snapshot to the second snapshot, and
display the first transition sequence on the display.
11 . The system of claim 10 , wherein displaying the first transition sequence includes instructions that, when executed by the processor, further cause the processor to display the first transition sequence independently of displaying a second transition sequence.
12 . The system of claim 10 , wherein the first content is a first static image, the second content is a first video, the third content is a second video, and the fourth content is a second static image.
13 . The system of claim 12 , wherein the instructions, when executed by the processor, further cause the processor to play the first video during the first transition sequence and the second video plays during the second transition.
14 . The system of claim 10 , wherein the instructions, when executed by the processor, further cause the processor to display the first transition at a different time than a second transition.
15 . The system of claim 10 , wherein the first panel and the second panel have a different size or a different shape.
16 . The system of claim 10 , wherein the instructions that, when executed by the processor, further cause the processor to:
resize the first panel from a first size to a second size;
resize the second content to the second size, wherein displaying the first transition sequence includes displaying the first transition sequence during a refresh operation in which the first panel transitions from the first size to the second size;
resize the second panel from a third size to a fourth size; and
resize the fourth content to the fourth size, wherein displaying the first transition sequence includes displaying the first transition sequence during the refresh operation in which the second panel transitions from the third size to the fourth size.
17 . A non-transitory computer readable medium storing instructions that, when executed by a processor, cause the processor to:
divide the display into a first panel and a second panel,
receive a first content and a second content to be displayed in the first panel,
receive a third content and a fourth content to be displayed in the second panel,
form a first snapshot of the first panel and the second panel displaying the first content and the third content,
form a second snapshot of the first panel and the second panel displaying the second content and the third content,
determine a first transition sequence for transitioning from the first snapshot to the second snapshot, and
display the first transition sequence on the display.
18 . The non-transitory computer readable medium of claim 15 , wherein the instructions, when executed by the processor, further cause the processor to:
resize the first panel from a first size to a second size;
resize the second content to the second size, wherein displaying the first transition sequence includes displaying the first transition sequence during a refresh operation in which the first panel transitions from the first size to the second size;
resize the second panel from a third size to a fourth size; and
resize the fourth content to the fourth size, wherein displaying the first transition sequence includes displaying the first transition sequence during the refresh operation in which the second panel transitions from the third size to the fourth size.
19 . The non-transitory computer readable medium of claim 17 , wherein the instructions, when executed by the processor, further cause the processor to display the first transition sequence independently of displaying a second transition sequence.
20 . The non-transitory computer readable medium of claim 17 , wherein the instructions, when executed by the processor, further cause the processor to play the first video during the first transition sequence and the second video plays during the second transition.