WO2018166470A1 - Animation display method based on frame rate and terminal device - Google Patents

Abstract

Disclosed are an animation display method based on a frame rate and a terminal device. A terminal device calculates a current frame rate of an animation page in real time, and then according to a product of a normal frame rate and a normal offset when no frame of the animation page is lost, and the current frame rate, determines a current offset relative to an operation of the previous frame in a current frame to be displayed such that the total offset of each second of an operation in the animation page calculated according to the current offset is the product of the normal frame rate and the normal offset or is a certain fixed value, and the current frame is displayed according to the current offset.

Description

Frame rate-based animation display method and terminal device

This application claims the priority of the Chinese Patent Application, filed on March 17, 2017, to the Chinese Patent Office, Application No. 201710159973.3, entitled "A Frame Rate-Based Animation Display Method and Terminal Device", the entire contents of which are incorporated by reference. Combined in this application.

Technical field

The present application relates to the field of information processing technologies, and in particular, to a frame rate-based animation display method and a terminal device.

Background technique

H5 (Hypertext Markup Language Version 5, HTML5) technology is a collection of techniques for creating interactive web effects that can be used to build web pages and develop games. Under normal circumstances, when the terminal device displays the game animation, the frame rate is 60 frames per second, and the loop operation rate following the frame rate is 60 times per second. Each frame is a rendering of the result of a loop operation, which is a still image. The frame is formed by displaying the frame in rapid succession, so that the animation effect is achieved by cyclically drawing the image of each frame. High frame rates for smoother, more realistic animations. And if the frame rate drops, the number of corresponding loop operations will also decrease. For example, in the state where the mobile H5 game page is out of frame, all operations that rely on the frame rate to do loops, such as game background movement or automatic movement of characters, may cause the number of loop operations per second during game running to decrease due to the decrease of the frame rate. This affects the running speed and rendering effect of the game.

Summary of the invention

The embodiment of the present application provides a frame rate-based animation display method and a terminal device, which dynamically determine a current offset of a loop operation in each frame of an animation page according to a current frame rate of the animation page.

An embodiment of the present application provides a frame rate-based animation display method, including:

Calculate the current frame rate of the animated page;

Determining, according to a product of a normal frame rate and a normal offset, and the current frame rate, a current offset of an operation relative to a previous frame in the current frame to be displayed, such that the animation calculated according to the current offset The total offset per second of the operation in the page is the product of the normal frame rate and the normal offset, or a fixed value; wherein the normal frame rate is the frame when the animation page is not lost. Rate, the normal offset is an offset of the operation of the current frame relative to a previous frame when the animation page is not lost, and a certain fixed value is the normal frame rate and the normal offset The difference between the products of the product within the preset range;

Presenting the current frame according to the determined current offset.

The embodiment of the present application further provides a terminal device, including: a processor and a memory, where the computer stores computer readable instructions, where the computer readable instructions are executed by the processor to complete the following operations:

Calculate the current frame rate of the animated page;

Determining, according to a product of a normal frame rate and a normal offset, and the current frame rate, a current offset of an operation relative to a previous frame in the current frame to be displayed, such that the animation calculated according to the current offset The total offset per second of the operation in the page is the product of the normal frame rate and the normal offset, or a fixed value; wherein the normal frame rate is the frame when the animation page is not lost. Rate, the normal offset is an offset of the operation of the current frame relative to a previous frame when the animation page is not lost, and a certain fixed value is the normal frame rate and the normal offset The difference between the products of the product within the preset range;

Presenting the current frame according to the determined current offset.

The embodiment of the present application provides a frame rate-based animation display method, which is applied to a terminal device, and the method includes:

Calculate the current frame rate of the animated page;

Determining, according to a product of a normal frame rate and a normal offset, and the current frame rate, a current offset of an operation relative to a previous frame in the current frame to be displayed, such that the animation calculated according to the current offset The total offset per second of the operation in the page is the product of the normal frame rate and the normal offset, or a fixed value; wherein the normal frame rate is the frame when the animation page is not lost. Rate, the normal offset is an offset of the operation of the current frame relative to a previous frame when the animation page is not lost, and a certain fixed value is the normal frame rate and the normal offset The difference between the products of the product within the preset range;

Presenting the current frame according to the determined current offset.

A non-volatile storage medium having stored therein computer readable instructions executable by a processor to perform the following operations:

Calculate the current frame rate of the animated page;

Determining, according to a product of a normal frame rate and a normal offset, and the current frame rate, a current offset of an operation relative to a previous frame in the current frame to be displayed, such that the animation calculated according to the current offset The total offset per second of the operation in the page is the product of the normal frame rate and the normal offset, or a fixed value; wherein the normal frame rate is the frame when the animation page is not lost. Rate, the normal offset is an offset of the operation of the current frame relative to a previous frame when the animation page is not lost, and a certain fixed value is the normal frame rate and the normal offset The difference between the products of the product within the preset range;

Presenting the current frame according to the determined current offset.

BRIEF DESCRIPTION OF THE DRAWINGS

In order to more clearly illustrate the embodiments of the present application or the technical solutions in the prior art, the drawings to be used in the embodiments or the prior art description will be briefly described below. Obviously, the drawings in the following description are only It is a certain embodiment of the present application, and other drawings can be obtained according to the drawings without any creative labor for those skilled in the art.

1 is a schematic diagram of an implementation environment provided by an embodiment of the present application;

2A is a flowchart of a frame rate-based animation display method provided by an embodiment of the present application;

2B is a flowchart of another frame rate-based animation display method provided by an embodiment of the present application;

3 is a flowchart of a frame rate-based animation display method provided in an application embodiment of the present application;

4 is a schematic structural diagram of a terminal device according to an embodiment of the present application;

FIG. 5 is a schematic structural diagram of another terminal device according to an embodiment of the present disclosure;

FIG. 6 is a schematic structural diagram of still another terminal device according to an embodiment of the present application.

Mode for carrying out the invention

The technical solutions in the embodiments of the present application are clearly and completely described in the following with reference to the drawings in the embodiments of the present application. It is obvious that the described embodiments are only a part of the embodiments of the present application, and not all of the embodiments. All other embodiments obtained by a person of ordinary skill in the art based on the embodiments of the present application without departing from the inventive scope are the scope of the present application.

The terms "first", "second", "third", "fourth", etc. (if present) in the specification and claims of the present application and the above figures are used to distinguish similar objects without having to use To describe a specific order or order. It is to be understood that the data so used may be interchanged where appropriate, such that the embodiments of the present application described herein can be implemented, for example, in a sequence other than those illustrated or described herein. In addition, the terms "comprises" and "comprises" and "the" and "the" and "the" are intended to cover a non-exclusive inclusion, for example, a process, method, system, product, or device that comprises a series of steps or units is not necessarily limited to Those steps or units may include other steps or units not explicitly listed or inherent to such processes, methods, products or devices.

Normally, the refresh rate of the display of the terminal device is 60 times per second, which matches the frame rate of the game animation. Before each refresh of the display, the terminal device moves the position of the animated image by a certain distance in a certain direction, for example, 1 pixel (px). In this way, the position of the image that is refreshed each time the display is different from the previous image position by 1px, people will see the image moving. Due to the visual pause effect of the human eye, the impression of the image at the current position staying in the brain has not disappeared, and then the image is moved to the next position, so that the image is seen to move smoothly. If the frame rate drops and the refresh rate of the display of the terminal device does not match the frame rate of the H5 game page, it is possible that some frames cannot be presented on the display screen, and a frame loss occurs. Frame loss generally refers to the phenomenon that the frame is slowed down (or short time or long time) due to insufficient hardware to load the dynamic display refresh rate of the display screen. Loss of frame in the game is the process of playing the game, the card appears this situation, the image is not refreshed in time, the picture is sticky.

In some techniques, in the state where the H5 game page is out of frame, the method of periodically calling the function to perform the loop operation is generally adopted, so that the number of loop operations for calling the related function is fixed at about 30 times per second. The function called is, for example, a function that moves the background of the game, a function that adjusts the amount of blood in the game, and the like. However, because of this method, the number of loop operations is small, the number of page refreshes is small, and the problem of slow game execution may occur. In addition, using this method, it is common practice to set a fixed number of times for poorly performing mobile phones, but the performance of different mobile phones is different, and it is possible to set the performance on a mobile phone with a performance of 60 cycles per second. It is about 30 times per second, so there may be a problem of wasted hardware performance.

The embodiment of the present application provides a frame rate based animation display method and apparatus. Through the method and the device, the terminal device calculates the current frame rate of the animated page in real time, and determines the cyclic operation of the current frame to be displayed according to the product of the preset normal frame rate and the normal offset and the current frame rate. a current offset, wherein a total offset per second of the loop operation in the animation page calculated according to the current offset is a product of the normal frame rate and a normal offset, or a fixed value, and Presents the current frame based on the current offset. In this way, when the frame rate of the animation page changes dynamically when the animation page is out of frame, the current offset of the loop operation that depends on the frame rate can be dynamically determined, so that the rate of the loop operation in the animation page remains unchanged, and It decreases due to the decrease of the frame rate, thus ensuring the execution speed of the game, smoothly presenting the game screen, and avoiding the phenomenon of the animation being stuck. In addition, since the present application automatically calculates the offset that should be cyclically operated according to the frame rate in real time, the hardware performance of the terminal device can be better utilized to adapt to various terminal devices.

FIG. 1 is a schematic diagram of an implementation environment provided by an embodiment of the present application. The implementation environment includes a terminal device 10 and a server 20 that provides services to the terminal device. The terminal device 10 is connected to the server 20 via a wireless or wired network. The terminal device 10 can be an electronic device capable of accessing the server 20, and can be, for example, a computer, a smart phone, a tablet, or other electronic device. Server 20 can be one or more web servers, application servers, or a cloud storage center. The user can click on the corresponding game module in the application client on the terminal device 10 to request the server to run the corresponding game, such as the H5 page game program. After receiving the request from the application client, the server issues all data for running the game to the application client, and the game is run by the application client. The application client is, for example, an instant messaging client or a game client. A frame rate based animation display device 11 and a memory 12 for storing various data required to run the game are included in the terminal device 10.

FIG. 2A is a flowchart of a frame rate based animation display method provided by an embodiment of the present application. The frame rate-based animation display method therein can be performed by a terminal device (such as a game terminal or the like) that supports frame rate-based animation. As shown in FIG. 2A, the method includes:

Step 101: Calculate a current frame rate of the animated page, that is, a number of frames of the animated page per second.

When displaying a frame rate-based animated page, the terminal device needs to make each frame of the animated page and then display the generated animated page. In general, the frame rate of an animated page is fixed, that is, the number of frames of an animated page displayed by the terminal device per second is the same, for example, 60 frames per second. In the case that the animation page is out of frame, the frame rate is dynamically changed. In this embodiment, the current frame rate of the animated page needs to be calculated in real time. The number of frames is the amount of pictures transferred in one second. It can also be understood that the processor can be refreshed several times per second, usually expressed in fps (Frames Per Second).

The method in this embodiment may be a process in which the terminal device is triggered by a fixed period, and the fixed period is, for example, 16 milliseconds; or the process triggered by the terminal device when the lost frame of the animation page is detected. When the terminal device detects that the number of frames of the animated page displayed per second is relatively large, it may be determined that the animation page of the terminal device is out of frame. The terminal device can record the current time point when it starts generating each frame of the animation page. If the difference between the time when the terminal device determines to start generating the previous frame and the time when the current frame is started to be generated is greater than a preset threshold, for example, 16 milliseconds, it is determined that the number of frames of the animated page displayed per second is relatively large, and the frame loss is considered to occur. .

Step 102: Determine, according to a product of a normal frame rate and a normal offset, and a current frame rate calculated in the foregoing step 101, a current offset of an operation in the current frame to be displayed relative to a previous frame, so that the current offset is determined according to the current offset. The total offset per second of the operation in the animation page obtained by the shift calculation is the product of the above normal frame rate and the normal offset, or a fixed value.

The normal frame rate is the frame rate when the animation page is not lost. The normal offset is the offset of the operation of the current frame relative to the previous frame when the animation page is not lost. A fixed value is The difference between the above-mentioned product of the normal frame rate and the normal offset is a value within a preset range. The normal frame rate and the normal offset may be preset by the user in the terminal device, or may be calculated by the terminal device and stored in the terminal device when the animation page has not lost frames. The operation here can be called a loop operation, which refers to the same operation in each frame of the animation page, such as the operation of the background moving forward in the game screen. For example, when the terminal device draws each frame of the animated page, it executes a requestAnimationFrame function (or method). In this requestAnimationFrame function, a function that performs specific business processing in each frame of the animation page. Execute these functions for the appropriate business processing. For example, it includes updating the map function to update the map in the game; updating the menu function to update the menu display in the game; collision detection function to detect whether there is a collision; the stage update function, updating the stage in the game, and the like. The loop execution of these functions in each frame of the animation page is a loop operation. When performing a business process function, each frame will have an offset from the previous frame. For example, the Stage Update function might update the position of the Stage, moving the Stage backwards by a certain amount of offset, which will make the characters in the animation appear dynamic relative to the Stage.

In general, the offset of the loop operation in each frame of the animation page is also fixed, so that the number of loop operations in the animation page displayed by the terminal device per second is also fixed, for example, 60 times per second. In the case that the animation page is out of frame, in order to make the rate of the loop operation unchanged, in this embodiment, it is required to determine the corresponding current offset according to the current frame rate in real time, so that the generated animation page is calculated according to the current offset. The total offset per second of the loop operation is unchanged, such as the total offset per second of the loop operation in the animation page under normal conditions (that is, the product of the normal offset and the normal frame rate), or it can be fixed to A certain value is not limited here.

For example, under normal circumstances, the normal offset of the loop operation in each frame of the animation page is 1 pixel, and 60 frames per second, the total offset per second of the loop operation in the animation page is 60 pixels. In this embodiment, the corresponding current offset may be determined such that the product of the current frame rate and the current offset is 60.

Specifically, when the terminal device performs this step, in one case, the ratio of the product of the normal frame rate to the normal offset and the current frame rate may be directly determined as the current offset. In another case, the terminal device needs to determine that the difference between the product of the normal frame rate and the normal offset is a certain fixed value, and then a fixed value. The ratio to the current frame rate is determined as the current offset.

Step 103: Display the current frame according to the current offset determined in step 102. Specifically, on the basis of the displayed one-frame animation page, the object of the loop operation is offset according to the current offset determined according to the frame animation page, and the next frame animation page is obtained, and the next frame animation page is displayed. , and so on, showing each frame of the animation page.

It can be seen that, in the method of the embodiment, the terminal device calculates the current frame rate of the animated page in real time, and then determines each frame according to the product of the normal frame rate and the normal offset amount when the animation page is not lost, and the current frame rate. The current offset of the loop operation in the animation page, such that the total offset per second of the loop operation in the animation page is the product of the normal frame rate and the normal offset, or a fixed value, and based on the current offset The volume shows the animated page. In this way, since the frame rate of the animated page is dynamically changed when the animation page is lost, it is necessary to dynamically determine the current offset of the loop operation that depends on the frame rate, so that the rate of the loop operation in the animation page remains unchanged, and will not Decreased due to a decrease in the frame rate.

In a specific embodiment, when performing the above step 101, the terminal device may record the corresponding start generation time when starting to generate each frame of the animation page, and then determine the animation of each frame according to the start time of each frame of the animation page. The average time of the page, the current frame rate is determined based on the average time. For example, when the average time of each frame of animation is 16.7 milliseconds, the frame rate is 60 frames per second. Wherein, when determining the average time of each frame of the animation page, the difference between the start generation time of the adjacent frame animation page may be obtained first, and then the difference values are averaged to obtain the average time of each frame of the animation page, and the current frame rate is obtained. It is the ratio of 1 second to the average time consuming.

Specifically, since the terminal device is generated by calling the drawing function of the animation page when generating the animation page of each frame, in this embodiment, each time the animation function page of the animation page is generated, a certain frame animation page may be generated. Record the call time as the start generation time of the corresponding frame animation page.

The drawing function of the animated page may be a request animation frame (requestAnimationFrame) function, and the terminal device executes the requestAnimationFrame function every time an animation page is drawn. The drawing function of the animated page can also be a set spacing function (setInterval) or a set timeout (setTimeout) function. The setInterval function means that a piece of code is looped according to the specified event interval. The setTimeout function represents a piece of code that executes after a certain time interval.

However, since the requestAnimationFrame function corresponds to the frame rate, that is, the drawing of each frame of the animation page is called, in this embodiment, the calling time can be recorded directly when the function is called.

The setInterval function or the setTimeout function does not correspond to the frame rate. That is, when the terminal device displays each frame of the animation page, it is not necessary to call this type function. In this case, the user needs to pass the terminal device. In advance, you need to call this type function (setInterval function or setTimeout function) when displaying each frame of animation page, so that this type of function corresponds to the frame rate, so that the terminal device can call the call time according to the call of this type function. Get the average time spent on each frame of animated pages.

In a page game, multiple objects are usually drawn on the game canvas. Each object can have its own independent behavior. Thus, in the game, when the loop operation function is used to process these objects, the respective required offsets can be performed for each object, and then the calculations in the respective steps of the above method are performed according to the unified frame loss rate.

According to the frame rate-based animation display method of the embodiment of the present application, when the frame rate of the animation page is dynamically changed when the animation page is out of frame, the current offset of the loop operation dependent on the frame rate can be dynamically determined, and the animation is made. The rate of the loop operation in the page remains unchanged, and does not decrease due to the decrease of the frame rate, thereby ensuring the execution speed of the game, smoothly presenting the game screen, and avoiding the phenomenon of the animation being stuck. In addition, since the present application automatically calculates the offset that should be cyclically operated according to the frame rate in real time, the hardware performance of the terminal device can be better utilized to adapt to various terminal devices.

Referring to FIG. 2B, in another specific embodiment, after performing the foregoing step 101, the terminal device may perform the following step 104:

In step 104, it is determined whether the current frame rate calculated in the above step 101 is consistent with the normal frame rate. If they are consistent, step 105 is performed. If not, the above steps 102 and 103 are performed.

Step 105: Display the current frame according to a normal offset.

In this embodiment, the terminal device considers that if the frame rate of the animation page does not change, the current offset may not be re-determined, but the animation page of each frame is directly displayed according to the normal offset.

The method of the embodiment of the present application is described in a specific embodiment. The terminal device in this embodiment is a game terminal, and the animation page displayed by the terminal device is a game page. Referring to FIG. 3, the method in this embodiment includes:

Step 201, the game terminal sets the game page when the frame is not lost, the frame rate of the game page is 60, that is, 60 frames per second, and the loop operation in the game page (for example, the background element in the game continuously moves forward) The normal offset is X(px), and the normal state is 60 frames in the next second. The total amount of motion for the loop operation in the animation page is 60X (px).

Step 202: When the game terminal is started, when the game page of each frame is generated, the requestAnimationFrame function is called to generate a game page, and the game terminal records the time of calling the requested animation frame function, so that according to the recorded time, according to the one-frame game The difference between the generation time of the page and the generation time of the next frame game page is calculated, and the time T of the game page of the frame is calculated, so that the current frame rate Y of the game page is 1 second/T.

Step 203, calculating a ratio Z of the normal frame rate (60 frames/second) to the current frame rate Y, that is, Z=60/Y.

Step 204, the product of the normal offset X and the ratio Z of the normal frame rate to the current frame rate is used as the current offset of the loop operation in the game page.

Step 205: The game terminal displays the next frame of the game page according to the current offset.

During the actual operation of the gaming terminal, the gaming terminal loops through the above steps 202 and 203 to ensure that the total offset per second of the looping operation in the game page (the background moving forward in the game page) is close to 60X (px).

For example, in Super Mario's game terminal, the loop operation in each frame of the animation page is Mario's automatic forward running. In the normal state, Mario automatically moves forward by 1 pixel (px) per frame of the game page. Can move 60px, and in the frame loss state, the frame rate of the game page may only be 20 frames per second. By the above method, Mario needs to automatically move forward 3 pixels in the game page, so that the running speed of Mario is not change.

The embodiment of the present application further provides a terminal device, and a schematic structural diagram thereof is shown in FIG. 4, and specifically includes:

a frame rate calculation unit 10, configured to calculate a current frame rate of the animation page;

The offset determining unit 11 is configured to determine, according to a product of a normal frame rate and a normal offset and a current frame rate calculated by the frame rate calculating unit 10, an operation of the current frame to be displayed relative to a previous frame thereof. The current offset, such that the total offset per second of the operation in the animated page calculated according to the current offset is the product of the normal frame rate and the normal offset, or a fixed value; The normal frame rate is a frame rate when the animation page has not lost frames, and the normal offset is an offset of an operation of the current frame relative to a previous frame when the animation page is not lost. a fixed value is a value within a preset range of the product of the normal frame rate and the normal offset; specifically, the offset determining unit 11 is configured to compare the normal frame rate with The ratio of the product of the normal offset to the current frame rate is determined as the current offset; or the difference between the product of the normal frame rate and the normal offset is determined to be within a preset range a value of the fixed value, the fixed value and the current frame rate Value is determined as the current offset.

The first display unit 12 is configured to display the current frame according to the current offset determined by the offset determining unit 11.

It can be seen that in the terminal device, the frame rate calculation unit 10 calculates the current frame rate of the animation page in real time, and then the offset amount determining unit 11 compares the normal frame rate with the normal offset amount and the current time when the animation page has not lost the frame. a frame rate, the current offset of the operation in the current frame relative to the previous frame to be displayed, such that the total offset per second of the operation in the animated page calculated according to the current offset is the normal frame rate The product of the normal offset is either a fixed value, and the first display unit 12 presents the current frame based on the current offset. In this way, since the frame rate of the animated page is dynamically changed when the animation page is lost, it is necessary to dynamically determine the current offset of the loop operation that depends on the frame rate, so that the rate of the loop operation in the animation page remains unchanged, and will not The frame rate is lowered due to the decrease in the frame rate, thereby ensuring the execution speed of the game and smoothly presenting the game screen.

Referring to FIG. 5, in a specific embodiment, the terminal device may include a second display unit 13 and a setting unit 14 in addition to the structure of FIG. 4, and the frame rate calculation unit 10 may pass The time recording unit 110 and the time consuming computing unit 120 are implemented, specifically:

The time recording unit 110 is configured to record a corresponding start generation time when starting to generate each frame of the animation page; wherein, if the generating each frame of the animation page is generated by calling a drawing function of the animation page, the time recording The unit 110 is specifically configured to record a call time as a start generation time of the corresponding frame animation page when the drawing function of the animation page is generated to generate a certain frame animation page.

Specifically, the drawing function of the animation page may be a function of requesting an animation frame function, setting a spacing function or setting a timeout function, and if the drawing function of the animation page is setting a spacing function or setting a timeout function, the terminal device also needs to set The unit 14 is configured to call the set pitch function or set the timeout function when displaying each frame of the animation page, so that the time recording unit 110 records the calling time of the function according to the setting of the setting unit 14.

The time consuming calculation unit 120 is configured to determine an average time consumption of each frame of the animation page according to the start generation time of each frame of the animation page recorded by the time recording unit 110, and determine the current frame rate according to the average time consuming.

The second display unit 13 is configured to display each frame of the animation page according to the normal offset amount if the current frame rate calculated by the time consuming calculation unit 120 in the frame rate calculation unit 10 is consistent with the normal frame rate.

In the present embodiment, after the current frame rate is calculated by the time-consuming calculation unit 120 in the frame rate calculation unit 10, if the current frame rate is consistent with the normal frame rate, the current frame animation page is displayed by the second display unit 13. If the current frame rate does not coincide with the normal frame rate, the current frame animation page is displayed by the first display unit 12 after the offset amount determining unit 11 determines the current offset.

Specific operations of the above units may be referred to the specific description in the method embodiments.

With the frame rate-based animation display device of the embodiment of the present application, when the frame rate of the animation page is dynamically changed when the animation page is lost, the current offset of the loop operation dependent on the frame rate can be dynamically determined, and the animation is made. The rate of the loop operation in the page remains unchanged, and does not decrease due to the decrease of the frame rate, thereby ensuring the execution speed of the game, smoothly presenting the game screen, and avoiding the phenomenon of the animation being stuck. In addition, since the present application automatically calculates the offset that should be cyclically operated according to the frame rate in real time, the hardware performance of the terminal device can be better utilized to adapt to various terminal devices.

The embodiment of the present application further provides a terminal device, which is shown in FIG. 6. The terminal device may have a large difference due to different configurations or performances, and may include one or more central processing units (central processing units, CPU) 20 (eg, one or more processors) and memory 21, one or more storage media 22 that store application 221 or data 222 (eg, one or one storage device in Shanghai). Among them, the memory 21 and the storage medium 22 may be short-term storage or persistent storage. The program stored on the storage medium 22 may include one or more modules (not shown), each of which may include a series of instruction operations in the terminal device. Still further, central processor 20 may be arranged to communicate with storage medium 22 to perform a series of instruction operations in storage medium 22 on the terminal device.

Specifically, the application 221 stored in the storage medium 22 includes an application program based on a frame rate-based animation, and the program may include the frame rate calculation unit 10 in the above-described terminal device, the offset determination unit 11, the first display The unit 12, the second display unit 13 and the setting unit 14 are not described herein. Still further, the central processor 20 can be arranged to communicate with the storage medium 22 to perform a series of operations corresponding to the application of the frame rate based animation stored in the storage medium 22 on the terminal device. The application of the frame rate based animation display may also include the operations described in Figures 2A, 2B, and 3.

The terminal device may also include one or more power sources 23, one or more wired or wireless network interfaces 24, one or more input and output interfaces 25, and/or one or more operating systems 223, such as Windows ServerTM, Mac OS. XTM, UnixTM, LinuxTM, FreeBSDTM and more.

The steps performed by the terminal device described in the foregoing method embodiments may be based on the structure of the terminal device shown in FIG. 6.

A person skilled in the art may understand that all or part of the various steps of the foregoing embodiments may be performed by a program to instruct related hardware. The program may be stored in a computer readable storage medium, and the storage medium may include: Read only memory (ROM), random access memory (RAM), magnetic or optical disk, and the like.

The frame rate-based animation display method and the terminal device provided by the embodiments of the present application are described in detail. The principles and implementation manners of the present application are described in the specific examples. The description of the above embodiments is only for helping. The method of the present application and its core idea are understood; at the same time, for those skilled in the art, according to the idea of the present application, there will be changes in the specific implementation manner and the scope of application. It should be understood that the limitations of the application.

Claims (19)

1. A frame rate based animation display method, including:

   Calculate the current frame rate of the animated page;

   Determining, according to a product of a normal frame rate and a normal offset, and the current frame rate, a current offset of an operation relative to a previous frame in the current frame to be displayed, such that the animation calculated according to the current offset The total offset per second of the operation in the page is the product of the normal frame rate and the normal offset, or a fixed value; wherein the normal frame rate is the frame when the animation page is not lost. Rate, the normal offset is an offset of the operation of the current frame relative to a previous frame when the animation page is not lost, and a certain fixed value is the normal frame rate and the normal offset The difference between the products of the product within the preset range;

   Presenting the current frame according to the determined current offset.
2. The method of claim 1, wherein the calculating the current frame rate of the animated page comprises:

   Record the corresponding start generation time when starting to generate each frame of the animation page;

   Determining an average time of each frame of the animation page according to the start generation time of each frame of the animation page, and determining the current frame rate according to the average time consumption.
3. The method of claim 2, wherein the generating each frame of the animation page is generated by calling a drawing function of the animation page, and when the starting of each frame of the animation page is started, recording a corresponding start generation time, specifically including :

   When the drawing function of the animation page is called to generate a certain frame of the animation page, the call time is recorded as the start generation time of the corresponding frame animation page.
4. The method of claim 3, wherein the rendering function of the animated page is a request animation frame function, setting a spacing function or setting a timeout function;

   Wherein, if the drawing function of the animation page is a setting pitch function or setting a timeout function, the method further comprises: setting the setting spacing function or setting a timeout function when displaying each frame of the animation page.
5. The method of claim 1, wherein said determining a current offset of an operation of a current frame relative to a previous frame thereof to be displayed based on a product of a normal frame rate and a normal offset and said current frame rate The quantity, such that the total offset per second of the operation in the animation page calculated according to the current offset is the product of the normal frame rate and the normal offset, and specifically includes:

   Determining a ratio of a product of the normal frame rate to a normal offset to the current frame rate as the current offset;

   Determining, according to a product of a normal frame rate and a normal offset, and the current frame rate, a current offset of an operation in a current frame to be displayed relative to a previous frame, such that the current offset is calculated according to the current offset The total offset per second of the loop operation in the animated page is a fixed value, including:

   Determining a difference between the product of the normal frame rate and the normal offset in a preset range as a certain fixed value, and comparing the ratio of the certain fixed value to the current frame rate Determined to be the current offset.
6. The method of any one of claims 1 to 5, wherein after the calculating the current frame rate of the animated page, the method further comprises:

   If the current frame rate is consistent with the normal frame rate, displaying the current frame according to the normal offset;

   If the current frame rate does not coincide with the normal frame rate, performing the step of determining a current offset and presenting a current frame according to the current offset.
7. A terminal device comprising: a processor and a memory, the computer having stored thereon computer readable instructions, the computer readable instructions being executed by the processor to:

   Calculate the current frame rate of the animated page;

   Determining, according to a product of a normal frame rate and a normal offset, and the current frame rate, a current offset of an operation relative to a previous frame in the current frame to be displayed, such that the animation calculated according to the current offset The total offset per second of the operation in the page is the product of the normal frame rate and the normal offset, or a fixed value; wherein the normal frame rate is the frame when the animation page is not lost. Rate, the normal offset is an offset of the operation of the current frame relative to a previous frame when the animation page is not lost, and a certain fixed value is the normal frame rate and the normal offset The difference between the products of the product within the preset range;

   Presenting the current frame according to the determined current offset.
8. The terminal device of claim 7, wherein the calculating a current frame rate of the animation page comprises:

   Record the corresponding start generation time when starting to generate each frame of the animation page;

   Determining an average time of each frame of the animation page according to the start generation time of each frame of the animation page, and determining the current frame rate according to the average time consumption.
9. The terminal device according to claim 8, wherein the generating each frame of the animation page is generated by calling a drawing function of the animation page, and when the starting of each frame of the animation page is started, recording a corresponding start generation time, specifically include:

   When the drawing function of the animation page is called to generate a certain frame of the animation page, the call time is recorded as the start generation time of the corresponding frame animation page.
10. The terminal device according to claim 9, wherein the drawing function of the animation page is a request animation frame function, setting a spacing function or setting a timeout function;

    Wherein, if the drawing function of the animated page is to set a spacing function or set a timeout function, it is required to call the setting spacing function or setting a timeout function when displaying each frame of the animation page.
11. The terminal device according to claim 7, wherein said determining, based on a product of a normal frame rate and a normal offset and said current frame rate, determining a current bias of an operation in a current frame to be displayed relative to a previous frame thereof The shift amount is such that the total offset per second of the operation in the animation page calculated according to the current offset is the product of the normal frame rate and the normal offset, and specifically includes:

    Determining a ratio of a product of the normal frame rate to a normal offset to the current frame rate as the current offset;

    Determining, according to a product of a normal frame rate and a normal offset, and the current frame rate, a current offset of an operation in a current frame to be displayed relative to a previous frame, such that the current offset is calculated according to the current offset The total offset per second of the loop operation in the animated page is a fixed value, including:

    Determining a difference between the product of the normal frame rate and the normal offset in a preset range as a certain fixed value, and comparing the ratio of the certain fixed value to the current frame rate Determined to be the current offset.
12. A terminal device according to any one of claims 7 to 11, wherein after said calculating a current frame rate of an animated page, said computer readable instructions are executed by said processor to further perform the following operations:

    If the current frame rate is consistent with the normal frame rate, displaying the current frame according to the normal offset;

    If the current frame rate does not coincide with the normal frame rate, performing the step of determining a current offset and presenting a current frame according to the current offset.
13. A frame rate-based animation display method is applied to a terminal device, and the method includes:

    Calculate the current frame rate of the animated page;

    Determining, according to a product of a normal frame rate and a normal offset, and the current frame rate, a current offset of an operation relative to a previous frame in the current frame to be displayed, such that the animation calculated according to the current offset The total offset per second of the operation in the page is the product of the normal frame rate and the normal offset, or a fixed value; wherein the normal frame rate is the frame when the animation page is not lost. Rate, the normal offset is an offset of the operation of the current frame relative to a previous frame when the animation page is not lost, and a certain fixed value is the normal frame rate and the normal offset The difference between the products of the product within the preset range;

    Presenting the current frame according to the determined current offset.
14. The method of claim 13, wherein the calculating the current frame rate of the animated page comprises:

    Record the corresponding start generation time when starting to generate each frame of the animation page;

    Determining an average time of each frame of the animation page according to the start generation time of each frame of the animation page, and determining the current frame rate according to the average time consumption.
15. The method of claim 14, wherein the generating each frame of the animation page is generated by calling a drawing function of the animation page, and when the starting of each frame of the animation page is started, recording a corresponding start generation time, specifically including :

    When the drawing function of the animation page is called to generate a certain frame of the animation page, the call time is recorded as the start generation time of the corresponding frame animation page.
16. The method of claim 15, wherein the rendering function of the animated page is a request animation frame function, setting a spacing function or setting a timeout function;

    Wherein, if the drawing function of the animation page is a setting pitch function or setting a timeout function, the method further comprises: setting the setting spacing function or setting a timeout function when displaying each frame of the animation page.
17. The method of claim 13 wherein

    Determining, according to a product of a normal frame rate and a normal offset, and the current frame rate, a current offset of an operation in a current frame to be displayed relative to a previous frame, such that the current offset is calculated according to the current offset The total offset per second of the operation in the animated page is the product of the normal frame rate and the normal offset, and specifically includes:

    Determining a ratio of a product of the normal frame rate to a normal offset to the current frame rate as the current offset;

    Determining, according to a product of a normal frame rate and a normal offset, and the current frame rate, a current offset of an operation in a current frame to be displayed relative to a previous frame, such that the current offset is calculated according to the current offset The total offset per second of the loop operation in the animated page is a fixed value, including:

    Determining a difference between the product of the normal frame rate and the normal offset in a preset range as a certain fixed value, and comparing the ratio of the certain fixed value to the current frame rate Determined to be the current offset.
18. The method of any one of claims 1 to 17, wherein after the calculating the current frame rate of the animated page, the method further comprises:

    If the current frame rate is consistent with the normal frame rate, displaying the current frame according to the normal offset;

    If the current frame rate does not coincide with the normal frame rate, performing the step of determining a current offset and presenting a current frame according to the current offset.
19. A non-volatile storage medium having computer readable instructions stored thereon, the computer readable instructions being executable by a processor to perform the method of any one of claims 1 to 6.

Images