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

智龙迷城队伍图制作工具