許多小游戲里面都有涉及到抽獎環節，所以就可能會用到抽獎轉盤的制作，今天分享一個自己左轉盤的小小過程。

1、準備材料過程不多說，拼完界面之后大概是這樣的：

2、給界面綁定腳本，在腳本的properties里面綁定轉盤節點，不多說：

3、一般的，抽獎其實都是前面先假裝轉幾圈，之后轉向抽獎的結果就可以。我們先設定好各種所需要的變量：

onLoad () {

//獎品份數

this.awardNum = 8;

//轉動時間

this.rotateTime = 6.0;

},

4、寫轉盤轉動的方法以及一個小小的效果(轉到某區域，暫停之后轉到該區域中央)，不要忘記觸發抽獎和重置的條件(我這里是按鈕，重置也可以設置為抽完獎自動重置等)：

/**

* 點擊抽獎

*/

onClickLucky() {

console.log("開始抽獎");

let random_jiangli = Math.floor(Math.random() * this.awardNum);

console.log("random_jiangli ======>抽獎結果= ", random_jiangli);

//多旋轉的角度(最后轉向抽獎結果所需要轉的角度)

this.rotationNum = (random_jiangli) * (360 / this.awardNum) + (360 / this.awardNum / 2);

//左右的效果角度(效果所需)

this.random_1 = Math.floor(Math.random() * 45 - 22.5);

let action = this.DialRotateAction();

this.ZhuanPan.runAction(action);

let self = this;

this.scheduleOnce(function () {

let action_1 = cc.sequence(

cc.rotateBy(0.2, 0),? ? //停頓一下

cc.rotateBy(1.5, self.random_1 / -1),? //轉到指向的分區的中央

).easing(cc.easeInOut(3.0));

self.ZhuanPan.runAction(action_1);

}, this.rotateTime);

},

/**

* 轉盤轉動方法

*/

DialRotateAction: function () {

let self = this;

//假定的假裝轉的圈數

let circleNum = 5;

let action = cc.rotateBy(

self.rotateTime, 360 * circleNum + self.rotationNum + self.random_1

).easing(cc.easeInOut(3.0));

return action;

},

/**

* 重置轉盤方法

*/

onClickRefreshRotate(){

console.log("重置轉盤");

if(this.ZhuanPan.rotation != 0){

this.ZhuanPan.rotation = 0;

}

},

5、效果如下(簡易gif圖，有些卡)：

下一篇為大家展示跑馬燈式的抽獎。

如有問題，歡迎指正，共同學習，謝謝。

總結

以上是生活随笔為你收集整理的cocos2dx 圆盘抽奖_cocoscreator之微信小游戏的抽奖转盘的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。