User Tools

Site Tools


position_tween

Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revisionPrevious revision
Next revision
Previous revision
position_tween [2017/02/25 03:06] maeflorestaposition_tween [2017/03/11 23:22] (current) – external edit 127.0.0.1
Line 4: Line 4:
  
 =====Position Tween===== =====Position Tween=====
-As its name implies, this tween is related to movement. Let's say you have an object in the frame #1 and you want to take it through the canvas area from the current position to another point following an specific path and using N frames, well this tween can help you to do the hard work creating N-1 frames for you and placing the object in the right place for every frame, generating the illusion of movement for that item.+As its name implies, this tween is related to movement. Let's say you have an object in the frame #1 and you want to take it through the canvas area from the current position to another point following an specific path and using **N** frames (where **N** is the frames total defined by yourself), well this tween can help you to do the hard work creating **N-1** frames for you and placing the object in the right place for every frame, generating the illusion of movement for that item.
  
-Ok, let's animate a bouncing ball to make things go easier. First at all, let's add a circle in some point of the top-left corner of the canvas in our first frame.+Ok, let's animate a bouncing ball to make things go easier. First at all, let's add a circle (our ball) in some point of the top-left corner of the canvas in our first frame.
  
 {{ wiki:position_tween_circle.png }} {{ wiki:position_tween_circle.png }}
Line 83: Line 83:
 ;#; ;#;
  
-By default, the Position tween assigns few frames for every subpath, as you can see it in the table of the properties panel. +By default, the Position tween assigns few frames for every subpath, as you can see it in the table of the properties panel. To edit every frame cell you can either double click on each one or to use the **+**|**-** buttons to increment/decrement the frame values for every segment.  
  
 {{ wiki:position_tween_spreadsheet01.png }} {{ wiki:position_tween_spreadsheet01.png }}
Line 118: Line 118:
 ;#; ;#;
  
-Remember two things: 1. You can edit the parameters of every tween any time you need it, and 2. You can't add new tweens over the same object.+Remember two things: 1. You can edit the parameters of every tween any time you need it, including to modify the path nodes and adding new subpaths as we did it at the first time, and 2. You can't add new tweens over the same object, just once. To release an object, you have to remove the tween related to that item.
  
 {{ wiki:position_tween_close.png }} {{ wiki:position_tween_close.png }}
Line 124: Line 124:
 **Fig 19**. Tween manager  **Fig 19**. Tween manager 
 ;#; ;#;
 +
 +**Note:** To delete a tween, select it from the tween manager panel and click on the **Remove Tween** button.
 +
 +{{ wiki:position_tween_remove_button.png }}
 +;#;
 +**Fig 20**. Removing a tween from the tween manager 
 +;#;
 +
 +These are some videos from our [[https://youtube.com/c/maefloresta|Youtube channel]] with additional exercises using the Position tween feature: 
 +    * [[https://www.youtube.com/watch?v=Y0Y2z8byS8c|Spaceship]]
 +    * [[https://www.youtube.com/watch?v=H3dcYzuFeAU|Fly flight]]
 +    * [[https://www.youtube.com/watch?v=QOatgQuVU-A|Skater]]
 +    * [[https://www.youtube.com/watch?v=o0DZ6AYWh58|Letter A]]
  
 ;#; ;#;
 [[tweening#Tweening Tutorial|Back to Tweening tutorial]] [[tweening#Tweening Tutorial|Back to Tweening tutorial]]
 ;#; ;#;
position_tween.1487991980.txt.gz · Last modified: 2017/03/11 23:22 (external edit)