Doc:Ball Bounce/fr - Revision history

Synme: addition of the English tutorial in french version

2016-03-03T17:48:44Z

addition of the English tutorial in french version

Synme: addition of the English tutorial in french version

2016-03-03T17:48:14Z

addition of the English tutorial in french version

Synme: /* Rebond de Balle en utilisant l'interpolation des points de passages */

2016-02-06T16:29:00Z

‎Rebond de Balle en utilisant l'interpolation des points de passages

Synme: /* Ball Bounce following a path */

2016-02-06T16:18:49Z

‎Ball Bounce following a path

Synme: /* Ball Bounce following a path */

2016-02-06T16:15:05Z

‎Ball Bounce following a path

D.j.a.y: /* Ball Bounce using waypoints interpolations */ translation progress

2013-12-15T20:53:30Z

‎Ball Bounce using waypoints interpolations: translation progress

D.j.a.y: /* Rebond de Balle Manuel */ translation

2013-12-15T17:41:50Z

‎Rebond de Balle Manuel: translation

D.j.a.y: Points de Passages / Typo / intra link on parabolic

2013-12-15T14:42:36Z

Points de Passages / Typo / intra link on parabolic

D.j.a.y: intra links / translation correction / following translation

2013-12-15T10:35:55Z

intra links / translation correction / following translation

Ninchat at 13:18, 20 November 2011

2011-11-20T13:18:27Z

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

← Older revision		Revision as of 17:48, 3 March 2016
Line 250:		Line 250:

	== Mathematical emulation ==		== Mathematical emulation ==
		+
		+	My approach is to imagine x and y movements as independent, so the x is simple (uniform rectilinear movement) and the y a little more complex. The first idea was to use the classical equations for acceleration (and gravity), but this would lead to need one equation per step (up-down or down-up). The ultimate idea is to use the sine function to describe the position at each timepoint, so... one equation would last forever!
		+
		+	Steps:
		+	* Origin converted to composite
		+	* X manualy animated to go linearly from left to right of the canvas: simple.
		+	* Y converted to sine
		+	* Sine Amplitude set to 1
		+	* Sine DEG to time loop, and then:
		+	* Timeloop link to 0 at 0 seconds and 180 at 1 second
		+	* Timeloop duration: 1 second
		+	* Rest timeloop parameters left to 0
		+
		+	I guess the result is almost correct although the shape of the curve is not perfect, but I don't know why. Upgrades might make the effect better, such as the ball bouncing less each time with a more complex function.
		+

	Anyone want to try? :)		Anyone want to try? :)

@@ Line 72: / Line 72: @@
 Le mode d'interpolation {{l|TCB}} permet de modifier les valeurs de {{literal|Tension}}, {{literal|Continuité}}, {{literal|Biais}} et de {{literal|Tension Temporelle}} du points de passage. Vous pouvez ainsi créer facilement une approximation douce ou pointue du {{l|ValueNode}} à la position du point de passage.
-Cette fois si, je vais utiliser des valeurs identiques pour les points supérieurs et inférieurs de la table précédente. Mais je ne veux pas utiliser plus d'un point de passage pour chaque extrémités. Le reste de la courbe seras réalisée en utilisant des paramètres TCB.
+Cette fois-ci, je vais utiliser des valeurs identiques pour les points supérieurs et inférieurs de la table précédente. Mais je ne veux pas utiliser plus d'un point de passage pour chaque extrémités. Le reste de la courbe seras réalisée en utilisant des paramètres TCB.
 La table des points de passages ressemble donc à ceci :

@@ Line 239: / Line 239: @@
 Now look to the graphs again and notice that the X travel is now a ''straight'' line.
-{{l|Image:bline-track2.png|800px}}
+{{l|Image:BallBounce-tuto-Spline-track2 0.63.06.png|800px}}
 This is the resulting animation and the sifz file.

@@ Line 182: / Line 182: @@
 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}}
+{{l|Image:BallBounce-tuto-Spline-track1 0.63.06.png|800px}}
 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 247: / Line 247: @@
 The sample file: {{l|Media:bline.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.
-−
 == Mathematical emulation ==

@@ Line 68: / Line 68: @@
 Projet : {{l|Media:manual.sifz}}
-== Ball Bounce using waypoints interpolations==
+== Rebond de Balle en utilisant l'interpolation des points de passages ==
-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.
+Le mode d'interpolation {{l|TCB}} permet de modifier les valeurs de {{literal|Tension}}, {{literal|Continuité}}, {{literal|Biais}} et de {{literal|Tension Temporelle}} du points de passage. Vous pouvez ainsi créer facilement une approximation douce ou pointue du {{l|ValueNode}} à la position du point de passage.
-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.
+Cette fois si, je vais utiliser des valeurs identiques pour les points supérieurs et inférieurs de la table précédente. Mais je ne veux pas utiliser plus d'un point de passage pour chaque extrémités. Le reste de la courbe seras réalisée en utilisant des paramètres TCB.
-The table of waypoints gives this result:
+La table des points de passages ressemble donc à ceci :
 {|
-| '''Time''' || '''X position''' || '''Y position''' || '''Comments'''
+| '''Temps''' || '''Position X''' || ''' Position Y''' || '''Commentaires'''
 |-
-| 0f || -175.0 || 92.0 || Highest point
+| 0f || -175.0 || 92.0 || Point Supérieur
 |-
-| 20f || -125.0 || -15.522 || Lower point
+| 20f || -125.0 || -15.522 || Point Inférieur
 |-
-| 40f || -75.0 || 92.0 || Highest point
+| 40f || -75.0 || 92.0 || Point Supérieur
 |-
-| 60f || -25.0 || -15.522 || Lower point
+| 60f || -25.0 || -15.522 || Point Inférieur
 |-
 | ... || ...
 |}
-As you can see the number of points is reduced drastically.
+Comme vous pouvez le noter, le nombre de points à été réduit de manière drastique.
-In you only use a default TCB interpolation it would give you a poor result. Look at the graph:
+Si vous utilisez uniquement l'interpolation TCB par défaut, cela vous donneras un résultat pas terrible. Jetons un oeil au graphique :
-{{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:
+Mais si vous changez les paramètres TCB voici le résultat que vous pouvez obtenir :
-{{l|Image:waypoint-graph2.png|800px}}
+[[File:BallBounce-tuto-Waypoint-graph2 0.63.06.png|800px|frame|none]]
-The TCB parameters are the following:
+Les paramètres TCB sont les suivants :
 {|
-| '''Time''' || '''X position''' || '''Y position''' || '''Comments'''||'''Tension'''|| '''Continuity'''|| '''Bias'''|| '''Temporal Tension'''
+| '''Temps''' || '''Position X''' || '''Position Y''' || '''Commentaires'''||'''Tension'''|| '''Continuité'''|| '''Biais'''|| '''Tension Temporelle '''
 |-
-| 0f || -175.0 || 92.0 || Highest point|| 0.0 || 0.0 || 0.0 || 0.0
+| 0f || -175.0 || 92.0 || Point Supérieur || 0.0 || 0.0 || 0.0 || 0.0
 |-
-| 20f || -125.0 || -15.522 || Lower point || 0.0 || -2.2 || 0.0 || 0.0
+| 20f || -125.0 || -15.522 || Point Inférieur || 0.0 || -2.2 || 0.0 || 0.0
 |-
-| 40f || -75.0 || 92.0 || Highest point || 0.0 || 0.0 || 0.0 || 0.0
+| 40f || -75.0 || 92.0 || Point Supérieur || 0.0 || 0.0 || 0.0 || 0.0
 |-
-| 60f || -25.0 || -15.522 || Lower point || 0.0 || -2.2 || 0.0 || 0.0
+| 60f || -25.0 || -15.522 || Point Inférieur || 0.0 || -2.2 || 0.0 || 0.0
 |-
-| 80f || 25.0 || 92.0 || Highest point || 0.0 || 0.0 || 0.0 || 0.0
+| 80f || 25.0 || 92.0 || Point Supérieur || 0.0 || 0.0 || 0.0 || 0.0
 |-
 | ... || ... ||... || ... || ... || ... || ... || ...
@@ Line 120: / Line 120: @@
-That's the resulting animation:
+Ce qui donne comme animation :
 {{l|Image:waypoint-2.gif}}
-And the sample file: {{l|Media:waypoint-2.sifz}}
+Et le fichier du projet : {{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.
+Vous pouvez remarquer que la courbe à  0f et à 80f n'est pas bien formé. C'est du au fait que les paramètres TCB ont besoin de faire partis à une point de passage intermédiaire pour faire effet. Si le point de passage est à une extrémité (pour la fin ou le début de l'animation il ne peut pas modifier la courbe). Pour résoudre cela il faut séparer la coordonnée X et Y de l'{{literal|Origine}} et appliquer une interpolation {{l|Ease In/Out}} à la coordonnée Y et laisser la coordonnée X avec l'interpolation actuelle. Donc, dans l'exemple, il faut considérer uniquement les rebonds compris entre les deux lignes verticales noirs.
-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.
+Vous pouvez aussi rendre le point supérieur plus plat en augmentant la Tension Temporelle (0.5 peut être un bonne valeur). Cela produiras une déformation de la coordonnée X, donc vous avez besoin de séparer les deux coordonnées pour faire cela. Testez par vous même en jouant avec le fichier attaché. Le point supérieur à été laissé à la valeur par défaut.
-Here is a comparison of both bounces a the same time.
+Voici une comparaison des deux rebonds en même temps.
 {{l|Image:waypoint-compare.gif}}
-With this approximation you can easily modify the Y coordinate of the highest points. The interpolation would take care of the rest. With the manual interpolation you should calculate all the x/y coordinates od the resulting curve for a lower bounce. You can record the values into a calculus sheet and just multiply the Y value by a reduction factor. Anyway you have to enter all the value pairs one by one.
+Avec cette approximation, vous pouvez facilement modifier la coordonnée Y du point supérieur. L'interpolation feras le reste pour vous. Avec l'interpolation manuelle vous devriez calculer toutes les coordonnées X/Y de la courbe pour obtenir un rebond plus bas. C'est possible de saisir les valeurs dans une feuille de calcul et multipliez la valeur Y par un facteur de réduction, mais vous aurez besoin de saisir les valeurs une par une à la main.
 == Ball Bounce following a path ==

@@ Line 52: / Line 52: @@
 |}
-You can see that the X position is increasing in steps of 10.0 and the Y position reproduces a parabolic curve.
+Vous pouvez remarquer que la position X augmente par palier de 10.0 et que la Y position reproduit la courbe parabolique.
-To proceed with more than one bounce just duplicate the waypoints (place the cursor at the right place right click over the waypoint and duplicate) reproducing symmetrical movements. You should need to edit the X values manually to decrease by 10.0 for each new waypoint.
+Afin de produire plus d'un rebond, dupliquez les points de passages (positionnez le curseur de temps à l'endroit voulu, cliquez droit sur le point de passage et sélectionnez {{literal|Dupliquer}}) afin de reproduire de mouvement symétrique. Vous aurez ensuite besoin de réduire manuellement les valeurs X de 10.0 pour chacun des nouveaux points de passages.
-This is the resulting graph for the manual approximation to the ball bounce.
+Voici le graphique correspondant à la méthode manuel du rebond d'une balle.
-{{l|Image:manual-graph.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.
+Les points bas ne sont pas pointues. Pour qu'ils le soient vous devrez ajouter des points des passages intermédiaires autour de l'image basse (20f). Testez par vous même en utilisant le fichier joint.
-The resulting animation and file are those ones.
+Voici l'animation résultante ainsi que le fichier de projet.
 {{l|Image:manual.gif}}
-File: {{l|Media:manual.sifz}}
+Projet : {{l|Media:manual.sifz}}
 == Ball Bounce using waypoints interpolations==

@@ Line 10: / Line 10: @@
-Voici un tutoriel qui vous permettra de réaliser le rebond d'une balle en se focalisant sur son mouvement. Les balles dans les dessins dessinées subissent une grande déformation de leur forme, et encore plus lorsqu'elles touchent le sol. Cela pourrait être traité dans une seconde étape.
+Voici un tutoriel qui vous permettra de réaliser le rebond d'une balle en se focalisant sur son mouvement. Les balles dans les dessins dessinées subissent une grande déformation de leur forme, et encore plus lorsqu'elles touchent le sol. Cela pourrait être traitée dans une seconde étape.
 ==Approximations différentes pour un résultat identique==
 Avec Synfig, il y à quatre façons de réaliser le rebond d'une balle.
-#En créant le rebond manuellement. Cela implique de créer plusieurs {{l|Waypoints}} et de les ajuster pour correspondre à un mouvement parabolique (en temps et en trajectoire).
+#En créant le rebond manuellement. Cela implique de créer plusieurs {{l|Waypoint|Points de Passages}} et de les ajuster pour correspondre à un mouvement parabolique (en temps et en trajectoire).
-#En utilisant les paramètres d'interpolations {{l|TCB}} des points de passages . Cela réduit considérablement la quantité de points de passages et aussi rend le tempo du rebond plus simple.
+#En utilisant les paramètres d'interpolations {{l|TCB}} des points de passages. Cela réduit considérablement la quantité de points de passages et aussi rend le tempo du rebond plus simple.
 #En utilisant la fonctionnalité de {{l|Link to Spline}}. Si vous dessinez la trajectoire d'une balle qui rebondit en utilisant une {{l|Spline}}, il sera assez simple de faire suivre à la balle le chemin désiré, et même changer sa vitesse.
-#La quatrième et dernière façon consiste à utiliser des équations mathématiques pour le faire. il suffit de faire plusieurs tirs paraboliques au bon endroit et au bon moment afin de créer le rebond. Cela est plus délicat, mais plus précis.
+#La quatrième et dernière façon consiste à utiliser des équations mathématiques pour le faire. Il suffit de simuler plusieurs {{l|Parabolic Shot|tirs paraboliques}} au bon endroit et au bon moment afin de créer le rebond. Cela est plus délicat, mais plus précis.
 == Rebond de Balle Manuel ==

@@ Line 1: / Line 1: @@
 <!-- Page info -->
-{{Title|le rebond d'une balle}}
+{{Title|Le rebond d'une balle}}
 {{Category|Manual}}
 {{Category|Tutorials}}
@@ Line 7: / Line 7: @@
-                 Cette page est en cours de traduction, soyez patient.
+                 Cette page est en cours de traduction, soyez patient ou contribuez !.
-Voici un tutoriel qui vous permettra de réaliser le rebond d'une balle. L'ensemble de ce tutoriel sera destiné au mouvement de cette balle. Les balle de bande dessinée ont une physique quelque peut particulière, et c'est cela que nous allons étudier. Le mouvement réaliste pourrait être traité dans une seconde étape.
+Voici un tutoriel qui vous permettra de réaliser le rebond d'une balle en se focalisant sur son mouvement. Les balles dans les dessins dessinées subissent une grande déformation de leur forme, et encore plus lorsqu'elles touchent le sol. Cela pourrait être traité dans une seconde étape.
-==Approximations différentes pour un même résultat==
+==Approximations différentes pour un résultat identique==
-Avec Synfig, il y a quatre façons de réaliser le rebond d'une balle, en utilisant ses possibilités techniques.
+Avec Synfig, il y à quatre façons de réaliser le rebond d'une balle.
-#La première est de créer ce rebond manuellement. Cela impliquerait de créer plusieurs waypoints et les ajuster pour correspondre à un mouvement parabolique (en temps et en chemin).<br><br>
+#En créant le rebond manuellement. Cela implique de créer plusieurs {{l|Waypoints}} et de les ajuster pour correspondre à un mouvement parabolique (en temps et en trajectoire).
-#La deuxième façon consiste a utiliser les paramètres des interpolations des waypoints. Ce serait réduire considérablement la quantité de waypoints et aussi rendre le timing du rebond plus simple.<br><br>
+#En utilisant les paramètres d'interpolations {{l|TCB}} des points de passages . Cela réduit considérablement la quantité de points de passages et aussi rend le tempo du rebond plus simple.
-#La troisième façon d'effectuer un rebond est d'utiliser les capacités des Bline. Si vous dessinez la trajectoire d'une balle qui rebondit en utilisant une Bline, il sera assez simple de faire suivre à la balle le chemin désiré, et même changer sa vitesse. <br><br>
+#En utilisant la fonctionnalité de {{l|Link to Spline}}. Si vous dessinez la trajectoire d'une balle qui rebondit en utilisant une {{l|Spline}}, il sera assez simple de faire suivre à la balle le chemin désiré, et même changer sa vitesse.
-#La quatrième et dernière façon consiste a utiliser des équations mathématiques pour le faire. il suffit de faire plusieurs tirs paraboliques au bon endroit et au bon moment afin de créer le rebond. Cela serait plus délicat, mais plus précis.
+#La quatrième et dernière façon consiste à utiliser des équations mathématiques pour le faire. il suffit de faire plusieurs tirs paraboliques au bon endroit et au bon moment afin de créer le rebond. Cela est plus délicat, mais plus précis.
-== Manual Ball Bounce ==
-The rule to make the ball bounce manually is to draw in a paper the desired bounce. Then mark the horizontal line with regular intervals and match the curve intersection in vertical. See the image:
+== Rebond de Balle Manuel ==
 {{l|Image:bounce.jpg|256px}}
-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.
+Vous pouvez remarquer que, partant d'un intervalle régulier sur l'axe horizontal cela résulte à un intervalle irrégulier sur l'axe vertical. Cela est du au type de la courbe.
-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:
+Une fois les points situés sur une grille 2D, ils peuvent être directement dessinés dans Synfig en utilisant la grille ({{Shortcut|F11}}). Après les avoir dessinés, nous avons normalisé les valeurs afin d'être totalement symétrique. Cela donne la table suivante:
 {|
-| '''Time''' || '''X position''' || '''Y position''' || '''Comments'''
+| '''Temps''' || '''Position X''' || '''Position Y''' || '''Commentaires'''
 |-
-| 0f || -175.0 || 92.0 || Highest point
+| 0f || -175.0 || 92.0 || Point le plus haut
 |-
 | 4f || -165.0 || 92.0 ||
@@ Line 43: / Line 43: @@
 | 16f || -135.0 || 29.479 ||
 |-
-| 20f || -125.0 || -15.522 || Lower point
+| 20f || -125.0 || -15.522 || Point le plus bas
 |-
 | 24f || -115.0 || 29.479 ||

@@ Line 11: / Line 11: @@
 <center><span style="font-variant:small-caps">This tutorial is under construction. Please be patient.</span></center>
-This is a tutorial to explain how to create a bounce tutorial. The main target of the tutorial covers the ball movement. It is known that cartoon like balls have also a very deformed poses meanwhile thery are travelling and especially when it hits the ground. This could be covered in a second stage.
+Voici un tutoriel qui vous permettra de réaliser le rebond d'une balle. L'ensemble de ce tutoriel sera destiné au mouvement de cette balle. Les balle de bande dessinée ont une physique quelque peut particulière, et c'est cela que nous allons étudier. Le mouvement réaliste pourrait être traité dans une seconde étape.
-==Different aproximations for the same result==
+==Approximations différentes pour un même résultat==
-−
-With Synfig there are four ways to create a bounce ball using the technical possibilities of this program.
-#The first one is do the bounce ball manually. That would involve to create several waypoints and adjust them to match a parabolic movement (in time and in path).<br><br>
-#Second way is to use the interpolations parameters of the waypoints when they are set to TCB interpolation. This would drastically reduce the amount of waypoints and also make the timing of the bounces easier.<br><br>
-#Third way to perform a bounced ball is to make use of the Link to bline ability. If you draw the path of a bouncing ball using a bline it is quite easy to make the ball follow the path even changing the bouncing speed. <br><br>
-#The fourth way to simulate a bouncing ball is to create the mathematical equations to do that. Just make several parabolic shots at the rigth place a 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 256: / Line 255: @@
 ==Conclusions==