Interface to display animated icon
Embodiments of the present disclosure relate generally to mobile computing technology and, more particularly, but not by way of limitation, to systems for generating and presenting a graphical user interface (GUI) that includes a presentation of an animated icon (e.g., a digital pet) on a display of a client device.
1. A method comprising:
detecting, at a first client device, a second client device within a predefined proximity of the first client device;
accessing user interaction data associated with the first client device and the second client device;
accessing an animated icon associated with both the first client device and the second client device based on the user interaction data responsive to detecting the second client device within the predefined proximity of the first client device;
causing display of a presentation of the animated icon at the first client device based on the detecting the second client device within the predefined proximity of the first client device;
receiving, at the first client device, a user input that comprises input attributes, the input attributes including an input type from among a plurality of input types, each input type among the plurality of input types corresponding with a value;
determining the value that corresponds with the input type of the user input based on at least the input attributes;
determining a display state of the animated icon based on the value that corresponds with the input type of the user input; and
modifying the presentation of the animated icon at the first client device based on the display state.
2. The method of claim 1 , wherein the determining the display state of the animated icon includes:
accessing a display state model associated with the animated icon, the display state model comprising a state indicator at a first position along the display state model, the first position of the state indicator defining a first display state of an animated icon;
transitioning the state indicator from the first position to a second position based on the value that corresponds with the input type of the user input, the second position corresponding with a second display state; and
causing display of the presentation of the animated icon based on the second display state.
3. The method of claim 1 , wherein the user input includes a tactile input onto a graphical user interface.
4. The method of claim 1 , wherein the receiving the user input further comprises:
causing display of a set of graphical elements that include a first graphical element, the first graphical element corresponding with the user input type; and
wherein the user input comprises a selection of the first graphical element.
5. The method of claim 1 , wherein the animated icon comprises icon properties, and wherein the determining the value of the user input includes determining the value of the user input based on the input attributes and the icon properties of the animated icon.
6. The method of claim 1 , wherein the causing display of the presentation of the animated icon further comprises causing display of the presentation of the animated icon within a chat interface.
7. The method of claim 1 , wherein the causing display of the presentation of the animated icon includes:
detecting the first client device within the predefined range of the second client device;
determining a relationship between the first client device and the second client device; and
causing display of the presentation of the animated icon at the first client device based on the relationship.
8. A system comprising:
a memory; and
at least one hardware processor coupled to the memory and comprising instructions that causes the system to perform operations comprising:
detecting, at a first client device, a second client device within a predefined proximity of the first client device;
accessing user interaction data associated with the first client device and the second client device;
accessing an animated icon associated with both the first client device and the second client device based on the user interaction data responsive to detecting the second client device within the predefined proximity of the first client device;
causing display of a presentation of the animated icon at the first client device based on the detecting the second client device within the predefined proximity of the first client device;
receiving, at the first client device, a user input that comprises input attributes, the input attributes including an input type from among a plurality of input types, each input type among the plurality of input types corresponding with a value;
determining the value that corresponds with the input type of the user input based on at least the input attributes;
determining a display state of the animated icon based on the value that corresponds with the input type of the user input; and
modifying the presentation of the animated icon at the first client device based on the display state.
9. The system of claim 8 , wherein the determining the display state of the animated icon includes:
accessing a display state model associated with the animated icon, the display state model comprising a state indicator at a first position along the display state model, the first position of the state indicator defining a first display state of an animated icon;
transitioning the state indicator from the first position to a second position based on the value of the user input, the second position corresponding with a second display state; and
causing display of the presentation of the animated icon based on the second display state.
10. The system of claim 8 , wherein the user input includes a tactile input onto a graphical user interface.
11. The system of claim 8 , wherein the receiving the user input further comprises:
causing display of a set of graphical elements that include a first graphical element, the first graphical element corresponding with the user input type; and
wherein the user input comprises a selection of the first graphical element.
12. The system of claim 8 , wherein the animated icon comprises icon properties, and wherein the determining the value of the user input includes determining the value of the user input based on the input attributes and the icon properties of the animated icon.
13. The system of claim 8 , wherein the causing display of the presentation of the animated icon further comprises causing display of the presentation of the animated icon within a chat interface.
14. The system of claim 8 , wherein the causing display of the presentation of the animated icon includes:
detecting the first client device within the predefined range of the second client device;
determining a relationship between the first client device and the second client device; and
causing display of the presentation of the animated icon at the first client device based on the relationship.
15. A non-transitory machine-readable storage medium comprising instructions that, when executed by one or more processors of a machine, cause the machine to perform operations comprising:
detecting, at a first client device, a second client device within a predefined proximity of the first client device;
accessing user interaction data associated with the first client device and the second client device;
accessing an animated icon associated with both the first client device and the second client device based on the user interaction data responsive to detecting the second client device within the predefined proximity of the first client device;
causing display of a presentation of the animated icon at the first client device based on the detecting the second client device within the predefined proximity of the first client device;
receiving, at the first client device, a user input that comprises input attributes, the input attributes including an input type from among a plurality of input types, each input type among the plurality of input types corresponding with a value;
determining the value that corresponds with the input type of the user input based on at least the input attributes;
determining a display state of the animated icon based on the value that corresponds with the input type of the user input; and
modifying the presentation of the animated icon at the first client device based on the display state.
16. The non-transitory machine-readable storage medium of claim 15 , wherein the determining the display state of the animated icon includes:
accessing a display state model associated with the animated icon, the display state model comprising a state indicator at a first position along the display state model, the first position of the state indicator defining a first display state of an animated icon;
transitioning the state indicator from the first position to a second position based on the value of the user input, the second position corresponding with a second display state; and
causing display of the presentation of the animated icon based on the second display state.
17. The non-transitory machine-readable storage medium of claim 15 , wherein the user input includes a tactile input onto a graphical user interface.
18. The non-transitory machine-readable storage medium of claim 15 , wherein the receiving the user input further comprises:
causing display of a set of graphical elements that include a first graphical element, the first graphical element corresponding with the user input type; and
wherein the user input comprises a selection of the first graphical element.
19. The non-transitory machine-readable storage medium of claim 15 , wherein the animated icon comprises icon properties, and wherein the determining the value of the user input includes determining the value of the user input based on the input attributes and the icon properties of the animated icon.
20. The non-transitory machine-readable storage medium of claim 15 , wherein the causing display of the presentation of the animated icon further comprises causing display of the presentation of the animated icon within a chat interface.