Animation Implementation Method and Device Based on Dynamic Portable Network Graphics

An implementation method and animation technology, applied in the computer field, can solve the problems of lack of design and implementation of interactive events, inability to achieve animation applications, lack of flexibility and convenience, etc., achieve excellent controllable animation effects, improve flexibility and convenience Sexuality, difficulty and cost reduction

Active Publication Date: 2020-09-11
TENCENT TECH (SHENZHEN) CO LTD
View PDF3 Cites 0 Cited by
  • Summary
  • Abstract
  • Description
  • Claims
  • Application Information

AI Technical Summary

Problems solved by technology

However, in the prior art, there is no animation solution based on APNG. APNG is only used for the presentation of dynamic pictures, not for animation. Playing dynamic pictures can only be played continuously from beginning to end, which lacks flexibility and convenience. , and lack of design and implementation of interactive events, unable to meet the requirements of animation applications

Method used

the structure of the environmentally friendly knitted fabric provided by the present invention; figure 2 Flow chart of the yarn wrapping machine for environmentally friendly knitted fabrics and storage devices; image 3 Is the parameter map of the yarn covering machine
View more

Image

Smart Image Click on the blue labels to locate them in the text.
Viewing Examples
Smart Image
  • Animation Implementation Method and Device Based on Dynamic Portable Network Graphics
  • Animation Implementation Method and Device Based on Dynamic Portable Network Graphics
  • Animation Implementation Method and Device Based on Dynamic Portable Network Graphics

Examples

Experimental program
Comparison scheme
Effect test

no. 1 example

[0029] see image 3 , image 3 It is a flow chart of the animation implementation method based on dynamic portable network graphics provided by the first embodiment of the present invention. Such as image 3 As shown, the animation implementation method based on dynamic portable network graphics provided in this embodiment includes:

[0030] Step S101, enter the browser environment, and obtain the resource data of the target webpage in the browser environment, and the resource data of the target webpage includes animation data;

[0031] The user terminal 200 enters the browser environment by calling the Webview control. In the browser environment, according to the URL specified by the user, such as: the URL entered by the user in the search bar or address bar of the current browser, the corresponding target web page is obtained from the server 100. resource data of the target webpage, wherein the resource data of the target webpage may include animation data contained in th...

no. 2 example

[0045] see Figure 4 , Figure 4 It is a flow chart of the method for realizing animation based on dynamic portable network graphics provided by the second embodiment of the present invention. Such as Figure 4 As shown, the animation implementation method based on dynamic portable network graphics provided in this embodiment includes:

[0046] Step S201, enter the browser environment;

[0047] The user terminal 200 enters the browser environment by calling the Webview control. The Webview control is a browser control that can be used to browse web pages.

[0048] Step S202, judging whether the kernel of the current browser supports the canvas feature;

[0049] Canvas is an HTML (HyperText Mark-up Language) tag element that can be used to draw images on a web page. It has no behavior itself and only provides a canvas, but it presents a drawing API to customers Side JavaScript, so that the script can draw the APNG animation to this canvas.

[0050] If not, execute step S...

no. 3 example

[0075] Figure 5 It is a schematic structural diagram of the device for implementing animation based on dynamic portable network graphics provided by the third embodiment of the present invention. The animation implementation device based on dynamic portable network graphics provided by this embodiment can run on figure 1 The shown user terminal 200 is used to implement the animation implementation method based on dynamic portable network graphics in the above-mentioned embodiments. Such as Figure 5 As shown, the animation implementation device 30 based on dynamic portable network graphics includes:

[0076] Obtaining module 31, is used for entering browser environment, obtains the resource data of target webpage under this browser environment, and the resource data of this target webpage comprises the data of animation;

[0077] Judgment module 32, for judging whether the data of the animation acquired by acquisition module 31 is data in dynamic portable network graphics ...

the structure of the environmentally friendly knitted fabric provided by the present invention; figure 2 Flow chart of the yarn wrapping machine for environmentally friendly knitted fabrics and storage devices; image 3 Is the parameter map of the yarn covering machine
Login to view more

PUM

No PUM Login to view more

Abstract

The invention provides an animation implementation method based on dynamic portable network graphics. The animation implementation method comprises the following steps: entering a browser environment, and obtaining the resource data of a target webpage under the browser environment, wherein the resource data of the target webpage comprises the data of an animation; when the data of the animation is the data of a format of the portable network graphics, loading a preset parsing engine, and appointing one or a plurality of interaction events and actions corresponding to the one or the plurality of interaction events for the animation from outside through the parsing engine; according to the data of the animation, rendering the animation; and when a detection result shows that the interaction event is triggered, executing a corresponding action by aiming at the animation. The invention also provides an animation implementation device based on the dynamic portable network graphics. The above animation implementation method and device based on the dynamic portable network graphics can realize a purpose that the dynamic portable network graphics animation with excellent interactivity is played, the flexibility and convenience of playing can be improved, and an excellent controllable animation effect is achieved.

Description

technical field [0001] The invention relates to the field of computer technology, in particular to a method and device for realizing animation based on dynamic portable network graphics. Background technique [0002] Traditionally, the main animation implementation methods on the client side include the following: mobile client animation, Flash animation, PNG (Portable Network Graphics, Portable Network Graphics) carousel, and CSS3 (CascadingStyleSheet3, Cascading Style Sheet 3) animation. However, mobile client animations are expensive, have a long development cycle, and have certain risks to the client backbone, so they are not suitable for time-sensitive animation operations. Flash animation has poor compatibility on mobile terminals, iOS (Apple operating system) is completely incompatible, and Android (Android) needs to install a plug-in to play. Due to the large volume of animation resources in PNG carousels, the cost of user traffic is high, and the performance consum...

Claims

the structure of the environmentally friendly knitted fabric provided by the present invention; figure 2 Flow chart of the yarn wrapping machine for environmentally friendly knitted fabrics and storage devices; image 3 Is the parameter map of the yarn covering machine
Login to view more

Application Information

Patent Timeline
no application Login to view more
Patent Type & Authority Patents(China)
IPC IPC(8): G06F16/957G06T13/00
Inventor 贝俊达梁志杰
Owner TENCENT TECH (SHENZHEN) CO LTD
Who we serve
  • R&D Engineer
  • R&D Manager
  • IP Professional
Why Eureka
  • Industry Leading Data Capabilities
  • Powerful AI technology
  • Patent DNA Extraction
Social media
Try Eureka
PatSnap group products

Browse by: Latest US Patents, China's latest patents, Technical Efficacy Thesaurus, Application Domain, Technology Topic.

© 2024 PatSnap. All rights reserved.Legal|Privacy policy|Modern Slavery Act Transparency Statement|Sitemap