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

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

智龙迷城队伍图制作工具