Digital image transitions

• US 9,177,356 B2
• Filed: 08/05/2014
• Issued: 11/03/2015
• Est. Priority Date: 01/15/2010
• Status: Active Grant

• Current Assignee: Apple Inc.
• Original Assignee: Apple Inc.
• Inventors: Van Osten, Robert Michael, Dehner, Craig, Vergnaud, Guillaume
• Primary Examiner(s): HARRISON, CHANTE E
• Application Number:
  US14/452,474
• Publication Number:
  US 20140347354A1
• Time in Patent Office: 455 Days
• Field of Search: 345/419, 345/619, 345/629, 345/635, 345/649, 345/173, 345/473, 715201-202, 715/730, 715/731, 715/732, 715/744, 715/810, 715/815, 715/838, 715/854, 715/863, 715/781, 715/783
• US Class Current: 1/1
• 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: G06T 13/80 2D [Two Dimensional] animation, e.g. using sprites
• CPC Class Codes: G06T 19/00 Manipulating 3D models or images for computer graphics
• CPC Class Codes: G06T 3/20 Linear translation of whole images or parts thereof, e.g. panning

Abstract

Among other things, methods, systems and computer program products are disclosed for displaying a sequence of multiple images to provide an appearance of a three-dimensional (3D) effect. A data processing device or system can identify multiple images to be displayed. The data processing device or system can divide a two-dimensional (2D) display area into multiple display portions. The data processing device or system can display a sequence of the identified images on the display portions so as to provide an appearance of a three-dimensional (3D) effect.

Claims

1. A method performed by software executing on a data processing device with a display, the method comprising:

displaying, on the display, a first set of one or more images concurrently in a display area, wherein a first image in the first set of images has a border that has a predetermined spatial relationship to a border of a second image of the first set of images;

transitioning between the first set of images and a second set of one or more images, wherein the transitioning includes using an automatically generated transition that introduces a fold into the first set of images and includes;

transforming at least a portion of the first image using a transformation that changes a position of the border of the first image on the display; and

transforming at least a portion of the second image so as to maintain the predetermined spatial relationship between the border of the first image and the border of the second image on the display; and

after completing transitioning between the first set of images and the second set of images displaying the second set of images concurrently in the display area, wherein the second set of images is different from the first set of images.

2. The method of claim 1, wherein the transitioning further includes using a first transition associated with a first region of the display area, using a second transition of the plurality of transitions is associated with a second region of the display area, and transitioning between the first set of images and the second set of images by

transitioning one or more images of the first set of images in the first region in accordance with the first transition;

and

transitioning one or more images of the first set of images in the second region in accordance with the second transition.

3. The method of claim 1, wherein the transition replaces a first subset of images of the first set of one or more images with one or more first replacement images while maintaining the display of a second subset of one or more images of the first set of images and another transition replaces the second subset of images of the first set of images with second replacement images while maintaining the display of the first replacement images.

4. The method of claim 1, wherein images of the first set of images are replaced by images in the second set of images of the same size, number, and layout.

5. The method of claim 1, wherein images of the first set of images are replaced by images in the second set of image of different size, number or layout.

6. The method of claim 1, wherein an image included in the first set of images is also included in the second set of images.

7. The method of claim 1, wherein the transitioning includes a plurality of flips.

8. The method of claim 7, wherein the plurality of flips are performed sequentially.

9. The method of claim 8, wherein one flip conceals a portion or all of one or more images included in the first set of images or reveals a portion of or all of one or more images included in the second set of images.

10. The method of claim 9, wherein the method further comprises displaying a mirror image of an image included in the first set of images during a flip transition.

11. The method of claim 7, wherein the plurality of flips are bidirectional.

12. The method of claim 1, wherein the transition can be a horizontal transition, vertical transition or diagonal transition.

13. The method of claim 1, wherein the display area is divided into one or more display portions, the one or more display portions covering substantially the entire display area.

14. The method of claim 1, wherein the transition includes multiple folds compressed like an accordion.

15. The method of claim 1, wherein the transformation of the first image changes the position of the border of the first image in a direction parallel to the display.

16. The method of claim 1, wherein the transformation of the first image changes the position of the border of the first image in a direction perpendicular to the display.

17. The method of claim 1, wherein the transitioning further includes folding an image of the first set of images onto itself.

18. The method of claim 1, wherein the transitioning further includes folding the first set of images onto itself.

19. The method of claim 1, wherein the transitioning further includes folding one of the images of the first set of images onto another image of the first set of images.

20. The method of claim 1, wherein the transitioning further includes transforming a first image of the second set of images so as to pull the first image of the second set of images into the display area.

21. The method of claim 20, wherein the transitioning further includes transforming a second image of the second set of images so as to pull the second image of the second set of images into the display area.

22. The method of claim 21 wherein the first image is transformed as to be pulled into the display area from a first side of the display area, and the second image is transformed so as to be pulled into the display area from a second side of the display area.

23. A non-transitory computer readable storage medium, the computer readable medium containing instructions that, when executed, perform a method for operating an electronic device with a display, the electronic device including a processor, the method comprising:

displaying, on the display, a first set of images concurrently in a display area, wherein a first image in the first set of one or more images has a border that has a predetermined spatial relationship to a border of a second image of the first set of images;

transitioning between the first set of images and a second set of one or more images, wherein the transitioning includes using an automatically generated transition that introduces a fold into the first set of images and includes;

transforming at least a portion of the first image using a transformation that changes a position of the border of the first image on the display; and

transforming at least a portion of the second image so as to maintain the predetermined spatial relationship between the border of the first image and the border of the second image on the display; and

after completing transitioning between the first set of images and the second set of images displaying the second set of images concurrently in the display area, wherein the first set of images is different from the second set of images.

24. The non-transitory computer readable storage medium of claim 23, wherein the transformation of the first image changes the position of the border of the first image in a direction parallel to the display.

25. The non-transitory computer readable storage medium of claim 23, wherein the transformation of the first image changes the position of the border of the first image in a direction perpendicular to the display.

26. The non-transitory computer readable storage medium of claim 23, wherein the transitioning further includes folding an image of the first set of images onto itself.

27. The non-transitory computer readable storage medium of claim 23, wherein the transitioning further includes folding the first set of images onto itself.

28. The non-transitory computer readable storage medium of claim 23, wherein the transitioning further includes folding one of the images of the first set of images onto another image of the first set of images.

29. The non-transitory computer readable storage medium of claim 23, wherein the transitioning further includes transforming a first image of the second set of images so as to pull the first image of the second set of images into the display area.

30. The non-transitory computer readable storage medium of claim 29, wherein the transitioning further includes transforming a second image of the second set of images so as to pull the second image of the second set of images into the display area.

31. The non-transitory computer readable storage medium of claim 30 wherein the first image is transformed as to be pulled into the display area from a first side of the display area, and the second image is transformed so as to be pulled into the display area from a second side of the display area.

32. The non-transitory computer readable storage medium of claim 23, wherein the transitioning further includes using a first transition associated with a first region of the display area, using a second transition associated with a second region of the display area, and transitioning between the first set of images and the second set of images by

transitioning one or more images of the first set of images in the first region in accordance with the first transition;

and

transitioning one or more images of the first set of images in the second region in accordance with the second transition.

33. The non-transitory computer readable storage medium of claim 23, wherein-the transition replaces a first subset of images of the first set of one or more images with one or more first replacement images while maintaining the display of a second subset of one or more images of the first set of images and another transition replaces the second subset of images of the first set of images with second replacement images while maintaining the display of the first replacement images.

34. The non-transitory computer readable storage medium of claim 23, wherein an image included in the first set of images is also included in the second set of images.

35. The non-transitory computer readable storage medium of claim 23, wherein the transition includes multiple folds compressed like an accordion.

36. An electronic device comprising:

a display unit; and

one or more processors capable of;

displaying, on the display, a first set of one or more images concurrently in a display area, wherein a first image in the first set of images has a border that has a predetermined spatial relationship to a border of a second image of the first set of images;

transitioning between the first set of images and a second set of one or more images, wherein the transitioning includes using an automatically generated transition that introduces a fold into the first set of images and includes;

transforming at least a portion of the first image using a transformation that changes a position of the border of the first image on the display; and

transforming at least a portion of the second image so as to maintain the predetermined spatial relationship between the border of the first image and the border of the second image on the display; and

after completing transitioning between the first set of images and the second set of images displaying the second set of images concurrently in the display area, wherein the first set of images is different from the second set of images.

37. The electronic device of claim 36, wherein the transformation of the first image changes the position of the border of the first image in a direction parallel to the display.

38. The electronic device of claim 36, wherein the transformation of the first image changes the position of the border of the first image in a direction perpendicular to the display.

39. The electronic device of claim 36, wherein the transitioning further includes folding an image of the first set of images onto itself.

40. The electronic device of claim 36, wherein the transitioning further includes folding the first set of images onto itself.

41. The electronic device of claim 36, wherein the transitioning further includes folding one of the images of the first set of images onto another image of the first set of images.

42. The electronic device of claim 36 wherein the transitioning further includes transforming a first image of the second set of images so as to pull the first image of the second set of images into the display area.

43. The electronic device of claim 42, wherein the transitioning further includes transforming a second image of the second set of images so as to pull the second image of the second set of images into the display area.

44. The electronic device of claim 43 wherein the first image is transformed as to be pulled into the display area from a first side of the display area, and the second image is transformed so as to be pulled into the display area from a second side of the display area.

45. The electronic device of claim 36, wherein the transitioning further includes using a first transition associated with a first region of the display area, using a second transition associated with a second region of the display area, and transitioning between the first set of images and the second set of images by

transitioning one or more images of the first set of images in the first region in accordance with the first transition;

and

transitioning one or more images of the first set of images in the second region in accordance with the second transition.

46. The electronic device of claim 36, wherein-the transition replaces a first subset of images of the first set of one or more images with one or more first replacement images while maintaining the display of a second subset of one or more images of the first set of images and another transition replaces the second subset of images of the first set of images with second replacement images while maintaining the display of the first replacement images.

47. The electronic device of claim 36, wherein an image included in the first set of images is also included in the second set of images.

48. The electronic device of claim 36, wherein the transition includes multiple folds compressed like an accordion.