Animation rendering method and device, electronic equipment and medium

Abstract

The embodiment of the invention provides an animation rendering method and device, electronic equipment and a medium, and aims to reduce the volume of a package required for rendering an animation, the method comprises the following steps: obtaining animation data in a JSON format of an object numbered musical notation, the animation data comprising layer data and resource data; the layer data comprises animation transformation data obtained by transforming the used picture on a layer; based on a hierarchical relationship among a plurality of layers indicated by the layer data, converting the layer data into a layer tree of a tree structure, and analyzing animation transformation data of each layer in the layer tree into frame sequence data; the frame sequence data comprises attribute data corresponding to each frame from a start key frame to an end key frame on the layer; based on the picture used by each layer, integrating data of each picture in the resource data to a corresponding node in the layer tree to obtain a general analysis tree of the animation data; and calling an animation rendering component realized in the application, and rendering the general parse tree into an animation.

Description

technical field [0001] The present application relates to the technical field of information processing, and in particular, to an animation rendering method, apparatus, electronic device and medium. Background technique [0002] At present, the animation will be rendered on the client's page. The specific process is: the animation designer uses AE (Adobe AfterEffects, nonlinear special effects production software) to make the animation, and then uses Bodymovin to export the corresponding Json file, and the front end uses the animation library to parse the JSON. (JavaScript Object Notation, JS Object Notation) file rendering, you can achieve animation effects. [0003] In the related art, the Lottie animation library is generally used to parse the JSON file, and then the animation is played based on the parsed result. However, when the Lottie animation library is used to animate the JSON file, the Lottie animation library has a large library volume and takes up The memory is...

AI Technical Summary

Problems solved by technology

[0003] In related technologies, the Lottie animation library is generally used to parse the JSON file, and then the animation is played based on the parsed result. However, when the Lottie animation library is used to animate the JSON file, the Lottie animation library has a large library volume and occupies The memory is high, and it is prone to the problem of hardware heating during rendering

Images