2011年8月3日 星期三

Expression Blend(30)-Easing Function

若要設計類似從高處掉落球,要彈跳幾次後才靜止的動畫,可以

  • 建立Silverlight或WPF專案
  • 加入一個Ellipse當球
  • 新增一個Storyboard

image

  • 移動playhead到0秒,0秒時加一個影格(keyframe)

image

  • 移動playhead到3秒,然後將球移到3秒後的所在位置

image

  • 將playhead移動到0秒,按Play試著撥放,球會以直線運動的方式,移動到目地。如圖中的藍色虛線。

image

  • 設定Ellipse->RenderTransform->TranslateY->選取3秒的灰點,設EasingFunction為Bounce Out,然後設定Bouces為喜好的彈跳次數

image

  • 這時,運動的方向為

image

  • 若要在移動的過程中,讓球旋轉。將playhead移動到0秒,設Rotation為1度

image

  • 將playhead移動到3秒,設Rotation為360度,這樣就行啦。

image

沒有留言:

總瀏覽量