Web Animation Playback via Periodic Location Calculation
Find Innovative SolutionsGenerate Solutions
Solution Overview
Problem
Existing animation playback methods for web pages require large animation files, leading to increased traffic consumption and prolonged data acquisition times for terminals.
Innovation Solution
An animation playback method that periodically calculates and draws the location of an object within a preset region in a web page, using a first location and offset angle from a previous period to determine a second location and offset angle in the current period, allowing for efficient image rendering without increasing web page data capacity.
Engineering Contradictions & Design Principles
Engineering Contradiction Analysis
1Manufacturing precision
If animation files are formed by multiple drawn images for each frame, then animation playback quality is improved, but web page data capacity increases
Solution Approach 1:
The patent segments the animation data into two parts: (1) static web page data containing only the preset region definition, and (2) dynamic terminal-side calculation data generated periodically. This segmentation allows the web page to contain minimal data while the terminal generates the remaining animation frames through periodic location calculations based on motion modes, thereby reducing web page data capacity while maintaining animation quality.
Solution Approach 2:
The patent performs preliminary action by pre-defining the preset region and motion parameters in the web page data, then enables the terminal to automatically generate animation frames through periodic calculations. This preliminary setup allows the terminal to autonomously produce animation content without requiring complete pre-rendered image sequences, reducing the data capacity that needs to be transmitted while ensuring playback quality.
2Reliability
If complete animation files are included in web page data, then animation playback is ensured, but traffic consumption increases
Solution Approach 1:
The patent extracts only the essential static elements (preset region definition and motion parameters) from complete animation files and places them in the web page data. The remaining dynamic frame data is extracted from the terminal's periodic calculations rather than being transmitted, thereby ensuring animation playback reliability while significantly reducing traffic consumption.
Solution Approach 2:
The patent uses copying by having the terminal generate animation frames through calculation based on motion modes, effectively creating local copies of animation content without transmitting the original complete animation files. This approach ensures playback reliability while reducing traffic consumption since only minimal parameter data needs to be transmitted.
3Manufacturing precision
If multiple image frames are transmitted for animation, then animation quality is maintained, but data acquisition time increases
Solution Approach 1:
The patent implements periodic action by having the terminal calculate and generate animation frames at periodic intervals based on the defined motion modes. Instead of transmitting all frames upfront, the terminal periodically computes new frame locations and renders images, maintaining animation quality while reducing data acquisition time since the web page contains only the essential configuration data.
Data Source
AI summary
The present disclosure discloses an animation playback method and apparatus, and relates to the field of computer technologies. The method includes: acquiring a first location and a first offset angle of an object in a first period, the first period being before a current period; acquiring a second location of the object in the current period according to the first location and the first offset angle; and drawing an image of the object in a preset region in a web page according to the second location if the second location is in the preset region in the web page. The apparatus includes: a first acquisition module, a second acquisition module, and a first drawing module. The present disclosure can reduce traffic required by a terminal for acquiring web page data, and shorten a time used by the terminal to acquire the web page data.