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

智龙迷城队伍图制作工具