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

智龙迷城队伍图制作工具