Avatar creation user interface

• US 10,410,434 B1
• Filed: 09/26/2018
• Issued: 09/10/2019
• Est. Priority Date: 05/07/2018
• Status: Active Grant

• Current Assignee: Apple Inc.
• Original Assignee: Apple Inc.
• Inventors: Scapel, Nicolas, Behzadi, Arian, Dye, Alan C., Guzman, Aurelio, Romney, Christopher James
• Primary Examiner(s): Caschera, Antonio A
• Application Number:
  US16/142,288
• Time in Patent Office: 349 Days
• CPC Class Codes: A63F 13/213 comprising photodetecting means, e.g. cameras, photodiodes or infrared cells A63F13/219, A63F13/655 take precedence
• CPC Class Codes: A63F 13/428 involving motion or position input signals, e.g. signals representing the rotation of an input controller or a player's arm motions sensed by accelerometers or gyroscopes
• CPC Class Codes: A63F 13/58 by computing conditions of game characters, e.g. stamina, strength, motivation or energy level
• CPC Class Codes: A63F 13/63 by the player, e.g. authoring using a level editor
• CPC Class Codes: A63F 13/655 by importing photos, e.g. of the player
• CPC Class Codes: G06F 3/0482 Interaction with lists of selectable items, e.g. menus
• 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/0488 using a touch-screen or digitiser, e.g. input of commands through traced gestures
• CPC Class Codes: G06F 3/04883 for inputting data by handwriting, e.g. gesture or text
• CPC Class Codes: G06T 11/001 Texturing; Colouring; Generation of texture or colour inpainting G06T5/77
• CPC Class Codes: G06T 11/60 Editing figures and text; Combining figures or text
• CPC Class Codes: G06T 13/40 of characters, e.g. humans, animals or virtual beings
• CPC Class Codes: G06T 13/80 2D [Two Dimensional] animation, e.g. using sprites
• CPC Class Codes: G06T 19/20 Editing of 3D images, e.g. changing shapes or colours, aligning objects or positioning parts
• CPC Class Codes: G06T 2200/24 involving graphical user interfaces [GUIs]
• CPC Class Codes: G06T 2207/30201 Face
• CPC Class Codes: G06T 2219/2012 Colour editing, changing, or manipulating; Use of colour codes
• CPC Class Codes: G06T 2219/2016 : Rotation, translation, scaling
• CPC Class Codes: G06T 2219/2021 : Shape modification
• CPC Class Codes: G06T 2219/2024 : Style variation
• CPC Class Codes: G06T 3/40 : Scaling of whole images or parts thereof, e.g. expanding or contracting
• CPC Class Codes: G06T 7/246 : using feature-based methods, e.g. the tracking of corners or segments
• CPC Class Codes: G06T 7/70 : Determining position or orientation of objects or cameras camera calibration G06T7/80
• CPC Class Codes: G06V 40/161 : Detection; Localisation; Normalisation

Abstract

The present disclosure generally relates to creating and editing avatars, and navigating avatar selection interfaces. In some examples, an avatar feature user interface includes a plurality of feature options that can be customized to create an avatar. In some examples, different types of avatars can be managed for use in different applications. In some examples, an interface is provided for navigating types of avatars for an application.

Claims

1. An electronic device comprising:

a display apparatus;

one or more processors; and

memory storing one or more programs configured to be executed by the one or more processors, the one or more programs including instructions for;

displaying, via the display apparatus;

a user interface object including a respective feature having a first set of one or more colors; and

a plurality of color options for the respective feature;

detecting a selection of a color option of the plurality of color options that corresponds to a second set of one or more colors;

in response to detecting the selection;

changing the color of the respective feature to the color option that corresponds to the second set of one or more colors; and

displaying a first color adjustment control for the color option that corresponds to the second set of one or more colors;

while the respective feature of the user interface object has the second set of one or more colors, detecting an input that corresponds to the first color adjustment control; and

in response to detecting the input that corresponds to the first color adjustment control, modifying the color of the respective feature from the second set of one or more colors to a modified version of the second set of colors that includes a plurality of colors and is based on the second set of one or more colors, wherein modifying the color of the respective feature from the second set of one or more colors to the modified version of the second set of colors that includes the plurality of colors includes modifying a plurality of values for the second set of colors that includes the plurality of colors.

2. The electronic device of claim 1, wherein modifying the color of the respective feature from the second set of one or more colors to the modified version of the second set of colors that includes the plurality of colors is further based on a magnitude and direction of the input that corresponds to the first color adjustment control.

3. The electronic device of claim 1, the one or more programs further including instructions for:

in response to detecting the input that corresponds to the first color adjustment control, modifying the color of the color option from the second set of one or more colors to the modified version of the second set of colors that includes the plurality of colors.

4. The electronic device of claim 1, the one or more programs further including instructions for:

displaying a second plurality of color options for a second feature;

detecting a selection of a second color option of the second plurality of color options; and

in response to detecting the selection of the second color option;

changing a color of the second feature to the second color option; and

displaying a second color adjustment control for the second color option that corresponds to a third set of one or more colors.

5. The electronic device of claim 4, wherein:

the respective feature and second feature each correspond to portions of an avatar glasses feature;

the plurality of color options correspond to colors for a frame of the avatar glasses; and

the second plurality of color options correspond to colors for lenses of the avatar glasses.

6. The electronic device of claim 5, the one or more programs further including instructions for:

detecting an input that corresponds to the second color adjustment control; and

in response to detecting the input that corresponds to the second color adjustment control, modifying an opacity of the lenses of the avatar glasses.

7. The electronic device of claim 4, the one or more programs further including instructions for:

in response to detecting the selection of the second color option, ceasing to display the first color adjustment control for the color option that corresponds to the second set of one or more colors.

8. The electronic device of claim 7, the one or more programs further including instructions for:

after ceasing to display the first color adjustment control for the color option that corresponds to the second set of one or more colors, detecting a subsequent selection of the color option of the plurality of color options that corresponds to the second color; and

in response to detecting the subsequent selection, resuming display of the first color adjustment control for the color option, the first color adjustment control corresponding to the modified version of the second set of colors that includes the plurality of colors.

9. The electronic device of claim 7, the one or more programs further including instructions for:

after ceasing to display the first color adjustment control that corresponds to the second set of one or more colors, maintaining display of the color option of the plurality of color options having the modified version of the second set of colors that includes the plurality of colors.

10. The electronic device of claim 4, the one or more programs further including instructions for:

in response to a determination that the input that corresponds to the first color adjustment control includes a first direction, modifying the second set of one or more colors in a first manner; and

in response to a determination that a second input that corresponds to the second color adjustment control includes the first direction, modifying the third set of one or more colors in the first manner.

11. The electronic device of claim 4, wherein:

modifying the color of the respective feature from the second set of one or more colors to a modified version of the second set of colors that includes the plurality of colors and is based on the second set of one or more colors includes;

in accordance with a determination that the input that corresponds to the first color adjustment control includes movement in a second direction, increase a red value of the second set of one or more colors; and

in accordance with a determination that the input that corresponds to the first color adjustment control includes movement in a third direction, increase a green value of the second set of one or more colors; and

the one or more programs further including instructions for;

while the respective feature of the user interface object has the third set of one or more colors, detecting an input that corresponds to the second color adjustment control; and

in response to detecting the input that corresponds to the second color adjustment control, modifying the color of the respective feature from the third set of one or more colors to a modified version of the third set of one or more colors based on the third set of one or more colors, including;

in accordance with a determination that the second input that corresponds to the second color adjustment control includes movement in the second direction, increase a red value of the third set of one or more colors; and

in accordance with a determination that the second input that corresponds to the second color adjustment control includes movement in the third direction, increase a green value of the third set of one or more colors.

12. The electronic device of claim 1, wherein the respective feature is an avatar skin tone.

13. The electronic device of claim 1, wherein the respective feature is an avatar eye color.

14. The electronic device of claim 1, wherein the respective feature is an avatar hair color.

15. The electronic device of claim 1, wherein the first color adjustment control for the color option that corresponds to the second set of one or more colors includes a slider having a track and a thumb that moves in the track and wherein the input causes movement of the thumb in the track, the one or more programs further including instructions for:

in response to detecting the input and in accordance with the thumb being moved to a predetermined position, generating a haptic feedback.

16. The electronic device of claim 1, wherein the plurality of values include at least one of a highlight value, a midtone value, or a shadow value.

17. A non-transitory computer-readable storage medium storing one or more programs configured to be executed by one or more processors of an electronic device with a display apparatus, the one or more programs including instructions for:

displaying, via the display apparatus;

a user interface object including a respective feature having a first set of one or more colors; and

a plurality of color options for the respective feature;

detecting a selection of a color option of the plurality of color options that corresponds to a second set of one or more colors;

in response to detecting the selection;

changing the color of the respective feature to the color option that corresponds to the second set of one or more colors; and

displaying a first color adjustment control for the color option that corresponds to the second set of one or more colors;

while the respective feature of the user interface object has the second set of one or more colors, detecting an input that corresponds to the first color adjustment control; and

in response to detecting the input that corresponds to the first color adjustment control, modifying the color of the respective feature from the second set of one or more colors to a modified version of the second set of colors that includes a plurality of colors and is based on the second set of one or more colors, wherein modifying the color of the respective feature from the second set of one or more colors to the modified version of the second set of colors that includes a plurality of colors includes modifying a plurality of values for the second set of colors that includes the plurality of colors.

18. The computer-readable storage medium of claim 17, wherein modifying the color of the respective feature from the second set of one or more colors to the modified version of the second set of colors that includes a plurality of colors is further based on a magnitude and direction of the input that corresponds to the first color adjustment control.

19. The computer-readable storage medium of claim 17, the one or more programs further including instructions for:

in response to detecting the input that corresponds to the first color adjustment control, modifying the color of the color option from the second set of one or more colors to the modified version of the second set of colors that includes a plurality of colors.

20. The computer-readable storage medium of claim 17, the one or more programs further including instructions for:

displaying a second plurality of color options for a second feature;

detecting a selection of a second color option of the second plurality of color options; and

in response to detecting the selection of the second color option;

changing a color of the second feature to the second color option; and

displaying a second color adjustment control for the second color option that corresponds to a third set of one or more colors.

21. The computer-readable storage medium of claim 20, wherein:

the respective feature and second feature each correspond to portions of an avatar glasses feature;

the plurality of color options correspond to colors for a frame of the avatar glasses; and

the second plurality of color options correspond to colors for lenses of the avatar glasses.

22. The computer-readable storage medium of claim 21, the one or more programs further including instructions for:

detecting an input that corresponds to the second color adjustment control; and

in response to detecting the input that corresponds to the second color adjustment control, modifying an opacity of the lenses of the avatar glasses.

23. The computer-readable storage medium of claim 20, the one or more programs further including instructions for:

in response to a determination that the input that corresponds to the first color adjustment control includes a first direction, modifying the second set of one or more colors in a first manner; and

in response to a determination that a second input that corresponds to the second color adjustment control includes the first direction, modifying the third set of one or more colors in the first manner.

24. The computer-readable storage medium of claim 20, wherein:

modifying the color of the respective feature from the second set of one or more colors to a modified version of the second set of colors that includes a plurality of colors and is based on the second set of one or more colors includes;

in accordance with a determination that the input that corresponds to the first color adjustment control includes movement in a second direction, increase a red value of the second set of one or more colors; and

in accordance with a determination that the input that corresponds to the first color adjustment control includes movement in a third direction, increase a green value of the second set of one or more colors; and

the one or more programs further including instructions for;

while the respective feature of the user interface object has the third set of one or more colors, detecting an input that corresponds to the second color adjustment control; and

in response to detecting the input that corresponds to the second color adjustment control, modifying the color of the respective feature from the third set of one or more colors to a modified version of the third set of one or more colors based on the third set of one or more colors, including;

in accordance with a determination that the second input that corresponds to the second color adjustment control includes movement in the second direction, increase a red value of the third set of one or more colors; and

in accordance with a determination that the second input that corresponds to the second color adjustment control includes movement in the third direction, increase a green value of the third set of one or more colors.

25. The computer-readable storage medium of claim 20, the one or more programs further including instructions for:

in response to detecting the selection of the second color option, ceasing to display the first color adjustment control for the color option that corresponds to the second set of one or more colors.

26. The computer-readable storage medium of claim 25, the one or more programs further including instructions for:

after ceasing to display the first color adjustment control for the color option that corresponds to the second set of one or more colors, detecting a subsequent selection of the color option of the plurality of color options that corresponds to the second color; and

in response to detecting the subsequent selection, resuming display of the first color adjustment control for the color option, the first color adjustment control corresponding to the modified version of the second set of colors that includes a plurality of colors.

27. The computer-readable storage medium of claim 25, the one or more programs further including instructions for:

after ceasing to display the first color adjustment control that corresponds to the second set of one or more colors, maintaining display of the color option of the plurality of color options having the modified version of the second set of colors that includes a plurality of colors.

28. The computer-readable storage medium of claim 17, wherein the respective feature is an avatar skin tone.

29. The computer-readable storage medium of claim 17, wherein the respective feature is an avatar eye color.

30. The computer-readable storage medium of claim 17, wherein the respective feature is an avatar hair color.

31. The computer-readable storage medium of claim 17, wherein the first color adjustment control for the color option that corresponds to the second set of one or more colors includes a slider having a track and a thumb that moves in the track and wherein the input causes movement of the thumb in the track, the one or more programs further including instructions for:

in response to detecting the input and in accordance with the thumb being moved to a predetermined position, generating a haptic feedback.

32. The computer-readable storage medium of claim 17, wherein the plurality of values include at least one of a highlight value, a midtone value, or a shadow value.

33. A method, comprising:

at an electronic device having a display apparatus;

displaying, via the display apparatus;

a user interface object including a respective feature having a first set of one or more colors; and

a plurality of color options for the respective feature;

detecting a selection of a color option of the plurality of color options that corresponds to a second set of one or more colors;

in response to detecting the selection;

changing the color of the respective feature to the color option that corresponds to the second set of one or more colors; and

displaying a first color adjustment control for the color option that corresponds to the second set of one or more colors;

while the respective feature of the user interface object has the second set of one or more colors, detecting an input that corresponds to the first color adjustment control; and

in response to detecting the input that corresponds to the first color adjustment control, modifying the color of the respective feature from the second set of one or more colors to a modified version of the second set of colors that includes a plurality of colors and is based on the second set of one or more colors, wherein modifying the color of the respective feature from the second set of one or more colors to the modified version of the second set of colors that includes the plurality of colors includes modifying a plurality of values for the second set of colors that includes the plurality of colors.

34. The method of claim 33, wherein modifying the color of the respective feature from the second set of one or more colors to the modified version of the second set of colors that includes a plurality of colors is further based on a magnitude and direction of the input that corresponds to the first color adjustment control.

35. The method of claim 33, further comprising:

in response to detecting the input that corresponds to the first color adjustment control, modifying the color of the color option from the second set of one or more colors to the modified version of the second set of colors that includes a plurality of colors.

36. The method of claim 33, further comprising:

displaying a second plurality of color options for a second feature;

detecting a selection of a second color option of the second plurality of color options; and

in response to detecting the selection of the second color option;

changing a color of the second feature to the second color option; and

displaying a second color adjustment control for the second color option that corresponds to a third set of one or more colors.

37. The method of claim 36, wherein:

the respective feature and second feature each correspond to portions of an avatar glasses feature;

the plurality of color options correspond to colors for a frame of the avatar glasses; and

the second plurality of color options correspond to colors for lenses of the avatar glasses.

38. The method of claim 37, further comprising:

detecting an input that corresponds to the second color adjustment control; and

in response to detecting the input that corresponds to the second color adjustment control, modifying an opacity of the lenses of the avatar glasses.

39. The method of claim 36, further comprising:

in response to detecting the selection of the second color option, ceasing to display the first color adjustment control for the color option that corresponds to the second set of one or more colors.

40. The method of claim 39, further comprising:

after ceasing to display the first color adjustment control for the color option that corresponds to the second set of one or more colors, detecting a subsequent selection of the color option of the plurality of color options that corresponds to the second color; and

in response to detecting the subsequent selection, resuming display of the first color adjustment control for the color option, the first color adjustment control corresponding to the modified version of the second set of colors that includes a plurality of colors.

41. The method of claim 39, further comprising:

after ceasing to display the first color adjustment control that corresponds to the second set of one or more colors, maintaining display of the color option of the plurality of color options having the modified version of the second set of colors that includes a plurality of colors.

42. The method of claim 36, further comprising:

in response to a determination that the input that corresponds to the first color adjustment control includes a first direction, modifying the second set of one or more colors in a first manner; and

in response to a determination that a second input that corresponds to the second color adjustment control includes the first direction, modifying the third set of one or more colors in the first manner.

43. The method of claim 36, wherein:

modifying the color of the respective feature from the second set of one or more colors to a modified version of the second set of colors that includes a plurality of colors and is based on the second set of one or more colors includes;

in accordance with a determination that the input that corresponds to the first color adjustment control includes movement in a second direction, increase a red value of the second set of one or more colors; and

in accordance with a determination that the input that corresponds to the first color adjustment control includes movement in a third direction, increase a green value of the second set of one or more colors; and

the method further comprising;

while the respective feature of the user interface object has the third set of one or more colors, detecting an input that corresponds to the second color adjustment control; and

in response to detecting the input that corresponds to the second color adjustment control, modifying the color of the respective feature from the third set of one or more colors to a modified version of the third set of one or more colors based on the third set of one or more colors, including;

in accordance with a determination that the second input that corresponds to the second color adjustment control includes movement in the second direction, increase a red value of the third set of one or more colors; and

in accordance with a determination that the second input that corresponds to the second color adjustment control includes movement in the third direction, increase a green value of the third set of one or more colors.

44. The method of claim 33, wherein the respective feature is an avatar skin tone.

45. The method of claim 33, wherein the respective feature is an avatar eye color.

46. The method of claim 33, wherein the respective feature is an avatar hair color.

47. The method of claim 33, wherein the first color adjustment control for the color option that corresponds to the second set of one or more colors includes a slider having a track and a thumb that moves in the track and wherein the input causes movement of the thumb in the track, the method further comprising:

in response to detecting the input and in accordance with the thumb being moved to a predetermined position, generating a haptic feedback.

48. The method of claim 33, wherein the plurality of values include at least one of a highlight value, a midtone value, or a shadow value.