You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
With sequence, we have serial or parallel linear movements
It's fine but for some type of motion it can still look quite unnatural.
The idea would be to provide so specific tween (only with position: Vector2(x, y) or Vector3(x,y,z)):
Curve (simple bezier curve with 2 control point)
Fatina.bezier({x:0,y:0},// start{x:108,y:32},// control point 1{x:176,y:32},// control point 2{x:196,y:160},// end position250// duration)// any usual method (.setTimescale(), .yoyo(), onComplete(), .setEasing(), ...).start()
Path: go through a list of 2D point in a certain duration (unlike sequence where each tween has his duration)
Fatina.path([{x:0,y:0},{x:108,y:32},{x:176,y:32},{x:196,y:160}],// n point to go through250// duration)// any usual method (.setTimescale(), .yoyo(), onComplete(), .setEasing(), ...).start()
Curve Path: A mix of both previous one, the equivalent of sequence for curves.
Concern
For bezier, yes there is a real need
For Path and Curve path, I still wonder if it's not possible to just use Sequence and provide a way to compute duration based on global speed and distance of each tween on the fly.
Screenshot
Bezier curve
Curve Path
The text was updated successfully, but these errors were encountered:
Description
tweens
, we have linear movementsequence
, we have serial or parallel linear movementsIt's fine but for some type of motion it can still look quite unnatural.
The idea would be to provide so specific tween (only with position: Vector2(x, y) or Vector3(x,y,z)):
Concern
Sequence
and provide a way to compute duration based on global speed and distance of each tween on the fly.Screenshot
Bezier curve
Curve Path
The text was updated successfully, but these errors were encountered: