Search

CN-121980042-A - Time backflow type digital recall presentation method

CN121980042ACN 121980042 ACN121980042 ACN 121980042ACN-121980042-A

Abstract

The invention provides a time backflow type digital recall presentation method, which relates to the technical field of mobile Internet, and comprises the steps of obtaining a starting time point and an ending time point which represent a recall time range to be presented; the method comprises the steps of obtaining a starting time point, obtaining a total time difference by calculation through the starting time point and an ending time point, setting the total step number required by reversing the animation and the execution interval of each step based on the total time difference, obtaining an animation progress parameter according to the total step number and the execution interval, initializing the animation progress parameter to enable the animation progress parameter to linearly change from an initial value to a final value in the animation execution process, obtaining the current value of the animation progress parameter as input when each step of the animation is executed, and calculating the input current value by applying a preset slow-moving function to obtain a nonlinear progress parameter with an S-shaped change curve. The invention improves the immersion sense, emotion resonance and visual fluency of recall presentation.

Inventors

  • HUANG JIANJIAN
  • YUAN JINGRUI

Assignees

  • 北京发现角科技有限公司

Dates

Publication Date
20260505
Application Date
20251231

Claims (7)

  1. 1. A method for presenting a digital recall of a time reversal, the method comprising: Acquiring a starting time point and an ending time point which represent a recall time range to be presented, and calculating to obtain a total time difference value through the starting time point and the ending time point; Setting the total step number and the execution interval of each step required for realizing the reverse animation based on the total time difference value, and obtaining an animation progress parameter according to the total step number and the execution interval; when each step of animation is executed, the current value of the progress parameter of the animation is obtained as input, and the input current value is applied to a preset slow function for calculation so as to obtain a nonlinear progress parameter with an S-shaped change curve; calculating the nonlinear progress parameter and the total time difference value, and dynamically and continuously calculating a reversing time point corresponding to the current animation step; Performing real-time formatting and visual rendering on each reversing time point, and updating display contents to obtain a core visual animation sequence with continuous and smooth reversing date; And triggering and cooperatively controlling the playing of at least one auxiliary animation in stages according to preset triggering conditions related to animation progress parameters in the playing process of the core visual animation, wherein the auxiliary animation comprises a clock inversion animation and a visual metaphor animation, and the auxiliary animation and the core visual animation jointly construct a complete immersive time backflow experience through cooperation of time sequences and narratives.
  2. 2. The method according to claim 1, wherein the preset slow-moving function is a three-time slow-moving function configured to make the change of the nonlinear progress parameter present an S-shaped curve of acceleration in a start phase, approximately uniform in an intermediate phase, and deceleration in an end phase.
  3. 3. The method for presenting a digital recall of a time reversal of claim 1, wherein the phased triggering and coordinated control of the playing of at least one auxiliary animation comprises: Triggering a visual metaphor animation for rendering the change of the relation state at a first time node after the date reversing animation is started; based on the emotion basic tone and the narrative starting point established by the visual metaphor animation, reversing the animation at a second time node in the middle of the date reversing animation, and triggering a clock pointer reversing animation for a dynamic visualization time reversing process; Triggering a footprint track animation used for representing finding memory in a backed time track based on time backtracking perception enhanced by a clock pointer reverse animation at a third time node near the end of the date reverse animation, wherein the triggering time and playing logic of the visual metaphor animation, the clock pointer reverse animation and the footprint track animation are controlled in sequence by embedding a callback function chain in the execution process of the date reverse animation, so that all auxiliary animations are sequentially connected under the driving of the date reverse animation, and a progressive narrative experience from emotion touch, time perception to a behavior metaphor is constructed together.
  4. 4. The method for presenting the digital recall of claim 1 wherein in the step of real-time visual rendering, CSS hardware acceleration attribute is used to render the date display element and the auxiliary animation element, and browser redrawing and reflow are reduced by batch updating of data to optimize animation performance.
  5. 5. The method of claim 2, wherein the slow motion function can be replaced by other types of slow motion functions, including but not limited to a quadratic slow motion function, a five-time slow motion function, or a sinusoidal slow motion function, to achieve different time reversal rhythms and emotional atmospheres.
  6. 6. A digital recall presentation system for use in implementing the method of any one of claims 1 to 5 wherein the system comprises: The time data acquisition module is used for acquiring a starting time point and an ending time point and calculating to obtain a total time difference value between the starting time point and the ending time point; The animation core engine is connected to the time data acquisition module and used for receiving the total time difference value and initializing an animation process based on the set total step number and the execution interval; the time stamp calculation module is connected to the animation core engine and is used for receiving the nonlinear progress parameter and the total time difference value, dynamically and continuously calculating and generating a corresponding reversing time point; The visual rendering module is connected to the time stamp calculating module and is used for receiving the reversing time point and performing real-time visual rendering to present a date continuous reversing effect; And the animation cooperative controller is respectively connected with the animation core engine and the visual rendering module and is used for managing the playing time sequence and cooperative logic between the date reversing animation and each auxiliary animation element in the visual rendering module according to the triggering condition preset in the animation process.
  7. 7. A computer readable storage medium having stored thereon a computer program which, when executed by a processor, implements the method of any of claims 1 to 5.

Description

Time backflow type digital recall presentation method Technical Field The invention relates to the technical field of mobile Internet, in particular to a time backflow type digital recall presentation method. Background Along with the rapid development of social, lovers and album applications in mobile internet ecology, digital recall display has become a core function for improving user viscosity and emotion connection, and the display covers scenes such as backtracking of love souvenir days, common experience time line presentation of friends and light review in family album, and the like, so that the demands of users on recall presentation forms with more immersive feeling, narrative property and emotion resonance are improved, but the prior art is still limited to the traditional time line narrative frame, and experience bottlenecks are difficult to break through. Taking loving time machine function of a lover application with huge user quantity as an example, the loving time machine function is used for helping a user to trace back and the loving course of a partner, and the recall and presentation mode is that the current date is displayed firstly, then the lover is traced back to the loving starting date through digital animation decreasing according to the day, only the direct replacement of the number of the year, month and day is realized, the pink background with fixed rate is matched for gradual change, and meanwhile, related long-time notes are displayed statically. The technical scheme has the defects that the date change is jumping, no transition effect exists in the process of crossing months and years, the vision is vivid and hard, no continuous sense of time backflow exists, no slow motion design causes monotonous overall rhythm of the animation, meanwhile, the date animation and the background are gradually and independently operated, auxiliary animations such as clock inversion, recall footprint and the like cannot be cooperatively triggered, recall emotion is difficult to be searched through the transmission of a vision metaphor, the high-frequency DOM digital update causes obvious cartoon to appear in a low-end mobile phone, the integral watching rate and emotion resonance score of a user are low, and the experience requirements of the user on recall display fineness and emotion can not be met. Disclosure of Invention The invention aims to solve the technical problem of providing a time backflow type digital recall presentation method, which improves immersion, emotion resonance and visual fluency of recall presentation. In order to solve the technical problems, the technical scheme of the invention is as follows: in a first aspect, a method for presenting a digital recall in a time-reversed manner, the method comprising: Acquiring a starting time point and an ending time point which represent a recall time range to be presented, and calculating to obtain a total time difference value through the starting time point and the ending time point; Setting the total step number and the execution interval of each step required for realizing the reverse animation based on the total time difference value, and obtaining an animation progress parameter according to the total step number and the execution interval; when each step of animation is executed, the current value of the progress parameter of the animation is obtained as input, and the input current value is applied to a preset slow function for calculation so as to obtain a nonlinear progress parameter with an S-shaped change curve; calculating the nonlinear progress parameter and the total time difference value, and dynamically and continuously calculating a reversing time point corresponding to the current animation step; Performing real-time formatting and visual rendering on each reversing time point, and updating display contents to obtain a core visual animation sequence with continuous and smooth reversing date; And triggering and cooperatively controlling the playing of at least one auxiliary animation in stages according to preset triggering conditions related to animation progress parameters in the playing process of the core visual animation, wherein the auxiliary animation comprises a clock inversion animation and a visual metaphor animation, and the auxiliary animation and the core visual animation jointly construct a complete immersive time backflow experience through cooperation of time sequences and narratives. Further, the preset slow-moving function is a cubic slow-moving function, and the cubic slow-moving function is configured to enable the change of the nonlinear progress parameter to present an S-shaped curve of initial stage acceleration, middle stage approximately uniform speed and end stage deceleration. Further, the step triggering and cooperative controlling of playing of at least one auxiliary animation includes: Triggering a visual metaphor animation for rendering the change of the relation state at a first