WeChatアプレットでラッキーホイールゲームを実装する方法

<view class="ターンテーブル">
  <ビュークラス="ラッパー">
    <view class="item">
	  <view class="item-inner">
		<text>10 ポイント</text>
	  </ビュー>
	</ビュー>
  </ビュー>
</ビュー>

.ターンテーブル{
  表示: ブロック;
  幅: 100%;
  高さ: 600rpx;
}
.ターンテーブル .ラッパー{
  位置: 相対的;
  変換の原点: 中心;
  幅: 100%;
  高さ: 600rpx;
}

.ターンテーブル .ラッパー .アイテム {
  位置: 絶対;
  左: 50%;
  幅: 300rpx;
  高さ: 600rpx;
  境界線の半径: 0px 300rpx 300rpx 0;
  変換の原点: 左中央;
  変換: 回転(-30度);
}
.ターンテーブル .ラッパー .item .item-inner {
  テキスト配置: 中央;
  幅: 300rpx;
  高さ: 600rpx;
  変換: translateX(-300rpx) rotate(60deg); 
  変換の原点: 右中央;
  境界線の半径: 300rpx 0 0 300rpx;
  フォントサイズ: 32rpx;
}

.ターンテーブル .ラッパー .アイテム {
  位置: 絶対;
  左: 50%;
  幅: 300rpx;
  高さ: 600rpx;
  境界線の半径: 0px 300rpx 300rpx 0;
  オーバーフロー: 非表示;
  変換の原点: 左中央;
}
.turntable .wrapper .item .item-inner テキスト {
  表示: ブロック;
  変換の原点: 中心;
  変換: translateY(100rpx) translateX(43rpx) 回転(-30deg);
}

.turntable .wrapper .item:nth-child(1) {
  変換: 回転(-30度);
}

.turntable .wrapper .item:nth-child(2) {
  変換: 回転(-90度);
}

.turntable .wrapper .item:nth-child(3) {
  変換: 回転(-150度);
}

.turntable .wrapper .item:nth-child(4) {
  変換: 回転(-210度);
}

.turntable .wrapper .item:nth-child(5) {
  変換: 回転(-270度);
}

.turntable .wrapper .item:nth-child(6) {
  変換: 回転(-330度);
}

<wxs モジュール="計算済み">
	var rotate = 関数 (インデックス, 長さ) {
		var 初期値 = - (360 / 長さ / 2)
		var averageRotate = 360 / 長さ
		var deg = 初期値 - 平均回転 * インデックス
		'transform: rotate(' + deg + 'deg);' を返します。
	}
	var inner = 関数 (長さ) {
		var averageRotate = 360 / 長さ
		'transform: translateX(-300rpx) rotate(' + averageRotate + 'deg);' を返します。
	}
	var テキスト = 関数 (長さ) {
		変数距離 = 0
		var回転 = 0
		スイッチ（長さ）{
			ケース6:
				距離 = 43
				回転 = 30
				壊す
			ケース8:
				距離 = 72
				回転 = 30
				壊す
			ケース4:
				距離 = -20
				回転 = 40
				壊す
		}
		'transform: translateY(100rpx) translateX(' + distance + 'rpx) rotate(-45deg);' を返します。
	}
	モジュール.エクスポート = {
		回転: 回転、
		内側：内側、
		テキスト: テキスト
	}
</wxs>

賞： [{
        '名前': '1 ポイント',
        '勝利': 0.2,
        'カウント': 1
      },
      {
        'name': 'ご参加ありがとうございました',
        '勝利': 0.5,
        'カウント': 0
      }, {
        '名前': '5 ポイント',
        '勝利': 0.05,
        'カウント': 5
      }, {
        '名前': '7 ポイント',
        '勝利': 0.05,
        'カウント': 7
      }, 
      {
        '名前': '3 ポイント',
        '勝利': 0.1,
        'カウント': 3
      }, 
      {
        '名前': '4 ポイント',
        '勝利': 0.1,
        'カウント': 4
      }
    ]、

getRange(勝利) {
   temp = [] とします
     勝利.forEach((アイテム、インデックス) => {
       （インデックス === 0）の場合{
         temp.push(item['winnning'] * 360)
       } それ以外 {
         temp.push(parseInt(temp.slice(-1)) + アイテム['winnning'] * 360)
       }
      })
      戻り温度
    },

ランダム = Math.round(Math.random() * 360) とします。

for (let i in 勝利範囲) {
    let currentwinning = winnerRange[i] // 現在の値if (random < currentwinning) {
          this.setData({
            報酬: 私
          })
          壊す
      } それ以外 {
        (i == 0) の場合 {
           続く
        }
        if (ランダム >= 勝利範囲[i - 1] && ランダム <= 現在の勝利) {
           this.setData({
              報酬: 私
           })
           壊す
       }
     }
}

オンポイント() {
      // 平均値 const averageRotate = 360 / this.properties.prize.length
      // 宝くじに当たる可能性はありますか if (this.properties.chance === 0) {
        this.triggerEvent('なし')
        戻る
      }
      // 回転中にスタートボタンがクリックされないようにする if (!this.data.onRotation) {
        this.setData({
          回転時: true
        })
        this.getReward()
        let deg = this.data.reward * averageRotate + 3 * 360 // 少なくとも3回転 this.animate('.wrapper', [{
            回転: 0,
            イージー: 'イーズインアウト'
          },
          {
            回転: 度、
            イージー: 'イーズインアウト'
          }
        ], 5000, 関数() {
          this.setData({
            回転時: false
          })
          //独自の抽選情報を送信します this.triggerEvent('onResult', this.properties.prize[this.data.reward])
        }.bind(これ)
      }
    },

onClear(){
   this.clearAnimation('.wrapper')
}