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

智龙迷城队伍图制作工具