You can not select more than 25 topics Topics must start with a chinese character,a letter or number, can include dashes ('-') and can be up to 35 characters long.

script.js 26 kB

7 years ago
6 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824
  1. var ms = null;
  2. var language = null;
  3. var memberTeamObj = function(){
  4. this.id = 0;
  5. this.level = 0;
  6. this.awoken = 0;
  7. this.plus = [0,0,0];
  8. this.latent = [];
  9. //sawoken作为可选项目,默认不在内
  10. }
  11. var memberAssistObj = function(){
  12. this.id = 0;
  13. this.level = 0;
  14. this.awoken = 0;
  15. this.plus = [0,0,0];
  16. }
  17. window.onload = function()
  18. {
  19. //添加语言列表
  20. var controlBox = document.body.querySelector(".control-box");
  21. var langList = controlBox.querySelector(".languages");
  22. languageList.forEach(function(l){
  23. var langOpt = new Option(l.name,l.i18n);
  24. langList.options.add(langOpt);
  25. })
  26. var language_i18n = getQueryString("lang"); //获取参数指定的语言
  27. var browser_i18n = (navigator.language||navigator.userLanguage); //获取浏览器语言
  28. var hasLanguage = languageList.filter(function(l){
  29. if (language_i18n) //如果已指定就用指定的语言
  30. return language_i18n.indexOf(l.i18n)>=0;
  31. else
  32. return browser_i18n.indexOf(l.i18n)>=0;
  33. });
  34. language = hasLanguage.length?hasLanguage[hasLanguage.length-1]:languageList[0];
  35. document.head.querySelector("#language-css").href = "languages/"+language.i18n+".css";
  36. Array.prototype.slice.call(langList.options).some(function(lOpt){
  37. if (lOpt.value == language.i18n)
  38. {
  39. lOpt.selected = true;
  40. return true;
  41. }
  42. });
  43. GM_xmlhttpRequest({
  44. method: "GET",
  45. url:"monsters-info/mon.json",
  46. onload: function(response) {
  47. ms = JSON.parse(response.response);
  48. initialize();//初始化
  49. try
  50. {
  51. var idataQer = getQueryString("data");
  52. if (idataQer)
  53. {
  54. var idata = JSON.parse(idataQer);
  55. formation = idata;
  56. refreshAll(formation);
  57. }
  58. }catch(e)
  59. {
  60. console.log("初始数据解码出错",e);
  61. }
  62. },
  63. onerror: function(response) {
  64. console.error("怪物数据获取错误",response);
  65. try
  66. {
  67. ms = JSON.parse(response.response);
  68. initialize();//初始化
  69. var idataQer = getQueryString("data");
  70. if (idataQer)
  71. {
  72. var idata = JSON.parse(idataQer);
  73. formation = idata;
  74. refreshAll(formation);
  75. }
  76. }catch(e)
  77. {
  78. console.log("尝试解码仍错误。或初始数据解码出错。",e);
  79. }
  80. }
  81. });
  82. }
  83. window.onpopstate = function()
  84. { //前进后退时修改页面
  85. try
  86. {
  87. var idataQer = getQueryString("data");
  88. if (idataQer)
  89. {
  90. var idata = JSON.parse(idataQer);
  91. formation = idata;
  92. refreshAll(formation);
  93. }
  94. }catch(e)
  95. {
  96. console.log("初始数据解码出错",e);
  97. }
  98. }
  99. //创建新的分享地址
  100. function creatNewUrl(lang){
  101. if (!!(window.history && history.pushState)) {
  102. // 支持History API
  103. var language_i18n = lang || getQueryString("lang"); //获取参数指定的语言
  104. history.pushState(null, null, '?' + (language_i18n?'lang=' + language_i18n + '&':'') + 'data=' + encodeURIComponent(JSON.stringify(formation)));
  105. }
  106. }
  107. //初始化
  108. function initialize()
  109. {
  110. var monstersList = document.querySelector("#monsters-list");
  111. ms.forEach(function(m){
  112. var opt = monstersList.appendChild(document.createElement("option"));
  113. opt.value = m.id;
  114. opt.label = m.id + " - " + returnMonsterNameArr(m,language.searchlist).join(" | ");
  115. });
  116. //控制框
  117. var controlBox = document.querySelector(".control-box");
  118. //标题和介绍文本框
  119. var txtTitle = document.querySelector(".title-box .title");
  120. var txtDetail = document.querySelector(".detail-box .detail");
  121. txtTitle.onchange = function(){
  122. formation.title = this.value;
  123. creatNewUrl();
  124. }
  125. txtDetail.onchange = function(){
  126. formation.detail = this.value;
  127. creatNewUrl();
  128. }
  129. txtDetail.onblur = function(){
  130. this.style.height=this.scrollHeight+"px";
  131. }
  132. //队伍框
  133. var formationBox = document.querySelector(".formation-box");
  134. formationBox.formationBox = formation;
  135. //编辑框
  136. var editBox = document.querySelector(".edit-box");
  137. editBox.mid = 0; //储存怪物id
  138. editBox.awokenCount = 0; //储存怪物潜觉数量
  139. editBox.latent = []; //储存潜在觉醒
  140. editBox.assist = false; //储存是否为辅助宠物
  141. editBox.monsterBox = null;
  142. editBox.latentBox = null;
  143. editBox.memberIdx = []; //储存队伍数组下标
  144. editBox.show = function(){
  145. editBox.classList.remove("display-none");
  146. formationBox.classList.add("blur-bg");
  147. controlBox.classList.add("blur-bg");
  148. }
  149. editBox.hide = function(){
  150. editBox.classList.add("display-none");
  151. formationBox.classList.remove("blur-bg");
  152. controlBox.classList.remove("blur-bg");
  153. }
  154. var settingBox = editBox.querySelector(".setting-box")
  155. //id搜索
  156. var monstersID = editBox.querySelector(".edit-box .m-id");
  157. monstersID.onchange = function(){
  158. if (/^\d+$/.test(this.value))
  159. {
  160. editBox.mid = parseInt(this.value);
  161. editBoxChangeMonId(editBox.mid);
  162. }
  163. }
  164. monstersID.oninput = monstersID.onchange;
  165. //觉醒
  166. var monEditAwokens = Array.prototype.slice.call(settingBox.querySelectorAll(".row-mon-awoken .awoken-ul .awoken-icon"));
  167. monEditAwokens.forEach(function(akDom,idx,domArr){
  168. akDom.onclick = function(){
  169. editBox.awokenCount = idx;
  170. editBox.reCalculateAbility();
  171. editBox.refreshAwokens();
  172. };
  173. });
  174. //刷新觉醒
  175. editBox.refreshAwokens = function(){
  176. monEditAwokens[0].innerHTML = editBox.awokenCount;
  177. if (editBox.awokenCount>0 && editBox.awokenCount==(ms[editBox.mid].awoken.length))
  178. monEditAwokens[0].classList.add("full-awoken");
  179. else
  180. monEditAwokens[0].classList.remove("full-awoken");
  181. for(var ai=1;ai<monEditAwokens.length;ai++)
  182. {
  183. if(ai<=editBox.awokenCount)
  184. {
  185. monEditAwokens[ai].classList.remove("unselected-awoken");
  186. }
  187. else
  188. {
  189. monEditAwokens[ai].classList.add("unselected-awoken");
  190. }
  191. }
  192. }
  193. //超觉醒
  194. var monEditSAwokens = Array.prototype.slice.call(settingBox.querySelectorAll(".row-mon-super-awoken .awoken-ul .awoken-icon"));
  195. monEditSAwokens.forEach(function(akDom,idx,domArr){
  196. akDom.onclick = function(){
  197. for(var ai=0;ai<domArr.length;ai++)
  198. {
  199. if(ai==idx)
  200. {
  201. domArr[ai].classList.toggle("unselected-awoken");
  202. }
  203. else
  204. {
  205. domArr[ai].classList.add("unselected-awoken");
  206. }
  207. }
  208. }
  209. })
  210. //等级
  211. var monEditLv = settingBox.querySelector(".m-level");
  212. monEditLv.onchange = function(){editBox.reCalculateAbility();};
  213. var monEditLvMax = settingBox.querySelector(".m-level-btn-max");
  214. monEditLvMax.onclick = function(){
  215. var ipt = monEditLv;
  216. if (ipt.value != this.value)
  217. {
  218. ipt.value = this.value;
  219. ipt.onchange();
  220. }
  221. };
  222. //加蛋
  223. var monEditAddHpLi = settingBox.querySelector(".row-mon-plus .m-plus-hp-li");
  224. var monEditAddAtkLi = settingBox.querySelector(".row-mon-plus .m-plus-atk-li");
  225. var monEditAddRcvLi = settingBox.querySelector(".row-mon-plus .m-plus-rcv-li");
  226. var monEditAddHp = monEditAddHpLi.querySelector(".m-plus-hp");
  227. monEditAddHp.onchange = function(){editBox.reCalculateAbility();};
  228. var monEditAddAtk = monEditAddAtkLi.querySelector(".m-plus-atk");
  229. monEditAddAtk.onchange = function(){editBox.reCalculateAbility();};
  230. var monEditAddRcv = monEditAddRcvLi.querySelector(".m-plus-rcv");
  231. monEditAddRcv.onchange = function(){editBox.reCalculateAbility();};
  232. //3个快速设置按钮
  233. var monEditAddHpBtn = monEditAddHpLi.querySelector(".m-plus-btn");
  234. monEditAddHpBtn.onclick = function(){
  235. var ipt = monEditAddHp;
  236. if (ipt.value != this.value)
  237. {
  238. ipt.value = this.value;
  239. ipt.onchange();
  240. }
  241. };
  242. var monEditAddAtkBtn = monEditAddAtkLi.querySelector(".m-plus-btn");
  243. monEditAddAtkBtn.onclick = function(){
  244. var ipt = monEditAddAtk;
  245. if (ipt.value != this.value)
  246. {
  247. ipt.value = this.value;
  248. ipt.onchange();
  249. }
  250. };
  251. var monEditAddRcvBtn = monEditAddRcvLi.querySelector(".m-plus-btn");
  252. monEditAddRcvBtn.onclick = function(){
  253. var ipt = monEditAddRcv;
  254. if (ipt.value != this.value)
  255. {
  256. ipt.value = this.value;
  257. ipt.onchange();
  258. }
  259. };
  260. //297按钮
  261. var monEditAdd297 = settingBox.querySelector(".row-mon-plus .m-plus-btn-297");
  262. monEditAdd297.onclick = function(){monEditAddHp.value = monEditAddAtk.value = monEditAddRcv.value = 99;editBox.reCalculateAbility();}
  263. //三维的计算值
  264. var monEditHpValue = monEditAddHpLi.querySelector(".ability-value");
  265. var monEditAtkValue = monEditAddAtkLi.querySelector(".ability-value");
  266. var monEditRcvValue = monEditAddRcvLi.querySelector(".ability-value");
  267. //潜觉
  268. var monEditLatentUl = settingBox.querySelector(".m-latent-ul");
  269. var monEditLatents = Array.prototype.slice.call(monEditLatentUl.querySelectorAll("li"));
  270. var monEditLatentAllowableUl = settingBox.querySelector(".m-latent-allowable-ul");
  271. var monEditLatentsAllowable = Array.prototype.slice.call(monEditLatentAllowableUl.querySelectorAll("li"));
  272. editBox.refreshLatent = function(latent) //刷新潜觉
  273. {
  274. if (this.value<0) return;
  275. var usedHoleN = usedHole(latent);
  276. for (var ai=0;ai<6;ai++)
  277. {
  278. if (latent[ai])
  279. {
  280. monEditLatents[ai].className = "latent-icon latent-icon-" + latent[ai];
  281. monEditLatents[ai].value = ai;
  282. }
  283. else if(ai<(6-usedHoleN+latent.length))
  284. {
  285. monEditLatents[ai].className = "latent-icon";
  286. monEditLatents[ai].value = -1;
  287. }
  288. else
  289. {
  290. monEditLatents[ai].className = "display-none";
  291. monEditLatents[ai].value = -1;
  292. }
  293. }
  294. }
  295. //已有觉醒的去除
  296. monEditLatents.forEach(function(l){
  297. l.onclick = function(){
  298. var aIdx = parseInt(this.value);
  299. editBox.latent.splice(aIdx,1);
  300. editBox.reCalculateAbility();
  301. editBox.refreshLatent(editBox.latent);
  302. }
  303. })
  304. //可选觉醒的添加
  305. monEditLatentsAllowable.forEach(function(la){
  306. la.onclick = function(){
  307. if (this.classList.contains("unselected-latent")) return;
  308. var lIdx = parseInt(this.value);
  309. var usedHoleN = usedHole(editBox.latent);
  310. if (lIdx >= 12 && usedHoleN<=4)
  311. editBox.latent.push(lIdx);
  312. else if (lIdx < 12 && usedHoleN<=5)
  313. editBox.latent.push(lIdx);
  314. editBox.reCalculateAbility();
  315. editBox.refreshLatent(editBox.latent);
  316. }
  317. })
  318. //重新计算怪物的能力
  319. editBox.reCalculateAbility = function(){
  320. var monid = parseInt(monstersID.value);
  321. var level = parseInt(monEditLv.value);
  322. var awoken = editBox.awokenCount;
  323. var plus = [
  324. parseInt(monEditAddHp.value),
  325. parseInt(monEditAddAtk.value),
  326. parseInt(monEditAddRcv.value)
  327. ];
  328. var latent = editBox.latent;
  329. var abilitys = calculateAbility(monid,level,awoken,plus,latent);
  330. [monEditHpValue,monEditAtkValue,monEditRcvValue].forEach(function(div,idx){
  331. div.innerHTML = abilitys[idx];
  332. })
  333. }
  334. var btnCancel = editBox.querySelector(".button-cancel");
  335. var btnDone = editBox.querySelector(".button-done");
  336. var btnNull = editBox.querySelector(".button-null");
  337. var btnDelay = editBox.querySelector(".button-delay");
  338. btnCancel.onclick = function(){
  339. btnDone.classList.remove("cant-assist");
  340. btnDone.disabled = false;
  341. editBox.memberIdx = [];
  342. editBox.hide();
  343. }
  344. btnDone.onclick = function(){
  345. if (parseInt(monEditLv.value) == 0)
  346. {
  347. btnNull.onclick();
  348. return;
  349. }
  350. var mD = formation.team[editBox.memberIdx[0]][editBox.memberIdx[1]][editBox.memberIdx[2]] = editBox.assist?new memberAssistObj():new memberTeamObj();
  351. mD.id = parseInt(monstersID.value);
  352. mD.level = parseInt(monEditLv.value);
  353. mD.awoken = editBox.awokenCount;
  354. if (ms[mD.id].sAwoken) //如果支持超觉醒
  355. {
  356. mD.sawoken = -1;
  357. for (var sai = 0;sai<monEditSAwokens.length;sai++)
  358. {
  359. if (
  360. !monEditSAwokens[sai].classList.contains("unselected-awoken") &&
  361. !monEditSAwokens[sai].classList.contains("display-none")
  362. )
  363. {
  364. mD.sawoken = sai;
  365. break;
  366. }
  367. }
  368. }
  369. if (ms[mD.id].type.some(function(t){return t == 0 || t == 12 || t == 14 || t == 15;}) && [303,305,307,600,602].indexOf(mD.id)<0)
  370. { //当4种特殊type的时候是无法297和打觉醒的,但是5种小企鹅可以
  371. mD.plus = [0,0,0];
  372. }else
  373. {
  374. mD.plus[0] = parseInt(monEditAddHp.value) || 0;
  375. mD.plus[1] = parseInt(monEditAddAtk.value) || 0;
  376. mD.plus[2] = parseInt(monEditAddRcv.value) || 0;
  377. if (!editBox.assist)
  378. { //如果不是辅助,则可以设定潜觉
  379. mD.latent = editBox.latent.concat();
  380. }
  381. }
  382. changeid(mD,editBox.monsterBox,editBox.latentBox);
  383. refreshAwokenCount(formation.team);
  384. creatNewUrl();
  385. editBox.hide();
  386. }
  387. window.onkeydown = function(e){
  388. if (!editBox.classList.contains("display-none"))
  389. {
  390. if (e.keyCode == 27)
  391. { //按下ESC时,自动关闭编辑窗
  392. btnCancel.onclick();
  393. }
  394. }
  395. }
  396. btnNull.onclick = function(){
  397. var mD = formation.team[editBox.memberIdx[0]][editBox.memberIdx[1]][editBox.memberIdx[2]] = {id:0};
  398. changeid(mD,editBox.monsterBox,editBox.latentBox);
  399. refreshAwokenCount(formation.team);
  400. creatNewUrl();
  401. editBox.hide();
  402. }
  403. btnDelay.onclick = function(){ //应对威吓
  404. var mD = formation.team[editBox.memberIdx[0]][editBox.memberIdx[1]][editBox.memberIdx[2]] = {id:-1};
  405. changeid(mD,editBox.monsterBox,editBox.latentBox);
  406. refreshAwokenCount(formation.team);
  407. creatNewUrl();
  408. editBox.hide();
  409. }
  410. var controlBox = document.body.querySelector(".control-box");
  411. var langList = controlBox.querySelector(".languages");
  412. langList.onchange = function(){
  413. creatNewUrl(this.value);
  414. history.go();
  415. }
  416. /*添对应语言执行的JS*/
  417. var languageJS = document.head.appendChild(document.createElement("script"));
  418. languageJS.id = "language-js";
  419. languageJS.type = "text/javascript";
  420. languageJS.src = "languages/"+language.i18n+".js";
  421. }
  422. //改变一个怪物头像
  423. function changeid(mon,monDom,latentDom)
  424. {
  425. var md = ms[mon.id]; //怪物固定数据
  426. if (mon.id<0) //如果是延迟
  427. {
  428. monDom.parentNode.classList.add("delay");
  429. monDom.parentNode.classList.remove("null");
  430. return;
  431. }else if (mon.id==0) //如果是空
  432. {
  433. monDom.parentNode.classList.add("null");
  434. monDom.parentNode.classList.remove("delay");
  435. return;
  436. }else (mon.id>-1) //如果提供了id
  437. {
  438. monDom.parentNode.classList.remove("null");
  439. monDom.parentNode.classList.remove("delay");
  440. monDom.className = "monster";
  441. monDom.classList.add("pet-cards-" + Math.ceil(mon.id/100)); //添加图片编号
  442. if (md.name["ja"] == undefined || /^\?+/.test(md.name["ja"])) //如果没日文或日文是问号,就改为英文的图片
  443. monDom.classList.add("en-only");
  444. else
  445. monDom.classList.remove("en-only");
  446. var idxInPage = (mon.id-1) % 100; //获取当前页面的总序号
  447. monDom.classList.add("pet-cards-index-x-" + idxInPage % 10); //添加X方向序号
  448. monDom.classList.add("pet-cards-index-y-" + parseInt(idxInPage / 10)); //添加Y方向序号
  449. monDom.querySelector(".property").className = "property property-" + md.ppt[0]; //主属性
  450. monDom.querySelector(".subproperty").className = "subproperty subproperty-" + md.ppt[1]; //副属性
  451. monDom.title = "No." + mon.id + " " + md.name[language.searchlist[0]] || md.name["ja"];
  452. monDom.href = mon.id.toString().replace(/^(\d+)$/ig,language.guideURL);
  453. }
  454. if (mon.level>0) //如果提供了等级
  455. {
  456. var levelDom = monDom.querySelector(".level");
  457. levelDom.innerHTML = mon.level;
  458. if (mon.level == md.maxLv)
  459. { //如果等级刚好等于最大等级,则修改为“最大”的字
  460. levelDom.classList.add("max");
  461. }else
  462. {
  463. levelDom.classList.remove("max");
  464. }
  465. if (md.a110 && mon.level >= md.maxLv)
  466. { //如果支持超觉,并且等级超过99,就添加支持超觉的蓝色
  467. levelDom.classList.add("_110");
  468. }else
  469. {
  470. levelDom.classList.remove("_110");
  471. }
  472. }
  473. if (mon.awoken>-1) //如果提供了觉醒
  474. {
  475. var awokenIcon = monDom.querySelector(".awoken-count");
  476. if (mon.awoken == 0 || md.awoken.length < 1) //没觉醒
  477. {
  478. awokenIcon.classList.add("display-none");
  479. awokenIcon.innerHTML = "";
  480. }else
  481. {
  482. awokenIcon.classList.remove("display-none");
  483. if (mon.awoken < md.awoken.length) //觉醒没满直接写数字
  484. {
  485. awokenIcon.innerHTML = mon.awoken;
  486. awokenIcon.classList.remove("allowable-assist");
  487. }else //满觉醒打星星
  488. {
  489. awokenIcon.innerHTML = "★";
  490. if (md.assist)
  491. awokenIcon.classList.add("allowable-assist");
  492. else
  493. awokenIcon.classList.remove("allowable-assist");
  494. }
  495. }
  496. }
  497. var sawoken = monDom.querySelector(".super-awoken");
  498. if (sawoken) //如果存在超觉醒的DOM且提供了超觉醒
  499. {
  500. if (mon.sawoken != undefined && mon.sawoken>=0)
  501. {
  502. var awokenIcon = sawoken.querySelector(".awoken-icon");
  503. sawoken.classList.remove("display-none");
  504. awokenIcon.className = "awoken-icon awoken-" + md.sAwoken[mon.sawoken];
  505. }else
  506. {
  507. sawoken.classList.add("display-none");
  508. }
  509. }
  510. var m_id = monDom.querySelector(".id");
  511. if (m_id) //怪物ID
  512. {
  513. m_id.innerHTML = mon.id;
  514. }
  515. if (mon.plus) //如果提供了加值
  516. {
  517. monDom.querySelector(".plus .hp").innerHTML = mon.plus[0];
  518. monDom.querySelector(".plus .atk").innerHTML = mon.plus[1];
  519. monDom.querySelector(".plus .rcv").innerHTML = mon.plus[2];
  520. if (mon.plus[0]+mon.plus[1]+mon.plus[2] >= 297)
  521. {
  522. monDom.querySelector(".plus").classList.add("has297");
  523. monDom.querySelector(".plus").classList.remove("zero");
  524. }else if (mon.plus[0]+mon.plus[1]+mon.plus[2] <= 0)
  525. {
  526. monDom.querySelector(".plus").classList.add("zero");
  527. monDom.querySelector(".plus").classList.remove("has297");
  528. }else
  529. {
  530. monDom.querySelector(".plus").classList.remove("zero");
  531. monDom.querySelector(".plus").classList.remove("has297");
  532. }
  533. }
  534. if (latentDom && mon.latent) //如果提供了潜觉
  535. {
  536. var latent = mon.latent.sort(function(a,b){return b-a;});
  537. if (latent.length < 1)
  538. latentDom.classList.add("display-none");
  539. else
  540. latentDom.classList.remove("display-none");
  541. var latentDoms = Array.prototype.slice.call(latentDom.querySelectorAll("li"));
  542. var usedHoleN = usedHole(latent);
  543. for (var ai=0;ai<6;ai++)
  544. {
  545. if (latent[ai])
  546. {
  547. latentDoms[ai].className = "latent-icon latent-icon-" + latent[ai];
  548. }
  549. else if(ai<(6-usedHoleN+latent.length))
  550. {
  551. latentDoms[ai].className = "latent-icon";
  552. }
  553. else
  554. {
  555. latentDoms[ai].className = "display-none";
  556. }
  557. }
  558. }
  559. }
  560. //点击怪物头像,出现编辑窗
  561. function editMon(AorB,isAssist,tempIdx)
  562. {
  563. //数据
  564. var mD = formation.team[AorB][isAssist][tempIdx];
  565. //对应的Dom
  566. var formationBox = AorB?document.querySelector(".formation-box .formation-B-box"):document.querySelector(".formation-box .formation-A-box");
  567. var teamBox = isAssist?formationBox.querySelector(".formation-assist"):formationBox.querySelector(".formation-team");
  568. var memberBox = teamBox.querySelector(".member-" + (tempIdx+1));
  569. var editBox = document.querySelector(".edit-box");
  570. var monsterBox = memberBox.querySelector(".monster");
  571. editBox.show();
  572. editBox.assist = isAssist;
  573. editBox.monsterBox = monsterBox;
  574. editBox.memberIdx = [AorB,isAssist,tempIdx]; //储存队伍数组下标
  575. editBox.assist = isAssist;
  576. if (!isAssist)
  577. {
  578. var latentBox = formationBox.querySelector(".formation-latents .latents-"+(tempIdx+1)+" .latent-ul");
  579. editBox.latentBox = latentBox;
  580. }
  581. var monstersID = editBox.querySelector(".search-box .m-id");
  582. monstersID.value = mD.id>0?mD.id:0;
  583. monstersID.onchange();
  584. var settingBox = editBox.querySelector(".setting-box");
  585. //觉醒
  586. var monEditAwokens = settingBox.querySelectorAll(".row-mon-awoken .awoken-ul .awoken-icon");
  587. if (mD.awoken>0) monEditAwokens[mD.awoken].onclick();
  588. //超觉醒
  589. var monEditSAwokens = settingBox.querySelectorAll(".row-mon-super-awoken .awoken-ul .awoken-icon");
  590. if (mD.sawoken>=0) monEditSAwokens[mD.sawoken].onclick();
  591. var monEditLv = settingBox.querySelector(".m-level");
  592. monEditLv.value = mD.level || 1;
  593. var monEditAddHp = settingBox.querySelector(".m-plus-hp");
  594. var monEditAddAtk = settingBox.querySelector(".m-plus-atk");
  595. var monEditAddRcv = settingBox.querySelector(".m-plus-rcv");
  596. if (mD.plus)
  597. {
  598. monEditAddHp.value = mD.plus[0];
  599. monEditAddAtk.value = mD.plus[1];
  600. monEditAddRcv.value = mD.plus[2];
  601. }
  602. var btnDelay = editBox.querySelector(".button-delay");
  603. if (!isAssist)
  604. {
  605. editBox.latent = mD.latent.concat() || [];
  606. editBox.refreshLatent(editBox.latent);
  607. btnDelay.classList.add("display-none");
  608. settingBox.querySelector(".row-mon-latent").classList.remove("display-none");
  609. if (ms[mD.id].sAwoken)settingBox.querySelector(".row-mon-super-awoken").classList.remove("display-none");
  610. editBox.querySelector(".edit-box-title").classList.remove("edit-box-title-assist");
  611. }else
  612. {
  613. btnDelay.classList.remove("display-none");
  614. settingBox.querySelector(".row-mon-latent").classList.add("display-none");
  615. settingBox.querySelector(".row-mon-super-awoken").classList.add("display-none");
  616. editBox.querySelector(".edit-box-title").classList.add("edit-box-title-assist");
  617. }
  618. editBox.reCalculateAbility();
  619. }
  620. //编辑窗,修改怪物ID
  621. function editBoxChangeMonId(id)
  622. {
  623. var md = ms[id]; //怪物固定数据
  624. if (!md){
  625. id = 0;
  626. md = ms[0]
  627. }
  628. var editBox = document.querySelector(".edit-box");
  629. var monInfoBox = editBox.querySelector(".monsterinfo-box");
  630. var me = monInfoBox.querySelector(".monster");
  631. changeid({id:id,},me); //改变图像
  632. var mId = monInfoBox.querySelector(".monster-id");
  633. mId.innerHTML = id;
  634. var mRare = monInfoBox.querySelector(".monster-rare");
  635. mRare.className = "monster-rare rare-" + md.rare;
  636. var mName = monInfoBox.querySelector(".monster-name");
  637. mName.innerHTML = returnMonsterNameArr(md,language.searchlist)[0];
  638. var mType = monInfoBox.querySelectorAll(".monster-type li");
  639. for (var ti=0;ti<mType.length;ti++)
  640. {
  641. if (md.type[ti]>=0)
  642. {
  643. mType[ti].className = "type-name type-name-" + md.type[ti];
  644. mType[ti].firstChild.className = "type-icon type-icon-" + md.type[ti];
  645. }else
  646. {
  647. mType[ti].className = "display-none";
  648. }
  649. }
  650. var settingBox = editBox.querySelector(".setting-box");
  651. var mAwoken = settingBox.querySelectorAll(".row-mon-awoken .awoken-ul li");
  652. editBox.awokenCount = md.awoken.length;
  653. mAwoken[0].innerHTML = editBox.awokenCount?"★":"0";
  654. for (var ai=1;ai<mAwoken.length;ai++)
  655. {
  656. if (md.awoken[ai-1])
  657. {
  658. mAwoken[ai].className = "awoken-icon awoken-" + md.awoken[ai-1];
  659. }else
  660. {
  661. mAwoken[ai].className = "display-none";
  662. }
  663. }
  664. //超觉醒
  665. var mSAwokenRow = settingBox.querySelector(".row-mon-super-awoken");
  666. var mSAwoken = mSAwokenRow.querySelectorAll(".awoken-ul li");
  667. if (!editBox.assist && md.sAwoken && md.sAwoken.length>0)
  668. {
  669. mSAwokenRow.classList.remove("display-none");
  670. for (var ai=0;ai<mSAwoken.length;ai++)
  671. {
  672. if (ai < md.sAwoken.length)
  673. mSAwoken[ai].className = "awoken-icon unselected-awoken awoken-" + md.sAwoken[ai];
  674. else
  675. mSAwoken[ai].className = "display-none";
  676. }
  677. }else
  678. {
  679. mSAwokenRow.classList.add("display-none");
  680. }
  681. var monEditLvMax = settingBox.querySelector(".m-level-btn-max");
  682. monEditLvMax.innerHTML = monEditLvMax.value = md.a110?110:md.maxLv; //最大等级按钮
  683. var monEditLv = settingBox.querySelector(".m-level");
  684. monEditLv.value = md.maxLv; //默认等级为最大等级而不是110
  685. var rowPlus = settingBox.querySelector(".row-mon-plus");
  686. var rowLatent = settingBox.querySelector(".row-mon-latent");
  687. if (ms[id].type.some(function(t){return t == 0 || t == 12 || t == 14 || t == 15;}) && [303,305,307,600,602].indexOf(id)<0)
  688. { //当4种特殊type的时候是无法297和打觉醒的,但是5种小企鹅可以
  689. rowPlus.classList.add("disabled");
  690. rowLatent.classList.add("disabled");
  691. }else
  692. {
  693. rowPlus.classList.remove("disabled");
  694. rowLatent.classList.remove("disabled");
  695. }
  696. var monLatentAllowUl = rowLatent.querySelector(".m-latent-allowable-ul");
  697. //该宠Type允许的杀
  698. var allowLatent = uniq(md.type.reduce(function (previous, t, index, array) {
  699. return previous.concat(type_allowable_latent[t]);
  700. },[]));
  701. for(var li=17;li<=24;li++)
  702. {
  703. var latentDom = monLatentAllowUl.querySelector(".latent-icon-" + li);
  704. if (allowLatent.indexOf(li)>=0)
  705. {
  706. if(latentDom.classList.contains("unselected-latent"))
  707. latentDom.classList.remove("unselected-latent");
  708. }else
  709. {
  710. if(!latentDom.classList.contains("unselected-latent"))
  711. latentDom.classList.add("unselected-latent");
  712. }
  713. }
  714. if (editBox.assist)
  715. {
  716. var btnDone = editBox.querySelector(".button-done");
  717. if (!md.assist)
  718. {
  719. btnDone.classList.add("cant-assist");
  720. btnDone.disabled = true;
  721. }else
  722. {
  723. btnDone.classList.remove("cant-assist");
  724. btnDone.disabled = false;
  725. }
  726. }
  727. editBox.latent.length = 0;
  728. editBox.refreshLatent(editBox.latent);
  729. editBox.reCalculateAbility();
  730. }
  731. //刷新整个队伍
  732. function refreshAll(fmt){
  733. var txtTitle = document.querySelector(".title-box .title");
  734. var txtDetail = document.querySelector(".detail-box .detail");
  735. txtTitle.value = fmt.title || "";
  736. txtDetail.value = fmt.detail || "";
  737. txtDetail.onblur();
  738. var formationA = document.querySelector(".formation-box .formation-A-box");
  739. var formationB = document.querySelector(".formation-box .formation-B-box");
  740. var fATeam = formationA.querySelectorAll(".formation-team .monster");
  741. var fALatents = formationA.querySelectorAll(".formation-latents .latent-ul");
  742. var fAAssist = formationA.querySelectorAll(".formation-assist .monster");
  743. if (formationB)
  744. {
  745. var fBTeam = formationB.querySelectorAll(".formation-team .monster");
  746. var fBLatents = formationB.querySelectorAll(".formation-latents .latent-ul");
  747. var fBAssist = formationB.querySelectorAll(".formation-assist .monster");
  748. }
  749. for (var ti=0;ti<(formationB?5:6);ti++)
  750. {
  751. changeid(fmt.team[0][0][ti],fATeam[ti],fALatents[ti]);
  752. changeid(fmt.team[0][1][ti],fAAssist[ti]);
  753. if (formationB)
  754. {
  755. changeid(fmt.team[1][0][ti],fBTeam[ti],fBLatents[ti]);
  756. changeid(fmt.team[1][1][ti],fBAssist[ti]);
  757. }
  758. }
  759. refreshAwokenCount(fmt.team);
  760. }
  761. //刷新觉醒总计
  762. function refreshAwokenCount(team){
  763. var awokenUL = document.querySelector(".awoken-total-box .awoken-ul");
  764. function setCount(idx,number){
  765. var ali = awokenUL.querySelector(".a-c-" + idx);
  766. if (!ali) return; //没有这个觉醒就撤回
  767. ali.querySelector(".count").innerHTML = number;
  768. if (number)
  769. ali.classList.remove("display-none");
  770. else
  771. ali.classList.add("display-none");
  772. }
  773. for (var ai=1;ai<=67;ai++)
  774. {
  775. if (ai == 10) //防封
  776. {
  777. setCount(ai,awokenCountInTeam(team,ai,solo)+awokenCountInTeam(team,52,solo)*2);
  778. }else if (ai == 19) //手指
  779. {
  780. setCount(ai,awokenCountInTeam(team,ai,solo)+awokenCountInTeam(team,53,solo)*2);
  781. }else if (ai == 21) //SB
  782. {
  783. setCount(ai,awokenCountInTeam(team,ai,solo)+awokenCountInTeam(team,56,solo)*2);
  784. }else if (ai == 52 || ai == 53 || ai == 56) //大防封、大手指,大SB
  785. {
  786. continue;
  787. }else
  788. {
  789. setCount(ai,awokenCountInTeam(team,ai,solo));
  790. }
  791. }
  792. }

智龙迷城队伍图制作工具