Animation effect generation method and apparatus, and medium and device

Patent metadata

Field	Value
Publication number	US-2025029303-A1
Application number	US-202318715500-A
Country	US
Kind code	A1
Filing date	May 9, 2023
Priority date	Jun 1, 2022
Publication date	Jan 23, 2025
Grant date	—

Abstract

The present disclosure provides an animation effect generation method and apparatus, a medium, and a device, and the method includes: in response to determining that an inertial movement of a target element after an end event of a two-dimensional touch movement involves a region outside a first elastic boundary of a display interface, determining collision information for occurrence of a collision rebound according to the first elastic boundary, a motion state of the target element when the end event occurs, and an assumed end-point position; and according to a preset target easing function and the collision information, generating a first animation from the motion state to the occurrence of the collision rebound, and a second animation from the occurrence of the collision rebound to a case where a first boundary of the target element is aligned with the first elastic boundary.

First claim

1 . An animation effect generation method, comprising:
in response to determining that an inertial movement of a target element after an end event of a two-dimensional touch movement involves a region outside a first elastic boundary of a display interface, determining collision information for occurrence of a collision rebound according to the first elastic boundary, a motion state of the target element when the end event occurs, and an assumed end-point position, wherein the assumed end-point position is a stop position of the target element only moving inertially based on the motion state; and according to a preset target easing function and the collision information, generating a first animation from the motion state to the occurrence of the collision rebound, and a second animation from the occurrence of the collision rebound to a case where a first boundary of the target element is aligned with the first elastic boundary.

2 . The method according to claim 1 , further comprising:
in response to the end event being detected, determining a current position and a current velocity of the target element as a current motion state.

3 . The method according to claim 2 , wherein the determining the current position and the current velocity of the target element as the current motion state comprises:
acquiring an end moment corresponding to the end event and the current position of the target element at the end moment; acquiring a first moment and a first position corresponding to a last touch event among a plurality of touch events recorded at a predetermined time interval during the two-dimensional touch movement; and if a first time difference between the first moment and the end moment is not less than a preset time difference, determining the current velocity of the target element based on the end moment, the current position, the first moment and the first position.

4 . The method according to claim 3 , wherein the determining the current position and the current velocity of the target element as the current motion state further comprises:
if the first time difference is less than the preset time difference, acquiring a second moment and a second position, corresponding to a previous touch event of the last touch event, from the plurality of touch events; and determining the current velocity of the target element based on the end moment, the current position, the second moment and the second position.

5 . The method according to claim 1 , wherein the motion state comprises a current position and a current velocity; and the determining that the inertial movement of the target element after the end event of the two-dimensional touch movement involves a region outside the first elastic boundary of the display interface, comprises:
if the current position is outside the first elastic boundary, determining that the inertial movement involves a region outside the first elastic boundary; or if the current position is within the first elastic boundary, and if determining that the inertial movement needs to be performed based on the current velocity, determining the assumed end-point position; and determining that the inertial movement involves a region outside the first elastic boundary in a case that the assumed end-point position is outside the first elastic boundary.

6 . The method according to claim 5 , wherein the determining that the inertial movement needs to be performed based on the current velocity, comprises: if the current velocity is greater than a preset velocity threshold, determining that the inertial movement needs to be performed.

7 . The method according to claim 1 , wherein the assumed end-point position is determined based on the first elastic boundary, the motion state, a preset deceleration/acceleration, and a preset over-boundary damping coefficient.

8 . The method according to claim 1 , wherein the determining the collision information for occurrence of the collision rebound comprises:
determining a collision position where the collision rebound occurs according to the first elastic boundary, a current position in the motion state, and the assumed end-point position; and determining a collision time and a collision key frame based on the collision position, to determine the collision information.

9 . The method according to claim 8 , wherein the determining the collision position where the collision rebound occurs according to the first elastic boundary, the current position in the motion state, and the assumed end-point position, comprises:
determining an initial collision position to enable a first distance from the first elastic boundary to the initial collision position in a first axis direction corresponding to the first elastic boundary to be equal to a second distance from the initial collision position to the assumed end-point position; if the second distance is between a first distance threshold and a second distance threshold, taking the initial collision position as the collision position; if the second distance is greater than the second distance threshold, determining the collision position based on the second distance threshold and the motion state; and if the second distance is less than the first distance threshold, determining the collision position based on the current position and the assumed end-point position.

10 . The method according to claim 8 , wherein the determining the collision time and the collision key frame based on the collision position, to determine the collision information, comprises:
determining the collision key frame based on the collision position; and determining the collision time based on a first displacement and an easing functional equation corresponding to the target easing function, wherein the first displacement is a displacement from the current position to the collision position.

11 . The method according to claim 1 , wherein the collision information comprises a collision position, a collision time, and a collision key frame corresponding to the collision position; and generating the first animation from the motion state to the occurrence of the collision rebound and a second animation from the occurrence of the collision rebound to the case where the first boundary of the target element is aligned with the first elastic boundary, comprises:
determining a first easing function before the collision rebound occurs and a second easing function after the collision rebound occurs based on the collision time and the target easing function; generating the first animation based on the first easing function, the collision time, the collision key frame, and a first displacement from the current position to the collision position; and generating the second animation based on the second easing function, the collision time, the collision key frame, and a second displacement from the collision position to a target position, wherein the target position is a position where the first boundary of the target element is aligned with the first elastic boundary.

12 . The method according to claim 11 , wherein the collision information further comprises a start key frame when the end event occurs and an end key frame when the target position is reached;
generating the first animation comprises generating the first animation based on the first easing function, the collision time, the start key frame, the collision key frame, and respective components of the first displacement in a first axis direction and a second axis direction, wherein the first axis direction and the second axis direction are perpendicular to each other; and generating the second animation comprises: determining a rebound time accor

Assignees

• Beijing Bytedance Network Tech Co Ltd

Inventors

• Lu Dan

Classifications

• G06F3/0488

  using a touch-screen or digitiser, e.g. input of commands through traced gestures · CPC title

• G06F3/04883 Primary

  for inputting data by handwriting, e.g. gesture or text · CPC title

• G06T13/00 Primary

  Animation · CPC title