Avatar editing environment

• US 10,607,419 B2
• Filed: 09/25/2015
• Issued: 03/31/2020
• Est. Priority Date: 04/07/2010
• Status: Active Grant

• Current Assignee: Apple Inc.
• Original Assignee: Apple Inc.
• Inventors: Os, Marcel Van, Goossens, Thomas, Baumann, Laurent, Lampell, Michael Dale, Carlhian, Alexandre
• Primary Examiner(s): Martello, Edward
• Application Number:
  US14/866,560
• Publication Number:
  US 20160086387A1
• Time in Patent Office: 1,649 Days
• CPC Class Codes: G06F 3/04812 Interaction techniques based on cursor appearance or behaviour, e.g. being affected by the presence of displayed objects
• 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/04845 for image manipulation, e.g. dragging, rotation, expansion or change of colour
• 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 15/04 Texture mapping
• 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 2219/2012 Colour editing, changing, or manipulating; Use of colour codes
• CPC Class Codes: G06T 2219/2016 Rotation, translation, scaling

Abstract

An avatar editing environment is disclosed that allows users to create custom avatars for use in online games and other applications. Starting with a blank face the user can add, rescale and position different elements (e.g., eyes, nose, mouth) on the blank face. The user can also change the shape of the avatar'"'"'s face, the avatar'"'"'s skin color and the color of all the elements. In some implementations, touch input and gestures can be used to manually edit the avatar. Various controls can be used to create the avatar, such as controls for resizing, rotating, positioning, etc. The user can choose between manual and automatic avatar creation. The avatar editing environment can be part of a framework that is available to applications. One or more elements of the avatar can be animated.

Claims

1. A computer-implemented method performed by one or more processors, comprising:

presenting, on a display of a device, an avatar editing environment, the avatar editing environment concurrently displaying, within the avatar editing, environment;

an avatar model including a first element selected from a category of elements; and

an element picker affordance;

receiving a first input corresponding to selection of the element picker affordance; and

in response to receiving the first input, displaying, within the avatar editing environment;

a first representation of the avatar model with a second element from the category of elements, wherein the second element is different from the first element; and

a second representation of the avatar model with a third element from the category of elements, wherein the third element is different from the first element and the second element.

2. The method of claim 1, where the device is a mobile device and the display is a touch sensitive display.

3. The method of claim 2, where the first input is a touch input or gesture received on the touch sensitive display.

4. The method of claim 2, further comprising:

displaying a bar within the avatar editing environment, the bar containing a number of icons representing different categories of elements; and

applying a touch input to the bar on the display to animate the icons, the animation simulating motion of the icons through a center position of the bar, where the icon occupying the center position of the bar when the motion stops represents the category of elements.

5. The method of claim 2, where displaying, within the avatar editing environment, the first representation of the avatar model and the second representation of the avatar model, comprises:

displaying a grid view within the avatar editing environment, at least one cell in the grid view displaying the avatar model including the first element, the first representation of the avatar model, the second representation of the avatar model, and a third representation of the avatar model without an element from the category of elements;

associating a second input with a cell; and

selecting, based on the associating, one of the avatar models including the first element, the first representation of the avatar model, the second representation of the avatar model, and the third representation of the avatar model.

6. The method of claim 2, where displaying, within the avatar editing environment, comprises:

displaying, within the avatar editing environment, a two-dimensional texture representing the second element from the category of elements and the third element from the category of elements.

7. The method of claim 2, further comprising:

receiving a second input corresponding to selection of one of the first representation of the avatar model and the second representation of the avatar model;

in response to receiving the second input, displaying, in the avatar editing environment, the first representation of the avatar model or the second representation of the avatar model; and

receiving, within the avatar editing environment, a third input corresponding to manual editing of the displayed first representation of the avatar model or the second representation of the avatar model.

8. The method of claim 7, where the manual editing of the first representation of the avatar model or the second representation of the avatar model comprises one of moving, rotating, and resizing the first representation of the avatar model or the second representation of the avatar model.

9. The method of claim 1, further comprising:

providing, by the device, avatar data to an application saved on the device, the avatar data operable for creating the avatar in the application.

10. The method of claim 9, further comprising:

animating, on the display of the device, the avatar in the application.

11. The method of claim 10, where animating, on the display of the device, the avatar in the application, comprises:

animating, on the display of the device, an eye element on the avatar in response to a trigger event received on the device.

12. The method of claim 11, where animating, on the display of the device, an eye element, comprises:

animating, on the display of the device, the eye element to follow a cursor or other object displayed in a user interface, that is displayed on the display of the device, of the application.

13. The method of claim 1, further comprising:

receiving second input corresponding to selection of a color for the category of elements;

displaying a grid view within the avatar editing environment, at least one cell in the grid view displaying different colors associated with the category of elements;

associating the second input with a cell; and

selecting a color based on the associating.

14. A computer-implemented method performed by one or more processors, comprising:

presenting, on a touch sensitive display of a mobile device, an avatar editing environment, the avatar editing environment concurrently displaying, within the avatar editing environment;

a three-dimensional (3D) avatar model including a first element selected from a category of elements; and

an element picker affordance;

receiving a first input corresponding to selection of the element picker affordance; and

in response to receiving the first, displaying, within the avatar editing environment;

a first 3D representation of the 3D avatar model with a second element from the category of elements, wherein the second element is different from the first element; and

a second 3D representation of the 3D avatar model with a third element from the category of elements, wherein the third element is different from the first element and the second element.

15. The method of claim 14, where displaying, within the avatar editing environment, the first 3D representation of the 3D avatar model and the second 3D representation of the 3D avatar model comprises:

displaying, within the avatar editing environment, a 3D texture representing the second element from the category of elements and the third element from the category of elements.

16. The method of claim 14, further comprising:

receiving a second input corresponding to selection of one of the first 3D representation of the 3D avatar model and the second 3D representation of the 3D avatar model;

in response to receiving the second input, displaying, in the avatar editing environment, the first 3D representation of the 3D avatar model or the second 3D representation of the 3D avatar model; and

receiving, within the avatar editing environment, a third input corresponding to manual editing of the displayed first 3D representation of the 3D avatar model or the second 3D representation of the 3D avatar model.

17. A system for editing avatars, comprising:

one or more processors; and

a computer-readable medium coupled to the one or more processors and storing instructions, which, when executed by the one or more processors, causes the one or more processors to perform operations, comprising;

presenting, on a display of a device, an avatar editing environment, the avatar editing environment concurrently displaying, within the avatar editing, environment;

an avatar model including a first element selected from a category of elements; and

an element picker affordance;

receiving a first input corresponding to selection of the element picker affordance; and

in response to receiving the first input, displaying, within the avatar editing environment;

a first representation of the avatar model with a second element from the category of elements, wherein the second element is different from the first element; and

a second representation of the avatar model with a third element from the category of elements, wherein the third element is different from the first element and the second element.

18. The system of claim 17, where the system is a mobile device and the display is a touch sensitive display.

19. The system of claim 18, where the first input is a touch input or gesture received on the touch sensitive display.

20. The system of claim 18, where the computer-readable medium stores instructions, which when executed by the one or more processors, causes the one or more processors to perform operations, comprising:

displaying a bar within the avatar editing environment, the bar containing a number of icons representing different categories of elements; and

applying a touch input to the bar on the display to animate the icons, the animation simulating motion of the icons through a center position of the bar, where the icon occupying the center position of the bar when the motion stops represents the category of elements.