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 45 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
1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276127712781279128012811282128312841285128612871288128912901291129212931294129512961297129812991300130113021303130413051306130713081309131013111312131313141315131613171318131913201321132213231324132513261327132813291330133113321333133413351336133713381339134013411342134313441345134613471348134913501351135213531354135513561357135813591360136113621363136413651366136713681369
  1. var ms = null; //怪物数据
  2. var language = null; //当前语言
  3. const dataSourceList = [ //几个不同的游戏服务区
  4. {
  5. code:"ja",
  6. source:"パズル&ドラゴンズ"
  7. },
  8. {
  9. code:"en",
  10. source:"Puzzle & Dragons"
  11. },
  12. {
  13. code:"ko",
  14. source:"퍼즐앤드래곤"
  15. },
  16. ];
  17. var cardInterchange = { //记录DOM交换
  18. from:null,
  19. to:null
  20. };
  21. //队员基本的留空
  22. var Member = function(){
  23. this.id=0;
  24. }
  25. Member.prototype.outObj = function(){
  26. var m = this;
  27. var obj = [m.id];
  28. if (m.level != undefined) obj[1] = m.level;
  29. if (m.awoken != undefined) obj[2] = m.awoken;
  30. if (m.plus != undefined && m.plus instanceof Array && m.plus.length>=3 && (m.plus[0]+m.plus[1]+m.plus[2])>0) obj[3] = m.plus;
  31. if (m.latent != undefined && m.latent instanceof Array && m.latent.length>=1) obj[4] = m.latent;
  32. if (m.sawoken != undefined) obj[5] = m.sawoken;
  33. return obj;
  34. }
  35. Member.prototype.loadObj = function(m,dataVersion){
  36. if (m == undefined) //如果没有提供数据,直接返回默认
  37. {
  38. return;
  39. }
  40. if (dataVersion == undefined) dataVersion = 1;
  41. this.id = dataVersion>1 ? m[0] : m.id;
  42. this.level = dataVersion>1 ? m[1] : m.level;
  43. this.awoken = dataVersion>1 ? m[2] : m.awoken;
  44. this.plus = dataVersion>1 ? m[3] : m.plus;
  45. if (!(this.plus instanceof Array)) this.plus = [0,0,0]; //如果潜觉不是数组,则改变
  46. this.latent = dataVersion>1 ? m[4] : m.latent;
  47. if (!(this.latent instanceof Array)) this.latent = []; //如果潜觉不是数组,则改变
  48. this.sawoken = dataVersion>1 ? m[5] : m.sawoken;
  49. }
  50. //只用来防坐的任何队员
  51. var MemberDelay = function(){
  52. this.id=-1;
  53. }
  54. MemberDelay.prototype = Object.create(Member.prototype);
  55. MemberDelay.prototype.constructor = MemberDelay;
  56. //辅助队员
  57. var MemberAssist = function(){
  58. this.level = 0;
  59. this.awoken = 0;
  60. this.plus = [0,0,0];
  61. Member.call(this);
  62. }
  63. MemberAssist.prototype = Object.create(Member.prototype);
  64. MemberAssist.prototype.constructor = MemberAssist
  65. MemberAssist.prototype.loadFromMember = function(m){
  66. if (m == undefined) //如果没有提供数据,直接返回默认
  67. {
  68. return;
  69. }
  70. this.id = m.id;
  71. if (m.level != undefined) this.level = m.level;
  72. if (m.awoken != undefined) this.awoken = m.awoken;
  73. if (m.plus != undefined && m.plus instanceof Array && m.plus.length>=3 && (m.plus[0]+m.plus[1]+m.plus[2])>0) this.plus = m.plus;
  74. }
  75. //正式队伍
  76. var MemberTeam = function(){
  77. this.latent = [];
  78. this.ability = [0,0,0];
  79. MemberAssist.call(this);
  80. //sawoken作为可选项目,默认不在内
  81. }
  82. MemberTeam.prototype = Object.create(MemberAssist.prototype);
  83. MemberTeam.prototype.constructor = MemberTeam;
  84. MemberTeam.prototype.loadFromMember = function(m){
  85. if (m == undefined) //如果没有提供数据,直接返回默认
  86. {
  87. return;
  88. }
  89. this.id = m.id;
  90. if (m.level != undefined) this.level = m.level;
  91. if (m.awoken != undefined) this.awoken = m.awoken;
  92. if (m.plus != undefined && m.plus instanceof Array && m.plus.length>=3 && (m.plus[0]+m.plus[1]+m.plus[2])>0) this.plus = m.plus;
  93. if (m.latent != undefined && m.latent instanceof Array && m.latent.length>=1) this.latent = m.latent;
  94. if (m.sawoken != undefined) this.sawoken = m.sawoken;
  95. if (m.ability != undefined && m.ability instanceof Array && m.plus.length>=3) this.ability = m.ability;
  96. }
  97. var Formation = function(teamCount,memberCount){
  98. this.title = "",
  99. this.detail = "",
  100. this.team = [];
  101. this.badge = 0;
  102. for (var ti=0;ti<teamCount;ti++)
  103. {
  104. var team = [[],[]];
  105. for (var mi=0;mi<memberCount;mi++)
  106. {
  107. team[0].push(new MemberTeam());
  108. team[1].push(new MemberAssist());
  109. }
  110. this.team.push(team);
  111. }
  112. }
  113. Formation.prototype.outObj= function(){
  114. let obj = {};
  115. if (this.title != undefined && this.title.length>0) obj.t = this.title;
  116. if (this.detail != undefined && this.detail.length>0) obj.d = this.detail;
  117. obj.f = this.team.map(function(t){
  118. return t.map(function(st){
  119. return st.map(function(m){
  120. return m.outObj();
  121. })
  122. })
  123. });
  124. if (this.badge != undefined && this.badge>0) obj.b = this.badge; //徽章
  125. return obj;
  126. }
  127. Formation.prototype.loadObj= function(f){
  128. var dataVeision = f.f?2:1; //是第几版格式
  129. this.title = dataVeision>1 ? f.t : f.title;
  130. this.detail = dataVeision>1 ? f.d : f.detail;
  131. this.badge = f.b ? f.b : 0; //徽章
  132. var teamArr = dataVeision>1 ? f.f : f.team;
  133. this.team.forEach(function(t,ti){
  134. var tf = teamArr[ti] || [];
  135. t.forEach(function(st,sti){
  136. var fst = tf[sti] || [];
  137. st.forEach(function(m,mi){
  138. var fm = fst[mi];
  139. m.loadObj(fm,dataVeision);
  140. })
  141. })
  142. });
  143. }
  144. //获取最大潜觉数量
  145. function getMaxLatentCount(id)
  146. { //转生2和超转生3为8个格子
  147. function is8Latent(id)
  148. {
  149. let m = ms[id] || ms[0],mEvoType = m.evoType;
  150. if (mEvoType == 2 || mEvoType == 3 || mEvoType==21){return true;}
  151. return false;
  152. }
  153. return is8Latent(id) ? 8 : 6;
  154. }
  155. //创建一个新的怪物头像
  156. function createCardHead(id)
  157. {
  158. var cli = document.createElement("li");
  159. var cdom = cli.mon = cli.appendChild(document.createElement("a"));
  160. cdom.class = "monster";
  161. var property = cdom.appendChild(document.createElement("div"));
  162. property.className = "property";
  163. var subproperty = cdom.appendChild(document.createElement("div"));
  164. subproperty.className = "subproperty";
  165. var cid = cdom.appendChild(document.createElement("div"));
  166. cid.className = "id";
  167. changeid({id:id},cdom);
  168. return cli;
  169. }
  170. //切换怪物ID显示
  171. function toggleShowMonId()
  172. {
  173. document.body.classList.toggle('not-show-mon-id');
  174. }
  175. //清除数据
  176. function clearData()
  177. {
  178. location.href=location.href.replace(location.search,'');
  179. }
  180. //交换AB队
  181. function swapABteam()
  182. {
  183. if (formation.team.length>0)
  184. {
  185. formation.team[0][0].splice(4, 0, formation.team[0][0].splice(0,1)[0]); //第1个数组基底删掉0并移动到4
  186. formation.team[0][1].splice(4, 0, formation.team[0][1].splice(0,1)[0]); //第1个数组辅助删掉0并移动到4
  187. formation.team[1][0].splice(0, 0, formation.team[1][0].splice(4,1)[0]); //第2个数组基底删掉4并移动到0
  188. formation.team[1][1].splice(0, 0, formation.team[1][1].splice(4,1)[0]); //第2个数组辅助删掉4并移动到0
  189. formation.team.splice(0,0,formation.team.splice(1,1)[0]); //交换AB队
  190. }
  191. creatNewUrl();
  192. history.go();
  193. }
  194. //在单人和多人之间转移数据
  195. function swapSingleMulitple()
  196. {
  197. if (solo)
  198. {
  199. //创建第二支队伍,各4个空的
  200. formation.team[1] = [
  201. Array.from(new Array(4)).map(()=>{return new MemberTeam()}),
  202. Array.from(new Array(4)).map(()=>{return new MemberAssist()})
  203. ];
  204. //把右边的队长加到第二支队伍最后面
  205. formation.team[1][0].push(formation.team[0][0].splice(5,1)[0])
  206. formation.team[1][1].push(formation.team[0][1].splice(5,1)[0])
  207. }else
  208. {
  209. //把第二支队五的队长添加到最后方
  210. formation.team[0][0].push(formation.team[1][0][4]);
  211. formation.team[0][1].push(formation.team[1][1][4]);
  212. //删掉第二支队伍
  213. formation.team.splice(1,1);
  214. }
  215. location.href = creatNewUrl({url:solo?"multi.html":"solo.html",notPushState:true});
  216. }
  217. window.onload = function()
  218. {
  219. var controlBox = document.body.querySelector(".control-box");
  220. //添加语言列表
  221. var langList = controlBox.querySelector(".languages");
  222. languageList.forEach(function(l){
  223. var langOpt = new Option(l.name,l.i18n);
  224. langList.options.add(langOpt);
  225. })
  226. var language_i18n = getQueryString("l") || getQueryString("lang"); //获取参数指定的语言
  227. var browser_i18n = (navigator.language||navigator.userLanguage); //获取浏览器语言
  228. var hasLanguage = languageList.filter(function(l){ //筛选出符合的语言
  229. if (language_i18n) //如果已指定就用指定的语言
  230. return language_i18n.indexOf(l.i18n)>=0;
  231. else
  232. return browser_i18n.indexOf(l.i18n)>=0;
  233. });
  234. language = hasLanguage.length?hasLanguage[hasLanguage.length-1]:languageList[0]; //没有找到指定语言的情况下,自动用默认的语言
  235. document.head.querySelector("#language-css").href = "languages/"+language.i18n+".css";
  236. Array.prototype.slice.call(langList.options).some(function(lOpt){
  237. if (lOpt.value == language.i18n)
  238. {
  239. lOpt.selected = true;
  240. return true;
  241. }
  242. });
  243. //添加数据来源列表
  244. let dataList = controlBox.querySelector(".datasource");
  245. dataSourceList.forEach(function(ds){
  246. let dsOpt = new Option(ds.source,ds.code);
  247. dataList.options.add(dsOpt);
  248. })
  249. let dataSourceCode = getQueryString("s"); //获取参数指定的数据来源
  250. let hasDataSource = dataSourceList.filter(function(ds){ //筛选出符合的数据源
  251. return ds.code == dataSourceCode;
  252. });
  253. let dataSource = hasDataSource.length ? hasDataSource[0]: dataSourceList[0];
  254. document.body.classList.add("ds-"+dataSource.code);
  255. Array.prototype.slice.call(dataList.options).some(function(dOpt){
  256. if (dOpt.value == dataSource.code)
  257. {
  258. dOpt.selected = true;
  259. return true;
  260. }
  261. });
  262. //处理返回的数据
  263. function dealIdata(responseText)
  264. {
  265. var idata;
  266. try
  267. {
  268. ms = JSON.parse(responseText);
  269. initialize();//初始化
  270. var idataQer = getQueryString("d") || getQueryString("data");
  271. if (idataQer)
  272. {
  273. idata = JSON.parse(idataQer);
  274. }
  275. }catch(e)
  276. {
  277. console.log("初始数据JSON解码出错",e);
  278. return;
  279. }
  280. if (idata)
  281. {
  282. formation.loadObj(idata);
  283. refreshAll(formation);
  284. }
  285. }
  286. GM_xmlhttpRequest({
  287. method: "GET",
  288. url:"monsters-info/mon_"+dataSource.code+".json",
  289. onload: function(response) {
  290. dealIdata(response.response);
  291. },
  292. onerror: function(response) {
  293. var isChrome = navigator.userAgent.indexOf("Chrome") >=0;
  294. if (isChrome && location.host.length==0)
  295. {
  296. console.info("因为是Chrome本地打开,正在尝试读取JSON");
  297. dealIdata(response.response);
  298. }else
  299. {
  300. console.error("怪物数据获取错误",response);
  301. }
  302. }
  303. });
  304. }
  305. window.onpopstate = function()
  306. { //前进后退时修改页面
  307. var idata;
  308. try
  309. {
  310. var idataQer = getQueryString("d") || getQueryString("data");
  311. if (idataQer)
  312. {
  313. idata = JSON.parse(idataQer);
  314. }
  315. }catch(e)
  316. {
  317. console.log("初始数据JSON解码出错",e);
  318. return;
  319. }
  320. if (idata)
  321. {
  322. //formation = idata;
  323. formation.loadObj(idata);
  324. refreshAll(formation);
  325. }
  326. }
  327. //创建新的分享地址
  328. function creatNewUrl(arg){
  329. if (arg == undefined) arg = {};
  330. if (!!(window.history && history.pushState)) {
  331. // 支持History API
  332. let language_i18n = arg.language || getQueryString("l") || getQueryString("lang"); //获取参数指定的语言
  333. let datasource = arg.datasource || getQueryString("s");
  334. let outObj = formation.outObj();
  335. let newUrl = (arg.url?arg.url:"")
  336. + '?'
  337. + (language_i18n?'l=' + language_i18n + '&':'')
  338. + (datasource&&datasource!="ja"?'s=' + datasource + '&':'')
  339. + 'd=' + encodeURIComponent(JSON.stringify(outObj));
  340. if (!arg.notPushState) history.pushState(null, null, newUrl);
  341. return newUrl;
  342. }
  343. }
  344. //初始化
  345. function initialize()
  346. {
  347. var monstersList = document.querySelector("#monsters-list");
  348. ms.forEach(function(m){
  349. var opt = monstersList.appendChild(document.createElement("option"));
  350. opt.value = m.id;
  351. opt.label = m.id + " - " + returnMonsterNameArr(m,language.searchlist).join(" | ");
  352. });
  353. //控制框
  354. var controlBox = document.querySelector(".control-box");
  355. //标题和介绍文本框
  356. var txtTitle = document.querySelector(".title-box .title");
  357. var txtDetail = document.querySelector(".detail-box .detail");
  358. txtTitle.onchange = function(){
  359. formation.title = this.value;
  360. creatNewUrl();
  361. }
  362. txtDetail.onchange = function(){
  363. formation.detail = this.value;
  364. creatNewUrl();
  365. }
  366. txtDetail.onblur = function(){
  367. this.style.height=this.scrollHeight+"px";
  368. }
  369. //队伍框
  370. var formationBox = document.querySelector(".formation-box");
  371. formationBox.formation = formation;
  372. var formationA = formationBox.querySelector(".formation-box .formation-A-box");
  373. var formationB = formationBox.querySelector(".formation-box .formation-B-box");
  374. var fATeam = formationA.querySelectorAll(".formation-team .monster");
  375. var fAAssist = formationA.querySelectorAll(".formation-assist .monster");
  376. if (formationB)
  377. {
  378. var fBTeam = formationB.querySelectorAll(".formation-team .monster");
  379. var fBAssist = formationB.querySelectorAll(".formation-assist .monster");
  380. }
  381. for (var ti=0;ti<fATeam.length;ti++)
  382. {
  383. fATeam[ti].onclick = clickMonHead;
  384. fATeam[ti].ondragstart = dragStartMonHead;
  385. fATeam[ti].ondragover = dropOverMonHead;
  386. fATeam[ti].ondrop = dropMonHead;
  387. fATeam[ti].draggable = true;
  388. fAAssist[ti].onclick = clickMonHead;
  389. fAAssist[ti].ondragstart = dragStartMonHead;
  390. fAAssist[ti].ondrop = dropMonHead;
  391. fAAssist[ti].ondragover = dropOverMonHead;
  392. fAAssist[ti].draggable = true;
  393. if (formationB)
  394. {
  395. fBTeam[ti].onclick = clickMonHead;
  396. fBTeam[ti].ondragstart = dragStartMonHead;
  397. fBTeam[ti].ondrop = dropMonHead;
  398. fBTeam[ti].ondragover = dropOverMonHead;
  399. fBTeam[ti].draggable = true;
  400. fBAssist[ti].onclick = clickMonHead;
  401. fBAssist[ti].ondragstart = dragStartMonHead;
  402. fBAssist[ti].ondrop = dropMonHead;
  403. fBAssist[ti].ondragover = dropOverMonHead;
  404. fBAssist[ti].draggable = true;
  405. }
  406. }
  407. //徽章
  408. var badges = Array.prototype.slice.call(formationBox.querySelectorAll(".formation-badge .badge-bg"));
  409. badges.forEach(function(badge,bidx){
  410. badge.onclick = function(){
  411. if (badges.some(function(b){return b.classList.contains("display-none");}))
  412. { //未展开时
  413. badges.forEach(function(b,idx){if (idx!=bidx)b.classList.remove("display-none");})
  414. }else
  415. { //展开时
  416. badges.forEach(function(b,idx){if (idx!=bidx)b.classList.add("display-none");})
  417. formation.badge = bidx;
  418. refreshTotalAbility(formation.team[0]);
  419. creatNewUrl();
  420. }
  421. }
  422. })
  423. //编辑框
  424. var editBox = document.querySelector(".edit-box");
  425. editBox.mid = 0; //储存怪物id
  426. editBox.awokenCount = 0; //储存怪物潜觉数量
  427. editBox.latent = []; //储存潜在觉醒
  428. editBox.assist = false; //储存是否为辅助宠物
  429. editBox.monsterBox = null;
  430. editBox.latentBox = null;
  431. editBox.memberIdx = []; //储存队伍数组下标
  432. editBox.show = function(){
  433. editBox.classList.remove("display-none");
  434. formationBox.classList.add("blur-bg");
  435. controlBox.classList.add("blur-bg");
  436. }
  437. editBox.hide = function(){
  438. editBox.classList.add("display-none");
  439. formationBox.classList.remove("blur-bg");
  440. controlBox.classList.remove("blur-bg");
  441. }
  442. var settingBox = editBox.querySelector(".setting-box")
  443. //id搜索
  444. var monstersID = editBox.querySelector(".edit-box .m-id");
  445. monstersID.onchange = function(){
  446. if (/^\d+$/.test(this.value))
  447. {
  448. editBox.mid = parseInt(this.value);
  449. editBoxChangeMonId(editBox.mid);
  450. }
  451. }
  452. monstersID.oninput = monstersID.onchange;
  453. //觉醒
  454. var monEditAwokens = Array.prototype.slice.call(settingBox.querySelectorAll(".row-mon-awoken .awoken-ul .awoken-icon"));
  455. monEditAwokens.forEach(function(akDom,idx,domArr){
  456. akDom.onclick = function(){
  457. editBox.awokenCount = idx;
  458. editBox.reCalculateAbility();
  459. editBox.refreshAwokens();
  460. };
  461. });
  462. //刷新觉醒
  463. editBox.refreshAwokens = function(){
  464. monEditAwokens[0].innerHTML = editBox.awokenCount;
  465. if (editBox.awokenCount>0 && editBox.awokenCount==(ms[editBox.mid].awoken.length))
  466. monEditAwokens[0].classList.add("full-awoken");
  467. else
  468. monEditAwokens[0].classList.remove("full-awoken");
  469. for(var ai=1;ai<monEditAwokens.length;ai++)
  470. {
  471. if(ai<=editBox.awokenCount)
  472. {
  473. monEditAwokens[ai].classList.remove("unselected-awoken");
  474. }
  475. else
  476. {
  477. monEditAwokens[ai].classList.add("unselected-awoken");
  478. }
  479. }
  480. }
  481. //超觉醒
  482. var monEditSAwokens = Array.prototype.slice.call(settingBox.querySelectorAll(".row-mon-super-awoken .awoken-ul .awoken-icon"));
  483. monEditSAwokens.forEach(function(akDom,idx,domArr){
  484. akDom.onclick = function(){
  485. for(var ai=0;ai<domArr.length;ai++)
  486. {
  487. if(ai==idx)
  488. {
  489. domArr[ai].classList.toggle("unselected-awoken");
  490. }
  491. else
  492. {
  493. domArr[ai].classList.add("unselected-awoken");
  494. }
  495. }
  496. }
  497. })
  498. //等级
  499. var monEditLv = settingBox.querySelector(".m-level");
  500. monEditLv.onchange = function(){editBox.reCalculateAbility();};
  501. var monEditLvMax = settingBox.querySelector(".m-level-btn-max");
  502. monEditLvMax.onclick = function(){
  503. var ipt = monEditLv;
  504. if (ipt.value != this.value)
  505. {
  506. ipt.value = this.value;
  507. ipt.onchange();
  508. }
  509. };
  510. //加蛋
  511. var monEditAddHpLi = settingBox.querySelector(".row-mon-plus .m-plus-hp-li");
  512. var monEditAddAtkLi = settingBox.querySelector(".row-mon-plus .m-plus-atk-li");
  513. var monEditAddRcvLi = settingBox.querySelector(".row-mon-plus .m-plus-rcv-li");
  514. var monEditAddHp = monEditAddHpLi.querySelector(".m-plus-hp");
  515. monEditAddHp.onchange = function(){editBox.reCalculateAbility();};
  516. var monEditAddAtk = monEditAddAtkLi.querySelector(".m-plus-atk");
  517. monEditAddAtk.onchange = function(){editBox.reCalculateAbility();};
  518. var monEditAddRcv = monEditAddRcvLi.querySelector(".m-plus-rcv");
  519. monEditAddRcv.onchange = function(){editBox.reCalculateAbility();};
  520. //3个快速设置按钮
  521. var monEditAddHpBtn = monEditAddHpLi.querySelector(".m-plus-btn");
  522. monEditAddHpBtn.onclick = function(){
  523. var ipt = monEditAddHp;
  524. if (ipt.value != this.value)
  525. {
  526. ipt.value = this.value;
  527. ipt.onchange();
  528. }
  529. };
  530. var monEditAddAtkBtn = monEditAddAtkLi.querySelector(".m-plus-btn");
  531. monEditAddAtkBtn.onclick = function(){
  532. var ipt = monEditAddAtk;
  533. if (ipt.value != this.value)
  534. {
  535. ipt.value = this.value;
  536. ipt.onchange();
  537. }
  538. };
  539. var monEditAddRcvBtn = monEditAddRcvLi.querySelector(".m-plus-btn");
  540. monEditAddRcvBtn.onclick = function(){
  541. var ipt = monEditAddRcv;
  542. if (ipt.value != this.value)
  543. {
  544. ipt.value = this.value;
  545. ipt.onchange();
  546. }
  547. };
  548. //297按钮
  549. var monEditAdd297 = settingBox.querySelector(".row-mon-plus .m-plus-btn-297");
  550. monEditAdd297.onclick = function(){monEditAddHp.value = monEditAddAtk.value = monEditAddRcv.value = 99;editBox.reCalculateAbility();}
  551. //三维的计算值
  552. var monEditHpValue = monEditAddHpLi.querySelector(".ability-value");
  553. var monEditAtkValue = monEditAddAtkLi.querySelector(".ability-value");
  554. var monEditRcvValue = monEditAddRcvLi.querySelector(".ability-value");
  555. //潜觉
  556. var monEditLatentUl = settingBox.querySelector(".m-latent-ul");
  557. var monEditLatents = Array.prototype.slice.call(monEditLatentUl.querySelectorAll("li"));
  558. var monEditLatentAllowableUl = settingBox.querySelector(".m-latent-allowable-ul");
  559. var monEditLatentsAllowable = Array.prototype.slice.call(monEditLatentAllowableUl.querySelectorAll("li"));
  560. editBox.refreshLatent = function(latent,monid) //刷新潜觉
  561. {
  562. if (this.value<0) return;
  563. let maxLatentCount = getMaxLatentCount(monid); //最大潜觉数量
  564. var usedHoleN = usedHole(latent);
  565. for (var ai=0;ai<monEditLatents.length;ai++)
  566. {
  567. if (latent[ai])
  568. {
  569. monEditLatents[ai].className = "latent-icon latent-icon-" + latent[ai];
  570. monEditLatents[ai].value = ai;
  571. }
  572. else if(ai<(maxLatentCount-usedHoleN+latent.length))
  573. {
  574. monEditLatents[ai].className = "latent-icon";
  575. monEditLatents[ai].value = -1;
  576. }
  577. else
  578. {
  579. monEditLatents[ai].className = "display-none";
  580. monEditLatents[ai].value = -1;
  581. }
  582. }
  583. }
  584. //已有觉醒的去除
  585. monEditLatents.forEach(function(l){
  586. l.onclick = function(){
  587. var aIdx = parseInt(this.value);
  588. editBox.latent.splice(aIdx,1);
  589. editBox.reCalculateAbility();
  590. editBox.refreshLatent(editBox.latent,editBox.mid);
  591. }
  592. })
  593. //可选觉醒的添加
  594. monEditLatentsAllowable.forEach(function(la){
  595. la.onclick = function(){
  596. if (this.classList.contains("unselected-latent")) return;
  597. var lIdx = parseInt(this.value);
  598. var usedHoleN = usedHole(editBox.latent);
  599. let maxLatentCount = getMaxLatentCount(editBox.mid); //最大潜觉数量
  600. if (lIdx >= 12 && usedHoleN<=(maxLatentCount-2))
  601. editBox.latent.push(lIdx);
  602. else if (lIdx < 12 && usedHoleN<=(maxLatentCount-1))
  603. editBox.latent.push(lIdx);
  604. editBox.reCalculateAbility();
  605. editBox.refreshLatent(editBox.latent,editBox.mid);
  606. }
  607. })
  608. //重新计算怪物的能力
  609. editBox.reCalculateAbility = function(){
  610. var monid = parseInt(monstersID.value || 0);
  611. var level = parseInt(monEditLv.value || 0);
  612. var awoken = editBox.awokenCount;
  613. var plus = [
  614. parseInt(monEditAddHp.value || 0),
  615. parseInt(monEditAddAtk.value || 0),
  616. parseInt(monEditAddRcv.value || 0)
  617. ];
  618. var latent = editBox.latent;
  619. var abilitys = calculateAbility(monid,level,plus,awoken,latent);
  620. [monEditHpValue,monEditAtkValue,monEditRcvValue].forEach(function(div,idx){
  621. if (abilitys)
  622. div.innerHTML = abilitys[idx];
  623. else
  624. div.innerHTML = 0;
  625. })
  626. }
  627. var btnCancel = editBox.querySelector(".button-cancel");
  628. var btnDone = editBox.querySelector(".button-done");
  629. var btnNull = editBox.querySelector(".button-null");
  630. var btnDelay = editBox.querySelector(".button-delay");
  631. btnCancel.onclick = function(){
  632. btnDone.classList.remove("cant-assist");
  633. btnDone.disabled = false;
  634. editBox.memberIdx = [];
  635. editBox.hide();
  636. }
  637. btnDone.onclick = function(){
  638. if (parseInt(monEditLv.value) == 0)
  639. {
  640. btnNull.onclick();
  641. return;
  642. }
  643. var mD = formation.team[editBox.memberIdx[0]][editBox.memberIdx[1]][editBox.memberIdx[2]] = editBox.assist?new MemberAssist():new MemberTeam();
  644. mD.id = parseInt(monstersID.value);
  645. mD.level = parseInt(monEditLv.value);
  646. mD.awoken = editBox.awokenCount;
  647. if (ms[mD.id].sAwoken) //如果支持超觉醒
  648. {
  649. mD.sawoken = -1;
  650. for (var sai = 0;sai<monEditSAwokens.length;sai++)
  651. {
  652. if (
  653. !monEditSAwokens[sai].classList.contains("unselected-awoken") &&
  654. !monEditSAwokens[sai].classList.contains("display-none")
  655. )
  656. {
  657. mD.sawoken = sai;
  658. break;
  659. }
  660. }
  661. }
  662. 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)
  663. { //当4种特殊type的时候是无法297和打觉醒的,但是5种小企鹅可以
  664. mD.plus = [0,0,0];
  665. }else
  666. {
  667. mD.plus[0] = parseInt(monEditAddHp.value) || 0;
  668. mD.plus[1] = parseInt(monEditAddAtk.value) || 0;
  669. mD.plus[2] = parseInt(monEditAddRcv.value) || 0;
  670. if (!editBox.assist)
  671. { //如果不是辅助,则可以设定潜觉
  672. mD.latent = editBox.latent.concat();
  673. }
  674. }
  675. changeid(mD,editBox.monsterBox,editBox.latentBox);
  676. var formationAbilityDom = document.querySelector(".formation-box .formation-ability");
  677. if (formationAbilityDom)
  678. {
  679. refreshAbility(
  680. formationAbilityDom,
  681. formation.team[editBox.memberIdx[0]],
  682. editBox.memberIdx[2]);
  683. refreshTotalAbility(formation.team[editBox.memberIdx[0]]);
  684. }
  685. refreshAwokenCount(formation.team);
  686. creatNewUrl();
  687. editBox.hide();
  688. }
  689. window.onkeydown = function(e){
  690. if (!editBox.classList.contains("display-none"))
  691. {
  692. if (e.keyCode == 27)
  693. { //按下ESC时,自动关闭编辑窗
  694. btnCancel.onclick();
  695. }
  696. }
  697. }
  698. btnNull.onclick = function(){
  699. var mD = formation.team[editBox.memberIdx[0]][editBox.memberIdx[1]][editBox.memberIdx[2]] = new Member();
  700. changeid(mD,editBox.monsterBox,editBox.latentBox);
  701. var formationAbilityDom = document.querySelector(".formation-box .formation-ability");
  702. if (formationAbilityDom)
  703. {
  704. refreshAbility(
  705. formationAbilityDom,
  706. formation.team[editBox.memberIdx[0]],
  707. editBox.memberIdx[2]);
  708. refreshTotalAbility(formation.team[editBox.memberIdx[0]]);
  709. }
  710. refreshAwokenCount(formation.team);
  711. creatNewUrl();
  712. editBox.hide();
  713. }
  714. btnDelay.onclick = function(){ //应对威吓
  715. var mD = formation.team[editBox.memberIdx[0]][editBox.memberIdx[1]][editBox.memberIdx[2]] = new MemberDelay();
  716. changeid(mD,editBox.monsterBox,editBox.latentBox);
  717. var formationAbilityDom = document.querySelector(".formation-box .formation-ability");
  718. if (formationAbilityDom)
  719. {
  720. refreshAbility(
  721. formationAbilityDom,
  722. formation.team[editBox.memberIdx[0]],
  723. editBox.memberIdx[2]);
  724. refreshTotalAbility(formation.team[editBox.memberIdx[0]]);
  725. }
  726. refreshAwokenCount(formation.team);
  727. creatNewUrl();
  728. editBox.hide();
  729. }
  730. //控制栏
  731. var controlBox = document.body.querySelector(".control-box");
  732. //语言选择
  733. var langList = controlBox.querySelector(".languages");
  734. langList.onchange = function(){
  735. creatNewUrl({language:this.value});
  736. history.go();
  737. }
  738. //数据源选择
  739. let dataList = controlBox.querySelector(".datasource");
  740. dataList.onchange = function(){
  741. creatNewUrl({datasource:this.value});
  742. history.go();
  743. }
  744. /*添对应语言执行的JS*/
  745. var languageJS = document.head.appendChild(document.createElement("script"));
  746. languageJS.id = "language-js";
  747. languageJS.type = "text/javascript";
  748. languageJS.src = "languages/"+language.i18n+".js";
  749. }
  750. //编辑界面点击每个怪物的头像的处理
  751. function clickMonHead()
  752. {
  753. let team = parseInt(this.getAttribute("data-team"),10);
  754. let assist = parseInt(this.getAttribute("data-assist"),10);
  755. let index = parseInt(this.getAttribute("data-index"),10);
  756. editMon(team,assist,index);
  757. return false; //没有false将会打开链接
  758. }
  759. //编辑界面每个怪物的头像的拖动
  760. function dragStartMonHead(e)
  761. {
  762. let team = parseInt(this.getAttribute("data-team"),10);
  763. let assist = parseInt(this.getAttribute("data-assist"),10);
  764. let index = parseInt(this.getAttribute("data-index"),10);
  765. e.dataTransfer.setData('from',[team,assist,index].join(","));
  766. }
  767. //编辑界面每个怪物的头像的经过,阻止事件发生
  768. function dropOverMonHead(e)
  769. {
  770. e.preventDefault();
  771. }
  772. //编辑界面每个怪物的头像的放下
  773. function dropMonHead(e)
  774. {
  775. let dataFrom = e.dataTransfer.getData('from').split(",").map((i)=>{return parseInt(i,10);});
  776. let team = parseInt(this.getAttribute("data-team"),10);
  777. let assist = parseInt(this.getAttribute("data-assist"),10);
  778. let index = parseInt(this.getAttribute("data-index"),10);
  779. let dataTo = [team,assist,index];
  780. if ((dataTo[0] != dataFrom[0])
  781. || (dataTo[1] != dataFrom[1])
  782. || (dataTo[2] != dataFrom[2]))
  783. { //必须有所不同才继续交换
  784. interchangeCard(dataFrom,dataTo);
  785. }
  786. return false; //没有false将会打开链接
  787. }
  788. function interchangeCard(formArr,toArr)
  789. {
  790. function changeType(member,isAssist)
  791. {
  792. if (member.id == 0 || (isAssist && member.id == -1))
  793. {
  794. return new Member;
  795. }else
  796. {
  797. let newMember = isAssist ? new MemberTeam() : new MemberAssist();
  798. newMember.loadFromMember(member);
  799. return newMember;
  800. }
  801. }
  802. let from = formation.team[formArr[0]][formArr[1]][formArr[2]];
  803. let to = formation.team[toArr[0]][toArr[1]][toArr[2]];
  804. if(formArr[1] != toArr[1]) //从武器拖到非武器才改变类型
  805. {
  806. from = changeType(from,formArr[1]);
  807. to = changeType(to,toArr[1]);
  808. }
  809. formation.team[toArr[0]][toArr[1]][toArr[2]] = from;
  810. formation.team[formArr[0]][formArr[1]][formArr[2]] = to;
  811. console.log(from,to)
  812. creatNewUrl(); //刷新URL
  813. refreshAll(formation); //刷新全部
  814. }
  815. //改变一个怪物头像
  816. function changeid(mon,monDom,latentDom)
  817. {
  818. var md = ms[mon.id] || ms[0]; //怪物固定数据
  819. monDom.setAttribute("data-cardid",mon.id); //设定新的id
  820. if (mon.id<0) //如果是延迟
  821. {
  822. monDom.parentNode.classList.add("delay");
  823. monDom.parentNode.classList.remove("null");
  824. return;
  825. }else if (mon.id==0) //如果是空
  826. {
  827. monDom.parentNode.classList.add("null");
  828. monDom.parentNode.classList.remove("delay");
  829. return;
  830. }else (mon.id>-1) //如果提供了id
  831. {
  832. monDom.parentNode.classList.remove("null");
  833. monDom.parentNode.classList.remove("delay");
  834. monDom.className = "monster";
  835. monDom.classList.add("pet-cards-" + Math.ceil(mon.id/100)); //添加图片编号
  836. /*if (md.name["ja"] == undefined || /^\?+/.test(md.name["ja"])) //如果没日文或日文是问号,就改为英文的图片
  837. monDom.classList.add("en-only");
  838. else
  839. monDom.classList.remove("en-only");*/
  840. var idxInPage = (mon.id-1) % 100; //获取当前页面的总序号
  841. monDom.classList.add("pet-cards-index-x-" + idxInPage % 10); //添加X方向序号
  842. monDom.classList.add("pet-cards-index-y-" + parseInt(idxInPage / 10)); //添加Y方向序号
  843. monDom.querySelector(".property").className = "property property-" + md.ppt[0]; //主属性
  844. monDom.querySelector(".subproperty").className = "subproperty subproperty-" + md.ppt[1]; //副属性
  845. monDom.title = "No." + mon.id + " " + md.name[language.searchlist[0]] || md.name["ja"];
  846. monDom.href = mon.id.toString().replace(/^(\d+)$/ig,language.guideURL);
  847. }
  848. var levelDom = monDom.querySelector(".level");
  849. if (levelDom) //如果提供了等级
  850. {
  851. var level = mon.level || 1;
  852. levelDom.innerHTML = level;
  853. if (level == md.maxLv)
  854. { //如果等级刚好等于最大等级,则修改为“最大”的字
  855. levelDom.classList.add("max");
  856. }else
  857. {
  858. levelDom.classList.remove("max");
  859. }
  860. if (md.a110 && level >= md.maxLv)
  861. { //如果支持超觉,并且等级超过99,就添加支持超觉的蓝色
  862. levelDom.classList.add("_110");
  863. }else
  864. {
  865. levelDom.classList.remove("_110");
  866. }
  867. }
  868. if (mon.awoken>-1) //如果提供了觉醒
  869. {
  870. var awokenIcon = monDom.querySelector(".awoken-count");
  871. if (mon.awoken == 0 || md.awoken.length < 1 || !awokenIcon) //没觉醒
  872. {
  873. awokenIcon.classList.add("display-none");
  874. awokenIcon.innerHTML = "";
  875. }else
  876. {
  877. awokenIcon.classList.remove("display-none");
  878. awokenIcon.innerHTML = mon.awoken;
  879. if (mon.awoken == md.awoken.length)
  880. {
  881. awokenIcon.classList.add("full-awoken");
  882. if (md.assist)
  883. {//可以辅助的满觉醒打黄色星星
  884. awokenIcon.classList.add("allowable-assist");
  885. }else
  886. {
  887. awokenIcon.classList.remove("allowable-assist");
  888. }
  889. }else
  890. {
  891. awokenIcon.classList.remove("full-awoken");
  892. awokenIcon.classList.remove("allowable-assist");
  893. }
  894. }
  895. }
  896. var sawoken = monDom.querySelector(".super-awoken");
  897. if (sawoken) //如果存在超觉醒的DOM且提供了超觉醒
  898. {
  899. if (mon.sawoken != undefined && mon.sawoken>=0 && md.sAwoken)
  900. {
  901. var awokenIcon = sawoken.querySelector(".awoken-icon");
  902. sawoken.classList.remove("display-none");
  903. awokenIcon.className = "awoken-icon awoken-" + md.sAwoken[mon.sawoken];
  904. }else
  905. {
  906. sawoken.classList.add("display-none");
  907. }
  908. }
  909. var m_id = monDom.querySelector(".id");
  910. if (m_id) //怪物ID
  911. {
  912. m_id.innerHTML = mon.id;
  913. }
  914. var plusArr = mon.plus || [0,0,0];
  915. var plusDom = monDom.querySelector(".plus");
  916. if (plusArr && plusDom) //如果提供了加值,且怪物头像内有加值
  917. {
  918. plusDom.querySelector(".hp").innerHTML = plusArr[0];
  919. plusDom.querySelector(".atk").innerHTML = plusArr[1];
  920. plusDom.querySelector(".rcv").innerHTML = plusArr[2];
  921. var plusCount = plusArr[0]+plusArr[1]+plusArr[2];
  922. if (plusCount >= 297)
  923. {
  924. plusDom.classList.add("has297");
  925. plusDom.classList.remove("zero");
  926. }else if (plusCount <= 0)
  927. {
  928. plusDom.classList.add("zero");
  929. plusDom.classList.remove("has297");
  930. }else
  931. {
  932. plusDom.classList.remove("zero");
  933. plusDom.classList.remove("has297");
  934. }
  935. }
  936. if (latentDom && mon.latent) //如果提供了潜觉
  937. {
  938. var latent = mon.latent.sort(function(a,b){
  939. if(b>=12 && a<12) {return 1;} //如果大于12,就排到前面
  940. else if(b<12 && a>=12) {return -1} //如果小于12就排到后面
  941. else {return 0} //其他情况不变
  942. });
  943. if (latent.length < 1)
  944. latentDom.classList.add("display-none");
  945. else
  946. latentDom.classList.remove("display-none");
  947. var latentDoms = Array.prototype.slice.call(latentDom.querySelectorAll("li"));
  948. var usedHoleN = usedHole(latent);
  949. let maxLatentCount = getMaxLatentCount(mon.id); //最大潜觉数量
  950. for (var ai=0;ai<latentDoms.length;ai++)
  951. {
  952. if (latent[ai])
  953. {
  954. latentDoms[ai].className = "latent-icon latent-icon-" + latent[ai];
  955. }
  956. else if(ai<(maxLatentCount-usedHoleN+latent.length))
  957. {
  958. latentDoms[ai].className = "latent-icon";
  959. }
  960. else
  961. {
  962. latentDoms[ai].className = "display-none";
  963. }
  964. }
  965. }
  966. }
  967. //点击怪物头像,出现编辑窗
  968. function editMon(AorB,isAssist,tempIdx)
  969. {
  970. //数据
  971. var mD = formation.team[AorB][isAssist][tempIdx];
  972. let card = ms[mD.id] || ms[0];
  973. //对应的Dom
  974. var formationBox = AorB?document.querySelector(".formation-box .formation-B-box"):document.querySelector(".formation-box .formation-A-box");
  975. var teamBox = isAssist?formationBox.querySelector(".formation-assist"):formationBox.querySelector(".formation-team");
  976. var memberBox = teamBox.querySelector(".member-" + (tempIdx+1));
  977. var editBox = document.querySelector(".edit-box");
  978. var monsterBox = memberBox.querySelector(".monster");
  979. editBox.show();
  980. editBox.assist = isAssist;
  981. editBox.monsterBox = monsterBox;
  982. editBox.memberIdx = [AorB,isAssist,tempIdx]; //储存队伍数组下标
  983. editBox.assist = isAssist;
  984. if (!isAssist)
  985. {
  986. var latentBox = formationBox.querySelector(".formation-latents .latents-"+(tempIdx+1)+" .latent-ul");
  987. editBox.latentBox = latentBox;
  988. }
  989. var monstersID = editBox.querySelector(".search-box .m-id");
  990. monstersID.value = mD.id>0?mD.id:0;
  991. monstersID.onchange();
  992. var settingBox = editBox.querySelector(".setting-box");
  993. //觉醒
  994. var monEditAwokens = settingBox.querySelectorAll(".row-mon-awoken .awoken-ul .awoken-icon");
  995. if (mD.awoken>0 && monEditAwokens[mD.awoken]) monEditAwokens[mD.awoken].onclick();
  996. //超觉醒
  997. var monEditSAwokens = settingBox.querySelectorAll(".row-mon-super-awoken .awoken-ul .awoken-icon");
  998. if (mD.sawoken>=0 && monEditSAwokens[mD.sawoken]) monEditSAwokens[mD.sawoken].onclick();
  999. var monEditLv = settingBox.querySelector(".m-level");
  1000. monEditLv.value = mD.level || 1;
  1001. var monEditAddHp = settingBox.querySelector(".m-plus-hp");
  1002. var monEditAddAtk = settingBox.querySelector(".m-plus-atk");
  1003. var monEditAddRcv = settingBox.querySelector(".m-plus-rcv");
  1004. if (mD.plus)
  1005. {
  1006. monEditAddHp.value = mD.plus[0];
  1007. monEditAddAtk.value = mD.plus[1];
  1008. monEditAddRcv.value = mD.plus[2];
  1009. }
  1010. var btnDelay = editBox.querySelector(".button-delay");
  1011. if (!isAssist)
  1012. {
  1013. editBox.latent = mD.latent?mD.latent.concat():[];
  1014. editBox.refreshLatent(editBox.latent,mD.id);
  1015. btnDelay.classList.add("display-none");
  1016. settingBox.querySelector(".row-mon-latent").classList.remove("display-none");
  1017. if (card.sAwoken)settingBox.querySelector(".row-mon-super-awoken").classList.remove("display-none");
  1018. editBox.querySelector(".edit-box-title").classList.remove("edit-box-title-assist");
  1019. }else
  1020. {
  1021. btnDelay.classList.remove("display-none");
  1022. settingBox.querySelector(".row-mon-latent").classList.add("display-none");
  1023. settingBox.querySelector(".row-mon-super-awoken").classList.add("display-none");
  1024. editBox.querySelector(".edit-box-title").classList.add("edit-box-title-assist");
  1025. }
  1026. editBox.reCalculateAbility();
  1027. }
  1028. //编辑窗,修改怪物ID
  1029. function editBoxChangeMonId(id)
  1030. {
  1031. var md = ms[id]; //怪物固定数据
  1032. if (!md){
  1033. id = 0;
  1034. md = ms[0]
  1035. }
  1036. var editBox = document.querySelector(".edit-box");
  1037. //id搜索
  1038. var monstersID = editBox.querySelector(".edit-box .m-id");
  1039. var monInfoBox = editBox.querySelector(".monsterinfo-box");
  1040. var me = monInfoBox.querySelector(".monster");
  1041. changeid({id:id,},me); //改变图像
  1042. var mId = monInfoBox.querySelector(".monster-id");
  1043. mId.innerHTML = id;
  1044. var mRare = monInfoBox.querySelector(".monster-rare");
  1045. mRare.className = "monster-rare rare-" + md.rare;
  1046. var mName = monInfoBox.querySelector(".monster-name");
  1047. mName.innerHTML = returnMonsterNameArr(md,language.searchlist)[0];
  1048. var evoCardUl = document.querySelector(".edit-box .search-box .evo-card-list");
  1049. //var evoRootId = parseInt(evoCardUl.getAttribute("data-evoRootId")); //读取旧的id
  1050. //evoCardUl.setAttribute("data-evoRootId",md.evoRootId); //设定新的id
  1051. var evoLinkCardsId = ms.filter(function(m){
  1052. return m.evoRootId == md.evoRootId && m.id != md.id;
  1053. }).map(function(m){return m.id;});
  1054. for (var ci=evoCardUl.childNodes.length-1;ci>=0;ci--)
  1055. { //删除所有旧内容
  1056. var childN = evoCardUl.childNodes[ci];
  1057. //if (evoLinkCardsId.indexOf(parseInt(childN.getAttribute("data-cardid")))<0)
  1058. //{
  1059. childN.remove();
  1060. childN = null;
  1061. //}
  1062. }
  1063. evoLinkCardsId.forEach(function(mid){
  1064. var cli = createCardHead(mid);
  1065. cli.mon.onclick = function(){
  1066. monstersID.value = this.getAttribute("data-cardid");
  1067. monstersID.onchange();
  1068. return false;
  1069. }
  1070. evoCardUl.appendChild(cli);
  1071. });
  1072. var mType = monInfoBox.querySelectorAll(".monster-type li");
  1073. for (var ti=0;ti<mType.length;ti++)
  1074. {
  1075. if (md.type[ti]>=0)
  1076. {
  1077. mType[ti].className = "type-name type-name-" + md.type[ti];
  1078. mType[ti].firstChild.className = "type-icon type-icon-" + md.type[ti];
  1079. }else
  1080. {
  1081. mType[ti].className = "display-none";
  1082. }
  1083. }
  1084. var settingBox = editBox.querySelector(".setting-box");
  1085. var mAwoken = settingBox.querySelectorAll(".row-mon-awoken .awoken-ul li");
  1086. editBox.awokenCount = md.awoken.length;
  1087. mAwoken[0].innerHTML = editBox.awokenCount?"★":"0";
  1088. for (var ai=1;ai<mAwoken.length;ai++)
  1089. {
  1090. if (md.awoken[ai-1])
  1091. {
  1092. mAwoken[ai].className = "awoken-icon awoken-" + md.awoken[ai-1];
  1093. }else
  1094. {
  1095. mAwoken[ai].className = "display-none";
  1096. }
  1097. }
  1098. //超觉醒
  1099. var mSAwokenRow = settingBox.querySelector(".row-mon-super-awoken");
  1100. var mSAwoken = mSAwokenRow.querySelectorAll(".awoken-ul li");
  1101. if (!editBox.assist && md.sAwoken && md.sAwoken.length>0)
  1102. {
  1103. mSAwokenRow.classList.remove("display-none");
  1104. for (var ai=0;ai<mSAwoken.length;ai++)
  1105. {
  1106. if (ai < md.sAwoken.length)
  1107. mSAwoken[ai].className = "awoken-icon unselected-awoken awoken-" + md.sAwoken[ai];
  1108. else
  1109. mSAwoken[ai].className = "display-none";
  1110. }
  1111. }else
  1112. {
  1113. mSAwokenRow.classList.add("display-none");
  1114. }
  1115. var monEditLvMax = settingBox.querySelector(".m-level-btn-max");
  1116. monEditLvMax.innerHTML = monEditLvMax.value = md.a110?110:md.maxLv; //最大等级按钮
  1117. var monEditLv = settingBox.querySelector(".m-level");
  1118. monEditLv.value = md.maxLv; //默认等级为最大等级而不是110
  1119. var rowPlus = settingBox.querySelector(".row-mon-plus");
  1120. var rowLatent = settingBox.querySelector(".row-mon-latent");
  1121. if (ms[id].type.some(function(t){return t == 0 || t == 12 || t == 14 || t == 15;}) && [303,305,307,600,602].indexOf(id)<0)
  1122. { //当4种特殊type的时候是无法297和打觉醒的,但是5种小企鹅可以
  1123. rowPlus.classList.add("disabled");
  1124. rowLatent.classList.add("disabled");
  1125. }else
  1126. {
  1127. rowPlus.classList.remove("disabled");
  1128. rowLatent.classList.remove("disabled");
  1129. }
  1130. var monLatentAllowUl = rowLatent.querySelector(".m-latent-allowable-ul");
  1131. //该宠Type允许的杀
  1132. var allowLatent = uniq(md.type.reduce(function (previous, t, index, array) {
  1133. return previous.concat(type_allowable_latent[t]);
  1134. },[]));
  1135. for(var li=17;li<=24;li++)
  1136. {
  1137. var latentDom = monLatentAllowUl.querySelector(".latent-icon-" + li);
  1138. if (allowLatent.indexOf(li)>=0)
  1139. {
  1140. if(latentDom.classList.contains("unselected-latent"))
  1141. latentDom.classList.remove("unselected-latent");
  1142. }else
  1143. {
  1144. if(!latentDom.classList.contains("unselected-latent"))
  1145. latentDom.classList.add("unselected-latent");
  1146. }
  1147. }
  1148. if (editBox.assist)
  1149. {
  1150. var btnDone = editBox.querySelector(".button-done");
  1151. if (!md.assist)
  1152. {
  1153. btnDone.classList.add("cant-assist");
  1154. btnDone.disabled = true;
  1155. }else
  1156. {
  1157. btnDone.classList.remove("cant-assist");
  1158. btnDone.disabled = false;
  1159. }
  1160. }
  1161. editBox.latent.length = 0;
  1162. editBox.refreshLatent(editBox.latent,id);
  1163. editBox.reCalculateAbility();
  1164. }
  1165. //刷新整个队伍
  1166. function refreshAll(fmt){
  1167. var txtTitle = document.querySelector(".title-box .title");
  1168. var txtDetail = document.querySelector(".detail-box .detail");
  1169. txtTitle.value = fmt.title || "";
  1170. txtDetail.value = fmt.detail || "";
  1171. txtDetail.onblur();
  1172. var badges = Array.prototype.slice.call(document.querySelectorAll(".formation-box .formation-badge .badge-bg"));
  1173. badges.forEach(function(b,idx){if (idx==fmt.badge) b.classList.remove("display-none"); else b.classList.add("display-none");})
  1174. var formationA = document.querySelector(".formation-box .formation-A-box");
  1175. var formationB = document.querySelector(".formation-box .formation-B-box");
  1176. var fATeam = formationA.querySelectorAll(".formation-team .monster");
  1177. var fALatents = formationA.querySelectorAll(".formation-latents .latent-ul");
  1178. var fAAssist = formationA.querySelectorAll(".formation-assist .monster");
  1179. if (formationB)
  1180. {
  1181. var fBTeam = formationB.querySelectorAll(".formation-team .monster");
  1182. var fBLatents = formationB.querySelectorAll(".formation-latents .latent-ul");
  1183. var fBAssist = formationB.querySelectorAll(".formation-assist .monster");
  1184. }
  1185. var formationAbilityDom = document.querySelector(".formation-box .formation-ability");
  1186. for (var ti=0;ti<(formationB?5:6);ti++)
  1187. {
  1188. changeid(fmt.team[0][0][ti],fATeam[ti],fALatents[ti]);
  1189. changeid(fmt.team[0][1][ti],fAAssist[ti]);
  1190. if (formationAbilityDom)
  1191. {
  1192. refreshAbility(
  1193. formationAbilityDom,
  1194. fmt.team[0],
  1195. ti);
  1196. refreshTotalAbility(fmt.team[0]);
  1197. }
  1198. if (formationB)
  1199. {
  1200. changeid(fmt.team[1][0][ti],fBTeam[ti],fBLatents[ti]);
  1201. changeid(fmt.team[1][1][ti],fBAssist[ti]);
  1202. }
  1203. }
  1204. refreshAwokenCount(fmt.team);
  1205. }
  1206. //刷新觉醒总计
  1207. function refreshAwokenCount(teams){
  1208. var awokenUL = document.querySelector(".awoken-total-box .awoken-ul");
  1209. function setCount(idx,number){
  1210. var aicon = awokenUL.querySelector(".awoken-" + idx);
  1211. if (!aicon) return; //没有这个觉醒就撤回
  1212. var ali = aicon.parentNode;
  1213. var countDom = ali.querySelector(".count");
  1214. countDom.innerHTML = number;
  1215. if (number)
  1216. ali.classList.remove("display-none");
  1217. else
  1218. ali.classList.add("display-none");
  1219. }
  1220. var bigAwoken = [52,53,56,68,69,70]; //等于几个小觉醒的大觉醒
  1221. for (var ai=1;ai<=72;ai++)
  1222. {
  1223. if (ai == 10) //防封
  1224. {
  1225. setCount(ai,awokenCountInFormation(teams,ai,solo)+awokenCountInFormation(teams,52,solo)*2);
  1226. }else if (ai == 11) //防暗
  1227. {
  1228. setCount(ai,awokenCountInFormation(teams,ai,solo)+awokenCountInFormation(teams,68,solo)*5);
  1229. }else if (ai == 12) //防废
  1230. {
  1231. setCount(ai,awokenCountInFormation(teams,ai,solo)+awokenCountInFormation(teams,69,solo)*5);
  1232. }else if (ai == 13) //防毒
  1233. {
  1234. setCount(ai,awokenCountInFormation(teams,ai,solo)+awokenCountInFormation(teams,70,solo)*5);
  1235. }else if (ai == 19) //手指
  1236. {
  1237. setCount(ai,awokenCountInFormation(teams,ai,solo)+awokenCountInFormation(teams,53,solo)*2);
  1238. }else if (ai == 21) //SB
  1239. {
  1240. setCount(ai,awokenCountInFormation(teams,ai,solo)+awokenCountInFormation(teams,56,solo)*2);
  1241. }else if (bigAwoken.indexOf(ai)>=0) //属于大觉醒
  1242. {
  1243. continue;
  1244. }else
  1245. {
  1246. setCount(ai,awokenCountInFormation(teams,ai,solo));
  1247. }
  1248. }
  1249. }
  1250. //刷新能力值
  1251. function refreshAbility(dom,team,idx){
  1252. var ali = dom.querySelector(".abilitys-" + (idx+1));
  1253. var mainMD = team[0][idx];
  1254. var assistMD = team[1][idx];
  1255. var bonusScale = [0.1,0.05,0.15]; //辅助宠物附加的属性
  1256. //基底三维,如果辅助是武器,还要加上辅助的觉醒
  1257. var mainAbility = calculateAbility(mainMD.id,mainMD.level,mainMD.plus,mainMD.awoken,mainMD.latent,assistMD.id,assistMD.awoken);
  1258. //辅助增加的三维,如果辅助的主属性相等,辅助宠物只计算等级和加值,不计算觉醒
  1259. let mainCard = ms[mainMD.id] || ms[0];
  1260. let assistCard = ms[assistMD.id] || ms[0];
  1261. var assistAbility = (assistMD.id > 0 && mainCard.ppt[0]==assistCard.ppt[0])
  1262. ?calculateAbility(assistMD.id,assistMD.level,assistMD.plus,null,null)
  1263. :[0,0,0];
  1264. if (mainAbility && mainMD.ability)
  1265. {
  1266. for (let ai=0;ai<3;ai++)
  1267. {
  1268. mainMD.ability[ai] = mainAbility[ai] + Math.round(assistAbility[ai]*bonusScale[ai]);
  1269. }
  1270. }
  1271. var hpDom = ali.querySelector(".hp");
  1272. var atkDom = ali.querySelector(".atk");
  1273. var rcvDom = ali.querySelector(".rcv");
  1274. [hpDom,atkDom,rcvDom].forEach(function(div,ai){
  1275. if (mainAbility)
  1276. {
  1277. div.classList.remove("display-none");
  1278. div.innerHTML = mainMD.ability[ai];
  1279. }else
  1280. {
  1281. div.classList.add("display-none");
  1282. div.innerHTML = 0;
  1283. }
  1284. });
  1285. }
  1286. //刷新能力值合计
  1287. function refreshTotalAbility(team){
  1288. //计算总的生命值
  1289. let tHpDom = document.querySelector(".formation-box .team-info .tIf-total-hp");
  1290. let tRcvDom = document.querySelector(".formation-box .team-info .tIf-total-rcv");
  1291. let tHP = team[0].reduce(function(value,mon){ //队伍计算的总HP
  1292. return value += mon.ability ? mon.ability[0] : 0;
  1293. },0);
  1294. let teamHPAwoken = awokenCountInTeam(team,46,solo); //全队血包个数
  1295. //let tHPwithAwoken = Math.round(tHP * (1 + awokenCountInTeam(team,46,solo) * 0.05)); //全队血包
  1296. let badgeHPScale = 1; //徽章倍率
  1297. if (formation.badge == 4)
  1298. {
  1299. badgeHPScale = 1.05;
  1300. }else if (formation.badge == 11)
  1301. {
  1302. badgeHPScale = 1.15;
  1303. }
  1304. let tRCV = team[0].reduce(function(value,mon){ //队伍计算的总回复
  1305. return value += mon.ability ? mon.ability[2] : 0;
  1306. },0);
  1307. let teamRCVAwoken = awokenCountInTeam(team,47,solo); //全队回复个数
  1308. //let tRCVwithAwoken = Math.round(tRCV * (1 + awokenCountInTeam(team,47,solo) * 0.10)); //全队回复
  1309. let badgeRCVScale = 1; //徽章倍率
  1310. if (formation.badge == 3)
  1311. {
  1312. badgeRCVScale = 1.25;
  1313. }else if (formation.badge == 10)
  1314. {
  1315. badgeRCVScale = 1.35;
  1316. }
  1317. tHpDom.innerHTML = tHP.toString() +
  1318. (teamHPAwoken>0||badgeHPScale>1
  1319. ? ("("+Math.round(tHP * (1 + 0.05 * teamHPAwoken)*badgeHPScale).toString()+")")
  1320. : "");
  1321. tRcvDom.innerHTML = tRCV.toString() +
  1322. (teamRCVAwoken>0||badgeRCVScale>1
  1323. ? ("("+Math.round(tRCV * (1 + 0.10 * teamRCVAwoken)*badgeRCVScale).toString()+")")
  1324. : "");
  1325. }

智龙迷城队伍图制作工具