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

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
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
7 years ago
6 years ago
6 years ago
7 years ago
7 years ago
7 years ago
7 years ago
6 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
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
7 years ago
6 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
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
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
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272127312741275127612771278127912801281128212831284128512861287128812891290129112921293129412951296129712981299130013011302130313041305130613071308130913101311131213131314131513161317131813191320132113221323132413251326132713281329133013311332133313341335133613371338133913401341134213431344134513461347134813491350135113521353135413551356135713581359136013611362136313641365136613671368136913701371137213731374137513761377137813791380138113821383138413851386138713881389139013911392139313941395139613971398139914001401140214031404140514061407140814091410141114121413141414151416141714181419142014211422142314241425142614271428142914301431143214331434143514361437143814391440144114421443144414451446144714481449145014511452145314541455145614571458145914601461146214631464146514661467146814691470147114721473147414751476147714781479148014811482148314841485148614871488148914901491149214931494149514961497149814991500150115021503150415051506150715081509151015111512151315141515151615171518151915201521152215231524152515261527152815291530153115321533153415351536153715381539154015411542154315441545154615471548154915501551155215531554155515561557155815591560156115621563156415651566156715681569157015711572157315741575157615771578157915801581158215831584158515861587158815891590159115921593159415951596159715981599160016011602160316041605160616071608160916101611161216131614161516161617161816191620162116221623162416251626162716281629163016311632163316341635163616371638163916401641164216431644164516461647164816491650165116521653165416551656165716581659166016611662166316641665166616671668166916701671167216731674167516761677167816791680168116821683168416851686168716881689169016911692169316941695169616971698169917001701170217031704170517061707170817091710171117121713171417151716171717181719172017211722172317241725172617271728172917301731173217331734173517361737173817391740174117421743174417451746174717481749175017511752175317541755175617571758175917601761176217631764176517661767176817691770177117721773177417751776177717781779178017811782178317841785178617871788178917901791179217931794179517961797179817991800180118021803180418051806180718081809181018111812181318141815181618171818181918201821182218231824182518261827182818291830183118321833183418351836183718381839184018411842184318441845184618471848184918501851185218531854185518561857185818591860186118621863186418651866186718681869187018711872187318741875187618771878187918801881188218831884188518861887188818891890189118921893189418951896189718981899190019011902190319041905190619071908190919101911191219131914191519161917191819191920192119221923192419251926192719281929193019311932193319341935193619371938193919401941194219431944194519461947194819491950195119521953195419551956195719581959196019611962196319641965196619671968196919701971197219731974197519761977197819791980198119821983198419851986198719881989199019911992199319941995199619971998199920002001200220032004200520062007200820092010201120122013201420152016201720182019202020212022202320242025202620272028
  1. const dataSourceList = [ //几个不同的游戏服务区
  2. {
  3. code:"ja",
  4. source:"パズル&ドラゴンズ"
  5. },
  6. {
  7. code:"en",
  8. source:"Puzzle & Dragons"
  9. },
  10. {
  11. code:"ko",
  12. source:"퍼즐앤드래곤"
  13. },
  14. ];
  15. var Cards; //怪物数据
  16. var Skills; //技能数据
  17. var currentLanguage; //当前语言
  18. var currentDataSource; //当前数据
  19. var interchangeSvg; //储存划线的SVG
  20. var interchangePath; //储存划线的线
  21. var controlBox; //储存整个controlBox
  22. var formationBox; //储存整个formationBox
  23. var teamBigBoxs; //储存全部teamBigBox
  24. var allMembers = []; //储存所有成员,包含辅助
  25. var editBox; //储存整个editBox
  26. var showSearch; //整个程序都可以用的显示搜索函数
  27. //队员基本的留空
  28. var Member = function(){
  29. this.id=0;
  30. this.ability = [0,0,0];
  31. };
  32. Member.prototype.outObj = function(){
  33. const m = this;
  34. let obj = [m.id];
  35. if (m.level != undefined) obj[1] = m.level;
  36. if (m.awoken != undefined) obj[2] = m.awoken;
  37. if (m.plus != undefined && m.plus instanceof Array && m.plus.length>=3 && (m.plus[0]+m.plus[1]+m.plus[2])!==0)
  38. {
  39. if (m.plus[0] === m.plus[1] && m.plus[0] === m.plus[2])
  40. { //当3个加值一样时只生成第一个减少长度
  41. obj[3] = m.plus[0];
  42. }else
  43. {
  44. obj[3] = m.plus;
  45. }
  46. }
  47. if (m.latent != undefined && m.latent instanceof Array && m.latent.length>=1) obj[4] = m.latent;
  48. if (m.sawoken != undefined && m.sawoken>=0) obj[5] = m.sawoken;
  49. const card = Cards[m.id] || Cards[0]; //怪物固定数据
  50. const skill = Skills[card.activeSkillId];
  51. //有技能等级,并且技能等级低于最大等级时才记录技能
  52. if (m.skilllevel != undefined && m.skilllevel < skill.maxLevel) obj[6] = m.skilllevel;
  53. return obj;
  54. };
  55. Member.prototype.loadObj = function(m,dataVersion){
  56. if (m == undefined) //如果没有提供数据,直接返回默认
  57. {
  58. return;
  59. }
  60. if (dataVersion == undefined) dataVersion = 1;
  61. this.id = dataVersion>1 ? m[0] : m.id;
  62. this.level = dataVersion>1 ? m[1] : m.level;
  63. this.awoken = dataVersion>1 ? m[2] : m.awoken;
  64. if (dataVersion>1)
  65. {
  66. if (isNaN(m[3]) || m[3]==null)
  67. {
  68. this.plus = m[3];
  69. }else
  70. {
  71. const singlePlus = parseInt(m[3],10);//如果只有一个数字时,复制3份
  72. this.plus = [singlePlus,singlePlus,singlePlus];
  73. }
  74. }else
  75. {
  76. this.plus = m.plus;
  77. }
  78. if (!(this.plus instanceof Array)) this.plus = [0,0,0]; //如果加值不是数组,则改变
  79. this.latent = dataVersion>1 ? m[4] : m.latent;
  80. if (!(this.latent instanceof Array)) this.latent = []; //如果潜觉不是数组,则改变
  81. this.sawoken = dataVersion>1 ? m[5] : m.sawoken;
  82. this.skilllevel = m[6] || null;
  83. };
  84. //只用来防坐的任何队员
  85. var MemberDelay = function(){
  86. this.id=-1;
  87. };
  88. MemberDelay.prototype = Object.create(Member.prototype);
  89. MemberDelay.prototype.constructor = MemberDelay;
  90. //辅助队员
  91. var MemberAssist = function(){
  92. this.level = 0;
  93. this.awoken = 0;
  94. this.plus = [0,0,0];
  95. Member.call(this);
  96. };
  97. MemberAssist.prototype = Object.create(Member.prototype);
  98. MemberAssist.prototype.constructor = MemberAssist;
  99. MemberAssist.prototype.loadFromMember = function(m){
  100. if (m == undefined) //如果没有提供数据,直接返回默认
  101. {
  102. return;
  103. }
  104. this.id = m.id;
  105. if (m.level != undefined) this.level = m.level;
  106. if (m.awoken != undefined) this.awoken = m.awoken;
  107. 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;
  108. };
  109. //正式队伍
  110. var MemberTeam = function(){
  111. this.latent = [];
  112. this.ability = [0,0,0];
  113. MemberAssist.call(this);
  114. //sawoken作为可选项目,默认不在内
  115. };
  116. MemberTeam.prototype = Object.create(MemberAssist.prototype);
  117. MemberTeam.prototype.constructor = MemberTeam;
  118. MemberTeam.prototype.loadFromMember = function(m){
  119. if (m == undefined) //如果没有提供数据,直接返回默认
  120. {
  121. return;
  122. }
  123. this.id = m.id;
  124. if (m.level != undefined) this.level = m.level;
  125. if (m.awoken != undefined) this.awoken = m.awoken;
  126. 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;
  127. if (m.latent != undefined && m.latent instanceof Array && m.latent.length>=1) this.latent = m.latent;
  128. if (m.sawoken != undefined) this.sawoken = m.sawoken;
  129. if (m.ability != undefined && m.ability instanceof Array && m.plus.length>=3) this.ability = m.ability;
  130. };
  131. var Formation = function(teamCount,memberCount){
  132. this.title = "";
  133. this.detail = "";
  134. this.teams = [];
  135. this.badge = 0;
  136. for (var ti=0;ti<teamCount;ti++)
  137. {
  138. const team = [[],[]];
  139. for (let mi=0;mi<memberCount;mi++)
  140. {
  141. team[0].push(new MemberTeam());
  142. team[1].push(new MemberAssist());
  143. }
  144. this.teams.push(team);
  145. }
  146. };
  147. Formation.prototype.outObj= function(){
  148. let obj = {};
  149. if (this.title != undefined && this.title.length>0) obj.t = this.title;
  150. if (this.detail != undefined && this.detail.length>0) obj.d = this.detail;
  151. obj.f = this.teams.map(function(t){
  152. return t.map(function(st){
  153. return st.map(function(m){
  154. return m.outObj();
  155. });
  156. });
  157. });
  158. if (this.badge != undefined && this.badge>0) obj.b = this.badge; //徽章
  159. return obj;
  160. };
  161. Formation.prototype.loadObj= function(f){
  162. const dataVeision = f.f?2:1; //是第几版格式
  163. this.title = dataVeision>1 ? f.t : f.title;
  164. this.detail = dataVeision>1 ? f.d : f.detail;
  165. this.badge = f.b ? f.b : 0; //徽章
  166. const teamArr = dataVeision>1 ? f.f : f.team;
  167. this.teams.forEach(function(t,ti){
  168. let tf = teamArr[ti] || [];
  169. t.forEach(function(st,sti){
  170. let fst = tf[sti] || [];
  171. st.forEach(function(m,mi){
  172. let fm = fst[mi];
  173. m.loadObj(fm,dataVeision);
  174. });
  175. });
  176. });
  177. };
  178. //获取最大潜觉数量
  179. function getMaxLatentCount(id)
  180. { //转生2和超转生3为8个格子
  181. if (Cards[id])
  182. {
  183. return Cards[id].is8Latent ? 8 : 6;
  184. }else
  185. {
  186. return 6;
  187. }
  188. }
  189. //切换怪物ID显示
  190. function toggleShowMonId()
  191. {
  192. document.body.classList.toggle('not-show-mon-id');
  193. }
  194. //切换怪物技能CD显示
  195. function toggleShowMonSkillCd()
  196. {
  197. document.body.classList.toggle('show-mon-skill-cd');
  198. }
  199. //清除数据
  200. function clearData()
  201. {
  202. location.href=location.href.replace(location.search,'');
  203. }
  204. //交换AB队
  205. function swapABteam()
  206. {
  207. if (formation.teams.length>0)
  208. {
  209. formation.teams[0][0].splice(4, 0, formation.teams[0][0].splice(0,1)[0]); //第1个数组基底删掉0并移动到4
  210. formation.teams[0][1].splice(4, 0, formation.teams[0][1].splice(0,1)[0]); //第1个数组辅助删掉0并移动到4
  211. formation.teams[1][0].splice(0, 0, formation.teams[1][0].splice(4,1)[0]); //第2个数组基底删掉4并移动到0
  212. formation.teams[1][1].splice(0, 0, formation.teams[1][1].splice(4,1)[0]); //第2个数组辅助删掉4并移动到0
  213. formation.teams.splice(0,0,formation.teams.splice(1,1)[0]); //交换AB队
  214. }
  215. creatNewUrl();
  216. history.go();
  217. }
  218. //在单人和多人之间转移数据
  219. function turnPage(toPage)
  220. {
  221. switch(toPage)
  222. {
  223. case 1:
  224. break;
  225. case 2:
  226. break;
  227. case 3:
  228. break;
  229. }
  230. if (solo)
  231. {
  232. //创建第二支队伍,各4个空的
  233. formation.teams[1] = [
  234. Array.from(new Array(4)).map(()=>{return new MemberTeam();}),
  235. Array.from(new Array(4)).map(()=>{return new MemberAssist();})
  236. ];
  237. //把右边的队长加到第二支队伍最后面
  238. formation.teams[1][0].push(formation.teams[0][0].splice(5,1)[0]);
  239. formation.teams[1][1].push(formation.teams[0][1].splice(5,1)[0]);
  240. formation.badge = 0;
  241. }else
  242. {
  243. //把第二支队五的队长添加到最后方
  244. formation.teams[0][0].push(formation.teams[1][0][4]);
  245. formation.teams[0][1].push(formation.teams[1][1][4]);
  246. //删掉第二支队伍
  247. formation.teams.splice(1,1);
  248. }
  249. location.href = creatNewUrl({url:solo?"multi.html":"solo.html",notPushState:true});
  250. }
  251. window.onload = function()
  252. {
  253. interchangeSVG = document.querySelector("#interchange-line");
  254. interchangePath = interchangeSVG.querySelector("g line");
  255. const controlBox = document.querySelector(".control-box");
  256. const helpLink = document.querySelector(".help-link");
  257. const statusLine = controlBox.querySelector(".status"); //显示当前状态的
  258. if (location.hostname.indexOf("gitee")>=0)
  259. {
  260. helpLink.hostname = "gitee.com";
  261. }
  262. //▼添加语言列表开始
  263. const langSelectDom = controlBox.querySelector(".languages");
  264. languageList.forEach(function(l){
  265. langSelectDom.options.add(new Option(l.name,l.i18n));
  266. });
  267. const parameter_i18n = getQueryString("l") || getQueryString("lang"); //获取参数指定的语言
  268. const browser_i18n = (navigator.language || navigator.userLanguage); //获取浏览器语言
  269. let havingLanguage = languageList.filter(function(l){ //筛选出符合的语言
  270. if (parameter_i18n) //如果已指定就用指定的语言
  271. return parameter_i18n.indexOf(l.i18n)>=0;
  272. else //否则筛选浏览器默认语言
  273. return browser_i18n.indexOf(l.i18n)>=0;
  274. });
  275. currentLanguage = havingLanguage.length ?
  276. havingLanguage.pop() : //有语言使用最后一个
  277. languageList[0]; //没有找到指定语言的情况下,自动用第一个语言(英语)
  278. document.head.querySelector("#language-css").href = "languages/"+currentLanguage.i18n+".css";
  279. let langOptionArray = Array.prototype.slice.call(langSelectDom.options);
  280. langOptionArray.some(function(langOpt){
  281. if (langOpt.value == currentLanguage.i18n)
  282. {
  283. langOpt.selected = true;
  284. return true;
  285. }
  286. });
  287. //▲添加语言列表结束
  288. //▼添加数据来源列表开始
  289. const dataSelectDom = controlBox.querySelector(".datasource");
  290. dataSourceList.forEach(function(ds){
  291. dataSelectDom.options.add(new Option(ds.source,ds.code));
  292. });
  293. const parameter_dsCode = getQueryString("s"); //获取参数指定的数据来源
  294. let havingDataSource = dataSourceList.filter(function(ds){ //筛选出符合的数据源
  295. return ds.code == parameter_dsCode;
  296. });
  297. currentDataSource = havingDataSource.length ? havingDataSource[0]: dataSourceList[0];
  298. document.body.classList.add("ds-"+currentDataSource.code);
  299. let dataSourceOptionArray = Array.prototype.slice.call(dataSelectDom.options);
  300. dataSourceOptionArray.some(function(dataOpt){
  301. if (dataOpt.value == currentDataSource.code)
  302. {
  303. dataOpt.selected = true;
  304. return true;
  305. }
  306. });
  307. statusLine.classList.add("loading-mon-info");
  308. GM_xmlhttpRequest({
  309. method: "GET",
  310. url:`monsters-info/mon_${currentDataSource.code}.json`, //Cards数据文件
  311. onload: function(response) {
  312. dealCardsData(response.response);
  313. },
  314. onerror: function(response) {
  315. let isChrome = navigator.userAgent.indexOf("Chrome") >=0;
  316. if (isChrome && location.host.length==0 && response.response.length>0)
  317. {
  318. console.info("因为是Chrome本地打开,正在尝试读取JSON");
  319. dealCardsData(response.response);
  320. }else
  321. {
  322. console.error("Cards JSON数据获取失败",response);
  323. }
  324. }
  325. });
  326. //处理返回的数据
  327. function dealCardsData(responseText)
  328. {
  329. try
  330. {
  331. Cards = JSON.parse(responseText);
  332. }catch(e)
  333. {
  334. console.log("Cards数据JSON解码出错",e);
  335. return;
  336. }
  337. statusLine.classList.remove("loading-mon-info");
  338. statusLine.classList.add("loading-skill-info");
  339. GM_xmlhttpRequest({
  340. method: "GET",
  341. url:`monsters-info/skill_${currentDataSource.code}.json`, //Skills数据文件
  342. onload: function(response) {
  343. dealSkillData(response.response);
  344. },
  345. onerror: function(response) {
  346. let isChrome = navigator.userAgent.indexOf("Chrome") >=0;
  347. if (isChrome && location.host.length==0 && response.response.length>0)
  348. {
  349. console.info("因为是Chrome本地打开,正在尝试读取JSON");
  350. dealSkillData(response.response);
  351. }else
  352. {
  353. console.error("Skills JSON数据获取失败",response);
  354. }
  355. }
  356. });
  357. }
  358. function dealSkillData(responseText)
  359. {
  360. try
  361. {
  362. Skills = JSON.parse(responseText);
  363. }catch(e)
  364. {
  365. console.log("Skills数据JSON解码出错",e);
  366. return;
  367. }
  368. initialize();//初始化
  369. statusLine.classList.remove("loading-skill-info");
  370. //如果通过的话就载入URL中的怪物数据
  371. reloadFormationData();
  372. }
  373. };
  374. //重新读取URL中的Data数据并刷新页面
  375. function reloadFormationData()
  376. {
  377. let formationData;
  378. try
  379. {
  380. const parameterDataString = getQueryString("d") || getQueryString("data");
  381. if (parameterDataString)
  382. {
  383. formationData = JSON.parse(parameterDataString);
  384. }
  385. }catch(e)
  386. {
  387. console.error("URL中队伍数据JSON解码出错",e);
  388. return;
  389. }
  390. if (formationData)
  391. {
  392. //formation = idata;
  393. formation.loadObj(formationData);
  394. refreshAll(formation);
  395. }
  396. }
  397. window.onpopstate = reloadFormationData; //前进后退时修改页面
  398. //创建新的分享地址
  399. function creatNewUrl(arg){
  400. if (arg == undefined) arg = {};
  401. if (!!(window.history && history.pushState)) {
  402. // 支持History API
  403. let language_i18n = arg.language || getQueryString("l") || getQueryString("lang"); //获取参数指定的语言
  404. let datasource = arg.datasource || getQueryString("s");
  405. let outObj = formation.outObj();
  406. let newUrl = (arg.url?arg.url:"") +
  407. '?' +
  408. (language_i18n?'l=' + language_i18n + '&':'') +
  409. (datasource&&datasource!="ja"?'s=' + datasource + '&':'') +
  410. 'd=' + encodeURIComponent(JSON.stringify(outObj));
  411. if (!arg.notPushState) history.pushState(null, null, newUrl);
  412. return newUrl;
  413. }
  414. }
  415. //初始化
  416. function initialize()
  417. {
  418. let monstersList = document.body.querySelector("#monsters-name-list");
  419. let fragment = document.createDocumentFragment();
  420. const linkReg = "link:(\\d+)";
  421. Cards.forEach(function(m){ //添加下拉框候选
  422. const opt = fragment.appendChild(document.createElement("option"));
  423. opt.value = m.id;
  424. opt.label = m.id + " - " + returnMonsterNameArr(m, currentLanguage.searchlist, currentDataSource.code).join(" | ");
  425. const linkRes = new RegExp(linkReg,"ig").exec(m.specialAttribute);
  426. if (linkRes)
  427. {//每个有链接的符卡,把它们被链接的符卡的进化根修改到链接前的
  428. let _m = Cards[parseInt(linkRes[1],10)];
  429. _m.evoRootId = m.evoRootId;
  430. }
  431. });
  432. monstersList.appendChild(fragment);
  433. //控制框
  434. controlBox = document.body.querySelector(".control-box");
  435. //队伍框
  436. formationBox = document.body.querySelector(".formation-box");
  437. //标题和介绍文本框
  438. const txtTitle = formationBox.querySelector(".title-box .title");
  439. const txtDetail = formationBox.querySelector(".detail-box .detail");
  440. txtTitle.onchange = function(){
  441. formation.title = this.value;
  442. creatNewUrl();
  443. };
  444. txtDetail.onchange = function(){
  445. formation.detail = this.value;
  446. creatNewUrl();
  447. };
  448. txtDetail.onblur = function(){
  449. this.style.height=this.scrollHeight+"px";
  450. };
  451. teamBigBoxs = Array.prototype.slice.call(formationBox.querySelectorAll(".team-bigbox"));
  452. //将所有怪物头像添加到全局数组
  453. teamBigBoxs.forEach(teamBigBox=>{
  454. const teamBox = teamBigBox.querySelector(".team-box");
  455. const menbers = Array.prototype.slice.call(teamBox.querySelectorAll(".team-members .monster"));
  456. const assist = Array.prototype.slice.call(teamBox.querySelectorAll(".team-assist .monster"));
  457. menbers.forEach(m=>{
  458. allMembers.push(m);
  459. });
  460. assist.forEach(m=>{
  461. allMembers.push(m);
  462. });
  463. });
  464. //所有怪物头像,添加拖动交换的代码
  465. allMembers.forEach(m=>{
  466. //点击
  467. m.onclick = clickMonHead;
  468. //拖动
  469. m.draggable = true;
  470. m.ondragstart = dragStartMonHead;
  471. m.ondragover = dropOverMonHead;
  472. m.ondrop = dropMonHead;
  473. //触摸
  474. m.ontouchstart = touchstartMonHead;
  475. m.ontouchmove = touchmoveMonHead;
  476. m.ontouchend = touchendMonHead;
  477. m.ontouchcancel = touchcancelMonHead;
  478. });
  479. //添加徽章
  480. const className_ChoseBadges = "show-all-badges";
  481. teamBigBoxs.forEach(tb=>{
  482. //徽章
  483. const teamBadge = tb.querySelector(".team-badge");
  484. if (!teamBadge) return;
  485. const badges = Array.prototype.slice.call(teamBadge.querySelectorAll(".badge-bg"));
  486. badges.forEach((badge,bidx) => {
  487. badge.onclick = function(){
  488. if (teamBadge.classList.contains(className_ChoseBadges))
  489. {
  490. teamBadge.classList.remove(className_ChoseBadges);
  491. formation.badge = bidx;
  492. refreshTotalHP(formation.teams[0]);
  493. creatNewUrl();
  494. }else
  495. {
  496. teamBadge.classList.add(className_ChoseBadges);
  497. }
  498. };
  499. });
  500. });
  501. //编辑框
  502. editBox = document.body.querySelector(".edit-box");
  503. editBox.mid = null; //储存怪物id
  504. editBox.awokenCount = 0; //储存怪物潜觉数量
  505. editBox.latent = []; //储存潜在觉醒
  506. editBox.isAssist = false; //储存是否为辅助宠物
  507. editBox.monsterHead = null;
  508. editBox.latentBox = null;
  509. editBox.memberIdx = []; //储存队伍数组下标
  510. editBox.show = function(){
  511. this.classList.remove("display-none");
  512. formationBox.classList.add("blur-bg");
  513. controlBox.classList.add("blur-bg");
  514. };
  515. editBox.hide = function(){
  516. this.classList.add("display-none");
  517. formationBox.classList.remove("blur-bg");
  518. controlBox.classList.remove("blur-bg");
  519. };
  520. const smonsterinfoBox = editBox.querySelector(".monsterinfo-box");
  521. const mCollabId = smonsterinfoBox.querySelector(".monster-collabId");
  522. mCollabId.onclick = function(){ //搜索合作
  523. const collabId = parseInt(this.getAttribute('data-collabId'));
  524. if (collabId>0);
  525. {
  526. searchColla(this.getAttribute('data-collabId'));
  527. }
  528. };
  529. const mAltName = smonsterinfoBox.querySelector(".monster-altName");
  530. mAltName.onclick = function(){ //搜索合作
  531. const altName = this.getAttribute('data-altName');
  532. const splitAltName = altName.split("|");
  533. if (altName.length>0);
  534. {
  535. showSearch(Cards.filter(card=>{
  536. return splitAltName.some(alt=>{
  537. return alt.length > 0 && card.altName.indexOf(alt)>=0;
  538. });
  539. }));
  540. }
  541. };
  542. //创建一个新的怪物头像
  543. editBox.createCardHead = function(id)
  544. {
  545. function clickHeadToNewMon()
  546. {
  547. monstersID.value = this.getAttribute("data-cardid");
  548. monstersID.onchange();
  549. return false;
  550. }
  551. const cli = document.createElement("li");
  552. const cdom = cli.head = createCardA(id);
  553. cli.appendChild(cdom);
  554. changeid({id:id},cdom);
  555. cdom.onclick = clickHeadToNewMon;
  556. return cli;
  557. };
  558. const searchBox = editBox.querySelector(".search-box");
  559. const settingBox = editBox.querySelector(".setting-box");
  560. const searchOpen = settingBox.querySelector(".row-mon-id .open-search");
  561. searchOpen.onclick = function(){
  562. searchBox.classList.toggle("display-none");
  563. };
  564. let s_attr1s = Array.prototype.slice.call(searchBox.querySelectorAll(".attrs .attr-list-1 .attr-radio"));
  565. let s_attr2s = Array.prototype.slice.call(searchBox.querySelectorAll(".attrs .attr-list-2 .attr-radio"));
  566. let s_fixMainColor = searchBox.querySelector(".attrs .fix-main-color");
  567. let s_types = Array.prototype.slice.call(searchBox.querySelectorAll(".types-div .type-check"));
  568. let s_awokensItem = Array.prototype.slice.call(searchBox.querySelectorAll(".awoken-div .awoken-count"));
  569. let s_awokensIcon = s_awokensItem.map(it=>{
  570. return it.querySelector(".awoken-icon");
  571. });
  572. let s_awokensCount = s_awokensItem.map(it=>{
  573. return it.querySelector(".count");
  574. });
  575. /*let s_awokensIcon = Array.prototype.slice.call(searchBox.querySelectorAll(".awoken-div .awoken-icon"));
  576. let s_awokensCount = Array.prototype.slice.call(searchBox.querySelectorAll(".awoken-div .count"));*/
  577. let s_sawokens = Array.prototype.slice.call(searchBox.querySelectorAll(".sawoken-div .sawoken-check"));
  578. s_awokensIcon.forEach((b,idx)=>{ //每种觉醒增加1
  579. b.onclick = function(){
  580. const countDom = s_awokensCount[idx];
  581. let count = parseInt(countDom.innerHTML,10);
  582. if (count<9)
  583. {
  584. count++;
  585. countDom.innerHTML = count;
  586. b.parentNode.classList.remove("zero");
  587. }
  588. };
  589. });
  590. function searchSubAwoken()
  591. {
  592. let count = parseInt(this.innerHTML,10);
  593. if (count>0)
  594. {
  595. count--;
  596. this.innerHTML = count;
  597. if (count === 0)
  598. {
  599. this.parentNode.classList.add("zero");
  600. }
  601. }
  602. }
  603. s_awokensCount.forEach((b,idx)=>{ //每种觉醒减少1
  604. b.onclick = searchSubAwoken;
  605. });
  606. const awokenClear = searchBox.querySelector(".awoken-div .awoken-clear");
  607. const sawokenClear = searchBox.querySelector(".sawoken-div .sawoken-clear");
  608. awokenClear.onclick = function(){ //清空觉醒选项
  609. s_awokensCount.forEach(t=>{
  610. t.innerHTML = 0;
  611. });
  612. s_awokensItem.forEach(t=>{
  613. t.classList.add("zero");
  614. });
  615. };
  616. sawokenClear.onclick = function(){ //清空超觉醒选项
  617. s_sawokens.forEach(t=>{
  618. t.checked = false;
  619. });
  620. };
  621. const searchStart = searchBox.querySelector(".control-div .search-start");
  622. const searchClose = searchBox.querySelector(".control-div .search-close");
  623. const searchClear = searchBox.querySelector(".control-div .search-clear");
  624. const searchMonList = searchBox.querySelector(".search-mon-list");
  625. function returnCheckedInput(ipt)
  626. {
  627. return ipt.checked == true;
  628. }
  629. function returnInputValue(ipt)
  630. {
  631. return ipt.value;
  632. }
  633. function Str2Int(str)
  634. {
  635. return parseInt(str, 10);
  636. }
  637. //将搜索结果显示出来(也可用于其他的搜索)
  638. showSearch = function(searchArr){
  639. editBox.show();
  640. searchBox.classList.remove("display-none");
  641. const createCardHead = editBox.createCardHead;
  642. searchMonList.classList.add("display-none");
  643. searchMonList.innerHTML = "";
  644. if (searchArr.length>0)
  645. {
  646. let fragment = document.createDocumentFragment(); //创建节点用的临时空间
  647. searchArr.forEach(function(card){
  648. const cli = createCardHead(card.id);
  649. fragment.appendChild(cli);
  650. });
  651. searchMonList.appendChild(fragment);
  652. }
  653. searchMonList.classList.remove("display-none");
  654. };
  655. searchStart.onclick = function(){
  656. const attr1Filter = s_attr1s.filter(returnCheckedInput).map(returnInputValue);
  657. const attr2Filter = s_attr2s.filter(returnCheckedInput).map(returnInputValue);
  658. const fixMainColor = s_fixMainColor.checked;
  659. let attr1,attr2;
  660. if (attr1Filter.length>0)
  661. {
  662. if (!isNaN(attr1Filter[0]))
  663. {
  664. attr1 = parseInt(attr1Filter[0],10);
  665. }else
  666. {
  667. attr1 = null;
  668. }
  669. }
  670. if (attr2Filter.length>0)
  671. {
  672. if (!isNaN(attr2Filter[0]))
  673. {
  674. attr2 = parseInt(attr2Filter[0],10);
  675. }else
  676. {
  677. attr2 = null;
  678. }
  679. }
  680. const typesFilter = s_types.filter(returnCheckedInput).map(returnInputValue).map(Str2Int);
  681. const sawokensFilter = s_sawokens.filter(returnCheckedInput).map(returnInputValue).map(Str2Int);
  682. const awokensFilter = s_awokensCount.filter(btn=>{return parseInt(btn.innerHTML,10)>0;}).map(btn=>{
  683. return {id:parseInt(btn.value,10),num:parseInt(btn.innerHTML,10)};
  684. });
  685. console.log("搜索条件",attr1,attr2,fixMainColor,typesFilter,awokensFilter,sawokensFilter);
  686. let searchResult = searchCards(Cards,attr1,attr2,fixMainColor,typesFilter,awokensFilter,sawokensFilter);
  687. console.log("搜索结果",searchResult);
  688. showSearch(searchResult);
  689. };
  690. searchClose.onclick = function(){
  691. searchBox.classList.add("display-none");
  692. };
  693. searchClear.onclick = function(){ //清空搜索选项
  694. s_attr1s[0].checked = true;
  695. s_attr2s[0].checked = true;
  696. s_types.forEach(t=>{
  697. t.checked = false;
  698. });
  699. s_awokensCount.forEach(t=>{
  700. t.innerHTML = 0;
  701. });
  702. s_awokensItem.forEach(t=>{
  703. t.classList.add("zero");
  704. });
  705. s_sawokens.forEach(t=>{
  706. t.checked = false;
  707. });
  708. searchMonList.innerHTML = "";
  709. };
  710. //id搜索
  711. const monstersID = settingBox.querySelector(".row-mon-id .m-id");
  712. monstersID.onchange = function(){
  713. if (/^\d+$/.test(this.value))
  714. {
  715. const newId = parseInt(this.value, 10);
  716. if (editBox.mid != newId) //避免多次运行oninput、onchange
  717. {
  718. editBox.mid = newId;
  719. editBoxChangeMonId(editBox.mid);
  720. }
  721. }
  722. };
  723. monstersID.oninput = monstersID.onchange;
  724. //觉醒
  725. let monEditAwokens = Array.prototype.slice.call(settingBox.querySelectorAll(".row-mon-awoken .awoken-ul .awoken-icon"));
  726. monEditAwokens.forEach((akDom,idx,domArr)=>{
  727. akDom.onclick = function(){
  728. editBox.awokenCount = idx;
  729. editBox.reCalculateAbility();
  730. editBox.refreshAwokens();
  731. };
  732. });
  733. //刷新觉醒
  734. editBox.refreshAwokens = ()=>{
  735. monEditAwokens[0].innerHTML = editBox.awokenCount;
  736. if (editBox.awokenCount>0 && editBox.awokenCount==(Cards[editBox.mid].awakenings.length))
  737. monEditAwokens[0].classList.add("full-awoken");
  738. else
  739. monEditAwokens[0].classList.remove("full-awoken");
  740. for(let ai=1;ai<monEditAwokens.length;ai++)
  741. {
  742. if(ai<=editBox.awokenCount)
  743. {
  744. monEditAwokens[ai].classList.remove("unselected-awoken");
  745. }
  746. else
  747. {
  748. monEditAwokens[ai].classList.add("unselected-awoken");
  749. }
  750. }
  751. };
  752. //超觉醒
  753. let monEditSAwokens = Array.prototype.slice.call(settingBox.querySelectorAll(".row-mon-super-awoken .awoken-ul .awoken-icon"));
  754. monEditSAwokens.forEach((akDom,idx,domArr)=>{
  755. akDom.onclick = function(){
  756. for(var ai=0;ai<domArr.length;ai++)
  757. {
  758. if(ai==idx)
  759. {
  760. domArr[ai].classList.toggle("unselected-awoken");
  761. }
  762. else
  763. {
  764. domArr[ai].classList.add("unselected-awoken");
  765. }
  766. }
  767. };
  768. });
  769. //3个快速设置this.ipt为自己的value
  770. function setIptToMyValue()
  771. {
  772. if (this.ipt.value != this.value)
  773. {
  774. this.ipt.value = this.value;
  775. this.ipt.onchange();
  776. }
  777. }
  778. //等级
  779. const monEditLv = settingBox.querySelector(".m-level");
  780. monEditLv.onchange = reCalculateAbility;
  781. const monEditLvMin = settingBox.querySelector(".m-level-btn-min");
  782. monEditLvMin.ipt = monEditLv;
  783. monEditLvMin.onclick = setIptToMyValue;
  784. const monEditLvMax = settingBox.querySelector(".m-level-btn-max");
  785. monEditLvMax.ipt = monEditLv;
  786. monEditLvMax.onclick = setIptToMyValue;
  787. //加蛋
  788. const monEditAddHpLi = settingBox.querySelector(".row-mon-plus .m-plus-hp-li");
  789. const monEditAddAtkLi = settingBox.querySelector(".row-mon-plus .m-plus-atk-li");
  790. const monEditAddRcvLi = settingBox.querySelector(".row-mon-plus .m-plus-rcv-li");
  791. const monEditAddHp = monEditAddHpLi.querySelector(".m-plus-hp");
  792. monEditAddHp.onchange = reCalculateAbility;
  793. const monEditAddAtk = monEditAddAtkLi.querySelector(".m-plus-atk");
  794. monEditAddAtk.onchange = reCalculateAbility;
  795. const monEditAddRcv = monEditAddRcvLi.querySelector(".m-plus-rcv");
  796. monEditAddRcv.onchange = reCalculateAbility;
  797. //3个快速设置按钮
  798. const monEditAddHpBtn = monEditAddHpLi.querySelector(".m-plus-btn");
  799. monEditAddHpBtn.ipt = monEditAddHp;
  800. monEditAddHpBtn.onclick = setIptToMyValue;
  801. const monEditAddAtkBtn = monEditAddAtkLi.querySelector(".m-plus-btn");
  802. monEditAddAtkBtn.ipt = monEditAddAtk;
  803. monEditAddAtkBtn.onclick = setIptToMyValue;
  804. const monEditAddRcvBtn = monEditAddRcvLi.querySelector(".m-plus-btn");
  805. monEditAddRcvBtn.ipt = monEditAddRcv;
  806. monEditAddRcvBtn.onclick = setIptToMyValue;
  807. //297按钮
  808. const monEditAdd297 = settingBox.querySelector(".row-mon-plus .m-plus-btn-297");
  809. monEditAdd297.onclick = function(){
  810. monEditAddHp.value = 99;
  811. monEditAddAtk.value = 99;
  812. monEditAddRcv.value = 99;
  813. editBox.reCalculateAbility();
  814. };
  815. //三维的计算值
  816. const monEditHpValue = monEditAddHpLi.querySelector(".ability-value");
  817. const monEditAtkValue = monEditAddAtkLi.querySelector(".ability-value");
  818. const monEditRcvValue = monEditAddRcvLi.querySelector(".ability-value");
  819. //潜觉
  820. const monEditLatentUl = settingBox.querySelector(".m-latent-ul");
  821. let monEditLatents = Array.prototype.slice.call(monEditLatentUl.querySelectorAll("li"));
  822. const monEditLatentAllowableUl = settingBox.querySelector(".m-latent-allowable-ul");
  823. let monEditLatentsAllowable = Array.prototype.slice.call(monEditLatentAllowableUl.querySelectorAll("li"));
  824. editBox.refreshLatent = function(latent,monid) //刷新潜觉
  825. {
  826. let maxLatentCount = getMaxLatentCount(monid); //最大潜觉数量
  827. let usedHoleN = usedHole(latent);
  828. for (var ai=0;ai<monEditLatents.length;ai++)
  829. {
  830. if (latent[ai] !== undefined)
  831. {
  832. monEditLatents[ai].className = "latent-icon latent-icon-" + latent[ai];
  833. monEditLatents[ai].value = ai;
  834. }
  835. else if(ai<(maxLatentCount-usedHoleN+latent.length))
  836. {
  837. monEditLatents[ai].className = "latent-icon";
  838. monEditLatents[ai].value = -1;
  839. }
  840. else
  841. {
  842. monEditLatents[ai].className = "display-none";
  843. monEditLatents[ai].value = -1;
  844. }
  845. }
  846. };
  847. const rowSkill = settingBox.querySelector(".row-mon-skill");
  848. const skillBox = rowSkill.querySelector(".skill-box");
  849. const skillCD = skillBox.querySelector(".skill-cd");
  850. const skillLevel = skillBox.querySelector(".m-skill-level");
  851. const skillLevel_1 = skillBox.querySelector(".m-skill-lv-1");
  852. const skillLevel_Max = skillBox.querySelector(".m-skill-lv-max");
  853. skillLevel.onchange = function(){
  854. const card = Cards[editBox.mid] || Cards[0]; //怪物固定数据
  855. const skill = Skills[card.activeSkillId];
  856. skillCD.innerHTML = skill.initialCooldown - this.value + 1;
  857. };
  858. skillLevel_1.ipt = skillLevel;
  859. skillLevel_1.onclick = setIptToMyValue;
  860. skillLevel_Max.ipt = skillLevel;
  861. skillLevel_Max.onclick = setIptToMyValue;
  862. function deleteLatent(){
  863. let aIdx = parseInt(this.value, 10);
  864. editBox.latent.splice(aIdx,1);
  865. editBox.reCalculateAbility(); //重计算三维
  866. editBox.refreshLatent(editBox.latent,editBox.mid); //刷新潜觉
  867. }
  868. //已有觉醒的去除
  869. monEditLatents.forEach(function(l){
  870. l.onclick = deleteLatent;
  871. });
  872. //可选觉醒的添加
  873. monEditLatentsAllowable.forEach(function(la){
  874. la.onclick = function(){
  875. if (this.classList.contains("unselected-latent")) return;
  876. var lIdx = parseInt(this.value);
  877. var usedHoleN = usedHole(editBox.latent);
  878. let maxLatentCount = getMaxLatentCount(editBox.mid); //最大潜觉数量
  879. if (lIdx >= 12 && usedHoleN<=(maxLatentCount-2))
  880. editBox.latent.push(lIdx);
  881. else if (lIdx < 12 && usedHoleN<=(maxLatentCount-1))
  882. editBox.latent.push(lIdx);
  883. editBox.reCalculateAbility();
  884. editBox.refreshLatent(editBox.latent,editBox.mid);
  885. };
  886. });
  887. //编辑界面重新计算怪物的能力
  888. function reCalculateAbility(){
  889. const monid = parseInt(monstersID.value || 0, 10);
  890. const level = parseInt(monEditLv.value || 0, 10);
  891. const awoken = editBox.awokenCount;
  892. const plus = [
  893. parseInt(monEditAddHp.value || 0, 10),
  894. parseInt(monEditAddAtk.value || 0, 10),
  895. parseInt(monEditAddRcv.value || 0, 10)
  896. ];
  897. const latent = editBox.latent;
  898. const tempMon = {
  899. id:monid,
  900. level:level,
  901. plus:plus,
  902. awoken:awoken,
  903. latent:latent
  904. }
  905. const abilitys = calculateAbility(tempMon, null, true) || [0,0,0];
  906. monEditHpValue.innerHTML = abilitys[0];
  907. monEditAtkValue.innerHTML = abilitys[1];
  908. monEditRcvValue.innerHTML = abilitys[2];
  909. };
  910. editBox.reCalculateAbility = reCalculateAbility;
  911. const btnCancel = editBox.querySelector(".button-cancel");
  912. const btnDone = editBox.querySelector(".button-done");
  913. const btnNull = editBox.querySelector(".button-null");
  914. const btnDelay = editBox.querySelector(".button-delay");
  915. btnCancel.onclick = function(){
  916. btnDone.classList.remove("cant-assist");
  917. btnDone.disabled = false;
  918. editBox.memberIdx = [];
  919. editBox.hide();
  920. };
  921. btnDone.onclick = function(){
  922. if (parseInt(monEditLv.value,10) == 0)
  923. {
  924. btnNull.onclick();
  925. return;
  926. }
  927. const mon = editBox.isAssist ? new MemberAssist() : new MemberTeam();
  928. const teamData = formation.teams[editBox.memberIdx[0]];
  929. const teamBigBox = teamBigBoxs[editBox.memberIdx[0]];
  930. const teamBox = teamBigBox.querySelector(".team-box");
  931. teamData[editBox.memberIdx[1]][editBox.memberIdx[2]] = mon;
  932. mon.id = parseInt(monstersID.value,10);
  933. const card = Cards[mon.id] || Cards[0];
  934. const skill = Skills[card.activeSkillId];
  935. mon.level = parseInt(monEditLv.value,10);
  936. mon.awoken = editBox.awokenCount;
  937. if (card.superAwakenings.length) //如果支持超觉醒
  938. {
  939. mon.sawoken = -1;
  940. for (var sai = 0;sai<monEditSAwokens.length;sai++)
  941. {
  942. if (
  943. !monEditSAwokens[sai].classList.contains("unselected-awoken") &&
  944. !monEditSAwokens[sai].classList.contains("display-none")
  945. )
  946. {
  947. mon.sawoken = sai;
  948. break;
  949. }
  950. }
  951. }
  952. if (card.types.some(t=>{return t == 0 || t == 12 || t == 14 || t == 15;}) &&
  953. (!card.overlay || mon.level>= card.maxLevel))
  954. { //当4种特殊type的时候是无法297和打觉醒的,但是不能叠加的在未满级时可以
  955. mon.plus = [0,0,0];
  956. }else
  957. {
  958. mon.plus[0] = parseInt(monEditAddHp.value) || 0;
  959. mon.plus[1] = parseInt(monEditAddAtk.value) || 0;
  960. mon.plus[2] = parseInt(monEditAddRcv.value) || 0;
  961. if (!editBox.isAssist)
  962. { //如果不是辅助,则可以设定潜觉
  963. mon.latent = editBox.latent.concat();
  964. }
  965. }
  966. const skillLevelNum = parseInt(skillLevel.value,10);
  967. if (skillLevelNum < skill.maxLevel)
  968. {
  969. mon.skilllevel = skillLevelNum;
  970. }
  971. changeid(mon,editBox.monsterHead,editBox.memberIdx[1] ? null : editBox.latentBox);
  972. const teamAbilityDom = teamBigBox.querySelector(".team-ability");
  973. refreshAbility(teamAbilityDom, teamData, editBox.memberIdx[2]); //本人能力值
  974. const teamTotalInfoDom = teamBigBox.querySelector(".team-total-info"); //队伍能力值合计
  975. if (teamTotalInfoDom) refreshTeamTotalHP(teamTotalInfoDom, teamData);
  976. const formationTotalInfoDom = formationBox.querySelector(".formation-total-info"); //所有队伍能力值合计
  977. if (formationTotalInfoDom) refreshFormationTotalHP(formationTotalInfoDom, formation.teams);
  978. const teamAwokenDom = teamBigBox.querySelector(".team-awoken"); //队伍觉醒合计
  979. if (teamAwokenDom) refreshTeamAwokenCount(teamAwokenDom,teamData);
  980. const formationAwokenDom = formationBox.querySelector(".formation-awoken"); //所有队伍觉醒合计
  981. if (formationAwokenDom) refreshFormationAwokenCount(formationAwokenDom, formation.teams);
  982. //刷新改队员的CD
  983. refreshMemberSkillCD(teamBox,teamData,editBox.memberIdx[2]);
  984. creatNewUrl();
  985. editBox.hide();
  986. };
  987. window.onkeydown = function(e){
  988. if (!editBox.classList.contains("display-none"))
  989. {
  990. if (e.keyCode == 27)
  991. { //按下ESC时,自动关闭编辑窗
  992. btnCancel.onclick();
  993. }
  994. }
  995. };
  996. btnNull.onclick = function(){ //空位置
  997. const mon = new Member();
  998. const teamBigBox = teamBigBoxs[editBox.memberIdx[0]];
  999. const teamData = formation.teams[editBox.memberIdx[0]];
  1000. teamData[editBox.memberIdx[1]][editBox.memberIdx[2]] = mon;
  1001. changeid(mon ,editBox.monsterHead, editBox.latentBox);
  1002. const teamAbilityDom = teamBigBox.querySelector(".team-ability");
  1003. refreshAbility(teamAbilityDom, teamData, editBox.memberIdx[2]); //本人能力值
  1004. const teamTotalInfoDom = teamBigBox.querySelector(".team-total-info"); //队伍能力值合计
  1005. if (teamTotalInfoDom) refreshTeamTotalHP(teamTotalInfoDom, teamData);
  1006. const formationTotalInfoDom = formationBox.querySelector(".formation-total-info"); //所有队伍能力值合计
  1007. if (formationTotalInfoDom) refreshFormationTotalHP(formationTotalInfoDom, formation.teams);
  1008. const teamAwokenDom = teamBigBox.querySelector(".team-awoken"); //队伍觉醒合计
  1009. if (teamAwokenDom) refreshTeamAwokenCount(teamAwokenDom,teamData);
  1010. const formationAwokenDom = formationBox.querySelector(".formation-awoken"); //所有队伍觉醒合计
  1011. if (formationAwokenDom) refreshFormationAwokenCount(formationAwokenDom, formation.teams);
  1012. //刷新改队员的CD
  1013. refreshMemberSkillCD(teamBigBox,teamData,editBox.memberIdx[2]);
  1014. creatNewUrl();
  1015. editBox.hide();
  1016. };
  1017. btnDelay.onclick = function(){ //应对威吓
  1018. const mon = new MemberDelay();
  1019. const teamBigBox = teamBigBoxs[editBox.memberIdx[0]];
  1020. const teamData = formation.teams[editBox.memberIdx[0]];
  1021. teamData[editBox.memberIdx[1]][editBox.memberIdx[2]] = mon;
  1022. changeid(mon, editBox.monsterHead, editBox.latentBox);
  1023. const teamAbilityDom = teamBigBox.querySelector(".team-ability");
  1024. refreshAbility(teamAbilityDom, teamData, editBox.memberIdx[2]); //本人能力值
  1025. const teamTotalInfoDom = teamBigBox.querySelector(".team-total-info"); //队伍能力值合计
  1026. if (teamTotalInfoDom) refreshTeamTotalHP(teamTotalInfoDom, teamData);
  1027. const formationTotalInfoDom = formationBox.querySelector(".formation-total-info"); //所有队伍能力值合计
  1028. if (formationTotalInfoDom) refreshFormationTotalHP(formationTotalInfoDom, formation.teams);
  1029. const teamAwokenDom = teamBigBox.querySelector(".team-awoken"); //队伍觉醒合计
  1030. if (teamAwokenDom) refreshTeamAwokenCount(teamAwokenDom,teamData);
  1031. const formationAwokenDom = formationBox.querySelector(".formation-awoken"); //所有队伍觉醒合计
  1032. if (formationAwokenDom) refreshFormationAwokenCount(formationAwokenDom, formation.teams);
  1033. //刷新改队员的CD
  1034. refreshMemberSkillCD(teamBigBox,teamData,editBox.memberIdx[2]);
  1035. creatNewUrl();
  1036. editBox.hide();
  1037. };
  1038. //语言选择
  1039. const langList = controlBox.querySelector(".languages");
  1040. langList.onchange = function(){
  1041. creatNewUrl({"language":this.value});
  1042. history.go();
  1043. };
  1044. //数据源选择
  1045. const dataList = controlBox.querySelector(".datasource");
  1046. dataList.onchange = function(){
  1047. creatNewUrl({datasource:this.value});
  1048. history.go();
  1049. };
  1050. /*添对应语言执行的JS*/
  1051. const languageJS = document.head.appendChild(document.createElement("script"));
  1052. languageJS.id = "language-js";
  1053. languageJS.type = "text/javascript";
  1054. languageJS.src = "languages/"+currentLanguage.i18n+".js";
  1055. }
  1056. //编辑界面点击每个怪物的头像的处理
  1057. function clickMonHead(e)
  1058. {
  1059. let team = parseInt(this.getAttribute("data-team"),10);
  1060. let assist = parseInt(this.getAttribute("data-assist"),10);
  1061. let index = parseInt(this.getAttribute("data-index"),10);
  1062. editMon(team,assist,index);
  1063. return false; //没有false将会打开链接
  1064. }
  1065. //编辑界面每个怪物的头像的拖动
  1066. function dragStartMonHead(e)
  1067. {
  1068. let team = parseInt(this.getAttribute("data-team"),10);
  1069. let assist = parseInt(this.getAttribute("data-assist"),10);
  1070. let index = parseInt(this.getAttribute("data-index"),10);
  1071. e.dataTransfer.setData('from',[team,assist,index].join(","));
  1072. }
  1073. //编辑界面每个怪物的头像的经过,阻止事件发生
  1074. function dropOverMonHead(e)
  1075. {
  1076. e.preventDefault();
  1077. }
  1078. //从怪物头像获取队员的队伍编号
  1079. function getMemberArrayIndexFromMonHead(headDom)
  1080. {
  1081. return [
  1082. parseInt(headDom.getAttribute("data-team"),10),
  1083. parseInt(headDom.getAttribute("data-assist"),10),
  1084. parseInt(headDom.getAttribute("data-index"),10),
  1085. ];
  1086. }
  1087. //编辑界面每个怪物的头像的放下
  1088. function dropMonHead(e)
  1089. {
  1090. const dataFrom = e.dataTransfer.getData('from').split(",").map((i)=>{return parseInt(i,10);});
  1091. const dataTo = getMemberArrayIndexFromMonHead(this);
  1092. if ((dataTo[0] != dataFrom[0]) ||
  1093. (dataTo[1] != dataFrom[1]) ||
  1094. (dataTo[2] != dataFrom[2]))
  1095. { //必须有所不同才继续交换
  1096. interchangeCard(dataFrom,dataTo);
  1097. }
  1098. return false; //没有false将会打开链接
  1099. }
  1100. //移动端编辑界面每个怪物的头像的放下
  1101. function touchstartMonHead(e)
  1102. {
  1103. e.stopPropagation();
  1104. //console.log("开始触摸",e,this);
  1105. const tc = e.changedTouches[0];
  1106. interchangeSVG.style.display = "none";
  1107. interchangePath.setAttribute("x1",tc.pageX);
  1108. interchangePath.setAttribute("y1",tc.pageY);
  1109. interchangePath.setAttribute("x2",tc.pageX);
  1110. interchangePath.setAttribute("y2",tc.pageY);
  1111. }
  1112. //移动端编辑界面每个怪物的头像的移动
  1113. function touchmoveMonHead(e)
  1114. {
  1115. //console.log("移动中",e,this);
  1116. const tc = e.changedTouches[0];
  1117. const pX = tc.pageX, pY = tc.pageY;
  1118. const rect = this.getBoundingClientRect();
  1119. const top = rect.top + document.documentElement.scrollTop;
  1120. const left = rect.left + document.documentElement.scrollLeft;
  1121. if ((pY < top) || (pY > (top + rect.height)) ||
  1122. (pX < left) || (pX > (left + rect.width)))
  1123. {
  1124. interchangeSVG.style.display = "block";
  1125. interchangePath.setAttribute("x2",tc.pageX);
  1126. interchangePath.setAttribute("y2",tc.pageY);
  1127. }else
  1128. {
  1129. interchangeSVG.style.display = "none";
  1130. }
  1131. }
  1132. //移动端编辑界面每个怪物的头像的结束
  1133. function touchendMonHead(e)
  1134. {
  1135. const tc = e.changedTouches[0];
  1136. const pX = tc.pageX, pY = tc.pageY;
  1137. //console.log("移动结束",pX,pY,e,this);
  1138. interchangeSVG.style.display = "none";
  1139. interchangePath.setAttribute("x2",pX);
  1140. interchangePath.setAttribute("y2",tc.pageY);
  1141. let targets = allMembers.filter(m=>{
  1142. const rect = m.getBoundingClientRect();
  1143. const top = rect.top + document.documentElement.scrollTop;
  1144. const left = rect.left + document.documentElement.scrollLeft;
  1145. const inRect = (pY > top) && (pY < (top + rect.height)) &&
  1146. (pX > left) && (pX < (left + rect.width));
  1147. return inRect;
  1148. });
  1149. const target = targets.length?targets[0]:null;
  1150. if (this != target)
  1151. {
  1152. //console.log("找到的对象",targets[0]);
  1153. let dataFrom = getMemberArrayIndexFromMonHead(this);
  1154. let dataTo = getMemberArrayIndexFromMonHead(target);
  1155. if ((dataTo[0] != dataFrom[0]) ||
  1156. (dataTo[1] != dataFrom[1]) ||
  1157. (dataTo[2] != dataFrom[2]))
  1158. { //必须有所不同才继续交换
  1159. interchangeCard(dataFrom,dataTo);
  1160. }
  1161. }
  1162. }
  1163. //移动端编辑界面每个怪物的头像的取消
  1164. function touchcancelMonHead(e)
  1165. {
  1166. interchangeSVG.style.display = "none";
  1167. console.log("移动取消",e,this);
  1168. }
  1169. function interchangeCard(formArr,toArr)
  1170. {
  1171. function changeType(member,isAssist)
  1172. {
  1173. if (member.id == 0 || (isAssist && member.id == -1))
  1174. {
  1175. return new Member();
  1176. }else
  1177. {
  1178. let newMember = isAssist ? new MemberTeam() : new MemberAssist();
  1179. newMember.loadFromMember(member);
  1180. return newMember;
  1181. }
  1182. }
  1183. let from = formation.teams[formArr[0]][formArr[1]][formArr[2]];
  1184. let to = formation.teams[toArr[0]][toArr[1]][toArr[2]];
  1185. if(formArr[1] != toArr[1]) //从武器拖到非武器才改变类型
  1186. {
  1187. from = changeType(from,formArr[1]);
  1188. to = changeType(to,toArr[1]);
  1189. }
  1190. formation.teams[toArr[0]][toArr[1]][toArr[2]] = from;
  1191. formation.teams[formArr[0]][formArr[1]][formArr[2]] = to;
  1192. creatNewUrl(); //刷新URL
  1193. refreshAll(formation); //刷新全部
  1194. }
  1195. //改变一个怪物头像
  1196. function changeid(mon,monDom,latentDom)
  1197. {
  1198. let fragment = document.createDocumentFragment(); //创建节点用的临时空间
  1199. const parentNode = monDom.parentNode;
  1200. fragment.appendChild(monDom);
  1201. const monId = mon.id;
  1202. const card = Cards[monId] || Cards[0]; //怪物固定数据
  1203. monDom.setAttribute("data-cardid", monId); //设定新的id
  1204. if (monId<0) //如果是延迟
  1205. {
  1206. parentNode.classList.add("delay");
  1207. parentNode.classList.remove("null");
  1208. parentNode.appendChild(fragment);
  1209. if (latentDom) latentDom.classList.add("display-none");
  1210. return;
  1211. }else if (monId==0) //如果是空
  1212. {
  1213. parentNode.classList.add("null");
  1214. parentNode.classList.remove("delay");
  1215. parentNode.appendChild(fragment);
  1216. if (latentDom) latentDom.classList.add("display-none");
  1217. return;
  1218. }else if (monId>-1) //如果提供了id
  1219. {
  1220. parentNode.classList.remove("null");
  1221. parentNode.classList.remove("delay");
  1222. monDom.className = "monster";
  1223. monDom.classList.add("pet-cards-" + Math.ceil(monId/100)); //添加图片编号
  1224. const idxInPage = (monId-1) % 100; //获取当前页面的总序号
  1225. monDom.classList.add("pet-cards-index-x-" + idxInPage % 10); //添加X方向序号
  1226. monDom.classList.add("pet-cards-index-y-" + parseInt(idxInPage / 10)); //添加Y方向序号
  1227. monDom.querySelector(".property").className = "property property-" + card.attrs[0]; //主属性
  1228. monDom.querySelector(".subproperty").className = "subproperty subproperty-" + card.attrs[1]; //副属性
  1229. monDom.title = "No." + monId + " " + (card.otLangName ? (card.otLangName[currentLanguage.searchlist[0]] || card.name) : card.name);
  1230. monDom.href = monId.toString().replace(/^(\d+)$/ig,currentLanguage.guideURL);
  1231. }
  1232. const levelDom = monDom.querySelector(".level");
  1233. if (levelDom) //如果提供了等级
  1234. {
  1235. const level = mon.level || 1;
  1236. levelDom.innerHTML = level;
  1237. if (level == card.maxLevel)
  1238. { //如果等级刚好等于最大等级,则修改为“最大”的字
  1239. levelDom.classList.add("max");
  1240. }else
  1241. {
  1242. levelDom.classList.remove("max");
  1243. }
  1244. if (card.limitBreakIncr && level >= card.maxLevel)
  1245. { //如果支持超觉,并且等级超过99,就添加支持超觉的蓝色
  1246. levelDom.classList.add("_110");
  1247. }else
  1248. {
  1249. levelDom.classList.remove("_110");
  1250. }
  1251. }
  1252. if (mon.awoken>-1) //如果提供了觉醒
  1253. {
  1254. const awokenIcon = monDom.querySelector(".awoken-count");
  1255. if (mon.awoken == 0 || card.awakenings.length < 1 || !awokenIcon) //没觉醒
  1256. {
  1257. awokenIcon.classList.add("display-none");
  1258. awokenIcon.innerHTML = "";
  1259. }else
  1260. {
  1261. awokenIcon.classList.remove("display-none");
  1262. awokenIcon.innerHTML = mon.awoken;
  1263. if (mon.awoken == card.awakenings.length)
  1264. {
  1265. awokenIcon.classList.add("full-awoken");
  1266. if (card.canAssist)
  1267. {//可以辅助的满觉醒打黄色星星
  1268. awokenIcon.classList.add("allowable-assist");
  1269. }else
  1270. {
  1271. awokenIcon.classList.remove("allowable-assist");
  1272. }
  1273. }else
  1274. {
  1275. awokenIcon.classList.remove("full-awoken");
  1276. awokenIcon.classList.remove("allowable-assist");
  1277. }
  1278. }
  1279. }
  1280. const sawoken = monDom.querySelector(".super-awoken");
  1281. if (sawoken) //如果存在超觉醒的DOM且提供了超觉醒
  1282. {
  1283. if (mon.sawoken !== undefined && mon.sawoken>=0 && card.superAwakenings.length)
  1284. {
  1285. const sawokenIcon = sawoken.querySelector(".awoken-icon");
  1286. sawoken.classList.remove("display-none");
  1287. sawokenIcon.className = "awoken-icon awoken-" + card.superAwakenings[mon.sawoken];
  1288. }else
  1289. {
  1290. sawoken.classList.add("display-none");
  1291. }
  1292. }
  1293. const m_id = monDom.querySelector(".id");
  1294. if (m_id) //怪物ID
  1295. {
  1296. m_id.innerHTML = monId;
  1297. }
  1298. const plusArr = mon.plus || [0,0,0];
  1299. const plusDom = monDom.querySelector(".plus");
  1300. if (plusArr && plusDom) //如果提供了加值,且怪物头像内有加值
  1301. {
  1302. plusDom.querySelector(".hp").innerHTML = plusArr[0];
  1303. plusDom.querySelector(".atk").innerHTML = plusArr[1];
  1304. plusDom.querySelector(".rcv").innerHTML = plusArr[2];
  1305. var plusCount = plusArr[0]+plusArr[1]+plusArr[2];
  1306. if (plusCount >= 297)
  1307. {
  1308. plusDom.classList.add("has297");
  1309. plusDom.classList.remove("zero");
  1310. }else if (plusCount <= 0)
  1311. {
  1312. plusDom.classList.add("zero");
  1313. plusDom.classList.remove("has297");
  1314. }else
  1315. {
  1316. plusDom.classList.remove("zero");
  1317. plusDom.classList.remove("has297");
  1318. }
  1319. }
  1320. if (latentDom)
  1321. {
  1322. let latentDoms = Array.prototype.slice.call(latentDom.querySelectorAll("li"));
  1323. if (mon.latent) //如果提供了潜觉
  1324. {
  1325. let latent = mon.latent.sort(function(a,b){
  1326. if(b>=12 && a<12) {return 1;} //如果大于12,就排到前面
  1327. else if(b<12 && a>=12) {return -1;} //如果小于12就排到后面
  1328. else {return 0;} //其他情况不变
  1329. });
  1330. if (latent.length < 1)
  1331. {
  1332. latentDom.classList.add("display-none");
  1333. }else
  1334. {
  1335. latentDom.classList.remove("display-none");
  1336. }
  1337. let usedHoleN = usedHole(latent); //使用的格子数
  1338. let maxLatentCount = getMaxLatentCount(mon.id); //最大潜觉数量
  1339. for (let ai=0;ai<latentDoms.length;ai++)
  1340. {
  1341. if (latent[ai])
  1342. {
  1343. latentDoms[ai].className = "latent-icon latent-icon-" + latent[ai];
  1344. }
  1345. else if(ai<(maxLatentCount-usedHoleN+latent.length))
  1346. {
  1347. latentDoms[ai].className = "latent-icon";
  1348. }
  1349. else
  1350. {
  1351. latentDoms[ai].className = "display-none";
  1352. }
  1353. }
  1354. }else
  1355. {
  1356. latentDom.classList.add("display-none");
  1357. }
  1358. }
  1359. const skillCdDom = monDom.querySelector(".skill");
  1360. if (skillCdDom) //如果存在技能CD DOM
  1361. {
  1362. //const skill = Skills[card.activeSkillId];
  1363. if (card.activeSkillId == 0)
  1364. {
  1365. skillCdDom.classList.add("display-none");
  1366. }else
  1367. {
  1368. skillCdDom.classList.remove("display-none");
  1369. }
  1370. }
  1371. parentNode.appendChild(fragment);
  1372. }
  1373. //点击怪物头像,出现编辑窗
  1374. function editMon(teamNum,isAssist,indexInTeam)
  1375. {
  1376. //数据
  1377. const mon = formation.teams[teamNum][isAssist][indexInTeam];
  1378. const card = Cards[mon.id] || Cards[0];
  1379. //const teamBigBox =
  1380. const teamBigBox = teamBigBoxs[teamNum];
  1381. const teamBox = teamBigBox.querySelector(".team-box");
  1382. const memberBox = teamBox.querySelector(isAssist?".team-assist":".team-members");
  1383. const memberLi = memberBox.querySelector(`.member-${indexInTeam+1}`);
  1384. const monsterHead = memberLi.querySelector(".monster");
  1385. editBox.show();
  1386. editBox.isAssist = isAssist;
  1387. editBox.monsterHead = monsterHead;
  1388. editBox.memberIdx = [teamNum, isAssist, indexInTeam]; //储存队伍数组下标
  1389. if (!isAssist)
  1390. {
  1391. const latentBox = teamBox.querySelector(".team-latents .latents-"+(indexInTeam+1)+" .latent-ul");
  1392. editBox.latentBox = latentBox;
  1393. }
  1394. const settingBox = editBox.querySelector(".setting-box");
  1395. const monstersID = settingBox.querySelector(".row-mon-id .m-id");
  1396. monstersID.value = mon.id > 0 ? mon.id : 0;
  1397. monstersID.onchange();
  1398. //觉醒
  1399. const monEditAwokens = settingBox.querySelectorAll(".row-mon-awoken .awoken-ul .awoken-icon");
  1400. if (mon.awoken > 0 && monEditAwokens[mon.awoken]) monEditAwokens[mon.awoken].onclick();
  1401. //超觉醒
  1402. const monEditSAwokens = settingBox.querySelectorAll(".row-mon-super-awoken .awoken-ul .awoken-icon");
  1403. if (mon.sawoken >= 0 && monEditSAwokens[mon.sawoken]) monEditSAwokens[mon.sawoken].onclick();
  1404. const monEditLv = settingBox.querySelector(".row-mon-level .m-level");
  1405. monEditLv.value = mon.level || 1;
  1406. const monEditAddHp = settingBox.querySelector(".row-mon-plus .m-plus-hp");
  1407. const monEditAddAtk = settingBox.querySelector(".row-mon-plus .m-plus-atk");
  1408. const monEditAddRcv = settingBox.querySelector(".row-mon-plus .m-plus-rcv");
  1409. if (mon.plus)
  1410. {
  1411. monEditAddHp.value = mon.plus[0];
  1412. monEditAddAtk.value = mon.plus[1];
  1413. monEditAddRcv.value = mon.plus[2];
  1414. }
  1415. const rowMonLatent = settingBox.querySelector(".row-mon-latent");
  1416. const skillLevel = settingBox.querySelector(".row-mon-skill .skill-box .m-skill-level");
  1417. if (mon.skilllevel)
  1418. {
  1419. skillLevel.value = mon.skilllevel;
  1420. }
  1421. skillLevel.onchange();
  1422. const editBoxTitle = editBox.querySelector(".edit-box-title");
  1423. const btnDelay = editBox.querySelector(".button-box .button-delay");
  1424. if (!isAssist)
  1425. {
  1426. editBox.latent = mon.latent ? mon.latent.concat() : [];
  1427. editBox.refreshLatent(editBox.latent, mon.id);
  1428. btnDelay.classList.add("display-none");
  1429. rowMonLatent.classList.remove("display-none");
  1430. editBoxTitle.classList.remove("edit-box-title-assist");
  1431. }else
  1432. {
  1433. btnDelay.classList.remove("display-none");
  1434. rowMonLatent.classList.add("display-none");
  1435. editBoxTitle.classList.add("edit-box-title-assist");
  1436. }
  1437. editBox.reCalculateAbility();
  1438. }
  1439. //编辑窗,修改怪物ID
  1440. function editBoxChangeMonId(id)
  1441. {
  1442. const card = Cards[id] || Cards[0]; //怪物固定数据
  1443. if (card.id == 0){
  1444. id = 0;
  1445. }
  1446. const skill = Skills[card.activeSkillId];
  1447. const leaderSkill = Skills[card.leaderSkillId];
  1448. let fragment = null;
  1449. const monInfoBox = editBox.querySelector(".monsterinfo-box");
  1450. const settingBox = editBox.querySelector(".setting-box");
  1451. //id搜索
  1452. const monHead = monInfoBox.querySelector(".monster");
  1453. changeid({id:id},monHead); //改变图像
  1454. const mId = monInfoBox.querySelector(".monster-id");
  1455. mId.innerHTML = id;
  1456. const mRare = monInfoBox.querySelector(".monster-rare");
  1457. mRare.className = "monster-rare rare-" + card.rarity;
  1458. const mCost = monInfoBox.querySelector(".monster-cost");
  1459. mCost.innerHTML = card.cost;
  1460. const mName = monInfoBox.querySelector(".monster-name");
  1461. mName.innerHTML = returnMonsterNameArr(card, currentLanguage.searchlist, currentDataSource.code)[0];
  1462. const mCollabId = monInfoBox.querySelector(".monster-collabId");
  1463. mCollabId.innerHTML = card.collabId;
  1464. mCollabId.setAttribute("data-collabId",card.collabId);
  1465. if (card.collabId == 0)
  1466. {
  1467. mCollabId.classList.add("display-none");
  1468. }else
  1469. {
  1470. mCollabId.classList.remove("display-none");
  1471. }
  1472. const mAltName = monInfoBox.querySelector(".monster-altName");
  1473. mAltName.innerHTML = card.altName;
  1474. mAltName.setAttribute("data-altName",card.altName);
  1475. /*const splitAltName = card.altName.split("|"); //取出分段的那种的第一段
  1476. const hasGroup = splitAltName.some(alt=>{ //自己的名称是否只有一个
  1477. return Cards.some(c=>{return c.id != card.id && c.altName.indexOf(alt)>=0;});
  1478. });*/
  1479. if (card.altName.length == 0)
  1480. { //当没有合作名
  1481. mAltName.classList.add("display-none");
  1482. }else
  1483. {
  1484. mAltName.classList.remove("display-none");
  1485. }
  1486. const evoCardUl = settingBox.querySelector(".row-mon-id .evo-card-list");
  1487. evoCardUl.style.display = "none";
  1488. evoCardUl.innerHTML = ""; //据说直接清空HTML性能更好
  1489. let evoLinkCardsIdArray = Cards.filter(function(m){
  1490. return m.evoRootId == card.evoRootId;
  1491. }).map(function(m){return m.id;}); //筛选出相同进化链的
  1492. const createCardHead = editBox.createCardHead;
  1493. if (evoLinkCardsIdArray.length>1)
  1494. {
  1495. fragment = document.createDocumentFragment(); //创建节点用的临时空间
  1496. evoLinkCardsIdArray.forEach(function(mid){
  1497. const cli = createCardHead(mid);
  1498. if (mid == id)
  1499. {
  1500. cli.classList.add("unable-monster");
  1501. }
  1502. fragment.appendChild(cli);
  1503. });
  1504. evoCardUl.appendChild(fragment);
  1505. evoCardUl.style.display = "block";
  1506. }
  1507. let mType = monInfoBox.querySelectorAll(".monster-type li");
  1508. for (let ti=0;ti<mType.length;ti++)
  1509. {
  1510. if (ti<card.types.length)
  1511. {
  1512. mType[ti].className = "type-name type-name-" + card.types[ti];
  1513. mType[ti].firstChild.className = "type-icon type-icon-" + card.types[ti];
  1514. }else
  1515. {
  1516. mType[ti].className = "display-none";
  1517. }
  1518. }
  1519. const mAwoken = settingBox.querySelectorAll(".row-mon-awoken .awoken-ul li");
  1520. editBox.awokenCount = card.awakenings.length;
  1521. mAwoken[0].innerHTML = editBox.awokenCount ? "★" : "0";
  1522. for (let ai=1;ai<mAwoken.length;ai++)
  1523. {
  1524. if (ai<=card.awakenings.length)
  1525. {
  1526. mAwoken[ai].className = "awoken-icon awoken-" + card.awakenings[ai-1];
  1527. }else
  1528. {
  1529. mAwoken[ai].className = "display-none";
  1530. }
  1531. }
  1532. //超觉醒
  1533. const mSAwokenRow = settingBox.querySelector(".row-mon-super-awoken");
  1534. let mSAwoken = mSAwokenRow.querySelectorAll(".awoken-ul li");
  1535. //if (!editBox.isAssist && card.superAwakenings.length>0)
  1536. if (card.superAwakenings.length>0) //武器上也还是加入超觉醒吧
  1537. {
  1538. for (let ai=0;ai<mSAwoken.length;ai++)
  1539. {
  1540. if (ai < card.superAwakenings.length)
  1541. {
  1542. mSAwoken[ai].className = "awoken-icon unselected-awoken awoken-" + card.superAwakenings[ai];
  1543. }
  1544. else
  1545. {
  1546. mSAwoken[ai].className = "display-none";
  1547. }
  1548. }
  1549. mSAwokenRow.classList.remove("display-none");
  1550. }else
  1551. {
  1552. mSAwokenRow.classList.add("display-none");
  1553. }
  1554. const monEditLvMax = settingBox.querySelector(".m-level-btn-max");
  1555. monEditLvMax.innerHTML = monEditLvMax.value = card.maxLevel + (card.limitBreakIncr ? 11 : 0); //最大等级按钮
  1556. const monEditLv = settingBox.querySelector(".m-level");
  1557. monEditLv.value = card.maxLevel; //默认等级为最大等级而不是110
  1558. const rowPlus = settingBox.querySelector(".row-mon-plus");
  1559. const rowLatent = settingBox.querySelector(".row-mon-latent");
  1560. const monLatentAllowUl = rowLatent.querySelector(".m-latent-allowable-ul");
  1561. //该宠Type允许的杀
  1562. let allowLatent = uniq(card.types.reduce(function (previous, t, index, array) {
  1563. return previous.concat(type_allowable_latent[t]);
  1564. },[]));
  1565. for(let li=17;li<=24;li++) //显示允许的杀,隐藏不允许的杀
  1566. {
  1567. var latentDom = monLatentAllowUl.querySelector(".latent-icon-" + li);
  1568. if (allowLatent.indexOf(li)>=0)
  1569. {
  1570. if(latentDom.classList.contains("unselected-latent"))
  1571. latentDom.classList.remove("unselected-latent");
  1572. }else
  1573. {
  1574. if(!latentDom.classList.contains("unselected-latent"))
  1575. latentDom.classList.add("unselected-latent");
  1576. }
  1577. }
  1578. //怪物主动技能
  1579. const rowSkill = settingBox.querySelector(".row-mon-skill");
  1580. const skillBox = rowSkill.querySelector(".skill-box");
  1581. const skillTitle = skillBox.querySelector(".skill-name");
  1582. const skillCD = skillBox.querySelector(".skill-cd");
  1583. const skillLevel = skillBox.querySelector(".m-skill-level");
  1584. const skillLevel_1 = skillBox.querySelector(".m-skill-lv-1");
  1585. const skillLevel_Max = skillBox.querySelector(".m-skill-lv-max");
  1586. const skillDetail = skillBox.querySelector(".skill-datail");
  1587. fragment = document.createDocumentFragment(); //创建节点用的临时空间
  1588. fragment.appendChild(skillBox);
  1589. skillTitle.innerHTML = descriptionToHTML(skill.name);
  1590. skillDetail.innerHTML = parseSkillDescription(skill);
  1591. skillLevel.max = card.overlay ? 1 : skill.maxLevel;
  1592. skillLevel.value = card.overlay ? 1 : skill.maxLevel;
  1593. skillLevel_Max.value = card.overlay ? 1 : skill.maxLevel;
  1594. skillLevel_Max.innerHTML = skill.maxLevel;
  1595. skillCD.innerHTML = skill.initialCooldown - skill.maxLevel + 1;
  1596. rowSkill.appendChild(fragment);
  1597. //怪物队长技能
  1598. const rowLederSkill = settingBox.querySelector(".row-mon-leader-skill");
  1599. const lskillBox = rowLederSkill.querySelector(".skill-box");
  1600. const lskillTitle = lskillBox.querySelector(".skill-name");
  1601. const lskillDetail = lskillBox.querySelector(".skill-datail");
  1602. fragment = document.createDocumentFragment(); //创建节点用的临时空间
  1603. fragment.appendChild(lskillBox);
  1604. lskillTitle.innerHTML = descriptionToHTML(leaderSkill.name);
  1605. lskillDetail.innerHTML = parseSkillDescription(leaderSkill);
  1606. rowLederSkill.appendChild(fragment);
  1607. if (card.overlay)
  1608. { //当可以叠加时,不能打297和潜觉
  1609. rowPlus.classList.add("disabled");
  1610. rowLatent.classList.add("disabled");
  1611. skillLevel.setAttribute("readonly",true);
  1612. }else
  1613. {
  1614. rowPlus.classList.remove("disabled");
  1615. rowLatent.classList.remove("disabled");
  1616. skillLevel.removeAttribute("readonly");
  1617. }
  1618. if (editBox.isAssist)
  1619. {
  1620. var btnDone = editBox.querySelector(".button-done");
  1621. if (!card.canAssist)
  1622. {
  1623. btnDone.classList.add("cant-assist");
  1624. btnDone.disabled = true;
  1625. }else
  1626. {
  1627. btnDone.classList.remove("cant-assist");
  1628. btnDone.disabled = false;
  1629. }
  1630. }
  1631. editBox.latent.length = 0;
  1632. editBox.refreshLatent(editBox.latent,id);
  1633. editBox.reCalculateAbility();
  1634. }
  1635. //搜索并显示合作
  1636. function searchColla(collabId)
  1637. {
  1638. if (typeof(collabId) == "string") collabId = parseInt(collabId,10);
  1639. showSearch(Cards.filter(card=>{return card.collabId == collabId;}));
  1640. }
  1641. //刷新整个队伍
  1642. function refreshAll(formationData){
  1643. let fragment = document.createDocumentFragment(); //创建节点用的临时空间
  1644. const titleBox = fragment.appendChild(formationBox.querySelector(".title-box"));
  1645. const detailBox = formationBox.querySelector(".detail-box");
  1646. const formationTotalInfoDom = formationBox.querySelector(".formation-total-info"); //所有队伍能力值合计
  1647. const formationAwokenDom = formationBox.querySelector(".formation-awoken"); //所有队伍觉醒合计
  1648. while(formationBox.childNodes.length>0)
  1649. {
  1650. fragment.appendChild(formationBox.childNodes[0]);
  1651. }
  1652. const txtTitle = titleBox.querySelector(".title");
  1653. const txtDetail = detailBox.querySelector(".detail");
  1654. txtTitle.value = formationData.title || "";
  1655. txtDetail.value = formationData.detail || "";
  1656. teamBigBoxs.forEach((teamBigBox,teamNum)=>{
  1657. const teamBox = teamBigBox.querySelector(".team-box");
  1658. const teamData = formationData.teams[teamNum];
  1659. const badgeBox = teamBigBox.querySelector(".team-badge");
  1660. if (badgeBox)
  1661. {
  1662. const badge = badgeBox.querySelector(`#team-${teamNum}-badge-${formationData.badge}`);
  1663. badge.checked = true;
  1664. }
  1665. const membersDom = teamBox.querySelector(".team-members");
  1666. const latentsDom = teamBox.querySelector(".team-latents");
  1667. const assistsDom = teamBox.querySelector(".team-assist");
  1668. const teamAbilityDom = teamBigBox.querySelector(".team-ability");
  1669. for (let ti=0,ti_len=membersDom.querySelectorAll(".member").length;ti<ti_len;ti++)
  1670. {
  1671. const member = membersDom.querySelector(`.member-${ti+1} .monster`);
  1672. const latent = latentsDom.querySelector(`.latents-${ti+1} .latent-ul`);
  1673. const assist = assistsDom.querySelector(`.member-${ti+1} .monster`);
  1674. changeid(teamData[0][ti],member,latent); //队员
  1675. changeid(teamData[1][ti],assist); //辅助
  1676. refreshMemberSkillCD(teamBox,teamData,ti); //技能CD
  1677. refreshAbility(teamAbilityDom, teamData, ti); //本人能力值
  1678. }
  1679. const teamTotalInfoDom = teamBigBox.querySelector(".team-total-info"); //队伍能力值合计
  1680. if (teamTotalInfoDom) refreshTeamTotalHP(teamTotalInfoDom, teamData);
  1681. const teamAwokenDom = teamBigBox.querySelector(".team-awoken"); //队伍觉醒合计
  1682. if (teamAwokenDom) refreshTeamAwokenCount(teamAwokenDom, teamData);
  1683. });
  1684. if (formationTotalInfoDom) refreshFormationTotalHP(formationTotalInfoDom, formation.teams);
  1685. if (formationAwokenDom) refreshFormationAwokenCount(formationAwokenDom, formation.teams);
  1686. formationBox.appendChild(fragment);
  1687. txtDetail.onblur(); //这个需要放在显示出来后再改才能生效
  1688. }
  1689. //刷新队伍觉醒统计
  1690. function refreshTeamAwokenCount(awokenDom,team){
  1691. let fragment = document.createDocumentFragment(); //创建节点用的临时空间
  1692. const awokenUL = fragment.appendChild(awokenDom.querySelector(".awoken-ul"));
  1693. function setCount(aicon,number){
  1694. if (!aicon) return; //没有这个觉醒就撤回
  1695. const ali = aicon.parentNode;
  1696. const countDom = ali.querySelector(".count");
  1697. countDom.innerHTML = number;
  1698. if (number)
  1699. ali.classList.remove("display-none");
  1700. else
  1701. ali.classList.add("display-none");
  1702. }
  1703. const bigAwoken = [52,53,56,68,69,70]; //等于几个小觉醒的大觉醒
  1704. for (var ai=1;ai<=72;ai++)
  1705. {
  1706. const aicon = awokenUL.querySelector(".awoken-" + ai);
  1707. if (!aicon) continue;
  1708. if (ai == 10) //防封
  1709. {
  1710. setCount(aicon,awokenCountInTeam(team,ai,solo)+awokenCountInTeam(team,52,solo)*2);
  1711. }else if (ai == 11) //防暗
  1712. {
  1713. setCount(aicon,awokenCountInTeam(team,ai,solo)+awokenCountInTeam(team,68,solo)*5);
  1714. }else if (ai == 12) //防废
  1715. {
  1716. setCount(aicon,awokenCountInTeam(team,ai,solo)+awokenCountInTeam(team,69,solo)*5);
  1717. }else if (ai == 13) //防毒
  1718. {
  1719. setCount(aicon,awokenCountInTeam(team,ai,solo)+awokenCountInTeam(team,70,solo)*5);
  1720. }else if (ai == 19) //手指
  1721. {
  1722. setCount(aicon,awokenCountInTeam(team,ai,solo)+awokenCountInTeam(team,53,solo)*2);
  1723. }else if (ai == 21) //SB
  1724. {
  1725. setCount(aicon,awokenCountInTeam(team,ai,solo)+awokenCountInTeam(team,56,solo)*2);
  1726. }else if (bigAwoken.indexOf(ai)>=0) //属于大觉醒
  1727. {
  1728. continue;
  1729. }else
  1730. {
  1731. setCount(aicon,awokenCountInTeam(team,ai,solo));
  1732. }
  1733. }
  1734. awokenDom.appendChild(fragment);
  1735. }
  1736. //刷新几个队伍觉醒统计
  1737. function refreshFormationAwokenCount(awokenDom,teams){
  1738. let fragment = document.createDocumentFragment(); //创建节点用的临时空间
  1739. const awokenUL = fragment.appendChild(awokenDom.querySelector(".awoken-ul"));
  1740. function setCount(aicon,number){
  1741. if (!aicon) return; //没有这个觉醒就撤回
  1742. const ali = aicon.parentNode;
  1743. const countDom = ali.querySelector(".count");
  1744. countDom.innerHTML = number;
  1745. if (number)
  1746. ali.classList.remove("display-none");
  1747. else
  1748. ali.classList.add("display-none");
  1749. }
  1750. const bigAwoken = [52,53,56,68,69,70]; //等于几个小觉醒的大觉醒
  1751. for (var ai=1;ai<=72;ai++)
  1752. {
  1753. const aicon = awokenUL.querySelector(".awoken-" + ai);
  1754. if (!aicon) continue;
  1755. if (ai == 10) //防封
  1756. {
  1757. setCount(aicon,awokenCountInFormation(teams,ai,solo)+awokenCountInFormation(teams,52,solo)*2);
  1758. }else if (ai == 11) //防暗
  1759. {
  1760. setCount(aicon,awokenCountInFormation(teams,ai,solo)+awokenCountInFormation(teams,68,solo)*5);
  1761. }else if (ai == 12) //防废
  1762. {
  1763. setCount(aicon,awokenCountInFormation(teams,ai,solo)+awokenCountInFormation(teams,69,solo)*5);
  1764. }else if (ai == 13) //防毒
  1765. {
  1766. setCount(aicon,awokenCountInFormation(teams,ai,solo)+awokenCountInFormation(teams,70,solo)*5);
  1767. }else if (ai == 19) //手指
  1768. {
  1769. setCount(aicon,awokenCountInFormation(teams,ai,solo)+awokenCountInFormation(teams,53,solo)*2);
  1770. }else if (ai == 21) //SB
  1771. {
  1772. setCount(aicon,awokenCountInFormation(teams,ai,solo)+awokenCountInFormation(teams,56,solo)*2);
  1773. }else if (bigAwoken.indexOf(ai)>=0) //属于大觉醒
  1774. {
  1775. continue;
  1776. }else
  1777. {
  1778. setCount(aicon,awokenCountInFormation(teams,ai,solo));
  1779. }
  1780. }
  1781. awokenDom.appendChild(fragment);
  1782. }
  1783. //刷新能力值
  1784. function refreshAbility(abilityDom,team,idx){
  1785. const memberData = team[0][idx];
  1786. const assistData = team[1][idx];
  1787. const bonusScale = [0.1,0.05,0.15]; //辅助宠物附加的属性倍率
  1788. //基底三维,如果辅助是武器,还要加上辅助的觉醒
  1789. const mainAbility = calculateAbility(memberData, assistData, solo);
  1790. if (mainAbility && memberData.ability)
  1791. {
  1792. for (let ai=0;ai<3;ai++)
  1793. {
  1794. memberData.ability[ai] = mainAbility[ai];
  1795. }
  1796. }
  1797. if (!abilityDom) return; //如果没有dom,直接跳过
  1798. const abilityLi = abilityDom.querySelector(".abilitys-" + (idx+1));
  1799. const hpDom = abilityLi.querySelector(".hp");
  1800. const atkDom = abilityLi.querySelector(".atk");
  1801. const rcvDom = abilityLi.querySelector(".rcv");
  1802. [hpDom,atkDom,rcvDom].forEach(function(div,ai){
  1803. if (mainAbility)
  1804. {
  1805. div.classList.remove("display-none");
  1806. div.innerHTML = memberData.ability[ai];
  1807. }else
  1808. {
  1809. div.classList.add("display-none");
  1810. div.innerHTML = 0;
  1811. }
  1812. });
  1813. }
  1814. //刷新队伍能力值合计
  1815. function refreshTeamTotalHP(totalDom,team){
  1816. //计算总的生命值
  1817. if (!totalDom) return;
  1818. const tHpDom = totalDom.querySelector(".tIf-total-hp");
  1819. const tRcvDom = totalDom.querySelector(".tIf-total-rcv");
  1820. const tHP = team[0].reduce(function(value,mon){ //队伍计算的总HP
  1821. return value += mon.ability ? mon.ability[0] : 0;
  1822. },0);
  1823. const teamHPAwoken = awokenCountInTeam(team,46,solo); //全队大血包个数
  1824. let badgeHPScale = 1; //徽章倍率
  1825. if (formation.badge == 4 && solo)
  1826. {
  1827. badgeHPScale = 1.05;
  1828. }else if (formation.badge == 11 && solo)
  1829. {
  1830. badgeHPScale = 1.15;
  1831. }
  1832. const tRCV = team[0].reduce(function(value,mon){ //队伍计算的总回复
  1833. return value += mon.ability ? mon.ability[2] : 0;
  1834. },0);
  1835. const teamRCVAwoken = awokenCountInTeam(team,47,solo); //全队大回复个数
  1836. let badgeRCVScale = 1; //徽章倍率
  1837. if (formation.badge == 3 && solo)
  1838. {
  1839. badgeRCVScale = 1.25;
  1840. }else if (formation.badge == 10 && solo)
  1841. {
  1842. badgeRCVScale = 1.35;
  1843. }
  1844. if (tHpDom)
  1845. {
  1846. tHpDom.innerHTML = tHP.toString() +
  1847. (teamHPAwoken>0||badgeHPScale!=1 ?
  1848. ("("+Math.round(tHP * (1 + 0.05 * teamHPAwoken)*badgeHPScale).toString()+")") :
  1849. "");
  1850. }
  1851. if (tRcvDom)
  1852. {
  1853. tRcvDom.innerHTML = tRCV.toString() +
  1854. (teamRCVAwoken>0||badgeRCVScale!=1 ?
  1855. ("("+Math.round(tRCV * (1 + 0.10 * teamRCVAwoken)*badgeRCVScale).toString()+")") :
  1856. "");
  1857. }
  1858. }
  1859. //刷新所有队伍能力值合计
  1860. function refreshFormationTotalHP(totalDom, teams){
  1861. //计算总的生命值
  1862. if (!totalDom) return;
  1863. const tHpDom = totalDom.querySelector(".tIf-total-hp");
  1864. const tRcvDom = totalDom.querySelector(".tIf-total-rcv");
  1865. const tHPArr = teams.map(function(team){
  1866. const teamTHP = team[0].reduce(function(value,mon){ //队伍计算的总HP
  1867. return value += mon.ability ? mon.ability[0] : 0;
  1868. },0);
  1869. const teamHPAwoken = awokenCountInTeam(team,46,solo); //全队大血包个数
  1870. return [teamTHP,teamHPAwoken];
  1871. });
  1872. const tHP = tHPArr.reduce(function(value, teamHP){
  1873. return [value[0] + teamHP[0], value[1] + Math.round(teamHP[0] * (1 + 0.05 * teamHP[1]))];
  1874. },[0,0]);
  1875. const tRCVArr = teams.map(function(team){
  1876. const teamTRCV = team[0].reduce(function(value,mon){ //队伍计算的总回复
  1877. return value += mon.ability ? mon.ability[2] : 0;
  1878. },0);
  1879. const teamRCVAwoken = awokenCountInTeam(team,47,solo); //全队大回复个数
  1880. return [teamTRCV,teamRCVAwoken];
  1881. },0);
  1882. const tRCV = tRCVArr.reduce(function(value, teamRCV){
  1883. return [value[0] + teamRCV[0], value[1] + Math.round(teamRCV[0] * (1 + 0.10 * teamRCV[1]))];
  1884. },[0,0]);
  1885. if (tHpDom)
  1886. {
  1887. tHpDom.innerHTML = tHP[0].toString() +
  1888. (tHP[0] != tHP[1] ? `(${tHP[1]})` : "");
  1889. }
  1890. if (tRcvDom)
  1891. {
  1892. tRcvDom.innerHTML = tRCV[0].toString() +
  1893. (tRCV[0] != tRCV[1] ? `(${tRCV[1]})` : "");
  1894. }
  1895. }
  1896. //刷新单人技能CD
  1897. function refreshMemberSkillCD(teamDom,team,idx){
  1898. const memberMonDom = teamDom.querySelector(`.team-members .member-${idx+1} .monster`);
  1899. const assistMonDom = teamDom.querySelector(`.team-assist .member-${idx+1} .monster`);
  1900. const member = team[0][idx];
  1901. const assist = team[1][idx];
  1902. const memberCard = Cards[member.id] || Cards[0];
  1903. const memberSkill = Skills[memberCard.activeSkillId];
  1904. const assistCard = Cards[assist.id] || Cards[0];
  1905. const assistSkill = Skills[assistCard.activeSkillId];
  1906. const memberSkillCdDom = memberMonDom.querySelector(".skill");
  1907. const assistSkillCdDom = assistMonDom.querySelector(".skill");
  1908. const memberSkillCd = memberSkill ? (memberSkill.initialCooldown - (member.skilllevel||memberSkill.maxLevel) + 1) : 0;
  1909. const assistSkillCd = assistSkill ? (assistSkill.initialCooldown - (assist.skilllevel||assistSkill.maxLevel) + 1) : 0;
  1910. memberSkillCdDom.innerHTML = memberSkillCd;
  1911. assistSkillCdDom.innerHTML = memberSkillCd + assistSkillCd;
  1912. if (member.skilllevel && member.skilllevel < memberSkill.maxLevel)
  1913. {
  1914. memberSkillCdDom.classList.remove("max-skill");
  1915. assistSkillCdDom.classList.remove("max-skill");
  1916. }else if (assist.skilllevel && assist.skilllevel < assistSkill.maxLevel){
  1917. memberSkillCdDom.classList.add("max-skill");
  1918. assistSkillCdDom.classList.remove("max-skill");
  1919. }else
  1920. {
  1921. memberSkillCdDom.classList.add("max-skill");
  1922. assistSkillCdDom.classList.add("max-skill");
  1923. }
  1924. }

智龙迷城队伍图制作工具