1. 程式人生 > >quick-cocos2dx 之transition.execute()的緩動效果

quick-cocos2dx 之transition.execute()的緩動效果

mod 技術分享 經典 dsm 能夠 經典的 pos shee 區分

註:本文圖片來源(http://hosted.zeh.com.br/tweener/docs/en-us/misc/transitions.html。 侵權請告知,即刻刪除)


什麽是緩動, 緩動(easing) 是指動畫效果在運行時被指定速度,使視感更加真實。

比較經典的, 緩慢開始。然後加速稱為“緩入”(ease in),
高速開始。然後減速稱為“緩出”(ease out)。


兩者的結合叫做“緩入緩出”(ease in out)。

quick cocos2dx中的transition.execute() 是一個強大的工具。能夠為原本單一的動作加入各種附加特性。

transition.execute() 的參數表格支持下列參數:
delay: 等待多長時間後開始運行動作
easing: 緩動效果的名字及可選的附加參數,效果名字不區分大寫和小寫
onComplete: 動作運行完畢後要調用的函數
time: 運行動作須要的時間

以下是transition.execute() 支持的的一些緩動及描寫敘述:

  • backIn
    反方向移動緩慢,加速度相反
    技術分享圖片

  • backOut
    高速移動到結束。 然後緩慢返回到結束
    技術分享圖片

  • backInOut
    以backIn開始, 以backOut結束
    技術分享圖片

  • bounce

  • bounceIn
    以彈性緩動效果開始
    技術分享圖片

  • bounceInOut
    開始和結束都是彈性緩動效果
    技術分享圖片

  • bounceOut
    以彈性緩動效果結束
    技術分享圖片

  • elastic, 附加參數默覺得 0.3

  • elasticIn, 附加參數默覺得 0.3
    技術分享圖片

  • elasticInOut, 附加參數默覺得 0.3
    技術分享圖片

  • elasticOut, 附加參數默覺得 0.3
    技術分享圖片

  • exponentialIn, 附加參數默覺得 1.0
    技術分享圖片

  • exponentialInOut, 附加參數默覺得 1.0
    技術分享圖片

  • exponentialOut, 附加參數默覺得 1.0
    技術分享圖片

  • In, 附加參數默覺得 1.0
    帶比例系數的cc.EaseIn 由慢到快

  • InOut, 附加參數默覺得 1.0
    慢快慢
  • Out, 附加參數默覺得 1.0
    帶比例系數的cc.EaseIn 由快到慢

  • rateaction, 附加參數默覺得 1.0
    使用比例系數緩動actoon

  • sineIn
    加速度先慢後快
    技術分享圖片

  • sineInOut
    加速度由快變慢再變快
    技術分享圖片

  • sineOut
    加速度先快後慢
    技術分享圖片


版權聲明: 本文為博主原創文章。未經博主同意不得轉載。

若本文內容侵權請告知,即刻刪除。
如有錯誤,歡迎指出。 可在下方評論,亦可聯系我。
Contact me:
QQ:812123870
e-mail:[email protected]


quick-cocos2dx 之transition.execute()的緩動效果