+
-
-
-
-
-
-
-
+
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/script.js b/script.js
index 5ec32ce8..10bc54c7 100644
--- a/script.js
+++ b/script.js
@@ -7,6 +7,7 @@ window.onload = function()
onload: function(response) {
ms = JSON.parse(response.response);
initialize();//初始化
+ test(); //测试代码
},
onerror: function(response) {
console.error("怪物数据获取错误",response);
@@ -26,6 +27,7 @@ function initialize()
//编辑框
var editBox = document.querySelector(".edit-box");
var settingBox = editBox.querySelector(".setting-box")
+ //id搜索
var monstersSearch = editBox.querySelector(".edit-box .m-id");
monstersSearch.onchange = function(){
if (/^\d+$/.test(this.value))
@@ -34,6 +36,7 @@ function initialize()
}
}
monstersSearch.oninput = monstersSearch.onchange;
+ //觉醒
var monEditAwokens = Array.prototype.slice.call(settingBox.querySelectorAll(".m-awoken-ul>.awoken-icon"));
monEditAwokens.forEach(function(akDom,idx,domArr){
akDom.onclick = function(){
@@ -44,12 +47,19 @@ function initialize()
for(var ai=1;ai
= 12?2:1);
+ },0);
+ }
+ function refreshLatent() //刷新潜觉
+ {
+ if (this.value<0) return;
+ var usedHoleN = usedHole(latent);
+ for (var ai=0;ai<6;ai++)
+ {
+ if (latent[ai])
+ {
+ monEditLatents[ai].className = "latent-icon latent-icon-" + latent[ai];
+ monEditLatents[ai].value = ai;
+ }
+ else if(ai<(6-usedHoleN+latent.length))
+ {
+ monEditLatents[ai].className = "latent-icon";
+ monEditLatents[ai].value = -1;
+ }
+ else
+ {
+ monEditLatents[ai].className = "display-none";
+ monEditLatents[ai].value = -1;
+ }
+ }
+ }
+ editBox.refreshLatent = refreshLatent;
+ //已有觉醒的去除
+ monEditLatents.forEach(function(l){
+ l.onclick = function(){
+ var aIdx = parseInt(this.value);
+ latent.splice(aIdx,1);
+ refreshLatent();
+ }
+ })
+ //可选觉醒的添加
+ monEditLatentsAllowable.forEach(function(la){
+ la.onclick = function(){
+ if (this.classList.contains("unselected-latent")) return;
+ var lIdx = parseInt(this.value);
+ var usedHoleN = usedHole(latent);
+ if (lIdx >= 12 && usedHoleN<=4)
+ latent.push(lIdx);
+ else if (lIdx < 12 && usedHoleN<=5)
+ latent.push(lIdx);
+ refreshLatent();
+ /*
+ var allowHole = monEditLatents.filter(function(l){ //返回空余潜觉格子
+ return !l.classList.contains("display-none") && //没被隐藏的
+ Array.prototype.slice.call(l.classList).filter(function(c){ //存在觉醒图标className的
+ return /^latent\-icon\-\d+$/ig.test(c);
+ }).length<1;
+ })
+ var lIdx = parseInt(this.value);
+ if (lIdx >= 12)
+ { //占两格
+ if (allowHole.length>=2)
+ {
+ allowHole[0].className = "latent-icon latent-icon-" + lIdx;
+ allowHole.value = lIdx;
+ allowHole[allowHole.length-1].className = "display-none";
+ }
+ }else
+ { //占一格
+ if (allowHole.length>=1)
+ {
+ allowHole[0].className = "latent-icon latent-icon-" + lIdx;
+ allowHole.value = lIdx;
+ }
+ }
+ */
+ }
+ })
}
function changeid(mon,monDom,awokenDom)
{
@@ -118,7 +208,7 @@ function changeid(mon,monDom,awokenDom)
{
monDom.querySelector(".addition .hp").innerHTML = mon.addition[0];
monDom.querySelector(".addition .atk").innerHTML = mon.addition[1];
- monDom.querySelector(".addition .def").innerHTML = mon.addition[2];
+ monDom.querySelector(".addition .rcv").innerHTML = mon.addition[2];
if (mon.addition[0]+mon.addition[1]+mon.addition[2] >= 297)
{
monDom.querySelector(".addition").classList.add("has297");
@@ -154,7 +244,8 @@ function editChangeMonId(id)
id = 0;
md = ms[0]
}
- var monInfoBox = document.querySelector(".edit-box .monsterinfo-box");
+ var editBox = document.querySelector(".edit-box");
+ var monInfoBox = editBox.querySelector(".monsterinfo-box");
var me = monInfoBox.querySelector(".monster");
changeid({id:id,},me); //改变图像
var mId = monInfoBox.querySelector(".monster-id");
@@ -163,7 +254,7 @@ function editChangeMonId(id)
mRare.className = "monster-rare rare-" + md.rare;
var mName = monInfoBox.querySelector(".monster-name");
mName.innerHTML = md.name;
- var mType = monInfoBox.querySelector(".monster-type").children;
+ var mType = monInfoBox.querySelectorAll(".monster-type li");
for (var ti=0;ti=0)
+ {
+ if(latentDom.classList.contains("unselected-latent"))
+ latentDom.classList.remove("unselected-latent");
+ }else
+ {
+ if(!latentDom.classList.contains("unselected-latent"))
+ latentDom.classList.add("unselected-latent");
+ }
+ }
+
+ editBox.latent.length = 0;
+ editBox.refreshLatent();
}
\ No newline at end of file
diff --git a/style-monsterimages.css b/style-monsterimages.css
index 25c1befa..210451b5 100644
--- a/style-monsterimages.css
+++ b/style-monsterimages.css
@@ -157,8 +157,8 @@
.pet-cards-index-y-7{background-position-y:-714px;}
.pet-cards-index-y-8{background-position-y:-816px;}
.pet-cards-index-y-9{background-position-y:-918px;}
-/*觉醒和类型*/
-.awoken-icon,.type-icon{
+/*觉醒、类型、潜觉*/
+.awoken-icon,.type-icon,.latent-icon{
display:inline-block;
width:32px;height:32px;
vertical-align: middle;
@@ -449,9 +449,60 @@
.type-name-15::after{/*龙*/
content: "贩卖用";
}
-.type-icon-9{/*特殊*/
- background-position: 0px -384px;
+/*潜在觉醒*/
+.latent-icon{
+ background-image: url(images/latent.png);
+}
+.latent-icon-11{ /*防坐*/
+ background-position: 0px -352px;
+}
+.latent-icon-13{ /*进化杀*/
+ background-position: 0px -416px;
+}
+.latent-icon-14{ /*觉醒杀*/
+ background-position: 0px -448px;
+}
+.latent-icon-15{ /*强化杀*/
+ background-position: 0px -480px;
+}
+.latent-icon-16{ /*卖钱杀*/
+ background-position: 0px -512px;
+}
+.latent-icon-17{ /*神杀*/
+ background-position: 0px -544px;
+}
+.latent-icon-18{ /*龙杀*/
+ background-position: 0px -576px;
+}
+.latent-icon-19{ /*恶魔杀*/
+ background-position: 0px -608px;
+}
+.latent-icon-20{ /*机械杀*/
+ background-position: 0px -640px;
+}
+.latent-icon-21{ /*平衡杀*/
+ background-position: 0px -672px;
+}
+.latent-icon-22{ /*攻击杀*/
+ background-position: 0px -704px;
+}
+.latent-icon-23{ /*体力杀*/
+ background-position: 0px -736px;
+}
+.latent-icon-24{ /*回复杀*/
+ background-position: 0px -768px;
}
-.type-name-9::after{
- content: "特殊";
+.latent-icon-13,
+.latent-icon-14,
+.latent-icon-15,
+.latent-icon-16,
+.latent-icon-17,
+.latent-icon-18,
+.latent-icon-19,
+.latent-icon-20,
+.latent-icon-21,
+.latent-icon-22,
+.latent-icon-23,
+.latent-icon-24{
+ width: 76px;
}
\ No newline at end of file
diff --git a/style.css b/style.css
index 4be9608d..02850c49 100644
--- a/style.css
+++ b/style.css
@@ -57,7 +57,7 @@ ul{
}
.monster .addition .hp::before,
.monster .addition .atk::before,
-.monster .addition .def::before,
+.monster .addition .rcv::before,
.monster .addition ._297::before{
content: "+";
}
@@ -66,7 +66,7 @@ ul{
}
.monster .addition.has297 .hp,
.monster .addition.has297 .atk,
-.monster .addition.has297 .def{ /*当是297时隐藏3维*/
+.monster .addition.has297 .rcv{ /*当是297时隐藏3维*/
display:none;
}
.monster .addition.has297 ._297{ /*当是297时显示297*/
@@ -335,27 +335,27 @@ ul{
content: "怪物加值";
display: block;
}
-.setting-box .m-add-hp,.setting-box .m-add-atk,.setting-box .m-add-def{
+.setting-box .m-add-hp,.setting-box .m-add-atk,.setting-box .m-add-rcv{
font-size: 25px;
height: 40px;
width: calc(100% - 212px);
box-sizing: border-box;
}
-.m-add-hp-li::before,.m-add-atk-li::before,.m-add-def-li::before{
+.m-add-hp-li::before,.m-add-atk-li::before,.m-add-rcv-li::before{
font-size: 25px;
width: 55px;
display: inline-block;
}
.m-add-hp-li::before{content: "HP";}
.m-add-atk-li::before{content: "攻击";}
-.m-add-def-li::before{content: "回复";}
-.m-add-hp-btn-99,.m-add-atk-btn-99,.m-add-def-btn-99{
+.m-add-rcv-li::before{content: "回复";}
+.m-add-hp-btn-99,.m-add-atk-btn-99,.m-add-rcv-btn-99{
height: 40px;
width: 70px;
box-sizing: border-box;
font-size: 25px;
}
-.m-add-hp-btn-99::before,.m-add-atk-btn-99::before,.m-add-def-btn-99::before,.m-add-btn-297::before{
+.m-add-hp-btn-99::before,.m-add-atk-btn-99::before,.m-add-rcv-btn-99::before,.m-add-btn-297::before{
content: "+";
}
.m-add-btn-297{
@@ -365,11 +365,44 @@ ul{
box-sizing: border-box;
font-size: 25px;
}
-.edit-box .setting-box .row-mon-a-awoken::before{
+.edit-box .setting-box .row-mon-latent::before{
content: "潜在觉醒";
}
-
-
+.m-latent-ul{
+ text-align: center;
+ font-size: 0;
+}
+.m-latent-ul .latent-icon{
+ margin-left: 12px;
+}
+.m-latent-ul .latent-icon:first-of-type{
+ margin-left: 0;
+}
+.m-latent-allowable-ul{
+ margin-top: 5px;
+}
+.m-latent-allowable-ul .latent-icon{
+ cursor: pointer;
+}
+.m-latent-allowable-ul .latent-icon.unselected-latent{
+ cursor: default;
+ opacity: 0.3;
+}
+.latent-icon-11,
+.latent-icon-13,
+.latent-icon-14,
+.latent-icon-15,
+.latent-icon-16,
+.latent-icon-17,
+.latent-icon-18,
+.latent-icon-19,
+.latent-icon-20,
+.latent-icon-21,
+.latent-icon-22,
+.latent-icon-23,
+.latent-icon-24{
+ cursor: pointer;
+}
.edit-box .button-box .button-done::after{
content: "确认修改";
diff --git a/universal_function.js b/universal_function.js
index 0914f687..4ada9795 100644
--- a/universal_function.js
+++ b/universal_function.js
@@ -1,4 +1,20 @@
-//仿GM_xmlhttpRequest函数v1.3
+
+//类型允许的潜觉杀,前面的数字是官方数据的类型编号,后面的杀是自己做的图片中的潜觉序号
+var type_allowable_latent = {
+ "0":[], //0进化
+ "12":[], //12觉醒
+ "14":[], //14强化
+ "15":[], //15卖钱
+ "1":[17,18,19,20,21,22,23,24], //1平衡
+ "2":[20,24],//2体力
+ "3":[18,22],//3回复
+ "4":[20,24],//4龙
+ "5":[19],//5神
+ "6":[19,23],//6攻击
+ "7":[17],//7恶魔
+ "8":[17,20,21,24],//8机械
+}
+//仿GM_xmlhttpRequest函数v1.3
if (typeof(GM_xmlhttpRequest) == "undefined") {
var GM_xmlhttpRequest = function(GM_param) {
@@ -24,6 +40,25 @@ if (typeof(GM_xmlhttpRequest) == "undefined") {
}
}
//数字补0
-function PrefixInteger(num, length) {
+function PrefixInteger(num, length)
+{
return (Array(length).join('0') + num).slice(-length);
+}
+//数组去重
+/* https://www.cnblogs.com/baiyangyuanzi/p/6726258.html
+* 实现思路:获取没重复的最右一值放入新数组。
+* (检测到有重复值时终止当前循环同时进入顶层循环的下一轮判断)*/
+function uniq(array){
+ var temp = [];
+ var l = array.length;
+ for(var i = 0; i < l; i++) {
+ for(var j = i + 1; j < l; j++){
+ if (array[i] === array[j]){
+ i++;
+ j = i;
+ }
+ }
+ temp.push(array[i]);
+ }
+ return temp;
}
\ No newline at end of file