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 31 kB

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

智龙迷城队伍图制作工具