Widget:角色计算器/甘雨
<style type="text/css">* {padding:0px; margin:0px;} .div9999 {border:2px solid #000;} #juesejisuanqi input, #juesejisuanqi select{border:0;border-bottom:1px solid #ccc; margin-bottom: 2px;background:transparent} #juesejisuanqi input[readonly]{border-color:#eaeaea} #juesejisuanqi input[type='button']{border: 1px solid #ccc;background: #ececec;} #juesejisuanqi input:focus, #juesejisuanqi select:focus {border-color: #66afe9; outline: 0;} .div9999 {border: 1px solid #ddd;padding: 6px 10px;margin: 6px;} .div9999 h2 {margin: -6px -10px 6px;}
.home-box-tag { display: inline-block; position:relative; width: 112px; height: 132px; margin: 5px 10px; } .home-box-tag-1 { position: absolute; top:0px; left:0px; padding:3px; width:100%; text-align:center; } .home-box-tag-2 { position: absolute; bottom:3px; left:0px; width:100%; text-align:center; } .home-box-tag-3 { position: absolute; bottom:3px; left:0px; width:100%; text-align:center; } @media only screen and (max-width:759px){ .home-box-tag-2 { position: absolute; bottom: 2px; left: 0px; text-align: center; font-size: 10px; } .home-box-tag-3 { position: absolute; bottom:2px; left:0px; width:100%; text-align:center; font-size: 10px; } } </style>
<script type="text/javascript"> var res;//普攻基础结果 var jianshang;//等级与抗性减伤 var beilv = 1.28;//默认普攻倍率 var jiashang = 2.176;//默认二阶普攻倍率 var beilv2 = 1.2;//默认e倍率 var beilv3 = 1.32;//默认e二段倍率 var beilv4 = 0.7027;//默认q倍率 function beilvfuzhi() { var lv = document.getElementById("jinengdengji").value; //通过选项普攻倍率赋值 1-11级 var beilvArr = [1.280, 1.376, 1.472, 1.600, 1.696, 1.792, 1.920, 2.048, 2.176, 2.304, 2.432]; var jiashangArr = [2.1760, 2.3392, 2.5024, 2.7200, 2.8832, 3.0464, 3.2640, 3.4816, 3.6992, 3.9168, 4.1344]; beilv = beilvArr[lv-1]; jiashang = jiashangArr[lv-1]; }
function beilvfuzhi1() { var lv = document.getElementById("jinengdengji1").value; //通过选项e倍率赋值e 1-13级 var beilv2Arr = [1.20, 1.29, 1.38, 1.50, 1.59, 1.68, 1.80, 1.92, 2.04, 2.16, 2.228, 2.4, 2.55]; var beilv3Arr = [1.320, 1.419, 1.518, 1.650, 1.680, 1.840, 1.980, 2.112, 2.244, 2.376, 2.508, 2.640, 2.805]; beilv2 = beilv2Arr[lv-1]; beilv3 = beilv3Arr[lv-1]; }
function beilvfuzhi2() { var lv = document.getElementById("jinengdengji2").value; //通过选项q倍率赋值 1-13级 var beilv4Arr = [0.7027, 0.7554, 0.8081, 0.8784, 0.9311, 0.9838, 1.0541, 1.1244, 1.1946, 1.2649, 1.3352,1.4054,1.4933]; beilv4 = beilv4Arr[lv-1]; }
function jianshang1() { var juesedengji1 = document.getElementById("juesedengji").value * 1; var guaiwudengji1 = document.getElementById("guaiwudengji").value * 1; var kangxing1 = document.getElementById("kangxing").value * 0.01; jianshang = (juesedengji1 + 100) / (guaiwudengji1 + juesedengji1 + 200) * (1 - kangxing1);//减伤计算公式 } function calc1() { var gongji1 = document.getElementById("gongji").value * 1; var baoshang1 = 1 + document.getElementById("baoshang").value * 0.01; var yuansu = document.getElementById("yuansujiacheng").value; var qita = document.getElementById("qitajiacheng").value; var baoji1 = document.getElementById("baoji").value * 0.01; var jiacheng = 1 + yuansu * 0.01 + qita * 0.01 res = gongji1 * baoshang1 * jiacheng * jianshang * beilv;//普攻伤害计算 res1 = res * (1.5 * jingtongjiacheng + 1.5);//普攻r融化伤害计算 res2 = gongji1 * baoshang1 * jiacheng * jianshang * jiashang;//普攻二段伤害计算 res3 = res2 * (1.5 * jingtongjiacheng + 1.5);//普攻二段融化伤害计算 res_min1 = gongji1 * jiacheng * jianshang * beilv2;//e伤害无暴击计算 res_mid1 = (gongji1 * (1 - baoji1) * jiacheng * jianshang * beilv2) + (gongji1 * baoji1 * baoshang1 * jiacheng * jianshang * beilv2);//e伤害期望计算 res_max1 = gongji1 * baoshang1 * jiacheng * jianshang * beilv2;//e伤害暴击计算 res_min2 = gongji1 * jiacheng * jianshang * beilv3;//e伤害二段无暴击计算 res_mid2 = (gongji1 * (1 - baoji1) * jiacheng * jianshang * beilv3) + (gongji1 * baoji1 * baoshang1 * jiacheng * jianshang * beilv3);//e伤害二段期望计算 res_max2 = gongji1 * baoshang1 * jiacheng * jianshang * beilv3;//e伤害暴击期望计算 res_minq = gongji1 * jiacheng * jianshang * beilv4;//q伤害无暴击计算 res_maxq = gongji1 * baoshang1 * jiacheng * jianshang * beilv4;//q伤害暴击期望计算 } function calc2() { var jingtong = document.getElementById("yuansujingtong"); jingtongjiacheng = ((25 * jingtong.value * 1)) / (9 * (jingtong.value * 1 + 1400))//精通增幅倍率计算 }
function test() { res = 2; document.getElementById("tnt1").value = res;//测试指令 } function anw1() { document.getElementById("tnt1").value = res;//赋值 }
function anw2() { document.getElementById("tnt2").value = res1;//赋值 }
function anw3() { document.getElementById("tnt3").value = res2;//赋值 } function anw4() { document.getElementById("tnt4").value = res3;//赋值 } function max1() { document.getElementById("juesedengji").value = 90;//赋值等级max } function moren() { document.getElementById("kangxing").value = 10;//赋值默认 } function anw5() { document.getElementById("min1").value = res_min1; document.getElementById("min2").value = res_min1 * (jingtongjiacheng * 1.5 + 1.5); document.getElementById("min3").value = res_min2; document.getElementById("min4").value = res_min2 * (jingtongjiacheng * 1.5 + 1.5); } function anw6() { document.getElementById("mid1").value = res_mid1; document.getElementById("mid2").value = res_mid1 * (jingtongjiacheng * 1.5 + 1.5); document.getElementById("mid3").value = res_mid2; document.getElementById("mid4").value = res_mid2 * (jingtongjiacheng * 1.5 + 1.5); } function anw7() { document.getElementById("max1").value = res_max1; document.getElementById("max2").value = res_max1 * (jingtongjiacheng * 1.5 + 1.5); document.getElementById("max3").value = res_max2; document.getElementById("max4").value = res_max2 * (jingtongjiacheng * 1.5 + 1.5); } function anw8() { document.getElementById("tnt-minq").value = res_minq; document.getElementById("tnt-minq1").value = res_minq * (jingtongjiacheng * 1.5 + 1.5); document.getElementById("tnt-maxq").value = res_maxq; document.getElementById("tnt-maxq1").value = res_maxq * (jingtongjiacheng * 1.5 + 1.5); } function anw9() { document.getElementById("tnt5").value = (jingtongjiacheng * 1.5 + 1.5); } </script>
基础数值
攻击力 <input id="gongji" type="text" style="width:35%">
暴击率 <input id="baoji" type="text" style="width:35%">%
暴击伤害 <input id="baoshang" type="text" style="width:35%">%
冰元素伤害加成 <input id="yuansujiacheng" type="text" style="width:35%">%
角色等级 lv. <input id="juesedengji" type="text" style="width:35%" placeholder="(1-90)"> <input type=button value="MAX" onclick="max1()">
怪物等级 lv. <input id="guaiwudengji" type="text" style="width:35%">
元素精通 <input id="yuansujingtong" type="text" style="width:35%" onblur="calc2();anw9()">
怪物抗性 <input id="kangxing" type="text" style="width:35%">% <input type=button value="默认" onclick="moren()">
其他加成 <input id="qitajiacheng" type="text" style="width:35%">%
融化倍率 <input id="tnt5" type="text" readonly style="width:35%">
- 蓄力攻击
- 元素战技(E技能)
- 元素爆发(Q技能)
<select id="jinengdengji" onchange="beilvfuzhi()" style="width:20%"> <option value="1" selected="selected">1</option> <option value="2">2</option> <option value="3">3</option> <option value="4">4</option> <option value="5">5</option> <option value="6">6</option> <option value="7">7</option> <option value="8">8</option> <option value="9">9</option> <option value="10">10</option>
<option value="11">11</option></select><input type=button value="计算" onclick="jianshang1();calc2();calc1();anw1();anw2();anw3();anw4()" style="width:50%;margin-left:20px">
<input id="tnt1" type="text" readonly style="width:40%">融化→
<input id="tnt3" type="text" readonly style="width:40%">融化→
<select id="jinengdengji1" onchange="beilvfuzhi1()" style="width:20%"> <option value="1" selected="selected">1</option> <option value="2">2</option> <option value="3">3</option> <option value="4">4</option> <option value="5">5</option> <option value="6">6</option> <option value="7">7</option> <option value="8">8</option> <option value="9">9</option> <option value="10">10</option> <option value="11">11</option> <option value="12">12</option>
<option value="13">13</option></select><input type=button value="计算" onclick="jianshang1();calc2();calc1();anw5();anw6();anw7()" style="width:50%;margin-left:20px">第一段
<input id="min1" type="text" readonly style="width:80%">
融化↓
<input id="mid1" type="text" readonly style="width:80%">
融化↓
<input id="max1" type="text" readonly style="width:80%">
融化↓
第二段
<input id="min3" type="text" readonly style="width:80%">
融化↓
<input id="mid3" type="text" readonly style="width:80%">
融化↓
<input id="max3" type="text" readonly style="width:80%">
融化↓
<select id="jinengdengji2" onchange="beilvfuzhi2()" style="width:20%"> <option value="1" selected="selected">1</option> <option value="2">2</option> <option value="3">3</option> <option value="4">4</option> <option value="5">5</option> <option value="6">6</option> <option value="7">7</option> <option value="8">8</option> <option value="9">9</option> <option value="10">10</option> <option value="11">11</option> <option value="12">12</option>
<option value="13">13</option></select><input type=button value="计算" onclick="jianshang1();calc2();calc1();anw8()" style="width:50%;margin-left:20px">