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

智龙迷城队伍图制作工具