Display method and apparatus in social platform, device, medium, and program product

Abstract

The present application discloses a display method and apparatus in a social platform, a device, a medium, and a program product. The method comprises: displaying, on a social content display interface of a second account, first social content in the social platform and an interactive display area corresponding to the first social content, the interactive display area comprising a first interface element representing a first account, and the first account having performed an interactive operation on the first social content; receiving an interactive operation performed by the second account on the first social content; and in response to the interactive operation, displaying, in the interactive display area, a second interface element representing the second account, and displaying an interactive animation between the second interface element and the first interface element.

Description

Display methods, devices, equipment, media and program products in social media platforms

[0001] This application claims priority to Chinese Patent Application No. 202510126512.0, filed on January 26, 2025, entitled “Interactive Method, Apparatus, Device, Medium and Program Product in Social Platforms”, the entire contents of which are incorporated herein by reference. Technical Field

[0002] This application relates to the field of computer technology, and in particular to a display method, apparatus, device, medium, and program product for a social platform. Background Technology

[0003] On social media platforms, users can interact with the social content posted there, such as liking, commenting, and sharing.

[0004] In some methods, taking video as an example of social content, user 1 can like video 'a' that has been published on a social platform. If user 1 likes video 'a', when video 'a' is displayed on user 2's client interface, user 1's avatar can be displayed in a designated area of ​​the interface. If user 2 chooses to like video 'a', then user 2's avatar will also be displayed in the designated area.

[0005] Technical content

[0006] This application provides a display method, apparatus, device, medium, and program product for a social platform, the technical solution of which is as follows:

[0007] This application provides a display method in a social platform, the method comprising:

[0008] The social content display interface of the second account displays the first social content in the social platform and the corresponding interactive display area of ​​the first social content. The interactive display area includes a first interface element representing the first account, and the first account has interactive operations on the first social content.

[0009] Receive interactive operations from the second account in response to the first social content;

[0010] In response to the interactive operation, a second interface element representing the second account is displayed in the interactive display area, and an interactive animation between the second interface element and the first interface element is displayed, wherein the second account is the account currently logged into the social platform.

[0011] This application embodiment also provides a display device in a social platform, the device comprising:

[0012] The display module is used to display the first social content in the social platform and the corresponding interactive display area on the social content display interface of the second account. The interactive display area includes a first interface element representing the first account, and the first account has interactive operations on the first social content.

[0013] A receiving module is used to receive interactive operations from the second account in response to the first social content;

[0014] The display module is further configured to respond to the interactive operation by displaying a second interface element representing the second account in the interactive display area, and by displaying an interactive animation between the second interface element and the first interface element, wherein the second account is the account currently logged into the social platform.

[0015] This application also provides a computer device, which includes a processor and a memory. The memory stores at least one instruction, at least one program, a code set, or an instruction set. The at least one instruction, the at least one program, the code set, or the instruction set is loaded and executed by the processor to implement the display method in any of the aforementioned social platforms.

[0016] This application also provides a computer-readable storage medium storing at least one instruction, at least one program, code set, or instruction set, wherein the at least one instruction, the at least one program, the code set, or the instruction set is loaded and executed by a processor to implement the display method in any of the above-described social platforms.

[0017] This application also provides a computer program product or computer program that includes computer instructions stored in a computer-readable storage medium. A processor of a computer device reads the computer instructions from the computer-readable storage medium and executes the computer instructions, causing the computer device to perform the display method in any of the aforementioned social platforms.

[0018] Brief description of the attached figures

[0019] Figure 1 is a schematic diagram of a computer system provided in an exemplary embodiment of this application;

[0020] Figure 2 is a schematic diagram of the interface of a display method in a social platform provided by an exemplary embodiment of this application;

[0021] Figure 3 is a schematic diagram of the interface of a display method in a social platform provided by an exemplary embodiment of this application;

[0022] Figure 4 is a flowchart of a display method in a social platform provided by an exemplary embodiment of this application;

[0023] Figure 5 is a schematic diagram of the interface of the collision interactive animation provided in an exemplary embodiment of this application;

[0024] Figure 6 is a schematic diagram of the interface of the collision interactive animation provided in an exemplary embodiment of this application;

[0025] Figure 7 is a schematic diagram of the interface of the collision interactive animation provided in an exemplary embodiment of this application;

[0026] Figure 8 is a schematic diagram of the interface of the collision interactive animation provided in an exemplary embodiment of this application;

[0027] Figure 9 is a schematic diagram of the interface of a jumping interactive animation provided in an exemplary embodiment of this application;

[0028] Figure 10 is a schematic diagram of the interface of a jumping interactive animation provided in an exemplary embodiment of this application;

[0029] Figure 11 is a schematic diagram of the interface of a jumping interactive animation provided in an exemplary embodiment of this application;

[0030] Figure 12 is a schematic diagram of the interface of a jumping interactive animation provided in an exemplary embodiment of this application;

[0031] Figure 13 is a flowchart of a display method in a social platform provided by an exemplary embodiment of this application;

[0032] Figure 14 is a flowchart of obtaining marker parameters provided in an exemplary embodiment of this application;

[0033] Figure 15 is a flowchart of a display method in a social platform provided by an exemplary embodiment of this application;

[0034] Figure 16 is a schematic diagram of an interface for displaying firecracker elements provided in an exemplary embodiment of this application;

[0035] Figure 17 is a flowchart of a display method in a social platform provided by an exemplary embodiment of this application;

[0036] Figure 18 is a schematic diagram of an interface for displaying fireworks elements provided in an exemplary embodiment of this application;

[0037] Figure 19 is a flowchart of a display method in a social platform provided by an exemplary embodiment of this application;

[0038] Figure 20 is a schematic diagram of an interface for displaying fireworks elements provided in an exemplary embodiment of this application;

[0039] Figure 21 is a flowchart of a display method in a social platform provided by an exemplary embodiment of this application;

[0040] Figure 22 is a structural block diagram of a display device in a social platform provided in an exemplary embodiment of this application;

[0041] Figure 23 is a structural block diagram of a computer device provided in an exemplary embodiment of this application. Detailed Implementation

[0042] To make the objectives, technical solutions, and advantages of this application clearer, the embodiments of this application will be described in further detail below with reference to the accompanying drawings. Obviously, the described embodiments are only some embodiments of this application, and not all embodiments. Based on the embodiments in this application, all other embodiments obtained by those skilled in the art without creative effort are within the scope of protection of this application.

[0043] In this application, the terms "first" and "second" are used to distinguish between identical or similar items that have essentially the same function. It should be understood that there is no logical or temporal dependency between "first" and "second", nor is there any limitation on the quantity or execution order.

[0044] It should be noted that this application may display prompt interfaces, pop-ups, or output voice prompts before and during the collection of user data. These prompt interfaces, pop-ups, or voice prompts are used to inform the user that their data is being collected. This ensures that the application only begins the steps for collecting user data after receiving confirmation from the user regarding the prompt interface or pop-up; otherwise (i.e., without user confirmation), the steps for collecting user data end, meaning no user data is collected. In other words, all user data collected in this application is collected with the user's consent and authorization, and the collection, use, and processing of related user data must comply with the relevant laws, regulations, and standards of the relevant countries and regions.

[0045] Before introducing the technical solution of this application, some terms involved in this application will be explained. The following related explanations and technical solutions of the embodiments of this application can be combined in any way, and all of them fall within the protection scope of the embodiments of this application.

[0046] Social platforms: Platforms that provide social functions, including social content publishing and display. A social platform can be implemented as an application, or an application can include multiple social platforms.

[0047] Social content refers to content posted on a social media platform by a user (individual user, enterprise user, official platform user, etc.). Users on the social media platform can interact with the posted social content (e.g., commenting, liking, replying, sharing, etc.). Social content can take at least one of the following forms: video, image, text, audio, etc., and can be presented in the form of a feed (e.g., a video feed).

[0048] A "like" is a simple action by which a user expresses approval, appreciation, or support for published social media content. Illustratively, the social media content display screen shows a "like" button; users can click this button to complete the "like" action, conveying their positive evaluation of the content to the creator. In some embodiments, the "like" button may be presented as a thumbs-up icon, a heart icon, or similar design.

[0049] In some embodiments, after a user likes social content, other users (such as friends) can see the user's liking behavior. For example, a "heart like" button (a button presented by a heart icon) is displayed on the social content display interface. After the user clicks the "heart like" button, the user's friends can receive a recommendation notification for the social content, and the user's avatar and other information will be displayed on the friends' social content display interface. It is equivalent to the user recommending the social content to their friends.

[0050] In some embodiments, after a user likes social content, other users (such as friends) cannot see the user's liking behavior. For example, a "normal like" button (a button presented by a thumbs-up icon) is displayed on the social content display interface. After the user clicks the "normal like" button, no one other than themselves and the social content creator can see the user's liking behavior.

[0051] Following others' likes: This refers to the behavior of a user liking or commenting on social media content after seeing it posted and other users liking it.

[0052] Please refer to Figure 1, which shows a schematic diagram of a computer system provided in one embodiment of this application. The computer system may include: a first terminal 110, a second terminal 120, and a server 130.

[0053] The first terminal 110 and the second terminal 120 can be electronic devices such as mobile phones, tablets, multimedia playback devices, PCs (Personal Computers), wearable devices, in-vehicle terminal devices, VR (Virtual Reality) devices, AR (Augmented Reality) devices, and MR (Mixed Reality) devices. The first terminal 110 and the second terminal 120 have a client application with the target application installed and running. This target application can be any application that supports displaying social content, such as social applications, instant messaging applications, video applications (short video applications), live streaming applications, game applications, etc. Furthermore, this application does not limit the form of the target application, including but not limited to Apps (Applications), mini-programs, etc., installed on the first terminal 110 and the second terminal 120, and can also be in web page form.

[0054] Server 130 can be used to provide backend services for clients of the aforementioned target application. In some embodiments, server 130 is a backend server for the aforementioned target application. Server 130 can be a standalone physical server, a server cluster or distributed system consisting of multiple physical servers, or a cloud server providing basic cloud computing services. In some embodiments, server 130 can also be implemented as a node in a blockchain system. The first terminal 110 and the second terminal 120 can communicate with server 130 respectively through a network, including a wireless network or a wired network.

[0055] In some embodiments, the client of the target application installed on the first terminal 110 is logged into a master account (i.e., a second account), and the client of the target application installed on the second terminal 120 is logged into a first account. The first terminal 110 is the terminal used by the first user (the current user), and the second terminal 120 is the terminal used by the second user (a user other than the current user). In some embodiments, there is an association between the master account and the first account, such as a friend relationship or a teammate relationship.

[0056] Those skilled in the art will understand that the number of the aforementioned first terminal 110 or second terminal 120 may be more or less. This application does not limit the number or type of the first terminal 110 or second terminal 120. The following description primarily uses one first terminal 110 and at least one second terminal 120 as an example.

[0057] The display method in the social platform provided in this application embodiment can be executed by a computer device, which refers to an electronic device with data computing, processing, and storage capabilities. Taking the computer system shown in FIG1 as an example, the display method in the social platform can be executed by the first terminal 110 (for example, by a target application installed and running on the first terminal 110 to execute the display method in the social platform), or by the first terminal 110 and the server 130 interacting and cooperating to execute it. This application does not limit this.

[0058] On social media platforms, users can interact with posted content, such as liking, commenting, and sharing. In some methods, taking video content as an example, user 1 can like video 'a' posted on the social media platform. If user 1 likes video 'a', when video 'a' is displayed on user 2's client interface, user 1's avatar will be displayed in a designated area of ​​the interface. If user 2 chooses to like video 'a' in return, then user 2's avatar will also be displayed in the designated area. However, in the above methods, the interaction between users through liking is relatively simple and cannot provide users with sufficient information feedback, resulting in low human-computer interaction efficiency.

[0059] Based on this, embodiments of this application provide a display method in a social platform.

[0060] Please refer to Figure 2, which illustrates an interface diagram of a display method in a social platform provided by an exemplary embodiment of this application. As shown in Figure 2, a master account is logged into the client of the target application shown in Figure 1 on the first terminal 110. The first terminal 110 displays a social content display interface 200 corresponding to the client. The interface 200 can be implemented as a video information stream display interface, which is used to display video content published in the target application. The first user can use the first terminal 110 to watch video content on the interface 200 and interact with the video content, such as liking, commenting, and forwarding.

[0061] In some embodiments, interface 200 is used to display video content that has been liked by a friend's account (such as the first account) of the main control account. Interface 200 displays video content 210 and an interactive display area 220, wherein the interactive display area 220 is used to display the avatar of the friend's account that liked the video content 210. As shown in Figure 2, the interactive display area 220 displays the avatar 221 of the friend's account, indicating that the friend's account performed the action of liking the video content 210.

[0062] The "Heart Like" feature is a liking action triggered by the "Heart Like" button. Interface 200 displays a "Heart Like" button 230 corresponding to the main control account. When the first user clicks the "Heart Like" button 230, as shown in Figure 2, the main control account's avatar 222 is displayed at the "Heart Like" button 230 on interface 200. Then, an interactive animation between avatars 222 and 221 is displayed. In this animation, avatar 222 moves along path 240 to the interactive display area 220 and collidees with avatar 221. When avatar 222 collidees with avatar 221, a collision interaction animation between avatars 221 and 222 is displayed, as shown in Figure 2. After avatar 222 collidees with avatar 221, avatar 222 shifts a certain distance to the right due to the impact and then comes to rest in the first position. Simultaneously, avatar 221 rotates counterclockwise by a certain angle due to the impact and then rotates clockwise by a certain angle to return to its original rotation state.

[0063] In some embodiments, during the collision interaction between the displayed avatars 221 and 222, the first terminal 110 can also generate a vibration effect corresponding to the collision interaction, which is used for tactile feedback brought about by the collision between the avatars 222 and 221, allowing the user to feel the collision interaction through touch and enhancing the realism of the interaction.

[0064] In summary, the display method in the social platform provided in this application displays the friend's avatar in the interactive display area corresponding to the video content when the video content has been "liked" by a friend. When a user's "like" operation is received, not only is the user's avatar displayed in the interactive display area, but also interactive animations between user avatars are displayed, such as the user's avatar hitting the friend's avatar and the impact feedback action of the user's avatar and the friend's avatar after the impact. This provides clear visual guidance for the user, enhances the user's perception of the interaction between them and their friends, enables the user to obtain sufficient interactive feedback information, and improves the efficiency of human-computer interaction.

[0065] Please refer to Figure 3, which shows a schematic diagram of the interface of a display method in a social platform provided by an exemplary embodiment of this application. As shown in Figure 3, when the first user clicks the "Like" button 230, the avatar 222 of the main account is displayed at the "Like" button 230 on the interface 200. Then, an interactive animation between avatar 222 and avatar 221 is displayed. In this interactive animation, avatar 222 moves along path 250 to the interactive display area 220 and is displayed at a first position. The first position is on the same horizontal line as the second position corresponding to avatar 221. The second position can be implemented as the center point of avatar 221 to indicate the display position of avatar 221, and the first position can be implemented as the center point of avatar 222 to indicate the display position of avatar 222. When avatar 222 moves to the first position, a jumping interactive animation between avatar 221 and avatar 222 is displayed. As shown in Figure 3, when avatar 222 moves to the first position, avatar 222 jumps upward to a third position and then falls back to the first position. After a preset delay, when the avatar 222 moves to the first position, the avatar 222 jumps up to the third position and then falls back to the first position.

[0066] In some embodiments, during the interactive jump between avatars 221 and 222, interactive decorative elements corresponding to the jump interaction can also be displayed. As shown in Figure 2, firework elements 260 are displayed in the interactive display area 220. In some embodiments, the number of firework elements 260 is positively correlated with the number of avatars currently displayed in the interactive display area 220. For example, if there are two avatars currently displayed in the interactive display area 220, then two firework elements 260 are displayed. During the interactive jump between avatars 221 and 222, the firework animation of these two firework elements 260 is displayed.

[0067] In some embodiments, during the jumping interaction between the displayed avatars 221 and avatars 222, the first terminal 110 may also generate a vibration effect corresponding to the jumping interaction, to simulate the tactile feedback brought about by the jumping of avatars 222 and avatars 221, and / or to simulate the tactile feedback brought about by the setting off of fireworks.

[0068] In summary, during the interactive animation between avatars, interactive decorative elements will also be displayed. For example, during the user's avatar jumping interaction, a fireworks animation will be displayed to create an interactive atmosphere, thereby further enhancing the user's perception of the interaction between them and their friends.

[0069] See below for detailed examples.

[0070] Figure 4 shows a flowchart of a display method in a social platform provided by an exemplary embodiment of this application. Taking the application of the method to the first terminal shown in Figure 1 as an example, the method includes steps 410 to 430.

[0071] Step 410: Display the first social content and the corresponding interactive display area in the social platform on the social content display interface of the main control account.

[0072] A social platform refers to a platform that provides social functions, including social content publishing and display. A social platform can be implemented as an application, or an application can include multiple social platforms. In some embodiments, a social platform can be implemented as a target application, which can be any application that supports displaying social content, such as a social application, an instant messaging application, a video application (short video application), a live streaming application, a game application, etc.

[0073] The first social content refers to content published on a social media platform. This content can be published by at least one of the following: a personal account, a business account, or the official account of the social media platform. The controlling account refers to the account currently logged into the social media platform. In some embodiments, the content format of the first social content includes at least one of the following: video, image, text, and audio; no specific limitation is made here.

[0074] The first social content has a corresponding interactive display area. Illustratively, the client interface of the target application is displayed on the terminal interface of the first terminal. This client interface is used to display the first social content, and includes the first social content and its corresponding interactive display area.

[0075] In some embodiments, the interactive display area is used to display account interface elements corresponding to the account that interacts with the first social content (i.e., the account that has interactive operations on the first social content). Account interface elements are also referred to below as first interface elements, second interface elements, etc., and are distinctive visual elements representing a user's account. Account interface elements include at least one of the following: avatar, virtual character, virtual badge, etc., without limitation here. The forms of interaction with the first social content include at least one of the following: liking, commenting, reposting, etc.

[0076] In some embodiments, the interactive display area is used to display account interface elements corresponding to accounts that interact with the first social content and are associated with the controlling account. The association relationship includes at least one of the following: friend relationship, following relationship, group relationship, etc. For example, a friend relationship means that the controlling account and the first account have established a direct connection through adding each other as friends, such as friends in an instant messaging application, who can directly send messages and view each other's Moments. A following relationship means that one party follows another; for example, the controlling account can be either the followed party or the follower. A group relationship means that the controlling account and the first account are in the same specific group.

[0077] In some embodiments, the interactive display area has a display quantity limit, and the interactive display area can display a maximum of a preset number of account interface elements.

[0078] In some embodiments, the interactive display area is used to showcase the interactive behavior between a user account and the primary social content, such as liking, commenting, forwarding, and following. Illustratively, the interactive display area shows the user which accounts have interacted with the primary social content by presenting account interface elements (e.g., account avatars).

[0079] In some embodiments, the number of interactive display areas shown on the client interface can be one or more, and this application does not limit this.

[0080] The interactive display area includes a first interface element representing a first account. The first account is the account that interacts with the first social content and performs interactive operations on it; that is, the first account is the account that interacted with the first social content within a historical time period. In some embodiments, there is a relationship between the first account and the controlling account. In some embodiments, the first interface element includes at least one of an avatar, a virtual character, and a virtual badge.

[0081] In some embodiments, if the interactive display area can display a maximum of a preset number of account interface elements, and the number of accounts that interacted with the first social content during the historical time period (or the number of accounts that interacted with the first social content and were associated with the main control account) is greater than the preset number, then if the first account meets the account display conditions, the first interface element of the first account is displayed in the interactive display area.

[0082] In some embodiments, the first account meets the account display criteria in at least one of the following situations:

[0083] (1) The first account belongs to N accounts that have recently interacted with the first social content (or have interacted with the first social content and are associated with the main account) within the historical time period.

[0084] N is a positive integer, representing the preset quantity. For illustration, assuming the preset quantity is 3, and there are 4 accounts that interacted with the first social content (or accounts that interacted with the first social content and are associated with the main account) within a historical time period, in the order of interaction: account a, account b, account c, and account d, then only the account interface elements corresponding to account b, account c, and account d will be displayed in the interaction display area.

[0085] (2) The first account is the N accounts with the greatest influence among multiple accounts that interacted with the first social content during the historical period (or interacted with the first social content during the historical period and had a relationship with the main control account).

[0086] In some embodiments, account influence can be quantified based on at least one of the following: account level, number of followers (fans), and account type (e.g., personal account, enterprise account, social media platform account). Account level and account influence are positively correlated, as are the number of followers. The order of influence is: personal account influence < enterprise account influence < platform account influence.

[0087] (3) The first account is the N accounts with the highest account intimacy among multiple accounts that interacted with the first social content during the historical period (or interacted with the first social content during the historical period and had a relationship with the main control account).

[0088] Account intimacy refers to the closeness between other accounts and the controlling account. In some embodiments, account intimacy can be quantified based on at least one of the following: duration of association maintenance, frequency of interaction, etc. The duration of association maintenance is positively correlated with account intimacy, and the frequency of interaction is also positively correlated with account intimacy.

[0089] In some embodiments, the number of accounts displayed in the interactive display area for the first account can be one or more (at least two), without limitation here.

[0090] Step 420: Receive interactive operations from the main control account for the first social content.

[0091] Interactive actions are used to interact with the first social content. In some embodiments, the forms of interaction with the first social content include at least one of liking, commenting, reposting, etc.

[0092] In some embodiments, an interactive control corresponding to the first social content is displayed; a trigger operation on the interactive control is received as an interactive operation on the first social content. In some embodiments, the operation type of the trigger operation includes at least one of the following: single-click operation, double-click operation, long-press operation, voice command operation, gesture command operation, swipe operation, etc.

[0093] To illustrate, let's take the implementation of the interactive control described above as a "like" control as an example. The like control can be implemented as a first like control (such as the "heart like" button mentioned above). The first like control is used to generate the first like interaction with the first social content. The first like interaction is used to display the main account's like behavior on the first social content to other accounts (such as accounts that are associated with the main account). In other words, when the main account likes the first social content, the main account's second interface element will be displayed in the interaction display area corresponding to other accounts, and the second interface element will also be displayed in the interaction display area corresponding to the main account, showing the interactive animation between the second interface element and the first interface element. Alternatively, the like control can be implemented as a second like control (such as the "normal like" button mentioned above). The second like control is used to generate a second like interaction with the first social content. The second like interaction will not show the main account's like behavior on the first social content to other accounts (such as accounts that are associated with the main account). In other words, when the main account likes the first social content, the main account's second interface element will not be displayed in the interaction display area of ​​other accounts, but the current second interface element will be displayed in the interaction display area corresponding to the main account, and the interaction animation between the second interface element and the first interface element will be displayed.

[0094] The following step 430 describes the specific process of displaying the second interface element in the interactive display area and interacting with the first interface element.

[0095] Step 430: In response to the interactive operation, display the second interface element of the master account in the interactive display area, and display the interactive animation between the second interface element and the first interface element.

[0096] The master account is the account currently logged into on the social media platform. For illustrative purposes, if the social media platform can be implemented as the target application, then the master account is the account logged into the client of that target application.

[0097] The second interface elements may include at least one of the following: avatar, virtual character, virtual badge, etc.

[0098] In some embodiments, in an interactive animation, a first interface element performs a first action.

[0099] The type of the first action can include at least one of the following: being hit, jumping, moving (or translating), rotating, etc. Illustratively, after the interactive operation is triggered, the second interface element is displayed in the interactive display area, and the first interface element performs the first action to represent the interaction between the second interface element and the first interface element, such as displaying that the first avatar of the first account is hit by the second avatar of the controlling account.

[0100] In other embodiments, during the interactive animation, a second interface element performs a second action.

[0101] The type of the second action can include at least one of the following: collision action, jump action, movement action (or translation action), rotation action, etc. Illustratively, after an interactive operation is triggered, the second interface element performs the second action to represent the interaction between the second interface element and the first interface element, such as displaying the second avatar of the main account colliding with the first avatar of the first account.

[0102] In other embodiments, in the interactive animation, the first interface element performs a first action, and the second interface element performs a second action. There is a pairing relationship between the first action and the second action. In this application, the example of a first interface element performing a first action and a second interface element performing a second action is used for illustration.

[0103] In some embodiments, in the interactive animation between the second interface element and the first interface element, the first interface element performs a first action; and the second interface element performs a second action.

[0104] In this interaction, the first and second actions are paired, forming the interaction process between the second and first interface elements. Illustratively, the pairing relationship refers to the correlation between the actions performed by the second and first interface elements during their interaction. This pairing relationship creates a mutually responsive and coordinated effect, avoiding the monotony of a single interaction method.

[0105] In some embodiments, the interaction between the second interface element and the first interface element includes at least one of collision interaction, jump interaction, and movement interaction, and different interactions are composed of different first actions and second actions. Collision interaction, jump interaction, and movement interaction are described below.

[0106] (a) Collision Interaction.

[0107] In some embodiments, the second interface element performing the second action includes: the second interface element colliding with the first interface element; the first interface element performing the first action includes: the first interface element being collided with by the second interface element.

[0108] In this context, a second interface element collides with a first interface element, which is equivalent to the second interface element performing a collision action, while the first interface element is collided with by the second interface element, which is equivalent to the first interface element being collided with. Illustratively, the collision direction between the second interface element and the first interface element can be horizontal, vertical, diagonal, etc.

[0109] (1) Impact action.

[0110] In some embodiments, the execution of the impact action includes a moment of contact. The moment of contact refers to the instant the second interface element collides with the first interface element. Illustratively, at the moment of contact, the second interface element briefly changes its shape, color, or other appearance before reverting to its original state.

[0111] The execution of the collision action can also include an approach phase. Illustratively, during the approach phase, the second interface element moves towards the first interface element.

[0112] The execution process of the impact action may also include a post-impact stage. Schematic, in the post-impact stage, the second interface element performs a rebound action. Schematic, the rebound action indicates that the second interface element is triggered by the reaction force corresponding to the impact.

[0113] (2) The action of being hit.

[0114] In some embodiments, the execution of the collision action includes an instant of contact. Illustratively, at the instant of contact, the appearance of the second interface element briefly changes its shape, color, etc., before returning to normal.

[0115] The execution process of the collision action may also include an approach phase, illustratively speaking, in which the first interface element remains stationary and / or performs a collision preparation action, which includes at least one of moving out of the interactive display area, a shaking action, or moving toward the second interface element.

[0116] The execution process of the impact action can also include a post-impact phase. Illustratively, in the post-impact phase, the first interface element executes a response action. Illustratively, the response action represents the action triggered by the force corresponding to the impact on the first interface element.

[0117] By displaying animations of the second interface element colliding with the first interface element, and animations of the first interface element being collided with by the second interface element, a real physical collision scenario is simulated, allowing users to more intuitively experience the interaction process between the two interface elements.

[0118] Regarding the post-impact phase: In some embodiments, the second interface element performs a rebound action after impacting the first interface element, and the first interface element performs a response action after being impacted by the second interface element.

[0119] The rebound action includes at least one of the following: rebound movement, rebound rotation, and rebound jump.

[0120] ● Rebound movement

[0121] A bounce movement action refers to the action of a second interface element moving according to a second movement path. The second movement path can be at least one of a straight line, a curve, etc.

[0122] In some embodiments, the interactive display area includes a first display position and a second display position. The first display position is the display position of a first interface element in the interactive display area, and the second display position is the display position of a second interface element in the interactive display area. In some embodiments, at the end of the interaction between the second interface element and the first interface element, the first interface element is displayed at the first display position in the interactive display area, and the second interface element is displayed at the second display position in the interactive display area.

[0123] ●Rebound and rotation action

[0124] A bounce rotation refers to the action of a second interface element rotating around a rotation point, where the rotation point is a point within the second interface element. For example, if the second interface element is a second avatar, the rotation point can be the center point of the avatar image. In some embodiments, the second interface element can be a three-dimensional element in three-dimensional space. In this case, the bounce rotation refers to the action of the second interface element rotating around a rotation axis, where the rotation axis is an axis passing through the second interface element. For example, if the second interface element is a three-dimensional virtual image, and the rotation axis is the central axis of the three-dimensional virtual image, rotating the three-dimensional virtual image around its rotation axis can achieve a spinning effect in place.

[0125] In some embodiments, the rotation direction of the rebound rotation action includes at least one of clockwise and counterclockwise directions. Illustratively, if the impact direction of the second interface element includes a right-to-left direction, the initial rotation direction of the second interface element is clockwise; if the impact direction of the second interface element includes a left-to-right direction, the initial rotation direction of the second interface element is counterclockwise.

[0126] If the impact direction of the second interface element is vertically upward, the initial rotation direction of the second interface element is clockwise; if the impact direction of the second interface element is vertically downward, the initial rotation direction of the second interface element is counterclockwise. Alternatively, if the impact direction of the second interface element is vertically upward, the initial rotation direction of the second interface element is counterclockwise; if the impact direction of the second interface element is vertically downward, the initial rotation direction of the second interface element is clockwise.

[0127] In some embodiments, the rotation state of the second interface element before performing the bounce rotation action is the second rotation state. After the bounce rotation action is completed, the second interface element returns to the second rotation state. Illustratively, if the first interface element is to the left of the second interface element, and the impact direction of the second interface element is a horizontal direction from right to left, the initial rotation direction of the second interface element is clockwise. After rotating clockwise by a second preset angle, the second interface element rotates counterclockwise by a second preset angle to return to its original rotation state (i.e., the second rotation state).

[0128] ● Rebound Jump Action

[0129] The bounce jump action includes at least one jump process, which is the process of the second interface element jumping upward (i.e., moving upward) and then falling back. In some embodiments, the jump process corresponds to a jump height (i.e., the height of upward movement). Schematic, if the bounce jump action includes at least two jump processes, the jump height decreases sequentially according to the execution order of the at least two jump processes.

[0130] In some embodiments, the final jump of the bounce jump action performed by the second interface element ends at the second display position.

[0131] The response action includes at least one of the following: a movement action, a rotation action, and a jump action.

[0132] ●Movement

[0133] In some embodiments, a movement action refers to the action of a first interface element moving according to a first movement path. The first movement path can be at least one of a straight line, a curve, etc.

[0134] In some embodiments, the endpoint of the first movement path corresponding to the movement action is the first display position.

[0135] ● Rotation action

[0136] In some embodiments, a rotation action refers to the action of a first interface element rotating around a rotation point, where the rotation point is a point within the first interface element. For example, if the first interface element is a first avatar, the rotation point can be the center point of the avatar image corresponding to the first avatar. In some embodiments, the first interface element can be implemented as a three-dimensional element in three-dimensional space, where the rotation action refers to the action of the first interface element rotating around a rotation axis, where the rotation axis is an axis passing through the first interface element.

[0137] In some embodiments, the rotation direction of the rotation action includes at least one of clockwise and counterclockwise directions. Illustratively, if the impact direction of the second interface element includes a right-to-left direction, the initial rotation direction of the first interface element is counterclockwise; if the impact direction of the second interface element includes a left-to-right direction, the initial rotation direction of the first interface element is clockwise.

[0138] If the impact direction of the second interface element is vertically upward, the starting rotation direction of the first interface element is clockwise; if the impact direction of the second interface element is vertically downward, the starting rotation direction of the first interface element is counterclockwise. Alternatively, if the impact direction of the second interface element is vertically upward, the starting rotation direction of the first interface element is counterclockwise; if the impact direction of the second interface element is vertically downward, the starting rotation direction of the first interface element is clockwise.

[0139] In some embodiments, the rotation state of the first interface element before performing the rotation action is the first rotation state. After the rotation action is completed, the first interface element returns to the first rotation state. Schematic, if the first interface element is to the left of the second interface element, and the impact direction of the second interface element is a horizontal direction from right to left, the initial rotation direction of the first interface element is counterclockwise. After rotating clockwise by a first preset angle, the first interface element rotates clockwise by a first preset angle back to its original rotation state (i.e., the first rotation state).

[0140] ● Jumping movements

[0141] In some embodiments, the jumping action includes at least one jumping process, which is the process of a first interface element jumping upward (i.e., moving upward) and then falling back. In some embodiments, the jumping process corresponds to a jump height (i.e., the height of upward movement). Schematic, if the jumping action includes at least two jumping processes, the jump height decreases sequentially according to the execution order of the at least two jumping processes.

[0142] In some embodiments, the final jump of the jumping action performed by the first interface element is the landing point of the last jump, which is the first display position.

[0143] In some embodiments, the directions of movement of the rebound movement and the movement movement are different, and the distances of movement of the rebound movement and the movement movement can be the same or different. In some embodiments, the starting rotation directions of the rebound rotation movement and the rotation movement are different, and the first rotation angle and the second rotation angle can be the same or different. In some embodiments, the number of jumps in the rebound jump movement and the jump movement can be the same or different, the height of the jump in each jump in the rebound jump movement and the jump movement can be the same or different, and the direction of the jump in the rebound jump movement and the jump movement are different. Schematic, the rebound jump movement and the jump movement are combined to form a scattered jump movement between the first interface element and the second interface element.

[0144] In some embodiments, if the interactive display area displays first interface elements corresponding to at least two first accounts respectively, the response actions corresponding to at least two first interface elements are displayed according to the distance between the first interface elements and the second interface elements, wherein the distance is negatively correlated with the amplitude of the response action.

[0145] Schematic illustration, taking at least two first accounts corresponding to first interface elements including account interface element a and account interface element b as an example, where the distance between account interface element b and second interface elements is greater than the distance between account interface element a and second interface elements. After the collision occurs: for movement actions, the movement distance of account interface element a is greater than the movement distance of account interface element b; for rotation actions, the rotation angle of account interface element a is greater than the rotation angle of account interface element b; for jumping actions, the number of jumps performed by account interface element a is greater than the number of jumps performed by account interface element b, and / or, the height of each jump performed by account interface element a is greater than the height of each jump performed by account interface element b.

[0146] In the above embodiments, by displaying the bounce actions (including bounce movement, rotation, and jump) of the second interface element and the response actions (including movement, rotation, and jump) of the first interface element, the forms of action display during the interaction process are enriched. This makes the interaction no longer limited to simple collisions, but has more dynamic effects, bringing users a richer and more varied visual experience. Among them, the bounce actions and response actions simulate physical phenomena in the real world, enhancing the realism and credibility of the interaction.

[0147] The following example illustrates the implementation of the rebound action + response action.

[0148] (1) After the second interface element hits the first interface element, it performs a bounce movement action, and the first interface element performs a movement action after being hit by the second interface element.

[0149] In some embodiments, when an interactive operation is triggered, the number of account interface elements displayed in the interactive display area is less than a preset number. For example, if the preset number is 3, then the number of account interface elements displayed in the interactive display area is 1 or 2. The following description uses the example of displaying 1 account interface element in the interactive display area. Please refer to Figure 5, which shows a schematic diagram of a collision interactive animation interface. As shown in Figure 5, the interactive display area 400 displays the avatar 411 of account a. When an interactive operation is triggered (e.g., clicking the "like" button as described in Figure 2), the avatar 412 of the main account moves to the interactive display area 400 and collidees with the avatar 411. After the avatar 411 is collided with:

[0150] From the moment avatar 411 is impacted: avatar 411 shifts 1 unit to the left and then 1 unit to the right back to its original display position and remains stationary there. Simultaneously, avatar 412 shifts 2 units to the right to its target display position and remains stationary there. The distance between the original display position and the target display position of avatar 411 is 2 units. "Distance unit" refers to a fixed distance and is used here for illustrative purposes only.

[0151] In some embodiments, when an interactive operation is triggered, the number of account interface elements displayed in the interactive display area is equal to a preset number. For example, if the preset number is 3, then the number of account interface elements displayed in the interactive display area is 3. Please refer to Figure 6, which shows a schematic diagram of a collision interaction interface. As shown in Figure 6, the interactive display area 400 displays the avatar 411 of account a, the avatar 413 of account b, and the avatar 414 of account c. When the interactive operation is triggered, the avatar 412 of the main account moves along path 401 to the interactive display area 400. During the movement of avatar 412, avatars 411, 413, and 414 shift to the left. Avatar 411 moves to the original display position of avatar 413, avatar 413 moves to the original display position of avatar 414, and avatar 414 shifts to the left to a specified position and is then de-displayed. When avatar 411 moves to the original display position of avatar 413, avatar 412 collidees with avatar 411. After being collided, avatar 411:

[0152] Starting from the moment portrait 411 is hit, portrait 411 moves 2 units to the left and hits portrait 413, while portrait 412 moves 1 unit to the right.

[0153] From the moment when avatar 411 collides with avatar 413, after being collided, avatar 413 shifts to the left by 1 unit, while avatar 411 shifts to the right by 1 unit. At the same time, avatar 412 shifts to the right by 1 unit to the original display position of avatar 411 and remains stationary at the original display position of avatar 411.

[0154] Starting from the moment when avatar 412 is moved to the original display position of avatar 411, avatar 413 is moved 1 unit to the right to the original display position of avatar 414 and remains stationary at the original display position of avatar 414. At the same time, avatar 411 is moved 1 unit to the right to the original display position of avatar 413 and remains stationary at the original display position of avatar 413.

[0155] (2) After the second interface element hits the first interface element, it performs a bounce movement action, and the first interface element performs a rotation action after being hit by the second interface element.

[0156] In some embodiments, when an interactive operation is triggered, the number of account interface elements displayed in the interactive display area is less than a preset number. The following explanation uses the example of displaying one account interface element in the interactive display area. Please refer to Figure 7, which shows a schematic diagram of a collision interactive animation interface. As shown in Figure 7, the interactive display area 400 displays the avatar 411 of account a. When the interactive operation is triggered, the avatar 412 of the main account moves to the interactive display area 400 and collidees with the avatar 411. After the avatar 411 is collided with:

[0157] Starting from the impact moment t1, the head image 411 rotates counterclockwise by 1 angular unit and then clockwise by 1 angular unit to return to its original rotation state; simultaneously, the head image 412 shifts to the right by 2 units to the target display position. Finally, the head image 411 remains stationary at its original display position, and the head image 412 remains stationary at the target display position. Here, "angular unit" refers to a fixed angle, such as 5 degrees, which is only illustrative. In some embodiments, the rotation involved refers to rotation around the image center point of the head image.

[0158] In some embodiments, when an interactive operation is triggered, the number of account interface elements displayed in the interactive display area is equal to a preset number. Please refer to Figure 8, which shows a schematic diagram of an interactive interface with a collision animation. As shown in Figure 8, the interactive display area 400 displays the avatar 411 of account a, the avatar 413 of account b, and the avatar 414 of account c. When the interactive operation is triggered, the avatar 412 of the main account moves along path 402 towards the interactive display area 400. During the movement of avatar 412, avatars 411, 413, and 414 shift to the left. Avatar 411 moves to the original display position of avatar 413, avatar 413 moves to the original display position of avatar 414, and avatar 414 shifts to the left to a specified position and is then de-displayed. When avatar 411 moves to the original display position of avatar 413, avatar 412 collidees with avatar 411. As shown in Figure 8, after avatar 411 is collided with avatar 411:

[0159] Starting from the impact moment t1, the avatar 411 rotates counterclockwise by 1 angular unit, with a rotation duration of T1. After rotating counterclockwise by 1 angular unit, it immediately begins to rotate clockwise by 1 angular unit to restore the original rotation state, with a rotation duration of T2. T1 and T2 can be the same or different; for example, T1 and T2 can both be set to 150ms.

[0160] After a delay of T3 from the impact time t1 (i.e., starting from t1+T3), the avatar 413 rotates counterclockwise by 1 angular unit for a duration of T1. Immediately after the counterclockwise rotation, it begins to rotate clockwise by 1 angular unit to restore the original rotation state for a duration of T2. T3 can be set to a small value, such as 30ms.

[0161] Starting from time t1+T3, portrait 412 is shifted 2 units to the right to the original display position of portrait 411. The movement time of portrait 412 is T1+T2.

[0162] It should be noted that the examples of the impact process shown in Figures 5-8 above are merely illustrative and are not intended to limit the scope of this application.

[0163] (ii) Jumping interaction.

[0164] In some embodiments, the first interface element performing a first action includes: the first interface element performing a first jump action; the second interface element performing a second action includes: the second interface element performing a second jump action.

[0165] In some embodiments, the first jump action includes at least one jump process, which is the process of a first interface element jumping upward (i.e., moving upward) and then falling back. In some embodiments, the second jump action includes at least one jump process, which is the process of a second interface element jumping upward (i.e., moving upward) and then falling back. Each jump process corresponds to a jump height (i.e., the height of upward movement). Illustratively, if a bounce jump action includes at least two jump processes, the jump height decreases sequentially according to the execution order of the at least two jump processes.

[0166] In some embodiments, the first jump action corresponds to a first jump direction and a first jump path, wherein the first jump direction is a vertically upward direction or a diagonally upward direction, etc.; in some embodiments, the endpoint of the first jump path is a first display position. In some embodiments, the second jump action corresponds to a second jump direction and a second jump path, wherein the second jump direction is a vertically upward direction or a diagonally upward direction, etc.; in some embodiments, the endpoint of the second jump path is a second display position.

[0167] In some embodiments, the first jump action and the second jump action are displayed synchronously; or, the first jump action and the second jump action are displayed sequentially.

[0168] In some embodiments, the movement speed of the first interface element in the first jump action and the second interface element in the second jump action may be the same or different. This application embodiment mainly uses the example of the first interface element in the first jump action and the second interface element in the second jump action having the same movement speed as an example for illustration.

[0169] In some embodiments, synchronous display means that the first interface element and the second interface element jump and fall simultaneously. Taking the example that both the first and second interface elements involve only one jump, synchronous display means that while the first interface element jumps upward from the first starting point, the second interface element jumps upward from the second starting point; while the first interface element jumps upward to the first landing point (i.e., the highest position reached by the first interface element during its upward jump), the second interface element jumps upward to the second landing point (i.e., the highest position reached by the second interface element during its upward jump); while the first interface element falls back to the first display position from the first landing point, the second interface element falls back to the second display position from the second landing point. Wherein, the first landing point and the second landing point are on the same horizontal line; the first display position and the second display position are on the same horizontal line; the first starting point and the second starting point are on the same horizontal line.

[0170] In some embodiments, sequential display means that the first interface element and the second interface element jump up sequentially. For example, the second interface element jumps up from a second starting point and then falls back down, and after a preset time interval, the first interface element jumps up from a first starting point and then falls back down. In some embodiments, if there are at least two first interface elements, then at least two first interface elements and the second interface element jump up sequentially. For example, the second interface element jumps up from a second starting point and then falls back down, and after a first preset time interval, first interface element a jumps up from the first starting point and then falls back down, and after another second preset time interval, first interface element b jumps up from a third starting point and then falls back down. The first preset time interval and the second preset time interval can be the same or different.

[0171] In the above scheme, the first jump action and the second jump action are executed by the first interface element and the second interface element respectively. The first jump action and the second jump action can be displayed synchronously or sequentially, which enriches the interactive forms.

[0172] In some embodiments, if the first jump action and the second jump action are displayed synchronously, then the implementation of the first jump action and the second jump action includes at least one of the following:

[0173] (1) The first jump action and the second jump action are combined to form a parallel jump action between the first interface element and the second interface element, that is, the first jump action and the second jump action are jump actions of the first interface element and the second interface element in the same direction.

[0174] In some embodiments, a parallel jump action means that the first jump path of the first interface element and the second jump path of the second interface element are parallel. Schematic, the first jump path indicates that the first interface element moves vertically upward and falls vertically downward; the second jump path indicates that the second interface element moves vertically upward and falls vertically downward.

[0175] In some embodiments, when an interactive operation is triggered, the number of account interface elements displayed in the interactive display area is less than a preset number. The following explanation uses the example of displaying one account interface element in the interactive display area. Please refer to Figure 9, which shows a schematic diagram of a jump interactive animation interface. As shown in Figure 9, the interactive display area 400 displays the avatar 411 of account a. When the interactive operation is triggered, the avatar 412 of the main account moves to the target display position in the interactive display area 400.

[0176] Starting from display time t2 when the avatar 412 moves to the target display position in the interactive display area 400, the avatar 412 moves upward by 2 distance units for a duration of T4. After moving upward by 2 distance units, the avatar 412 moves downward by 2 distance units for a duration of T5. T4 and T5 can be the same or different; for example, T4 and T5 can both be set to 300ms.

[0177] After a delay of T6 from time t2 (i.e., starting from time t2+T6), the avatar 411 shifts upwards by 2 units for a duration of T4. Then, after shifting upwards by 2 units, it shifts downwards by 2 units for a duration of T5. This is illustrative; T6 can be set to 60ms, etc., and is not limited here.

[0178] In some embodiments, when an interactive operation is triggered, the number of account interface elements displayed in the interactive display area is equal to a preset number. Please refer to Figure 10, which shows a schematic diagram of a jump interactive animation interface. As shown in Figure 10, the interactive display area 400 displays the avatar 411 of account a, the avatar 413 of account b, and the avatar 414 of account c. When the interactive operation is triggered, the avatar 412 of the main account moves along path 403 to the interactive display area 400. During the movement of avatar 412, avatars 411, 413, and 414 shift to the left. Specifically, avatar 412 moves to the original display position of avatar 411, avatar 411 moves to the original display position of avatar 413, avatar 413 moves to the original display position of avatar 414, and avatar 414 shifts to the left to a designated position before being removed from display.

[0179] Starting from display time t2 when the avatar 412 moves to the target display position in the interactive display area 400, the avatar 412 moves upward by 2 distance units for a duration of T4. After moving upward by 2 distance units, the avatar 412 moves downward by 2 distance units for a duration of T5. T4 and T5 can be the same or different; for example, T4 and T5 can both be set to 300ms.

[0180] After a delay of T6 from time t2 (i.e., starting from time t2+T6), the avatar 411 shifts upwards by 2 units for a duration of T4. Then, after shifting upwards by 2 units, it shifts downwards by 2 units for a duration of T5. This is illustrative; T6 can be set to 60ms, etc., and is not limited here.

[0181] After a delay of 2 T6 from time t2, that is, starting from time t2+2×T6, the portrait 413 is shifted upward by 2 distance units, with a shift duration of T4. After shifting upward by 2 distance units, the portrait 413 is shifted downward by 2 distance units, with a shift duration of T5.

[0182] (2) The first jump action and the second jump action are combined to form a gathering jump action between the first interface element and the second interface element. In this case, the first jump action and the second jump action are jump actions of the first interface element and the second interface element in different directions.

[0183] In some embodiments, the converging jump action refers to the process of jumping upwards, where the first jump path of the first interface element and the second jump path of the second interface element gradually converge to present a converging effect. Illustratively, as the first interface element jumps upwards from the first take-off point to the first landing point, the second interface element jumps upwards from the second take-off point to the second landing point. The first landing point and the second landing point are on the same horizontal line, as are the first take-off point and the second take-off point; the distance between the first landing point and the second landing point is less than the distance between the first take-off point and the second take-off point.

[0184] In some embodiments, when an interactive operation is triggered, the number of account interface elements displayed in the interactive display area is less than a preset number. The following explanation uses the example of displaying one account interface element in the interactive display area. Please refer to Figure 11, which shows a schematic diagram of a jump interactive animation interface. As shown in Figure 11, the interactive display area 400 displays the avatar 411 of account a. When the interactive operation is triggered, the avatar 412 of the main account moves along path 404 to the target display position in the interactive display area 400.

[0185] Starting from display time t2 when the avatar 412 moves to the target display position in the interactive display area 400, the avatar 411 moves to the upper right and the avatar 412 moves to the upper left. After a duration T7, the right side of the avatar 411 and the left side of the avatar 412 come into contact, thus forming a gathering effect.

[0186] Starting from time t2+T7, avatar 411 moves to the lower left and avatar 412 moves to the lower right. After time T8, avatar 411 moves to its original display position and avatar 412 moves to the target display position.

[0187] In some embodiments, when an interactive operation is triggered, the number of account interface elements displayed in the interactive display area is equal to a preset number. Please refer to Figure 12, which shows a schematic diagram of a jump interactive animation interface. As shown in Figure 12, the interactive display area 400 displays the avatar 411 of account a, the avatar 413 of account b, and the avatar 414 of account c. When the interactive operation is triggered, the avatar 412 of the main account moves along path 405 to the interactive display area 400. During the movement of avatar 412, avatars 411, 413, and 414 shift to the left. Avatar 412 moves to a designated display position, avatar 411 moves to the original display position of avatar 413, avatar 413 moves to the original display position of avatar 414, and avatar 414 shifts to the left to the designated position before being de-displayed.

[0188] Starting from display time t3 when the avatar 412 moves to the designated display position in the interactive display area 400: avatar 411 moves upward, avatar 413 moves to the upper right, and avatar 412 moves to the upper left. After a duration T9, the right side of avatar 413 contacts the left side of avatar 411, and the right side of avatar 411 contacts the left side of avatar 412, thus forming a gathering effect.

[0189] Starting from time t3+T9, avatar 411 moves downward, avatar 413 moves to the lower left, and avatar 412 moves to the lower right. After time T10, avatar 411 moves to the original display position of avatar 413, avatar 413 moves to the original display position of avatar 414, and avatar 412 moves to the original display position of avatar 411.

[0190] (3) The first jump action and the second jump action are combined to form a scattered jump action between the first interface element and the second interface element. In this case, the first jump action and the second jump action are jump actions of the first interface element and the second interface element in different directions.

[0191] In some embodiments, a dispersed jump action refers to the process of jumping upwards, where the first jump path of the first interface element and the second jump path of the second interface element gradually diverge to create a dispersed effect. Illustratively, as the first interface element jumps upwards from a first take-off point to a first landing point, the second interface element jumps upwards from a second take-off point to a second landing point. The first and second landing points are on the same horizontal line, as are the first and second take-off points; the distance between the first and second landing points is greater than the distance between the first and second take-off points.

[0192] In some embodiments, when an interactive operation is triggered, the number of account interface elements displayed in the interactive display area is less than a preset number. The following explanation uses the example of displaying one account interface element in the interactive display area. The scattered jump action is explained below with reference to Figure 11:

[0193] Starting from display time t2 when avatar 412 moves to the target display position in interactive display area 400, avatar 411 moves to the upper left and avatar 412 moves to the upper right. After a duration T11, that is, starting from time t2+T11, avatar 411 moves to the lower right and avatar 412 moves to the lower left. After a duration T12, avatar 411 moves to its original display position and avatar 412 moves to the target display position.

[0194] In some embodiments, when an interactive action is triggered, the number of account interface elements displayed in the interactive display area is equal to a preset number. The scattered jump action is explained below with reference to Figure 12:

[0195] Starting from display time t3, when the avatar 412 moves to the designated display position in the interactive display area 400: avatar 411 moves upward, avatar 413 moves to the upper left, and avatar 412 moves to the upper right. After a duration T13, that is, starting from time t3+T13, avatar 411 moves downward, avatar 413 moves to the lower right, and avatar 412 moves to the lower left. After a duration T14, avatar 411 moves to the original display position of avatar 413, avatar 413 moves to the original display position of avatar 414, and avatar 412 moves to the original display position of avatar 411.

[0196] It should be noted that the examples of the jumping process shown in Figures 9-12 above are merely illustrative and are not intended to limit the scope of this application. In some embodiments, paths 401-405 in Figures 8-12 do not actually represent the entry paths of the second interface elements, but are merely illustrative. In this application embodiment, paths 401-405 can be implemented as Bézier curves, etc.

[0197] The above scheme combines three different jumping actions—parallel, convergence, and dispersion—to provide rich visual effects for interactive displays on social platforms. Users are no longer limited to a single interactive screen but can see interface elements jumping and interacting in different ways, thus improving interactivity.

[0198] (III) Mobile Interaction.

[0199] In some embodiments, a first interface element performs a first action, including moving the first interface element along a first path; a second interface element performs a second action, including moving the second interface element along a second path. The first path can be at least one of a straight line, a curve, etc., and the second path can be at least one of a straight line, a curve, etc.

[0200] In some embodiments, the endpoint of the first path is the first display position, and the endpoint of the second path is the second display position.

[0201] In some embodiments, the first path and the second path share a common road segment, in which the first interface element and the second interface element have a following relationship. That is, in the common road segment, the first interface element moves along the movement trajectory of the second interface element. For example, if the common road segment is a circular road segment, both the first and second interface elements move along the circular road segment, with the first interface element following the second interface element and maintaining a certain distance from it.

[0202] In some embodiments, the first path and the second path are parallel, and the first interface element and the second interface element move in parallel. Illustratively, parallelism between the first and second paths means that these two paths maintain a certain distance from each other and do not intersect. The first interface element moves along the first path, and the second interface element moves along the second path, maintaining a stable relative position throughout their movement, exhibiting a parallel movement state. In some embodiments, the first and second interface elements move in the same direction. If the first path is a straight line extending from left to right, then the second path is also a straight line extending from left to right, and both interface elements will move to the right; if the path is a curve, such as a clockwise circular path, both elements will also move clockwise. In some embodiments, the movement speeds of the first and second interface elements can be the same or different. When the speeds are the same, the relative position between the two interface elements does not change during movement, maintaining parallel movement; when the speeds are different, the distance between them will gradually increase or decrease, but they still maintain a parallel movement state, only their relative positions will change.

[0203] In the above scheme, by displaying the first interface element moving along the first path and the second interface element moving along the second path, the interactive action is extended to dynamic path movement, and different movement situations are set for the first interface element and the second interface element, thus enriching the forms of mobile interaction.

[0204] In some embodiments, the first path and the second path are respectively path branches corresponding to a preset pattern trajectory.

[0205] The preset patterns can be regular geometric shapes, such as circles, squares, and triangles. Taking a circle as an example, it can be divided into two path branches, such as along the upper and lower halves of the circle, serving as the first and second paths respectively. For a square pattern, its two adjacent sides can be used as two path branches. Preset patterns can also be irregular geometric shapes, such as hearts, stars, and flowers. Taking a heart shape as an example, the left and right curves of the heart pattern can serve as the first and second paths respectively.

[0206] In the above scheme, the first path and the second path are respectively path branches corresponding to the preset pattern trajectory, which makes the movement paths of the two interface elements related and whole, integrates the interaction into a unified scene, and enhances the logic and coherence of the mobile interaction.

[0207] In some embodiments, displaying the interactive animation between the second interface element and the first interface element further includes: the first interface element performing a first appearance change; and the second interface element performing a second appearance change.

[0208] In some embodiments, a first appearance change refers to at least one of a change in the display size, a change in the display color, and a change in the display transparency of a first interface element. A second appearance change refers to at least one of a change in the display size, a change in the display color, and a change in the display transparency of a second interface element.

[0209] In some embodiments, the first appearance change includes a change phase and a recovery phase, wherein the first interface element is in a first appearance state before the first appearance change is performed; in the change phase, the first interface element changes from the first appearance state to a second appearance state; and in the recovery phase, the first interface element returns to the first appearance state from the second appearance state. In some embodiments, the second appearance change includes a change phase and a recovery phase, wherein the second interface element is in a third appearance state before the second appearance change is performed; in the change phase, the second interface element changes from the third appearance state to a fourth appearance state; and in the recovery phase, the second interface element returns to the third appearance state from the fourth appearance state. Illustratively, in the change phase, the size of the first interface element and the second interface element increases; and in the recovery phase, the size of the first interface element and the second interface element returns to their original size. In the change phase, the color of the first interface element and the second interface element changes; and in the recovery phase, the color of the first interface element and the second interface element returns to their original color. In the change phase, the transparency of the first interface element and the second interface element decreases; and in the recovery phase, the transparency of the first interface element and the second interface element returns to its original transparency.

[0210] In some embodiments, after the first interface element performs the first action and the second interface element performs the second action, if there is an association between the first account and the master account, a third interface element is displayed to replace the display of the first and second interface elements.

[0211] Among them, the relationship includes at least one of the following: friend relationship, follow relationship, group relationship, etc.

[0212] In some embodiments, the third interface element is a new interface element used to replace the first and second interface elements. Illustratively, after the first interface element performs a first action and the second interface element performs a second action, a friend's avatar is displayed to replace the first avatar of the first account and the second avatar of the controlling account. This friend's avatar can be a avatar jointly set by the first account and the controlling account.

[0213] Alternatively, the third interface element is a spliced ​​image obtained by combining at least a portion of the elements of the first interface element and at least a portion of the elements of the second interface element. In some embodiments, a splicing animation of the first interface element and the second interface element is displayed. Illustratively, after the first interface element performs a first action and the second interface element performs a second action, a splicing animation of the first avatar of the first account and the second avatar of the controlling account is displayed. After the splicing animation finishes playing, the spliced ​​image of the first and second avatars is displayed. Illustratively, the first avatar is a part of the target avatar set by the first account, and the second avatar is another part of the target avatar set by the controlling account. The first and second avatars together constitute the target avatar, which is also the spliced ​​image.

[0214] In the above scheme, based on the first interface element performing the first action and the second interface element performing the second action, a third interface element is used to replace the first and second interface elements. This provides a differentiated interactive display format for users with related relationships, distinguishing it from ordinary interactive displays. It meets users' needs for different interactive effects for different social relationships and further enriches the ways of social interaction.

[0215] In some embodiments, if the second interface element enters the interactive display area before the second interface element of the master account is displayed in the interactive display area, the display of the interactive animation between the second interface element and the first interface element includes at least one of the following:

[0216] Scenario 1: Connect to the interactive section.

[0217] In some embodiments, after the second interface element enters the interactive display area, an interactive animation between the second interface element and the first interface element is displayed.

[0218] Indicatively, after the second interface element enters the interactive display area along the first entry path, an interactive animation between the second and first interface elements is immediately displayed. This scheme ensures a seamless interaction process, allowing users to quickly perceive the interaction, reducing waiting time, and improving the smoothness of the interaction. The first entry path can be at least one of a straight line, a curve, etc. Indicatively, the starting point of the first entry path can be the center of the interactive control, and the ending point can be a pre-set location. After the second interface element reaches this location, it forms an "adjacent" relationship with the first interface element in space, meaning that their boundaries touch or are within a very close, design-compliant distance, creating a visual "touch" or "fit".

[0219] Scenario 2: Phased interaction.

[0220] In some embodiments, during the first entry phase when the second interface element enters the interactive display area, the first interface element is shown to remain stationary in the interactive display area; during the second entry phase when the second interface element enters the interactive display area, the interactive preparation action of the first interface element is displayed; and when the first interface element completes the interactive preparation action, an interactive animation between the second interface element and the first interface element is displayed.

[0221] The interactive preparation action describes the preparatory process of a first interface element before it interacts with a second interface element. Illustratively, the interactive preparation action includes the first interface element moving to a designated position within the interactive display area.

[0222] In some embodiments, a second interface element enters the interactive display area along a first entry path. In the first entry phase, the second interface element moves along the first entry path to a designated location point on the path. During this movement, the first interface element remains stationary in the interactive display area. In the second entry phase, the second interface element starts from the designated location point and continues moving along the first entry path until it reaches the end point of the first entry path in the interactive display area. During this movement, the first interface element performs an interactive preparation action. When the first interface element completes the interactive preparation action and the second interface element reaches the end point of the first entry path in the interactive display area, an interactive animation between the second and first interface elements is displayed. This phased display increases the hierarchy of the interaction, allowing users to more clearly understand the interaction process, enhancing the responsiveness of the interaction, and improving the efficiency of human-computer interaction. The designated location point satisfies the condition that the time required for the second interface element to move from the designated location point along the first entry path to the end point of the first entry path is not less than the time required for the first interface element to complete the interactive preparation action. The designated location point can be preset according to this condition.

[0223] In the above solution, the second interface element is displayed in the interactive display area, providing users with clear visual cues and guiding them to focus their attention on the upcoming interaction. This improves the efficiency of users obtaining effective information and thus enhances the effect of human-computer interaction.

[0224] Scenario 3: Enter after interacting outside the area.

[0225] In some embodiments, a first interface element is shown moving from within the interactive display area to outside the interactive display area; outside the interactive display area, an interactive animation between the first interface element and a second interface element is displayed; then, the first interface element and the second interface element are shown entering the interactive display area.

[0226] Indicatively, during the move-out phase, the first interface element moves from within the interactive display area to outside the interactive display area. During the outside-area interaction phase, an interactive animation between the first and second interface elements is displayed outside the interactive display area. During the entry phase, after completing the outside-area interaction, the first and second interface elements enter the interactive display area together. Specifically, the first interface element enters the interactive display area along a second entry path, and the second interface element enters the interactive display area along a third entry path. The starting point of the second entry path is the position where the first interface element was at the end of the interactive animation, and the ending point of the second entry path is the first display position. The starting point of the third entry path is the position where the second interface element was at the end of the interactive animation, and the ending point of the third entry path is the second display position.

[0227] In the above solution, the display range of interaction is increased by extending the interaction outside the designated area. When the interaction is limited to the interactive display area, the limited space may lead to crowded elements and visual confusion. Extending the interaction outside the designated area effectively disperses the interactive elements, alleviates the spatial pressure on the interactive display area, and makes the overall page layout more reasonable and neat.

[0228] In some embodiments, interactive sounds corresponding to the interaction between the first interface element and the second interface element in the interactive animation are played; or, interactive vibrations corresponding to the interaction between the first interface element and the second interface element in the interactive animation are generated; or, interactive sounds corresponding to the interaction between the first interface element and the second interface element in the interactive animation are played, and interactive vibrations corresponding to the interaction between the first interface element and the second interface element in the interactive animation are generated.

[0229] Among them, the interactive sound is matched with the type of interaction. In some embodiments, impact interaction, jumping interaction, and movement interaction correspond to different interactive sounds. For example, the impact interaction sound corresponding to impact interaction includes collision sound; the jumping interaction sound corresponding to jumping interaction includes the sound of jumping and the sound of landing, etc.

[0230] In some embodiments, if the first social content does not contain audio content, interactive sounds corresponding to the interaction between the first and second interface elements in the interactive animation are played. That is, when the first social content is image content or text content, the corresponding interactive sounds can be played; when the first social content is video content or audio content, the corresponding interactive sounds are not played.

[0231] Among them, the interactive vibration is matched with the type of interaction. In some embodiments, impact interaction, jump interaction, and movement interaction are respectively matched with different interactive vibrations. For example, the impact interaction vibration corresponding to the impact interaction is used to simulate the collision effect; the jump interaction vibration corresponding to the jump interaction is used to simulate the jumping process.

[0232] In the above embodiments, interactive sound and / or interactive vibration are added on the basis of interaction, providing users with more direct interactive feedback. Through sound and vibration, users can more clearly perceive information such as the type of interaction, which enhances the user's perception of interactive feedback and improves the effect of human-computer interaction.

[0233] In some embodiments, the first interface element includes a first avatar of a first account; the second interface element includes a second avatar of the controlling account. In some embodiments, in response to an interactive operation, the second avatar of the controlling account is displayed in an interactive display area, and an interactive animation between the second avatar and the first avatar is displayed.

[0234] In the above embodiments, the first interface element and the second interface element are clearly defined as the avatars of the first account and the main control account, respectively. The interactive animation generated by the interaction between the avatars is directly displayed, making the interaction process more intuitive and easy to understand. Users can clearly see the interactive actions between the two avatars, quickly understand the meaning of the interaction, reduce the cost for users to understand the interactive behavior, and improve the smoothness of the interaction.

[0235] In summary, the display method in the social platform provided in this application displays first social content and an interactive display area. The interactive display area includes a first interface element of a first account that has interactive operations on the first social content. When an interactive operation is received from the master account on the first social content, not only are the second interface elements of the master account displayed in the interactive display area, but also the interactive animation between the second interface element and the first interface element is displayed. The display of this interactive animation enriches the social interaction methods between users and provides users with clear visual guidance, enhances users' perception of their interaction with other users, enables users to obtain sufficient interactive feedback information, and improves the efficiency of human-computer interaction.

[0236] In some embodiments, when displaying the interactive animation between the second interface element and the first interface element, corresponding interactive decorative elements may be displayed. Figure 13 shows a flowchart of a display method in a social platform provided by an exemplary embodiment of this application, as shown in Figure 13, including steps 1310 to 1320.

[0237] Step 1310: In the interactive animation, the first interface element performs the first action, and the second interface element performs the second action.

[0238] There is a pairing relationship between the first action and the second action. In some embodiments, the action type of the first action includes at least one of the following: being hit, jumping, moving (or translating), rotating. In some embodiments, the action type of the second action includes at least one of the following: impact, jumping, moving (or translating), rotating.

[0239] In some embodiments, the interaction between the second interface element and the first interface element includes at least one of collision interaction, jumping interaction, and moving interaction, and different interactions are composed of different first actions and second actions.

[0240] It should be noted that step 1310 can be executed before step 1320, or after step 1320, or during the execution of step 1310. This application embodiment does not limit this.

[0241] Step 1320: Display interactive decorative elements in the interactive display area.

[0242] Interactive decorative elements include at least one of the following: fireworks, firecrackers, confetti, and emoticons.

[0243] When the interactive decorative elements include at least one of the following: fireworks, firecrackers, and confetti: during the process of the first interface element performing the first action and the second interface element performing the second action, the element animation corresponding to the interactive decorative element is displayed in the interactive display area.

[0244] In some embodiments, the element animation corresponding to the fireworks element can be implemented as a fireworks display animation to simulate the effect of fireworks blooming. The element animation corresponding to the firecracker element can be implemented as a firecracker display animation to simulate the effect of firecrackers exploding. The element animation corresponding to the fireworks element can be implemented as a fireworks display animation to simulate the effect of fireworks being set off during festivals.

[0245] The element animation includes at least one interactive decorative element, and the number of interactive decorative elements in the element animation is positively correlated with the total number of elements in the first interface and the second interface.

[0246] In the above solution, element animation is added during the interaction between the first interface element and the second interface element to present more dynamic interactive content to the user, avoid the interactive display being too monotonous, and improve the interactive appeal; and the number of interactive decorative elements is adjusted according to the total number of interactive subjects (first interface element and second interface element) to make the interactive presentation more personalized.

[0247] When interactive decorative elements include interactive emoticons: the main account selects an emoticon element as the second account's interactive operation on the first social content; the second interface element is displayed in the interactive display area to show the first interface element the first emoticon action corresponding to the emoticon element; the first interface element is displayed in the interactive display area to show the second emoticon action corresponding to the emoticon element to the second interface element, and there is a matching relationship between the first emoticon action and the second emoticon action.

[0248] In some embodiments, an interactive control is displayed; in response to receiving a trigger operation on the interactive control, an emoji list is displayed, the emoji list including at least one candidate emoji element; a selection operation on a target emoji element among the at least one candidate emoji element is received as an interactive operation on the first social content, wherein the target emoji element is the aforementioned emoji element.

[0249] The facial expressions include, but are not limited to, high-five, happy, and surprised expressions; these are not specified here. Different facial expressions correspond to different combinations of primary and secondary facial expressions; these are also not specified here.

[0250] To illustrate, using the high-five emoji as an example, after a user selects the high-five emoji element, the interactive display area shows a second interface element preparing to high-five, followed by the first interface element performing the high-five response. Assuming the first interface element is a cartoon character A and the second interface element is a cartoon character B, and the user selects the high-five emoji element, the interactive display area will show an animation of cartoon character B extending its hand to cartoon character A, followed by an animation of cartoon character A extending its hand and high-fiving cartoon character B.

[0251] The above solution incorporates emoji elements into interactive operations, providing users with more diverse ways to interact. Users can initiate emoji interactions by selecting different emoji elements, increasing the fun of social interaction.

[0252] In some embodiments, an interactive sound corresponding to the interactive decorative element is played; or, an interactive vibration corresponding to the interactive decorative element is generated; or, an interactive sound corresponding to the interactive decorative element is played, and an interactive vibration corresponding to the interactive decorative element is generated.

[0253] In some embodiments, if the first social content meets preset content requirements, interactive decorative elements are displayed in the interactive display area.

[0254] The first social content that meets the preset content requirements includes at least one of the following:

[0255] (1) The content type of the first social content belongs to the preset type range.

[0256] This is illustrative of obtaining the content type of the first social content, such as which specific content areas the first social content involves, and the emotional tendency of the first social content; the preset type range is the content type that displays interactive decorative elements in a pre-defined way. For example, if it is specified that content in a certain content area belongs to content that does not display interactive decorative elements, then when the first social content belongs to the specified content area, the content type of the first social content does not belong to the preset type range; if it is specified that content with a certain emotional tendency belongs to content that does not display interactive decorative elements, then when the emotional tendency of the first social content is the specified emotional tendency, the content type of the first social content does not belong to the preset type range.

[0257] (2) The second account’s interactive operations on the first social content are within the preset time range.

[0258] For illustrative purposes, the preset time range is the display time range corresponding to the interactive decorative elements. The preset time range is set in advance, such as New Year's Eve. When the user triggers the interactive operation at a time that falls on New Year's Eve, the content type of the first social content is determined to be within the preset type range, and the interactive decorative elements are displayed; when the user triggers the interactive operation at a time that does not fall on New Year's Eve, the content type of the first social content is determined to be outside the preset type range, and the interactive decorative elements are not displayed.

[0259] In the above solution, interactive decorative elements are only displayed when the first social content meets the preset content requirements, making the interactive display more targeted, avoiding the indiscriminate display of interactive decorative elements, reducing unnecessary graphic rendering and animation display, and thus optimizing the use of system resources.

[0260] In some embodiments, upon obtaining the tagging parameters, interactive decorative elements are displayed in the interactive display area. The tagging parameters are used to mark that the first social content meets preset content requirements; that is, the tagging parameters are used to indicate the display of interactive decorative elements.

[0261] In a schematic example, when displaying the first social content, the binding information list of the first social content is obtained. If the binding information list contains a marker parameter, it means that the first social content meets the preset content requirements, and then interactive decorative elements are displayed in the interactive display area.

[0262] To illustrate, taking video content as the first social content as an example, please refer to Figure 14, which shows a flowchart of the distribution of marker parameters. The steps of this process are as follows:

[0263] Step 1401: Obtain the list of videos to be sent.

[0264] As an illustration, the video list includes at least one video content preloaded by the client interface of the master account, and the server or the client of the master account retrieves the video list.

[0265] Step 1402, pre-delivery video inspection.

[0266] As an illustration, before distributing the video list, it is necessary to check at least one video in the video list to determine whether each video displays interactive decorative elements. In some embodiments, after obtaining the video list, the server or the client of the master account checks each video in the video list.

[0267] The judgment set (or judgment method) for the judgment check includes:

[0268] (1) Negative sentiment recognition model.

[0269] As an illustration, the negative sentiment recognition model is used to determine whether the emotional tendency of video content is negative. If so, it determines that the video content should not display interactive decorative elements.

[0270] (2) Video type.

[0271] This is an illustrative example of setting a preset video type that does not display interactive decorative elements. For instance, if the video content involves serious topics, and the video type is determined to be a preset video type, then the video content will not display interactive decorative elements.

[0272] (3) Display time.

[0273] For illustrative purposes, a display time range is set for the interactive decorative elements, such as New Year's Eve. If the current video content is not released within the display time range, then the video content will not display the interactive decorative elements.

[0274] Step 1403: Determine whether to display interactive decorative elements.

[0275] That is, the decision to display is based on the above set of judgments.

[0276] Indicatively, interactive decorative elements are determined to be displayed when the emotional tone of the video content is not negative, the video type corresponding to the video content is not a preset video type, and the current video content is released within the display time range.

[0277] As an example, if the emotional tone of the video content is negative, or the video type is a preset type, or the current video content is released outside the display time range, then interactive decorative elements will not be displayed.

[0278] Step 1404: If yes, send out the marker parameters.

[0279] If an interactive decorative element is displayed, and this is determined to be true, a marker parameter is sent to the corresponding video content. This marker parameter indicates that the interactive decorative element will be displayed in the interactive display area corresponding to the video content.

[0280] If no interactive decorative elements are displayed, the result is considered negative, and no marker parameters are sent to the corresponding video content.

[0281] Step 1405: Send out the video list.

[0282] For each video content in the video list, if an interactive decorative element is displayed, the tag parameter issued in step 1404 is passed to the corresponding video content in the video list; if no interactive decorative element is displayed, the tag parameter is not passed.

[0283] After checking the content of each video in the video list, the video list is distributed.

[0284] Step 1406: The client interface displays the video list.

[0285] This example illustrates how the video content in the video list is displayed on the master account's client interface based on user actions (such as swiping). The master account can interact with this video content.

[0286] In summary, the display method in the social platform provided in this application embodiment displays interactive decorative elements during the interactive animation between the first interface element and the second interface element. The combination of interactive decorative elements and interactive animation between interface elements enriches the social interaction methods between users and further enhances users' perception of their interaction with other users.

[0287] The following example illustrates the display method in the social platform provided in this application, using the first interface element as the first profile picture of the first account and the second interface element as the second profile picture of the main control account.

[0288] (a) Impact interaction + firecracker elements.

[0289] Figure 15 shows a flowchart of a display method in a social platform provided by an exemplary embodiment of this application.

[0290] Step 1510: Display the first social content and the corresponding interactive display area in the social platform on the social content display interface of the main account.

[0291] The first social content corresponds to an interactive display area, which includes the first account's first profile picture. The first account is the account that has interacted with the first social content.

[0292] Step 1520: Receive interactive operations from the main control account regarding the first social content.

[0293] Interactive actions are used to interact with the primary social content.

[0294] Step 1531: In response to the interactive operation, the second avatar of the main account is displayed to enter the interactive display area and collide with the first avatar.

[0295] Schematic illustration: The impact direction of the second interface element colliding with the first interface element is horizontal. For example, if the second interface element is to the left of the first interface element, it moves horizontally to the right and collides with the first interface element; or, if the second interface element is to the right of the first interface element, it moves horizontally to the left and collides with the first interface element. Alternatively, the impact direction is vertical. For example, if the second interface element is above the first interface element, it collides with the first interface element vertically downwards; or, if the second interface element is below the first interface element, it collides with the first interface element vertically upwards. Alternatively, the impact direction can be diagonal. For example, if the second interface element is located to the upper left of the first interface element, it impacts the first interface element along a diagonal trajectory from left to right and from top to bottom; or, the second interface element impacts the first interface element from the upper right of the first interface element along a diagonal path from right to left and from top to bottom; or, the second interface element is located to the lower left of the first interface element, impacting the first interface element along a diagonal trajectory from left to right and from bottom to top; or, the second interface element is located to the lower right of the first interface element, impacting the first interface element in a diagonal direction from right to left and from bottom to top.

[0296] Step 1532: In the interactive display area, the second avatar is shown to bounce and move after hitting the first avatar, and the first avatar is shown to rotate after being hit by the second avatar.

[0297] In some embodiments, the rebound movement refers to the movement along a second movement path. The second movement path can be at least one of a straight line, a curve, etc.

[0298] In some embodiments, the interactive display area includes a first display position and a second display position. The first display position is the display position of a first interface element in the interactive display area, and the second display position is the display position of a second interface element in the interactive display area. In some embodiments, at the end of the interaction between the second interface element and the first interface element, the first interface element is displayed at the first display position in the interactive display area, and the second interface element is displayed at the second display position in the interactive display area. In some embodiments, the endpoint of the second movement path corresponding to the bounce movement action is the second display position.

[0299] In some embodiments, the rotation action of the first interface element refers to the action of the first interface element rotating around a rotation point, where the rotation point is a certain element point in the first interface element. Illustratively, if the first interface element is to the left of the second interface element, and the impact direction of the second interface element is a horizontal direction from right to left, the initial rotation direction of the first interface element is counterclockwise. After rotating counterclockwise by a first preset angle, the first interface element rotates clockwise by a first preset angle to return to its original rotation state.

[0300] Step 1533: Display the firecracker setting element and show the firecracker setting animation after the firecracker setting element is lit.

[0301] In some embodiments, the firecracker animation includes at least one firecracker element, and the number of firecracker elements in the firecracker animation is positively correlated with the total number of elements in the first interface and the second interface.

[0302] Figure 16 illustrates a schematic diagram of an interface for displaying firecracker elements provided in an exemplary embodiment of this application. Indicatively, referring to Figure 16, interface 1600 can be implemented as a video stream display interface used to display video content published in the target application.

[0303] In some embodiments, interface 1600 is used to display video content clicked by a friend's account (such as the first account) of the master account. Interface 1600 displays video content 1610 and an interactive display area 1620, wherein the interactive display area 1620 is used to display the avatar of the friend's account that clicked the "like", as shown in Figure 16. The interactive display area 1620 displays the avatar 1622 of friend account a and the avatar 1623 of friend account b. Interface 1600 displays a "like" button 1630 corresponding to the master account. When the first user clicks the "like" button 1630, as shown in Figure 16, the avatar 1621 of the master account is displayed at the "like" button 1630 on interface 1600. Then, the avatar 1621 moves along path 1640 to the interactive display area 1620 and collidees with the avatar 1622. As shown in Figure 16, at the moment when avatar 1622 and avatar 1621 collide, a firecracker element 1650 is displayed at a certain position between avatar 1622 and avatar 1621. The lit firecracker element 1650 moves upward from the position between avatar 1622 and avatar 1621 to a designated position. At the designated position, the lit firecracker element 1650 is de-displayed, and a firing animation is displayed. Since the current interface 1600 displays 3 avatars, the firing animation includes 3 firecracker elements 1660.

[0304] In this process, after head 1621 collides with head 1622, head 1621 is bounced back from the impact, moves to the right to a designated position, and comes to rest. Head 1622, due to the impact, rotates counterclockwise by a certain angle and then clockwise by a certain angle to return to its original position. Similarly, head 1623 also rotates counterclockwise by a certain angle and then clockwise by a certain angle to return to its original position. For details, please refer to Figure 8 for further explanation; it will not be elaborated upon here.

[0305] (ii) Jumping up and down + fireworks elements.

[0306] Figure 17 shows a flowchart of a display method in a social platform provided by an exemplary embodiment of this application.

[0307] Step 1710: Display the first social content and the corresponding interactive display area in the social platform on the social content display interface of the main control account.

[0308] The first social content corresponds to an interactive display area, which includes the first account's first profile picture. The first account is the account that has interacted with the first social content.

[0309] Step 1720: Receive interactive operations from the main control account regarding the first social content.

[0310] Interactive actions are used to interact with the primary social content.

[0311] Step 1731: In response to the interactive operation, the second avatar of the main account is displayed in the second display position of the interactive display area.

[0312] Step 1732: Display the second avatar jumping vertically upwards and then falling vertically downwards back to the second display position; and display the first avatar jumping vertically upwards and then falling vertically downwards back to the first display position.

[0313] The first display position and the second display position are on the same horizontal line.

[0314] Step 1733: Display the fireworks display animation.

[0315] The fireworks animation includes at least one fireworks element, and the number of fireworks elements in the animation is positively correlated with the total number of elements in the first and second interfaces. For example, if the current client interface displays one first avatar and one second avatar, then the fireworks animation will display two fireworks elements; if the current client interface displays two first avatars and one second avatar, then the animation will display three fireworks elements.

[0316] Figure 18 illustrates a schematic diagram of an interface for displaying fireworks elements provided in an exemplary embodiment of this application. Indicatively, referring to Figure 18, interface 1800 can be implemented as a video stream display interface used to display video content published in the target application.

[0317] In some embodiments, interface 1800 is used to display video content of a friend's account (such as the first account) clicking the "heart like" button on the main control account. Interface 1800 displays video content 1810 and an interactive display area 1820, where the interactive display area 1820 is used to display the avatars of the friend's account that clicked the "heart like" button, as shown in Figure 18. The interactive display area 1820 displays the avatars 1822 of friend account a and 1823 of friend account b. Interface 1800 displays a "heart like" button 1830 corresponding to the main control account. When the first user clicks the "heart like" button 1830, as shown in Figure 18, the avatar 1821 of the main control account is displayed at the "heart like" button 1830 on interface 1800. Then, the avatar 1821 moves along path 1840 to the interactive display area 1820 and is displayed in a second display position. As shown in Figure 18, at the moment when the avatar 1821 is displayed in the second display position, a fireworks animation is displayed. Since the current interface 1800 displays 3 avatars, the fireworks animation includes 3 fireworks elements 1850.

[0318] Specifically, at the moment when avatar 1821 is displayed in the second display position, avatars 1821, 1822, and 1833 begin to perform a jumping motion in sequence, jumping upwards and then falling back. For details, please refer to the relevant explanation in Figure 10, which will not be elaborated here.

[0319] (III) Gathering and jumping + fireworks elements.

[0320] Figure 19 shows a flowchart of a display method in a social platform provided by an exemplary embodiment of this application.

[0321] Step 1910: Display the first social content and the corresponding interactive display area in the social platform on the social content display interface of the main control account.

[0322] The first social content corresponds to an interactive display area, which includes the first account's first profile picture. The first account is the account that has interacted with the first social content.

[0323] Step 1920: Receive interactive operations from the main control account regarding the first social content.

[0324] Interactive actions are used to interact with the primary social content.

[0325] Step 1931: In response to the interactive operation, the second avatar of the master account is displayed in the third display position in the interactive display area.

[0326] The third display position is different from the second display position.

[0327] Step 1932: Display the second avatar jumping diagonally upwards and then falling diagonally downwards back to the second display position; and display the first avatar jumping diagonally upwards and then falling diagonally downwards back to the first display position.

[0328] The first, second, and third display positions are on the same horizontal line. The first diagonal direction in which the second avatar jumps upwards and the second diagonal direction in which the first avatar jumps upwards intersect.

[0329] Step 1933 displays the fireworks animation.

[0330] In some embodiments, the fireworks display animation includes at least one fireworks element, and the number of fireworks elements in the fireworks display animation is positively correlated with the total number of elements in the first interface and the second interface.

[0331] Figure 20 illustrates a schematic diagram of an interface for displaying fireworks elements provided in an exemplary embodiment of this application. Indicatively, referring to Figure 20, the interface 2000 can be implemented as a video information stream display interface used to display video content published in the target application.

[0332] In some embodiments, interface 2000 is used to display video content clicked by a friend's account (such as the first account) of the master account. Interface 2000 displays video content 2010 and an interactive display area 2020, wherein the interactive display area 2020 is used to display the avatar of the friend's account that clicked the "like," as shown in Figure 20. The interactive display area 2020 displays the avatars 2022 and 2023 of friend account a. Interface 2000 displays a "like" button 2030 corresponding to the master account. When the first user clicks the "like" button 2030, as shown in Figure 20, the avatar 2021 of the master account is displayed at the "like" button 2030 on interface 2000. Then, the avatar 2021 moves along path 2040 to the interactive display area 2020 and is displayed in the third display position. As shown in Figure 20, at the moment when the avatar 2021 is displayed in the third display position, a fireworks animation is displayed. Since the current interface 2000 displays 3 avatars, the fireworks animation includes 3 fireworks elements 2050.

[0333] Specifically, at the moment when avatar 2021 is displayed in the third display position, avatars 2021, 2022, and 2033 simultaneously converge upwards, leap up, and then fall back. For details, please refer to the relevant explanation in Figure 12; it will not be elaborated upon here.

[0334] In some embodiments, an interactive animation between a second interface element and a first interface element is displayed according to interactive configuration parameters. Figure 21 shows a flowchart of a display method in a social platform provided by an exemplary embodiment of this application. Step 430 in Figure 4 further includes steps 2110 and 2120.

[0335] Step 2110: In response to the interactive operation, obtain the interactive configuration parameters of the interactive animation.

[0336] The interaction configuration parameters are used to configure how the elements on the second interface interact with the elements on the first interface in interactive animations.

[0337] In some embodiments, the interactive configuration parameters may be implemented as at least one of the following:

[0338] (1) Interactive configuration parameters are implemented as animation data.

[0339] In some embodiments, the interaction between the second interface element and the first interface element includes at least one of collision interaction, jump interaction, and movement interaction, with collision animation data corresponding to the collision interaction, jump animation data corresponding to the jump interaction, and movement animation data corresponding to the movement interaction pre-configured. In some embodiments, the interaction between the second interface element and the first interface element also includes displaying interactive decorative elements, in which case element animation data corresponding to the interactive decorative elements can be pre-configured; or element animation data can be added to the collision animation data, jump animation data, and movement animation data.

[0340] To illustrate, during a collision interaction, the client will call pre-prepared collision animation data to display the collision effect between the two elements; during a jump interaction, the client will call pre-prepared jump animation data to display the jump effect between the two elements; during a movement interaction, the client will call pre-prepared movement animation data to display the movement effect between the two elements. When the interaction also involves displaying interactive decorative elements, the animation effect of the interactive decorative elements will be displayed according to the preset element animation data when the interaction is triggered.

[0341] (2) Interactive configuration parameters are implemented as element action parameters.

[0342] In some embodiments, the element action parameters include the action parameters of a first action and the action parameters of a second action.

[0343] In some embodiments, the element action parameters are: action parameters of the impact action (e.g., response action) performed by the first interface element in a collision interaction, and action parameters of the impact action (e.g., rebound action) performed by the second interface element in a collision interaction; action parameters of the first jump action performed by the first interface element in a jump interaction, and action parameters of the second jump action performed by the second interface element in a jump interaction; and action parameters of the first movement action performed by the first interface element in a movement interaction, and action parameters of the second movement action performed by the second interface element in a movement interaction.

[0344] In a schematic way, during the collision interaction, the first interface element performs a collision action, such as a response action. The client will display the response effect after the collision based on the pre-set parameters of the response action, such as the speed, rotation angle, path, and direction of the response action. The second interface element performs a collision action, such as a bounce action. The client will display the bounce effect after the collision based on the pre-set parameters of the bounce action, such as the speed, rotation angle, path, and direction of the bounce action.

[0345] In the jumping interaction, the first interface element performs the first jump action, and the action parameters of the first jump action are used to determine the jump height, direction, speed, path, etc.; the second interface element performs the second jump action, and the action parameters of the second jump action are used to determine the jump height, direction, speed, path, etc. The jump actions of the two elements can form different cooperative effects according to the action parameters, such as parallel jump, cluster jump, and dispersed jump.

[0346] In mobile interaction, the first interface element performs a first movement action, and the action parameters of the first movement action are used to determine the movement path, speed, etc.; the second interface element performs a second movement action, and the action parameters of the second movement action are used to determine the movement path, speed, etc.

[0347] In some embodiments, the interaction between the second interface element and the first interface element also includes displaying interactive decorative elements. In this case, motion parameters corresponding to the interactive decorative elements can be pre-configured. These motion parameters are used to display element animations. For example, when the interaction includes interactive decorative elements, motion parameters are also configured for them. These parameters are used to control the animation display of the interactive decorative elements. For instance, in a fireworks display animation, the motion parameters are used to determine the initial position, initial size, initial color, movement speed, movement trajectory, display time, display range, size changes, color changes, and disappearance method of the fireworks element.

[0348] In some embodiments, the method for obtaining the interactive configuration parameters of an interactive animation includes at least one of the following methods:

[0349] (1) Obtain the interactive configuration parameters of the interactive animation based on the total number of elements in the first interface and the second interface.

[0350] Different total numbers of first and second interface elements correspond to different interaction configuration parameters.

[0351] For illustrative purposes, if the interactive configuration parameters are implemented as animation data, the interactive display area can display a maximum of a preset number of account interface elements. Assuming the preset number is 3, then the first animation data and the second animation data can be configured, where the first animation data corresponds to a total of 2 first interface elements and 3 second interface elements.

[0352] If the interaction configuration parameters are implemented as element action parameters, then a first element action parameter and a second element action parameter can be configured. The total number of first element action parameters corresponding to the first interface element and the second interface element is 2, and the total number of second element action parameters corresponding to the first interface element and the second interface element is 3.

[0353] As an illustration, based on the total number of elements in the first and second interfaces obtained from statistics, the corresponding interactive configuration parameters are searched and obtained from the parameter table.

[0354] In the above solution, the interaction configuration parameters are obtained based on the total number of elements in the first and second interfaces, enabling differentiated interactive performance for different numbers of participating elements. Configuring different interaction configuration parameters for different numbers of interface elements avoids resource waste, improves system resource utilization efficiency, and ensures smooth platform operation.

[0355] (2) Obtain the interactive configuration parameters of the interactive animation based on the operation parameters of the interactive operation.

[0356] The operation parameters include at least one of the following: operation trigger time, operation trigger force, and operation trigger frequency. Illustratively, the operation trigger time refers to the specific point in time when the user performs the interactive operation; the operation trigger force refers to the magnitude of the force applied by the user during the interactive operation; and the operation trigger frequency refers to the number of times the user performs the interactive operation within a certain period, reflecting the user's enthusiasm and activity level. Specifically, if the interactive operation is a screen tap, the operation trigger force can be obtained through the device's pressure sensor, the operation trigger time can be obtained through the system time, and the operation trigger frequency can be obtained by counting the number of taps within a certain time window.

[0357] In some embodiments, if the interaction configuration parameters are implemented as animation data, the operation type is determined based on the operation trigger time, operation trigger strength, and operation trigger frequency, and the animation data corresponding to the operation type is obtained as the interaction configuration parameter. For example, after determining the operation type, the animation data corresponding to that operation type is retrieved from pre-stored animation data and used as the interaction configuration parameter.

[0358] In some embodiments, if the interaction configuration parameters are implemented as element action parameters, the element action parameters are determined as interaction configuration data based on the mapping relationship between the operation trigger time and the element action parameters, the mapping relationship between the operation trigger force and the element action parameters, and the mapping relationship between the operation trigger frequency and the element action parameters.

[0359] Indicatively, there are corresponding mapping relationships between various element action parameters and operation trigger time, operation trigger force, and operation trigger frequency. Based on the mapping relationships corresponding to various element action parameters, the parameter values ​​of the current element action parameters are determined, and then the current element action parameters are determined as interaction configuration parameters.

[0360] In the above scheme, interaction configuration parameters are obtained based on the operation parameters of the interactive actions, enabling the interaction between the first and second interface elements to dynamically respond to the user's real-time actions. The operation parameters can more accurately reflect the user's interactive intent. The timing of the operation trigger can reflect the user's willingness to participate in a specific context; the intensity of the operation trigger can reflect the user's level of engagement in the interaction; and the frequency of the operation trigger can reflect the user's enthusiasm and initiative. By adjusting the interaction configuration parameters based on these operation parameters, the social platform can better understand the user's intent, provide users with an interactive experience that better meets their needs, and further improve the interaction effect between users and the platform.

[0361] Step 2120: Display the interactive animation between the second interface element and the first interface element according to the interactive configuration parameters of the interactive animation.

[0362] This example illustrates how the interaction process between a second interface element and a first interface element is determined based on the interaction configuration parameters. For instance, if the interaction configuration parameter is a collision interaction parameter, then the collision interaction process is displayed based on the collision interaction parameter; if the interaction configuration parameter is a jump interaction parameter, then the corresponding jump interaction process is displayed based on the jump interaction parameter; and if the interaction configuration parameter is a movement interaction parameter, then the corresponding movement interaction process is displayed based on the movement interaction parameter.

[0363] In some embodiments, if the interactive configuration parameters are implemented as animation data, the method of displaying the interactive animation between the second interface element and the first interface element according to the animation data further includes: pre-setting the position of the first element and the position of the second element in the client interface, and the animation data being an animation designed based on the position of the first element and the position of the second element; after triggering the interactive operation, assigning the first interface element to the first element position, assigning the second interface element to the second element position, and displaying the interactive animation between the second interface element and the first interface element according to the animation data.

[0364] In summary, the display method in the social platform provided in this application obtains interaction configuration parameters by responding to interactive operations and displays interactive animations based on the interaction configuration parameters, so that the presentation of interactive animations can be adjusted according to different interaction configuration parameters, thereby improving the customizability and flexibility of the interaction.

[0365] Schematic illustration, please refer to Figure 22, which shows a structural block diagram of a display device in a social platform. As shown in Figure 22, the device includes:

[0366] Display module 2210 is used to display the first social content in the social platform and the corresponding interactive display area on the social content display interface of the second account. The interactive display area includes a first interface element representing the first account, and the first account has interactive operations on the first social content.

[0367] The receiving module 2220 is used to receive the interaction operation of the second account in response to the first social content;

[0368] The display module 2210 is also configured to, in response to the interactive operation, display a second interface element representing the second account in the interactive display area, and display an interactive animation between the second interface element and the first interface element, wherein the second account is the account currently logged into the social platform.

[0369] It should be noted that the display device in the social platform provided in the above embodiments is only an example of the division of the above functional modules. In actual applications, the above functions can be assigned to different functional modules as needed, that is, the internal structure of the device can be divided into different functional modules to complete all or part of the functions described above. In addition, the display device in the social platform and the display method embodiment in the social platform provided in the above embodiments belong to the same concept, and the specific implementation process can be found in the method embodiment, which will not be repeated here.

[0370] Figure 23 shows a structural block diagram of a computer device provided in an exemplary embodiment of this application.

[0371] The computer device 2300 can be a portable mobile terminal, such as a smartphone, tablet, MP3 player (Moving Picture Experts Group Audio Layer III), or MP4 player (Moving Picture Experts Group Audio Layer IV). The computer device 2300 may also be referred to as a gaming device, portable terminal, or other names.

[0372] Typically, computer device 2300 includes a processor 2301 and a memory 2302.

[0373] Processor 2301 may include one or more processing cores, such as a quad-core processor, an octa-core processor, etc. Processor 2301 may be implemented using at least one hardware form selected from DSP (Digital Signal Processing), FPGA (Field Programmable Gate Array), and PLA (Programmable Logic Array). Processor 2301 may also include a main processor and a coprocessor. The main processor, also known as a CPU (Central Processing Unit), is used to process data in the wake-up state; the coprocessor is a low-power processor used to process data in the standby state. In some embodiments, processor 2301 may integrate a GPU (Graphics Processing Unit), which is responsible for rendering and drawing the content required to be displayed on the screen. In some embodiments, processor 2301 may also include an AI (Artificial Intelligence) processor, which is used to handle computational operations related to machine learning.

[0374] The memory 2302 may include one or more computer-readable storage media, which may be tangible and non-transitory. The memory 2302 may also include high-speed random access memory and non-volatile memory, such as one or more disk storage devices or flash memory devices. In some embodiments, the non-transitory computer-readable storage media in the memory 2302 are used to store at least one instruction, which is executed by the processor 2301 to implement the display method in the social platform provided in this embodiment.

[0375] In some embodiments, the computer device 2300 may further include: a peripheral device interface 2303 and at least one peripheral device. Specifically, the peripheral device includes at least one of: a radio frequency circuit 2304, a touch display screen 2305, a camera 2306, an audio circuit 2307, and a power supply 2308.

[0376] Peripheral device interface 2303 can be used to connect at least one I / O (Input / Output) related peripheral device to processor 2301 and memory 2302. In some embodiments, processor 2301, memory 2302 and peripheral device interface 2303 are integrated on the same chip or circuit board; in some other embodiments, any one or two of processor 2301, memory 2302 and peripheral device interface 2303 can be implemented on separate chips or circuit boards, which is not limited in this embodiment.

[0377] The radio frequency (RF) circuit 2304 is used to receive and transmit RF (Radio Frequency) signals, also known as electromagnetic signals. The RF circuit 2304 communicates with communication networks and other communication devices via electromagnetic signals. The RF circuit 2304 converts electrical signals into electromagnetic signals for transmission, or converts received electromagnetic signals back into electrical signals. In some embodiments, the RF circuit 2304 includes: an antenna system, an RF transceiver, one or more amplifiers, a tuner, an oscillator, a digital signal processor, a codec chipset, a player identity module card, etc. The RF circuit 2304 can communicate with other terminals through at least one wireless communication protocol. This wireless communication protocol includes, but is not limited to: the World Wide Web, metropolitan area networks, intranets, various generations of mobile communication networks (2G, 3G, 4G, and 5G), wireless local area networks, and / or WiFi (Wireless Fidelity) networks. In some embodiments, the RF circuit 2304 may also include circuitry related to NFC (Near Field Communication), which is not limited in this application.

[0378] The touch display screen 2305 is used to display a UI (User Interface). This UI may include graphics, text, icons, videos, and any combination thereof. The touch display screen 2305 also has the ability to collect touch signals on or above its surface. These touch signals can be input as control signals to the processor 2301 for processing. The touch display screen 2305 is used to provide virtual buttons and / or a virtual keyboard, also known as soft buttons and / or a soft keyboard. In some embodiments, there may be one touch display screen 2305, located on the front panel of the computer device 2300; in other embodiments, there may be at least two touch display screens, respectively located on different surfaces of the computer device 2300 or in a folded design; in some embodiments, the touch display screen 2305 may be a flexible display screen, located on a curved or folded surface of the computer device 2300. Furthermore, the touch display screen 2305 may also be configured as a non-rectangular, irregular shape, i.e., a non-rectangular screen. The touch display 2305 can be made of materials such as LCD (Liquid Crystal Display) and OLED (Organic Light-Emitting Diode).

[0379] The camera assembly 2306 is used to acquire images or videos. In some embodiments, the camera assembly 2306 includes a front-facing camera and a rear-facing camera. Typically, the front-facing camera is used for video calls or selfies, and the rear-facing camera is used for taking photos or videos. In some embodiments, there are at least two rear-facing cameras, which are any one of a main camera, a depth-sensing camera, and a wide-angle camera, to achieve background blurring by fusion of the main camera and the depth-sensing camera, and panoramic shooting and VR (Virtual Reality) shooting by fusion of the main camera and the wide-angle camera. In some embodiments, the camera assembly 2306 may also include a flash. The flash can be a single-color temperature flash or a dual-color temperature flash. A dual-color temperature flash is a combination of a warm-light flash and a cool-light flash, which can be used for light compensation at different color temperatures.

[0380] Audio circuitry 2307 provides an audio interface between the player and computer device 2300. Audio circuitry 2307 may include a microphone and a speaker. The microphone is used to collect sound waves from the player and the environment, converting the sound waves into electrical signals that are input to processor 2301 for processing, or input to radio frequency circuitry 2304 for voice communication. For stereo sound acquisition or noise reduction purposes, multiple microphones may be used, each located at a different location on the computer device 2300. The microphone may also be an array microphone or an omnidirectional microphone. The speaker is used to convert electrical signals from processor 2301 or radio frequency circuitry 2304 into sound waves. The speaker may be a conventional diaphragm speaker or a piezoelectric ceramic speaker. When the speaker is a piezoelectric ceramic speaker, it can convert electrical signals not only into audible sound waves but also into inaudible sound waves for purposes such as distance measurement. In some embodiments, audio circuitry 2307 may also include a headphone jack.

[0381] Power supply 2308 is used to supply power to the various components in computer device 2300. Power supply 2308 can be AC ​​power, DC power, a disposable battery, or a rechargeable battery. When power supply 2308 includes a rechargeable battery, the rechargeable battery can be a wired rechargeable battery or a wireless rechargeable battery. A wired rechargeable battery is a battery that is charged via a wired line, and a wireless rechargeable battery is a battery that is charged via a wireless coil. The rechargeable battery can also be used to support fast charging technology.

[0382] In some embodiments, the computer device 2300 further includes one or more sensors 2309. The one or more sensors 2309 include, but are not limited to: an accelerometer 2310, a gyroscope 2311, a pressure sensor 2312, an optical sensor 2313, and a proximity sensor 2314.

[0383] Those skilled in the art will understand that the structure shown in FIG23 does not constitute a limitation on the computer device 2300, and may include more or fewer components than shown, or combine certain components, or employ different component arrangements.

[0384] In an exemplary embodiment, this application provides a chip that includes programmable logic circuitry and / or program instructions. When the chip is run on a computer device, it is used to implement the display method in the social platform provided in the above method embodiments.

[0385] This application provides a computer-readable storage medium storing a computer program that is loaded and executed by a processor to implement the display method in the social platform provided in the above-described method embodiments.

[0386] This application provides a computer program product or computer program, which includes computer instructions stored in a computer-readable storage medium. A processor of a computer device reads the computer instructions from the computer-readable storage medium and executes the computer instructions, causing the processor of the computer device to load and execute the display method in the social platform provided in the above-described method embodiments.

[0387] The sequence numbers of the embodiments in this application are for descriptive purposes only and do not represent the superiority or inferiority of the embodiments.

[0388] Those skilled in the art will understand that all or part of the steps of the above embodiments can be implemented by hardware or by a program instructing related hardware. The program can be stored in a computer-readable storage medium, such as a read-only memory, a disk, or an optical disk.

[0389] Those skilled in the art will recognize that the functions described in the embodiments of this application in one or more of the above examples can be implemented using hardware, software, firmware, or any combination thereof. When implemented using software, these functions can be stored in a computer-readable medium or transmitted as one or more instructions or code on a computer-readable medium. Computer-readable media include computer storage media and communication media, wherein communication media include any medium that facilitates the transfer of a computer program from one place to another. Storage media can be any available medium that can be accessed by a general-purpose or special-purpose computer.

[0390] The above description is merely an embodiment of this application and is not intended to limit this application. Any modifications, equivalent substitutions, improvements, etc., made within the spirit and principles of this application should be included within the protection scope of this application.

Claims

1. A display method in a social platform, executed by a computer device, the method comprising: displaying, in a social content display interface of a second account, a first social content in the social platform and an interaction display area corresponding to the first social content, the interaction display area including a first interface element representing a first account, the first account having an interaction operation for the first social content; receiving an interaction operation of the second account for the first social content; in response to the interaction operation, displaying a second interface element representing the second account in the interaction display area, and displaying an interaction animation between the second interface element and the first interface element, the second account being an account currently logged in the social platform. 2.The method of claim 1, wherein: in the interaction animation, the first interface element performs a first action; or in the interaction animation, the second interface element performs a second action; or in the interaction animation, the first interface element performs the first action, and the second interface element performs the second action, wherein the first action and the second action have a matching relationship.

3. The method of claim 2, wherein, the first interface element performing the first action comprises: the first interface element being hit by the second interface element and performing at least one of a moving action, a rotating action and a jumping action after being hit by the second interface element; the second interface element performing the second action comprises: the second interface element hitting the first interface element and performing at least one of a rebounding moving action, a rebounding rotating action and a rebounding jumping action after hitting the first interface element.

4. The method of claim 2, wherein, the first interface element performing the first action comprises: the first interface element performing a first jumping action; the second interface element performing the second action comprises: the second interface element performing a second jumping action; wherein the first jumping action and the second jumping action are displayed synchronously; or the first jumping action and the second jumping action are displayed sequentially.

5. The method of claim 4, wherein, the first jumping action and the second jumping action are displayed synchronously; the first jumping action and the second jumping action are respectively jumping actions of the first interface element and the second interface element towards the same direction; or the first jumping action and the second jumping action are respectively jumping actions of the first interface element and the second interface element towards different directions.

6. The method according to any one of claims 2-5, wherein, the first interface element performing the first action comprises: the first interface element moving along a first path; the second interface element performing the second action comprises: the second interface element moving along a second path.

7. The method of claim 6, wherein, the first path and the second path are respectively path branches corresponding to a preset pattern track; or the first path and the second path have a same path segment, and in the same path segment, the first interface element and the second interface element have a following relationship; or the first path and the second path are parallel, and the first interface element and the second interface element move in parallel.

8. The method according to any one of claims 2-7, wherein, The method further includes: Interactive decorative elements are displayed in the interactive display area; The interactive decorative elements include at least one of the following: fireworks, firecrackers, confetti, and emoticons.

9. The method of claim 8, wherein, The display of interactive decorative elements in the interactive display area includes: During the process of the first interface element performing the first action and the second interface element performing the second action, the element animation corresponding to the interactive decorative element is displayed in the interactive display area; The element animation includes at least one of the interactive decorative elements, and the number of the interactive decorative elements in the element animation is positively correlated with the total number of the first interface elements and the second interface elements.

10. The method of claim 8, wherein, The interactive decorative elements include emoticons; The receiving of interactive operations from the second account regarding the first social content includes: The second account's selection of the emoji element is received as the second account's interaction with the first social content; The display of interactive decorative elements in the interactive display area includes: The second interface element is displayed in the interactive display area to show the first interface element the first facial expression action corresponding to the facial expression element; The interactive display area displays the first interface element showing the second expression action corresponding to the expression element to the second interface element, and there is a matching relationship between the first expression action and the second expression action.

11. The method according to any one of claims 8-10, wherein, The display of interactive decorative elements in the interactive display area includes: If the first social content meets the preset content requirements, the interactive decorative element is displayed in the interactive display area. Wherein, the first social content meets the preset content requirements, including at least one of the following: The content type of the first social content falls within the preset type range; The second account's interaction with the first social content is within a preset time range.

12. The method of any one of claims 2-11, wherein, The step of displaying the interactive animation between the second interface element and the first interface element further includes: After the first interface element performs the first action and the second interface element performs the second action, if the first account and the second account are associated, a third interface element is displayed to replace the display of the first interface element and the second interface element.

13. The method according to any one of claims 1 to 12, wherein, Before displaying the second interface elements of the second account in the interactive display area, the method further includes: The second interface element is displayed to enter the interactive display area; The animation displaying the interaction between the second interface element and the first interface element includes: After the second interface element enters the interactive display area, an interactive animation between the second interface element and the first interface element is displayed.

14. The method of claim 13, wherein, The step of displaying the second interface element entering the interactive display area includes: In the first entry phase, the second interface element is shown to move along the first entry path to a designated location on the first entry path. During this movement, the first interface element is shown to remain stationary in the interactive display area. In the second entry phase, the second interface element starts from the designated location point and continues to move along the first entry path until it reaches the end of the first entry path in the interactive display area. During this movement, the interactive preparation action of the first interface element is displayed. The interactive preparation action is used to express the preparation process of the first interface element before interacting with the second interface element. The animation displaying the interaction between the second interface element and the first interface element includes: When the first interface element completes the interactive preparation action and the second interface element moves to the end of the first entry path, the interactive animation between the second interface element and the first interface element is displayed.

15. The method of claim 13, wherein, Before the second interface element enters the interactive display area along the first entry path, the method further includes: This indicates that the first interface element has moved from the interactive display area to outside the interactive display area; The animation displaying the interaction between the second interface element and the first interface element includes: Outside the interactive display area, the interactive animation between the first interface element and the second interface element is displayed; When the second interface element enters the interactive display area, the method further includes: The first interface element is displayed as it enters the interactive display area.

16. The method of any one of claims 1-15, wherein, The method further includes at least one of the following: Play the interactive sound corresponding to the interaction between the first interface element and the second interface element in the interactive animation; Generates interactive vibrations corresponding to the interaction between the first interface element and the second interface element in the interactive animation.

17. The method of any one of claims 1-16, wherein, The method further includes: In response to the interactive operation, interactive configuration parameters are obtained, which are used to configure the interactive performance of the second interface element and the first interface element in the interactive animation. The animation displaying the interaction between the second interface element and the first interface element includes: Based on the interaction configuration parameters, the interactive animation between the second interface element and the first interface element is displayed.

18. The method of claim 17, wherein, The process of obtaining interactive configuration parameters includes: The interaction configuration parameters are obtained based on the total number of the first interface elements and the second interface elements, wherein different total numbers correspond to different interaction configuration parameters; or... The interaction configuration parameters are obtained based on at least one of the following: the operation triggering time, the operation triggering intensity, and the operation triggering frequency.

19. The method of any one of claims 1 to 18, wherein, The first interface element includes the first profile picture of the first account; the second interface element includes the second profile picture of the second account. In response to the interactive operation, displaying a second interface element representing the second account in the interactive display area, and displaying an interactive animation between the second interface element and the first interface element, includes: In response to the interactive operation, the second avatar of the second account is displayed in the interactive display area, and the interactive animation between the second avatar and the first avatar is displayed.

20. A display device in a social platform, applied to a computer device, wherein, The device includes: The display module is used to display the first social content in the social platform and the corresponding interactive display area on the social content display interface of the second account. The interactive display area includes a first interface element representing the first account, and the first account has interactive operations on the first social content. A receiving module is used to receive interactive operations from the second account in response to the first social content; The display module is further configured to respond to the interactive operation by displaying a second interface element representing the second account in the interactive display area, and by displaying an interactive animation between the second interface element and the first interface element, wherein the second account is the account currently logged into the social platform.

21. A computer device, wherein, The computer device includes a processor and a memory, the memory storing at least one program, the at least one program being loaded and executed by the processor to implement the display method in the social platform as described in any one of claims 1 to 19.

22. A computer readable storage medium, wherein, The storage medium stores at least one program segment, which is loaded and executed by a processor to implement the display method in the social platform as described in any one of claims 1 to 19.

23. A computer program product, wherein, Includes a computer program that, when executed by a processor, implements the display method in the social platform as described in any one of claims 1 to 19.

Images