CN114880053B - Animation generation method for objects in interface, electronic device and storage medium - Google Patents

Abstract

The embodiment of the present application provides an animation generation method for objects in an interface, an electronic device, and a storage medium, which relate to the field of human-computer interaction technology. Based on the appearance differences between objects in the interface, differentiated object animations can be generated to improve the user's interactive experience. The method includes: a user interface displays a first object and a second object, the first object and the second object are of the same type but different in appearance; in response to a first operation acting on the first object, a first motion animation of the first object is generated; in response to a second operation acting on the second object, a second motion animation of the second object is generated, the first operation and the second operation are the same, and the first motion animation and the second motion animation are different.

Description

Animation generation method for objects in interface, electronic device and storage medium

Technical Field

Embodiments of the present application relate to the field of human-computer interaction, and in particular, to a method for generating animation of objects in an interface, an electronic device, and a storage medium.

Background Art

With the development of smart terminals, the ways of human-computer interaction are becoming more and more diverse. The touch screen of an electronic device can display a human-computer interaction interface (also called a user interface). Users perform gesture operations on objects in the user interface, and the objects in the user interface respond with some animations based on the user's gesture operations. For example, an object performs a deformation animation in response to a user's drag gesture, and an object performs a fragmentation animation in response to a user's click gesture.

However, the animation responses of objects in the user interface to user gesture operations are usually some pre-set fixed animations. That is, the animation effects generated for different objects in the user interface are the same. The interactive experience of the animations in which such objects participate is poor.

Summary of the invention

The embodiments of the present application provide a method for generating animation of objects in an interface, an electronic device, and a storage medium, which can generate differentiated animations based on the appearance differences between objects, thereby improving the user's interactive experience.

In order to achieve the above purpose, this application adopts the following technical solutions:

In a first aspect, an embodiment of the present application provides a method for generating an animation of an object in an interface, comprising:

The user interface displays a first object and a second object, the first object and the second object are of the same type but different in appearance;

In response to a first operation performed on the first object, generating a first motion animation of the first object;

In response to a second operation performed on the second object, a second motion animation of the second object is generated, the first operation and the second operation are the same, and the first motion animation and the second motion animation are different.

In the embodiment of the present application, the same type of the first object and the second object means that the first object and the second object belong to the same class of objects. The different appearances of the first object and the second object means that the first object and the second object are objects with different appearances.

For example, when the first object is the icon of APP1 and the second object is the icon of APP2, both the first object and the second object are icons of APP, but the appearance of the icon of APP1 and the icon of APP2 are different, so the type of the icon of APP1 and the icon of APP2 are the same, but the appearance is different. When the first object is the business card of user 1 and the second object is the business card of user 2, both the first object and the second object are user business cards, but the content in the business card of user 1 and the content in the business card of user 2 are different, so the type of user 1 and user 2 are the same, but the appearance is different. In an instant messaging application, the first object is the avatar of user 1 and the second object is the avatar of user 2. Both the first object and the second object are user avatars, but user 1 and user 2 use different pictures as avatars, so the type of the avatar of user 1 and the avatar of user 2 are the same, but the appearance is different.

In the embodiment of the present application, the first operation and the second operation are the same, which means that the first operation and the second operation belong to the same type of operations.

As an example, the first operation is a sliding operation of sliding a first distance, and the second operation is a sliding operation of sliding a second distance, then the first operation and the second operation are both sliding operations, therefore, the sliding operation of sliding the first distance is the same as the sliding operation of sliding the second distance. The first operation is a pressing operation with a pressing duration of a first time, and the second operation is a pressing operation with a pressing duration of a second time, and the first operation and the second operation are both pressing operations, therefore, the pressing operation with a pressing duration of the first time is the same as the pressing operation with a pressing duration of the second time. The first operation is a single-click operation, and the second operation is also a single-click operation, then the first operation and the second operation are the same.

In the embodiment of the present application, the first motion animation and the second motion animation are different, which means that there is a difference between the first motion animation and the second motion animation.

As an example, in the first motion animation of the first object, the motion displacement of the first object is the third distance, and in the second motion animation of the second object, the motion displacement of the second object is the fourth distance. If the third distance and the fourth distance are different, the first motion animation and the second motion animation are different. In the first motion animation of the first object, the first object rebounds m times after being pressed, and the second object rebounds n times after being pressed, and m and n are different, then the first motion animation and the second motion animation are different. If the deformation area of the first object after being pressed is larger than the deformation area of the second object after being pressed, then the first motion animation and the second motion animation are different.

It can be understood from the above description that for objects of the same type but different appearances, when the same operation is performed, the objects will produce differentiated motion animations, thereby improving the user's interactive experience.

In a possible implementation manner of the first aspect, in response to a first operation acting on a first object, generating a first motion animation of the first object includes:

detecting a first operation acting on a first object;

Acquire appearance parameters of the first object, and assign physical parameters to the first object according to the appearance parameters of the first object;

Get initial parameters of the first object;

A motion animation of the first object is generated based on the physical parameters of the first object and the initial parameters of the first object.

In the embodiment of the present application, the first operation acting on the first object may be a click operation, a press operation (long press operation), a sliding operation, etc. on the first object by the user. The appearance parameters of the first object may include: the color of the pixel points in the first object, the coordinates of the pixel points in the first object, the area or volume of the first object, the theme color in the user interface where the first object is located, the transparency of the first object, the blurriness of the first object, etc. It can be understood from the description of the appearance parameters of the first object that the appearance parameters of the first object are parameters that can be intuitively observed from the user's visual perspective. The embodiment of the present application assigns physical parameters to the first object based on the appearance parameters of the first object, so that the physical parameters of the first object follow the visual perception of the user in the real world. When the first operation is a press operation, the initial parameter of the first object may be the value of the pressing force applied to the first object (the value may be a fixed value, or may be obtained according to parameters such as the contact area of the press operation), or the position of the pressing force applied to the first object. When the first operation is a push operation, the initial parameter of the first object may be the initial speed set for the first object, or may be the thrust generated according to the push distance of the push operation. The initial parameters of the first object may refer to the description in the subsequent embodiments.

The motion parameters of the object generated by the physical parameters of the object can be more consistent with the motion process of the object in the real world. Therefore, the motion animation of the object obtained by the embodiment of the present application can not only provide differentiated animation effects between different objects, but also make the generated motion animation of the object more consistent with the motion process of the object in the real world, thereby improving the user's interactive experience.

In the embodiment of the present application, in response to the second operation on the second object, the process of generating the second motion animation of the second object can refer to the description of "in response to the first operation on the first object, generating the first motion animation of the first object", which will not be repeated here. In a possible implementation of the first aspect, the appearance parameters of the first object include: the color of the pixel points in the first object, and the physical parameters of the first object include: the mass of the first object;

Assigning physical parameters to the first object according to the appearance parameters of the first object includes:

The mass of the first object is generated according to the colors of the pixels in the first object.

In a possible implementation manner of the first aspect, generating the quality of the first object according to the color of a pixel in the first object includes:

A first quality value of the first object is generated according to a first difference between a color of a pixel in the first object and a theme color of a user interface where the first object is located, and the first quality value of the first object is used as the quality of the first object.

In a possible implementation manner of the first aspect, generating a first quality value of the first object according to a first difference between a color of a pixel in the first object and a theme color of a user interface where the first object is located includes:

generating a pixel quality of the pixel in the first object according to a first difference between a color of the pixel in the first object and a theme color of the user interface where the first object is located;

A first quality value of the first object is generated according to the pixel quality of the pixels in the first object.

As an example, the pixel quality of each pixel in the first object is calculated by the following formula:

or,

Wherein, _mi represents the quality of the i-th pixel in the first object, _ai represents the color of the i-th pixel in the first object, and b represents the color of the theme of the user interface.

In practical applications, the quality of each pixel obtained by calculation can also be normalized:

m _i '=(m _i -μ)/(m _max -m _min );

Wherein, _mi ' represents the normalized quality of the i-th pixel in the first object, μ is an autonomously defined constant, _mmax represents the maximum value of the color, which can be set to 0XFFFFFF, and _mmin represents the minimum value of the color, which can be set to 0X000000.

Finally, the first mass value of the first object (which can be used as the mass of the first object) is calculated in the following way:

Wherein, M represents the mass of the first object, _mi ' represents the normalized mass of the i-th pixel in the first object, and n represents the number of pixels in the first object.

In a possible implementation manner of the first aspect, the appearance parameter of the first object includes: transparency of the first object; and before taking the first mass value of the first object as the mass of the first object, further including:

A second mass value of the first object is generated according to the transparency of the first object and the first mass value of the first object, and the second mass value of the first object is used as the mass of the first object.

As an example, when the influence of the transparency of the first object on the quality is considered, the second quality value of the first object (which can be used as the quality of the first object) is calculated by the following formula:

Wherein, K represents a transparency coefficient. K can take a value in the range of 0-1. The more transparent the first object is, the smaller K is, and the lighter the mass of the first object is.

In a possible implementation manner of the first aspect, the appearance parameters of the first object include: the color of a pixel in the first object and the coordinates of the pixel in the first object; the physical parameters of the first object include: the coordinates of the center of gravity of the first object;

Assigning physical parameters to the first object according to the appearance parameters of the first object includes:

generating a pixel quality of the pixel in the first object according to a first difference between a color of the pixel in the first object and a theme color of the user interface where the first object is located;

The coordinates of the center of gravity of the first object are calculated according to the coordinates of the pixels in the first object and the pixel qualities of the pixels in the first object.

As an example, in a two-dimensional space, a spatial rectangular coordinate system O-XY is used. The first object can be differentiated into n particles (or n pixels), the coordinates of the ith particle are ( _xi , _yi ), the mass of the ith particle is _mi ', and the mass of the first object is M = _m1 '+...+ _mi '+...+ _mn '.

The coordinates of the center of gravity of the first object are G(x, y), which are calculated by the following formula.

x＝(x ₁ m ₁ '+...+x _i m _i '+...+x _n m _n ')/M;

y=(y ₁ m ₁ '+...+y _i m _i '+...+y _n m _n ')/M.

In three-dimensional space, determine the spatial rectangular coordinate system O-XYZ. The first object can be differentiated into n particles (or n pixels), the coordinates of the ith particle are ( _xi , _yi , _zi ), the mass of the ith particle is _mi ', and the mass of the first object is M = _m1 '+...+ _mi '+...+ _mn '.

The coordinates of the center of gravity of the first object are G(x, y, z), which are calculated by the following formula.

x＝(x ₁ m ₁ '+...+x _i m _i '+...+x _n m _n ')/M;

y＝(y ₁ m ₁ '+...+y _i m _i '+...+y _n m _n ')/M;

z=(z ₁ m ₁ '+...+z _i m _i '+...+z _n m _n ')/M.

In a possible implementation manner of the first aspect, the appearance parameters of the first object further include: the color of the outer frame of the first object, the area or volume of the first object; the physical parameters of the first object include: the stiffness of the first object;

Assigning physical parameters to the first object according to the appearance parameters of the first object includes:

Calculating a second difference between a color of an outer border of the first object and a theme color of a user interface where the first object is located;

Generate a unit mass of the first object according to the mass of the first object and the area or volume of the first object;

A first stiffness of the first object is generated according to the second difference and the unit mass of the first object, and the first stiffness of the first object is used as the stiffness of the first object.

The stiffness of the first object is:

G = |bc| × _kG × _Ms ;

Wherein, G represents the stiffness of the first object, b represents the theme color of the user interface, c represents the color of the outer frame of the first object, _kG represents the stiffness conversion coefficient, and _Ms represents the unit mass of the first object. For the convenience of description, the difference between the color of the outer frame of the first object and the theme color of the user interface where the first object is located is recorded as the second difference. When the first object is a two-dimensional element, _Ms = M/S, S represents the area of the first object; when the first object is a three-dimensional element, _Ms = M/V, V represents the volume of the first object.

In a possible implementation manner of the first aspect, the appearance parameter of the first object further includes: transparency of the first object; and before taking the first stiffness of the first object as the stiffness of the first object, further includes:

A second stiffness of the first object is generated according to the first stiffness of the first object and the transparency of the first object, and the second stiffness of the first object is used as the stiffness of the first object.

G = |bc| × K × k _G × _Ms.

In a possible implementation manner of the first aspect, the appearance parameter of the first object further includes: blurriness of the first object; and before taking the first stiffness of the first object as the stiffness of the first object, further includes:

A third stiffness of the first object is generated according to the first stiffness of the first object and the fuzziness of the first object, and the third stiffness of the first object is used as the stiffness of the first object.

G = |bc| × k × _Ms ×A.

Wherein, A represents the blurriness of the first object.

Of course, in practical applications, the transparency and blurriness of the first object can also be considered at the same time:

G = |bc| × K × _kG × _Ms ×A.

For the convenience of description, the stiffness of the first object generated without considering the transparency and blurriness of the first object can be recorded as the first stiffness, the stiffness of the first object generated by considering the transparency of the first object can be recorded as the second stiffness, the stiffness of the first object generated by considering the blurriness of the first object can be recorded as the third stiffness, and the stiffness generated by considering both the transparency and blurriness of the first object can be recorded as the fourth stiffness. In practical applications, any one of the first stiffness, the second stiffness, the third stiffness and the fourth stiffness can be used as the stiffness of the first object.

In a possible implementation manner of the first aspect, the method further includes:

generating a relative friction coefficient between the first object and the background where the first object is located according to the base color of the first object and the color of the background where the first object is located;

A first friction force acting on the first object is calculated according to the mass and the relative friction coefficient of the first object, and the first friction force is used as the friction force acting on the first object during the movement of the first object.

As an example, F _f =M×O _BE ;

Wherein, _{Ff is} the friction force acting on the first object, M is the mass of the first object, and _OBE is the relative friction coefficient between the first object and the background where the first object is located.

In a possible implementation manner of the first aspect, generating a relative friction coefficient between the first object and the background where the first object is located according to a base color of the first object and a color of a background where the first object is located includes:

generating an object friction force for the first object according to a base color of the first object;

generating a background friction force of the background where the first object is located according to the color of the background where the first object is located;

A relative friction coefficient between the first object and the background where the first object is located is generated according to the object friction force and the background friction force.

As an example, O _BE =B _f ×E _f .

B _f =e ₁ +|0XFFFFFF-d|×k _fB ;

Wherein, _Bf is the background friction, _e1 is the set minimum background friction, d is the color of the background where the first object is located, and _kfB is the preset background friction conversion coefficient.

E _f =e ₂ +|0XFFFFFF-a|×k _fE ;

Wherein, _Ef is the object friction, _e2 is the set minimum object friction, a is the color of the first object, and _kfE is the preset object friction conversion coefficient.

In a possible implementation manner of the first aspect, the appearance parameter of the first object further includes: blurriness of the first object; and before using the first friction force as the friction force acting on the first object during the movement of the first object, further includes:

A second friction force acting on the first object is generated according to the first friction force and the blurriness of the first object, and the second friction force is used as the friction force acting on the first object during the movement of the first object.

As an example,

Wherein, A represents the blurriness of the first object, and the blurriness of the first object can take a value between 0 and 1. The blurrier the first object is, the smaller the value of A is, and the greater the friction is. Therefore, the blurriness of the first object is inversely related to the friction.

In a possible implementation manner of the first aspect, the method further includes:

The speed of the first object is acquired, and the air resistance acting on the first object during the movement of the first object is generated according to the speed of the first object.

In a possible implementation manner of the first aspect, generating a motion animation of the first object based on a physical parameter of the first object and an initial parameter of the first object includes:

generating motion parameters of the first object based on the physical parameters of the first object and the initial parameters of the first object;

A motion animation of the first object is generated according to the motion parameters of the first object.

In a possible implementation manner of the first aspect, after the first operation acts on the first object, the first object collides with the third object;

The physical parameters of the first object include the mass of the first object, and the initial parameters of the first object include the first input velocity of the first object;

Generating motion parameters of the first object based on physical parameters of the first object and initial parameters of the first object includes:

Acquire physical parameters of a third object and initial parameters of the third object, wherein the physical parameters of the third object include the mass of the third object, and the initial parameters of the third object include a second input velocity of the third object;

Based on the law of conservation of momentum and the law of conservation of energy, a first exit velocity of the first object and a second exit velocity of the third object are calculated from the mass of the first object, the mass of the third object, the first entry velocity and the second entry velocity;

Calculating a time-varying velocity and/or displacement of the first object after the collision based on a first exit velocity of the first object and a friction force acting on the first object after the collision;

The time-varying speed and/or displacement of the third object after the collision is calculated according to the second exit speed of the third object and the friction force acting on the third object after the collision.

As an example, the first exit speed of the first object and the second exit speed of the third object are calculated by formula (1) and formula (2). Then, the speed of the first object changing with time is calculated by formula (3) and formula (4).

(1)M _A v _ruA +M _B v _ruB =M _A v _A0 +M _B v _B0 ;

(2)1/2M _A v _ruA ² +1/2M _B v _ruB ² =1/2M _A v _A0 ² +1/2M _B v _B0 ² ;

(3) _vAt = _vA0 + _aAt ;

(4) a _A = F _{f A} + F _{z A} / M _A ;

Wherein, v _ruA represents the velocity of object A (first object) at the time of collision (first entry velocity), v _ruB represents the velocity of object B (third object) at the time of collision (second entry velocity), v _A0 represents the velocity of object A after collision (first exit velocity), v _B0 represents the velocity of object B after collision (second exit velocity). _{v At} represents the velocity of object A changing with time.

In a possible implementation manner of the first aspect, after the first operation acts on the first object, the first object collides with the third object;

The physical parameters of the first object include the mass of the first object, and the initial parameters of the first object include the first input velocity of the first object;

Generating motion parameters of the first object based on physical parameters of the first object and initial parameters of the first object includes:

Acquire physical parameters of a third object and initial parameters of the third object, wherein the physical parameters of the third object include the mass of the third object, and the initial parameters of the third object include a second input velocity of the third object;

Based on the law of conservation of momentum and the law of conservation of energy, a first exit velocity of the first object and a second exit velocity of the third object are calculated from the mass of the first object, the mass of the third object, the first entry velocity and the second entry velocity;

Calculating a time-varying velocity and/or displacement of the first object after the collision based on a first exit velocity of the first object and a friction force acting on the first object after the collision;

The time-varying speed and/or displacement of the third object after the collision is calculated according to the second exit speed of the third object and the friction force acting on the third object after the collision.

(5)v _chu =v _ru ×E _lose .

(6)E _lose =( _GA + _GB )/2× _Gmax , where _Gmax is the maximum constant of the user-defined stiffness.

When the object B is a fixed-position object, the velocity assigned to the object B is 0, and therefore, v _chu is entirely assigned to the object A, that is, (7) v _A0 =v _chu , v _B0 =0.

When object B is an object with a non-fixed position, (8)

The sum v _chu of the third exit speed of object A and the fourth exit speed of object B is calculated by formula (5) and formula (6). Then, the third exit speed of object A and the fourth exit speed of object B are calculated by formula (7) or formula (8).

Finally, the speed of the first object changing with time is calculated by using formula (3) and formula (4).

In a possible implementation manner of the first aspect, the first operation is a pressing operation on the first object, and the first object generates a pressing rebound;

The physical parameters of the first object include: the mass of the first object; the initial parameters of the first object include: the rebound degree acting on the first object and the elastic coefficient of the elastic component acting on the first object;

Generating motion parameters of the first object based on physical parameters of the first object and initial parameters of the first object includes:

generating a first rebound force acting on the first object according to the rebound degree and the mass of the first object;

Calculating a pressing displacement of the first object according to the first resilience force and the elastic coefficient;

Calculating elastic potential energy in the scene where the first object is located according to the pressing displacement and elastic coefficient of the first object;

Based on a model in which elastic potential energy is equal to kinetic energy of the first object and work done by air resistance acting on the first object, motion parameters of the first object are obtained.

(9) F _T = K _T /M;

(10) x = F _T /k, x _p = G /k, pressing displacement: x _p ;

(11)

The first rebound force is calculated according to formula (9), the pressing displacement is calculated according to formula (10), and formula (11) represents the relationship between the elastic potential energy, the kinetic energy of the first object and the work done by the air resistance.

In a possible implementation manner of the first aspect, the physical parameter of the first object further includes: stiffness of the first object;

Calculating the pressing displacement of the first object according to the first resilience force and the elastic coefficient includes:

generating a second resilience force acting on the first object according to the first resilience force and the stiffness of the first object;

A pressing displacement of the first object is generated according to the second resilience force and the elastic coefficient.

In a possible implementation manner of the first aspect, the first operation is a pressing operation on the first object, and the first object is tilted by the pressing;

The physical parameters of the first object include: the center of gravity of the first object; the initial parameters of the first object include: the force point of the pressing force acting on the first object;

When the first object generates a pressing and tilting motion, the tilting axis of the first object is perpendicular to a first connecting line, which is a connecting line between a force point of the pressing force acting on the first object and the center of gravity of the first object.

In a possible implementation manner of the first aspect, the tilt axis of the first object coincides with the center of gravity of the first object.

In a possible implementation manner of the first aspect, the first operation is a pressing operation on the first object, and the first object is deformed by the pressing;

The physical parameters of the first object include: the stiffness of the first object; the initial parameters of the first object include the pressing force acting on the first object and the force receiving point of the pressing force; the motion parameters of the first object include the deformation area of the first object;

Generating motion parameters of the first object based on physical parameters of the first object and initial parameters of the first object includes:

Calculating a deformation degree of the first object according to a pressing force acting on the first object and a stiffness of the first object;

Calculating a deformed area of the first object according to the deformation degree of the first object and the area of the first object;

A deformation region of the first object is generated according to the deformation area of the first object, wherein the center of the deformation region is a force point of the pressing force acting on the first object.

In a possible implementation of the first aspect, when the first operation acts on the first object, a chain motion is generated between the first object and a fourth object arranged in a chain manner with the first object, wherein the chain force received by the fourth object is the chain force received by the force-applying object of the fourth object divided by the mass of the fourth object.

In a second aspect, an embodiment of the present application provides an electronic device, including:

An object display module, configured to display a first object and a second object on a user interface, wherein the first object and the second object are of the same type but have different appearances;

An animation generation module, for generating a first motion animation of the first object in response to a first operation acting on the first object;

The animation generation module is further used to generate a second motion animation of the second object in response to a second operation acting on the second object, the first operation and the second operation are the same, and the first motion animation and the second motion animation are different.

According to a third aspect, an electronic device is provided, comprising a processor, wherein the processor is used to run a computer program stored in a memory so that the electronic device implements any method of the first aspect of the present application.

In a fourth aspect, a chip system is provided, including a processor, wherein the processor is coupled to a memory, and the processor executes a computer program stored in the memory so that an electronic device implements any method of the first aspect of the present application.

In a fifth aspect, a computer-readable storage medium is provided, which stores a computer program. When the computer program is executed by one or more processors, an electronic device implements any method of the first aspect of the present application.

In a sixth aspect, an embodiment of the present application provides a computer program product, which, when executed on a device, enables the device to execute any one of the methods in the first aspect.

It can be understood that the beneficial effects of the second to sixth aspects mentioned above can be found in the relevant description of the first aspect mentioned above, and will not be repeated here.

BRIEF DESCRIPTION OF THE DRAWINGS

FIG1 is a schematic diagram of an application scenario of a method for generating animation of an object in an interface provided by an embodiment of the present application;

FIG2 is a schematic diagram of the hardware structure of an electronic device for executing a method for generating animation of an object in an interface provided in an embodiment of the present application;

FIG3 is a schematic diagram of a flow chart of a method for generating animation of an object in an interface provided by an embodiment of the present application;

FIG4 is a schematic diagram of the outer border color of an object in a computing interface provided by an embodiment of the present application;

FIG. 5( a) to FIG. 5( d ) are schematic diagrams of scenes of collision animation of objects in an interface provided in an embodiment of the present application;

FIG. 6( a) to FIG. 6( d ) are schematic diagrams of scenes of a pressing rebound animation of an object in an interface provided by an embodiment of the present application;

FIG. 7( a) to FIG. 7( c) are schematic diagrams of scenes of a pressing and tilting animation of an object in an interface provided by an embodiment of the present application;

FIG8(a) to FIG8(b) are force diagrams of a pressing and tilting animation of an object in an interface provided by an embodiment of the present application;

FIG9(a) to FIG9(c) are schematic diagrams of scenes of a pressing animation of an object in an interface provided by an embodiment of the present application;

FIG10 is a schematic diagram of a scene of a three-dimensional animation and a two-dimensional animation of an object in an interface provided by an embodiment of the present application;

FIG11 is a schematic diagram of a scene of three-dimensional animation and two-dimensional animation of an object in another interface provided by an embodiment of the present application;

FIG12 is a schematic diagram of a chain arrangement of objects in an interface provided by an embodiment of the present application;

FIG13 is an animation schematic diagram of a chain animation of an object in an interface provided by an embodiment of the present application;

FIG14 is a schematic block diagram of a functional architecture module of an electronic device provided in an embodiment of the present application.

DETAILED DESCRIPTION

In the following description, specific details such as specific system structures and technologies are provided for illustration rather than limitation, so as to provide a thorough understanding of the embodiments of the present application. However, it should be clear to those skilled in the art that the present application can also be implemented in other embodiments without these specific details.

It should be understood that when used in the present specification and the appended claims, the term "comprising" indicates the presence of described features, integers, steps, operations, elements and/or components, but does not exclude the presence or addition of one or more other features, integers, steps, operations, elements, components and/or combinations thereof.

It should also be understood that in the embodiments of the present application, "one or more" refers to one, two or more than two; "and/or" describes the association relationship of associated objects, indicating that three relationships may exist; for example, A and/or B may represent: A exists alone, A and B exist at the same time, and B exists alone, where A and B may be singular or plural. The character "/" generally indicates that the associated objects before and after are in an "or" relationship.

In addition, in the description of the present application specification and the appended claims, the terms "first", "second", "third", etc. are only used to distinguish the descriptions and cannot be understood as indicating or implying relative importance.

References to "one embodiment" or "some embodiments" etc. described in the specification of this application mean that one or more embodiments of the present application include specific features, structures or characteristics described in conjunction with the embodiment. Therefore, the statements "in one embodiment", "in some embodiments", "in some other embodiments", "in some other embodiments", etc. that appear in different places in this specification do not necessarily refer to the same embodiment, but mean "one or more but not all embodiments", unless otherwise specifically emphasized in other ways. The terms "including", "comprising", "having" and their variations all mean "including but not limited to", unless otherwise specifically emphasized in other ways.

The method for generating an animation of an object in an interface provided by an embodiment of the present application can be applied to the application scenario shown in FIG. 1. As shown in FIG. 1, the display screen of an electronic device displays a user interface, and the first figure in FIG. 1 displays a contact interface, in which there are contact business cards, and each contact business card can be used as an object. The second figure in FIG. 1 displays the main interface of the electronic device, and the icon of each application in the main interface of the electronic device can also be used as an object. When the user's gesture acts on an object in the interface, the object is moved in the interface, thereby generating a motion animation of the object. In order to make the motion animation of the object in the interface closer to the motion process of an object in the real world, some physical parameters can be assigned to the object in the interface, such as the mass of the object, the stiffness of the object, etc. Then, the motion parameters of the object are calculated based on the physical parameters of the object and the initial parameters of the object (for example, the thrust acting on the object, the initial speed of the object, etc.), such as the speed of the object changing over time, the displacement of the object changing over time, etc. Finally, the motion animation of the object is generated based on the motion parameters of the object.

As an example, when two objects in the interface collide, one of the objects may rebound. However, for different objects, the speed and displacement of the rebound may be different. These differences are based on the physical parameters of the object, rather than the different animation effects pre-set by the developer for different objects. Since the motion animation of the object is related to the physical parameters of the object, in order to obtain differentiated motion animations between different objects and make the motion animation of the object more consistent with the motion process of objects in the real world, it is necessary to give each object personalized physical parameters. The user's perception of objects in the user interface comes from the appearance parameters of the objects, such as the color of the pixels in the object, the transparency of the object, etc. Therefore, personalized physical parameters for each object can be generated based on the appearance parameters of each object.

In the method for generating animation of objects in an interface provided in an embodiment of the present application, it is first necessary to generate physical parameters of the object based on the appearance parameters of the object; then, generate motion parameters of the object according to the physical parameters of the object and the initial parameters of the object; finally, generate motion animation of the object according to the motion parameters of the object.

Based on the above understanding, at least two objects of the same type can be displayed in the user interface, such as application A (which can be the calendar icon shown in FIG. 4 ) and application C (which can be the calculator icon shown in FIG. 4 ) in the second user interface shown in FIG. 1 . Since application A and application C are both icons of APP, application A and application C are of the same type. Since application A and application C are icons of different APPs, application A and application C have different appearances (the appearance difference related to color is not shown in FIG. 4 ).

When the user pushes right on application A, application A moves to the right and hits application B, then is rebounded and moves to the left, while application B remains stationary. The rebound movement of application A can be illustrated by the motion animation of object A shown in FIG5(b). After the collision, application A rebounds and moves in the opposite direction of its original motion direction. The motion animation of the collided application B can be illustrated by the motion animation of object B shown in FIG5(b), while application B remains stationary.

When the user pushes application C to the left, application C moves to the left and hits application B, then application C continues to move to the left, and application B also moves to the left. The motion animation of application C can be illustrated with reference to the motion animation of object A shown in FIG5(c). After the collision, application C moves in the same direction as the original motion direction. The motion animation of the collided application B can be illustrated with reference to the motion animation of object B shown in FIG5(c). Application B and application C maintain the same direction of motion. The user's operation on application A is a push operation to the right, and the user's operation on application C is a push operation to the left. Although there are differences in the operation directions, they are both push operations, so the user's push operation on application A to the right and the user's push operation on application C to the left are the same operation. The above operation process can be understood as giving application A and application C the same thrust value or the same initial velocity value.

It can be understood from the motion animation of object A and object B shown in Figure 5(b) and the motion animation of object A and object B shown in Figure 5(c) that when the same operation is applied to application A and application C, and the objects that application A and application C collide with are also the same, the motion animations generated by application A and application C are different.

The reason for the different motion animations is that the appearance of application A makes application A look like a lighter object in the real world. The appearance of application C makes application C look like a heavier object in the real world. In the real world, the collision of these two objects with the same object may produce different motions. Therefore, the method for generating animations of objects in the interface provided by the embodiment of the present application can generate differentiated animations based on the differences in appearance between objects; and the generated animations of objects are closer to the motions of objects in the real world.

How to obtain the mass or other physical parameters of the object according to the appearance of the object in the above embodiment can refer to the description of the subsequent embodiments.

As another embodiment, the application A and application D displayed in the second interface shown in FIG1 are both APP icons, that is, they are of the same type. Since the appearances of application A and application D are different, when the user presses on application A and application B respectively, application A may rebound twice after being pressed, and application B may rebound four times after being pressed. That is, the motion animations generated for the same operation by application A and application D with different appearances are different. For the generation process of the motion animation of pressing and rebounding, please refer to the description in the subsequent embodiments.

It should be noted that the application scenario shown in FIG. 1 is only an example. In actual applications, there may be other application scenarios. The embodiment of the present application does not limit the application scenario of the animation generation method of objects in the interface.

The embodiment of the present application provides a method for generating animation of an object in an interface, which can be applied to electronic devices. The electronic device can be: a mobile phone, a tablet computer, a wearable device, a vehicle-mounted device, a smart speaker, a smart screen, an augmented reality (AR)/virtual reality (VR) device, a laptop computer, an ultra-mobile personal computer (UMPC), a netbook, a personal digital assistant (PDA), and other electronic devices. The embodiment of the present application does not limit the specific type of electronic device.

2 shows a schematic diagram of the structure of an electronic device. The electronic device 200 may include a processor 210, an external memory interface 220, an internal memory 221, a universal serial bus (USB) interface 230, a charging management module 240, a power management module 241, a battery 242, an antenna 1, an antenna 2, a mobile communication module 250, a wireless communication module 260, an audio module 270, a speaker 270A, a receiver 270B, a microphone 270C, an earphone interface 270D, a sensor module 280, a motor 291, a camera 293, a display screen 294, and a subscriber identification module (SIM) card interface 295, etc. The sensor module 280 may include a pressure sensor 280A, a gyroscope sensor 280B, an acceleration sensor 280E, a touch sensor 280K, etc.

It is to be understood that the structure illustrated in the embodiment of the present application does not constitute a specific limitation on the electronic device 200. In other embodiments of the present application, the electronic device 200 may include more or fewer components than shown in the figure, or combine some components, or split some components, or arrange the components differently. The components shown in the figure may be implemented in hardware, software, or a combination of software and hardware.

The processor 210 may include one or more processing units, for example: the processor 210 may include an application processor (application processor, AP), a modem processor, a graphics processor (graphics processing unit, GPU), an image signal processor (image signal processor, ISP), a controller, a memory, a video codec, a digital signal processor (digital signal processor, DSP), a baseband processor, and/or a neural-network processing unit (neural-network processing unit, NPU), etc. Among them, different processing units can be independent devices or integrated in one or more processors. For example, the processor 210 is used to execute the animation generation method of the object in the interface in the embodiment of the present application.

The controller may be the nerve center and command center of the electronic device 200. The controller may generate an operation control signal according to the instruction operation code and the timing signal to complete the control of fetching and executing instructions.

The processor 210 may also be provided with a memory for storing instructions and data. In some embodiments, the memory in the processor 210 is a cache memory. The memory may store instructions or data that the processor 210 has just used or cyclically used. If the processor 210 needs to use the instruction or data again, it may be directly called from the memory. This avoids repeated access, reduces the waiting time of the processor 210, and thus improves the efficiency of the system.

In some embodiments, the processor 210 may include one or more interfaces, which may include a subscriber identity module (SIM) interface and/or a universal serial bus (USB) interface.

The USB interface 230 is an interface that complies with the USB standard specification, and specifically can be a Mini USB interface, a Micro USB interface, a USB Type C interface, etc. The USB interface 230 can be used to connect a charger to charge the electronic device 200, and can also be used to transfer data between the electronic device 200 and a peripheral device. It can also be used to connect headphones to play audio through the headphones. The interface can also be used to connect other electronic devices, such as AR devices, etc.

The external memory interface 220 can be used to connect an external memory card, such as a Micro SD card, to expand the storage capacity of the electronic device 200. The external memory card communicates with the processor 210 through the external memory interface 220 to implement a data storage function, such as storing music, video and other files in the external memory card.

The internal memory 221 may be used to store computer executable program codes, which may include instructions. The processor 210 executes various functional applications and data processing of the electronic device 200 by running the instructions stored in the internal memory 221. The internal memory 221 may include a program storage area and a data storage area.

In addition, the internal memory 221 may include a high-speed random access memory and may also include a non-volatile memory, such as at least one disk storage device, a flash memory device, a universal flash storage (UFS), etc.

The charging management module 240 is used to receive charging input from a charger. The charger may be a wireless charger or a wired charger. In some wired charging embodiments, the charging management module 240 may receive charging input from a wired charger through the USB interface 230. In some wireless charging embodiments, the charging management module 240 may receive wireless charging input through a wireless charging coil of the electronic device 200. While the charging management module 240 is charging the battery 242, it may also power the electronic device through the power management module 241.

The power management module 241 is used to connect the battery 242, the charging management module 240 and the processor 210. The power management module 241 receives input from the battery 242 and/or the charging management module 240, and supplies power to the processor 210, the internal memory 221, the external memory, the display screen 294, the camera 293, and the wireless communication module 260. The power management module 241 can also be used to monitor parameters such as battery capacity, battery cycle number, and battery health status (leakage, impedance).

In some other embodiments, the power management module 241 may also be disposed in the processor 210. In some other embodiments, the power management module 241 and the charging management module 240 may also be disposed in the same device.

The wireless communication function of the electronic device 200 can be implemented through the antenna 1, the antenna 2, the mobile communication module 250, the wireless communication module 260, the modem processor and the baseband processor.

Antenna 1 and antenna 2 are used to transmit and receive electromagnetic wave signals. Each antenna in the electronic device 200 can be used to cover a single or multiple communication frequency bands. Different antennas can also be reused to improve the utilization of the antennas. For example, antenna 1 can be reused as a diversity antenna for a wireless local area network. In some other embodiments, the antenna can be used in combination with a tuning switch.

The mobile communication module 250 can provide solutions for wireless communications including 2G/3G/4G/5G, etc., applied to the electronic device 200. The mobile communication module 250 may include at least one filter, a switch, a power amplifier, a low noise amplifier (LNA), etc. The mobile communication module 250 can receive electromagnetic waves from the antenna 1, and filter, amplify, etc. the received electromagnetic waves, and transmit them to the modulation and demodulation processor for demodulation. The mobile communication module 250 can also amplify the signal modulated by the modulation and demodulation processor, and convert it into electromagnetic waves for radiation through the antenna 1.

The modem processor may include a modulator and a demodulator. Among them, the modulator is used to modulate the low-frequency baseband signal to be sent into a medium-high frequency signal. The demodulator is used to demodulate the received electromagnetic wave signal into a low-frequency baseband signal. The demodulator then transmits the demodulated low-frequency baseband signal to the baseband processor for processing. After the low-frequency baseband signal is processed by the baseband processor, it is passed to the application processor. The application processor outputs a sound signal through an audio device (not limited to a speaker 270A, a receiver 270B, etc.), or displays an image or video through a display screen 294. In some embodiments, the modem processor may be an independent device. In other embodiments, the modem processor may be independent of the processor 210 and be set in the same device as the mobile communication module 250 or other functional modules.

The wireless communication module 260 can provide wireless communication solutions including wireless local area networks (WLAN) (such as wireless fidelity (Wi-Fi) networks), bluetooth (BT), global navigation satellite system (GNSS), frequency modulation (FM), near field communication (NFC), infrared (IR), etc., which are applied to the electronic device 200. The wireless communication module 260 can be one or more devices integrating at least one communication processing module. The wireless communication module 260 receives electromagnetic waves via the antenna 2, modulates the frequency of the electromagnetic wave signal and performs filtering processing, and sends the processed signal to the processor 210. The wireless communication module 260 can also receive the signal to be sent from the processor 210, modulate the frequency of it, amplify it, and convert it into electromagnetic waves for radiation through the antenna 2.

In some embodiments, the antenna 1 of the electronic device 200 is coupled to the mobile communication module 250, and the antenna 2 is coupled to the wireless communication module 260, so that the electronic device 200 can communicate with the network and other devices through wireless communication technology. The wireless communication technology may include global system for mobile communications (GSM), general packet radio service (GPRS), code division multiple access (CDMA), wideband code division multiple access (WCDMA), time-division code division multiple access (TD-SCDMA), long term evolution (LTE), BT, GNSS, WLAN, NFC, FM, and/or IR technology, etc. GNSS may include the global positioning system (GPS), the global navigation satellite system (GLONASS), the Beidou navigation satellite system (BDS), the quasi-zenith satellite system (QZSS) and/or the satellite based augmentation system (SBAS).

The electronic device 200 implements the display function through a GPU, a display screen 294, and an application processor. The GPU is a microprocessor for image processing, which connects the display screen 294 and the application processor. The GPU is used to perform mathematical and geometric calculations for graphics rendering. The processor 210 may include one or more GPUs, which execute program instructions to generate or change display information.

The display screen 294 is used to display images, videos, etc. The display screen 294 includes a display panel. The display panel can be a liquid crystal display (LCD), an organic light-emitting diode (OLED), an active-matrix organic light-emitting diode or an active-matrix organic light-emitting diode (AMOLED), a flexible light-emitting diode (FLED), Miniled, MicroLed, Micro-oLed, a quantum dot light-emitting diode (QLED), etc. In some embodiments, the electronic device 200 may include 1 or N display screens 294, where N is a positive integer greater than 1. As an example, the display screen of the electronic device can display a user interface.

The electronic device 200 can implement audio functions such as music playing and recording through the audio module 270, the speaker 270A, the receiver 270B, the microphone 270C, the headphone jack 270D, and the application processor.

The audio module 270 is used to convert digital audio signals into analog audio signals for output, and is also used to convert analog audio inputs into digital audio signals. The audio module 270 can also be used to encode and decode audio signals. In some embodiments, the audio module 270 can be arranged in the processor 210, or some functional modules of the audio module 270 can be arranged in the processor 210.

The speaker 270A, also called a "speaker", is used to convert an audio electrical signal into a sound signal. The electronic device 200 can listen to music or listen to a hands-free call through the speaker 270A.

The receiver 270B, also called a "earpiece", is used to convert audio electrical signals into sound signals. When the electronic device 200 receives a call or voice message, the voice can be received by placing the receiver 270B close to the human ear.

Microphone 270C, also called "microphone" or "microphone", is used to convert sound signals into electrical signals. When making a call or sending a voice message, the user can speak by putting their mouth close to the microphone 270C to input the sound signal into the microphone 270C. The electronic device 200 can be provided with at least one microphone 270C. In other embodiments, the electronic device 200 can be provided with two microphones 270C, which can not only collect sound signals but also realize noise reduction function. In other embodiments, the electronic device 200 can also be provided with three, four or more microphones 270C to realize the collection of sound signals, noise reduction, identification of sound sources, realization of directional recording functions, etc. For example, the microphone 270C can be used to collect audio signals involved in the embodiments of the present application.

The earphone interface 270D is used to connect a wired earphone and can be a USB interface 230 or a 3.5 mm open mobile terminal platform (OMTP) standard interface or a cellular telecommunications industry association of the USA (CTIA) standard interface.

The pressure sensor 280A is used to sense the pressure signal and can convert the pressure signal into an electrical signal. In some embodiments, the pressure sensor 280A can be set on the display screen 294. There are many types of pressure sensors 280A, such as resistive pressure sensors, inductive pressure sensors, capacitive pressure sensors, etc. A capacitive pressure sensor can be a parallel plate including at least two conductive materials. When a force acts on the pressure sensor 280A, the capacitance between the electrodes changes. The electronic device 200 determines the intensity of the pressure based on the change in capacitance. When a touch operation acts on the display screen 294, the electronic device 200 detects the intensity of the touch operation according to the pressure sensor 280A, thereby generating an external force acting on the object in the interface, so that the object in the interface produces a corresponding movement based on the external force.

The gyro sensor 280B can be used to determine the motion posture of the electronic device 200. In some embodiments, the angular velocity of the electronic device 200 around three axes (i.e., x, y, and z axes) can be determined by the gyro sensor 280B. The gyro sensor 280B can be used for anti-shake shooting. Exemplarily, when the shutter is pressed, the gyro sensor 280B detects the angle of the electronic device 200 shaking, calculates the distance that the lens module needs to compensate based on the angle, and allows the lens to offset the shaking of the electronic device 200 through reverse movement to achieve anti-shake. The gyro sensor 280B can also be used for navigation and somatosensory game scenes. As an example, the user can adjust the posture of the electronic device 200 so that the freely moving objects in the interface produce corresponding movements based on their own gravity.

The acceleration sensor 280E can detect the magnitude of the acceleration of the electronic device 200 in various directions (generally three axes). When the electronic device 200 is stationary, the magnitude and direction of gravity can be detected. As an example, the user can adjust the acceleration of the electronic device 200 and apply corresponding acceleration to the objects moving freely in the interface, so that the objects moving freely in the interface generate corresponding movements based on the acceleration.

The touch sensor 280K is also called a "touch panel". The touch sensor 280K can be set on the display screen 294, and the touch sensor 280K and the display screen 294 form a touch screen, also called a "touch screen". The touch sensor 280K is used to detect touch operations acting on or near it. The touch sensor can pass the detected touch operation to the application processor to determine the type of touch event. Visual output related to the touch operation can be provided through the display screen 294. As an example, the electronic device 200 can detect the position of the external force applied by the user to the object through the touch sensor, so that the object in the interface produces corresponding movement based on the position of the external force.

Motor 291 can generate vibration prompts. Motor 291 can be used for incoming call vibration prompts, and can also be used for touch vibration feedback. For example, touch operations acting on different applications (such as taking pictures, audio playback, etc.) can correspond to different vibration feedback effects. For touch operations acting on different areas of the display screen 294, motor 291 can also correspond to different vibration feedback effects. As an example, the electronic device 200 can generate corresponding vibration effects based on the motion animation of objects in the interface. For example, when two objects collide, a vibration feedback effect can be generated.

The SIM card interface 295 is used to connect a SIM card. The SIM card can be connected to and separated from the electronic device 200 by inserting it into the SIM card interface 295 or pulling it out from the SIM card interface 295. The electronic device 200 can support 1 or N SIM card interfaces, where N is a positive integer greater than 1. The SIM card interface 295 can support Nano SIM cards, Micro SIM cards, SIM cards, and the like. Multiple cards can be inserted into the same SIM card interface 295 at the same time. The types of the multiple cards can be the same or different. The SIM card interface 295 can also be compatible with different types of SIM cards. The SIM card interface 295 can also be compatible with external memory cards. The electronic device 200 interacts with the network through the SIM card to implement functions such as calls and data communications. In some embodiments, the electronic device 200 uses an eSIM, i.e., an embedded SIM card. The eSIM card can be embedded in the electronic device 200 and cannot be separated from the electronic device 200.

The embodiments of the present application do not particularly limit the specific structure of the execution subject of the method for generating an animation of an object in an interface. As long as the program that records the method for generating an animation of an object in an interface provided by the embodiments of the present application can be run to communicate according to the method for generating an animation of an object in an interface provided by the embodiments of the present application. For example, the execution subject of the method for generating an animation of an object in an interface provided by the embodiments of the present application may be a functional module in an electronic device that can call and execute a program, or a communication device applied to an electronic device, such as a chip.

The embodiment of the present application takes a scenario in which an electronic device generates a motion animation of an object on a user interface after an operation is performed on the object on the user interface as an example to describe the process of generating the motion animation of the object.

3 is a flow chart of a method for generating animation of an object in an interface provided by an embodiment of the present application. As shown in the figure, the method includes:

Step 301: An operation on an object is detected.

As shown in Figure 1, the object in the user interface can be an application icon in the main interface, or a contact's business card in the contact interface. In actual applications, the object in the user interface can be an element with color features and boundaries in the user interface, such as an icon, text with a boundary box, an image, and various controls.

Detecting an operation acting on the object may be detecting a gesture operation acting on the object, for example, detecting a drag operation, a press operation, etc., acting on the object.

Detecting an operation on an object may also be detecting an operation on the object by other objects. For example, if object A collides with object B during movement, detecting an operation on object B may be detecting a collision of object A with object B.

Step 302: Acquire appearance parameters of the object, and assign physical parameters to the object according to the appearance parameters of the object.

In the embodiment of the present application, the display screen of the electronic device can present a user interface, and the embodiment of the present application regards the objects in the user interface as objects in the real world. Since objects in the real world have some physical parameters, such as mass, center of gravity, stiffness, etc. Therefore, if the objects in the user interface of the electronic device are to have a motion process similar to that in the real world, some physical parameters need to be assigned to the objects in the user interface of the electronic device.

In order to improve the user's interactive experience, physical parameters can be assigned to objects from the perspective of the user's perception of the object. The user's perception of the object in the user interface comes from the appearance of the object, such as the color of the object, the color distribution of the object, the transparency of the object, the blurriness of the object, etc. In order to enable the processor of the electronic device to obtain the appearance of the object, the color of the pixel points in the object, the coordinates of the pixel points in the object, the transparency of the object, the blurriness of the object, etc. can be obtained. In the embodiment of the present application, these parameters are recorded as the appearance parameters of the object.

For example, the darker the color of the object, the greater the unit mass of the object. For example, the color of the object is divided into multiple levels, and different levels correspond to different unit masses. Alternatively, a functional relationship between the unit mass of the object and the color of the object is set, and the unit mass of the object is generated through the functional relationship and the color of the object.

As another example, the more blurred the object is, the greater the roughness of the object is, and the greater the friction coefficient is when the object rubs against other objects. A functional relationship between the friction coefficient between the object and the background where the object is located and the blurriness of the object and the blurriness of the background can also be set, and the friction coefficient between the object and the background is obtained through the functional relationship and the blurriness of the object and the blurriness of the background.

The above process of assigning physical parameters to an object according to the appearance parameters of the object is only for example. For the process of assigning different physical parameters to an object according to different appearance parameters of the object, reference may be made to the description in subsequent embodiments.

Step 303, obtaining initial parameters of the object.

In the real world, an object may move when it is acted upon by an external force. The external force acting on the object may be the initial parameter of the object.

As an example, when the operation on the object is a pressing operation, the initial parameter of the object may be the value of the pressing force applied to the object (this value may be a fixed value or may be obtained based on parameters such as the force area of the pressing operation), or the initial parameter of the object may be the position of the pressing force applied to the object. When the operation on the object is a pushing operation, the initial parameter of the object may be the thrust generated based on the pushing distance of the pushing operation.

In some embodiments, to simplify the process of generating a motion animation of an object, an initial velocity may be assigned to the object as an initial parameter of the object.

As an example, when the operation on the object is a push operation, the initial parameter of the object may be the initial velocity of the object. After the user stops pushing, the object moves at a constant speed at the initial velocity, or the object decelerates at the initial velocity according to the friction force. When the object moves at a constant speed at the initial velocity, if there is another object on the motion trajectory of the object, the object collides with the other object.

The initial parameters of the object may also be other parameters, and the details may refer to the description in the subsequent embodiments.

Step 304: Generate a motion animation of the object based on the physical parameters of the object and the initial parameters of the object.

The movement of an object is not limited to displacement in a narrow sense, but may also be deformation of the object. That is, as long as the position and/or shape of the object changes, the object is considered to have moved.

Taking the movement of an object that produces displacement as an example, the object may also be affected by air resistance, friction, etc. during the movement. In practical applications, the object's inherent mass, center of gravity, and stiffness and other parameters can be recorded as the object's static physical parameters, and the friction and air resistance that accompany the object's movement during the displacement can be recorded as the object's dynamic physical parameters. Of course, since friction and air resistance are only considered in motion animations of specific animation scenes, the object's inherent weight, center of gravity, and stiffness and other parameters can also be recorded as the object's physical parameters, while friction and air resistance are used as force parameters in specific animation scenes. The embodiments of the present application do not limit the division of these parameters.

In actual applications, the motion models (composed of one or more mathematical formulas) set in different animation scenes (for example, the object's pressing rebound scene, the object's pressing tilt scene, and the object's pressing deformation scene) may be different, resulting in different required physical parameters. Even in the same animation scene, due to the difference in the motion models used, the physical parameters used in the animation scene may be different. In view of the above understanding, in some embodiments of animation scenes, some or all of the above physical parameters may be used, and other physical parameters other than the above physical parameters may also be used, and this application does not limit this.

The motion animation of an object is usually reflected in at least two aspects: position and shape. Therefore, when there are multiple objects in a user interface, some objects can be set to be objects with unfixed positions and shapes, some objects to be objects with fixed positions and shapes, and some objects to be objects with fixed shapes or fixed positions. Applying external force to an object with unfixed position causes the object to produce animation related to position change; applying external force to an object with unfixed shape causes the object to produce animation related to shape change; when a user applies external force to an object with fixed position and fixed shape, the object with fixed position and fixed shape will not produce motion animation.

In addition, different animation scenes can be set for different objects. For example, if there is a spring under the contact business card, the animation scene set for the contact business card is a press-rebound scene; if the application icon is set to have a lower stiffness, the animation scene set for the application icon is a press-deformation scene.

Of course, in actual applications, different animation scenes can also be set for user gestures on objects. For example, a press-rebound scene can be set for the user's click gesture on the application icon, and a scene of movement along the sliding direction can be set for the user's sliding gesture on the application icon. When there are other objects along the sliding direction, the application icon can collide with other objects.

Of course, there may be other situations. When an object is affected by other objects, the motion scene of the object can be determined based on the motion state of the other objects. For example, it can be set that when an object (object A) is hit by another object (object B), the motion animation in which object A participates can be set as a collision scene (referred to as scene 1).

When the first operation acting on an object (object A) is a user gesture, object A may be set to a press and tilt scene (scenario 2 for short).

It can be understood from scenes 1 and 2 that different motion models (one or more mathematical formulas constitute the motion model) are used in different animation scenes. At the same time, since the movement of objects in the real world is a relatively complex motion process, in the process of generating the motion parameters of the object in the animation scene, the existing motion model may be improved or reset to a motion model that conforms to the animation scene to reduce the amount of calculation of the processor. The embodiment of the present application does not limit the motion model used.

As mentioned above, the motion model of the object can be composed of one or more mathematical formulas, the input parameters in the motion model include the physical parameters of the object (such as mass, stiffness, center of gravity, etc.) and the initial parameters of the object (such as the force acting on the object, the initial speed of the object, etc.), and the output parameters of the motion model include the motion parameters of the object (such as the speed of the object changing over time, the displacement changing over time, the deformation area of the object, etc.). According to the motion model composed of one or more mathematical formulas, as well as the physical parameters and initial parameters of the object, the motion parameters of the object can be obtained. The process of generating the motion parameters of the object can refer to the description in the subsequent embodiments. After obtaining the motion parameters of the object, the motion animation of the object can be obtained by simulation based on the motion parameters of the object. During the simulation, different animation engines may be used, and the corresponding motion parameters are set in the animation engine. By changing the motion parameters in the animation engine, the motion animation of the object is obtained by simulation.

In an embodiment of the present application, the appearance parameters of an object may include: the color of a pixel in the object, the coordinates of a pixel in the object, the area or volume of the object, the theme color in the user interface where the object is located, the transparency of the object, the blurriness of the object, etc. It can be understood from the description of the appearance parameters of the object that the appearance parameters of the object are parameters that can intuitively observe the differences between different objects from the user's visual perspective. The embodiment of the present application assigns physical parameters to the object based on the appearance parameters of the object, so that the physical parameters of the object follow the visual perception of the user in the real world. The motion parameters of the object generated by the physical parameters of the object can be more consistent with the motion process of the object in the real world. Therefore, the motion animation of the object obtained by the embodiment of the present application can not only provide differentiated animation effects between different objects; it can also make the generated motion animation of the object more consistent with the motion process of the object in the real world, thereby improving the user's interactive experience.

The implementation process of assigning physical parameters to the object according to the appearance parameters of the object in step 302 will be described below.

Taking the mass of an object as an example, a method of assigning the mass of an object in a user interface based on the appearance parameters of the object is described.

From life experience, the darker the color of an object, the greater the mass of the object. Therefore, the mass of the object can be calculated based on the color of the pixel points in the object.

In the interface where the object is located, there may be a light theme background and a dark theme background. In a light theme background, the greater the difference between the color of the object in the user interface and the color of the theme background, the greater the quality of the object; conversely, in a dark theme background, the greater the difference between the color of the object in the user interface and the color of the theme background, the greater the quality of the object. Therefore, the quality of the object can be calculated based on the first difference between the color of each pixel in the object and the theme color of the user interface where the object is located. In practical applications, a function that can represent the difference between two values (the color value of the pixel and the theme color value) can be used as a calculation model for the quality of the object.

As an example, the mass of each pixel in the object may be calculated by the following functional relationship, and then the mass of the object may be generated according to the mass of each pixel.

or,

Among them, _mi represents the quality of the i-th pixel in the object, _ai represents the color of the i-th pixel in the object, and b represents the color of the theme of the user interface.

In actual applications, the colors of the user interface theme can be pre-set into two categories, namely, light theme and dark theme. The color value of the light theme is a value represented by white, for example, 0XFFFFFF; the color value of the dark theme is a value represented by black, for example, 0X000000.

When the theme in the user interface of an electronic device is a user-defined picture, the theme picture can also be first generated into a grayscale image, the grayscale mean of the pixels in the grayscale image is calculated, and a grayscale threshold is set. When the grayscale mean of the theme picture is greater than the grayscale threshold, the current theme is considered to be a light theme. When the grayscale mean of the theme picture is less than the grayscale threshold, the current theme is considered to be a dark theme.

After calculating the mass of each pixel in the object, the mass of each pixel calculated can also be normalized:

m _i '=(m _i -μ)/(m _max -m _min );

Wherein, _mi ' represents the normalized quality of the i-th pixel in the object, μ is a self-defined constant, _mmax represents the maximum value of the color, which can be set to 0XFFFFFF, and _mmin represents the minimum value of the color, which can be set to 0X000000.

If μ=0, the normalized quality of each pixel is in the range of 0 to 1. Therefore, the normalized quality range of the pixel can be adjusted by the constant μ.

For objects in the real world, the larger the volume, the greater the mass of the object. Correspondingly, for two-dimensional objects, the larger the area, the greater the mass of the object. Objects in the user interface presented by the display screen of an electronic device are usually displayed in a plane. It can be understood that the objects in the user interface are two-dimensional objects. Therefore, the mass of an object in the user interface is related to the area of the object in the user interface. The mass of an object can be calculated in the following way.

Where M represents the mass of the object, _mi ' represents the normalized mass of the i-th pixel in the object, and n represents the number of pixels in the object.

From the user's visual perspective, the more transparent the object, the lighter it is. Therefore, the quality of objects in the user interface is also related to the transparency of the object.

Based on the above analysis, it can be concluded that when considering the impact of object transparency on quality,

Among them, K represents transparency. K can take a value in the range of 0-1. The more transparent the object is, the smaller K is, and the lighter the mass of the object is. Of course, in practical applications, other functional relationships can also be used to express the positive relationship between transparency and the mass of the object.

The transparency of the object can be obtained by calling the transparency parameter inside the system. For example, there is an option to set the transparency of the object in the setting interface of the electronic device, and the user can set the transparency through this option. When it is necessary to give mass to the object and the influence of transparency on the mass needs to be considered, the transparency value set by the user in the transparency setting option can be obtained.

Of course, if the system does not set the transparency of the object, the transparency of the object may be assumed to be a preset constant value, for example, K may be 1.

For the convenience of distinction, the quality of the object generated without considering the transparency of the object may be recorded as the first quality value, and the quality of the object generated with considering the transparency of the object may be recorded as the second quality value. In practical applications, the first quality value or the second quality value may be considered as the quality parameter of the object according to specific circumstances.

Taking the center of gravity of an object as an example, a method of assigning the center of gravity of an object in a user interface based on the appearance parameters of the object is described.

As mentioned above, the mass of each pixel in the object can be calculated, and the coordinates of each pixel in the object can be obtained, that is, the mass distribution of the object is known. Therefore, the center of gravity of the object can be calculated based on the mass of each pixel in the object and the mass distribution of the object.

When calculating the center of gravity of an object, an iterative method can be used. The specific process is as follows:

In two-dimensional space, a spatial rectangular coordinate system O-XY is used. The object can be differentiated into n particles (or n pixels), the coordinates of the ith particle are ( _xi , _yi ), the mass of the ith particle is _mi ', and the mass of the object is M = _m1 '+...+ _mi '+...+ _mn '.

The coordinates of the center of gravity of the object are G(x,y), which are calculated by the following formula.

x＝(x ₁ m ₁ '+...+x _i m _i '+...+x _n m _n ')/M;

y=(y ₁ m ₁ '+...+y _i m _i '+...+y _n m _n ')/M.

In the above formula, the normalized mass of each pixel is used to calculate the coordinates of the center of gravity. In practical applications, the mass of each pixel before normalization may also be used.

Of course, in practical applications, if the animation effect of a three-dimensional object in a three-dimensional space is to be realized in the user interface presented by the display screen of the electronic device, the spatial rectangular coordinate system O-XYZ can also be determined in the space where the three-dimensional object is located. The object can be differentiated into n particles (or n pixels), the coordinates of the i-th particle are ( _xi , _yi , _zi ), the mass of the i-th particle is _mi ', and the mass of the object is M = _m1 '+...+ _mi '+...+ _mn '.

The coordinates of the center of gravity of the object are G(x,y,z), which are calculated by the following formula.

x＝(x ₁ m ₁ '+...+x _i m _i '+...+x _n m _n ')/M;

y＝(y ₁ m ₁ '+...+y _i m _i '+...+y _n m _n ')/M;

z=(z ₁ m ₁ '+...+z _i m _i '+...+z _n m _n ')/M.

In the above formula, the normalized mass of each pixel is used to calculate the coordinates of the center of gravity. In practical applications, the mass of each pixel before normalization may also be used.

Taking the stiffness of an object as an example, a method of assigning stiffness to an object in a user interface based on appearance parameters of the object is described.

Generally, stiffness has a certain relationship with the unit mass of an object. For example, cotton and iron block have the same area and volume. Cotton has a lighter mass and smaller stiffness, while iron block has a heavier mass and larger stiffness. Therefore, in order to obtain animation effects similar to the real world, the larger the unit mass of an object, the greater the stiffness; conversely, the smaller the unit mass of an object, the smaller the stiffness. That is, the stiffness of an object is positively correlated with its unit mass.

In addition, the color of an object is also related to its rigidity. In the real world, the darker the color of an object, the heavier it feels to the user, and the greater the rigidity. In a light theme background, the greater the difference between the outer border color of the object and the theme color of the user interface, the greater the rigidity of the object; in a dark theme background, the greater the difference between the outer border color of the object and the theme color of the user interface, the greater the rigidity of the object. That is, the rigidity of an object is positively correlated with the difference between the outer border of the object and the theme color of the user interface.

Based on the above analysis, it can be concluded that the stiffness of objects in the user interface is:

G = |bc| × _kG × _Ms ;

Wherein, G represents the stiffness of the object, b represents the color of the user interface theme, c represents the color of the outer frame of the object, _kG represents the stiffness conversion coefficient, and _Ms represents the unit mass of the object. For ease of description, the difference between the color of the outer frame of the object and the theme color of the user interface where the object is located is recorded as the second difference.

The stiffness conversion coefficient k _G may be a preset positive number, and the stiffness conversion coefficient is set to make the stiffness value of the object obtained by calculation within a reasonable range. For example, the stiffness value of commonly used metals in nature is in the order of 10 ⁵ MPa, and through the stiffness conversion coefficient, the stiffness value of the object obtained by calculation is also in the order of 10 ⁵ MPa.

As mentioned above, the colors of the user interface theme can be preset into two categories, namely, light theme and dark theme. The color value of the light theme is the value represented by white, for example, 0XFFFFFF; the color value of the dark theme is the value represented by black, for example, 0X000000. c can be the average value of the pixels in the outer border range of the object (for example, the outer border range of the calendar icon in Figure 4). If the outer border range of the object does not have a fixed area, the outer border range (the range between the outermost border of the calculator icon in Figure 4 and the dotted line) extending inward from the outermost boundary of the object can be used as the average value of the pixels in the outer border range as the color of the outer border of the object. The preset width can be set.

When the object is a two-dimensional element, _Ms = M/S, where S represents the area of the object; when the object is a three-dimensional element, _Ms = M/V, where V represents the volume of the object. The stiffness conversion factor is used to adjust the stiffness value of the object. In practical applications, the stiffness conversion factor _kG can also be set to 1.

In addition, you can also set the stiffness of the object to be positively correlated with the transparency. You can set the transparency of the object to K, and the stiffness of the object is:

G = |bc| × K × k _G × _Ms.

The value and acquisition method of the transparency K of the object may refer to the description of the transparency of the object when the mass value of the object is generated.

Secondly, the stiffness of an object may also be related to the blurriness (or clarity) of the object in the user interface. When the object itself has a blurry effect, it will produce a feeling similar to cotton absorbing energy, which will reduce the stiffness of the object. Therefore, considering the influence of blurriness, the stiffness of the object is expressed as follows:

G = |bc| × K × _kG × _Ms ×A.

Where A represents the blurriness of the object.

In practical applications, A can be set to a value from 0 to 1. The blurrier the object, the smaller the value of A. The blurriness of the object can also be understood as the clarity of the object. The blurrier the object, the smaller the clarity of the object, and the smaller the rigidity of the object.

Of course, in practical applications, when assigning a stiffness value to an object, the influence of the blurriness of the object can also be considered without considering the influence of the transparency of the object. That is, the stiffness of the object can also be expressed as follows:

G = |bc| × _kG × _Ms ×A.

In practical applications, the blurriness of an object can be obtained as follows: if there is a setting interface for the blurriness (or clarity) of the object, the value of the blurriness in the setting interface can be obtained. If there is no setting interface for the user to set the blurriness of the object, the electronic device can take a screenshot to obtain an image of the object, and calculate the clarity of the image area of the object in the screenshot.

For the sake of convenience of description, the stiffness of an object generated without considering the transparency and blur of the object can be recorded as the first stiffness, the stiffness of an object generated considering the transparency of the object can be recorded as the second stiffness, the stiffness of an object generated considering the blur of the object can be recorded as the third stiffness, and the stiffness generated by considering both the transparency and blur of the object can be recorded as the fourth stiffness.

As mentioned above, some parameters are only generated in the motion where the position of the object changes, such as the friction force and air resistance of the object during the motion. These parameters may be related to the appearance parameters of the object or may not be related to the appearance parameters of the object.

The following describes a method for assigning dynamic physical parameters (or force parameters as described above) to an object in an animation scene where the position of the object changes.

Taking the friction acting on an object as an example, the method of adding friction to objects in the user interface is described.

In real-world motion scenes, friction is essential. Therefore, in order to obtain animation effects similar to those in real-world motion, friction needs to be added to the animation scene. In object animation scenes, the sliding friction acting on the object is usually considered. Therefore, sliding friction can be used as a physical parameter of the object.

In the user interface of an electronic device, the friction between an object and another object that moves relative to the object is mainly considered. When the object contacts the background in the user interface and moves relative to the background in the user interface, the other object is the background in the user interface.

In addition, the mass of the object usually affects the magnitude of the friction force, so it can be concluded that the friction force acting on the object is:

F _f =M×O _BE ;

Among them, _Ff is the friction force acting on the object, M is the mass of the object, and _OBE is the relative friction coefficient between the object and the background where the object is located.

The relative friction coefficient between an object and its background can be obtained as follows:

First, calculate the friction of the background angle where the object is located. Generally, the darker the color of the object, the greater the friction. In addition, since there are no completely smooth objects in the real world, the minimum value of the friction of the background angle needs to be set greater than 0. Based on the above description, the friction of the background angle where the object is located can be obtained:

B _f =e ₁ +|0XFFFFFF-d|×k _fB ;

Wherein, _Bf is the background friction, _e1 is the set minimum background friction, d is the color of the background where the object is located, and _kfB is the preset background friction conversion coefficient.

Among them, 0XFFFFFF is the value corresponding to white. Since there is no background object with a friction of 0 in nature, a positive number can be set as the minimum background friction. For example, the minimum background friction can be 0.001, 0.05, 0.2, 1, 1.2, etc. The embodiment of the present application does not limit the specific value of the minimum background friction.

The background friction conversion coefficient can adjust the value range of the obtained background friction so that the obtained background friction is of the same order of magnitude as the friction in the real world.

In practical applications, d is the mean color of the pixels in the background where the object is located. For example, when the object slides in a blue sky scene, the mean color of the pixels in the background where the object is located represents the mean color of the pixels in the blue sky scene. Alternatively, a number of pixels are randomly selected from the background where the object is located, and the mean of the selected pixels is calculated, and the mean is used as the mean color of the pixels in the background where the object is located.

Based on the calculation method of the friction at the background angle, the friction at the object angle can be obtained:

E _f =e ₂ +|0XFFFFFF-a|×k _fE ;

Where _Ef is the object friction, _e2 is the set minimum object friction, a is the background color of the object, and _kfE is the preset object friction conversion coefficient.

Among them, 0XFFFFFF is the value corresponding to white. Since there is no object with zero friction in nature, a positive number can be set as the minimum object friction. For example, the minimum object friction can be 0.001, 0.05, 0.2, 1, 1.2, etc. The embodiment of the present application does not limit the specific value of the minimum object friction.

The object friction conversion coefficient can adjust the value range of the obtained object friction so that the obtained object friction is of the same order of magnitude as the friction in the real world.

In practical applications, a can be the average color of the pixels in the object.

The background friction conversion coefficient and the object friction conversion coefficient may be equal.

The relative friction coefficient between an object and its background can be determined based on the background friction and the object friction. In practical applications, the relative friction coefficient (O _BE ) between the object and its background can be the product of the background friction and the object friction (B _f ×E _f ) or other data feature values.

In the real world, the rougher an object is, the greater the friction is. For objects in the user interface, the fuzziness of the object can also be understood as the roughness of the surface of the object in the real world. Therefore, friction is also related to the fuzziness of the object in the user interface.

Based on the above analysis, the friction force can be obtained as:

Among them, A represents the blurriness of the object, and the blurriness of the object can take a value between 0 and 1. The blurrier the object, the smaller the value of A and the greater the friction. Therefore, the blurriness of the object is inversely related to the friction.

In this example, the fuzziness of the object can refer to the above description, and the embodiments of the present application will not be repeated here. In addition, for the convenience of description, the friction of the object generated without considering the fuzziness of the object can be recorded as the first friction, and the friction of the object generated by considering the fuzziness of the object can be recorded as the second friction.

In the process of object movement in the real world, air resistance is inevitable. In order to make the motion animation effect of objects in the user interface closer to the motion effect in the real world, air resistance can also be added to the object's motion process to simulate the air resistance in the real world. Since the air resistance is attached to the object during the object's motion, the air resistance can be set as a physical parameter of the object. It can generally be understood that the faster the object moves, the greater the air resistance. For objects in the user interface, it can also be set that the faster the object moves, the greater the air resistance. Therefore, a positive relationship function between air resistance and motion speed can be set.

F _z = f(v);

Where _Fz represents the air resistance exerted on the moving object, and v represents the moving speed of the object.

Of course, in actual applications, a global resistance F _Q can also be set. The global resistance is a fixed resistance and can be set relatively small. Since the global resistance is relatively small, it has little effect on the animations participated in by objects in the interface, and the global resistance may not be configured.

In order to match different animation scenes, other parameters may be assigned to the object, or other motion models may be used to assign the above-mentioned physical parameters to the object, which is not limited in this embodiment of the present application.

After setting some physical parameters for the object in the user interface, the motion parameters of the object can be generated for the motion models set in different animation scenes. The embodiments of the present application will be described later by taking several animation scenes as examples to illustrate that different motion models can be used to obtain the motion parameters of the object in different animation scenes, thereby generating the motion animation of the object. Of course, in the same animation scene, different motion models can also be used to obtain the motion parameters of the object, thereby generating the motion animation of the object.

As an embodiment of the present application, in an animation in which an object in a user interface participates, there is often a process in which two or more objects come into contact and collide. In order to make the animation in which an object in a user interface participates similar to the motion of two objects after a collision in the real world, physical parameters of the object may be generated according to the appearance parameters of the object, and then motion parameters of the object may be generated based on the physical parameters of the object, thereby generating a motion animation of the object according to the motion parameters of the object.

Taking the collision between object A and object B as an example, the initial _{velocity of object A and object B after the collision can be calculated according to the law of conservation of momentum (MAvruA+MBvruB = MAvA0 + MBvB0 ) and the} law of conservation of kinetic energy ( ¹ / _2MAvruA2 + ¹ /2MBvruB2= ₁ ^/ _2MAvA02 + ¹ / _2MBvB02 ). Wherein, _vruA represents the velocity _of object A at the time of collision (first entry velocity ₎ , _vruB represents the velocity of _object B at the time of collision (second entry velocity), _vA0 represents the velocity of object A after the collision (first exit velocity), _{and vB0 represents} the velocity of object B after the collision (second exit velocity). After obtaining the velocity of object A after the collision, the instantaneous velocity of object A changing with time and the corresponding displacement can be obtained according to the friction force on object A and the velocity of object A after the collision with object A. The motion parameters of object A after the collision refer to the calculation process of the motion parameters of object A, which will not be repeated.

Of course, in practical applications, the above model may also be modified to form a new motion model to obtain the motion parameters of the object A and the object B in the application scenario.

As an example, as shown in FIG5(a), the user's gesture gives object A (a small black ball) a force in the direction of object B (the icon of application D), and object A moves toward object B, causing objects A and B to collide. The running scenario is that the moving object A collides with the stationary object B. The stationary object B may be an object with a non-fixed position or an object with a fixed position.

Taking the collision of a moving object A with a stationary object B as an example, the process of generating the motion animation of objects A and B after the collision between objects A and B is described.

1.1, generating physical parameters of object A according to the appearance parameters of object A, and generating physical parameters of object B according to the appearance parameters of object B;

In the animation scene, the physical parameters include: the mass of object A and the mass of object B, and the stiffness of object A and the stiffness of object B. The above description of assigning mass and stiffness to an object may be referred to.

1.2, obtain the instantaneous velocity v _ru (third input velocity) of object A before the collision between object A and object B;

In the embodiment of the present application, the movement from the current position of object A to the collision with object B can be divided into two stages:

In the first stage, before the user's finger is lifted from the touch screen of the electronic device, object A is subjected to a downward thrust and an upward friction force (the friction force imparted to the object as described above), and object A starts to move from rest. The thrust exerted on object A can be preset to a fixed value, and the upward friction force can be determined by the method of imparting friction force to the object as described in the above embodiment.

In the second stage, after the user lifts his finger from the touch screen of the electronic device, object A is subjected to an upward friction force, and object A begins to decelerate until it collides with object B.

Through the above description, the instantaneous velocity v _ru of object A before the collision between objects A and B can be obtained.

1.3, calculate the initial velocity v _A0 (third outgoing velocity) of object A and the initial velocity v _B0 (fourth outgoing velocity) of object B after the collision between objects A and B.

In the embodiment of the present application, the sum of the initial velocity v _A0 of object A and the initial velocity v _B0 of object B may be recorded as v _chu ;

Among them, v _chu =v _ru ×E _lose . E _lose represents the energy loss rate, and the energy absorption loss caused by collision is usually related to the physical rigidity characteristics. It is precisely because of the non-completely rigid characteristics of the object that the collision process will absorb energy. Therefore, it can be set:

E _lose =( _GA + _GB )/2× _Gmax , where _Gmax is the maximum constant of the user-defined stiffness.

Of course, in practical applications, object A and object B may also be set as completely rigid objects. In this case, there is no energy loss, and v _chu =v _ru .

After v _chu is calculated, v _chu needs to be assigned to object A and object B.

5( b ), when the object B is a fixed-position object, the velocity allocated to the object B is 0, and therefore, v _chu is entirely allocated to the object A, that is, v _A0 =v _chu , v _B0 =0.

5(c), when object B is an object with a non-fixed position, v _chu is allocated to object A and object B. In practical applications, v _chu can be allocated to object A and object B according to the relationship between the mass of object A and the mass of object B.

As an example,

Of course, there may also be an application scenario as shown in Figure 5(d). In this application scenario, in addition to calculating the initial velocity of object _A and object _{B after the collision by the law of conservation of momentum (MAvru = MAvA0 + MBvB0 ) and the law} ^of conservation of kinetic energy (1/ _2MAvru2 = ¹ / _{2MAvA02 +} ¹ / _2MBvB02 ), other motion models can also be used to calculate the initial velocity _of object A and object B after _the collision. The calculation process in this application scenario will not be given as an example.

1.4. Calculate the friction force F _fA and air drag F _zA on object A, and the friction force F _fB and air drag F _zB on object B.

This step may refer to the above description of imparting friction and air resistance to the object.

When the object B is an object whose position is not fixed, the friction force F _fB and the air resistance F _zB to which the object B is subjected need to be calculated.

When the object is a fixed position object, the movement of the object B after the collision does not need to be considered, and therefore the friction force F _fB and the air resistance F _zB on the object B do not need to be calculated.

1.5, calculate the velocity v _At of object A changing with time by v _At =v _A0 +a _At .

Here, the acceleration of the object A is a _A =F _fA +F _zA / _MA .

When the object B is an object with a non-fixed position, v _Bt =v _B0 +a _Bt is used to calculate the velocity v _Bt of the object B that changes with time, wherein the acceleration of the object B a _B =F _fB +F _zB / _MB .

Based on the above-calculated speeds (or displacements) of objects A and B changing with time, a post-collision motion animation that is closer to the real world can be constructed.

It can be understood from the above description that in the process of calculating the motion parameters after the collision between the object A and the object B, a suitable motion model can be selected according to the specific scene.

As another embodiment of the present application, in the real world, when there is a spring under some objects (or when the support on which the object is located has elastic force), when the user applies downward pressure to the object, the object will rebound. The present application embodiment takes this application scenario as an example to describe how to simulate a press-and-bounce animation close to that in the real world based on the appearance parameters of the object.

6(a) to 6(d), when a user presses an object in a user interface, assuming that there is elastic force in the user interface below the object, the object may rebound. Therefore, a contact card in the user interface is used to simulate a press rebound animation. Before generating the rebound animation, the physical parameters required for the rebound animation need to be calculated first.

2.1, the mass of the object is calculated based on its appearance parameters.

This step may refer to the process of assigning mass to an object as described above. The object may be Lily's business card as shown in FIG. 6( a ) to FIG. 6( d ).

2.2, based on the rebound degree and the mass of the object, calculate the rebound force acting on the object.

In practical applications, it can be considered that a spring is provided at the bottom of the object, and the user applies a pressing force to the object by pressing on the touch screen of the electronic device. In the case where a pressure sensor is provided in the touch screen of the electronic device, the user's pressing force on the screen collected by the pressure sensor can be set as the pressing force acting on the object. Of course, in the case where the touch screen of the electronic device is not provided with a pressure sensor, by pre-setting in the system when the touch screen monitors the user's contact point, the pressing force applied to the object can be obtained according to the pressing time (contact time) of the contact point or the contact area of the contact point. The longer the pressing time of the contact point of the user's gesture and the touch screen or the larger the contact area, the greater the corresponding pressing force, and the greater the degree to which the object is pressed downward (it can also be understood as the greater the compression distance of the spring).

Of course, the pressing force applied to the object may also be set to a fixed value in the system. In specific implementation, a suitable model for obtaining the pressing force applied to the object may be selected based on the processing capability of the processor of the electronic device.

Assuming that the pressing force acting on the object is F _Y and the gravity of the object is G _g , according to the principle that the action force and the reaction force are equal, the rebound force acting on the object can be obtained as _FT = F _Y + G _g .

As another embodiment of the present application, a rebound K _T in the opposite direction to the pressing direction may be set. Since the rebound needs to overcome the gravity of the object to cause the object to rebound, the rebound force acting on the object may be obtained by the rebound and the mass of the object.

That is, _FT = _KT /M.

In practical applications, the rebound degree can be set to a constant value to calculate the rebound force on the object; the corresponding rebound degree can also be obtained based on the user's pressing force, pressing time or contact area, so as to calculate the rebound force _FT acting on the object based on the rebound degree and the mass of the object.

As another embodiment of the present application, since the object may not be a completely rigid object, the stiffness of the object may be calculated with reference to the above example.

In a specific implementation, when calculating the rebound force, the rebound force applied to the object is obtained by multiplying the stiffness of the object.

For example, _FT = G x _KT /M.

For the convenience of description, the resilience generated without considering the stiffness of the object may be recorded as the first resilience, and the resilience generated by considering the stiffness of the object may be recorded as the second resilience.

2.3, the object pressing displacement is obtained based on the rebound force calculation.

In practical applications, the spring coefficient of the spring under the object can be set to a fixed value. Then it can be concluded that the compressed length of the spring (the pressed displacement of the object) is:

x = _FT /k.

Of course, due to the gravity of the object, when the object and the spring under the object are in equilibrium, the spring is in a compressed state. Therefore, the compressed length of the spring when the object and the spring are in equilibrium (or the equilibrium displacement of the object) can be calculated by x _p =G/k, and the length of the spring compressed when pressed can be obtained by x _p .

As shown in FIG6(a), when a user presses down a business card, the business card can move downward a certain distance. Due to the user's perspective, the farther away an object is, the smaller it looks. Therefore, from the user's perspective, the object looks like it has become smaller, where the position indicated by the dotted line in FIG6(a) is the position of the business card when no pressing force is applied.

It can be understood from steps 2.1 to 2.3 that when the pressing force applied to the object is not a constant, the business card may become smaller as the user's pressing force increases, the contact time of the touch point in the gesture becomes longer, or the contact area of the touch point in the gesture increases.

2.4, when the spring coefficient of the spring, the compression length of the spring, and the mass of the object above the spring are known, the motion parameters of the object can be calculated when the user's gesture is lifted off the touch screen of the electronic device, thereby generating a motion animation of the object.

After the user's gesture lifts off the touch screen of the electronic device, before the object bounces to the position corresponding to the equilibrium state, the force acting on the object is the downward gravity and the upward rebound force. Among them, the gravity of the object remains unchanged, and the upward rebound force on the object is related to the compressed length of the spring.

In practical applications, according to the principle of conversion of elastic potential energy and kinetic energy of the spring, the object may bounce up to the position corresponding to the equilibrium state under the action of rebound force and gravity (as shown in Figure 6(b)). Due to the action of gravity, the spring is in a compressed state at this position; then it continues to bounce up beyond the equilibrium position (Figure 6(c)). After exceeding the position corresponding to the equilibrium state, the business card becomes larger; finally, it falls back to the position corresponding to the equilibrium state (Figure 6(d)). At this position, the business card is the same size as the business card at the position corresponding to the equilibrium state. Of course, in practical applications, there is also air resistance, which can make the object and the spring return to the equilibrium state and stabilize. Because, while considering the principle of conversion of elastic potential energy and kinetic energy of the spring, the influence of work done by air resistance is also considered.

That is, through The velocity of the object at each position can be found.

Of course, in actual applications, when the object is light or the pressure is large, it may rebound several times before returning to the position corresponding to the equilibrium state; when the object is heavy or the pressure is small, it may rebound directly from the pressing position to the position corresponding to the equilibrium state.

It should be noted that in practical applications, in the process of calculating the motion parameters of an object, some existing physical theorems can be revised to reduce the amount of calculation, and the embodiments of the present application do not limit this.

As another embodiment of the present application, in the real world, when a pressure is applied to an object, the object may also tilt, deform, etc. The present application embodiment will describe a method for generating a motion animation of an object when a pressure is applied to an object in an interface.

3.1, calculate the mass and center of gravity of the object;

This step may refer to the method of assigning mass and center of gravity to the object as described above.

3.2, obtain pressing force.

In an embodiment of the present application, the correspondence between the pressing force and the pressing area (the contact area between the user's gesture and the touch screen) can be pre-set. As an example, a positive function relationship between the contact area between the user's gesture and the touch screen and the pressing force can be set. Of course, in actual applications, the pressing area can also be set to multiple intervals, and different intervals correspond to different pressing pressures.

Of course, in actual applications, the pressing force can also be obtained through the pressure sensor on the touch screen provided with the pressure sensor.

3.3, calculate the tilt displacement of the object according to the magnitude of the pressing force.

In this step, the principle that the center of gravity of the object remains unchanged after being pressed is followed (i.e., the tilt axis when the object tilts coincides with the center of gravity of the object). Referring to Figures 7(a) to 7(c), in Figure 7(a), the dot above the object indicates the position of the center of gravity of the object. When the user applies a downward pressing force at the position shown in Figure 7(b), the object takes the axis where the center of gravity is located as the tilt axis (the straight line between the position of the pressing force and the position of the center of gravity is perpendicular to the tilt axis), forming the tilt shown in Figure 7(b), wherein the dotted line represents the position of the object before the pressing force is applied. When the user applies a downward pressing force at the position shown in Figure 7(c), the object takes the axis where the center of gravity is located as the tilt axis (the straight line between the position of the pressing force and the position of the center of gravity is perpendicular to the tilt axis), forming the tilt shown in Figure 7(c). Wherein, the dotted line represents the position of the object before the pressing force is applied.

In practical applications, the display interface of the electronic device should not only present the tilt effect, but also present the tilt animation process. Therefore, it is necessary to calculate the tilt process of the object according to the position and magnitude of the pressing force.

As shown in Figures 7(a) to 7(c), it is similar to the scene of two people playing on a seesaw in the real world. Since the fulcrum is the center of gravity, the weight of the people on both sides of the seesaw is the same. After a downward force is applied to one side, if the person on that side wants to tilt up again, the person on that side needs to step on the ground to give an upward elastic force. Therefore, in the scene shown in Figure 7(a), a spring can be set below the object on both sides of the center of gravity, and the spring is used to give the object an upward elastic force. For details, please refer to Figures 8(a) and 8(b).

As shown in FIG8(a), a spring is provided at the bottom of each side of the object. Taking the left side as an example, the left side is subjected to an upward elastic force, which can be represented by kx, where k represents the spring coefficient and x represents the extension distance of the spring. At the same time, the left side is also subjected to a downward gravity, which can be represented by Indicates that based on theorem F = ma, we can conclude

8( b ), the spring coefficient of the spring can be determined by the distance between the position of the applied force and the center of gravity and the moment, for example, k=aL can be used to represent it, where a is the moment coefficient and L represents the distance between the position of the applied force and the center of gravity.

The above two formulas can be used to obtain the tilt displacement of the object over time.

Of course, in practical applications, other forms of tilting effects can also be used. As shown in FIG9(a), the top layer shows the state of the object when no pressing force is applied; the middle layer shows that when pressing force is applied to one of the corners of the object, the other corner opposite to the corner is used as a fulcrum to produce a tilting effect (the dotted line represents the original state of the object); the bottom layer shows that when pressing force is applied to one of the sides of the object, the other side opposite to the side is used as a tilting axis to produce a tilting effect (the dotted line represents the original state of the object). Of course, other tilting effects can also be produced, and the embodiments of the present application do not limit this. It can be understood from FIG9(a) that the tilting axis is perpendicular to the first line (the line between the force point of the pressing force acting on the object and the center of gravity of the object), but the tilting axis does not coincide with the center of gravity.

3.4, calculate the rigidity of the object, and calculate the degree of shape change of the object caused by pressing based on the rigidity and the pressing force.

In practical applications, it can be pre-set that the greater the rigidity of the object, the smaller the deformation, and the greater the pressing force, the greater the deformation. That is, the deformation is inversely related to the rigidity of the object and is positively related to the pressing force.

As an example, B _x =X×F _Y /G;

Among them, _Bx represents the deformation of the object, X represents a preset constant that can adjust the deformation of the object, _Fy represents the pressing force, and G represents the stiffness of the object.

The degree of deformation indicates the degree of deformation. After the degree of deformation is determined, the deformation area can also be determined according to the area of the object. For example, the deformation area of the object can be obtained by multiplying the area of the object by the degree of deformation. Finally, the deformation area of the object is generated according to the deformation area. The center of the deformation area can be pre-set as the force point of the pressing force acting on the object.

In addition, since the deformation area is centered on the point of pressure, the calculated deformation area may exceed the area of the object itself. In this case, a deformation animation is generated in the area of the object, and a deformation animation is generated in the area outside the object.

As shown in Figure 9(b), the top layer shows the state of the object when no pressing pressure is applied; the middle layer shows that when pressing pressure is applied to one of the corners of the object, the corner produces a deformation effect (the dotted line indicates the original state of the object); the bottom layer shows that when pressing pressure is applied to one of the sides of the object, the side produces a deformation effect (the dotted line indicates the original state of the object).

As shown in FIG9(b), when the user presses a corner of the object, the deformation area generated may be a deformation area centered on the corner. Since only 1/4 of the deformation area calculated is within the area where the object is located, and 3/4 of the deformation area is outside the area where the object is located, the generated deformation animation of the object is the 1/4 deformation area within the area where the object is located. Of course, other deformation effects can also be generated, and the embodiments of the present application are not limited to this.

Of course, in addition to generating the deformation area, the deformation depth (the depth of pressing) can also be generated. The deformation depth is related to the deformation degree. The greater the deformation degree, the greater the deformation depth. The deformation depth is positively correlated with the deformation degree. For example, h _F = k _h B _x can be referred to, where h _F is the deformation depth and k _h is a preset depth coefficient for adjusting the deformation depth.

3.5. Calculate the position and elastic changes of the object caused by pressing according to the mass of the object.

Step 3.5 may refer to the process of generating the motion animation of the press-rebound described in the previous embodiment, or the motion model used in the press-rebound process described in the previous embodiment may be simplified, which will not be described in detail here.

As shown in Figure 9(c), the upper layers of the three figures show the state of the object when no pressing force is applied, and the lower layers respectively show the effects of different pressing forces. The three figures in Figure 9(c) represent the pressing effects from small to large pressing forces from left to right. In the first figure in Figure 9(c), the pressing force acting on the object is the smallest, and the pressing displacement of the object is also the smallest. In the third figure in Figure 9(c), the pressing force acting on the object is the largest, and the pressing displacement of the object is also the largest.

It can be understood from Figures 9(a) to 9(c) that step 3.3 takes the tilt of the object caused by pressing into account in the object's pressing animation, step 3.4 takes the deformation of the object caused by pressing into account in the object's pressing animation, and step 3.5 takes the displacement and pressing rebound of the object caused by pressing into account in the object's pressing animation. Of course, in actual applications, it is also possible to consider one, two, or three of the tilt, deformation, and displacement rebound in the object's pressing animation, and the embodiments of the present application are not limited to this.

In the embodiment of the present application, when generating the pressing animation of the object, a three-dimensional pressing animation effect or a two-dimensional pressing animation effect can also be generated.

Referring to Figure 10, the first figure in Figure 10 is a top view of the object, the second figure is a three-dimensional pressing effect diagram of the object, and the third figure is a two-dimensional pressing effect diagram of the object. The dotted line in Figure 10 represents the plane position diagram of the object before pressing.

Referring to Figure 11, the first figure in Figure 11 is a top view of the object, the second figure is a three-dimensional pressing effect diagram of the object, and the third figure is a two-dimensional pressing effect diagram of the object. The dotted line in Figure 11 represents the plane position diagram of the object before pressing.

In actual applications, the positions corresponding to the user's fingers in the second and third figures in FIG11 may also have a pressing deformation effect, for example, a concave deformation centered on the position corresponding to the finger. The concave deformation centered on the position corresponding to the finger is not shown in FIG11. The concave deformation in FIG11 can refer to the pressing deformation effect diagram shown in the third figure in FIG9(b). The pressing deformation effect described in the third figure in FIG9(b) can be understood as a cross-sectional effect diagram of the concave deformation after cutting the third figure in FIG11 with the straight line where the force point of the pressing force is located as the section line.

As another embodiment of the present application, when multiple objects are arranged in a chain in the real world, an external force applied to one of the objects will cause the multiple objects in the chain to perform chain motion. In the user interface, when multiple objects are arranged in a chain, if an external force is applied to one of the objects, the multiple objects in the chain can also generate a chain running animation as in the real world.

As an example, as shown in FIG12, there is a three-dimensional view (the right side of FIG12) and a corresponding top view (the left side of FIG12) and a left view (the bottom of FIG12) of multiple objects arranged in a chain. If elastic connections are set between multiple objects, in the specific implementation process, a motion animation of chain motion can be generated in the following manner.

(1) Calculate the mass of each object in the chain arrangement.

This step refers to the above description of assigning mass to the object, which will not be repeated here.

(2) Based on the applied external force, the current object moves.

As an example, referring to FIG. 13 , when an upward pulling force is applied to object A, the current object will move upward.

(3) Transfer the motion effect of the current element to other adjacent objects.

For example, when object A moves upward, objects B1 and B2 adjacent to object A will also produce an upward movement effect.

(4) After each object is subjected to the transmitted external force, the current element moves and continues to affect the adjacent elements.

Similarly, after object B1 generates corresponding motion, C1 adjacent to object B1 will also generate corresponding motion; after object B2 generates corresponding motion, C2 adjacent to object B2 will also generate corresponding motion, and accordingly, objects D1 and D2 will also generate corresponding motion. Among them, the force applied to object B1 is object A, the force applied to object C1 is object B1, and the force applied to object D1 is object C1. The force applied to object B2 is object A, the force applied to object C2 is object B2, and the force applied to object D2 is object C2.

Of course, in practical applications, the effect of transmission will vary depending on the mass of the object. For example, if the transmitted chain force (the force transmitted by the force-applying object in the chain-arranged object) is F, and the influence of mass is not considered, then the chain force received by the object receiving the chain force is F. If the influence of mass is considered, the chain force received is F _ch =F/M.

The mass factor is taken into account in chain motion. This is because generally, the greater the mass of an object, the less the dragging effect it will receive during the dragging process, and the smaller the mass of an object, the greater the dragging effect it will receive during the dragging process.

It should be noted that, since the object is not an object that exists in the real world when generating the motion animation of the object, in order to reduce the amount of calculation, some motion models will inevitably be revised when calculating the motion parameters of the object, thereby obtaining different motion models, resulting in some differences in the generated motion animation. Or because the movement of objects in the real world is relatively complex, the relatively complex motion process is divided into multiple motion stages, and different motion models are used in different motion stages to reduce the amount of calculation. The embodiments of the present application do not limit what kind of motion model is used to obtain the motion parameters of the object and generate the motion animation of the object after obtaining the physical parameters of the object.

It should be understood that the size of the serial numbers of the steps in the above embodiments does not mean the order of execution. The execution order of each process should be determined by its function and internal logic, and should not constitute any limitation on the implementation process of the embodiments of the present application.

The embodiment of the present application can divide the functional modules of the electronic device according to the above method example. For example, each functional module can be divided corresponding to each function, or two or more functions can be integrated into one processing module. The above integrated modules can be implemented in the form of hardware or in the form of software functional modules. It should be noted that the division of modules in the embodiment of the present application is schematic and is only a logical function division. There may be other division methods in actual implementation. The following is an example of dividing each functional module corresponding to each function:

14 , the electronic device 1400 includes:

An object display module 1401 is used to display a first object and a second object on a user interface, where the first object and the second object are of the same type but have different appearances;

Animation generation module 1402, for generating a first motion animation of the first object in response to a first operation acting on the first object;

The animation generation module 1402 is further configured to generate a second motion animation of the second object in response to a second operation on the second object, the first operation and the second operation being the same, and the first motion animation and the second motion animation being different.

As another embodiment of the present application, the animation generation module 1402 is further used for:

detecting a first operation acting on a first object;

Acquire appearance parameters of the first object, and assign physical parameters to the first object according to the appearance parameters of the first object;

Get initial parameters of the first object;

A motion animation of the first object is generated based on the physical parameters of the first object and the initial parameters of the first object.

As another embodiment of the present application, the appearance parameter of the first object includes: the color of a pixel in the first object, and the physical parameter of the first object includes: the mass of the first object;

The animation generation module 1402 is also used for:

Assigning physical parameters to the first object according to the appearance parameters of the first object includes:

The mass of the first object is generated according to the colors of the pixels in the first object.

As another embodiment of the present application, the animation generation module 1402 is further used for:

A first quality value of the first object is generated according to a first difference between a color of a pixel in the first object and a theme color of a user interface where the first object is located, and the first quality value of the first object is used as the quality of the first object.

As another embodiment of the present application, the animation generation module 1402 is further used for:

generating a pixel quality of the pixel in the first object according to a first difference between a color of the pixel in the first object and a theme color of the user interface where the first object is located;

A first quality value of the first object is generated according to the pixel quality of the pixels in the first object.

As another embodiment of the present application, the appearance parameter of the first object includes: transparency of the first object; the animation generation module 1402 is further used for:

Before taking the first mass value of the first object as the mass of the first object, generating a second mass value of the first object according to the transparency of the first object and the first mass value of the first object, and taking the second mass value of the first object as the mass of the first object.

As another embodiment of the present application, the appearance parameters of the first object include: the color of the pixel in the first object and the coordinates of the pixel in the first object; the physical parameters of the first object include: the coordinates of the center of gravity of the first object;

The animation generation module 1402 is also used for:

generating a pixel quality of the pixel in the first object according to a first difference between a color of the pixel in the first object and a theme color of the user interface where the first object is located;

The coordinates of the center of gravity of the first object are calculated according to the coordinates of the pixels in the first object and the pixel qualities of the pixels in the first object.

As another embodiment of the present application, the appearance parameters of the first object further include: the color of the outer frame of the first object, the area or volume of the first object; the physical parameters of the first object include: the stiffness of the first object;

The animation generation module 1402 is also used for:

Calculating a second difference between a color of an outer border of the first object and a theme color of a user interface where the first object is located;

Generate a unit mass of the first object according to the mass of the first object and the area or volume of the first object;

A first stiffness of the first object is generated according to the second difference and the unit mass of the first object, and the first stiffness of the first object is used as the stiffness of the first object.

As another embodiment of the present application, the appearance parameter of the first object further includes: transparency of the first object;

The animation generation module 1402 is also used for:

Before using the first stiffness of the first object as the stiffness of the first object, generating a second stiffness of the first object according to the first stiffness of the first object and the transparency of the first object, and using the second stiffness of the first object as the stiffness of the first object.

As another embodiment of the present application, the appearance parameter of the first object further includes: blurriness of the first object;

The animation generation module 1402 is also used for:

Before taking the first stiffness of the first object as the stiffness of the first object, generating a third stiffness of the first object according to the first stiffness of the first object and the ambiguity of the first object, and taking the third stiffness of the first object as the stiffness of the first object.

As another embodiment of the present application, the animation generation module 1402 is further used for:

generating a relative friction coefficient between the first object and the background where the first object is located according to the base color of the first object and the color of the background where the first object is located;

A first friction force acting on the first object is calculated according to the mass and the relative friction coefficient of the first object, and the first friction force is used as the friction force acting on the first object during the movement of the first object.

As another embodiment of the present application, the animation generation module 1402 is further used for:

generating an object friction force for the first object according to a base color of the first object;

generating a background friction force of the background where the first object is located according to the color of the background where the first object is located;

A relative friction coefficient between the first object and the background where the first object is located is generated according to the object friction force and the background friction force.

As another embodiment of the present application, the appearance parameter of the first object further includes: blurriness of the first object;

The animation generation module 1402 is also used for:

Before using the first friction force as the friction force acting on the first object during the movement of the first object, a second friction force acting on the first object is generated according to the first friction force and the blurriness of the first object, and the second friction force is used as the friction force acting on the first object during the movement of the first object.

As another embodiment of the present application, the animation generation module 1402 is further used for:

The speed of the first object is acquired, and the air resistance acting on the first object during the movement of the first object is generated according to the speed of the first object.

As another embodiment of the present application, the animation generation module 1402 is further used for:

generating motion parameters of the first object based on the physical parameters of the first object and the initial parameters of the first object;

According to the motion parameters of the first object, a motion animation of the first object is generated. As another embodiment of the present application, after the first operation acts on the first object, the first object collides with a third object;

The physical parameters of the first object include the mass of the first object, and the initial parameters of the first object include the first input velocity of the first object;

The animation generation module 1402 is also used for:

Acquire physical parameters of a third object and initial parameters of the third object, wherein the physical parameters of the third object include the mass of the third object, and the initial parameters of the third object include a second input velocity of the third object;

Based on the law of conservation of momentum and the law of conservation of energy, a first exit velocity of the first object and a second exit velocity of the third object are calculated from the mass of the first object, the mass of the third object, the first entry velocity and the second entry velocity;

Calculating a time-varying velocity and/or displacement of the first object after the collision based on a first exit velocity of the first object and a friction force acting on the first object after the collision;

The time-varying speed and/or displacement of the third object after the collision is calculated according to the second exit speed of the third object and the friction force acting on the third object after the collision.

As another embodiment of the present application, after the first operation acts on the first object, the first object collides with a stationary third object;

The physical parameters of the first object include the mass of the first object and the stiffness of the first object, and the initial parameters of the first object include the third input velocity of the first object;

The animation generation module 1402 is also used for:

Acquire physical parameters of the third object, where the physical parameters of the third object include mass of the third object and stiffness of the third object;

Calculate the sum of a third exit velocity of the first object and a fourth exit velocity of the third object according to a third entry velocity of the first object, a stiffness of the first object, and a stiffness of the third object;

Calculate the third exit velocity of the first object and the fourth exit velocity of the third object according to the sum of the third exit velocity of the first object and the fourth exit velocity of the third object, and the ratio of the mass of the first object to the mass of the third object;

Calculating the time-varying velocity and/or displacement of the first object after the collision based on the third velocity of the first object and the friction force acting on the first object after the collision;

The time-varying speed and/or displacement of the third object after the collision is calculated according to the fourth speed of the third object and the friction force acting on the third object after the collision.

As another embodiment of the present application, the first operation is a pressing operation on the first object, and the first object generates a pressing rebound;

The physical parameters of the first object include: the mass of the first object; the initial parameters of the first object include: the rebound degree acting on the first object and the elastic coefficient of the elastic component acting on the first object;

The animation generation module 1402 is further used to: generate a first rebound force acting on the first object according to the rebound degree and the mass of the first object;

Calculating a pressing displacement of the first object according to the first resilience force and the elastic coefficient;

Calculating elastic potential energy in the scene where the first object is located according to the pressing displacement and elastic coefficient of the first object;

Based on a model in which elastic potential energy is equal to kinetic energy of the first object and work done by air resistance acting on the first object, motion parameters of the first object are obtained.

As another embodiment of the present application, the physical parameter of the first object further includes: stiffness of the first object;

The animation generation module 1402 is also used for:

generating a second resilience force acting on the first object according to the first resilience force and the stiffness of the first object;

A pressing displacement of the first object is generated according to the second resilience force and the elastic coefficient.

As another embodiment of the present application, the first operation is a pressing operation on the first object, and the first object generates a pressing tilt;

The physical parameters of the first object include: the center of gravity of the first object; the initial parameters of the first object include: the force point of the pressing force acting on the first object;

When the first object generates a pressing and tilting motion, the tilting axis of the first object is perpendicular to a first connecting line, which is a connecting line between a force point of the pressing force acting on the first object and the center of gravity of the first object.

As another embodiment of the present application, the tilt axis of the first object coincides with the center of gravity of the first object.

As another embodiment of the present application, the first operation is a pressing operation on the first object, and the first object generates a pressing deformation;

The physical parameters of the first object include: the stiffness of the first object; the initial parameters of the first object include the pressing force acting on the first object and the force point of the pressing force; the motion parameters of the first object include the deformation area of the first object;

The animation generation module 1402 is also used for:

Calculating a deformation degree of the first object according to a pressing force acting on the first object and a stiffness of the first object;

Calculating a deformed area of the first object according to the deformation degree of the first object and the area of the first object;

A deformation region of the first object is generated according to the deformation area of the first object, wherein the center of the deformation region is a force point of the pressing force acting on the first object.

As another embodiment of the present application, when the first operation acts on the first object, a chain motion is generated between the first object and a fourth object arranged in a chain with the first object, wherein the chain force received by the fourth object is the chain force received by the force-applying object of the fourth object divided by the mass of the fourth object.

It should be noted that the information interaction, execution process, etc. between the above-mentioned electronic devices/modules are based on the same concept as the method embodiment of the present application. Their specific functions and technical effects can be found in the method embodiment part and will not be repeated here.

Those skilled in the art can clearly understand that, for the convenience and simplicity of description, only the division of the above-mentioned functional modules is used as an example for illustration. In actual applications, the above-mentioned function allocation can be completed by different functional modules as needed, that is, the internal structure of the electronic device can be divided into different functional modules to complete all or part of the functions described above. The functional modules in the embodiment can be integrated into a processing module, or each module can exist physically separately, or two or more modules can be integrated into one module. The above-mentioned integrated modules can be implemented in the form of hardware or in the form of software functional modules. In addition, the specific names of the functional modules are only for the convenience of distinguishing each other, and are not used to limit the scope of protection of this application. The specific working process of the modules in the above-mentioned electronic device can refer to the corresponding process in the aforementioned method embodiment, which will not be repeated here.

An embodiment of the present application further provides a computer-readable storage medium, which stores a computer program. When the computer program is executed by a processor, the electronic device can implement the steps in the above-mentioned method embodiments.

An embodiment of the present application also provides a computer program product. When the computer program product runs on a first device, the first device can implement the steps in the above-mentioned method embodiments.

If the integrated module is implemented in the form of a software function module and sold or used as an independent product, it can be stored in a computer-readable storage medium. Based on this understanding, the present application implements all or part of the processes in the above-mentioned embodiment method, which can be completed by instructing the relevant hardware through a computer program, and the computer program can be stored in a computer-readable storage medium. When the computer program is executed by the processor, the steps of the above-mentioned various method embodiments can be implemented. Among them, the computer program includes computer program code, and the computer program code can be in source code form, object code form, executable file or some intermediate form. The computer-readable medium may at least include: any entity or device capable of carrying the computer program code to the first device, a recording medium, a computer memory, a read-only memory (ROM, Read-Only Memory), a random access memory (RAM, Random Access Memory), an electric carrier signal, a telecommunication signal, and a software distribution medium. For example, a USB flash drive, a mobile hard disk, a magnetic disk or an optical disk. In some jurisdictions, according to legislation and patent practice, computer-readable media cannot be electric carrier signals and telecommunication signals.

The embodiment of the present application also provides a chip system, which includes a processor, the processor is coupled to a memory, and the processor executes a computer program stored in the memory to enable an electronic device to implement the steps of any method embodiment of the present application. The chip system can be a single chip or a chip module composed of multiple chips.

In the above embodiments, the description of each embodiment has its own emphasis. For parts that are not described or recorded in detail in a certain embodiment, reference can be made to the relevant descriptions of other embodiments.

Those of ordinary skill in the art will appreciate that the units and method steps of each example described in conjunction with the embodiments disclosed herein can be implemented in electronic hardware, or a combination of computer software and electronic hardware. Whether these functions are performed in hardware or software depends on the specific application and design constraints of the technical solution. Professional and technical personnel can use different methods to implement the described functions for each specific application, but such implementation should not be considered to be beyond the scope of this application.

The above embodiments are only used to illustrate the technical solutions of the present application, rather than to limit them. Although the present application has been described in detail with reference to the aforementioned embodiments, a person skilled in the art should understand that the technical solutions described in the aforementioned embodiments may still be modified, or some of the technical features may be replaced by equivalents. Such modifications or replacements do not deviate the essence of the corresponding technical solutions from the spirit and scope of the technical solutions of the embodiments of the present application, and should be included in the protection scope of the present application.

Claims (24)

1. A method for generating an animation of an object in an interface, comprising:

The user interface displays a first object and a second object, wherein the first object and the second object are the same in type and different in appearance;

Generating a first motion animation of the first object in response to a first operation acting on the first object;

generating a second motion animation of the second object in response to a second operation acting on the second object, the first operation and the second operation belonging to the same class of operation, the first motion animation and the second motion animation being different;

wherein the generating a first motion animation of the first object in response to a first operation acting on the first object comprises:

Detecting a first operation acting on the first object;

Obtaining appearance parameters of the first object, and giving physical parameters to the first object according to the appearance parameters of the first object;

Acquiring initial parameters of the first object;

a motion animation of the first object is generated based on the physical parameters of the first object and the initial parameters of the first object.

2. The method of claim 1, wherein the appearance parameters of the first object comprise: the color of the pixel point in the first object, and the physical parameters of the first object include: a mass of the first object;

The assigning physical parameters to the first object according to the appearance parameters of the first object includes:

and generating the quality of the first object according to the color of the pixel point in the first object.

3. The method of claim 2, wherein generating the mass of the first object based on the color of the pixel points in the first object comprises:

and generating a first quality value of the first object according to a first difference between the color of the pixel point in the first object and the theme color of the user interface where the first object is located, and taking the first quality value of the first object as the quality of the first object.

4. The method of claim 3, wherein generating the first quality value for the first object based on a first difference between the color of the pixel in the first object and the subject color of the user interface in which the first object is located comprises:

generating pixel quality of the pixel point in the first object according to a first difference between the color of the pixel point in the first object and the theme color of the user interface where the first object is located;

and generating a first quality value of the first object according to the pixel quality of the pixel points in the first object.

5. A method as claimed in claim 3, wherein the appearance parameters of the first object comprise: transparency of the first object; before taking the first quality value of the first object as the quality of the first object, the method further comprises:

Generating a second quality value of the first object according to the transparency of the first object and the first quality value of the first object, and taking the second quality value of the first object as the quality of the first object.

6. The method of any one of claims 1 to 5, wherein the appearance parameters of the first object include: the color of the pixel point in the first object and the coordinate of the pixel point in the first object; the physical parameters of the first object include: barycentric coordinates of the first object;

The assigning physical parameters to the first object according to the appearance parameters of the first object includes:

generating pixel quality of the pixel point in the first object according to a first difference between the color of the pixel point in the first object and the theme color of the user interface where the first object is located;

And calculating the barycentric coordinates of the first object according to the coordinates of the pixel points in the first object and the pixel quality of the pixel points in the first object.

7. The method of any of claims 2 to 6, wherein the appearance parameters of the first object further comprise: the outer frame color of the first object, the area or volume of the first object; the physical parameters of the first object include: stiffness of the first object;

The assigning physical parameters to the first object according to the appearance parameters of the first object includes:

Calculating a second difference between the color of the outer border of the first object and the theme color of the user interface where the first object is located;

Generating a unit mass of the first object according to the mass of the first object and the area or the volume of the first object;

generating a first stiffness of the first object according to the second difference and the unit mass of the first object, and taking the first stiffness of the first object as the stiffness of the first object.

8. The method of claim 7, wherein the appearance parameters of the first object further comprise: transparency of the first object; before taking the first stiffness of the first object as the stiffness of the first object, further comprising:

Generating second rigidity of the first object according to the first rigidity of the first object and the transparency of the first object, and taking the second rigidity of the first object as the rigidity of the first object.

9. The method of claim 7, wherein the appearance parameters of the first object further comprise: ambiguity of the first object; before taking the first stiffness of the first object as the stiffness of the first object, further comprising:

And generating third rigidity of the first object according to the first rigidity of the first object and the ambiguity of the first object, and taking the third rigidity of the first object as the rigidity of the first object.

10. The method of any one of claims 2 to 9, wherein the method further comprises:

Generating a relative friction coefficient between the first object and the background where the first object is located according to the background color of the first object and the background where the first object is located;

And calculating a first friction force acting on the first object according to the mass of the first object and the relative friction coefficient, and taking the first friction force as the friction force acting on the first object in the movement process of the first object.

11. The method of claim 10, wherein generating the relative coefficient of friction between the first object and the background of the first object based on the base color of the first object and the color of the background of the first object comprises:

Generating an object friction force of the first object according to the ground color of the first object;

Generating a background friction force of the background where the first object is located according to the color of the background where the first object is located;

and generating a relative friction coefficient between the first object and the background where the first object is located according to the object friction force and the background friction force.

12. The method of claim 10 or 11, wherein the appearance parameters of the first object further comprise: ambiguity of the first object; before taking the first friction force as the friction force acting on the first object during the movement of the first object, the method further comprises:

Generating a second friction force acting on the first object according to the first friction force and the ambiguity of the first object, and taking the second friction force as the friction force acting on the first object in the movement process of the first object.

13. The method of any one of claims 1 to 12, wherein the method further comprises:

And acquiring the speed of the first object, and generating the air resistance acting on the first object in the movement process of the first object according to the speed of the first object.

14. The method of any of claims 1 to 13, wherein the generating a motion animation of the first object based on the physical parameters of the first object and the initial parameters of the first object comprises:

generating a motion parameter of the first object based on the physical parameter of the first object and the initial parameter of the first object;

And generating a motion animation of the first object according to the motion parameters of the first object.

15. The method of claim 14, wherein the first object and the third object collide after the first operation acts on the first object;

The physical parameters of the first object include a mass of the first object, and the initial parameters of the first object include a first entry velocity of the first object;

the generating the motion parameters of the first object based on the physical parameters of the first object and the initial parameters of the first object includes:

Acquiring physical parameters of the third object and initial parameters of the third object, wherein the physical parameters of the third object comprise the mass of the third object, and the initial parameters of the third object comprise the second entering speed of the third object;

Calculating a first exit velocity of the first object and a second exit velocity of the third object from the mass of the first object, the mass of the third object, the first entry velocity and the second entry velocity based on the law of conservation of momentum and the law of conservation of energy;

calculating the time-varying speed and/or displacement of the first object after collision according to the first output speed of the first object and the friction force acting on the first object after collision;

and calculating the time-varying speed and/or displacement of the third object after collision according to the second output speed of the third object and the friction force acting on the third object after collision.

16. The method of claim 14, wherein the first operation is performed upon the first object, the first object impacting a stationary third object;

The physical parameters of the first object comprise the mass of the first object and the stiffness of the first object, and the initial parameters of the first object comprise the third entry velocity of the first object;

the generating the motion parameters of the first object based on the physical parameters of the first object and the initial parameters of the first object includes:

acquiring physical parameters of the third object, wherein the physical parameters of the third object comprise the mass of the third object and the rigidity of the third object;

calculating the sum of a third output speed of the first object and a fourth output speed of the third object according to the third input speed of the first object, the rigidity of the first object and the rigidity of the third object;

calculating a third exit velocity of the first object and a fourth exit velocity of the third object according to the sum of the third exit velocity of the first object and the fourth exit velocity of the third object and the ratio of the mass of the first object to the mass of the third object;

Calculating the time-varying speed and/or displacement of the first object after collision according to the third output speed of the first object and the friction force acting on the first object after collision;

and calculating the time-varying speed and/or displacement of the third object after collision according to the fourth output speed of the third object and the friction force acting on the third object after collision.

17. The method of claim 14, wherein the first operation is a pressing operation on the first object, the first object producing a pressing rebound;

The physical parameters of the first object include: a mass of the first object; the initial parameters of the first object include: a degree of rebound acting on the first object and an elastic coefficient of an elastic member acting on the first object;

the generating the motion parameters of the first object based on the physical parameters of the first object and the initial parameters of the first object includes:

Generating a first spring force acting on the first object based on the degree of rebound and the mass of the first object;

Calculating a pressing displacement of the first object based on the first resilience force and the elastic coefficient;

according to the pressing displacement of the first object and the elastic coefficient, calculating elastic potential energy in a scene where the first object is located;

And obtaining the motion parameters of the first object based on a model that the elastic potential energy is equal to the kinetic energy of the first object and the air resistance acting on the first object to do work.

18. The method of claim 17, wherein the physical parameters of the first object further comprise: stiffness of the first object;

the calculating the pressing displacement of the first object from the first resilience force and the elastic coefficient includes:

Generating a second spring-back force acting on the first object based on the first spring-back force and the stiffness of the first object;

And generating a pressing displacement of the first object according to the second resilience force and the elastic coefficient.

19. The method of claim 14, wherein the first operation is a press operation used on the first object, the first object producing a press tilt;

The physical parameters of the first object include: a center of gravity of the first object; the initial parameters of the first object include: a stress point of a pressing force acting on the first object;

When the first object generates pressing tilting motion, the tilting axis of the first object is perpendicular to a first connecting line, and the first connecting line is a connecting line between a stress point of pressing force acting on the first object and the gravity center of the first object.

20. The method of claim 19, wherein the tilt axis of the first object coincides with the center of gravity of the first object.

21. The method of claim 14, wherein the first operation is a pressing operation acting on the first object, the first object being deformed by pressing;

The physical parameters of the first object include: stiffness of the first object; the initial parameters of the first object include a pressing force acting on the first object and a force bearing point of the pressing force; the motion parameters of the first object comprise a deformation region of the first object;

the generating the motion parameters of the first object based on the physical parameters of the first object and the initial parameters of the first object includes:

Calculating the deformation degree of the first object according to the pressing force acting on the first object and the rigidity of the first object;

Calculating the deformation area of the first object according to the deformation degree of the first object and the area of the first object;

and generating a deformation area of the first object according to the deformation area of the first object, wherein the center of the deformation area is a stress point of pressing force acting on the first object.

22. The method of claim 14, wherein the first operation, when acting on a first object, produces a chain motion between the first object and a fourth object that is chain-arranged with the first object, wherein the chain force experienced by the fourth object is the chain force experienced by the force-exerting object of the fourth object divided by the mass of the fourth object.

23. An electronic device comprising a processor for executing a computer program stored in a memory to cause the electronic device to implement the method of any one of claims 1 to 22.

24. A computer readable storage medium, characterized in that the computer readable storage medium stores a computer program which, when run on a processor, causes an electronic device to implement the method of any one of claims 1 to 22.