web练手--抽卡模拟器（1）

最新推荐文章于 2024-07-04 17:26:14 发布

一个爱摸鱼的前端

最新推荐文章于 2024-07-04 17:26:14 发布

阅读量1.1w

点赞数 4

分类专栏：前端学习

本文链接：https://blog.csdn.net/zhoumeng1998/article/details/82798931

版权

本文作者分享了自己制作抽卡模拟器的心得，模拟器中设置了SSS到C共六种卡牌等级，不同等级的概率不同，并引入概率补偿机制，当抽到S级以下卡牌时，会提升下次抽到S级以上卡牌的概率。目前功能包括单抽，后续计划增加十连抽。实现方式是通过生成0-9999的随机数决定卡牌类型。

摘要由CSDN通过智能技术生成

抽卡手游玩多了，心血来潮写个抽卡模拟器，卡等级分sss,ss,s,a,b,c六种，sss概率为0.01%，ss概率为0.1%，s概率为1%，a概率为15%，b概率为30%，剩余都为c，为了避免长期呆在非洲，加入了概率补偿的设定，每一次抽到s以下的卡片，都会使概率补偿计数器的值上升，这个计数器的值直接影响到抽到s以上卡的概率，当抽取到s以上卡时，重置这个计数器，防止抽到高级卡的概率过高。目前仅有单抽功能，待下次补完十连抽。卡片的抽取原理是通过Math.floor(Math.random()*10000)生成一个0-9999的整数值，根据值的大小确定抽取到的卡片种类。

代码如下：

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>Draw Card Simulator</title>
</head>
<body>
<p id="p1"></p>
<br>
<form>
    <input type="button" value="抽卡" onclick="clickButton()">
</form>
<script>

    var sssCount = 0;
    var ssCount = 0;
    var sCount = 0;
    var aCount = 0;
    var bCount = 0;
    var

最低0.47元/天解锁文章

一个爱摸鱼的前端

关注

4
点赞
踩
23

收藏

觉得还不错? 一键收藏
1
评论
web练手--抽卡模拟器（1）

抽卡手游玩多了，心血来潮写个抽卡模拟器，卡等级分sss,ss,s,a,b,c六种，sss概率为0.01%，ss概率为0.1%，s概率为1%，a概率为15%，b概率为30%，剩余都为c，为了避免长期呆在非洲，加入了概率补偿的设定，每一次抽到s以下的卡片，都会使概率补偿计数器的值上升，这个计数器的值直接影响到抽到s以上卡的概率，当抽取到s以上卡时，重置这个计数器，防止抽到高级卡的概率过高。目前...
复制链接

扫一扫

专栏目录