基于Vue实现原神抽卡简易代码算法（纯金光率）

狠人话不多，直接上代码就完事了，代码中有详细说明…

<template>
	<div id="container">
		<button @click="clickGoodLuck(1)">祈愿1次</button>
		<button @click="clickGoodLuck(10)">祈愿10次</button>
	</div>
</template>
<script>
	export default {
		name: "elect",
		data() {
			return {
				// 抽卡概率属性
				probability_golden: 0.6,	//金卡基础概率
                probability_violet: 5.1,	//紫卡基础概率
				totoalCount: 0,				//总抽卡次数
				accNoGoldenCount: 0, 		//不出金次数
				accNoVioletCount: 0, 		//不出紫次数
				awardColor: "blue",			//出啥颜色卡
			};
		},
		methods: {
			// 点击抽卡 1次 or 10次
			clickGoodLuck(times) {
                if (times == 1) {
					this.computeProOne();
                } else {
					this.computeProTen();
				}
            },
			// 抽中金卡，重新初始化
			initAwardedGolden(){
				this.probability_golden = 0.6;
				this.accNoGoldenCount = 0;
				this.awardColor = "golden";
			},
			// 抽中紫卡，重新初始化
			initAwardedViolet(){
				this.probability_violet = 5.1;
				this.accNoVioletCount = 0;
				this.awardColor = "violet";
			},
			//单抽概率计算
			computeProOne(){
				this.totoalCount++;
                let randomGolden = (Math.random() * 100).toFixed(2);
                let randomNumViolet = (Math.random() * 100).toFixed(2);
				//是否出金 出金大保低
				if(this.accNoGoldenCount>=90){
					console.log("出金啦/大保低：", this.probability_golden, "~" + randomGolden+" 抽卡次数：",this.totoalCount);
					this.initAwardedGolden();
					return;
				}
				//是否出金 出金小保低
				if(this.accNoGoldenCount>=73){
					if (this.probability_golden >= randomGolden) {
						console.log("出金啦/小保低：", this.probability_golden, "~" + randomGolden+" 抽卡次数：",this.totoalCount);
						this.initAwardedGolden();
						return;
					}else{
						this.probability_golden += 6;
					}
				}
				//是否出金  出金小欧皇
				if(this.accNoGoldenCount<=73){
					if (this.probability_golden >= randomGolden) {
						console.log("出金啦/欧皇：", this.probability_golden, "~" + randomGolden+" 抽卡次数：",this.totoalCount);
						this.initAwardedGolden();
						return;
					}
				}
				//是否出紫 
				if(this.probability_violet >= randomNumViolet){
					console.log("出紫/欧皇：", this.probability_violet, "~" + randomNumViolet+" 抽卡次数：",this.totoalCount);
					this.initAwardedViolet();
				}else{
					this.accNoVioletCount++;
					if(this.accNoVioletCount==8){
						this.probability_violet += 51;
					}
					if(this.accNoVioletCount==9){
						this.probability_violet = 100;
					}
					// 出蓝
					this.awardColor = "blue";
					console.log("出蓝：", this.probability_violet, "~" + randomNumViolet+" 抽卡次数：",this.totoalCount);
				}
				this.accNoGoldenCount++;
			},
			//10连概率计算
			computeProTen(){
				for (let i = 0; i < 10; i++) {
					this.computeProOne();
				}
			},
		},
	};
</script>

在console控制台查看抽卡信息：

古有云：绝云天府有仙徒,其名申鹤习神术。

壁纸放送：