Method for providing animation effect and electronic device supporting the same
An embodiment discloses an electronic device which includes a display and a processor electrically connected with the display. The processor may be configured to detect a designated event, identify text to be outputted on the display and a font applied to the text in response to detecting the designated event, the text including a plurality of characters, determine an animation effect to be applied to the text based on the font, where in applying the animation effect, the processor may be configured to display each of the plurality of the characters for a designated time period along a path corresponding to a character shape from a start point toward an end point of each of the plurality of the characters, and display the text to which the animation effect is applied on the display for the designated time period in response to detecting the designated event.
1 . An electronic device comprising:
a display;
memory storing instructions; and
at least one processor,
wherein when the instructions executed by the at least one processor dividually or collectively, cause the electronic device to:
detect a designated event,
identify text to be outputted on the display, the text comprising a plurality of characters,
for each character of the plurality of characters:
determine a shape of the character, based on a font, before displaying or applying an animation effect, wherein the shape of the character includes a first path from a start point to at least intermediate points to an end point and a second path from the start point to at least one second intermediate point to the end point, and wherein each of the at least one first intermediate points correspond to a respective one of the at least one second intermediate points; and
based on the determined shape of the character, display portions of the character and applying the animation effect simultaneously along the first path beginning from the start point at a starting time moving to the at least one first intermediate points at one or more intermediate times and then moving to the end point at an ending time, wherein at the one or more intermediate times, portions of the character from the at least one first intermediate points to the end point are not displayed, and the second path beginning from the start point at the starting time moving to the at least one second intermediate points and then moving to the end point at the ending time, wherein at the one or more intermediate times, portions of the character from the at least one second intermediate points to the end point are not displayed, and wherein each pair of the corresponding first intermediate point and second intermediate point is displayed simultaneously.
2 . The electronic device of claim 1 , further comprising:
a housing comprising a first housing disposed on one side and a second housing disposed on another side of a designated folding axis; and
at least one sensor,
wherein the processor is configured to:
determine that the designated event has occurred when receiving from the at least one sensor an electrical signal or a data value indicating that the first housing and the second housing are disposed to form a designated angle or are facing each other.
3 . The electronic device of claim 1 , wherein the processor is configured to:
in response detecting the designated event, determine to execute an application which supports the text to be outputted on the display, and
wherein the text indicates at least one attribute related information of the application and/or operation state related information of the electronic device.
4 . The electronic device of claim 1 , wherein determining the shape of the character comprises:
identify one or more contours of the character.
5 . The electronic device of claim 4 , wherein the processor is configured to:
convert the one or more contours identified in the character into a single contour comprising a straight line, a curved line, or a combination of the straight line and the curved line from one point on the one or more contours to another point along one stroke continuing based on a designated drawing sequence before displaying or applying the animation effect.
6 . The electronic device of claim 5 , wherein the processor is configured to:
determine the start point of each of the plurality of the characters to be a point between a section where the one stroke starts and a section where the one stroke ends in each of the plurality of the characters.
7 . The electronic device of claim 5 , wherein the processor is configured to:
determine the end point of each of the plurality of the characters to be an intermediate point of sections mapped last, when mapping at least one section preceding from a section where the one stroke starts in a first direction and at least one section preceding from a section where the one stroke ends in a second direction which is different from the first direction in each of the plurality of the characters.
8 . The electronic device of claim 5 , wherein the processor is configured to:
determine the end point of each of the plurality of the characters to be one point of a section not mapped last, when mapping at least one section preceding from a section where the one stroke starts in a first direction and at least one section preceding from a section where the one stroke ends in a second direction which is different from the first direction in each of the plurality of the characters.
9 . The electronic device of claim 5 , wherein the processor is configured to:
identify a portion on the path for each of the plurality of the characters where a section continuing in a first direction of the one stroke from the start point toward the end point and a section continuing in a second direction which is different from the first direction from the start point toward the end point correspond to each other, and
divide the path of each of the plurality of the characters into at least one section based on identifying.
10 . The electronic device of claim 9 , wherein the processor is configured to:
determine a sequence of the at least one section arranged from the start point toward the end point of each of the plurality of the characters for applying the animation effect for each of the plurality of the characters, and
display each of the plurality of the characters by applying the animation effect based on the sequence.
11 . The electronic device of claim 1 , wherein the font further comprises a vector based font which connects points for representing each of the plurality of the characters with one or more lines each having a direction and a length.
12 . The electronic device of claim 11 , wherein the processor is configured to:
normalize a size of the text within a size range such that the points for representing each of the plurality of the characters do not exceed a designated threshold.
13 . The electronic device of claim 11 , wherein the processor is configured to:
identify first points for representing a first character in the plurality of the characters,
move a position of at least one second point in the first points, and
change the path corresponding to the character shape of the first character based on the first points comprising the at least one second point at the moved position.
14 . A method for providing an animation effect of an electronic device including a display, the method comprising:
detecting a designated event;
identifying text to be outputted on the display, the text comprising a plurality of characters;
for each character of the plurality of characters:
determining a shape of the character, based on a font, before displaying or applying an animation effect, wherein the shape of the character includes a first path from a start point to a first one or more intermediate points to an end point and a second path from the start point to at least one second intermediate points to the end point, and wherein each of the at leas one first intermediate points correspond to a respective one of the at least one second intermediate points; and
based on the determined shape of the character, display portions of the character and applying the animation effect simultaneously along the first path beginning from the start point at a starting time moving to the at least one first intermediate points at one or more intermediate times and then moving end point at an ending time, wherein at the one or more intermediate times, portions of the character from the at least one first intermediate points to the end point are not displayed, and the second path beginning from the start point at the starting time moving to the at least one second intermediate points and then moving to the end point at the ending time, wherein at the one or more intermediate times, portions of the character from the at least one second intermediate points to the end point are not displayed, and wherein each pair of the corresponding first intermediate point and second intermediate point is displayed simultaneously.
15 . The method for providing the animation effect of claim 14 , wherein detecting the designated event further comprises:
determining that the designated event has occurred when receiving from at least one sensor an electrical signal or a data value indicating that a first housing disposed on one side and a second housing disposed on another side of a designated folding axis are disposed to form a designated angle or are facing each other.
16 . The method for providing the animation effect of claim 14 , wherein determining the shape of the character comprises:
identifying one or more contours of the character to which the font is applied; and
converting the one or more contours identified in the character, into a single contour comprising a straight line, a curved line, or a combination of the straight line and the curved line from one point on the one or more contours to another point along one stroke continuing based on a designated drawing sequence before displaying or applying the animation effect.
17 . The method for providing the animation effect of claim 16 , wherein determining the shape of the character comprises:
determining the start point of each of the plurality of the characters to be a point between a section where the one stroke starts and a section where the one stroke ends in each of the plurality of the characters.
18 . The method for providing the animation effect of claim 16 , wherein determining the shape of the character comprises at least one of:
determining the end point of each of the plurality of the characters to be an intermediate point of sections mapped last, when mapping at least one section preceding from a section where the one stroke starts in a first direction and at least one section preceding from a section where the one stroke ends in a second direction which is different from the first direction in each of the plurality of the characters; and
determining the end point of each of the plurality of the characters to be one point of a section not mapped last, when mapping the at least one section preceding from the section where the one stroke starts in the first direction and the at least one section preceding from the section where the one stroke ends in the second direction in each of the plurality of the characters.
19 . The method for providing the animation effect of claim 16 , wherein determining the shape of the character further comprises:
identifying a portion on the path for each of the plurality of the characters where a section continuing in a first direction of the one stroke from the start point toward the end point and a section continuing in a second direction which is different from the first direction from the start point toward the end point correspond to each other; and
dividing the path of each of the plurality of the characters into at least one section based on identifying.
20 . The method for providing the animation effect of claim 19 , further comprising displaying the text to which the animation effect is applied on the display for the designated time period, wherein displaying further comprises:
determining a sequence of the at least one section arranged from the start point toward the end point of each of the plurality of the characters for applying the animation effect for each of the plurality of the characters; and
displaying each of the plurality of the characters by applying the animation effect based on the sequence.