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

智龙迷城队伍图制作工具