Doc:Ball Bounce - Revision history

D.j.a.y: /* Ball Bounce using waypoints interpolations */ intra link

2013-12-15T20:54:54Z

‎Ball Bounce using waypoints interpolations: intra link

D.j.a.y: Intra link -> parabolic shot

2013-12-15T14:43:22Z

Intra link -> parabolic shot

D.j.a.y: {{Shortcut|F11}}

2013-12-15T10:30:39Z

D.j.a.y: Intra links

2013-12-15T10:00:29Z

Intra links

Zelgadis: Text replace - "{{Category|NewTerminology}}" to "{{NewTerminology}}"

2013-05-20T08:11:49Z

Text replace - "{{Category|NewTerminology}}" to "{{NewTerminology}}"

D.j.a.y: screenshot updated

2013-04-22T20:05:43Z

screenshot updated

D.j.a.y: screenshot progresss

2013-04-22T19:06:42Z

screenshot progresss

D.j.a.y: change bline.sifz to new "Ball boune tutorial spline.sifz"

2013-04-22T18:47:24Z

change bline.sifz to new "Ball boune tutorial spline.sifz"

D.j.a.y: screenshot progress

2013-04-22T18:42:03Z

screenshot progress

D.j.a.y: Update screenshot progress

2013-04-21T09:40:35Z

Update screenshot progress

@@ Line 69: / Line 69: @@
 == Ball Bounce using waypoints interpolations==
-The TCB interpolation mode allows modify the Tension, Continuity, Bias, and Temporal Tension values of the waypoint. So you can create easily smooth or peak aproximation to the value of the valuenode in the waypoint position.
+The {{l|TCB}} interpolation mode allows modify the Tension, Continuity, Bias, and Temporal Tension values of the waypoint. So you can create easily smooth or peak aproximation to the value of the {{l|ValueNode}} in the waypoint position.
 This time I would use the same values for the highest and lower points of the table before. But I won't use more than one waypoint for each extreme position. The rest of the curve would be done using the TCB parameters.
@@ Line 125: / Line 125: @@
 And the sample file: {{l|Media:waypoint-2.sifz}}
-Notice that the curve at 0f and at 80f are not properly formed. It is due to the fact that the TCB parameters needs to belong to an intermediate waypoint to have effect. If the waypoint is extreme (the end or the beginning of the animation for the parameter it cannot modify the curve. To solve that you should split the X and Y coordinates of the Origin and apply a Ease In/Out interpolation to those Y coordinate and leave the X coordinate with the current interpolation. So please consider only the bounces between the two black vertical lines.
+Notice that the curve at 0f and at 80f are not properly formed. It is due to the fact that the TCB parameters needs to belong to an intermediate waypoint to have effect. If the waypoint is extreme (the end or the beginning of the animation for the parameter it cannot modify the curve). To solve that you should split the X and Y coordinates of the {{literal|Origin}} and apply a {{l|Ease In/Out}} interpolation to those Y coordinate and leave the X coordinate with the current interpolation. So please consider only the bounces between the two black vertical lines.
 Notice also that you can make the highest point more flat increasing the Temporal Tension parameter (a good value can be 0.5). This would produce a deformation to the X coordinate so you need to separate both coordinates to do that. Try it by your self editing the attached file. I have left the highest point to have the default values.

@@ Line 17: / Line 17: @@
 # Use the interpolation parameters of the waypoints when they are set to {{l|TCB}} interpolation. This drastically reduces the amount of waypoints and also makes the timing of the bounces easier.
 # Use the {{l|Link to Spline}} feature. If you draw the path of a bouncing ball using a spline it is easy to make the ball follow the path even changing the bouncing speed.
-# Create the mathematical equations to do that. Make several parabolic shots at the right place and the right time to simulate a bouncing ball. It would be a little tricky but probably should be the most accurate one.
+# Create the mathematical equations to do that. Make several {{l|Parabolic Shot|parabolic shots}} at the right place and the right time to simulate a bouncing ball. It would be a little tricky but probably should be the most accurate one.
 == Manual Ball Bounce ==

@@ Line 27: / Line 27: @@
 You can notice that having regular intervals in the horizontal axis gives irregular intervals to the vertical axis. It is due to the nature of the curve.
-Once the points are located in a 2D grid then it can be drawn directly in Synfig doing use of the grid (F11). After drawing them we normalized the values to be completely symmetrical. That gives the following table:
+Once the points are located in a 2D grid then it can be drawn directly in Synfig doing use of the grid ({{Shortcut|F11}}). After drawing them we normalized the values to be completely symmetrical. That gives the following table:
 {|

@@ Line 14: / Line 14: @@
 With Synfig there are four ways to create a bouncing ball:
-# Do the bouncing ball manually. This involves creating several waypoints and adjust them to match a parabolic movement (in time and space).
+# Do the bouncing ball manually. This involves creating several {{l|Waypoints}} and adjust them to match a parabolic movement (in time and space).
-# Use the interpolation parameters of the waypoints when they are set to TCB interpolation. This drastically reduces the amount of waypoints and also makes the timing of the bounces easier.
+# Use the interpolation parameters of the waypoints when they are set to {{l|TCB}} interpolation. This drastically reduces the amount of waypoints and also makes the timing of the bounces easier.
-# Use the Link to spline feature. If you draw the path of a bouncing ball using a spline it is easy to make the ball follow the path even changing the bouncing speed.
+# Use the {{l|Link to Spline}} feature. If you draw the path of a bouncing ball using a spline it is easy to make the ball follow the path even changing the bouncing speed.
 # Create the mathematical equations to do that. Make several parabolic shots at the right place and the right time to simulate a bouncing ball. It would be a little tricky but probably should be the most accurate one.

@@ Line 4: / Line 4: @@
 {{Category|Tutorials Intermediate}}
-{{Category|NewTerminology}}
+{{NewTerminology}}
 <!-- Page info end -->

@@ Line 93: / Line 93: @@
 In you only use a default TCB interpolation it would give you a poor result. Look at the graph:
-{{l|Image:waypoint-curves1.png|800px}}
+[[File:BallBounce-tuto-Waypoint-graph1 0.63.06.png|800px|frame|none]]
 But if you edit the TCB parameters this is the result you obtain:
@@ Line 181: / Line 181: @@
 This coincides with the main waypoints of the last method we have seen. But look what's the result:
-{{l|Image:bline-track.png|800px}}
+[[File:BallBounce-tuto-Spline-track1 0.63.06.png|800px|frame|none]]
 Its X movement graph looks ugly. It is not a straight line that means that the horizontal velocity is not constant. To solve that you have to insert more waypoints in the middle.

@@ Line 151: / Line 151: @@
 The first thing you have to do is define the path that the bouncing ball is going to describe. I've used the previous manual animation to draw this spline:
-[[File:BallBounce-tuto-Spline-path 0.63.06.png|frame|none]]
+[[File:BallBounce-tuto-Spline-path 0.63.06.png|600px|frame|none]]
 <small> (You can notice that there are some missing tangents. It is due that I've linked the parallel tangents of the peak points of the path. It is more easy to setup because you only have to control two tangents to control all the tangents at the same time.)</small>
@@ Line 238: / Line 238: @@
 Now look to the graphs again and notice that the X travel is now a ''straight'' line.
-{{l|Image:bline-track2.png|800px}}
+[[File:BallBounce-tuto-Spline-track2 0.63.06.png|800px|frame|none]]
 This is the resulting animation and the sifz file.

@@ Line 244: / Line 244: @@
 {{l|Image:bline.gif}}
-The sample file: {{l|Media:bline.sifz}}
+The sample file: {{l|File:Ball boune tutorial Spline.sifz}}
 It is supposed that the small yellow ball should follow the red one all the time but you can see that is goes a little faster some times and a little slower other times. It is due to I need to use different times for the adjusting waypoints or add more of them.

@@ Line 57: / Line 57: @@
 This is the resulting graph for the manual approximation to the ball bounce.
-{{l|File:BallBounce-tuto-Manual-graph 0.63.06.png|800px}}
+[[File:BallBounce-tuto-Manual-graph 0.63.06.png|800px|frame|none]]
 The lower points are not peak points. To do that you need to insert more waypoints in intermediate places around the lower frame (20f). TRy it by your self with the attached file.
@@ Line 97: / Line 97: @@
 But if you edit the TCB parameters this is the result you obtain:
-{{l|Image:waypoint-graph2.png|800px}}
+[[File:BallBounce-tuto-Waypoint-graph2 0.63.06.png|800px|frame|none]]
@@ Line 151: / Line 151: @@
 The first thing you have to do is define the path that the bouncing ball is going to describe. I've used the previous manual animation to draw this spline:
-{{l|Image:bline-path.png}}
+[[File:BallBounce-tuto-Spline-path 0.63.06.png|frame|none]]
 <small> (You can notice that there are some missing tangents. It is due that I've linked the parallel tangents of the peak points of the path. It is more easy to setup because you only have to control two tangents to control all the tangents at the same time.)</small>