Spring motions during object animation

• US 9,098,168 B2
• Filed: 07/23/2012
• Issued: 08/04/2015
• Est. Priority Date: 02/01/2012
• Status: Active Grant

• Current Assignee: Meta Platforms, Inc. (f/k/a Facebook, Inc.)
• Original Assignee: Meta Platforms, Inc. (f/k/a Facebook, Inc.)
• Inventors: Matas, Michael, Tsinteris, Kimon, Sarner, Austin, Melcher, Charles
• Primary Examiner(s): Bhatia, Ajay
• Assistant Examiner(s): Blaufeld, Justin R
• Application Number:
  US13/555,909
• Publication Number:
  US 20130198631A1
• Time in Patent Office: 1,107 Days
• Field of Search: 715/716
• US Class Current: 1/1
• CPC Class Codes: G06F 2203/04808 Several contacts: gestures triggering a specific function, e.g. scrolling, zooming, right-click, when the user establishes several contacts with the surface simultaneously; e.g. using several fingers or a combination of fingers and pen
• CPC Class Codes: G06F 3/017 Gesture based interaction, e.g. based on a set of recognized hand gestures interaction based on gestures traced on a digitiser G06F3/04883
• CPC Class Codes: G06F 3/0481 based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
• CPC Class Codes: G06F 3/04815 Interaction with a metaphor-based environment or interaction object displayed as three-dimensional, e.g. changing the user viewpoint with respect to the environment or object
• CPC Class Codes: G06F 3/04817 using icons graphical or visual programming using iconic symbols G06F8/34
• CPC Class Codes: G06F 3/0482 Interaction with lists of selectable items, e.g. menus
• CPC Class Codes: G06F 3/0484 for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
• CPC Class Codes: G06F 3/04842 Selection of displayed objects or displayed text elements G06F3/0482 takes precedence
• CPC Class Codes: G06F 3/04845 for image manipulation, e.g. dragging, rotation, expansion or change of colour
• CPC Class Codes: G06F 3/04847 Interaction techniques to control parameter settings, e.g. interaction with sliders or dials
• CPC Class Codes: G06F 3/0485 Scrolling or panning
• CPC Class Codes: G06F 3/04883 for inputting data by handwriting, e.g. gesture or text
• CPC Class Codes: G06F 40/103 Formatting, i.e. changing of presentation of documents automatic justification G06F40/189; automatic line break hyphenation G06F40/191
• CPC Class Codes: G06F 40/137 Hierarchical processing, e.g. outlines
• CPC Class Codes: G06F 8/34 Graphical or visual programming
• CPC Class Codes: G06T 11/60 Editing figures and text; Combining figures or text
• CPC Class Codes: G06T 15/60 Shadow generation
• CPC Class Codes: H04L 67/06 specially adapted for file transfer, e.g. file transfer protocol [FTP]
• CPC Class Codes: H04L 67/52 specially adapted for the location of the user terminal

Abstract

Particular embodiments display an object at a first position on a screen of an electronic device; and in response to a user selecting the object with one or more fingers and moving the fingers around the screen, display an animated sequence depicting the object moving around the screen tracking movements of the user'"'"'s fingers, movements of the object in the first animated sequence simulating a visual effect of the object being tethered to the user'"'"'s fingers by one or more springs.

Claims

1. A computer-implemented method comprising:

displaying an object at a first position on a screen of an electronic device;

in response to a user selecting two positions on the screen outside a plurality of edges of the object with two or more fingers and moving the fingers in a pinching motion, displaying a first animated sequence depicting the object folding or unfolding on the screen in accordance with movements of the user'"'"'s fingers, movements of the object in the first animated sequence simulating a visual effect of the edges of the object being tethered to the user'"'"'s fingers by two or more first springs, the object being assigned a virtual mass; and

displaying a plurality of shadows around the object in relation to a simulated light source, the plurality of shadows changing when the object moves according to the first animated sequence in relation to the simulated light source,

wherein the simulated light source is located at a predetermined position on the screen of the electronic device,

wherein each of the two or more first springs is visually attached to the object at positions corresponding to a location of the two or more fingers moving the object in the pinching motion, and

wherein the first animated sequence further comprises a visual effect of a tightening of the two or more first springs during the pinching motion that is determined based on a distance between the edges of the object and the positions of each of the two or more fingers; and

in response to the user releasing the object at a second position on the screen by moving the user'"'"'s fingers away from the screen, displaying a second animated sequence depicting the object returning from the second position to the first position on the screen, movements of the object in the second animated sequence simulating a visual effect of the object being tethered to the first position by one or more second springs.

2. The computer-implemented method of claim 1, wherein:

the movements of the user'"'"'s fingers comprise lateral movements and rotational movements; and

the object tracks both the lateral and rotational movements of the user'"'"'s fingers through lateral and rotational movements, respectively.

3. The computer-implemented method of claim 1, further comprising:

assigning a spring constant to each first spring; and

computing the movements of the object in the first animated sequence based on the mass of the object, the spring constant of each first spring, and a speed of the user'"'"'s fingers.

4. The computer-implemented method of claim 1, further comprising:

assigning a spring constant to each second spring; and

computing the movements of the object in the second animated sequence based on the mass to the object, the spring constant of each second spring, and an initial speed of the object when the user releases the object.

5. The computer-implemented method of claim 1, further comprising

in response to the user throwing the object against an edge of the screen at a second position on the screen, displaying a second animated sequence depicting the object bouncing around the screen and gradually returning to the first position on the screen, movements of the object in the second animated sequence simulating the visual effect of the object being tethered to the first position by the one or more second springs.

6. The computer-implemented method of claim 1, further comprising

in response to the user zooming in on the object by pinching open the object, displaying a third animated sequence depicting the object increasing in size until the object occupies substantially the entire screen, movements of the object in the third animated sequence simulating a visual effect of the objects growing in size while being tethered to a center of the screen by the one or more second springs.

7. The computer-implemented method of claim 6, further comprising

in response to the user zooming out on the object by pinching close the object, displaying a fourth animated sequence depicting the object decreasing in size until the object returns to its original size and to the first position on the screen, movements of the object in the fourth animated sequence simulating a visual effect of the objects shrinking in size and returning to the first position while being tethered to the first position by one or more third springs.

8. One or more computer-readable non-transitory storage media embodying software that is operable when executed to:

display an object at a first position on a screen of an electronic device;

in response to a user selecting two positions on the screen outside the plurality of edges of the object with two or more fingers and moving the fingers in a pinching motion, display a first animated sequence depicting the object folding or unfolding on the screen in accordance with movements of the user'"'"'s fingers, movements of the object in the first animated sequence simulating a visual effect of the edges of the object being tethered to the user'"'"'s fingers by two or more first springs, the object being assigned a virtual mass; and

display a plurality of shadows around the object in relation to a simulated light source, the plurality of shadows changing when the object moves according to the first animated sequence in relation to the simulated light source,

wherein the simulated light source is located at a predetermined position on the screen of the electronic device,

wherein each of the two or more first springs is visually attached to the object at positions corresponding to a location of the two or more fingers moving the object in the pinching motion, and

wherein the first animated sequence further comprises a visual effect of a tightening of the two or more first springs during the pinching motion that is determined based on a distance between the edges of the object and the positions of each of the two or more fingers; and

in response to the user releasing the object at a second position on the screen by moving the user'"'"'s fingers away from the screen, display a second animated sequence depicting the object returning from the second position to the first position on the screen, movements of the object in the second animated sequence simulating a visual effect of the object being tethered to the first position by one or more second springs.

9. The media of claim 8, wherein:

the movements of the user'"'"'s fingers comprise lateral movements and rotational movements; and

the object tracks both the lateral and rotational movements of the user'"'"'s fingers through lateral and rotational movements, respectively.

10. The media of claim 8, wherein the software is further operable when executed to:

assign a spring constant to each first spring; and

compute the movements of the object in the first animated sequence based on the mass of the object, the spring constant of each first spring, and a speed of the user'"'"'s fingers.

11. The media of claim 8, wherein the software is further operable when executed to:

assign a spring constant to each second spring; and

compute the movements of the object in the second animated sequence based on the mass to the object, the spring constant of each second spring, and an initial speed of the object when the user releases the object.

12. The media of claim 8, wherein the software is further operable when executed to

in response to the user throwing the object against an edge of the screen at a second position on the screen, display a third animated sequence depicting the object bouncing around the screen and gradually returning to the first position on the screen, movements of the object in the third animated sequence simulating the visual effect of the object being tethered to the first position by the one or more second springs.

13. The media of claim 8, wherein the software is further operable when executed to

in response to the user zooming in on the object by pinching open the object, display a third animated sequence depicting the object increasing in size until the object occupies substantially the entire screen, movements of the object in the third animated sequence simulating a visual effect of the objects growing in size while being tethered to a center of the screen by the one or more second springs.

14. The media of claim 13, wherein the software is further operable when executed to

in response to the user zooming out on the object by pinching close the object, display a fourth animated sequence depicting the object decreasing in size until the object returns to its original size and to the first position on the screen, movements of the object in the fourth animated sequence simulating a visual effect of the objects shrinking in size and returning to the first position while being tethered to the first position by one or more third springs.

15. A system comprising:

one or more processors; and

a memory coupled to the processors comprising instructions executable by the processors, the processors operable when executing the instructions to;

display an object at a first position on a screen of an electronic device;

in response to a user selecting two positions on the screen outside a plurality of edges of the object with two or more fingers and moving the fingers in a pinching motion, display a first animated sequence depicting the object folding or unfolding on the screen in accordance with movements of the user'"'"'s fingers, movements of the object in the first animated sequence simulating a visual effect of the edges of the object being tethered to the user'"'"'s fingers by two or more first springs, the object being assigned a virtual mass; and

display a plurality of shadows around the object in relation to a simulated light source, the plurality of shadows changing when the object moves according to the first animated sequence in relation to the simulated light source,

wherein the simulated light source is located at a predetermined position on the screen of the electronic device,

wherein each of the two or more first springs is visually attached to the object at positions corresponding to a location of the two or more fingers moving the object in the pinching motion,

wherein the first animated sequence further comprises a visual effect of a tightening of the two or more first springs during the pinching motion that is determined based on a distance between the edges of the object and the positions of each of the two or more fingers; and

in response to the user releasing the object at a second position on the screen by moving the user'"'"'s fingers away from the screen, display a second animated sequence depicting the object returning from the second position to the first position on the screen, movements of the object in the second animated sequence simulating a visual effect of the object being tethered to the first position by one or more second springs.

16. The system of claim 15, wherein:

the movements of the user'"'"'s fingers comprise lateral movements and rotational movements; and

the object tracks both the lateral and rotational movements of the user'"'"'s fingers through lateral and rotational movements, respectively.

17. The system of claim 15, wherein the software is further operable when executed to:

assign a spring constant to each first spring; and

compute the movements of the object in the first animated sequence based on the mass of the object, the spring constant of each first spring, and a speed of the user'"'"'s fingers.