Tween緩動(dòng)

let tween = cc.tween;
// 鏈?zhǔn)浇Y(jié)構(gòu)
tween(this.node)
    .to(1, { position: cc.v2(100, 100), rotation: 360 })//到
    .by(1, { scale: 2 })//加
    .to(1, { scale: 2, position: { value: cc.v3(100, 100, 100), easing: 'sineOutIn' } })//easing
    .to(1, { scale2 }, { onUpdate: () => { /* 每幀調(diào)用*/}})
    .delay(1)//延遲
    .call(()=>{})//回調(diào)
    .parallel(//同時(shí)執(zhí)行
            tween().to(1, { scale: 2 }),
            tween().to(2, { position: cc.v2(100, 100) })
        )
    .repeatForever()//無限循環(huán)上個(gè)操作
    .repeat(10)//循環(huán)上個(gè)操作9次===========注意:填1則1次都不走,填2走1次,3走2次
    .repeat(10,//循環(huán)上個(gè)操作9次指定tween===========注意:同上
            cc.tween().by(1, { scale: 1 })
        )
    .start()//走一個(gè)

// 所有的緩動(dòng)類型:
export class Easing {
        quadIn(t: number): number;// 平方曲線緩入函數(shù)。運(yùn)動(dòng)由慢到快。
        quadOut(t: number): number;// 平方曲線緩出函數(shù)。運(yùn)動(dòng)由快到慢   
        quadInOut(t: number): number;// 平方曲線緩入緩出函數(shù)。運(yùn)動(dòng)由慢到快再到慢
        cubicIn(t: number): number;// 立方曲線緩入函數(shù)。運(yùn)動(dòng)由慢到快。
        cubicOut(t: number): number;// 立方曲線緩出函數(shù)。運(yùn)動(dòng)由快到慢。
        cubicInOut(t: number): number;// 立方曲線緩入緩出函數(shù)。運(yùn)動(dòng)由慢到快再到慢。
        quartIn(t: number): number;// 四次方曲線緩入函數(shù)。運(yùn)動(dòng)由慢到快。
        quartOut(t: number): number;// 四次方曲線緩出函數(shù)。運(yùn)動(dòng)由快到慢。
        quartInOut(t: number): number;// 四次方曲線緩入緩出函數(shù)。運(yùn)動(dòng)由慢到快再到慢。
        quintIn(t: number): number;// 五次方曲線緩入函數(shù)。運(yùn)動(dòng)由慢到快。
        quintOut(t: number): number;//五次方曲線緩出函數(shù)。運(yùn)動(dòng)由快到慢.
        quintInOut(t: number): number;// 五次方曲線緩入緩出函數(shù)。運(yùn)動(dòng)由慢到快再到慢。
        sineIn(t: number): number;// 正弦曲線緩入函數(shù)。運(yùn)動(dòng)由慢到快。
        sineOut(t: number): number;// 正弦曲線緩出函數(shù)。運(yùn)動(dòng)由快到慢。
        sineInOut(t: number): number;// 正弦曲線緩入緩出函數(shù)。運(yùn)動(dòng)由慢到快再到慢。
        expoIn(t: number): number;// 指數(shù)曲線緩入函數(shù)。運(yùn)動(dòng)由慢到快。
        expoOut(t: number): number;// 指數(shù)曲線緩出函數(shù)。運(yùn)動(dòng)由快到慢。
        expoInOut(t: number): number;// 指數(shù)曲線緩入和緩出函數(shù)。運(yùn)動(dòng)由慢到很快再到慢。
        circIn(t: number): number;// 循環(huán)公式緩入函數(shù)。運(yùn)動(dòng)由慢到快。
        circOut(t: number): number;// 循環(huán)公式緩出函數(shù)。運(yùn)動(dòng)由快到慢。
        circInOut(t: number): number;// 指數(shù)曲線緩入緩出函數(shù)。運(yùn)動(dòng)由慢到很快再到慢。
        elasticIn(t: number): number;// 彈簧回震效果的緩入函數(shù)。
        elasticOut(t: number): number;// 彈簧回震效果的緩出函數(shù)。
        elasticInOut(t: number): number;// 彈簧回震效果的緩入緩出函數(shù)。
        backIn(t: number): number;// 回退效果的緩入函數(shù)。
        backOut(t: number): number;// 回退效果的緩出函數(shù)。
        backInOut(t: number): number;// 回退效果的緩入緩出函數(shù)。
        bounceIn(t: number): number;// 彈跳效果的緩入函數(shù)。
        bounceOut(t: number): number;// 彈跳效果的緩出函數(shù)。
        bounceInOut(t: number): number;// 彈跳效果的緩入緩出函數(shù)。
        smooth(t: number): number;// 平滑效果函數(shù)。
        fade(t: number): number;// 漸褪效果函數(shù)。
}

效果圖: https://easings.net

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 參考cocos學(xué)習(xí)筆記 cc.tween[https://blog.csdn.net/liulei21/artic...
    合肥黑閱讀 8,892評(píng)論 0 2
  • https://easings.net/cn[https://easings.net/cn]
    ChooAcc閱讀 327評(píng)論 0 0
  • 緩動(dòng)函數(shù) 是用來表述 位置與時(shí)間發(fā)生變化的函數(shù)先實(shí)現(xiàn)一個(gè)簡(jiǎn)單的函數(shù),用來計(jì)算當(dāng)前值 緩動(dòng)函數(shù)列表 最后,來一張合集...
    傳說中的水牛閱讀 1,696評(píng)論 0 0
  • 將壓縮包內(nèi)的三個(gè)tween文件覆蓋到項(xiàng)目中去 貌似有人需要替換引擎下的對(duì)應(yīng)文件,在編譯的時(shí)候會(huì)被引擎下的對(duì)應(yīng)文件覆...
    Zszen閱讀 2,763評(píng)論 1 50
  • Angular Animation簡(jiǎn)單來說 就是狀態(tài)和狀態(tài)之間的轉(zhuǎn)場(chǎng)效果。每一種狀態(tài)對(duì)應(yīng)一種樣式(style...
    tuacy閱讀 2,513評(píng)論 0 2

友情鏈接更多精彩內(nèi)容