CocosCreatorTutorial/TurntableDemo/assets/Script/TurntableMgr.js

cc.Class({
    extends: cc.Component,

    properties: {
        nodeBoxBg: cc.Node,
        total: 6, //几项奖品
        section: 0, //一项奖品切多少份
        // resultIdx: 0, //显示的结果id
        delayTime: 0, //延期多少才开始显示结果
        isRandom: false,
    },

    initProperties() {
        this.rotationSpeed = 0;
        this.choiceIdx = -1;
        this.isFinish = false;
        this.showResult = false;
        this.initSection();
    },

    /**
     * 分盘
     */
    initSection() {
        console.log('initSection');
        this.rotaionList = [];
        let totalPath = this.section * this.total;
        let path = 360 / totalPath;
        this.path = path;
        this.pathDelRota = 360 / (totalPath);
        for (let i = 0; i < this.section; i++) {
            this.rotaionList.push(path * i);
        }
    },

    start() {
        this.init({
            resultIdx: 2,
            delayTime: 3,
        });
    },

    /**
     * @param {*} data 
     */
    init(data) {
        this.initProperties();
        this.resultIdx = (data.resultIdx - 1 + this.total) % this.total;
        this.delayTime = data.delayTime;
        this.onEnd = data.onFinish;
        let totalIdx = this.total - 1;
        this.onAccelerate();
        this.node.runAction(cc.sequence(cc.delayTime(1 + this.delayTime), cc.callFunc(() => {
            console.log('已经选择了');
            this.choiceIdx = (totalIdx - this.resultIdx) * this.section;
            if (this.isRandom) {
                this.choiceIdx = this.randomChoiceIdx(this.choiceIdx);
            }
        })));
    },

    onFinish() {
        console.log('结束了');
        this.onEnd && this.onEnd();
    },

    randomChoiceIdx(idx) {
        console.log('randomChoiceIdx');
        let randomIdx = Math.floor(Math.random() * (this.section - 1));
        if (randomIdx == 0) { //不能是上边
            randomIdx++;
        } else if (randomIdx == this.section) { ////不能是下边
            randomIdx--;
        }
        let temp = Math.floor(this.section / 2);
        randomIdx = temp - randomIdx;
        return idx + randomIdx;
    },

    /**
     * 
     * @param {*} rotation 
     */
    wacthRotaion(rotation) {
        rotation %= 360;
        rotation |= 0;
        let idx = rotation / this.path;
        idx |= 0;

        if (this.nowIdx != idx) {
            this.nowIdx = idx;
            if (this.showResult) {
                this.onDecelerate(this.pathDelRota);
            }
            if (!this.showResult && this.choiceIdx == this.nowIdx) {
                console.log('开始减速');
                console.log(rotation, this.rotationSpeed);
                this.showResult = true;
            }
            if (this.rotationSpeed <= 0) {
                this.onFinish();
            }
        }
    },

    /**
     * 
     * @param {*} rotation 
     */
    wacthRotaion_type1(rotation) {
        rotation %= 360;
        rotation |= 0;
        let idx = rotation / this.path;
        idx |= 0;

        if (this.nowIdx != idx) {
            this.nowIdx = idx;
            // console.log('nowIdx=', idx);
            if (this.choiceIdx == this.nowIdx) {
                console.log('开始减速');
                this.onDecelerate(30);
            }
            if (this.rotationSpeed == 5) {
                this.rotationSpeed = 0;
            }
            if (this.isFinish) {
                this.onDecelerate(15);
                // if(this)
            }
            if (this.rotationSpeed == 120) {
                this.isFinish = true;
            }
        }
    },

    /**
     * 减速
     */
    onDecelerate(del = 30) {
        this.rotationSpeed -= del;
    },

    /**
     * 加速
     */
    onAccelerate() {
        if (this.accelerateAction) this.node.stopAction(this.accelerateAction);
        this.accelerateAction = cc.repeat(cc.sequence(cc.delayTime(0.25), cc.callFunc(() => {
            this.rotationSpeed += 90;
            console.log('this.rotationSpeed', this.rotationSpeed);
        })), 4);
        this.node.runAction(this.accelerateAction);
    },

    /**
     * 每一帧回调
     * @param {*} dt 
     */
    update(dt) {
        // console.log('dt=', dt);
        dt = 0.016;
        if (this.rotationSpeed >= 0) {
            this.nodeBoxBg.rotation += this.rotationSpeed * dt;
        }
        this.wacthRotaion(this.nodeBoxBg.rotation);
    },

    /**
     * 统一回收组件
     */
    onDestroy() { }
});