Sequence frame animation production method and system for H5 page

Abstract

The invention provides a sequence frame animation production method for an H5 page. The method comprises the following steps: intercepting an interface creation instruction; intercepting an instruction of adding an original material to the operable interface; intercepting a preprocessing instruction for the original material; intercepting and displaying the animation instruction, reading the target material, configuring to form an animation, and playing the animation, wherein the instruction for preprocessing the original material is intercepted, and the instruction is realized by the following steps of: creating Canvas; judging a rendering environment created on the Canvas by the user, wherein the rendering environment is divided into a WebGL mode (namely a three-dimensional mode) and a rendering environment which is a 2D mode (namely a two-dimensional plane mode); and storing the obtained target material in a system. The manufacturing method and system are applied to a sales planningplatform, face terminal users, enable non-professional marketing personnel to plan or browse animation pages of activities, can very conveniently manufacture high-definition sequence frame animations, achieve planning of the marketing activities, enable the marketing contents to be rich and vivid, and achieve a good marketing effect.

Description

technical field [0001] The present invention relates to the field of computer technology, in particular to a method and system for producing sequence frame animation for H5 pages. Background technique [0002] With the development of the Internet, there are more and more types of corporate marketing activities, and their content is becoming more and more abundant; Among them, H5 pages are used as a mobile media communication using HTML5 (Hyper Text Markup Language 5, the fifth generation hypertext Markup language) technology standard Internet marketing advertising carrier has become more and more standardized and industrialized. H5 animation, as one of the core competitiveness of products such as H5 pages, can generally be divided into two types: one can be defined as physical motion animation, that is, the size, position, angle, transparency and other attributes of display elements continue to change to form animation, Although this type of animation can meet the needs of ...

AI Technical Summary

Problems solved by technology

[0003] Although GIF animation is widely used, it also has problems: First, because it uses a color board with only 256 columns to manage the display colors, the 257th color can only be merged into one of the 256 colors Color, so the distortion caused by color loss is very serious; secondly, because it cannot be translucent in proportion to display, there are only two states of transparent and opaque, so the hollow GIF animation has problems such as burrs and jaggedness that cannot be eliminated, which greatly affects the vision to experience

Images