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

Abstract

A dynamic content display method and apparatus, a device, a medium, and a program product. The method comprises: displaying dynamic content (310); receiving a motion control operation on a terminal device (320); and switching display between at least two images in response to the motion control operation (330).

Description

Methods, devices, equipment, media, and programs for displaying dynamic content

[0001] This application claims priority to Chinese Patent Application No. 202411207991.0, filed on August 29, 2024, entitled “Method, Apparatus, Device, Medium and Program Product for Displaying Dynamic Content”, the entire contents of which are incorporated herein by reference. Technical Field

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

[0003] The gyroscope in a mobile phone, also known as an angular velocity sensor, is usually located on the phone's motherboard. It can obtain the phone's current rotation state and enable dynamic effects on the phone's screen.

[0004] In related technologies, multiple layers are set within the mobile phone screen. When the user shakes the phone, the multiple layers within the mobile phone screen will shift in position based on the angular velocity data collected by the gyroscope, thereby achieving a spatial dynamic effect that enhances visual depth.

[0005] However, the method of using a gyroscope to control the layer position offset to achieve dynamic effects is relatively simple, which limits the diversity of dynamic effects. Summary of the Invention

[0006] This application provides a method, apparatus, device, medium, and program product for displaying dynamic content, which can enrich the diversity of dynamic effects. The technical solution is as follows:

[0007] On the one hand, a method for displaying dynamic content is provided, the method being executed by a terminal device, the method comprising:

[0008] The dynamic content is displayed, and the dynamic content includes at least two images;

[0009] Receive motion control operations for the terminal device;

[0010] The motion control operation is followed by switching between at least two images, and the switching between the at least two images is used to represent the dynamic content changing in accordance with the motion control operation.

[0011] On the other hand, a display device for dynamic content is provided, the device comprising:

[0012] A first display module is used to display the dynamic content, which includes at least two images;

[0013] The operation receiving module is used to receive motion control operations for the terminal device;

[0014] The second display module is used to switch between at least two images in accordance with the motion control operation, and the switching between the at least two images is used to show that the dynamic content changes in accordance with the motion control operation.

[0015] On the other hand, a computer device is provided, the computer device including a processor and a memory, the memory storing at least one instruction, at least one program, code set or instruction set, the at least one instruction, the at least one program, the code set or instruction set being loaded and executed by the processor to implement any of the above-described methods for displaying dynamic content.

[0016] On the other hand, a computer-readable storage medium is provided, wherein at least one instruction, at least one program, code set, or instruction set is stored therein, wherein the at least one instruction, the at least one program, the code set, or the instruction set is loaded and executed by a processor to implement the method for displaying dynamic content as described above.

[0017] On the other hand, 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 executes the computer instructions, causing the computer device to perform any of the above-described methods for displaying dynamic content.

[0018] The beneficial effects of the technical solutions provided in this application include at least the following:

[0019] The terminal device displays dynamic content containing at least two images. When the user controls the movement of the terminal device, the display of at least two images switches according to the user's operation, thus forming an animation in which the dynamic content changes with the movement of the terminal device. On the one hand, the user can arbitrarily design the at least two images according to their needs. Compared with the single-layer misalignment animation formed by layer misalignment, the dynamic content formed by switching between at least two images is richer, enriching the diversity of dynamic content formed by controlling the movement of the terminal device. On the other hand, the user can control the display progress of the dynamic content displayed on the terminal device through their own actions, enhancing the interactivity between the user and the dynamic content and improving the efficiency of human-computer interaction. Furthermore, since the dynamic visual effects of the dynamic content are achieved by switching between at least two images, it can be seen that the terminal device only needs to use at least two pre-provided images to realize dynamic and diverse dynamic content. The consumption of computing resources of the terminal device during the display of dynamic content is small, and the computing pressure on the device processor is small. This allows the terminal device to operate with low power consumption when displaying dynamic content, thus extending the battery life of the terminal device. Attached Figure Description

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

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

[0022] Figure 3 is a flowchart of a dynamic content display method provided in an exemplary embodiment of this application;

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

[0024] Figure 5 is a schematic diagram of switching displayed images on a dynamic playback axis provided by an exemplary embodiment of this application;

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

[0026] Figure 7 is a schematic diagram of switching displayed images in a dynamic playback coordinate system provided by an exemplary embodiment of this application;

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

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

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

[0030] Figure 11 is a schematic diagram of performance optimization provided by an exemplary embodiment of this application;

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

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

[0033] Figure 1 shows a structural block diagram of a computer system 100 provided in an exemplary embodiment of this application. The computer system 100 can implement a system architecture for a method of displaying dynamic content. The computer system 100 includes a terminal 110 and a server 120.

[0034] Terminal 110 can be an electronic device such as a mobile phone, tablet computer, in-vehicle terminal (vehicle system), wearable device, PC (Personal Computer), or Extended Reality (XR) device (e.g., Virtual Reality (VR) head-mounted display). 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) program, Augmented Reality (AR) program, 3D mapping program, 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), applets, etc., installed on Terminal 110, and can also be in web page form.

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

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

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

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

[0039] The dynamic content display method provided in this application can be executed by a computer device, which refers to an electronic device with data computing, processing, and storage capabilities. Taking the computer system shown in FIG1 as an example, the dynamic content display method can be executed by the terminal 110 (for example, by the target application installed and running on the terminal 110), or by the server 120, or by the terminal 110 and the server 120 interacting and cooperating. This application does not limit the scope of the method.

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

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

[0042] Based on this, this application provides a method for displaying dynamic content. Taking animation as an example, Figure 2 shows a schematic diagram of a dynamic content display method provided by an exemplary embodiment of this application. The method is described using a computer device as an example, which can be the terminal 110 shown in Figure 1.

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

[0044] Please refer to Figure 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 to which the user controls the phone 201 to rotate; for example, the greater the extent to which the user controls the phone 201 to rotate, the faster the animation plays.

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

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

[0047] Next, the process of displaying dynamic content provided in this application will be introduced.

[0048] Figure 3 shows a flowchart of a dynamic content display method provided by an exemplary embodiment of this application. Taking the application of the method to a terminal device as an example, the terminal device may be the terminal 110 shown in Figure 1. The method includes steps 310 to 330.

[0049] Step 310: Display dynamic content.

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

[0051] The dynamic content includes at least two images, which are used to represent the dynamic behavior of the content. Optionally, the at least two images are arranged in a preset order.

[0052] Indicatively, at least two images are pre-configured, and the at least two images can be played in a preset order to form a coherent animation.

[0053] In some embodiments, when displaying dynamic content, the first image of at least two images of the dynamic content is displayed.

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

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

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

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

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

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

[0060] 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).

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

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

[0063] Step 330: Switch the display between at least two images following motion control operations.

[0064] The switching between at least two images is used to represent dynamic content following changes in motion control operations.

[0065] In illustrative terms, when a user controls the movement of the terminal, the terminal device will switch between displaying at least two images. For example, the at least two 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' sequentially, 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' sequentially, 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' sequentially, 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' sequentially, creating a forward animation.

[0066] Optionally, the operation speed and direction of motion control operations are switched between at least two images based on the motion control operation.

[0067] Optionally, the operation speed of the motion control operation is positively correlated with the switching speed between at least two 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 at least two images. For example, if at least two images are arranged in a preset order, when the user controls the terminal device to rotate left or upward, the switching direction of the at least two images is the preset order; when the user controls the terminal device to rotate right or downward, the switching direction of the at least two images is the opposite of 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.

[0068] 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 at least two images following motion control operations.

[0069] 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).

[0070] Optionally, the operating speed and direction of motion control are determined based on angular velocity data, and the operation speed and direction of motion control are followed by the motion control operation to switch between at least two images.

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

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

[0073] In the above embodiments, by acquiring and analyzing angular velocity data, the user's motion control operations are accurately identified, thereby improving the accuracy of controlling the animation of dynamic content as a result of motion control operations.

[0074] Optionally, the angular velocity sensor is activated when the animation mode of the dynamic content is enabled; and deactivated when the animation mode of the dynamic content is hidden or disabled. In other words, the activation of the angular velocity sensor is determined by whether the animation mode of the dynamic content is enabled or disabled, thus preventing the angular velocity sensor from being used when the dynamic effects of the dynamic content are not needed, thereby reducing power consumption when the terminal device is operating its electronic components.

[0075] As an illustration, when an animation mode is enabled on the terminal device, turn on the gyroscope switch of the mobile device; when no animation mode is enabled on the terminal device, that is, when all animation modes 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.

[0076] 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 mode of the dynamic content is enabled, and the angular velocity sensor is activated.

[0077] 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 mode of the dynamic content is enabled. This means that the user has successfully triggered the animation visual effect of the dynamic content through the trajectory drawing operation. After confirming that the animation mode is enabled, the angular velocity sensor is activated.

[0078] In the above embodiments, the animation visual effects of dynamic content will only be triggered 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.

[0079] In some embodiments, at least two images include images distributed along a dynamic playback axis, with different images corresponding to different position points on the dynamic playback axis.

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

[0081] Position point switching refers to selecting the target position point at the current moment from at least two position points based on motion control operations. The selection of the target position point is based on the positional distribution of the at least two position points on the dynamic playback axis, and the selected target position point determines the image displayed at the current moment. That is, as motion control operations are executed, at least two position points on the dynamic playback axis are selected in turn as the target position points; this process is called position point switching.

[0082] Taking a lock screen animation as an example, at least two 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 at least two 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's blooming animation based on 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.

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

[0084] By setting different position points on the dynamic playback axis and setting different images for different position points, the animation displayed by the terminal device during movement can show content changes in the time dimension, thereby giving the displayed dynamic content a visual effect of time change and improving the diversity of dynamic content display.

[0085] It should be noted that the above examples are merely illustrative and the embodiments of this application do not limit the scope of the application.

[0086] In some embodiments, at least two images include images distributed on a dynamic playback coordinate system, with different images corresponding to different coordinate points on the dynamic playback coordinate system.

[0087] Based on the motion control operation, the coordinate point switching is performed between at least two coordinate points in the dynamic playback coordinate system; and, following the coordinate point switching, the images corresponding to at least two coordinate points are displayed sequentially, forming an animation in which the dynamic content changes with the motion control operation.

[0088] Coordinate point switching refers to selecting the target coordinate point corresponding to the current moment from at least two coordinate points based on motion control operations. The selection of the target coordinate point is based on the positional distribution of the at least two coordinate points on the dynamic playback coordinate system. The selected target coordinate point determines the image displayed at the current moment. That is, as motion control operations are executed, at least two coordinate points on the dynamic playback coordinate system are selected in turn as the target coordinate points; this process is called coordinate point switching.

[0089] By setting different coordinate points on the dynamic playback coordinate system and setting different images for different coordinate points, the animation displayed by the terminal device during the movement can show the content change effect of multiple content objects being displayed at different time dimensions, thereby giving the displayed dynamic content a visual effect of time change and improving the diversity of dynamic content display.

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

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

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

[0093] 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 indicates 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.

[0094] Optionally, the display is switched between at least two images following the motion control operation, wherein the switching between at least two j-th image layers is used to represent the j-th sub-dynamic content changing following the motion control operation.

[0095] 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 dynamic content animation is a composite animation that includes background animation, foreground animation, character animation, etc.

[0096] 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 at least two 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 at least two images respectively.

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

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

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

[0100] Optionally, a progress bar is displayed as progress information when at least two images include those distributed along the dynamic playback axis. 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.

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

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

[0103] In summary, the dynamic content display method provided in this application displays dynamic content containing at least two images on a terminal device. When the user controls the movement of the terminal device, the display of at least two images switches according to the user's operation, thereby forming an animation in which the dynamic content changes with the movement of the terminal device. On the one hand, the user can arbitrarily design the at least two images according to their needs. Compared with the single-layer misalignment animation formed by layer misalignment, the dynamic content formed by switching between at least two images is richer, enriching the diversity of dynamic content formed by controlling the movement of the terminal device. On the other hand, the user can control the display progress of the dynamic content displayed on the terminal device through their own actions, enhancing the interactivity between the user and the dynamic content and improving the efficiency of human-computer interaction. Furthermore, since the dynamic visual effect of the dynamic content is achieved by switching between at least two images, it can be seen that the terminal device only needs to use at least two pre-provided images to realize dynamic and diverse dynamic content. The consumption of computing resources of the terminal device during the display of dynamic content is small, and the computing pressure on the device processor is small. This allows the terminal device to operate with low power consumption when displaying dynamic content, extending the battery life of the terminal device.

[0104] In some embodiments, at least two images are implemented as images distributed along a dynamic playback axis. Illustratively, referring to Figure 4, the embodiment shown in Figure 3 can also be implemented as steps 410 to 433.

[0105] Step 410: Display dynamic content.

[0106] Dynamic content includes at least two images, which are used to represent the dynamic performance of the dynamic content.

[0107] At least two images are distributed along the dynamic playback axis, with different images corresponding to different positions on the dynamic playback axis. For illustration, please refer to Figure 5, which shows a schematic diagram of a dynamic playback axis 501, where at least two positions (diamond-shaped markers) are distributed, and an image can be configured at each position.

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

[0109] The default position point can be any of at least two position points. For illustration, please refer to Figure 5. Set the starting position point 502 as the default position point, or set the middle position point 503 as the default position point, or set the ending position point 504 as the default position point.

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

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

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

[0113] Schematic 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.

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

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

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

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

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

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

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

[0121] Step 431: Determine the position switching speed between at least two position points on the dynamic playback axis based on the operation speed of the motion control operation.

[0122] Optionally, the speed of motion control operations is positively correlated with the switching speed between at least two 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.

[0123] 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 based on the speed mapping data to obtain the position point switching speed between at least two position points on the dynamic playback axis.

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

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

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

[0127] 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 mapping is mapped to the i-th position point switching speed between at least two position points on the i-th axis segment.

[0128] 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, a position point switch is performed between at least two 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.

[0129] To illustrate, assume the dynamic playback axis is divided into two segments: A and B. Each segment corresponds to a different dynamic display. 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.

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

[0131] 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 animations formed by controlling the movement of the terminal and allows users to experience different control effects at different playback stages of dynamic content.

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

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

[0134] Optionally, if the motion direction of the motion control operation meets the first direction requirement, the axis corresponding to switching at least two 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 at least two position points on the dynamic playback axis is determined as the second axis.

[0135] Indicatively, if the main rotation axis rotates counterclockwise, the direction of movement is the first direction, which meets the requirements of the first direction. The axis corresponding to switching at least two position points on the dynamic playback axis is the first axis. If the main rotation axis rotates clockwise, the direction of movement is the second direction, which meets the requirements of the second direction. The axis corresponding to switching at least two position points on the dynamic playback axis is the second axis.

[0136] Step 433: Perform position point switching between at least two position points on the dynamic playback axis according to the position point switching speed and axis; and, sequentially display the images corresponding to at least two position points in sequence following the position point switching.

[0137] Indicatively, based on the previously determined position point switching speed and axis, switching is performed between at least two position points on the dynamic playback axis. As the position points switch, the image corresponding to each position point is displayed sequentially, thus forming an animation of dynamic content.

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

[0139] 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 these multiple images on the dynamic playback axis switches according to the user's operation, thereby forming an animation in which the dynamic content changes with the movement of the terminal. On the one hand, the user can arbitrarily design the multiple images according to their needs. Compared with a single-layer misalignment animation formed by layer misalignment, the animation formed by switching between multiple images is richer, enriching the diversity of animations formed by controlling the movement of the terminal. On the other hand, by distributing multiple images along the dynamic playback axis... On the other hand, users can intuitively understand the correspondence between different images and playback axis positions, and thus directly control the playback progress and displayed content of the animation through motion control operations, increasing the user's sense of participation and control. On the other hand, since the dynamic visual effects of dynamic content are achieved by switching between at least two images, it can be seen that the terminal device only needs to use at least two pre-provided images to realize dynamic and diverse dynamic content. The consumption of computing resources of the terminal device is small during the display of dynamic content, and the computing pressure on the device processor is small. As a result, the terminal device can run with low power consumption when displaying dynamic content, thus extending the battery life of the terminal device.

[0140] In this embodiment, the switching display between position points on the dynamic playback axis is controlled according to the operation speed and movement direction of the motion control operation. This ensures that when switching between displaying image content at different position points, the dynamic effect trend of the image content (e.g., dynamic change speed and dynamic change direction) can match the movement of the terminal device, thereby ensuring the matching of the dynamic effect and the terminal device from a visual perspective and improving the display effect of the dynamic content.

[0141] In some embodiments, at least two images are implemented as images distributed on a dynamic playback coordinate system. Illustratively, referring to Figure 6, the embodiment shown in Figure 3 can also be implemented as steps 610 to 633.

[0142] Step 610: Display dynamic content.

[0143] Dynamic content includes at least two images, which are used to represent the dynamic performance of the dynamic content.

[0144] At least two images are distributed on a dynamic playback coordinate system, with different images corresponding to different coordinate points on the dynamic playback coordinate system.

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

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

[0147] For illustration, please refer to Figure 7, which shows a schematic diagram of a dynamic playback coordinate system. The dynamic playback coordinate system 701 has at least two coordinate points distributed on the first and second playback axes, and an image can be configured at each coordinate point.

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

[0149] The default coordinate point can be any of the at least two coordinate points; no restriction is imposed here.

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

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

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

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

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

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

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

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

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

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

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

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

[0162] Optionally, the speed of motion control operations is positively correlated with the speed of switching between at least two 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.

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

[0164] Optionally, if the motion direction of the motion control operation meets the first direction requirement, the axis corresponding to switching at least two 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 at least two 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 at least two 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 at least two coordinate points on the second playback axis is determined as the fourth axis.

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

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

[0167] Step 633: Perform coordinate point switching between at least two 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 at least two coordinate points respectively.

[0168] Indicatively, based on the previously determined coordinate point switching speed and axis, switching is performed between at least two coordinate points in the dynamic playback coordinate system. As the coordinate points switch, the image corresponding to each coordinate point is displayed sequentially, thus forming an animation.

[0169] In summary, the dynamic content display method provided in this application displays dynamic content containing at least two images on a terminal device. These at least two images are distributed on a dynamic playback coordinate system. When the user controls the movement of the terminal device, the display of the at least two images in the dynamic playback coordinate system is switched according to the user's operation, thereby forming an animation where the dynamic content changes with the movement of the terminal device. On the one hand, the user can arbitrarily design the at least two images according to their needs. Compared to a single-layer misalignment animation formed by layer misalignment, the animation formed by switching between at least two images is richer, enriching the diversity of animations formed by controlling the movement of the terminal device. On the other hand, by using a dynamic playback coordinate system... The system distributes images across a scale, allowing users to interact and control them in multiple dimensions. This multi-dimensional interaction provides users with richer operational options and more refined control capabilities, further enriching the animations created by switching between at least two images. Furthermore, since the dynamic visual effects of dynamic content are achieved through switching between at least two images, it is evident that the terminal device only needs to provide at least two pre-existing images to realize dynamic and diverse dynamic content. The consumption of computing resources on the terminal device is relatively small during the display of dynamic content, and the computational pressure on the device's processor is also relatively low. This allows the terminal device to operate with lower power consumption when displaying dynamic content, thus extending the terminal device's battery life.

[0170] In this embodiment, the switching display between coordinate points on the dynamic playback coordinate axis is controlled according to the operation speed and movement direction of the motion control operation. This ensures that when switching between displaying image content at different coordinate points, the dynamic effect trend of the image content (e.g., dynamic change speed and dynamic change direction) can match the movement of the terminal device, thereby ensuring the matching of the dynamic effect and the terminal device from a visual perspective and improving the display effect of the dynamic content.

[0171] In some embodiments, the terminal device includes at least two display areas. Illustratively, referring to FIG8, the embodiment shown in FIG3 can also be implemented as follows: steps 810 to 830.

[0172] Step 810: Display dynamic content in at least two display areas.

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

[0174] Each piece of dynamic content includes at least two images, which are used to represent the dynamic performance of the content.

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

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

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

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

[0179] Step 830: Following the motion control operation, switch the display between at least two images corresponding to the dynamic content displayed in at least two display areas.

[0180] Optionally, different animations can be displayed simultaneously in at least two 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 animations following the motion control operation.

[0181] In some embodiments, at least two 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.

[0182] Optionally, following the motion control operation, the display switches between at least two images corresponding to the first dynamic content displayed in the first display area to form a first animation in which the first dynamic content changes with the motion control operation; and the display switches between at least two images corresponding to the second dynamic content displayed in the second display area to form a second animation in which the second dynamic content changes with the motion control operation.

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

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

[0185] In summary, the dynamic content display method provided in this application displays multiple dynamic contents on a terminal device. When the user controls the movement of the terminal device, the multiple dynamic contents change according to the user's operation. On the one hand, the user can arbitrarily design at least two images according to their needs. Compared with the single-layer misalignment animation formed by layer misalignment, the dynamic content formed by switching between at least two images is richer, enriching the diversity of dynamic content formed by controlling the movement of the terminal device. On the other hand, the user can not only experience the dynamic changes triggered by the movement of the terminal device, but also interact and switch between multiple dynamic contents, thereby enjoying a more immersive and interactive animation experience. Furthermore, since the dynamic visual effect of the dynamic content is achieved by switching between at least two images, it can be seen that the terminal device only needs to use at least two pre-provided images to realize dynamic and diverse dynamic content. The consumption of computing resources of the terminal device during the display of dynamic content is small, and the computing pressure on the device processor is small. This allows the terminal device to run with low power consumption when displaying dynamic content, thus extending the battery life of the terminal device.

[0186] The functional framework of the gyroscope provided in this application will be described below using an angular velocity sensor implemented as a gyroscope as an example. For illustrative purposes, please refer to Figure 9. Before executing the dynamic content display method provided in this 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 the changes in the gyroscope's collected values.

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

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

[0189] The animation control component 930 is used to control the switching display between at least two 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 at least two image frames as an example, if at least two image frames are used to represent the animation 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.

[0190] During animation playback, multiple functional components use the same gyroscope data acquisition value within the same image frame. As shown in Figure 9, 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 at least two image frames corresponding to the animation are stored in the gyroscope controller 940. Schematic, assuming the standardized intermediate value of the gyroscope for image frame a is determined to be a standard value x, when a functional component registers, it can obtain the standard value x from the gyroscope controller 940, thereby determining the custom parameters corresponding to image frame a in each functional component based on the standard value x.

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

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

[0193] Optionally, after creating the various functional components, different combinations of functional components can achieve different animations. As illustrated in Figure 10, in Example 1000, using the Transform control component 910 and the material control component 920 can achieve an animation of visual displacement + material change. Using the Transform control component 910, the material control component 920, and the animation control component 930 can achieve an animation of visual displacement + material change + character dynamics. Using the Transform control component 910, the material control component 920, and other functional components can achieve an animation of visual displacement + material change + other customized characteristics. This is not limited here.

[0194] 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. Illustratively, referring to Figure 11, the gyroscope controller 940 includes three functions: reference count management, control of update frequency, and control of hardware switches.

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

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

[0197] Schematic illustration, please refer to Figure 12, which shows a structural block diagram of a dynamic content display device. As shown in Figure 12, the device includes:

[0198] The first display module 1210 is used to display the dynamic content, which includes at least two images;

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

[0200] The second display module 1230 is used to switch between at least two images following the motion control operation. The switching between the at least two images is used to represent the dynamic content changing following the motion control operation.

[0201] In some embodiments, the at least two images include 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 configured to perform position point switching between at least two position points on the dynamic playback axis according to the motion control operation; and to sequentially display the images corresponding to the at least two position points in sequence following the position point switching.

[0202] In some embodiments, the second display module 1230 is configured to determine a position point switching speed between at least two 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 at least two position points on the dynamic playback axis based on the motion direction of the motion control operation; and perform position point switching between at least two position points on the dynamic playback axis according to the position point switching speed and the axial direction.

[0203] 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 at least two 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 at least two position points on the dynamic playback axis is the second axis.

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

[0205] 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, wherein the speed mapping data is used to indicate the mapping relationship between the operation speed and the position point switching speed, and i is a positive integer; based on the speed mapping data, the operation speed is mapped to obtain the i-th position point switching speed between at least two position points on the i-th axis segment.

[0206] In some embodiments, the at least two images include images distributed on a dynamic playback coordinate system, with different images corresponding to different coordinate points on the dynamic playback coordinate system; the second display module 1230 is configured to perform coordinate point switching between at least two coordinate points on the dynamic playback coordinate system according to the motion control operation; and to sequentially display the images corresponding to the at least two coordinate points in sequence following the coordinate point switching.

[0207] 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 a coordinate point switching speed between at least two 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 at least two coordinate points in the dynamic playback coordinate system based on the motion direction of the motion control operation; and perform coordinate point switching between at least two coordinate points in the dynamic playback coordinate system according to the coordinate point switching speed and the axial direction.

[0208] 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; the second display module 1230 is used to switch the display between at least two images following the motion control operation, wherein the switching between at least two j-th image layers is used to represent the change of the j-th sub-dynamic content following the motion control operation.

[0209] 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 between at least two images following the motion control operation.

[0210] In some embodiments, the second display module 1230 is configured to activate the angular velocity sensor when the animation mode of the dynamic content is enabled, and deactivate the angular velocity sensor when the animation mode of the dynamic content is hidden or disabled.

[0211] 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 mode of the dynamic content is enabled, and to activate the angular velocity sensor.

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

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

[0214] In some embodiments, the terminal device includes at least two display areas; the first display module 1210 is configured to display dynamic content in the at least two display areas respectively; the second display module 1230 is configured to switch between at least two images corresponding to the dynamic content displayed in the at least two display areas in accordance with the motion control operation.

[0215] In summary, the dynamic content display device provided in this application displays dynamic content containing at least two images on a terminal device. When the user controls the movement of the terminal device, the display of at least two images switches according to the user's operation, thereby forming an animation in which the dynamic content changes with the movement of the terminal device. On the one hand, the user can arbitrarily design the at least two images according to their needs. Compared with the single-layer misalignment animation formed by layer misalignment, the dynamic content formed by switching between at least two images is richer, enriching the diversity of dynamic content formed by controlling the movement of the terminal device. On the other hand, the user can control the display progress of the dynamic content displayed on the terminal device through their own actions, enhancing the interactivity between the user and the dynamic content and improving the efficiency of human-computer interaction. Furthermore, since the dynamic visual effect of the dynamic content is achieved by switching between at least two images, it can be seen that the terminal device only needs to use at least two pre-provided images to realize dynamic and diverse dynamic content. The consumption of computing resources of the terminal device during the display of dynamic content is small, and the computing pressure on the device processor is small. This allows the terminal device to operate with low power consumption when displaying dynamic content, extending the battery life of the terminal device.

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

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

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

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

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

[0221] Processor 1301 may include one or more processing cores, such as a quad-core processor, a thirteen-core processor, etc. Processor 1301 may also include a main processor and a coprocessor. 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.

[0222] The memory 1302 may include one or more computer-readable storage media, which may be tangible and non-transitory. 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.

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

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

[0225] Radio frequency (RF) circuit 1304 is used to receive and transmit RF signals, also known as electromagnetic signals. Touch screen 1305 is used to display the UI (User Interface). Camera assembly 1306 is used to capture images or video. Audio circuit 1307 provides an audio interface between the player and computer device 1300. Power supply 1308 provides power to the various components in computer device 1300.

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

[0227] Accelerometer 1310 detects the magnitude of acceleration along the three axes of a coordinate system established with respect to computer device 1300. Gyroscope 1311 detects the orientation and rotation angle of computer device 1300; it works in conjunction with accelerometer 1310 to capture the player's 3D movements on the computer device 1300. Pressure sensor 1312 can be located on the side bezel of computer device 1300 and / or beneath the touchscreen display 1305. Optical sensor 1313 is used to capture ambient light intensity. Proximity sensor 1314, also known as a distance sensor, is typically located on the front of computer device 1300.

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

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

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

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

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

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

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

Claims

A method for displaying dynamic content, the method being executed by a terminal device, the method comprising: The dynamic content is displayed, and the dynamic content includes at least two images; Receive motion control operations for the terminal device; The motion control operation is followed by switching between at least two images, and the switching between the at least two images is used to represent the dynamic content changing in accordance with the motion control operation. According to the method of claim 1, wherein, The at least two images include images distributed along the dynamic playback axis, with different images corresponding to different position points on the dynamic playback axis; The motion control operation that follows the movement and switches the display between the at least two images includes: According to the motion control operation, a position point switching is performed between at least two position points on the dynamic playback axis; as well as, The images corresponding to at least two location points are displayed sequentially as the location points switch. The method according to claim 1 or 2, wherein, The step of switching positions between at least two positions on the dynamic playback axis according to the motion control operation includes: The position switching speed between at least two position points on the dynamic playback axis is determined based on the operation speed of the motion control operation. The axial direction corresponding to the switching of the at least two position points on the dynamic playback axis is determined based on the motion direction of the motion control operation. Position point switching is performed between at least two position points on the dynamic playback axis according to the position point switching speed and the axis. The method according to any one of claims 1 to 3, wherein, The dynamic playback axis includes a first axis and a second axis, wherein the first axis and the second axis are opposite. The determination of the axial direction corresponding to switching the at least two position points on the dynamic playback axis based on the motion control operation includes: When the motion direction of the motion control operation meets the first direction requirement, the axis corresponding to the switching of the at least two position points on the dynamic playback axis is determined to be the first axis. When the motion direction of the motion control operation meets the second direction requirement, the axis corresponding to the switching of the at least two position points on the dynamic playback axis is determined to be the second axis. The method according to any one of claims 1 to 4, wherein, The method further includes: Acquire angular velocity data corresponding to the motion control operation, wherein the angular velocity data is used to indicate the angular velocity relative to the reference plane when the terminal device is controlled to move by the motion control operation; Before determining the position switching speed between at least two position points on the dynamic playback axis based on the operation speed of the motion control operation, the method further includes: The operating speed of the motion control operation is determined based on the magnitude of the angular velocity data. Before determining the axial direction corresponding to switching the at least two position points on the dynamic playback axis based on the motion control operation, the method further includes: The direction of motion control is determined based on the vector direction of the angular velocity data. The method according to any one of claims 1 to 5, wherein, The dynamic playback axis includes multiple axis segments; The determination of the position switching speed between at least two position points on the dynamic playback axis based on the operation speed of the motion control operation includes: When the motion direction of the motion control operation matches the i-th axis segment, the speed mapping data of the i-th axis segment is obtained. The speed 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 speed mapping data, the operation speed is mapped to obtain the switching speed of the i-th position point between at least two position points on the i-th axis segment. The method according to any one of claims 1 to 6, wherein, The at least two images include images distributed on a dynamic playback coordinate system, with different images corresponding to different coordinate points on the dynamic playback coordinate system; The motion control operation that follows the movement and switches the display between the at least two images includes: According to the motion control operation, coordinate point switching is performed between at least two coordinate points in the dynamic playback coordinate system; as well as, The images corresponding to at least two coordinate points are displayed sequentially as the coordinate points switch. The method according to any one of claims 1 to 7, wherein, 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, and the first axial direction and the second axial direction are opposite. The second playback axis corresponds to a third axial direction and a fourth axial direction, and the third axial direction and the fourth axial direction are opposite. The step of switching coordinate points between at least two coordinate points in the dynamic playback coordinate system according to the motion control operation includes: The switching speed of coordinate points between at least two coordinate points on the dynamic playback coordinate system is determined based on the operation speed of the motion control operation. The axial direction when switching at least two coordinate points in the dynamic playback coordinate system is determined based on the motion direction of the motion control operation. Coordinate point switching is performed between at least two coordinate points in the dynamic playback coordinate system according to the coordinate point switching speed and the axis. The method according to any one of claims 1 to 8, wherein, The image is composed of image layers corresponding to m elements respectively. The dynamic content includes m sub-dynamic content. 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. The motion control operation that follows the movement and switches the display between the at least two images includes: The display switches between at least two images following the motion control operation, wherein the switching between at least two j-th image layers is used to represent the j-th sub-dynamic content changing following the motion control operation. The method according to any one of claims 1 to 9, wherein, The terminal device includes an angular velocity sensor; The motion control operation that follows the movement and switches the display between the at least two images includes: Acquire the angular velocity data collected by the angular velocity sensor; Based on the angular velocity data, the motion control operation is followed to switch the display between the at least two images. The method according to any one of claims 1 to 10, wherein, The method further includes: When the animation mode of the dynamic content is enabled, the angular velocity sensor is activated; When the animation mode of the dynamic content is hidden or turned off, the angular velocity sensor is deactivated. The method according to any one of claims 1 to 11, wherein, When the animation mode of the dynamic content is enabled, activating the angular velocity sensor includes: Receive trajectory drawing operation, the trajectory drawing operation being 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 mode of the dynamic content is enabled, and the angular velocity sensor is activated. The method according to any one of claims 1 to 12, wherein, The terminal device is connected to a handle device; The receiving of motion control operations for the terminal device includes: The motion control operation on the handle device is received as a motion control operation on the terminal device. The method according to any one of claims 1 to 13, wherein, The method further includes: Display the progress information corresponding to the dynamic content, and the progress information indicates the playback progress of the dynamic content; The progress information is updated based on the currently displayed image following the motion control operation. The method according to any one of claims 1 to 14, wherein, The terminal device includes at least two display areas; The display of dynamic content includes: Dynamic content is displayed in each of the at least two display areas; The motion control operation that follows the movement and switches the display between the at least two images includes: Following the motion control operation, the display switches between at least two images corresponding to the dynamic content displayed in the at least two display areas. A dynamic content display device, the device comprising: A first display module is used to display the dynamic content, which includes at least two images; The operation receiving module is used to receive motion control operations for the terminal device; The second display module is used to switch between at least two images in accordance with the motion control operation, and the switching between the at least two images is used to show that the dynamic content changes in accordance with the motion control operation. A computer device comprising 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 display dynamic content as described in any one of claims 1 to 15. A computer-readable storage medium storing at least one program, which is loaded and executed by a processor to display dynamic content as described in any one of claims 1 to 15. A computer program product includes a computer program that, when executed by a processor, implements the display of dynamic content as described in any one of claims 1 to 15.

Images