Compound animation in content items
An online system presents a content item to users and receives selections of reaction icons from the users. The online system generates a background animation with the selected reaction icons and a foreground animation to be layered on top of the background animation. The online system sends the background and foreground animations to a client device to be cached. Further, the online system presents the content item to a viewing user associated with the client device and receives a selection of a reaction icon from the viewing user. The online system selects a subset of the users based on the viewing user's affinity to the users, retrieves images of the selected users, and send the images to the client device. The client device customizes the background and foreground animations based on the images and the viewing user's reaction icon to generate a compound animation for display to the viewing user.
1. A method comprising:
receiving, by an online system, content for display to a plurality of users as a content item;
generating, for the content item, a background animation of a portion of the content item;
generating, for the content item, a foreground animation to be layered on top of the background animation;
sending the foreground animation and background animation to a client device associated with a viewing user, the client device configured to cache the foreground animation and background animation in a computer cache;
receiving, by the online system, a request for the content item from the client device;
in response to the request, retrieving, by the online system, information about the viewing user or other users who have interacted with the content item for customizing one or both of the generated foreground and background animations for the viewing user, the plurality of users including the viewing user and the other users; and
sending, by the online system, the retrieved information to the client device, the client device configured to:
customize one or both of the generated foreground and background animations by adding at least some of the retrieved information into one or both of the generated foreground and background animations, and
generate a compound animation that includes the background and foreground animations customized based on the retrieved information.
2. The method of claim 1 , wherein retrieving, by the online system, information about other users who have interacted with the content item comprises:
ranking the other users based at least on the viewing user's affinity to each of the other users;
identifying a predetermined number of users from the plurality of users based on the ranking; and
retrieving information of interactions performed by the identified users.
3. The method of claim 2 , wherein ranking the other users based at least on the viewing user's affinity to each of the other users comprises:
determining a first affinity score for each of the other users based on the viewing user's affinity to the user;
determining a second affinity score for each of the other users based on a posting user's affinity to the user, the content received from the posting user; and
ranking the other users based on a combination of the first affinity score and the second affinity score.
4. The method of claim 1 , wherein the request for the content item from the client device comprises the viewing user's click of a link to the content item on the client device.
5. The method of claim 1 , wherein the background animation is an animation of the portion of the content item.
6. The method of claim 1 , wherein the foreground animation is customized by the client device by adding the at least some of the retrieved information into the foreground animation, and the foreground animation customized based on the retrieved information is an animation of the retrieved information.
7. The method of claim 1 , wherein the retrieved information includes comments made by the other users on the content item.
8. The method of claim 1 , wherein the content item represents a life event identified based on the content.
9. A non-transitory computer readable medium storing executable computer program instructions, the computer program instructions comprising instructions that when executed cause a computer processor to:
receive, by an online system, content for display to a plurality of users as a content item;
generate, for the content item, a background animation of a portion of the content item;
generate, for the content item, a foreground animation to be layered on top of the background animation;
send the foreground animation and background animation to a client device associated with a viewing user, the client device configured to cache the foreground animation and background animation in a computer cache;
receive, by the online system, a request for the content item from the client device;
in response to the request, retrieve, by the online system, information about the viewing user or other users who have interacted with the content item for customizing one or both of the generated foreground and background animations for the viewing user, the plurality of users including the viewing user and the other users; and
send, by the online system, the retrieved information to the client device, the client device configured to:
customize one or both of the generated foreground and background animations by adding at least some of the retrieved information into one or both of the generated foreground and background animations, and
generate a compound animation that includes the background and foreground animations customized based on the retrieved information.
10. The computer readable medium of claim 9 , wherein the computer program instructions for retrieving, by the online system, information about other users who have interacted with the content item comprise instructions that when executed cause the computer processor to:
rank the other users based at least on the viewing user's affinity to each of the other users;
identify a predetermined number of users from the plurality of users based on the ranking; and
retrieve information of interactions performed by the identified users.
11. The computer readable medium of claim 10 , wherein the computer program instructions for ranking the other users based at least on the viewing user's affinity to each of the other users comprise instructions that when executed cause the computer processor to:
determine a first affinity score for each of the other users based on the viewing user's affinity to the user;
determine a second affinity score for each of the other users based on a posting user's affinity to the user, the content received from the posting user; and
rank the other users based on a combination of the first affinity score and the second affinity score.
12. The computer readable medium of claim 9 , wherein the request for the content item from the client device comprises the viewing user's click of a link to the content item on the client device.
13. The computer readable medium of claim 9 , wherein the background animation is an animation of the portion of the content item.
14. The computer readable medium of claim 9 , wherein the foreground animation is customized by the client device by adding the at least some of the retrieved information into the foreground animation, and the foreground animation customized based on the retrieved information is an animation of the retrieved information.
15. The computer readable medium of claim 9 , wherein the retrieved information includes comments made by the other users on the content item.
16. The computer readable medium of claim 9 , wherein the content item represents a life event identified based on the content.
17. A computer system comprising:
a non-transitory computer-readable storage medium storing executable computer program instructions, the computer program instructions comprising instructions that when executed cause a computer processor to perform steps, comprising:
receiving, by an online system, content for display to a plurality of users as a content item;
generating, for the content item, a background animation of a portion of the content item;
generating, for the content item, a foreground animation to be layered on top of the background animation;
sending the foreground animation and background animation to a client device associated with a viewing user, the client device configured to cache the foreground animation and background animation in a computer cache;
receiving, by the online system, a request for the content item from the client device;
in response to the request, retrieving, by the online system, information about the viewing user or other users who have interacted with the content item for customizing one or both of the generated foreground and background animations for the viewing user, the plurality of users including the viewing user and the other users; and
sending, by the online system, the retrieved information to the client device, the client device configured to:
customize one or both of the generated foreground and background animations by adding at least some of the retrieved information into one or both of the generated foreground and background animations, and
generate a compound animation that includes the background and foreground animations customized based on the retrieved information.
18. The system of claim 17 , wherein retrieving, by the online system, information about other users who have interacted with the content item comprises:
ranking the other users based at least on the viewing user's affinity to each of the other users;
identifying a predetermined number of users from the plurality of users based on the ranking; and
retrieving information of interactions performed by the identified users.
19. The system of claim 18 , wherein ranking the other users based at least on the viewing user's affinity to each of the other users comprises:
determining a first affinity score for each of the other users based on the viewing user's affinity to the user;
determining a second affinity score for each of the other users based on a posting user's affinity to the user, the content received from the posting user; and
ranking the other users based on a combination of the first affinity score and the second affinity score.
20. The system of claim 17 , wherein the request for the content item from the client device comprises the viewing user's click of a link to the content item on the client device.