查看“抽卡模拟器”的源代码

__NOTOC__{{面包屑|小工具}}{{JS|Gacha}}<!--{{抽卡模拟器}}-->
===注意事项===
*本模拟器仅为娱乐，概率'''与实际游戏内容无关'''。<s><a style="color:#888">假的 都是假的</a></s>
*新卡池上线前夕，'''网页内为临时美术资源，待游戏卡池更新后更新与游戏内一致'''
===如果感觉卡顿===
'''殿下好，如果感觉卡顿可能是因为页面会有缓存情况（<small>''也可能是因为目前卡池存储过多''</small>）
*{{颜色|命盘紫|判断方法:如果出现选择的下拉菜单并且能自由选择就是加载完成，加载完成就不卡了}}
*{{颜色|命盘紫|解决方法:使用导航栏的『刷』（刷新）按钮刷新}}
===已知bug===
*'''目前卡池会出现连续两次为绝密非up情况（<small>''俗称无大保底''</small>）'''，预计修复时间：未知。
*'''IOS系统会出现点击抽卡按钮无响应问题。'''{{颜色|红|临时解决方法:链接分享至QQ，再点击链接进入本页面。或者使用PC浏览器。}}
*我们会努力修复的。
<!--<a style="color:#888">V1.02:PC端加入动画效果</a>-->
<div class="gacha_show_box">
<div class="gacha_show_main" id="gacha_get_box">
</div></div>
----
<div id="gacha_reset_btn" class="btn btn-default">重置抽卡</div>
<div class="btn-group"><!--
--><div class="gacha_play_btn thrud-gacha-bth" data-times="1" >[[File:抽取1次.png|link=|class=gacha-btn-bg|100px]]<span class="gacha-font"></span></div><!--
--><div class="gacha_play_btn thrud-gacha-bth" data-times="10" style="float: right;">[[File:抽取10次.png|link=|class=gacha-btn-bg|100px]]<span class="gacha-font"></span></div></div><!--
--><div class="visible-xs"><br><br></div>
<div class="row">
<div class="col-md-6">
<div id="gacha_selbox"></div><!--
-->{{:卡池信息}}</div>
<div class="col-md-6">
==次数统计==
消耗{{道具ask|天机符传}}天机符传/{{道具ask|符传}}符传：<span id="cache_propGacha">0</span><br>
或 消耗{{道具ask|白金币}}白金币：<span id="cache_propTopUp">0</span><br>
<div style="display:none"> <span id="cache_money">0</span><br>进行次数： <span id="gacha_totalTimes" style="display:none">0</span><br></div>
<!--获取绝密：<span id="get_r5_num">0</span><br>
获取机密：<span id="get_r4_num">0</span><br>
获取隐密：<span id="get_r3_num">0</span><br>-->
==出货统计==
<table class="wikitable_getGacha" style="width:100%;text-align:center;font-size:10px" id="GetStatistics"></table>
</div>
{{板块|结束}}
{{板块|内容结束}}
<div id="gacha_data" style="display:none">
{{#ask:[[分类:密探]]
|?品质
|?职业
|?属性
|?标签1
|?标签2
|sort=品质
|template=抽卡模拟器_2/抽卡绘制3
|headers=hide
|format=template
|limit=1000
|link=none
|order=desc
}}</div>
{{板块|开始|标题=致谢|CSS=BOX-2}}
{{板块|内容开始}}
*抽卡器v2.1 代码部分来自明日方舟bWiki，模板内容从斯露德bWiki内移植，对原作者明日方舟[https://space.bilibili.com/476821948 白鲸攻略组]的伟大成果以及无私表示感谢。
*在版本更新中获得了以下老师的帮助，由衷感谢他们的的支持
<div style="display:flex;flex-wrap:wrap;"><ol>{{用户|binary|550700926}}</ol><ol>{{用户|千杯茶|2500363}}</ol></div>
*此抽卡模拟器仅为娱乐所用，实际情况请以实际游戏内容为准。<br><br>
<div class=drop-down-wrap >
<div class=wrap-title><div class=story-title>模拟器更新记录</div></div>
<div class=wrap-content>
2024.3.16-在[https://space.bilibili.com/199459395 白鸦]老师帮助下，解决了无法触发“若本次招募获取为非本期限时率提升密探，则下次获取必定为本期限时概率提升密探”代码问题<br>
2024.2.6-在[https://space.bilibili.com/2500363 千杯茶]老师友情编辑后迭代，增加了任选卡池功能&pc端加入动画效果<br>
2023.11.27-在[https://space.bilibili.com/550700926 binary]老师帮助下 1.01： 正式上线<br>
</div></div>
{{板块|结束}}
{{板块|内容结束}}
{{#css:
.createboxInput{
color:black
}
.gacha_show_box{
    border: solid;
    border-radius: 10px;
    position: relative; 
    margin-bottom:10px;
    overflow:hidden;
    min-height: 250px;
    background-color: rgb(145 137 151 / 40%);
}
.gacha_show_main{
    align-items: center;
    display: flex;
    bottom: 10%;
    justify-content: center;
    margin:10px 20px;
    padding:10px 20px;
    position: relative;
}
.gacha-box-bg{
position: absolute;
}
.btn-group{
float: right;
	display: inline-flex;
    flex-direction:row;
    margin-bottom:10px;
    height:40px;
}
.btn-default{
    height:30px;
    margin-bottom:10px;
    margin-right:10px;
    padding:5px;
    font-weight: regular;
    color: #cbbba4;
}
.thrud-gacha-bth{
    width: 150px;
    height:30px;
    position: relative;
    font-size: 24;
    font-weight: bold;
    margin-bottom:10px;
    margin-right:10px;
}
.gacha-btn-bg{
    position: absolute;
    left:0;
    top:0;
    z-index: -1;
}
.gacha-font{
	color: rgb(255 255 255 / 0);
    font-size:12px;
    position: absolute;
    left: 25%;
    top: 20%;
}
.wikitable_getGacha {
	line-height: 20px;
	font-size: 15px;
	background-color: rgb(74 64 64 / 60%);
	border-radius: 25px 25px 25px 25px;
	border: 1px solid #cbbba4;
	color: #fff;
}

.wikitable_getGacha>tr>th,
.wikitable_getGacha>*>tr>th {
	background-color: rgb(45 37 51 / 80%);
	text-align: center;
	color: #cbbba4;
}

.wikitable_getGacha>tr>th,
.wikitable_getGacha>tr>td,
.wikitable_getGacha>*>tr>th,
.wikitable_getGacha>*>tr>td {
	border: 1px solid #cbbba4;
}

.wikitable_getGacha {
	width: 90%;
	position: relative;
	z-index: 2;
	height: 20px;
	background-color: rgb(74 64 64 / 60%);
	border-radius: 25px 25px 25px 25px;
	border: 1px solid #cbbba4;
	color: #fff;
}

.wikitable_getGacha>tbody>tr>th {
	padding: 5px 10px;
	text-align: center;
	background-color: rgb(45 37 51 / 80%);
	text-align: center;
	color: #cbbba4;
	border: 1px solid #cbbba4;
}

.wikitable_getGacha>tbody>tr {
	margin: 0 0 0px;
	border: 1px solid #cbbba4;
}

.wikitable_getGacha>tbody>tr:hover {
	background-color: rgba(6, 0, 0, 0.5);
}

.wikitable_getGacha>tbody>tr:first-child:hover {
	background-color: rgb(19, 19, 19);
}

.wikitable_getGacha>tbody>tr>td {
	padding: 3px 7px;
	border: 1px solid #cbbba4;
}

.thrud-gacha-bth:active  {transform: scale(0.9,0.9);transition: all 0.1s;}
@media(min-width:769px){
.thrud-gacha-bth{
    display: inline-flex;
}
.getAnim{
animation:animCourse 0.2s;
-moz-animation:animCourse 0.2s;/* Firefox: */
-webkit-animation:animCourse 0.2s;/* Safari and Chrome: */
-o-animation:animCourse 0.2s;/* Opera: */
}
.gacha-offset{top:-9999;}
}
@media(max-width:768px){
.gacha_show_box{
    border-width: 1px;
    border-radius: 1vh;
    margin:0 -14px;
    margin-bottom: 1vh;
}
.gacha_show_main{
    margin:0;
    min-height: 100px;
    flex-wrap: wrap;
    height: auto;
    left:1%;
    width:98%;
}
.gacha-0{
	width:22%;
    margin:3px
}
}
@keyframes animCourse
{
from {top: -30px;opacity:0;}
to {top: 0;opacity:1;}
}
@-moz-keyframes animCourse /* Firefox */
{
from {top: -30px;opacity:0;}
to {top: 0;opacity:1;}
}
@-webkit-keyframes animCourse /* Safari and Chrome */
{
from {top: -30px;opacity:0;}
to {top: 0;opacity:1;}
}
@-o-keyframes animCourse /* Opera */
{
from {top: -30px;opacity:0;}
to {top: 0;opacity:1;}
}
}}