Method and apparatus for realizing animation carousel effect

Abstract

The application discloses a method and apparatus for realizing an animation carousel effect. The method comprises the following steps that: animation playing lists of all slices are obtained, wherein for each slice, the animation playing list includes a cut-in animation playing list and / or a cut-out animation playing list and information of at least one animation object as well as playing effect information corresponding to the animation effect is stored in each animation playing list; when slice switching needs to be carried out, an animation playing sequence is established according to a cut-out animation playing list of a to-be-hidden slice and / or a cut-in animation playing list of a to-be-displayed slice; and on the basis of the animation playing sequence and the playing effect information corresponding to all animation objects, animation playing is carried out, thereby completing carousel switching between slices. According to the application, individualized layered animation can be realized and the universality is improved.

Description

technical field [0001] The present application relates to the technical field of animation playback, in particular to a method and device for realizing carousel animation. Background technique [0002] In web applications on PCs or mobile terminals, image carousels similar to tab switching need to be used in many scenarios. For example, on the homepage of a shopping website, recommend to buyers relevant hot-selling products that meet the wishes of most buyers and meet the season. Attract the attention of buyers and play a key role in recommendation. However, the page area used for recommendation is limited. Therefore, in such a case, a carousel component can be added to the web page. [0003] The carousel component is a component used to realize the transition effect of the slide show, which can display pictures, advertisements and other content in a certain position in the webpage in rotation. Each switching unit is a frame, and the display method of the component is: on...

AI Technical Summary

Problems solved by technology

However, the existing carousel components generally only support a limited number of animation combinations, such as: fade-in, fade-out, sliding, etc. Choose from these kinds of animation effects. If in some application scenarios, it is necessary to display personalized layered animations (such as: color gradient + sliding, etc.), these existing component codes cannot be copied and used directly, so that the final The layered animation effect lacks flexibility, and the carousel component itself lacks versatility, which affects the efficiency of animation production

Images