WO2018045769A1

WO2018045769A1 - Method and device for implementing tone variation animation on basis of attribute animation

Info

Publication number: WO2018045769A1
Application number: PCT/CN2017/083033
Authority: WO
Inventors: 尤洋
Original assignee: 广州阿里巴巴文学信息技术有限公司
Priority date: 2016-09-08
Filing date: 2017-05-04
Publication date: 2018-03-15
Also published as: CN106408632A; CN106408632B

Abstract

Disclosed in embodiments of the present application are a method and device for implementing tone variation animation on the basis of attribute animation. The method comprises: obtaining an original static picture; converting the original static picture into a bitmap; generating n time nodes according to a preset time segment rule; calculating a color matrix value of an i^th time node at the i^th time node according to preset color matrix initial value F, color matrix end value L, and color matrix calculation rule; and using the color matrix value as the value of a color filtering attribute, and drawing the bitmap according to the color filtering attribute to obtain and display a new picture, wherein the i is a natural number, and i = 1, 2 … n.

Description

Method and device for realizing tone change animation based on attribute animation

Technical field

The present invention relates to the field of animation technology, and in particular, to a method and an apparatus for implementing a tone change animation based on attribute animation.

Background technique

An animation is a sequence of static pictures that are continuously gradual, and the display is sequentially changed along the time axis, and a media form of motion visual perception is generated based on the principle of visual persistence of the human eye. In order to achieve some kind of animation effect, it is necessary to gradually modify the attributes of the picture such as the color, the position of the picture element, and the contrast of the picture element and the background, etc., frame by frame. Tone change is a common animation effect, which means that the overall color of the picture changes gradually. For example, the sky blue gradually turns blue to indicate darkness, or the color becomes brighter or darker to indicate changes in light.

To achieve the change of color tone, it is necessary to change the color value of the picture pixel according to certain rules, so that the picture pixel tends to a certain color tone. The most common way is to use the underlying OpenGL to control the color change of the pixel. OpenGL (Open Graphics Library) is a professional graphics program interface and underlying graphics library across programming languages and platforms. However, for a static image, the implementation of tone change animation based on OpenGL requires the technician to write a program to read the pixel values of the image. Then, according to a certain time rule, the color values of the picture pixels are modified one by one. The method is complicated, the code writing is difficult, the implementation is difficult, and the execution efficiency is low.

Summary of the invention

In order to overcome the problem of high complexity and low execution efficiency of the attribute change animation based on the attribute animation, the present application provides a method and a device for implementing the color change animation based on the attribute animation, which can be easily and conveniently implemented by the static picture. Change animation.

According to a first aspect of the embodiments of the present application, a method for implementing a tone change animation based on an attribute animation is provided, including:

Get the original still image;

Converting the original still picture into a bitmap;

Generating n time nodes according to preset time segmentation rules;

At the i-th time node, calculating a color matrix value of the i-th time node according to a preset color matrix initial value F, a color matrix end value L, and a color matrix calculation rule;

Filtering the value of the attribute by the color matrix value, and drawing the bitmap according to the color filter attribute to obtain a new picture and displaying;

Where i is a natural number, i=1, 2...n.

With reference to the first aspect, in a first possible implementation manner of the first aspect, the attribute animation-based tone change animation implementation method, after converting the original still image into a bitmap, according to a preset time Before the segment rule generates n time nodes, it also includes:

The bitmap is scaled according to the size of the display area.

With reference to the first aspect, in a second possible implementation manner of the first aspect, the preset time segmentation rule is that the interval between the time nodes is the same and less than 0.1 second.

In conjunction with the first aspect, in a third possible implementation of the first aspect, the color matrix comprises a red R component, a green G component, a blue B component, a transparency Alpha component, and a placeholder component.

With reference to the first aspect, in a fourth possible implementation manner of the first aspect, the color matrix of the i-th time node is calculated according to the preset color matrix initial value F, the color matrix end value L, and the color matrix calculation rule Values, including:

If i=1, the color matrix initial value F is the color matrix value M _{1 of the} first time node;

If i=n, the color matrix end value L is the color matrix value M _n of the nth time node; otherwise,

Calculating the jth component h _j (M _i ) in the color matrix value M _i of the i-th time node:

When _{_{h j (L) ≥h j (}} F), h j (Mi) = h j (F) + [h j (L) -h j (F)] × i / n;

When h _j (L) < h _j (F), h _j (Mi) = h _j (L) - [h _j (F) - h _j (L)] × i / n.

With reference to the first aspect, in a fifth possible implementation manner of the first aspect, the attribute animation-based tone change animation implementation method, after converting the original still image into a bitmap, according to a preset time Before the segment rule generates n time nodes, it also includes:

Obtaining a primary color of the original static picture, where the primary color is a color with the most pixels in the original static picture;

A preset color matrix initial value F and a color matrix end value L are determined according to the primary color.

With reference to the fifth possible implementation manner of the first aspect, in the sixth possible implementation manner of the first aspect, the acquiring the primary color of the original still picture includes:

Pixels whose color values are within the preset deviation range are classified into pixels of the same color, and count the pixels within each preset deviation range;

Comparing the number of pixels within each preset deviation range, and the preset deviation range with the largest pixel point is the main color deviation range;

The average value of the color values in the range of the main color deviation is calculated, and the color corresponding to the average value is the main color.

With reference to the fifth or sixth possible implementation manner of the first aspect, in a seventh possible implementation manner of the first aspect, the determining, by the primary color, a preset color matrix initial value F and a color matrix end value L, including:

The color matrix value of the original color value of the main color is maintained as the initial value F of the color matrix;

The primary color variation range is set according to a preset primary color change value by using one of F as a boundary value;

Another boundary value of the range of the primary color variation is the color matrix end value L.

In conjunction with the first aspect, in an eighth possible implementation manner of the first aspect, the method for implementing a tone animation based on an attribute animation includes:

Generating n time nodes according to preset time segmentation rules using an interpolator;

Using a estimator to calculate a color matrix value of the i-th time node;

The value of the color filter attribute is set by the color matrix value, and the bitmap is drawn according to the color filter attribute, including: setting a value of a color filter attribute of the brush to the color matrix value, and using the The brush draws the bitmap.

According to a second aspect of the embodiments of the present application, another method for implementing a tone change animation based on an attribute animation is provided, including:

Get the original still image;

Converting the original still picture into a bitmap;

According to the preset color matrix initial value F, the color matrix end value L, the number of time nodes n And a color matrix calculation rule for calculating a color matrix value of the i-th time node;

Generating n time nodes according to preset time segmentation rules;

In the i-th time node, the color matrix value of the i-th time node is used as a color filter attribute value, and the bitmap is drawn according to the color filter attribute to obtain a new picture and displayed;

Where i is a natural number, i=1, 2...n.

Corresponding to the first aspect of the embodiments of the present application, according to the third aspect of the embodiments of the present application, an apparatus for implementing a tone change animation based on an attribute animation includes:

An original still picture obtaining unit, configured to acquire an original still picture;

a picture conversion unit, configured to convert the original still picture into a bitmap;

An interpolation unit, configured to generate n time nodes according to a preset time segmentation rule;

a first color matrix calculation unit, configured to calculate a color matrix value of the i-th time node according to a preset color matrix initial value F, a color matrix end value L, and a color matrix calculation rule at the i-th time node;

a drawing unit, configured to filter a value of the attribute by the color matrix value at the i-th time node, and draw the bitmap according to the color filter attribute to obtain a new picture and display;

Where i is a natural number, i=1, 2...n.

In conjunction with the third aspect, in a first possible implementation manner of the third aspect, the attribute animation-based tone change animation implementing apparatus further includes a scaling unit, configured to: convert the original still image After the bitmap is generated, the bitmap is scaled according to the size of the display area before the n time nodes are generated according to the preset time segmentation rule.

With reference to the third aspect, in a second possible implementation manner of the third aspect, the preset time segmentation rule is that the interval between the time nodes is the same and less than 0.1 second.

In conjunction with the third aspect, in a third possible implementation of the third aspect, the color matrix includes a red R component, a green G component, a blue B component, a transparency Alpha component, and a placeholder component.

With reference to the third aspect, in a fourth possible implementation manner of the third aspect, the color matrix calculation unit is specifically configured to: when calculating a color matrix value of the i-th time node:

In conjunction with the third aspect, in a fifth possible implementation manner of the third aspect,

a main color acquiring unit, configured to acquire a main color of the original still picture before generating the n time nodes according to the preset time segmentation rule after converting the original still picture into a bitmap, The main color is the color of the pixel in the original still picture;

And a preset color matrix determining unit configured to determine a preset color matrix initial value F and a color matrix end value L according to the primary color.

With reference to the fifth possible implementation manner of the third aspect, in the sixth possible implementation manner of the third aspect, the primary color acquiring unit includes:

a pixel point counting module, configured to classify pixel points whose color values are within a preset deviation range into pixels of the same color, and count pixel points within each preset deviation range;

The main color deviation range determining module is configured to compare the number of pixel points within each preset deviation range, and the preset deviation range with the largest pixel point is the main color deviation range;

The main color determining module is configured to calculate an average value of the color values within the main color deviation range, and the color corresponding to the average value is the main color.

With reference to the fifth or sixth possible implementation manner of the third aspect, in the seventh possible implementation manner of the third aspect, the preset color matrix determining unit includes:

a color matrix initial value determining module, configured to maintain a color matrix value of a primary color value of the primary color value as a color matrix initial value F;

a main color change range setting module, configured to set a main color change range according to a preset main color change value by using one of F as a boundary value;

The color matrix end value determining module takes another boundary value of the main color variation range as a color matrix end value L.

With reference to the third aspect, in an eighth possible implementation manner of the third aspect, the interpolating unit, Generating n time nodes according to preset time segmentation rules using an interpolator;

The first color matrix calculation unit is configured to calculate an i-th time node according to a preset color matrix initial value F, a color matrix end value L, and a color matrix calculation rule at the i-th time node. Color matrix value;

The drawing unit is configured to set a value of a color filter attribute of the brush to the color matrix value at the i-th time node, and use the brush to draw the bitmap to obtain a new picture and display.

Corresponding to the second aspect of the embodiments of the present application, according to the fourth aspect of the embodiments of the present application, another apparatus for implementing a tone change animation based on an attribute animation is provided, including:

a second color matrix calculation unit calculates a color matrix value of the i-th time node according to a preset color matrix initial value F, a color matrix end value L, a number of time nodes n, and a color matrix calculation rule;

a drawing unit, configured to filter a value of the attribute by the color matrix value of the i-th time node at the i-th time node, and draw the bitmap according to the color filtering attribute to obtain a new image and display ;

Where i is a natural number, i=1, 2...n.

The technical solution provided by the embodiment of the present application generates a time series, and calculates different color matrix values at each time node of the time series, sets a color filter attribute value of the brush to a color matrix value of the current time node, and uses the brush at the same time. The picture is drawn, and the overall color (hue) of the picture is dynamically changed at each time node to obtain a new picture, and the new picture sequence generated along with the time series is an animated picture sequence. The animated picture sequence is displayed along a time series to visually form a picture tonal variation animation. Compared with the prior art method for performing complex programming based on OpenGL, the implementation method of the color-changing animation based on the attribute animation provided by the embodiment of the present application is simple and easy, requires less resources, has high execution efficiency, and is more conducive to real-time online implementation of the image. Animated effects of tonal changes.

It should be understood that the above general description and the following detailed description are merely exemplary and Sexuality does not limit this application.

DRAWINGS

In order to more clearly illustrate the embodiments of the present application or the technical solutions in the prior art, the drawings used in the embodiments or the description of the prior art will be briefly described below, and it will be apparent to those skilled in the art that In other words, other drawings can be obtained based on these drawings without paying for creative labor.

1 is a schematic flow chart of a method for implementing a tone change animation based on attribute animation according to an exemplary embodiment of the present application;

FIG. 2 is a schematic flowchart diagram of another method for implementing a tone change animation based on attribute animation according to an exemplary embodiment of the present application; FIG.

FIG. 3 is a schematic flowchart diagram of still another method for implementing a tone change animation based on attribute animation according to an exemplary embodiment of the present application;

FIG. 4 is a schematic flowchart diagram of still another method for implementing a tone change animation based on attribute animation according to an exemplary embodiment of the present application;

FIG. 5 is a block diagram of an attribute animation-based tone change animation implementing apparatus according to an exemplary embodiment of the present application;

FIG. 6 is a block diagram of another attribute animation-based tone change animation implementing apparatus according to an exemplary embodiment of the present application;

FIG. 7 is a block diagram of still another apparatus for implementing tone change animation based on attribute animation according to an exemplary embodiment of the present application; FIG.

FIG. 8 is a block diagram of still another attribute animation-based tone change animation implementing apparatus according to an exemplary embodiment of the present application; FIG.

FIG. 9 is a block diagram showing a hardware structure of an attribute animation-based tone change animation implementing apparatus according to an exemplary embodiment of the present application.

detailed description

Exemplary embodiments will be described in detail herein, examples of which are illustrated in the accompanying drawings. When the following description refers to the accompanying drawings, the same numerals in the different figures represent the same or Similar elements. The embodiments described in the following exemplary embodiments do not represent all embodiments consistent with the present application. Instead, they are merely examples of devices and methods consistent with aspects of the present application as detailed in the appended claims.

In order to fully understand the present invention, numerous specific details are described in the following detailed description, but those skilled in the art will understand that the present invention may be practiced without these specific details. In other instances, well-known methods, procedures, components, and circuits are not described in detail to avoid unnecessarily obscuring the embodiments.

For a better understanding of the present application, the concepts involved in this application are briefly described as follows. Attribute animation is a mechanism for manipulating values in animation. Animating effects by assigning values to specified properties of the object, where the object can be any object, and the property can be any property of the object. The time interpolator (for convenience of description, hereinafter referred to as the interpolator) and the estimator are two important tools in the property animation. The interpolator is essentially a function of time, which defines the variation of the animation over time; the estimator defines The attribute value is calculated by the types of int, float, and color. The attribute values of each time point are calculated based on the start value, end value, and interpolation of the attribute. In the property animation implementation, the interpolator and the estimator are usually used together. The interpolator generates a time series, and the estimator calculates the value of each time attribute according to the time series order. Both the interpolator and the estimator can be customized by the user for richer animations.

Bitmap (BMP file format) is a widely used image file format. Since bitmaps can save data of image pixel fields without any change, they are an important source for obtaining RAW data (raw data). A brush is a drawing tool in a property animation that draws a picture based on its properties. Color filtering refers to the overall change of the color of the picture, as if the color of the picture has been filtered, so it is called color filtering.

FIG. 1 is a schematic flowchart of a method for implementing a tone change animation based on an attribute animation according to an exemplary embodiment of the present application. As shown in FIG. 1 , the method includes:

Step S101: Acquire an original still picture.

The original static image can be pre-stored in a file or database, and can be read using the system's image reading function. The original static image can also be obtained by using a frame grab function for a certain frame of an animation or video. The original still image can be a separate image or a background image in a composite animation.

Step S102, converting the original still picture into a bitmap.

After obtaining the original static image, the original static image is format converted to obtain a bitmap, and then the bitmap can be used as a Bitmap object, and the pixel data of the image is read from the Bitmap object to perform related calculation.

Step S103, generating n time nodes according to a preset time segmentation rule, where n is a positive integer.

In the attribute animation, the interpolators can be used to generate n time nodes, and all the time nodes form a time series. Therefore, the step S103 can also specifically generate a time series including n time nodes by using an interpolator.

The time series determines the display frequency of the generated picture sequence, and the pictures generated by each time node are sequentially displayed along the time series to form an animation effect, so the time interval between the time nodes needs to meet the requirements of the visual persistence effect. For example, the time interval can be set below 0.4s. Preferably, the time interval can be further set below 0.1 s for a smoother animation.

The preset time segmentation rule may be linear or non-linear, linear means that time intervals between time nodes are equal, non-linear means that time intervals between time nodes may be unequal, and non-linearity may be in multiple forms. For example, the parabola increases or decreases. The time series displayed by the linear time segmentation rule shows an animation that is smooth and gradual, and is more in line with human visual habits. The animations displayed in time series obtained by nonlinear time segmentation rules can produce visual effects such as flicker.

Step S104, at the i-th time node, calculate a color matrix value of the i-th time node according to a preset color matrix initial value F, a color matrix end value L, and a color matrix calculation rule.

Step S105: At the i-th time node, filter the value of the attribute with the color matrix value, and draw the bitmap according to the color filter attribute to obtain a new picture and display it.

The above i is a natural number, i=1, 2...n.

Each time the interpolator generates a time node, the color matrix value corresponding to the time node is calculated. In the attribute animation, the evaluator may be used to calculate the color matrix value corresponding to the time node.

The color of the picture pixel contains four components: the red R component, the green G component, the blue B component, and the transparency Alpha component. The color matrix uses each component as a row of the matrix, and presses R, G, B, and A (Alpha). , abbreviated as A) in order, each line is divided into 5 columns by default, also The color matrix is represented by a 4×5 matrix, and the color matrix specification is:

Where V is the offset. E.g:

F is the color matrix. The pixel color calculation formula is:

r=R*m11+G*m12+B*m13+A*m14+m15*255;

g=R*m21+G*m22+B*m23+A*m24+m25*255;

b=R*m31+G*m32+B*m33+A*m34+m35*255;

a=R*m41+G*m42+B*m43+A*m44+m45*255.

Wherein, uppercase R, G, B, and A are original color component values before being calculated by the color matrix, and lowercase r, g, b, and a are calculated color component values. The elements in the color matrix usually take values between 0 and 1, 0 means none, that is, the color is not visible, 1 means to keep the original value, and the user can customize the value range of the element according to the situation of the picture and the needs of the calculation. That is, it is not limited to taking a value between 0 and 1. By calculating the color matrix value and the original color component value of the pixel, the color of the pixel can be changed, and the color matrix value and the original color component value of all the pixels in the image are calculated, and the colors of all the pixels in the image can be uniformly changed. Thereby, the hue of the picture can be changed as a whole.

The more commonly used color matrix is a 4×5 matrix. To make the calculation more convenient, a placeholder component is introduced into the color matrix, and the placeholder component is the fifth row, which constitutes a 5×5 symmetric matrix, and the symmetric matrix is more Convenient for calculation, and the placeholder component facilitates the introduction of additional offsets, making the color matrix more flexible for pixel color control.

The purpose of the present application is to progressively modify the color of the picture following the time series generated by the interpolator. Color, so each time node calculates a new color matrix to change the color value of the picture pixel, that is, to obtain a sequence of color matrices corresponding to the time series. To calculate the color matrix sequence, an interpolation method can be used to preset a color matrix initial value F and a color matrix end value L, and then interpolate to obtain a series of intermediate values. F and L are set by the user according to the original hue of the picture and the desired final hue, which is set by the user according to the intermediate effect of the desired hue change animation, and the color matrix calculation rule can be linear as well. It can be nonlinear, linear color matrix calculation rules make the color matrix linearly change, and the nonlinear color matrix calculation rule makes the color matrix nonlinear. The linear change of the color matrix means that the value of each component in the color matrix changes according to a linear law, for example, according to the law of equal variation, and the nonlinear change of the color matrix means that the value of each component in the color matrix changes according to a nonlinear law, for example, The law of proportional changes. Under the action of linearly changing color matrix sequence, the picture is evenly transformed, the animation effect is gradual and gradual, and the visually gradual, non-linearly changing color matrix sequence, the image tonal transformation is uneven, the animation effect is abrupt, visually more A sense of impact, but a strong sense of splitting.

In a possible implementation manner, linearly calculating a sequence of color matrices may include:

For the jth component h _j (M _i ) in the color matrix value M _i of the i-th time node:

When the interpolator generates the first time node, F is the first color matrix, and when the nth time node is generated, L is the nth color matrix, and for the ith time node, Based on a color matrix (ie, F), the i-th color matrix is calculated step by step according to a linear rule. Specifically, each component of the i-th color matrix M ₁ is linearly incremented or linearly decremented, for the jth color matrix. component, when _{_{h j (L) ≥h j (}} F), i.e. the value of L j-th component is greater than or equal to the value of the j-th component of F in the j-th component of the i-th color matrix H _j (Mi)=h _j (F)+[h _j (L)-h _j (F)]×i/n, h _j (Mi) are sequentially incremented, where h _j (L)=h _j (F) is equivalent The component has no change, and the respective intermediate values of the component remain unchanged; when h _j (L) < h _j (F), that is, the value of the jth component in L is smaller than the value of the jth component in F, The jth component h _j (Mi) = h _j (L) - [h _j (F) - h _j (L)] × i / n of the i-th color matrix is successively decremented. In this embodiment, the components of the color matrix in the color matrix sequence are linearly incremented or decremented, the calculation method is simple, the animation effect is gradually stable, and the computational resources are also small.

The color matrix calculation rule may also be non-linear, for example, changing the components of the color matrix, or designing other calculation rules such as sine variation rules according to special effects requirements, or randomly within a set range according to mathematical rules. The component values in the color matrix are set by the initial value of the color matrix and the end value of the color matrix. For example, if you want to make the green of the green plant map darker, you can increase the G component in the color matrix from the initial value. Each time you increase it, you can specify it randomly, and do not exceed the final value. For example, the following color matrix F is increasing G. The component becomes the following color matrix M ₁ .

After the i-th time matrix is obtained, the value of the color filter attribute of the paint is set to the i-th color matrix value, and the bitmap is drawn using the brush to obtain the i-th New pictures. All the new images generated form a sequence of animated images, and the hue change animation is implemented along the time series display. Among them, the brush is a picture drawing tool. In this application, the brush draws the picture, that is, the brush calculates the color matrix and the color matrix of the picture pixel, changes the color value of the picture pixel, thereby changing the color of the picture, and the color matrix value is used as a brush. The value of the color filter property is called by the brush when it is drawn. Specifically, the brush can call a drawing function such as an Ondraw function in the Android system to complete the drawing of the new picture and update the original picture pixel.

The attribute animation-based tone change animation implementation method provided by the present application is different from the method commonly used in OpenGL for complex programming, and only needs to generate different color matrices in each time node of the time series, and use the color matrix to change the color filter attribute. According to the color filter attribute, the picture is drawn, so that the overall color (hue) of the picture is dynamically changed at each time node, and the picture color change animation is obtained. The method provided by the present application is simple and easy, takes less resources, and has high execution efficiency. It is more conducive to realizing the animation effect of the picture color change in real time online. In addition, need It is noted that the picture tonal variation animation generated according to the method provided by the present application can be displayed not only separately, but also superimposed with other animations such as picture element position change animations to form a richer animation effect.

The attribute animation-based tone change animation implementation method provided by the present application can be applied to a system with attribute animation, including but not limited to Android (Android) and iOS (Apple Mobile System).

FIG. 2 is a schematic flowchart diagram of another method for implementing a tone animation based on attribute animation according to an exemplary embodiment of the present application. As shown in FIG. 2, the method includes:

Step S201: Acquire an original still picture.

Step S201, converting the original still picture into a bitmap.

Step S203, the bitmap is scaled according to the size of the display area.

The steps S201 to S202 are the same as the steps S101 to S102. After converting a still image into a bitmap, in order to obtain bitmap pixels more accurately, prevent missing pixels (when the image is larger than the display area), and eliminate the influence of the border (the border may appear around the image when the image is smaller than the display area), The bitmap is scaled to match the size of the bitmap to the display area. Usually in an image processing program, an image is an object in a View. To make it easier to scale the image, you can make the View of the image inherit from the parent view containing the zoom function, such as ImageView in Android. The View containing the bitmap is inherited from the ImageView. You can easily call the zoom function in the parent view to scale the bitmap so that the bitmap and the display area are consistent.

Step S204: Acquire a main color of the original still picture, where the main color is a color with the most pixels in the original still picture.

Step S205, determining a preset color matrix initial value F and a color matrix end value L according to the primary color.

The hue of a picture is usually determined by the main color of the picture. The change of the main color of the picture will also form a hue change effect visually. In some application scenarios, it is necessary to design an animation effect based on the main color tone of the picture. In the picture, there are a plurality of color blocks having different colors, such as a red block, a blue block, and a green block. Since the color difference of the color blocks is large, it is difficult to directly determine the initial color value and the end color value of the overall color tone change. Underneath, you can get the main picture first. Color, change the hue of the picture from the main color. The main color is the color with the most pixels in the picture. After obtaining the bitmap of the original still picture, the pixel data of the bitmap is read, and the pixel points of the same color value are counted according to the pixel data, and which color value has the most pixel points, then The color corresponding to the color value is the main color. Since there may be an error between the color value of the pixel and the standard color value, it is also possible to classify the pixel points whose color values are within the preset deviation range into the same color, and then count the pixel points within the respective deviation ranges, and compare the deviations. The number of pixels in the range, the deviation range of the pixel point is the main color deviation range, and then the average value of the color values in the main color deviation range is taken, and the color corresponding to the average value is the main color. The deviation range may be determined according to the color distribution of the picture. If the color difference of the picture color block is large, the deviation range may be preset to be smaller, so that the color classification is more accurate. If there are many color blocks, the color difference of the color block is small. Or if there are large or small, you can preset the deviation range to be larger to facilitate the main color.

After obtaining the main color of the bitmap, the color matrix value of the original color value of the main color may be the initial value F of the color matrix. Specifically, if the main color obtained is the same as the color value of the largest color patch in the image, then F It can be a unit matrix. If the obtained main color is obtained according to the average value of the color values within the main color deviation range, the color value of the main color may be mathematically calculated with the actual color value of the picture color block. The deviation, in this case, takes the color value of a certain pixel of the largest color patch, so that the color matrix capable of changing the color value to the primary color value is F. After determining F, the main color change range is set according to the preset main color change value by one of F as the boundary value, and the other boundary value of the main color change range is the color matrix end value L, wherein the main color change value can be The absolute value of the difference between the two boundary values of the main color change range, which is set by the user according to the desired degree of change in hue, is set in the program. Alternatively, after acquiring the main color of the bitmap, the system displays the main color information through the user interface, and sets an input box for inputting F and L on the user interface, and the user selects the main color information of the image according to the desired effect. Customize F and L, and input through the input boxes of F and L. The system obtains F and L through the input box to complete the determination of F and L.

Step S206, generating n time nodes according to a preset time segmentation rule.

Step S207, at the i-th time node, calculate a color matrix value of the i-th time node according to a preset color matrix initial value F, a color matrix end value L, and a color matrix calculation rule.

Step S208, filtering the value of the attribute with the color matrix value, and drawing the bitmap according to the color filter attribute to obtain a new picture and displaying it;

Where i is a natural number, i=1, 2...n.

Among them, steps S206 to S208 are the same as steps S103 to S105. The method for realizing the tone change animation based on the attribute animation provided by the embodiment, after obtaining the bitmap, scaling the bitmap according to the size of the display area, to prevent the pixel from being missing and eliminating the influence of the frame, thereby obtaining the picture more accurately. Pixel data, and the method provided by the embodiment first acquires the main color of the picture, and determines the color matrix initial value and the color matrix end value based on the main color, so that the hue change animation effect of the multi-color block picture can be more conveniently realized.

FIG. 3 is a schematic flowchart diagram of still another method for implementing a tone change animation based on an attribute animation according to an exemplary embodiment of the present application. As shown in FIG. 3, the method includes:

Step S301, acquiring an original still picture.

Step S302, converting the original still picture into a bitmap.

Step S303, calculating a color matrix value of the i-th time node according to the preset color matrix initial value F, the color matrix end value L, the number of time nodes n, and the color matrix calculation rule.

Step S304, generating n time nodes according to a preset time segmentation rule.

Step S305, in the i-th time node, filter the value of the attribute with the color matrix value of the i-th time node, and draw the bitmap according to the color filter attribute to obtain a new picture and display.

The above i is a natural number, i=1, 2...n.

The main difference between the embodiment shown in FIG. 3 and the embodiment shown in FIG. 1 is that the embodiment shown in FIG. 1 calculates the color matrix value in real time at each time node, and the embodiment shown in FIG. 3 is before the time node is generated. Calculate the color matrix values of each time node, and then use the interpolator to generate the time node. After generating each time node, it is no longer necessary to calculate the color matrix value, just according to the generated color matrix value corresponding to the current time node. To set the value of the color filter attribute, specifically, at the i-th time node, set the color filter property of the brush to the generated i-th color matrix value, and then use the brush to draw the bitmap. In this embodiment, since the color matrix value is calculated first, the time series generation process and the animation picture sequence generation process do not need to calculate the calculation time and resources. Compared with the method shown in FIG. 1, the interval between the time nodes in the time series may be more Small, the program execution efficiency is higher, but the color matrix values in the method shown in Figure 3 need to be saved in order after the calculation, and the color matrix value calculated in real time in Figure 1 can only be temporarily stored, memory consumption. Can be less.

FIG. 4 is a schematic flowchart diagram of still another method for implementing a tone change animation based on attribute animation according to an exemplary embodiment of the present application. As shown in FIG. 4, the method includes:

Step S401, obtaining an original still picture.

Step S402, converting the original still picture into a bitmap.

Step S403, the bitmap is scaled according to the size of the display area.

Step S404: Acquire a main color of the original still picture, where the main color is a color with the most pixels in the original still picture.

Step S405, determining a preset color matrix initial value F and a color matrix end value L according to the primary color.

Step S406, calculating a color matrix value of the i-th time node according to a preset color matrix initial value F, a color matrix end value L, a number of time nodes n, and a color matrix calculation rule;

Step S407, generating n time nodes according to a preset time segmentation rule.

Step S408: In the i-th time node, filter the value of the attribute by the color matrix value of the i-th time node, and draw the bitmap according to the color filter attribute to obtain a new picture and display it.

The above i is a natural number, i=1, 2...n.

The above steps S401 to S402 are the same as steps S301 to S302, and steps S403 to S405 are the same as steps S203 to S205, and steps S406 to S408 are the same as steps S303 to S305. In the present application, step S403 and steps S404 to S405 may be simultaneously added to the attribute animation-based tone change animation implementation method shown in FIGS. 1 and 3, or only step S403 may be added, or only steps S404 and S405 may be added.

Through the description of the above method embodiments, those skilled in the art can clearly understand that the present application can be implemented by means of software plus a necessary general hardware platform, and of course, by hardware, but in many cases, the former is better. Implementation. Based on such understanding, the technical solution of the present application, which is essential or contributes to the prior art, may be embodied in the form of a software product and stored in a storage medium, including a plurality of instructions for making a smart device. All or part of the steps of the method described in the various embodiments of the present application are performed. The foregoing storage medium includes: a read only memory (ROM), a random access memory (RAM), a magnetic disk, or an optical disk. A variety of media that can store data and program code.

FIG. 5 is a block diagram of an attribute animation-based tone change animation implementing apparatus according to an exemplary embodiment of the present application. As shown in FIG. 5, the apparatus includes an original still picture acquiring unit U501, a picture converting unit U502, and an interpolation unit. U503, a first color matrix calculation unit U504, and a rendering unit U505.

The original still picture obtaining unit U501 is configured to acquire an original still picture.

The picture conversion unit U502 is configured to convert the original still picture into a bitmap.

The interpolation unit U503 is configured to generate n time nodes according to a preset time segmentation rule.

The first color matrix calculation unit U504 is configured to calculate a color matrix value of the i-th time node according to a preset color matrix initial value F, a color matrix end value L, and a color matrix calculation rule at the i-th time node.

The drawing unit U505 is configured to filter the value of the attribute with the color matrix value at the i-th time node, and draw the bitmap according to the color filter attribute to obtain a new picture and display the same;

The above i is a natural number, i=1, 2...n.

If the original still picture is pre-stored in a file or a database, the original still picture obtaining unit U501 can use the system's picture reading function to obtain the original still picture. If the original still picture is a certain frame of an animation or video, then The original still picture obtaining unit U501 can use the frame grabbing function to acquire the original still picture. After the U501 obtains the original still picture, the picture converting unit U502 formats the picture to obtain a bitmap, and the subsequent drawing unit U505 can use the bitmap as a Bitmap object to read the pixel data of the picture from the Bitmap object. Calculate and draw.

The interpolation unit U503 can use the interpolator to generate n time nodes, all of which form a time series, and the pictures generated by each time node are sequentially displayed along the time series to form an animation effect. To meet the visual persistence effect, the time interval of the time node can be set below 0.4s. Preferably, the time interval can be further set below 0.1 s for a smoother animation effect.

The preset time segmentation rule used by the interpolation unit U503 may be linear or non-linear, linear means that the time intervals between time nodes are equal, and non-linear refers to between time nodes. The time intervals can be unequal. The time series displayed by the linear time segmentation rule shows an animation that is smooth and gradual, and is more in line with human visual habits. The animation displayed in time series according to the nonlinear time segmentation rule can produce visual effects such as flicker.

Each time the interpolation unit U503 generates a time node, the first color matrix calculation unit U504 calculates a color matrix value corresponding to the time node, and the first color matrix calculation unit U504 can calculate the color matrix value using the estimator of the attribute animation. The color matrix specification is:

Where V is the offset; F is the color matrix. The pixel color calculation formula is:

r=R*m11+G*m12+B*m13+A*m14+m15*255;

g=R*m21+G*m22+B*m23+A*m24+m25*255;

b=R*m31+G*m32+B*m33+A*m34+m35*255;

a=R*m41+G*m42+B*m43+A*m44+m45*255.

Wherein, uppercase R, G, B, and A are original color component values before being calculated by the color matrix, and lowercase r, g, b, and a are calculated color component values. The more commonly used color matrix is a 4×5 matrix. To make the calculation more convenient, a placeholder component is introduced into the color matrix, and the placeholder component is the fifth row, which constitutes a 5×5 symmetric matrix, and the symmetric matrix is more Convenient for calculation, and the placeholder component facilitates the introduction of additional offsets, making the color matrix more flexible for pixel color control.

The rendering unit U505 progressively uses the time series generated by the interpolator to progressively use the color matrix of the color matrix modification unit calculated by the first color matrix calculation unit U504, and the first color matrix calculation unit U504 calculates a new color matrix for each time node, thereby obtaining A sequence of color matrices corresponding to a time series. The first color matrix calculation unit U504 can perform calculation using interpolation, preset the color matrix initial value F and the color matrix end value L, and then interpolate to obtain a series of color matrix values in the middle. F and L are set by the user according to the original hue of the picture and the desired final hue, which is set by the user according to the intermediate effect of the desired hue change animation, and the color matrix calculation rule can be linear as well. Can be nonlinear, linear color moment The matrix calculation rule makes the color matrix linearly change, and the nonlinear color matrix calculation rule makes the color matrix nonlinearly change. Under the action of the linearly changing color matrix sequence, the picture is evenly transformed, and the animation effect is gradual and gradual. Under the action of the nonlinear color matrix sequence, the picture tonal transformation is not uniform, and the animation effect is abrupt.

In a possible implementation manner, when the first color matrix calculation unit U504 linearly calculates the color matrix sequence, it is specifically used to:

When the first time node is generated by the interpolation unit U503, F is the first color matrix, and when the nth time node is generated, L is the nth color matrix, and for the ith time node, Based on the first color matrix (ie, F), the i-th color matrix is gradually calculated according to a linear rule. Specifically, each component of the i-th color matrix M ₁ is linearly incremented or linearly decremented, for the jth of the color matrix. of component, when h _j (L) ≥H _j (F), i.e. the value of L j-th component is greater than or equal to the value of the j-th component of F in the j-th component of the i-th color matrix h _j (Mi)=h _j (F)+[h _j (L)-h _j (F)]×i/n, h _j (Mi) are sequentially incremented, where h _j (L)=h _j (F) is equivalent There is no change in the component, and the respective intermediate values of the component remain unchanged; when h _j (L) < h _j (F), that is, the value of the jth component in L is smaller than the value of the jth component in F The jth component of the i-th color matrix h _j (Mi)=h _j (L)-[h _j (F)-h _j (L)]×i/n is sequentially decremented. In this embodiment, the components of the color matrix in the color matrix sequence are linearly incremented or decremented, the calculation method is simple, the animation effect is gradually stable, and the computational resources are also small.

Wherein, when the interpolation unit U503 generates the first time node, the first color matrix calculation unit U504 takes F as the first color matrix, and when the interpolation unit U503 generates the nth time node, the first color matrix calculation unit U504 L is the nth color matrix. In the middle, for the ith time node, the first color matrix calculation unit U504 calculates the i-th color matrix according to the linear rule based on the first color matrix (ie, F). Ground, each component of the i-th color matrix Mi is linearly incremented or linearly decremented. For the j-th component of the color matrix, when h _j (L) ≥ h _j (F), the _{jth of} the i-th color matrix The components h _j (Mi)=h _j (F)+[h _j (L)-h _j (F)]×i/n, h _j (Mi) are sequentially incremented, where h _j (L)=h _j ( F) the equivalent component does not change, and the respective intermediate values of the component remain unchanged; when h _j (L) < h _j (F), the jth component of the i-th color matrix h _j (Mi)= h _j (L) - [h _j (F) - h _j (L)] × i / n, h _j (M _i ) are successively decremented. In this embodiment, the components of the color matrix in the color matrix sequence are linearly incremented or decremented, the calculation method is simple, the animation effect is gradually stable, and the computational resources are small.

The color matrix calculation rule used by the first color matrix calculation unit U504 may also be non-linear, for example, the components of the color matrix may be changed in proportion, or other color matrix calculation rules such as sine change rules may be designed according to special effect requirements, or may not be based on The mathematical rules randomly assign values to the components in the color matrix within the set range, and the set range is determined by the initial value of the color matrix and the end value of the color matrix.

After the first color matrix calculation unit U504 obtains the i-th color matrix at the i-th time node, the drawing unit U505 sets the color filter attribute of the brush to the i-th color matrix value, and uses the brush to perform the bitmap on the bitmap. Draw the hue of the changed picture to get the i-th new picture. All the new images generated form a sequence of animated images, and the hue change animation is implemented along the time series display.

The attribute animation-based tone change animation implementing device provided by the present application generates different color matrices at each time node of the time series, and dynamically changes the overall color of the image at each time node by using a color matrix through a brush, thereby obtaining a picture color tone. The animation of the change, the device takes up less resources when executing, and has high execution efficiency, which is more conducive to realizing the animation effect of changing the tone of the picture in real time online. The picture color change animation generated by the device provided by the present application can be displayed not only separately but also with other animations to form a richer animation effect. The attribute animation-based tone change animation implementing device provided by the present application can be applied to a system with attribute animation, including but not limited to Android (Android) and iOS (Apple Mobile System).

FIG. 6 is a block diagram of another attribute animation-based tone change animation implementing apparatus according to an exemplary embodiment of the present application. As shown in FIG. 6, the apparatus includes an original still picture acquiring unit U601, a picture converting unit U602, and zooming. The unit U603, the primary color acquiring unit U604, the preset color matrix determining unit U605, the interpolation unit U606, the first color matrix calculating unit U607, and the drawing unit U608.

The original still picture obtaining unit U601 is configured to acquire an original still picture.

The picture conversion unit U602 is configured to convert the original still picture into a bitmap.

The scaling unit U603 is configured to scale the bitmap according to the size of the display area.

The main color obtaining unit U604 is configured to acquire a main color of the original still picture, where the main color is a color with the most pixel points in the original still picture.

The preset color matrix determining unit U605 is configured to determine a preset color matrix initial value F and a color matrix end value L according to the primary color.

The interpolation unit U606 is configured to generate n time nodes according to a preset time segmentation rule.

The first color matrix calculation unit U607 is configured to calculate a color matrix value of the i-th time node according to a preset color matrix initial value F, a color matrix end value L, and a color matrix calculation rule at the i-th time node.

The drawing unit U608 is configured to filter the value of the attribute with the color matrix value at the i-th time node, and draw the bitmap according to the color filter attribute to obtain a new picture and display it.

The above i is a natural number, i=1, 2...n.

After the picture conversion unit U602 converts the still picture into a bitmap, the scaling unit U603 scales the bitmap to make the bitmap conform to the size of the display area, thereby more accurately acquiring the bitmap pixel, preventing the pixel from being missing, and Eliminate the effects of the border. In order to more conveniently scale the image and the like, the image conversion unit U602 converts the original static image into a bitmap, so that the View of the bitmap object can inherit the parent view containing the zoom function, so that the zoom unit U603 can be conveniently called. The zoom function in the parent view scales the bitmap.

The above primary color acquiring unit U604 may further include a pixel point counting module, a primary color deviation range determining module, and a primary color determining module (not shown).

The pixel point counting module is configured to classify pixel points whose color values are within a preset deviation range into pixel points of the same color, and count pixel points within each preset deviation range.

The main color deviation range determining module is configured to compare the number of pixel points within each preset deviation range, and the preset deviation range with the largest pixel point is the main color deviation range.

The main color is the color with the most pixels in the picture, and the bitmap is scaled in the scaling unit U603. After that, the main color acquiring unit U604 reads the pixel data of the bitmap, and counts the pixel points of the same color value according to the pixel data, and which color value has the largest number of pixels, the color corresponding to the color value is the main color. Since there may be an error between the color value of the pixel and the standard color value, the pixel point of the color value within the preset deviation range may be classified into the same color by the pixel point counting module, and then the pixel within each deviation range is counted. Then, the main color deviation range determining module compares the number of pixels in each deviation range, and the deviation range with the largest pixel point is the main color deviation range, and the main color determination mode takes the average of the color values within the main color deviation range. The value is the main color corresponding to the average value. The deviation range may be determined according to the color distribution of the picture. If the color difference of the picture color block is large, the deviation range may be preset to be smaller, so that the color classification is more accurate. If there are many color blocks, the color difference of the color block is small. Or if there are large or small, you can preset the deviation range to be larger to facilitate the main color.

The above preset color matrix determining unit U605 may further include a color matrix initial value determining module, a primary color variation range setting module, and a color matrix end value determining module (not shown).

The color matrix initial value determining module is configured to maintain the color matrix initial value F of the color matrix value of the original color value of the primary color.

The primary color variation range setting module is configured to set a primary color variation range according to a preset primary color change value by using one of F as a boundary value.

The color matrix end value determining module is configured to use the other boundary value of the main color variation range as the color matrix end value L.

After the main color acquiring unit U604 acquires the main color of the bitmap, the color matrix initial value determining module in the preset color matrix determining unit U605 maintains the color matrix value of the original color value of the main color as the color matrix initial value F, if obtained The main color of the main color is the same as the color value of the largest color block in the picture, then F is the unit matrix. If the main color is obtained by the main color determining module according to the average value, the color value of the main color may be the same as the picture color block. The actual color value has a mathematical deviation. In this case, the color matrix initial value determining module can take the color value of a certain pixel of the largest color block to change the color value to the color of the primary color value. The matrix is F. After determining F, the main color change range setting module sets the main color change range according to the preset main color change value by using one of F as the boundary value, and the color matrix end value determination module takes another boundary value of the main color change range. Color matrix The end value L, in which the main color change value can be preset in the program by the user according to the degree of hue change desired to be achieved. Or the preset color matrix determining unit U605 displays the main color information through the user interface after the main color acquiring unit U604 acquires the main color of the bitmap, and sets an input box for inputting F and L on the user interface, and the user views the picture. After the main color information, F and L are customized according to the desired effect, and input is made through the input boxes of F and L, and the preset color matrix determining unit U605 acquires F and L through the input box to complete the determination of F and L. .

FIG. 7 is a block diagram of still another apparatus for implementing a tone change animation based on attribute animation according to an exemplary embodiment of the present application. As shown in FIG. 7, the apparatus includes an original still picture acquiring unit U701, a picture converting unit U702, and A two-color matrix calculation unit U703, an interpolation unit U704, and a rendering unit U705.

The original still picture obtaining unit U701 is configured to acquire an original still picture.

The picture conversion unit U702 is configured to convert the original still picture into a bitmap.

The second color matrix calculation unit U703 calculates the color matrix value of the i-th time node according to the preset color matrix initial value F, the color matrix end value L, the number of time nodes n, and the color matrix calculation rule.

The interpolation unit U704 is configured to generate n time nodes according to a preset time segmentation rule.

The drawing unit U705 is configured to filter the value of the attribute by the color matrix value of the i-th time node at the i-th time node, and draw the bitmap according to the color filter attribute to obtain a new picture. .

The above i is a natural number, i=1, 2...n.

The main difference between the apparatus shown in FIG. 7 and the apparatus shown in FIG. 5 is that the second color matrix calculation unit U703 performs color matrix calculation by the second color matrix calculation unit U703 before the search unit U704, and then generates each by the interpolation unit U704. The time node, the device shown in FIG. 5, the interpolation unit is first, and the color matrix value is calculated in real time at each time node by the first color matrix calculation unit following the generation of the interpolation unit time node. The device shown in FIG. 7 calculates the color matrix values of the respective time nodes before generating the time node, so that the interpolation unit U704 generates each time node, and does not need to calculate the color matrix value again, only by the drawing unit U705. The generated color matrix value corresponding to the current time node is used to set the color filter property of the brush, and then the bitmap is drawn using the brush to obtain a new image and displayed. The device shown in Figure 7 can be compared to the device shown in Figure 5. In order to save computing time and resources, the interval between time nodes can also be smaller, and the program execution efficiency is higher, but the color matrix value calculated in real time in the device shown in FIG. 5 can be temporarily stored only in the current state, the device shown in FIG. The media color matrix values need to be saved in order after the calculation is completed, and the memory consumption may be large.

FIG. 8 is a block diagram of still another embodiment of an attribute animation-based tone change animation implementation apparatus according to an exemplary embodiment of the present application. As shown in FIG. 8, the apparatus includes an original still picture acquisition unit U801, a picture conversion unit U802, and a zoom. The unit U803, the main color acquiring unit U804, the preset color matrix determining unit U805, the second color matrix calculating unit U806, the interpolation unit U807, and the drawing unit U808.

The original still picture obtaining unit U801 is configured to acquire an original still picture.

The picture conversion unit U802 is configured to convert the original still picture into a bitmap.

The scaling unit U803 is configured to scale the bitmap according to the size of the display area.

The main color acquiring unit U804 is configured to acquire a main color of the original still picture, where the main color is a color with the most pixels in the original still picture.

The preset color matrix determining unit U805 is configured to determine a preset color matrix initial value F and a color matrix end value L according to the primary color.

The second color matrix calculation unit U806 is configured to calculate a color matrix value of the i-th time node according to a preset color matrix initial value F, a color matrix end value L, a number of time nodes n, and a color matrix calculation rule;

The interpolation unit U807 is configured to generate n time nodes according to a preset time segmentation rule.

The drawing unit U808 is configured to filter the value of the attribute by the color matrix value of the i-th time node at the i-th time node, and draw the bitmap according to the color filter attribute to obtain a new picture.

The above i is a natural number, i=1, 2...n.

The primary color acquiring unit U804 may further include a pixel point counting module, a primary color deviation range determining module, and a primary color determining module (not shown).

The primary color deviation range determining module is configured to compare pixel points within each preset deviation range The number of preset deviations with the largest number of pixels is the main color deviation range.

The preset color matrix determining unit U805 may further include a color matrix initial value determining module, a primary color variation range setting module, and a color matrix end value determining module (not shown).

For the convenience of description, the above devices are described separately by function into various units. Of course, the functions of each unit may be implemented in the same software or software and/or hardware when implementing the present application.

In addition, an embodiment of the present invention further provides a hardware structure of a tone change animation implementing device based on attribute animation, and FIG. 9 is a block schematic diagram of a hardware structure.

According to FIG. 9, the apparatus 900 includes a memory 901 for storing instructions for controlling the processor 902 to operate to perform a tone change animation implementing method according to the present invention, and a processor 902.

The memory 901 can include high speed random access memory and can also include non-volatile memory such as one or more magnetic storage devices, flash memory, or other non-volatile solid state memory.

The processor 902 can include, but is not limited to, a processing device such as a microprocessor MCU, a digital signal processor DSP, or a programmable logic device FPGA.

The apparatus 900 may further include an input device 904, a communication device 906, an interface device 903, a display device 905, and the like.

The communication device 906 can, for example, have wired or wireless communication.

The interface device 903 includes, for example, a USB interface, a network port, and the like.

The input device 904 may include, for example, a touch screen, a button, or the like to input various information.

The display device 905 is, for example, a liquid crystal display, a touch display, or the like to display an attribute animation.

Embodiments of the present invention also provide a computer readable storage medium. Optionally, in the embodiment, the foregoing storage medium may be used to save program code of the method for implementing the tone change animation provided by the present invention.

The computer readable storage medium can be a tangible device capable of holding and storing instructions for use by the instruction execution device. The computer readable storage medium can be, for example, but not limited to, an electrical storage device, a magnetic storage device, an optical storage device, an electromagnetic storage device, a semiconductor storage device, or any suitable combination of the foregoing. More specific examples (non-exhaustive list) of computer readable storage media include: portable computer disks, hard disks, random access memory (RAM), read only memory (ROM), erasable programmable read only memory (EPROM) Or flash memory), static random access memory (SRAM), portable compact disk read only memory (CD-ROM), digital versatile disk (DVD), memory stick, floppy disk, mechanical encoding device, for example, with instructions stored thereon A raised structure in the hole card or groove, and any suitable combination of the above. A computer readable storage medium as used herein is not to be interpreted as a transient signal itself, such as a radio wave or other freely propagating electromagnetic wave, an electromagnetic wave propagating through a waveguide or other transmission medium (eg, a light pulse through a fiber optic cable), or through a wire The electrical signal transmitted.

The computer readable program instructions described herein can be downloaded from a computer readable storage medium to various computing/processing devices or downloaded to an external computer or external storage device over a network, such as the Internet, a local area network, a wide area network, and/or a wireless network. The network may include copper transmission cables, fiber optic transmissions, wireless transmissions, routers, firewalls, switches, gateway computers, and/or edge servers. A network adapter card or network interface in each computing/processing device receives computer readable program instructions from the network and forwards the computer readable program instructions for storage in a computer readable storage medium in each computing/processing device .

The various embodiments in the specification are described in a progressive manner, and the same or similar parts between the various embodiments may be referred to each other, and each embodiment focuses on the differences from the other embodiments. In particular, for a device or system embodiment, since it is substantially similar to the method embodiment, the description is relatively simple, and the relevant portions can be referred to the description of the method embodiment. The apparatus and system embodiments described above are merely illustrative, wherein the units described as separate components may or may not be physically separate, and the components displayed as units may be Therefore, it may or may not be a physical unit, that is, it may be located in one place, or may be distributed to multiple network units. Some or all of the modules may be selected according to actual needs to achieve the purpose of the solution of the embodiment. Those of ordinary skill in the art can understand and implement without any creative effort.

It should be noted that, in this context, relational terms such as "first" and "second" are used merely to distinguish one entity or operation from another entity or operation, and do not necessarily require or imply these There is any such actual relationship or reverse order between entities or operations. Furthermore, the term "comprises" or "comprises" or "comprises" or any other variations thereof is intended to encompass a non-exclusive inclusion, such that a process, method, apparatus, or device that includes a plurality of elements includes not only those elements but also Other elements, or elements that are inherent to such a process, method, device, or device. An element that is defined by the phrase "comprising a ..." does not exclude the presence of the same element in the process, method, apparatus, or device that comprises the element.

The above description is only a specific embodiment of the present application, so that those skilled in the art can understand or implement the present application. Various modifications to these embodiments are obvious to those skilled in the art, and the general principles defined herein may be implemented in other embodiments without departing from the spirit or scope of the application. Therefore, the application is not limited to the embodiments shown herein, but is to be accorded the broadest scope of the principles and novel features disclosed herein.

Claims

A method for realizing tone change animation based on attribute animation, comprising:

Get the original still image;

Converting the original still picture into a bitmap;

Generating n time nodes according to preset time segmentation rules;

At the i-th time node, calculating a color matrix value of the i-th time node according to a preset color matrix initial value F, a color matrix end value L, and a color matrix calculation rule;

Filtering the value of the attribute by the color matrix value, and drawing the bitmap according to the color filter attribute to obtain a new picture and displaying;

Where i is a natural number, i=1, 2...n.
The attribute animation-based tone change animation implementation method according to claim 1, wherein after converting the original still picture into a bitmap, generating n time nodes according to a preset time segmentation rule, The method also includes:

The bitmap is scaled according to the size of the display area.
The attribute animation-based tone change animation implementing method according to claim 1 or 2, wherein the preset time segmentation rule is that the interval between time nodes is the same and less than 0.1 second.
The method for realizing an animation based tone change animation according to claim 1, 2 or 3, wherein the color matrix comprises a red R component, a green G component, a blue B component, a transparency alpha component, and a placeholder. Component.
The attribute animation-based tone change animation implementing method according to any one of claims 1 to 4, wherein the initial value F and color matrix knot according to a preset color matrix The bundle value L and the color matrix calculation rule calculate the color matrix value of the i-th time node, including:

If i=1, the color matrix initial value F is the color matrix value M 1 of the first time node;

If i=n, the color matrix end value L is the color matrix value M n of the nth time node; otherwise,

Calculating the jth component h j (M i ) in the color matrix value M i of the i-th time node:

When h j (L) ≥h j ( F), h j (M i) = h j (F) + [h j (L) -h j (F)] × i / n;

When h j (L) < h j (F), h j (M i )=h j (L)−[h j (F)−h j (L)]×i/n.
The attribute animation-based tone change animation implementing method according to any one of claims 1 to 5, wherein after converting the original still picture into a bitmap, generating n according to a preset time segmentation rule Before the time node, it also includes:

Obtaining a primary color of the original static picture, where the primary color is a color with the most pixels in the original static picture;

A preset color matrix initial value F and a color matrix end value L are determined according to the primary color.
The attribute animation-based tone change animation implementation method according to claim 6, wherein the acquiring the main color of the original still picture comprises:

Pixels whose color values are within the preset deviation range are classified into pixels of the same color, and count the pixels within each preset deviation range;

Comparing the number of pixels within each preset deviation range, and the preset deviation range with the largest pixel point is the main color deviation range;

The average value of the color values in the range of the main color deviation is calculated, and the color corresponding to the average value is the main color.
The attribute animation-based tone change animation implementation method according to claim 6 or 7, wherein the determining the preset color matrix initial value F and the color matrix end value L according to the primary color comprises:

The color matrix value of the original color value of the main color is maintained as the initial value F of the color matrix;

Setting a primary color variation range according to a preset primary color change value by using the color matrix initial value F as a boundary value;

Another boundary value of the range of the primary color variation is the color matrix end value L.
The method for realizing a tone change animation based on attribute animation according to any one of claims 1 to 8, wherein

Generating n time nodes according to preset time segmentation rules using an interpolator;

Using a estimator to calculate a color matrix value of the i-th time node;

The value of the color filter attribute is filtered by the color matrix value, and the bitmap is drawn according to the color filter attribute, including: setting a value of a color filter attribute of the brush to the color matrix value, and using The brush draws the bitmap.
A method for realizing tone change animation based on attribute animation, comprising:

Get the original still image;

Converting the original still picture into a bitmap;

Calculating a color matrix value of the i-th time node according to a preset color matrix initial value F, a color matrix end value L, a number of time nodes n, and a color matrix calculation rule;

Generating n time nodes according to preset time segmentation rules;

In the i-th time node, the color matrix value of the i-th time node is used to filter the value of the attribute, and the bitmap is drawn according to the color filter attribute to obtain a new picture and displayed;

Where i is a natural number, i=1, 2...n.
An apparatus for realizing tone change animation based on attribute animation, comprising:

An original still picture obtaining unit, configured to acquire an original still picture;

a picture conversion unit, configured to convert the original still picture into a bitmap;

An interpolation unit, configured to generate n time nodes according to a preset time segmentation rule;

a first color matrix calculation unit for using the preset color moment at the i-th time node a matrix initial value F, a color matrix end value L, and a color matrix calculation rule, and calculating a color matrix value of the i-th time node;

a drawing unit, configured to filter a value of the attribute with the color matrix value at the i-th time node, and draw the bitmap according to the color filter attribute to obtain a new picture and display;

Where i is a natural number, i=1, 2...n.
The attribute animation-based tone change animation implementing apparatus according to claim 11, further comprising a scaling unit, configured to: after converting the original still picture into a bitmap, according to a preset The time segmentation rule scales the bitmap according to the size of the display area before generating n time nodes.
The attribute animation-based tone change animation implementing apparatus according to claim 11 or 12, wherein the preset time segmentation rule is that the interval between time nodes is the same and less than 0.1 second.
The attribute animation-based tone change animation implementing apparatus according to claim 11, 12 or 13, wherein the color matrix comprises a red R component, a green G component, a blue B component, a transparency alpha component, and a placeholder Component.
The attribute animation-based tone change animation implementing apparatus according to any one of claims 11 to 14, wherein the color matrix calculating unit is specifically used when calculating a color matrix value of the i-th time node. :

If i=1, the color matrix initial value F is the color matrix value M 1 of the first time node;

If i=n, the color matrix end value L is the color matrix value M n of the nth time node; otherwise,

Calculating the jth component h j (M i ) in the color matrix value M i of the i-th time node:

When h j (L) ≥h j ( F), h j (M i) = h j (F) + [h j (L) -h j (F)] × i / n;

When h j (L) < h j (F), h j (M i )=h j (L)−[h j (F)−h j (L)]×i/n.
The attribute animation-based tone change animation implementing apparatus according to any one of claims 11 to 15, further comprising:

a main color acquiring unit, configured to acquire a main color of the original still picture before generating the n time nodes according to the preset time segmentation rule, after converting the original still picture into a bitmap, where the main color is The color of the pixel in the original still picture; and,

And a preset color matrix determining unit configured to determine a preset color matrix initial value F and a color matrix end value L according to the primary color.
The attribute color animation animation implementing device according to claim 16, wherein the main color acquiring unit comprises:

a pixel point counting module, configured to classify pixel points whose color values are within a preset deviation range into pixels of the same color, and count pixel points within each preset deviation range;

The main color deviation range determining module is configured to compare the number of pixels within each preset deviation range, and the preset deviation range with the largest pixel point is the main color deviation range;

The main color determining module is configured to calculate an average value of the color values within the main color deviation range, and the color corresponding to the average value is the main color.
The attribute color animation animation implementing device according to claim 16 or 17, wherein the preset color matrix determining unit comprises:

a color matrix initial value determining module, configured to maintain a color matrix value of a primary color value of the primary color value as a color matrix initial value F;

a main color change range setting module, configured to set a main color change range according to a preset main color change value by using one of F as a boundary value; and

The color matrix end value determining module takes another boundary value of the main color variation range as a color matrix end value L.
The attribute animation-based tone change animation implementing device according to any one of claims 11 to 18, wherein

The interpolation unit is configured to generate n time nodes according to a preset time segmentation rule by using an interpolator;

The first color matrix calculation unit is configured to calculate an i-th time node according to a preset color matrix initial value F, a color matrix end value L, and a color matrix calculation rule at the i-th time node. Color matrix value;

The drawing unit is configured to set a value of a color filter attribute of the brush to the color matrix value at the i-th time node, and use the brush to draw the bitmap to obtain a new picture and display.
An apparatus for realizing tone change animation based on attribute animation, comprising:

An original still picture obtaining unit, configured to acquire an original still picture;

a picture conversion unit, configured to convert the original still picture into a bitmap;

a second color matrix calculation unit calculates a color matrix value of the i-th time node according to a preset color matrix initial value F, a color matrix end value L, a number of time nodes n, and a color matrix calculation rule;

An interpolation unit, configured to generate n time nodes according to a preset time segmentation rule;

a drawing unit, configured to filter a value of the attribute by the color matrix value of the i-th time node at the i-th time node, and draw the bitmap according to the color filtering attribute to obtain a new image and display ;

Where i is a natural number, i=1, 2...n.