Dynamic content display method and device, equipment, medium and program product

By displaying multiple images on the terminal device and combining them with gyroscope data, and switching between the images according to the user's operation, the problem of monotonous dynamic effects is solved, and rich animation effects and efficient human-computer interaction are achieved.

CN121635692APending Publication Date: 2026-03-10TENCENT TECHNOLOGY (SHENZHEN) CO LTD
View PDF 0 Cites 0 Cited by

Patent Information

Authority / Receiving Office
CN · China
Patent Type
Applications(China)
Current Assignee / Owner
Filing Date
2024-08-29
Publication Date
2026-03-10

AI Technical Summary

Technical Problem

In existing technologies, the method of using gyroscopes to control layer position offset to achieve dynamic effects is relatively simple, which limits the diversity of dynamic effects.

Method used

By displaying multiple images on the terminal device and combining them with angular velocity data collected by the gyroscope, the images are switched and displayed in accordance with the user's motion control operations, forming rich animation effects.

Benefits of technology

It enriches the diversity of animation effects, enhances the interactivity between users and dynamic content, and improves the efficiency of human-computer interaction.

✦ Generated by Eureka AI based on patent content.

Smart Images

  • Figure CN121635692A_ABST
    Figure CN121635692A_ABST
Patent Text Reader

Abstract

The invention discloses a dynamic content display method and device, equipment, a medium and a program product, and relates to the technical field of computers. The method comprises the following steps: displaying dynamic content; receiving a motion control operation on the terminal equipment; and switching and displaying among the plurality of images along with the motion control operation to form an animation effect that the dynamic content changes along with the motion control operation. On one hand, a user can randomly design a plurality of images according to requirements, and compared with a single layer dislocation animation formed by layer dislocation, the animation effect formed by switching display among the plurality of images is richer, and the diversity of the animation effect formed by controlling the terminal to move is enriched; and on the other hand, the user can control the display progress of the dynamic content displayed by the terminal through the action of the user, so that the interactivity between the user and the dynamic content is enhanced, and the man-machine interaction efficiency is improved.
Need to check novelty before this filing date? Find Prior Art

Description

TECHNICAL FIELD

[0001] Embodiments of the present application relate to the technical field of computer, and particularly relate to a display method, device, apparatus, medium and program product of dynamic content. BACKGROUND

[0002] The gyroscope in the mobile phone is also called angular velocity sensor, which is usually located on the mainboard of the mobile phone and can obtain the current rotation state of the mobile phone. The dynamic effect of the mobile phone screen can be realized through the gyroscope.

[0003] In the related art, a plurality of layers are arranged in the mobile phone screen. When the user shakes the mobile phone, the plurality of layers in the mobile phone screen will produce position offset according to the angular velocity data collected by the gyroscope, so as to realize the spatial dynamic effect of screen interlacing and visual depth enhancement.

[0004] However, the method of using the gyroscope to control the position offset of the layers to realize the dynamic effect is relatively single, which limits the diversity of the dynamic effect. SUMMARY

[0005] Embodiments of the present application provide a display method, device, apparatus, medium and program product of dynamic content, which can enrich the diversity of dynamic effect. The technical solution is as follows:

[0006] In one aspect, a display method of dynamic content is provided, which is executed by a terminal device, and the method comprises:

[0007] displaying the dynamic content, wherein the dynamic content comprises a plurality of images, and the plurality of images form an animation effect of the dynamic content;

[0008] receiving a motion control operation on the terminal device;

[0009] switching display between the plurality of images following the motion control operation, so as to form an animation effect of the dynamic content changing following the motion control operation.

[0010] In another aspect, a display device of dynamic content is provided, which comprises:

[0011] a first display module configured to display the dynamic content, wherein the dynamic content comprises a plurality of images, and consecutive images form an animation effect of the dynamic content;

[0012] an operation receiving module configured to receive a motion control operation on the terminal device;

[0013] a second display module configured to switch display between the plurality of images following the motion control operation, so as to form an animation effect of the dynamic content changing following the motion control operation.

[0014] In another aspect, a computer device is provided, which includes a processor and a memory having stored therein at least one instruction, at least one program, a code set or an instruction set, which is loaded and executed by the processor to implement any of the above-mentioned dynamic content display methods.

[0015] In another aspect, a computer readable storage medium is provided, which has stored therein at least one instruction, at least one program, a code set or an instruction set, which is loaded and executed by a processor to implement any of the above-mentioned dynamic content display methods.

[0016] In another aspect, a computer program product or computer program is provided, 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 the processor executes the computer instructions to cause the computer device to perform any of the above-mentioned dynamic content display methods.

[0017] The technical solutions provided by the embodiments of the present application have at least the following beneficial effects:

[0018] The dynamic content containing multiple images is displayed in the terminal, and when the user controls the terminal to move, the multiple images are switched and displayed following the user operation, thereby forming an animation effect in which the dynamic content changes following the movement of the terminal. On the one hand, the user can design the multiple images arbitrarily according to requirements, and the animation effect formed by switching and displaying between the multiple images is more rich than the single layer displacement animation formed by layer displacement, thereby enriching the diversity of the animation effect formed by controlling the terminal to move. On the other hand, the user can control the display progress of the dynamic content displayed by the terminal through his own actions, thereby enhancing the interactivity between the user and the dynamic content and improving the human-computer interaction efficiency. BRIEF DESCRIPTION OF DRAWINGS

[0019] In order to more clearly illustrate the technical solutions in the embodiments of the present application, the drawings needed in the embodiment description will be briefly introduced. Obviously, the drawings in the following description are only some embodiments of the present application, and other drawings can be obtained by those skilled in the art without creative effort on the basis of these drawings.

[0020] FIG. 1 is a schematic diagram of a computer system provided by an exemplary embodiment of the present application;

[0021] FIG. 2This is a schematic diagram of a dynamic content display method provided in an exemplary embodiment of this application;

[0022] FIG. 3 This is a flowchart of a method for displaying dynamic content provided in an exemplary embodiment of this application;

[0023] FIG. 4 This is a flowchart of a method for displaying dynamic content provided in another exemplary embodiment of this application;

[0024] FIG. 5 This is a schematic diagram illustrating the switching of displayed images on a dynamic playback axis, provided by an exemplary embodiment of this application.

[0025] FIG. 6 This is a flowchart of a method for displaying dynamic content provided in yet another exemplary embodiment of this application;

[0026] FIG. 7 This is a schematic diagram illustrating the switching of displayed images in a dynamic playback coordinate system, provided by an exemplary embodiment of this application.

[0027] FIG. 8 This is a flowchart of a method for displaying dynamic content provided in another exemplary embodiment of this application;

[0028] FIG. 9 This is a schematic diagram of the functional framework of a gyroscope provided in an exemplary embodiment of this application;

[0029] FIG. 10 This is a schematic diagram illustrating the effect of an exemplary embodiment of this application;

[0030] FIG. 11 This is a performance optimization diagram provided by an exemplary embodiment of this application;

[0031] FIG. 12 This is a structural block diagram of a dynamic content display device provided in an exemplary embodiment of this application;

[0032] FIG. 13 This is a structural block diagram of a computer device provided in an exemplary embodiment of this application. Detailed Implementation

[0033] 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.

[0034] 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.

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

[0036] FIG. 1 A structural block diagram of a computer system 100 provided in an exemplary embodiment of this application is shown. The computer system 100 can implement a system architecture that serves as a method for displaying dynamic content. The computer system 100 includes a terminal 110 and a server 120.

[0037] Terminal 110 can be an electronic device such as a mobile phone, tablet computer, vehicle terminal (vehicle system), wearable device, or PC (Personal Computer). A client application for the target application can be installed and run on Terminal 110. This target application can be any of the following: Virtual Reality (VR) application, Augmented Reality (AR) application, 3D mapping application, Virtual Reality game, Augmented Reality game, First-Person Shooter (FPS) game, Third-Person Shooter (TPS) game, Multiplayer Online Battle Arena (MOBA) game, Strategy Game (SLG), Party Game, Building Game, Open World Game, Survival Role-Playing Game, 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 Terminal 110, and can also be in web page form.

[0038] Terminal 110 is connected to server 120 via wireless or wired network.

[0039] Server 120 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. Optionally, server 120 can also be implemented as a node in a blockchain system.

[0040] For example, server 120 includes processor 124 and memory 122. Memory 122 further includes receiving module 1221, control module 1222, and sending module 1223. Receiving module 1221 is used to receive requests sent by terminal 110; control module 1222 is used to control the rendering of the virtual world screen; and sending module 1223 is used to send responses to terminal 110. Server 120 is used to provide background services for terminal 110.

[0041] Optionally, server 120 undertakes the main computing work and terminal 110 undertakes the secondary computing work; or, server 120 undertakes the secondary computing work and terminal 110 undertakes the main computing work; or, server 120 and terminal 110 adopt a distributed computing architecture for collaborative computing.

[0042] The dynamic content display method 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. FIG. 1 Taking the computer system shown as an example, the dynamic content display method can be executed by terminal 110 (e.g., the target application installed and running in terminal 110 executes the dynamic content display method), or by server 120, or by terminal 110 and server 120 interacting and cooperating to execute it. This application does not limit this.

[0043] Those skilled in the art will understand that the number of terminals 110 described above can be more or less. For example, there may be only one terminal 110, or there may be dozens or hundreds of terminals 110, or even more. This application does not limit the number or type of terminals 110 in its embodiments.

[0044] The gyroscope in a mobile phone, also known as an angular velocity sensor, is typically located on the motherboard. It acquires the phone's current rotation state, enabling dynamic effects on the screen. In related technologies, the phone screen displays multiple layers. When the user shakes the phone, the angular velocity data collected by the gyroscope causes these layers to shift, creating a spatial dynamic effect that interweaves the foreground and background, enhancing visual depth. However, using the gyroscope to control layer position shifts to achieve dynamic effects is relatively simple, limiting the diversity of such effects.

[0045] Based on this, embodiments of this application provide a method for displaying dynamic content, taking animation as an example, such as... FIG. 2 The diagram illustrates a method for displaying dynamic content according to an exemplary embodiment of this application. The method is described using a computer device as an example. This computer device can be... FIG. 1 Terminal 110 is shown.

[0046] The dynamic content display method provided in this application can create animations in a virtual engine. These animations include multiple images distributed along an animation timeline. When the user controls the movement of the phone, the multiple images are switched and displayed on the animation timeline according to the direction and speed of the phone's movement, thereby controlling the animation's playback effect.

[0047] Please refer to FIG. 2 When the phone 201 is placed flat and stationary, the screen of the phone 201 displays image 210, which is located at the center of the animation timeline 202. In image 210, the character 211 is standing, and there are no ink-wash effects; some flowers are partially open. When the user controls the phone 201 to rotate to the right, the images on the animation timeline are displayed sequentially to the right. That is, the animation plays to the right according to the animation timeline, starting with image 210 as the first frame. The playback speed of the animation is determined by the extent of the user's rotation of the phone 201; for example, the greater the extent of the user's rotation of the phone 201, the faster the animation plays.

[0048] As the user controls the phone 201 to rotate to the right, the phone 201's interface plays animations of a character dancing, ink wash effects appearing, and flowers slowly opening. When the user controls the phone 201 to rotate to the right to a preset angle, the phone 201's interface displays image 220, which is at the rightmost position on the animation timeline 202. In image 220, the character 211 is in a dancing state, and ink wash effects appear, with the flowers in an open state.

[0049] In summary, the dynamic content display method provided in this application combines mobile phone movement with engine animation. Users can control the animation playback progress by controlling the mobile phone, thereby displaying different effects, enhancing the richness and interactivity of dynamic content, and improving human-computer interaction efficiency.

[0050] Next, the flow of the method for displaying dynamic content provided in the present application is introduced.

[0051] FIG. 3 A flowchart illustrating a dynamic content display method provided in an exemplary embodiment of this application is shown. The method is described using an example of its application to a terminal device, which may be... FIG. 1 The terminal 110 shown includes steps 310 to 330.

[0052] Step 310: Display dynamic content.

[0053] Optionally, the types of dynamic content include animations, videos, GIFs, etc., and illustratively, dynamic content can be character introduction content, live wallpapers, lock screen animations, song covers, etc., without limitation here.

[0054] The dynamic content includes multiple images, which together create the animation effect of the dynamic content. Optionally, the multiple images are arranged in a preset order.

[0055] This is illustrative; multiple images are pre-configured, and playing these images in a preset order can create a coherent animation effect.

[0056] In some embodiments, when displaying dynamic content, a first image of a plurality of images of the dynamic content is displayed.

[0057] Optionally, the first image can be any one of multiple images. Illustratively, the multiple images are arranged in a preset order. When the terminal device is stationary and laid flat, the image displayed at the beginning of the multiple images is the first image; or the image displayed in the middle of the multiple images is the first image; or the image displayed at the end of the multiple images is the first image.

[0058] In other embodiments, when displaying dynamic content, the corresponding default animation effect of the dynamic content is displayed.

[0059] Optionally, the default animation effect refers to the animation effect formed by sequentially displaying at least two images from a plurality of images. Illustratively, the plurality of images are images arranged in a preset order. When the terminal device is stationary and placed flat, the first two images from the plurality of images are displayed sequentially at a preset speed to form the default animation effect; or the middle two images from the plurality of images are displayed sequentially at a preset speed to form the default animation effect; or the last two images from the plurality of images are displayed sequentially at a preset speed to form the default animation effect. Optionally, the dynamic content is a default animation effect that loops continuously.

[0060] Step 320: Receive motion control operations for the terminal device.

[0061] Optionally, the terminal device includes mobile devices such as mobile phones, tablets, and wearable devices. Optionally, motion control operations on the terminal device include mobile terminal devices, rotating terminal devices, etc., which are not limited here.

[0062] Optionally, the terminal device includes an angular velocity sensor capable of measuring the rate and direction of rotation of the terminal device around multiple axes (typically X, Y, and Z axes). The angular velocity sensor can be implemented as a gyroscope.

[0063] In some embodiments, the terminal device is connected to a gamepad device. Optionally, the terminal device is connected to the gamepad device via a wired or wireless means (such as Bluetooth).

[0064] Optionally, receiving motion control operations on the handle device is considered as motion control operations on the terminal device. Optionally, the motion control operations on the handle device include moving the handle device, rotating the handle device, etc., and are not limited here. The handle device includes an angular velocity sensor, which can be implemented as a gyroscope.

[0065] In the above embodiments, by connecting the handle device and the terminal device, the user can move freely within a certain range, providing a rich user interaction experience and enhancing the accuracy and flexibility of motion control.

[0066] Step 330: Switch between multiple images following motion control operations to create an animation effect where dynamic content changes with motion control operations.

[0067] In illustrative terms, when a user controls the movement of the terminal, the terminal device will switch between displaying multiple images. For example, the multiple images are arranged in a preset order, with image 'a' in the middle. Currently, image 'a' is displayed. When the user rotates the terminal device to the left, the terminal device uses image 'a' as the starting frame and displays the images preceding image 'a' in sequence, creating a reverse animation. When the user rotates the terminal device to the right, the terminal device uses image 'a' as the starting frame and displays the images following image 'a' in sequence, creating a forward animation. Alternatively, when the user rotates the terminal device upwards, the terminal device uses image 'a' as the starting frame and displays the images preceding image 'a' in sequence, creating a reverse animation. When the user rotates the terminal device downwards, the terminal device uses image 'a' as the starting frame and displays the images following image 'a' in sequence, creating a forward animation.

[0068] Optionally, the operation speed and direction of motion control operations are based on the motion control operation and are displayed in a way that allows the display to switch between multiple images.

[0069] Optionally, the operation speed of the motion control operation is positively correlated with the switching speed between multiple images; the faster the motion control operation, the faster the switching speed. Optionally, the motion direction of the motion control operation is used to determine the switching direction between multiple images. For example, if multiple images are arranged in a preset order, when the user controls the terminal device to rotate left or upward, the switching direction of the multiple images follows the preset order; when the user controls the terminal device to rotate right or downward, the switching direction of the multiple images is opposite to the preset order. It should be noted that the example of the correspondence between motion direction and switching direction here is merely illustrative and is not intended to be limiting.

[0070] In some embodiments, the terminal device includes an angular velocity sensor. Optionally, angular velocity data collected by the angular velocity sensor is acquired; based on the angular velocity data, the display is switched between multiple images following motion control operations.

[0071] To illustrate, when a user moves or rotates a terminal device, the angular velocity sensor captures and records the angular velocity of the mobile device in real time. The angular velocity is represented in vector form, corresponding to the angular velocity of the terminal device around different axes (such as the X-axis, Y-axis, and Z-axis).

[0072] Optionally, the operating speed and direction of motion control are determined based on angular velocity data, and the operation is switched and displayed between multiple images based on the operating speed and direction of motion control.

[0073] Optionally, the angular velocity data includes at least one of the angular velocities about the X-axis, Y-axis, and Z-axis, respectively.

[0074] This is illustrative of how the magnitude of angular velocity data is acquired, and how the operating speed of the motion control operation is determined based on the magnitude of the data (here, operating speed refers to the magnitude of the velocity); and how the vector direction of the angular velocity data is acquired, and how the motion direction of the motion control operation is determined based on the vector direction.

[0075] In the above embodiments, by acquiring and analyzing angular velocity data, the user's motion control operations can be accurately identified, thereby improving the accuracy of animation effect control.

[0076] Optionally, the angular velocity sensor is activated when the animation effect of the dynamic content is on, and deactivated when the animation effect of the dynamic content is hidden or off.

[0077] As an illustration, when there are animation effects that are enabled on the terminal device, turn on the gyroscope switch of the mobile device; when there are no animation effects that are enabled on the terminal device, that is, when all animation effects are hidden or disabled, turn off the gyroscope switch of the mobile device to minimize the activation time of the gyroscope function and save the device's performance overhead.

[0078] Optionally, a trajectory drawing operation is received, which is used to control the movement of the terminal device to form a first motion trajectory; if the first motion trajectory meets the preset trajectory requirements, it is determined that the animation effect of the dynamic content is turned on, and the angular velocity sensor is activated.

[0079] Indicatively, based on the user's trajectory drawing operation, the terminal device will move along the drawn path to form a first motion trajectory. The preset trajectory can be any predefined path or shape, used to verify whether the trajectory drawn by the user is accurate. When the first motion trajectory meets the preset trajectory requirements, it is determined that the animation effect of the dynamic content is enabled, which means that the user has successfully triggered the animation effect through the trajectory drawing operation. After confirming that the animation effect is enabled, the angular velocity sensor is activated.

[0080] In the above embodiments, the animation effect is triggered only when the trajectory drawn by the user meets the preset requirements. This ensures the accuracy of the user's operation and the clarity of the intention, avoids unnecessary energy consumption, and ensures that the sensor only works when needed.

[0081] In some embodiments, the plurality of images are images distributed on a dynamic playing axis, and different images correspond to different position points on the dynamic playing axis. In some embodiments, the plurality of images are images distributed on a dynamic playing coordinate system, and different images correspond to different coordinate points on the dynamic playing coordinate system.

[0082] Optionally, position point switching is performed between multiple position points on the dynamic playback axis according to the motion control operation; and, following the position point switching, the images corresponding to the multiple position points are displayed sequentially to form an animation effect in which the dynamic content changes with the motion control operation.

[0083] Taking a lock screen animation as an example, multiple position points are set on the dynamic playback axis corresponding to the lock screen animation. Each position point corresponds to a specific stage in the flower's growth process. Images are sequentially set at these multiple position points, depicting the entire process of the flower gradually unfolding its petals from its initial closed bud state to its final full bloom. When the terminal device does not receive a motion control operation, the image of the flower in its closed bud state at the starting position point is displayed. When the user controls the terminal device to rotate left, right, up, or down, flower images at position points after the starting position point are displayed sequentially, thus controlling the playback progress of the flower blooming animation in the flower images according to the user's rotation operation of the terminal device. Optionally, when the terminal device displays the image of the flower in its fully bloomed state at the ending position point following a motion control operation, the terminal device is unlocked.

[0084] Taking a song cover as an example, the dynamic playback axis corresponding to the song cover can be implemented as the song's playback axis. Multiple time points are set on the song's playback axis, and cover images are sequentially displayed at these multiple time points. These cover images depict a specific exciting segment from the song's music video. When the terminal device does not receive a motion control operation, the cover image at the starting time point is displayed. When the user controls the terminal device to rotate left, right, up, or down, cover images at time points after the starting time point are displayed sequentially, thus controlling the playback progress of the exciting segment in the song cover based on the user's rotation operation of the terminal device. Optionally, when the motion control operation terminates, the target time point corresponding to the termination time is obtained, and the song playback begins from the target time point.

[0085] It should be noted that the above examples of animation effects are merely illustrative and are not intended to limit the scope of this application.

[0086] FIG. 4 FIG. 3

[0087] Based on the motion control operation, the system switches between multiple coordinate points in the dynamic playback coordinate system; and, following the coordinate point switching, it sequentially displays the images corresponding to the multiple coordinate points, forming an animation effect where the dynamic content changes with the motion control operation.

[0088] Optionally, the dynamic playback coordinate system refers to a planar rectangular coordinate system, which includes a first playback axis and a second playback axis that are perpendicular to each other.

[0089] Schematic illustration: Multiple first image layers are configured at multiple first coordinate points on the first playback axis, and multiple second image layers are configured at multiple second coordinate points on the second playback axis. The first image layers and second image layers are superimposed to form a target image. The multiple first image layers are used to describe the flowering process of a flower, and the multiple second image layers are used to describe the dancing process of a virtual character. When the user controls the terminal device to rotate left or right, the coordinate points are switched between the multiple first coordinate points, and the terminal interface displays the flowering animation of the flower; when the user controls the terminal device to rotate up or down, the coordinate points are switched between the multiple second coordinate points, and the terminal interface displays the dancing animation of the virtual character.

[0090] When the user controls the terminal device to rotate left or right by a certain angle and then stops rotating, the flower image at the coordinate point indicated by the current rotation control operation is displayed, for example, a flower image in a semi-open state is displayed; at this time, if the user maintains the left or right rotation angle and controls the terminal device to rotate up or down, a dancing animation of a virtual character against a background of a semi-open flower is displayed.

[0091] In some embodiments, the image is composed of image layers corresponding to m elements respectively, and the dynamic content includes m sub-dynamic content, where the j-th sub-dynamic content indicates the change process of the j-th display element, m is an integer greater than 1, j≤m and j is a positive integer.

[0092] Optionally, the display switches between multiple images following motion control operations, wherein the switching display of multiple j-th image layers forms an animation effect in which the j-th sub-dynamic content changes following the motion control operations.

[0093] Schematic, the image is decomposed into m image layers, each corresponding to a display element (or a set of related elements). These display elements can be any component of the image, such as background, foreground objects, virtual characters, etc. In other words, the dynamic content includes multiple animations, such as background animation, foreground animation, character animation, etc. The control relationships between these multiple animations and motion control operations can be independent of each other. That is, the final animation effect of the dynamic content is a composite animation that includes background animation, foreground animation, character animation, etc.

[0094] Optionally, m sub-dynamic contents are displayed on m layers, where the j-th layer is used to display the j-th sub-dynamic contents; following motion control operations, the m layers are moved with different movement strategies and multiple images are switched between the m layers, where the j-th layer is used to switch between the j-th image layers corresponding to the multiple images respectively.

[0095] Indicatively, each layer carries specific visual information, namely a sub-dynamic content. For example, the foreground layer displays foreground animation, the midground layer displays character animation, and the background layer displays background animation. Following motion control operations, the movement strategies of different layers may be different. For example, when the user controls the terminal device to rotate to the right, the background layer remains stationary, the midground layer moves to the right, and the foreground layer moves to the left. The movement strategy is not limited here.

[0096] In the above embodiments, by displaying the dynamic content of different display elements in layers, users can perform fine control over each layer at both the layer level and the content level, resulting in a richer final composite animation.

[0097] In some embodiments, progress information corresponding to the dynamic content is displayed, and the progress information indicates the playback progress of the dynamic content; the follow motion control operation updates the progress information based on the currently displayed image.

[0098] Optionally, when multiple images are distributed along a dynamic playback axis, a progress bar is displayed as progress information. Illustratively, the progress bar is typically a horizontal or vertical bar whose length represents the playback duration or progress of the entire dynamic content. On the progress bar, there is a slider element that moves as the dynamic content plays; its current position indicates the position indicated by the current motion control operation, that is, the position of the currently playing image on the dynamic playback axis.

[0099] Optionally, when multiple images are distributed across a dynamic playback coordinate system, a progress area is displayed as progress information. Illustratively, the progress area is a rectangular region or other shape, without limitation here. The progress area displays a progress indicator (e.g., a marker point), and the real-time position of the progress indicator within the progress area indicates the position of the currently playing image in the dynamic playback coordinate system.

[0100] In the above embodiments, by displaying the progress information corresponding to the dynamic content, users can intuitively know the playback progress of the dynamic content, and adjust and display the current playback status through motion control operations, thereby enhancing the user experience and improving the efficiency of human-computer interaction.

[0101] In summary, the dynamic content display method provided in this application displays dynamic content containing multiple images on a terminal. When the user controls the movement of the terminal, the display of multiple images switches according to the user's operation, thereby forming an animation effect in which the dynamic content changes with the movement of the terminal. On the one hand, the user can arbitrarily design multiple images according to their needs. Compared with the single-layer misalignment animation formed by layer misalignment, the animation effect formed by switching between multiple images is richer, enriching the diversity of animation effects formed by controlling the movement of the terminal. On the other hand, the user can control the display progress of the dynamic content displayed on the terminal through their own actions, enhancing the interactivity between the user and the dynamic content and improving the efficiency of human-computer interaction.

[0102] In some embodiments, the multiple images are images distributed along a dynamic playback axis. For illustrative purposes, please refer to... FIG. 5 , FIG. 5 The illustrated embodiment can also be implemented as follows: steps 410 to 433.

[0103] Step 410: Display dynamic content.

[0104] Dynamic content includes multiple images, which together create the animation effect of the dynamic content.

[0105] Multiple images are distributed along the dynamic playback axis, with different images corresponding to different positions on the axis. This is for illustrative purposes only; please refer to the provided text. FIG. 6 It shows a schematic diagram of a dynamic playback axis, on which multiple position points (diamond marks) are distributed, and each position point can be configured with an image.

[0106] Optionally, when the terminal device is in a preset state, when displaying dynamic content, the image at the default position point among multiple position points is displayed.

[0107] The default location point can be any one of multiple location points; this is just an illustration. Please refer to the example. FIG. 3 Set the starting position point 502 as the default position point, or set the intermediate position point 503 as the default position point, or set the ending position point 504 as the default position point.

[0108] Optionally, the preset state refers to the state in which the terminal device is stationary and flat when it does not receive motion control operation, or the preset state can be a user-defined state, which is not limited here.

[0109] Step 420: Receive motion control operations for the terminal device.

[0110] In some embodiments, angular velocity data corresponding to motion control operations are acquired. The angular velocity data is used to indicate the angular velocity generated relative to a reference plane when the terminal device is controlled to move by motion control operations.

[0111] As an illustration, the terminal device includes an angular velocity sensor capable of measuring the angular velocity of the terminal device around multiple axes (typically the X, Y, and Z axes). The angular velocity sensor can be implemented as a gyroscope.

[0112] Optionally, the angular velocity data includes at least one of the angular velocities about the X-axis, Y-axis, and Z-axis, respectively. Illustratively, the angular velocity data is a vector containing the angular velocities of the terminal device on each axis (typically the X, Y, and Z axes), and this vector can be represented by three components, each corresponding to an angular velocity on one of the three axes.

[0113] Optionally, the operating speed of the motion control operation is determined based on the data size of the angular velocity data.

[0114] To illustrate, a gyroscope is used to acquire the angular velocities around the X, Y, and Z axes, respectively, resulting in a three-dimensional vector, denoted as the angular velocity vector w. The magnitude of the angular velocity vector w is then calculated as the magnitude of the angular velocity data. Alternatively, an accelerometer is used to acquire the gravitational vector g, and a gyroscope is used to acquire the angular velocities around the X, Y, and Z axes, respectively, resulting in a three-dimensional vector, denoted as the angular velocity vector w. The dot product g·w of the vector g and the angular velocity vector w is calculated, and the angular velocity component w in the gravitational direction is then calculated using the dot product g·w. g Calculate the angular velocity component ww after removing the gravitational direction. g ww g This refers to the unbiased angular velocity perpendicular to the direction of gravity, and the magnitude of the unbiased angular velocity is used as the data size for calculating the angular velocity.

[0115] The larger the modulus, the faster the equipment rotates; the smaller the modulus, the slower the equipment rotates.

[0116] Optionally, the motion direction of the motion control operation can be determined based on the vector direction of the angular velocity data.

[0117] To illustrate, the rotation axis corresponding to the component with the largest absolute value in the angular velocity data is determined as the primary rotation axis. If the absolute value of the component corresponding to the X-axis is the largest, the primary rotation axis is the X-axis; if the absolute value of the component corresponding to the Y-axis is the largest, the primary rotation axis is the Y-axis; and if the absolute value of the component corresponding to the Z-axis is the largest, the primary rotation axis is the Z-axis. After determining the primary rotation axis, the motion direction of the motion control operation is determined based on the rotation direction of the primary rotation axis. For example, if the rotation direction of the primary rotation axis is counterclockwise, the motion direction is the first direction; if the rotation direction of the primary rotation axis is clockwise, the motion direction is the second direction.

[0118] In some embodiments, when the main rotation axis is determined to be the X-axis, the magnitude of the angular velocity of the gyroscope rotating around the X-axis can be obtained as the data size of the angular velocity data; when the main rotation axis is determined to be the Y-axis, the magnitude of the angular velocity of the gyroscope rotating around the Y-axis can be obtained as the data size of the angular velocity data; when the main rotation axis is determined to be the Z-axis, the magnitude of the angular velocity of the gyroscope rotating around the Z-axis can be obtained as the data size of the angular velocity data.

[0119] Step 431: Determine the position switching speed between multiple position points on the dynamic playback axis based on the operation speed of the motion control operation.

[0120] Optionally, the speed of motion control operations is positively correlated with the switching speed between multiple position points. That is, the faster the user performs motion control operations, the faster the switching speed between position points will be. Conversely, if the operation speed is slow, the switching speed between position points will also be slow.

[0121] In some embodiments, speed mapping data of the dynamic playback axis is obtained, and the speed mapping data is used to indicate the mapping relationship between the operation speed and the position point switching speed; the operation speed is mapped to obtain the position point switching speed between multiple position points on the dynamic playback axis based on the speed mapping data.

[0122] Indicatively, speed mapping data can be a predefined table, function, or algorithm that calculates the corresponding switching speed based on the operating speed.

[0123] In some embodiments, the dynamic playback axis includes multiple axis segments.

[0124] Optionally, the velocity mapping data corresponding to different axis segments are different.

[0125] Optionally, when the motion direction of the motion control operation matches the i-th axis segment, the velocity mapping data of the i-th axis segment is obtained. The velocity mapping data is used to indicate the mapping relationship between the operation speed and the position point switching speed, where i is a positive integer. Based on the velocity mapping data, the operation speed is mapped to obtain the i-th position point switching speed among multiple position points on the i-th axis segment.

[0126] The motion direction of the motion control operation matching the i-th axis segment means that the axis determined by the motion direction of the motion control operation includes the i-th axis segment. For example, if the current terminal device displays the image corresponding to position point 1, and the user controls the terminal device to rotate to the right, the position point is switched between multiple position points on the right axis of position point 1. If the right axis of position point 1 includes the i-th axis segment, it means that the motion direction of the motion control operation matches the i-th axis segment.

[0127] To illustrate, assume the dynamic playback axis is divided into two segments: A and B. Each segment corresponds to a different animation effect. For example, segment A corresponds to the first stage of the flowering animation in the dynamic content, and segment B corresponds to the second stage of the flowering animation in the dynamic content. When the user controls the terminal device to rotate, if the direction of the motion control operation matches segment A, the first stage of the flowering animation in the dynamic content is displayed; if the direction of the motion control operation matches segment B, the second stage of the flowering animation in the dynamic content is displayed.

[0128] In this process, speed mapping data is predefined for each axis segment. For example, the speed mapping of axis segment A may be linear, while the speed mapping of axis segment B may be non-linear. When a user browses axis segment A, the rotation speed of the terminal device will proportionally affect the playback speed of the flowering animation; while when browsing axis segment B, the flowering animation may initially play slowly, but when the rotation speed of the terminal device increases and reaches a certain threshold, the flowering animation will suddenly accelerate.

[0129] In the above embodiments, the dynamic playback axis includes multiple axis segments. Users can control the playback speed and effects of the animation by controlling the terminal device. Different axis segments have different speed mapping data, which enriches the diversity of animation effects formed by controlling the movement of the terminal and allows users to experience different control effects at different playback stages of dynamic content.

[0130] Step 432: Determine the axial direction corresponding to switching multiple position points on the dynamic playback axis based on the motion direction of the motion control operation.

[0131] In some embodiments, the dynamic playback axis corresponds to a first axis and a second axis, and the first axis and the second axis are opposite.

[0132] Optionally, if the motion direction of the motion control operation meets the first direction requirement, the axis corresponding to switching multiple position points on the dynamic playback axis is determined as the first axis; if the motion direction of the motion control operation meets the second direction requirement, the axis corresponding to switching multiple position points on the dynamic playback axis is determined as the second axis.

[0133] To illustrate, if the main rotation axis rotates counterclockwise, then the direction of movement is the first direction, which meets the requirements of the first direction. When switching multiple position points on the dynamic playback axis, the corresponding axis is the first axis. If the main rotation axis rotates clockwise, then the direction of movement is the second direction, which meets the requirements of the second direction. When switching multiple position points on the dynamic playback axis, the corresponding axis is the second axis.

[0134] Step 433: Perform position point switching between multiple position points on the dynamic playback axis according to the position point switching speed and axis; and, following the position point switching, sequentially display the images corresponding to the multiple position points respectively, forming an animation effect in which the dynamic content changes with the motion control operation.

[0135] Indicatively, based on the previously determined position point switching speed and axis, switching is performed between multiple position points on the dynamic playback axis. As the position points switch, the image corresponding to each position point is displayed in sequence, thus forming an animation effect.

[0136] In the above embodiments, the switching speed and axis of the position point are determined based on the user's motion control operations. This allows the user to influence the switching of position points on the dynamic playback axis in real time through motion control operations. This instant feedback mechanism enhances the interactivity of the system, enabling the user to better control the playback process. Furthermore, by precisely controlling the switching speed and axis of the position point, resources can be utilized more effectively, avoiding unnecessary calculations or rendering, thereby improving overall performance.

[0137] In summary, the dynamic content display method provided in this application displays dynamic content containing multiple images on a terminal. These images are distributed along a dynamic playback axis. When the user controls the terminal to move, the display of the multiple images on the dynamic playback axis switches according to the user's operation, thereby creating an animation effect where the dynamic content changes with the terminal's movement. On the one hand, the user can arbitrarily design the multiple images according to their needs. Compared to a single-layer misalignment animation formed by layer misalignment, the animation effect formed by switching between multiple images is richer, enriching the diversity of animation effects formed by controlling the terminal's movement. On the other hand, by distributing multiple images along the dynamic playback axis, the user can intuitively understand the correspondence between different images and the playback axis position points, thereby directly controlling the playback progress and displayed content of the animation effect through motion control operations, increasing the user's sense of participation and control.

[0138] In some embodiments, the multiple images are images distributed on a dynamic playback coordinate system. For illustrative purposes, please refer to... FIG. 7 , FIG. 8 The illustrated embodiment can also be implemented as follows: steps 610 to 633.

[0139] Step 610: Display dynamic content.

[0140] Dynamic content includes multiple images, which together create the animation effect of the dynamic content.

[0141] Multiple images are distributed on a dynamic playback coordinate system, with different images corresponding to different coordinate points on the dynamic playback coordinate system.

[0142] Optionally, in the dynamic playback coordinate system, there is a first playback axis and a second playback axis. The first playback axis corresponds to a first axial direction and a second axial direction, which are opposite to each other. The second playback axis corresponds to a third axial direction and a fourth axial direction, which are opposite to each other.

[0143] Optionally, the dynamic playback coordinate system is a Cartesian coordinate system, with the first and second playback axes perpendicular to each other. Illustratively, images are configured only at coordinate points on the first and second playback axes.

[0144] This is illustrative; please refer to it. FIG. 3 It shows a schematic diagram of a dynamic playback coordinate system. The dynamic playback coordinate system 701 has multiple coordinate points distributed on the first and second playback axes, and an image can be configured at each coordinate point.

[0145] Optionally, when the terminal device is in a preset state, when displaying dynamic content, the image at the default coordinate point among multiple coordinate points is displayed.

[0146] The default coordinate point can be any of the multiple coordinate points; no restriction is imposed here.

[0147] Optionally, the preset state refers to the state in which the terminal device is stationary and flat when it does not receive motion control operation, or the preset state can be a user-defined state, which is not limited here.

[0148] Step 620: Receive motion control operations for the terminal device.

[0149] In some embodiments, angular velocity data corresponding to motion control operations are acquired. The angular velocity data is used to indicate the angular velocity generated relative to a reference plane when the terminal device is controlled to move by motion control operations.

[0150] Optionally, the terminal device includes an angular velocity sensor capable of measuring the angular velocity of the terminal device around multiple axes (typically the X, Y, and Z axes). The angular velocity sensor can be implemented as a gyroscope.

[0151] Optionally, the angular velocity data includes at least one of the angular velocities about the X-axis, Y-axis, and Z-axis, respectively. Illustratively, the angular velocity data is a vector containing the angular velocities of the terminal device on each axis (typically the X, Y, and Z axes), and this vector can be represented by three components, each corresponding to an angular velocity on one of the three axes.

[0152] Optionally, the operating speed of the motion control operation is determined based on the data size of the angular velocity data.

[0153] To illustrate, a gyroscope is used to acquire the angular velocities around the X, Y, and Z axes, respectively, resulting in a three-dimensional vector, denoted as the angular velocity vector w. The magnitude of the angular velocity vector w is then calculated as the magnitude of the angular velocity data. Alternatively, an accelerometer is used to acquire the gravitational vector g, and a gyroscope is used to acquire the angular velocities around the X, Y, and Z axes, respectively, resulting in a three-dimensional vector, denoted as the angular velocity vector w. The dot product g·w of the vector g and the angular velocity vector w is calculated, and the angular velocity component w in the gravitational direction is then calculated using the dot product g·w. g Calculate the angular velocity component ww after removing the gravitational direction. g ww g This refers to the unbiased angular velocity perpendicular to the direction of gravity, and the magnitude of the unbiased angular velocity is used as the data size for calculating the angular velocity.

[0154] The larger the modulus, the faster the equipment rotates; the smaller the modulus, the slower the equipment rotates.

[0155] Optionally, the motion direction of the motion control operation can be determined based on the vector direction of the angular velocity data.

[0156] Before determining the direction of motion, the playback axis needs to be determined first, and then the direction of motion control operation needs to be determined. For illustration, if the component corresponding to the X-axis is greater than the component corresponding to the Y-axis, then the playback axis is determined as the first playback axis. If the rotation direction of the X-axis is counterclockwise, the motion direction is the first direction; if the rotation direction of the X-axis is clockwise, the motion direction is the second direction. Similarly, if the component corresponding to the Y-axis is greater than the component corresponding to the X-axis, then the playback axis is determined as the second playback axis. If the rotation direction of the Y-axis is counterclockwise, the motion direction is the third direction; if the rotation direction of the Y-axis is clockwise, the motion direction is the fourth direction.

[0157] In some embodiments, if the component corresponding to the X-axis is greater than the component corresponding to the Y-axis, the playback axis is determined to be the first playback axis, and the magnitude of the angular velocity of the gyroscope rotating around the X-axis can be obtained as the data size of the angular velocity data; if the component corresponding to the Y-axis is greater than the component corresponding to the X-axis, the playback axis is determined to be the second playback axis, and the magnitude of the angular velocity of the gyroscope rotating around the Y-axis can be obtained as the data size of the angular velocity data.

[0158] Step 631: Determine the coordinate point switching speed between multiple coordinate points in the dynamic playback coordinate system based on the operation speed of motion control.

[0159] Optionally, the operation speed of motion control is positively correlated with the switching speed between multiple coordinate points. That is, the faster the user performs motion control operations, the faster the switching speed between coordinate points will be. Conversely, if the operation speed is slow, the switching speed between coordinate points will also be slow.

[0160] Step 632: Determine the axis of motion when switching multiple coordinate points in the dynamic playback coordinate system based on the motion direction of motion control operation.

[0161] Optionally, if the motion direction of the motion control operation meets the first direction requirement, the axis corresponding to switching multiple coordinate points on the first playback axis is determined as the first axis; if the motion direction of the motion control operation meets the second direction requirement, the axis corresponding to switching multiple coordinate points on the first playback axis is determined as the second axis; if the motion direction of the motion control operation meets the third direction requirement, the axis corresponding to switching multiple coordinate points on the second playback axis is determined as the third axis; and if the motion direction of the motion control operation meets the fourth direction requirement, the axis corresponding to switching multiple coordinate points on the second playback axis is determined as the fourth axis.

[0162] To illustrate, if the component corresponding to the X-axis is greater than the component corresponding to the Y-axis, then the playback axis is determined as the first playback axis. Specifically, if the X-axis rotates counter-clockwise, the direction of motion is the first direction; if the X-axis rotates clockwise, the direction of motion is the second direction; if the X-axis rotates clockwise, the direction of motion is the second direction; if the X-axis rotates clockwise, the direction of motion is the third direction; if the Y-axis rotates clockwise, the direction of motion is the fourth direction; if the Y-axis rotates clockwise, the direction of motion is the fourth direction; if the Y-axis rotates clockwise, the direction of motion is the fourth direction.

[0163] In the above embodiments, the coordinate point switching speed is determined based on the operation speed of motion control, enabling users to precisely control the progress and rhythm of dynamic playback. Simultaneously, determining the switching axis based on the motion direction of the motion control operation further enhances the user's control over the dynamic content playback process.

[0164] Step 633: Perform coordinate point switching between multiple coordinate points in the dynamic playback coordinate system according to the coordinate point switching speed and axis; and, following the coordinate point switching, sequentially display the images corresponding to the multiple coordinate points respectively, forming an animation effect in which the dynamic content changes with the motion control operation.

[0165] In a schematic way, based on the previously determined switching speed and axis of the coordinate points, switching is performed between multiple coordinate points in the dynamic playback coordinate system. As the coordinate points switch, the image corresponding to each coordinate point is displayed in sequence, thus forming an animation effect.

[0166] In summary, the dynamic content display method provided in this application displays dynamic content containing multiple images on a terminal. These images are distributed across a dynamic playback coordinate system. When the user controls the terminal to move, the display of these multiple images in the dynamic playback coordinate system switches according to the user's operation, thereby creating an animation effect where the dynamic content changes with the terminal's movement. On one hand, the user can arbitrarily design the multiple images according to their needs. Compared to a single-layer misalignment animation formed by layer misalignment, the animation effect formed by switching between multiple images is richer, enriching the diversity of animation effects formed by controlling the terminal's movement. On the other hand, by distributing images on the dynamic playback coordinate system, the user can interact and control in multiple dimensions. This multi-dimensional interaction provides the user with richer operation options and more refined control capabilities, further enriching the animation effect formed by switching between multiple images.

[0167] In some embodiments, the terminal device includes multiple display areas. Please refer to the illustrative example. FIG. 9 , FIG. 9 The illustrated embodiment can also be implemented as follows: steps 810 to 830.

[0168] Step 810: Display dynamic content in multiple display areas respectively.

[0169] Optionally, the types of dynamic content include animations, videos, GIFs, etc., and illustratively, dynamic content can be character introduction content, live wallpapers, lock screen animations, song covers, etc., without limitation here.

[0170] Each piece of dynamic content includes multiple images, which together create the animation effect of the dynamic content.

[0171] Optionally, different dynamic content can be displayed in different display areas. For example, dynamic content a can be displayed on the left side of the terminal device's screen, and dynamic content b can be displayed on the right side of the terminal device's screen.

[0172] Step 820: Receive motion control operations for the terminal device.

[0173] Optionally, the terminal device includes mobile devices such as mobile phones, tablets, and wearable devices. Optionally, motion control operations on the terminal device include mobile terminal devices, rotating terminal devices, etc., which are not limited here.

[0174] Optionally, the terminal device includes an angular velocity sensor capable of measuring the rate and direction of rotation of the terminal device around multiple axes (typically X, Y, and Z axes). The angular velocity sensor can be implemented as a gyroscope.

[0175] Step 830: Following the motion control operation, switch between multiple images corresponding to the dynamic content displayed in multiple display areas to form an animation effect in which multiple dynamic contents change with the motion control operation.

[0176] Optionally, different animation effects can be displayed simultaneously in multiple display areas, following the speed and direction of the motion control operation. For example, when the user controls the terminal device to rotate, both dynamic content a and dynamic content b will display animation effects following the motion control operation.

[0177] In some embodiments, the plurality of display areas include a first display area and a second display area, wherein the first display area displays a first dynamic content and the second display area displays a second dynamic content.

[0178] Optionally, following motion control operations, the display switches between multiple images corresponding to the first dynamic content displayed in the first display area to form a first animation effect where the first dynamic content changes with the motion control operations; and the display switches between multiple images corresponding to the second dynamic content displayed in the second display area to form a second animation effect where the second dynamic content changes with the motion control operations.

[0179] Optionally, if the first animation effect and the second animation effect match, the first animation effect and the second animation effect are merged, and the merged animation effect is displayed.

[0180] In a schematic representation, the current display interface of the terminal device can be used as a dynamic advertisement playback interface. The top area of ​​the terminal device displays a falling animation of the recommended item, while the bottom area displays a movement animation of a virtual character. When the user controls the terminal device to rotate left, the bottom area displays the virtual character moving left, and the top area displays the recommended item falling to the lower left. During motion control operations, when the vertical line of the recommended item's landing point in the top area falls within the range corresponding to the virtual character's position in the bottom area, the falling animation and movement animation are considered matched. At this point, a pop-up window appears on the terminal device, displaying a merged animation of the falling and movement animations. For example, when displaying virtual clothing or accessories, the animation could "fly" into the virtual character, simulating a try-on effect. Subsequently, the merged animation can also change with motion control operations, for example, to view the before-and-after wearing effect of virtual clothing.

[0181] In summary, the dynamic content display method provided in this application displays multiple dynamic contents on the terminal. When the user controls the movement of the terminal, the multiple dynamic contents change according to the user's operation. On the one hand, the user can arbitrarily design multiple images according to their needs. Compared with the single-layer misalignment animation formed by layer misalignment, the animation effect formed by switching between multiple images is richer, enriching the diversity of animation effects formed by controlling the movement of the terminal. On the other hand, the user can not only experience the dynamic changes triggered by the movement of the terminal, but also interact and switch between multiple dynamic contents, thereby enjoying a more immersive and interactive animation experience.

[0182] The functional framework of the gyroscope provided in this application is illustrated below, using an angular velocity sensor implemented as a gyroscope as an example. For illustrative purposes, please refer to [reference needed]. FIG. 10 Before executing the dynamic content display method provided in this application embodiment, multiple functional components associated with the gyroscope can be created. These multiple functional components include: a Transform control component 910, a material control component 920, an animation control component 930, and other functional components. The functional components include custom parameters. Creating a functional component means binding the gyroscope to the custom parameters of the functional component, so that the values ​​of the custom parameters can change according to changes in the gyroscope's acquired values.

[0183] The Transform control component 910 is used to control the position, rotation, and scaling of display elements in animations (such as virtual characters, flowers, ink painting effects, etc.). Each display element has one Transform component. Taking the rotation of display element a as an example, the gyroscope's acquisition value is obtained. According to the pre-set mapping relationship 1, the gyroscope's acquisition value is mapped to the rotation parameter a. The rotation parameter a is then applied to the rotation parameter in the Transform control component of display element a, thereby realizing the control of the rotation of display element a based on the gyroscope.

[0184] The material control component 920 is used to control the appearance changes of displayed elements in the animation, including changes in color, reflectivity, transparency, roughness, etc. Each displayed element has a material control component. Taking the transparency of displayed element b as an example, the gyroscope's acquisition value is obtained. According to the pre-set mapping relationship 2, the gyroscope's acquisition value is mapped to transparency b. Transparency b is then applied to the transparency parameter in the material control component of displayed element b, thereby realizing the control of the transparency of displayed element b based on the gyroscope.

[0185] The animation control component 930 is used to control the switching display between multiple image frames in an animation, that is, to control the playback effect of the animation. Taking the animation corresponding to the virtual character c in multiple image frames as an example, if multiple image frames are used to represent the animation effect of the virtual character c from sitting down to standing up, the gyroscope's acquisition value is obtained. According to the pre-set mapping relationship 3, the gyroscope's acquisition value is mapped to playback parameters c, where the playback parameters include playback speed and playback direction. The playback parameters c are applied to the playback parameters of the virtual character c in the animation control component, thereby realizing the animation playback effect of the virtual character c from sitting down to standing up controlled by the gyroscope. It should be noted that the dynamic content display method provided in this application is mainly implemented through the animation control component 930.

[0186] During animation playback, multiple functional components may use the same gyroscope readings within the same image frame. For example... FIG. 11 As shown, for each image frame in the animation, a standardized intermediate value of the gyroscope is determined as the acquisition value. The standardized intermediate values ​​of multiple image frames corresponding to the animation are stored in the gyroscope controller 940. For illustration, it is assumed that the standardized intermediate value of the gyroscope for image frame a is determined to be the standard value x. When the functional component is registered, the standard value x can be obtained from the gyroscope controller 940, and the custom parameters corresponding to image frame a in each functional component can be determined according to the standard value x.

[0187] For mobile devices, raw data for each frame is acquired from the gyroscope, including angular velocities along the X, Y, and Z axes. Then, the unbiased angular velocity perpendicular to the direction of gravity is calculated based on the raw data. Finally, the change in angular velocity between the current frame and the previous frame along the X, Y, and Z axes is calculated based on the unbiased angular velocity. This change in angular velocity is used as a standardized intermediate value to represent the motion state of the current frame relative to the previous frame. Optionally, the gyroscope controller 940 also stores a preset change threshold. When the change in angular velocity between the current frame and the previous frame exceeds the preset change threshold, it is determined that the current frame has changed compared to the previous frame, triggering an update of the custom parameters.

[0188] Optionally, when testing and debugging functional components, input data from a personal computer (PC) device can be obtained to simulate the input data of the gyroscope, or other simulated input data from other devices can be obtained to simulate the input data of the gyroscope. The standardized intermediate value of the gyroscope can be calculated based on the simulated gyroscope input data, thereby testing and debugging the functional components.

[0189] Optionally, after creating the various functional components, different combinations of these components can achieve different animation effects, such as... FIG. 12As shown in Example 1000, the Transform control component 910 and the material control component 920 can achieve an animation effect of visual displacement + material change. The Transform control component 910, the material control component 920 and the animation control component 930 can achieve an animation effect of visual displacement + material change + character dynamics. The Transform control component 910, the material control component 920 and other functional components can achieve an animation effect of visual displacement + material change + other customized features. This is not limited here.

[0190] In some embodiments, since activating the gyroscope on the terminal device incurs a significant performance overhead, it is necessary to minimize the gyroscope function activation time. Optionally, the gyroscope controller 940 manages the currently active functional component instances. For illustrative examples, please refer to... FIG. 12 The gyroscope controller 940 includes three functions: reference count management, control of update frequency, and control of hardware switches.

[0191] For the reference counting management function and the hardware switch control function, each functional component that uses the gyroscope registers to use the gyroscope when it is displayed, and unregisters when it is hidden or destroyed. The gyroscope controller 940 performs a reference count based on the registration / unregistration of functional components. When the registration count is greater than 0, the gyroscope switch of the mobile device is activated; when the registration count is 0, the gyroscope switch of the mobile device is turned off, minimizing the gyroscope's activation time.

[0192] Regarding the function of controlling the update frequency, updating functional components incurs overhead (such as updating material parameters). The gyroscope controller can control the update frequency of each functional component, for example, it can be set to update once every 2 frames or 3 frames.

[0193] This is illustrative; please refer to it. FIG. 13 It shows a structural block diagram of a display device for dynamic content, such as FIG. 13 As shown, the device includes:

[0194] The first display module 1210 is used to display the dynamic content, which includes multiple images, and the multiple images in succession form the animation effect of the dynamic content.

[0195] The operation receiving module 1220 is used to receive motion control operations on the terminal device;

[0196] The second display module 1230 is used to switch the display between the multiple images in accordance with the motion control operation, so as to form an animation effect in which the dynamic content changes in accordance with the motion control operation.

[0197] In some embodiments, the plurality of images are images distributed on a dynamic playback axis, with different images corresponding to different position points on the dynamic playback axis; the second display module 1230 is used to perform position point switching among the plurality of position points on the dynamic playback axis according to the motion control operation; and to sequentially display the images corresponding to the plurality of position points in sequence following the position point switching, thereby forming an animation effect in which the dynamic content changes with the motion control operation.

[0198] In some embodiments, the second display module 1230 is configured to determine a position point switching speed among multiple position points on the dynamic playback axis based on the operation speed of the motion control operation; determine the axial direction corresponding to switching the multiple position points on the dynamic playback axis based on the motion direction of the motion control operation; and perform position point switching among the multiple position points on the dynamic playback axis according to the position point switching speed and the axial direction.

[0199] In some embodiments, the dynamic playback axis corresponds to a first axis and a second axis, the first axis and the second axis being opposite; the second display module 1230 is used to determine, when the motion direction of the motion control operation meets the first direction requirement, that the axis corresponding to switching the plurality of position points on the dynamic playback axis is the first axis; and when the motion direction of the motion control operation meets the second direction requirement, that the axis corresponding to switching the plurality of position points on the dynamic playback axis is the second axis.

[0200] In some embodiments, the second display module 1230 is configured to acquire angular velocity data corresponding to the motion control operation, wherein the angular velocity data is used to indicate the angular velocity generated relative to a reference plane when the terminal device is controlled to move by the motion control operation; determine the operating speed of the motion control operation based on the data size of the angular velocity data; and determine the motion direction of the motion control operation based on the vector direction of the angular velocity data.

[0201] In some embodiments, the dynamic playback axis includes multiple axis segments; the second display module 1230 is used to acquire speed mapping data of the i-th axis segment when the motion direction of the motion control operation matches the i-th axis segment, the speed mapping data being used to indicate the mapping relationship between the operation speed and the position point switching speed, where i is a positive integer; and to map the operation speed based on the speed mapping data to obtain the i-th position point switching speed among multiple position points on the i-th axis segment.

[0202] In some embodiments, the plurality of images are images distributed on a dynamic playback coordinate system, and different images correspond to different coordinate points on the dynamic playback coordinate system; the second display module 1230 is used to perform coordinate point switching between the plurality of coordinate points on the dynamic playback coordinate system according to the motion control operation; and to sequentially display the images corresponding to the plurality of coordinate points in sequence following the coordinate point switching, thereby forming an animation effect in which the dynamic content changes with the motion control operation.

[0203] In some embodiments, the dynamic playback coordinate system includes a first playback axis and a second playback axis. The first playback axis corresponds to a first axial direction and a second axial direction, which are opposite to each other. The second playback axis corresponds to a third axial direction and a fourth axial direction, which are opposite to each other. The second display module 1230 is configured to determine the coordinate point switching speed between multiple coordinate points in the dynamic playback coordinate system based on the operation speed of the motion control operation; determine the axial direction when switching the multiple coordinate points in the dynamic playback coordinate system based on the motion direction of the motion control operation; and perform coordinate point switching between the multiple coordinate points in the dynamic playback coordinate system according to the coordinate point switching speed and the axial direction.

[0204] In some embodiments, the image is composed of image layers corresponding to m elements respectively, and the dynamic content includes m sub-dynamic content, the j-th sub-dynamic content indicating the change process of the j-th display element, where m is an integer greater than 1, j≤m and j is a positive integer; the second display module 1230 is used to switch the display between the multiple images following the motion control operation, wherein the switching display of the multiple j-th image layers forms an animation effect in which the j-th sub-dynamic content changes following the motion control operation.

[0205] In some embodiments, the terminal device includes an angular velocity sensor; the second display module 1230 is used to acquire angular velocity data collected by the angular velocity sensor; and based on the angular velocity data, to switch the display among the multiple images following the motion control operation.

[0206] In some embodiments, the second display module 1230 is configured to activate the angular velocity sensor when the animation effect of the dynamic content is on, and deactivate the angular velocity sensor when the animation effect of the dynamic content is hidden or off.

[0207] In some embodiments, the second display module 1230 is configured to receive a trajectory drawing operation, the trajectory drawing operation being configured to control the movement of the terminal device to form a first motion trajectory; and, if the first motion trajectory meets preset trajectory requirements, to determine that the animation effect of the dynamic content is enabled, and to activate the angular velocity sensor.

[0208] In some embodiments, the terminal device is connected to a handle device; the operation receiving module 1220 is used to receive motion control operations on the handle device as motion control operations on the terminal device.

[0209] In some embodiments, the first display module 1210 is used to display progress information corresponding to the dynamic content, the progress information indicating the playback progress of the dynamic content; the second display module 1230 is used to update the progress information based on the currently displayed image following the motion control operation.

[0210] In some embodiments, the terminal device includes multiple display areas; the first display module 1210 is used to display dynamic content in the multiple display areas respectively; the second display module 1230 is used to switch between multiple images corresponding to the dynamic content displayed in the multiple display areas in accordance with the motion control operation, thereby forming an animation effect in which the multiple dynamic contents change in accordance with the motion control operation.

[0211] In summary, the dynamic content display device provided in this application displays dynamic content containing multiple images on a terminal. When the user controls the movement of the terminal, the display of multiple images switches according to the user's operation, thereby forming an animation effect in which the dynamic content changes with the movement of the terminal. On the one hand, the user can arbitrarily design multiple images according to their needs. Compared with the single-layer misalignment animation formed by layer misalignment, the animation effect formed by switching between multiple images is richer, enriching the diversity of animation effects formed by controlling the movement of the terminal. On the other hand, the user can control the display progress of the dynamic content displayed on the terminal through their own actions, enhancing the interactivity between the user and the dynamic content and improving the efficiency of human-computer interaction.

[0212] It should be noted that the dynamic content display device 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 dynamic content display device and dynamic content display method embodiments provided in the above embodiments belong to the same concept, and the specific implementation process can be found in the method embodiments, which will not be repeated here.

[0213] ​ A structural block diagram of a computer device provided in an exemplary embodiment of this application is shown.

[0214] The computer device 1300 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 1300 may also be referred to as a gaming device, portable terminal, or other names.

[0215] Typically, computer device 1300 includes a processor 1301 and a memory 1302.

[0216] Processor 1301 may include one or more processing cores, such as a 4-core processor, a 13-core processor, etc. Processor 1301 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 1301 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 1301 may integrate a GPU (Graphics Processing Unit), which is responsible for rendering and drawing the content to be displayed on the screen. In some embodiments, processor 1301 may also include an AI (Artificial Intelligence) processor, which is used to handle computational operations related to machine learning.

[0217] The memory 1302 may include one or more computer-readable storage media, which may be tangible and non-transitory. The memory 1302 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 1302 are used to store at least one instruction, which is executed by the processor 1301 to implement the dynamic content display method provided in the embodiments of this application.

[0218] In some embodiments, the computer device 1300 may also optionally include: a peripheral device interface 1303 and at least one peripheral device. Specifically, the peripheral device includes at least one of: a radio frequency circuit 1304, a touch display screen 1305, a camera 1306, an audio circuit 1307, and a power supply 1308.

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

[0220] The radio frequency (RF) circuit 1304 is used to receive and transmit RF (Radio Frequency) signals, also known as electromagnetic signals. The RF circuit 1304 communicates with communication networks and other communication devices via electromagnetic signals. The RF circuit 1304 converts electrical signals into electromagnetic signals for transmission, or converts received electromagnetic signals back into electrical signals. Optionally, the RF circuit 1304 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 1304 can communicate with other terminals via 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 1304 may also include circuitry related to NFC (Near Field Communication), which is not limited in this application.

[0221] The touch display screen 1305 is used to display a UI (User Interface). This UI may include graphics, text, icons, videos, and any combination thereof. The touch display screen 1305 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 1301 for processing. The touch display screen 1305 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 1305, located on the front panel of the computer device 1300; in other embodiments, there may be at least two touch display screens, respectively located on different surfaces of the computer device 1300 or in a folded design; in some embodiments, the touch display screen 1305 may be a flexible display screen, located on a curved or folded surface of the computer device 1300. Furthermore, the touch display screen 1305 may also be configured as a non-rectangular, irregular shape, i.e., a non-rectangular screen. The touch display screen 1305 can be made of materials such as LCD (Liquid Crystal Display) and OLED (Organic Light-Emitting Diode).

[0222] The camera assembly 1306 is used to acquire images or videos. Optionally, the camera assembly 1306 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 1306 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.

[0223] Audio circuitry 1307 provides an audio interface between the player and computer device 1300. Audio circuitry 1307 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 1301 for processing, or input to radio frequency circuitry 1304 for voice communication. For stereo sound acquisition or noise reduction purposes, multiple microphones may be used, each located at a different location on computer device 1300. The microphone may also be an array microphone or an omnidirectional microphone. The speaker is used to convert electrical signals from processor 1301 or radio frequency circuitry 1304 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 1307 may also include a headphone jack.

[0224] Power supply 1308 is used to supply power to the various components in computer device 1300. Power supply 1308 can be AC ​​power, DC power, a disposable battery, or a rechargeable battery. When power supply 1308 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.

[0225] In some embodiments, the computer device 1300 further includes one or more sensors 1309. The one or more sensors 1309 include, but are not limited to, an accelerometer 1310, a gyroscope 1311, a pressure sensor 1312, an optical sensor 1313, and a proximity sensor 1314.

[0226] Accelerometer 1310 can detect the magnitude of acceleration on the three coordinate axes of a coordinate system established by computer device 1300. For example, accelerometer 1310 can be used to detect the components of gravitational acceleration on the three coordinate axes. Processor 1301 can control touch screen 1305 to display the player interface in landscape or portrait view based on the gravitational acceleration signal acquired by accelerometer 1310. Accelerometer 1310 can also be used to collect game or player motion data.

[0227] The gyroscope sensor 1311 can detect the orientation and rotation angle of the computer device 1300. The gyroscope sensor 1311 can work in conjunction with the accelerometer sensor 1310 to collect the player's 3D movements on the computer device 1300. Based on the data collected by the gyroscope sensor 1311, the processor 1301 can perform the following functions: motion sensing (e.g., changing the UI based on the player's tilt), image stabilization during shooting, game control, and inertial navigation.

[0228] The pressure sensor 1312 can be disposed on the side bezel of the computer device 1300 and / or on the lower layer of the touch display screen 1305. When the pressure sensor 1312 is disposed on the side bezel of the computer device 1300, it can detect the player's grip signal on the computer device 1300 and perform left / right hand recognition or quick operation based on the grip signal. When the pressure sensor 1312 is disposed on the lower layer of the touch display screen 1305, it can control the operable controls on the UI interface based on the player's pressure operation on the touch display screen 1305. The operable controls include at least one of button controls, scroll bar controls, icon controls, and menu controls.

[0229] The optical sensor 1313 is used to collect ambient light intensity. In one embodiment, the processor 1301 can control the display brightness of the touch screen 1305 based on the ambient light intensity collected by the optical sensor 1313. Specifically, when the ambient light intensity is high, the display brightness of the touch screen 1305 is increased; when the ambient light intensity is low, the display brightness of the touch screen 1305 is decreased. In another embodiment, the processor 1301 can also dynamically adjust the shooting parameters of the camera assembly 1306 based on the ambient light intensity collected by the optical sensor 1313.

[0230] The proximity sensor 1314, also known as a distance sensor, is typically located on the front of the computer device 1300. The proximity sensor 1314 is used to detect the distance between the player and the front of the computer device 1300. In one embodiment, when the proximity sensor 1314 detects that the distance between the player and the front of the computer device 1300 is gradually decreasing, the processor 1301 controls the touchscreen display 1305 to switch from a screen-on state to a screen-off state; when the proximity sensor 1314 detects that the distance between the player and the front of the computer device 1300 is gradually increasing, the processor 1301 controls the touchscreen display 1305 to switch from a screen-off state to a screen-on state.

[0231] Those skilled in the art will understand that ​ The structure shown does not constitute a limitation on the computer device 1300, and may include more or fewer components than shown, or combine certain components, or use different component arrangements.

[0232] In an exemplary embodiment, this application provides a chip including programmable logic circuits and / or program instructions, which, when run on a computer device, is used to implement the dynamic content display method provided in the above method embodiments.

[0233] This application provides a computer-readable storage medium storing a computer program, which is loaded and executed by a processor to implement the dynamic content display method provided in the above-described method embodiments.

[0234] 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 method for displaying dynamic content provided in the above-described method embodiments.

[0235] 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.

[0236] 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.

[0237] 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.

[0238] The above description is merely an optional 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 method of displaying dynamic content, characterized by, The method is executed by a terminal device, and the method comprises: displaying the dynamic content, wherein the dynamic content comprises a plurality of images, and the plurality of images form an animation effect of the dynamic content; receiving a motion control operation of the terminal device; switching display between the plurality of images following the motion control operation, to form an animation effect of the dynamic content changing following the motion control operation.

2. The method of claim 1, wherein, The plurality of images are images distributed on a dynamic playback axis, and different images correspond to different position points on the dynamic playback axis; The switching display between the plurality of images following the motion control operation, to form an animation effect of the dynamic content changing following the motion control operation, comprises: performing position point switching between a plurality of position points on the dynamic playback axis according to the motion control operation; and sequentially displaying images corresponding to the plurality of position points respectively following the position point switching, to form an animation effect of the dynamic content changing following the motion control operation.

3. The method of claim 2, wherein, The performing position point switching between a plurality of position points on the dynamic playback axis according to the motion control operation comprises: determining a position point switching speed between the plurality of position points on the dynamic playback axis based on an operation speed of the motion control operation; determining an axis direction corresponding to switching the plurality of position points on the dynamic playback axis based on a motion direction of the motion control operation; and performing position point switching between the plurality of position points on the dynamic playback axis according to the position point switching speed and the axis direction.

4. The method of claim 3, wherein, The dynamic playback axis corresponds to a first axis direction and a second axis direction, and the first axis direction and the second axis direction are opposite; The determining an axis direction corresponding to switching the plurality of position points on the dynamic playback axis based on a motion direction of the motion control operation comprises: in a case where the motion direction of the motion control operation meets a first direction requirement, determining that the axis direction corresponding to switching the plurality of position points on the dynamic playback axis is the first axis direction; and in a case where the motion direction of the motion control operation meets a second direction requirement, determining that the axis direction corresponding to switching the plurality of position points on the dynamic playback axis is the second axis direction.

5. The method of claim 3, wherein, The method further comprises: obtaining angular velocity data corresponding to the motion control operation, wherein the angular velocity data is used to indicate an angular velocity generated relative to a reference plane when the terminal device is controlled to move by the motion control operation; The determining a position point switching speed between the plurality of position points on the dynamic playback axis based on an operation speed of the motion control operation further comprises: determining the operation speed of the motion control operation based on a data size of the angular velocity data; The determining an axis direction corresponding to switching the plurality of position points on the dynamic playback axis based on a motion direction of the motion control operation further comprises: determining the motion direction of the motion control operation based on a vector direction of the angular velocity data.

6. The method of claim 3, wherein, The dynamic playback axis comprises a plurality of axis segments; The determining a position point switching speed between the plurality of position points on the dynamic playback axis based on an operation speed of the motion control operation comprises: In a case where a motion direction of the motion control operation matches the i-th axis segment, velocity mapping data of the i-th axis segment is acquired, the velocity mapping data being used to indicate a mapping relationship between the operation velocity and the position point switching velocity, i being a positive integer; The operation velocity is mapped based on the velocity mapping data to obtain an i-th position point switching velocity between a plurality of position points on the i-th axis segment.

7. The method according to any one of claims 1 to 6, characterized in that, The plurality of images are images distributed on a dynamic playback coordinate system, different images corresponding to different coordinate points on the dynamic playback coordinate system; The switching display between the plurality of images in accordance with the motion control operation forms an animation effect in which the dynamic content changes in accordance with the motion control operation, including: Coordinate point switching is performed between a plurality of coordinate points on the dynamic playback coordinate system in accordance with the motion control operation; and In accordance with the coordinate point switching, the images corresponding to the plurality of coordinate points are displayed in sequence, forming the animation effect in which the dynamic content changes in accordance with the motion control operation. The dynamic playback coordinate system includes a first playback axis and a second playback axis, the first playback axis corresponding to a first axis direction and a second axis direction, the first axis direction and the second axis direction being opposite, the second playback axis corresponding to a third axis direction and a fourth axis direction, the third axis direction and the fourth axis direction being opposite; 8. The method of claim 7, wherein, The coordinate point switching between the plurality of coordinate points on the dynamic playback coordinate system in accordance with the motion control operation includes: Based on an operation velocity of the motion control operation, a coordinate point switching velocity between the plurality of coordinate points on the dynamic playback coordinate system is determined; Based on a motion direction of the motion control operation, an axis direction is determined when the plurality of coordinate points are switched in the dynamic playback coordinate system; The coordinate point switching between the plurality of coordinate points on the dynamic playback coordinate system is performed in accordance with the coordinate point switching velocity and the axis direction. The image is composed of m image layers corresponding to m elements respectively, the dynamic content includes m sub-dynamic contents, a j-th sub-dynamic content indicating a change process of a j-th display element, m being an integer greater than 1, j≤m and j being a positive integer; 9. The method according to any one of claims 1 to 6, characterized in that, The switching display between the plurality of images in accordance with the motion control operation forms the animation effect in which the dynamic content changes in accordance with the motion control operation, including: The switching display between the plurality of images in accordance with the motion control operation, wherein the switching display of a plurality of j-th image layers forms the animation effect in which the j-th sub-dynamic content changes in accordance with the motion control operation. The terminal device includes an angular velocity sensor; 10. The method according to any one of claims 1 to 6, characterized in that, The switching display between the plurality of images in accordance with the motion control operation includes: Angular velocity data collected by the angular velocity sensor is acquired; Based on the angular velocity data, the switching display between the plurality of images in accordance with the motion control operation is performed. The method further includes:

11. The method of claim 10, wherein, In a case where the animation effect of the dynamic content is in an open state, the angular velocity sensor is activated; In a case where the animation effect of the dynamic content is in a hidden state or a closed state, the angular velocity sensor is deactivated. ​ 12. The method of claim 11, wherein, The activating the angular velocity sensor in the case that the animation effect of the dynamic content is in an open state comprises: Receiving a trajectory drawing operation, the trajectory drawing operation being used to control the terminal device to move to form a first movement trajectory; In the case that the first movement trajectory meets preset trajectory requirements, determining that the animation effect of the dynamic content is in an open state, and activating the angular velocity sensor.

13. The method according to any one of claims 1 to 6, characterized in that, The terminal device is connected with a handle device; The receiving the movement control operation on the terminal device comprises: Receiving a movement control operation on the handle device as the movement control operation on the terminal device.

14. The method according to any one of claims 1 to 6, characterized in that, The method further comprises: Displaying progress information corresponding to the dynamic content, the progress information indicating a playing progress of the dynamic content; Following the movement control operation, updating the progress information based on a currently displayed image.

15. The method according to any one of claims 1 to 6, characterized in that, The terminal device comprises a plurality of display regions; The displaying the dynamic content comprises: Displaying the dynamic content in the plurality of display regions respectively; The following the movement control operation, switching display between the plurality of images to form an animation effect in which the dynamic content changes following the movement control operation comprises: Following the movement control operation, switching display between a plurality of images corresponding to the dynamic content displayed in the plurality of display regions respectively to form an animation effect in which a plurality of dynamic contents change following the movement control operation respectively.

16. A display device for dynamic content, characterized by The apparatus comprises: A first display module, configured to display the dynamic content, the dynamic content comprising a plurality of images, and consecutive images of the plurality of images forming an animation effect of the dynamic content; An operation receiving module, configured to receive a movement control operation on a terminal device; A second display module, configured to follow the movement control operation to switch display between the plurality of images to form an animation effect in which the dynamic content changes following the movement control operation.

17. A computer device, comprising: The computer device comprises 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 of the dynamic content as claimed in any one of claims 1 to 15.

18. A computer-readable storage medium, characterized in that, The storage medium stores at least one program, the at least one program being loaded and executed by a processor to implement the display of the dynamic content as claimed in any one of claims 1 to 15.

19. A computer program product, characterised in that, The computer program is executed by a processor to implement the display of the dynamic content as claimed in any one of claims 1 to 15.