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

智龙迷城队伍图制作工具