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
6 years ago
6 years ago
7 years ago
7 years ago
7 years ago
6 years ago
6 years ago
6 years ago
6 years ago
7 years ago
7 years ago
7 years ago
7 years ago
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
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
1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276127712781279128012811282128312841285128612871288128912901291129212931294129512961297129812991300130113021303130413051306130713081309131013111312131313141315131613171318131913201321132213231324132513261327132813291330133113321333133413351336133713381339134013411342134313441345134613471348134913501351135213531354135513561357135813591360136113621363136413651366136713681369137013711372137313741375137613771378137913801381138213831384138513861387138813891390139113921393139413951396139713981399140014011402140314041405140614071408140914101411141214131414141514161417141814191420142114221423142414251426142714281429143014311432143314341435143614371438143914401441144214431444144514461447144814491450145114521453145414551456145714581459146014611462146314641465146614671468146914701471147214731474147514761477147814791480148114821483148414851486148714881489149014911492149314941495149614971498149915001501150215031504150515061507150815091510151115121513151415151516151715181519152015211522152315241525152615271528152915301531153215331534153515361537153815391540154115421543154415451546154715481549155015511552155315541555155615571558155915601561156215631564156515661567156815691570157115721573157415751576157715781579158015811582158315841585158615871588158915901591159215931594159515961597159815991600160116021603160416051606160716081609161016111612161316141615161616171618161916201621162216231624162516261627162816291630163116321633163416351636163716381639164016411642164316441645164616471648164916501651165216531654165516561657165816591660166116621663166416651666166716681669167016711672167316741675167616771678167916801681168216831684168516861687168816891690169116921693169416951696169716981699170017011702170317041705170617071708170917101711171217131714171517161717171817191720172117221723172417251726172717281729173017311732173317341735173617371738173917401741174217431744174517461747174817491750175117521753175417551756175717581759176017611762176317641765176617671768176917701771177217731774177517761777177817791780178117821783178417851786178717881789179017911792179317941795179617971798179918001801180218031804180518061807180818091810181118121813181418151816181718181819182018211822182318241825182618271828182918301831183218331834183518361837183818391840184118421843184418451846184718481849185018511852185318541855185618571858185918601861186218631864186518661867186818691870187118721873187418751876187718781879188018811882188318841885188618871888188918901891189218931894189518961897189818991900190119021903190419051906190719081909191019111912191319141915191619171918191919201921192219231924192519261927192819291930193119321933193419351936193719381939194019411942194319441945194619471948194919501951195219531954195519561957195819591960196119621963196419651966196719681969197019711972197319741975197619771978197919801981198219831984198519861987198819891990
  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 teamBoxs; //储存全部teamBox
  25. var allMembers = []; //储存所有成员,包含辅助
  26. var editBox; //储存整个editBox
  27. var showSearch; //整个程序都可以用的显示搜索函数
  28. //队员基本的留空
  29. var Member = function(){
  30. this.id=0;
  31. };
  32. Member.prototype.outObj = function(){
  33. const m = this;
  34. let obj = [m.id];
  35. if (m.level != undefined) obj[1] = m.level;
  36. if (m.awoken != undefined) obj[2] = m.awoken;
  37. if (m.plus != undefined && m.plus instanceof Array && m.plus.length>=3 && (m.plus[0]+m.plus[1]+m.plus[2])!==0)
  38. {
  39. if (m.plus[0] === m.plus[1] && m.plus[0] === m.plus[2])
  40. { //当3个加值一样时只生成第一个减少长度
  41. obj[3] = m.plus[0];
  42. }else
  43. {
  44. obj[3] = m.plus;
  45. }
  46. }
  47. if (m.latent != undefined && m.latent instanceof Array && m.latent.length>=1) obj[4] = m.latent;
  48. if (m.sawoken != undefined && m.sawoken>=0) obj[5] = m.sawoken;
  49. const card = Cards[m.id] || Cards[0]; //怪物固定数据
  50. const skill = Skills[card.activeSkillId];
  51. //有技能等级,并且技能等级低于最大等级时才记录技能
  52. if (m.skilllevel != undefined && m.skilllevel < skill.maxLevel) obj[6] = m.skilllevel;
  53. return obj;
  54. };
  55. Member.prototype.loadObj = function(m,dataVersion){
  56. if (m == undefined) //如果没有提供数据,直接返回默认
  57. {
  58. return;
  59. }
  60. if (dataVersion == undefined) dataVersion = 1;
  61. this.id = dataVersion>1 ? m[0] : m.id;
  62. this.level = dataVersion>1 ? m[1] : m.level;
  63. this.awoken = dataVersion>1 ? m[2] : m.awoken;
  64. if (dataVersion>1)
  65. {
  66. if (isNaN(m[3]) || m[3]==null)
  67. {
  68. this.plus = m[3];
  69. }else
  70. {
  71. const singlePlus = parseInt(m[3],10);//如果只有一个数字时,复制3份
  72. this.plus = [singlePlus,singlePlus,singlePlus];
  73. }
  74. }else
  75. {
  76. this.plus = m.plus;
  77. }
  78. if (!(this.plus instanceof Array)) this.plus = [0,0,0]; //如果加值不是数组,则改变
  79. this.latent = dataVersion>1 ? m[4] : m.latent;
  80. if (!(this.latent instanceof Array)) this.latent = []; //如果潜觉不是数组,则改变
  81. this.sawoken = dataVersion>1 ? m[5] : m.sawoken;
  82. if (m[6] != undefined) this.skilllevel = m[6];
  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.team = [];
  135. this.badge = 0;
  136. for (var ti=0;ti<teamCount;ti++)
  137. {
  138. var team = [[],[]];
  139. for (var mi=0;mi<memberCount;mi++)
  140. {
  141. team[0].push(new MemberTeam());
  142. team[1].push(new MemberAssist());
  143. }
  144. this.team.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.team.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. var 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. var teamArr = dataVeision>1 ? f.f : f.team;
  167. this.team.forEach(function(t,ti){
  168. var tf = teamArr[ti] || [];
  169. t.forEach(function(st,sti){
  170. var fst = tf[sti] || [];
  171. st.forEach(function(m,mi){
  172. var 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.team.length>0)
  208. {
  209. formation.team[0][0].splice(4, 0, formation.team[0][0].splice(0,1)[0]); //第1个数组基底删掉0并移动到4
  210. formation.team[0][1].splice(4, 0, formation.team[0][1].splice(0,1)[0]); //第1个数组辅助删掉0并移动到4
  211. formation.team[1][0].splice(0, 0, formation.team[1][0].splice(4,1)[0]); //第2个数组基底删掉4并移动到0
  212. formation.team[1][1].splice(0, 0, formation.team[1][1].splice(4,1)[0]); //第2个数组辅助删掉4并移动到0
  213. formation.team.splice(0,0,formation.team.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.team[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.team[1][0].push(formation.team[0][0].splice(5,1)[0]);
  230. formation.team[1][1].push(formation.team[0][1].splice(5,1)[0]);
  231. formation.badge = 0;
  232. }else
  233. {
  234. //把第二支队五的队长添加到最后方
  235. formation.team[0][0].push(formation.team[1][0][4]);
  236. formation.team[0][1].push(formation.team[1][1][4]);
  237. //删掉第二支队伍
  238. formation.team.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. var parameter_data = getQueryString("d") || getQueryString("data");
  372. if (parameter_data)
  373. {
  374. formationData = JSON.parse(parameter_data);
  375. }
  376. }catch(e)
  377. {
  378. console.log("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. teamBoxs = teamBigBoxs.map(tbb=>{return tbb.querySelector(".team-box");});
  444. //将所有怪物头像添加到全局数组
  445. teamBoxs.forEach(tb=>{
  446. const menbers = Array.prototype.slice.call(tb.querySelectorAll(".team-members .monster"));
  447. const assist = Array.prototype.slice.call(tb.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.team[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 abilitys = calculateAbility(monid,level,plus,awoken,latent) || [0,0,0];
  890. monEditHpValue.innerHTML = abilitys[0];
  891. monEditAtkValue.innerHTML = abilitys[1];
  892. monEditRcvValue.innerHTML = abilitys[2];
  893. };
  894. editBox.reCalculateAbility = reCalculateAbility;
  895. const btnCancel = editBox.querySelector(".button-cancel");
  896. const btnDone = editBox.querySelector(".button-done");
  897. const btnNull = editBox.querySelector(".button-null");
  898. const btnDelay = editBox.querySelector(".button-delay");
  899. btnCancel.onclick = function(){
  900. btnDone.classList.remove("cant-assist");
  901. btnDone.disabled = false;
  902. editBox.memberIdx = [];
  903. editBox.hide();
  904. };
  905. btnDone.onclick = function(){
  906. if (parseInt(monEditLv.value,10) == 0)
  907. {
  908. btnNull.onclick();
  909. return;
  910. }
  911. let mon = editBox.isAssist?new MemberAssist():new MemberTeam();
  912. const thisTeamData = formation.team[editBox.memberIdx[0]];
  913. thisTeamData[editBox.memberIdx[1]][editBox.memberIdx[2]] = mon;
  914. mon.id = parseInt(monstersID.value,10);
  915. const card = Cards[mon.id] || Cards[0];
  916. const skill = Skills[card.activeSkillId];
  917. mon.level = parseInt(monEditLv.value,10);
  918. mon.awoken = editBox.awokenCount;
  919. if (card.superAwakenings.length) //如果支持超觉醒
  920. {
  921. mon.sawoken = -1;
  922. for (var sai = 0;sai<monEditSAwokens.length;sai++)
  923. {
  924. if (
  925. !monEditSAwokens[sai].classList.contains("unselected-awoken") &&
  926. !monEditSAwokens[sai].classList.contains("display-none")
  927. )
  928. {
  929. mon.sawoken = sai;
  930. break;
  931. }
  932. }
  933. }
  934. if (card.types.some(t=>{return t == 0 || t == 12 || t == 14 || t == 15;}) &&
  935. (!card.overlay || mon.level>= card.maxLevel))
  936. { //当4种特殊type的时候是无法297和打觉醒的,但是不能叠加的在未满级时可以
  937. mon.plus = [0,0,0];
  938. }else
  939. {
  940. mon.plus[0] = parseInt(monEditAddHp.value) || 0;
  941. mon.plus[1] = parseInt(monEditAddAtk.value) || 0;
  942. mon.plus[2] = parseInt(monEditAddRcv.value) || 0;
  943. if (!editBox.isAssist)
  944. { //如果不是辅助,则可以设定潜觉
  945. mon.latent = editBox.latent.concat();
  946. }
  947. }
  948. const skillLevelNum = parseInt(skillLevel.value,10);
  949. if (skillLevelNum < skill.maxLevel)
  950. {
  951. mon.skilllevel = skillLevelNum;
  952. }
  953. changeid(mon,editBox.monsterHead,editBox.memberIdx[1] ? null : editBox.latentBox);
  954. const thisTeamData = formation.team[editBox.memberIdx[0]];
  955. const thisTeamBBDom = teamBigBoxs[editBox.memberIdx[0]];
  956. const teamAbilityDom = thisTeamBBDom.querySelector(".team-ability");
  957. if (teamAbilityDom)
  958. {
  959. refreshAbility(
  960. teamAbilityDom,
  961. formation.team[editBox.memberIdx[0]],
  962. editBox.memberIdx[2]);
  963. const teamTotalInfoDom = thisTeamBBDom.querySelector(".team-total-info");
  964. if (teamTotalInfoDom) refreshTeamTotalHP(teamTotalInfoDom,thisTeamData);
  965. formation-total-info
  966. refreshTeamTotalHP(formation.team[editBox.memberIdx[0]]);
  967. }
  968. refreshAwokenCount(formation.team);
  969. //刷新改队员的CD
  970. const teamDom = document.querySelector(".formation-box .formation-" + (editBox.memberIdx[0]?"B":"A") + "-box");
  971. refreshMemberSkillCD(teamDom,formation.team[editBox.memberIdx[0]],editBox.memberIdx[2]);
  972. creatNewUrl();
  973. editBox.hide();
  974. };
  975. window.onkeydown = function(e){
  976. if (!editBox.classList.contains("display-none"))
  977. {
  978. if (e.keyCode == 27)
  979. { //按下ESC时,自动关闭编辑窗
  980. btnCancel.onclick();
  981. }
  982. }
  983. };
  984. btnNull.onclick = function(){
  985. var mD = formation.team[editBox.memberIdx[0]][editBox.memberIdx[1]][editBox.memberIdx[2]] = new Member();
  986. changeid(mD,editBox.monsterHead,editBox.latentBox);
  987. var formationAbilityDom = document.querySelector(".formation-box .formation-ability");
  988. if (formationAbilityDom)
  989. {
  990. refreshAbility(
  991. formationAbilityDom,
  992. formation.team[editBox.memberIdx[0]],
  993. editBox.memberIdx[2]);
  994. refreshTotalHP(formation.team[editBox.memberIdx[0]]);
  995. }
  996. refreshAwokenCount(formation.team);
  997. creatNewUrl();
  998. editBox.hide();
  999. };
  1000. btnDelay.onclick = function(){ //应对威吓
  1001. var mD = formation.team[editBox.memberIdx[0]][editBox.memberIdx[1]][editBox.memberIdx[2]] = new MemberDelay();
  1002. changeid(mD,editBox.monsterHead,editBox.latentBox);
  1003. var formationAbilityDom = document.querySelector(".formation-box .formation-ability");
  1004. if (formationAbilityDom)
  1005. {
  1006. refreshAbility(
  1007. formationAbilityDom,
  1008. formation.team[editBox.memberIdx[0]],
  1009. editBox.memberIdx[2]);
  1010. refreshTotalHP(formation.team[editBox.memberIdx[0]]);
  1011. }
  1012. refreshAwokenCount(formation.team);
  1013. creatNewUrl();
  1014. editBox.hide();
  1015. };
  1016. //语言选择
  1017. const langList = controlBox.querySelector(".languages");
  1018. langList.onchange = function(){
  1019. creatNewUrl({"language":this.value});
  1020. history.go();
  1021. };
  1022. //数据源选择
  1023. const dataList = controlBox.querySelector(".datasource");
  1024. dataList.onchange = function(){
  1025. creatNewUrl({datasource:this.value});
  1026. history.go();
  1027. };
  1028. /*添对应语言执行的JS*/
  1029. const languageJS = document.head.appendChild(document.createElement("script"));
  1030. languageJS.id = "language-js";
  1031. languageJS.type = "text/javascript";
  1032. languageJS.src = "languages/"+currentLanguage.i18n+".js";
  1033. }
  1034. //编辑界面点击每个怪物的头像的处理
  1035. function clickMonHead(e)
  1036. {
  1037. let team = parseInt(this.getAttribute("data-team"),10);
  1038. let assist = parseInt(this.getAttribute("data-assist"),10);
  1039. let index = parseInt(this.getAttribute("data-index"),10);
  1040. console.log(team,assist,index)
  1041. editMon(team,assist,index);
  1042. return false; //没有false将会打开链接
  1043. }
  1044. //编辑界面每个怪物的头像的拖动
  1045. function dragStartMonHead(e)
  1046. {
  1047. let team = parseInt(this.getAttribute("data-team"),10);
  1048. let assist = parseInt(this.getAttribute("data-assist"),10);
  1049. let index = parseInt(this.getAttribute("data-index"),10);
  1050. e.dataTransfer.setData('from',[team,assist,index].join(","));
  1051. }
  1052. //编辑界面每个怪物的头像的经过,阻止事件发生
  1053. function dropOverMonHead(e)
  1054. {
  1055. e.preventDefault();
  1056. }
  1057. //从怪物头像获取队员的队伍编号
  1058. function getMemberArrayIndexFromMonHead(headDom)
  1059. {
  1060. return [
  1061. parseInt(headDom.getAttribute("data-team"),10),
  1062. parseInt(headDom.getAttribute("data-assist"),10),
  1063. parseInt(headDom.getAttribute("data-index"),10),
  1064. ];
  1065. }
  1066. //编辑界面每个怪物的头像的放下
  1067. function dropMonHead(e)
  1068. {
  1069. const dataFrom = e.dataTransfer.getData('from').split(",").map((i)=>{return parseInt(i,10);});
  1070. const dataTo = getMemberArrayIndexFromMonHead(this);
  1071. if ((dataTo[0] != dataFrom[0]) ||
  1072. (dataTo[1] != dataFrom[1]) ||
  1073. (dataTo[2] != dataFrom[2]))
  1074. { //必须有所不同才继续交换
  1075. interchangeCard(dataFrom,dataTo);
  1076. }
  1077. return false; //没有false将会打开链接
  1078. }
  1079. //移动端编辑界面每个怪物的头像的放下
  1080. function touchstartMonHead(e)
  1081. {
  1082. e.stopPropagation();
  1083. //console.log("开始触摸",e,this);
  1084. const tc = e.changedTouches[0];
  1085. interchangeSVG.style.display = "none";
  1086. interchangePath.setAttribute("x1",tc.pageX);
  1087. interchangePath.setAttribute("y1",tc.pageY);
  1088. interchangePath.setAttribute("x2",tc.pageX);
  1089. interchangePath.setAttribute("y2",tc.pageY);
  1090. }
  1091. //移动端编辑界面每个怪物的头像的移动
  1092. function touchmoveMonHead(e)
  1093. {
  1094. //console.log("移动中",e,this);
  1095. const tc = e.changedTouches[0];
  1096. const pX = tc.pageX, pY = tc.pageY;
  1097. const rect = this.getBoundingClientRect();
  1098. const top = rect.top + document.documentElement.scrollTop;
  1099. const left = rect.left + document.documentElement.scrollLeft;
  1100. if ((pY < top) || (pY > (top + rect.height)) ||
  1101. (pX < left) || (pX > (left + rect.width)))
  1102. {
  1103. interchangeSVG.style.display = "block";
  1104. interchangePath.setAttribute("x2",tc.pageX);
  1105. interchangePath.setAttribute("y2",tc.pageY);
  1106. }else
  1107. {
  1108. interchangeSVG.style.display = "none";
  1109. }
  1110. }
  1111. //移动端编辑界面每个怪物的头像的结束
  1112. function touchendMonHead(e)
  1113. {
  1114. const tc = e.changedTouches[0];
  1115. const pX = tc.pageX, pY = tc.pageY;
  1116. //console.log("移动结束",pX,pY,e,this);
  1117. interchangeSVG.style.display = "none";
  1118. interchangePath.setAttribute("x2",pX);
  1119. interchangePath.setAttribute("y2",tc.pageY);
  1120. let targets = allMembers.filter(m=>{
  1121. const rect = m.getBoundingClientRect();
  1122. const top = rect.top + document.documentElement.scrollTop;
  1123. const left = rect.left + document.documentElement.scrollLeft;
  1124. const inRect = (pY > top) && (pY < (top + rect.height)) &&
  1125. (pX > left) && (pX < (left + rect.width));
  1126. return inRect;
  1127. });
  1128. const target = targets.length?targets[0]:null;
  1129. if (this != target)
  1130. {
  1131. //console.log("找到的对象",targets[0]);
  1132. let dataFrom = getMemberArrayIndexFromMonHead(this);
  1133. let dataTo = getMemberArrayIndexFromMonHead(target);
  1134. if ((dataTo[0] != dataFrom[0]) ||
  1135. (dataTo[1] != dataFrom[1]) ||
  1136. (dataTo[2] != dataFrom[2]))
  1137. { //必须有所不同才继续交换
  1138. interchangeCard(dataFrom,dataTo);
  1139. }
  1140. }
  1141. }
  1142. //移动端编辑界面每个怪物的头像的取消
  1143. function touchcancelMonHead(e)
  1144. {
  1145. interchangeSVG.style.display = "none";
  1146. console.log("移动取消",e,this);
  1147. }
  1148. function interchangeCard(formArr,toArr)
  1149. {
  1150. function changeType(member,isAssist)
  1151. {
  1152. if (member.id == 0 || (isAssist && member.id == -1))
  1153. {
  1154. return new Member();
  1155. }else
  1156. {
  1157. let newMember = isAssist ? new MemberTeam() : new MemberAssist();
  1158. newMember.loadFromMember(member);
  1159. return newMember;
  1160. }
  1161. }
  1162. let from = formation.team[formArr[0]][formArr[1]][formArr[2]];
  1163. let to = formation.team[toArr[0]][toArr[1]][toArr[2]];
  1164. if(formArr[1] != toArr[1]) //从武器拖到非武器才改变类型
  1165. {
  1166. from = changeType(from,formArr[1]);
  1167. to = changeType(to,toArr[1]);
  1168. }
  1169. formation.team[toArr[0]][toArr[1]][toArr[2]] = from;
  1170. formation.team[formArr[0]][formArr[1]][formArr[2]] = to;
  1171. creatNewUrl(); //刷新URL
  1172. refreshAll(formation); //刷新全部
  1173. }
  1174. //改变一个怪物头像
  1175. function changeid(mon,monDom,latentDom)
  1176. {
  1177. let fragment = document.createDocumentFragment(); //创建节点用的临时空间
  1178. const parentNode = monDom.parentNode;
  1179. fragment.appendChild(monDom);
  1180. const monId = mon.id;
  1181. const card = Cards[monId] || Cards[0]; //怪物固定数据
  1182. monDom.setAttribute("data-cardid", monId); //设定新的id
  1183. if (monId<0) //如果是延迟
  1184. {
  1185. parentNode.classList.add("delay");
  1186. parentNode.classList.remove("null");
  1187. parentNode.appendChild(fragment);
  1188. if (latentDom) latentDom.classList.add("display-none");
  1189. return;
  1190. }else if (monId==0) //如果是空
  1191. {
  1192. parentNode.classList.add("null");
  1193. parentNode.classList.remove("delay");
  1194. parentNode.appendChild(fragment);
  1195. if (latentDom) latentDom.classList.add("display-none");
  1196. return;
  1197. }else if (monId>-1) //如果提供了id
  1198. {
  1199. parentNode.classList.remove("null");
  1200. parentNode.classList.remove("delay");
  1201. monDom.className = "monster";
  1202. monDom.classList.add("pet-cards-" + Math.ceil(monId/100)); //添加图片编号
  1203. const idxInPage = (monId-1) % 100; //获取当前页面的总序号
  1204. monDom.classList.add("pet-cards-index-x-" + idxInPage % 10); //添加X方向序号
  1205. monDom.classList.add("pet-cards-index-y-" + parseInt(idxInPage / 10)); //添加Y方向序号
  1206. monDom.querySelector(".property").className = "property property-" + card.attrs[0]; //主属性
  1207. monDom.querySelector(".subproperty").className = "subproperty subproperty-" + card.attrs[1]; //副属性
  1208. monDom.title = "No." + monId + " " + (card.otLangName ? (card.otLangName[currentLanguage.searchlist[0]] || card.name) : card.name);
  1209. monDom.href = monId.toString().replace(/^(\d+)$/ig,currentLanguage.guideURL);
  1210. }
  1211. const levelDom = monDom.querySelector(".level");
  1212. if (levelDom) //如果提供了等级
  1213. {
  1214. const level = mon.level || 1;
  1215. levelDom.innerHTML = level;
  1216. if (level == card.maxLevel)
  1217. { //如果等级刚好等于最大等级,则修改为“最大”的字
  1218. levelDom.classList.add("max");
  1219. }else
  1220. {
  1221. levelDom.classList.remove("max");
  1222. }
  1223. if (card.limitBreakIncr && level >= card.maxLevel)
  1224. { //如果支持超觉,并且等级超过99,就添加支持超觉的蓝色
  1225. levelDom.classList.add("_110");
  1226. }else
  1227. {
  1228. levelDom.classList.remove("_110");
  1229. }
  1230. }
  1231. if (mon.awoken>-1) //如果提供了觉醒
  1232. {
  1233. const awokenIcon = monDom.querySelector(".awoken-count");
  1234. if (mon.awoken == 0 || card.awakenings.length < 1 || !awokenIcon) //没觉醒
  1235. {
  1236. awokenIcon.classList.add("display-none");
  1237. awokenIcon.innerHTML = "";
  1238. }else
  1239. {
  1240. awokenIcon.classList.remove("display-none");
  1241. awokenIcon.innerHTML = mon.awoken;
  1242. if (mon.awoken == card.awakenings.length)
  1243. {
  1244. awokenIcon.classList.add("full-awoken");
  1245. if (card.canAssist)
  1246. {//可以辅助的满觉醒打黄色星星
  1247. awokenIcon.classList.add("allowable-assist");
  1248. }else
  1249. {
  1250. awokenIcon.classList.remove("allowable-assist");
  1251. }
  1252. }else
  1253. {
  1254. awokenIcon.classList.remove("full-awoken");
  1255. awokenIcon.classList.remove("allowable-assist");
  1256. }
  1257. }
  1258. }
  1259. const sawoken = monDom.querySelector(".super-awoken");
  1260. if (sawoken) //如果存在超觉醒的DOM且提供了超觉醒
  1261. {
  1262. if (mon.sawoken !== undefined && mon.sawoken>=0 && card.superAwakenings.length)
  1263. {
  1264. const sawokenIcon = sawoken.querySelector(".awoken-icon");
  1265. sawoken.classList.remove("display-none");
  1266. sawokenIcon.className = "awoken-icon awoken-" + card.superAwakenings[mon.sawoken];
  1267. }else
  1268. {
  1269. sawoken.classList.add("display-none");
  1270. }
  1271. }
  1272. const m_id = monDom.querySelector(".id");
  1273. if (m_id) //怪物ID
  1274. {
  1275. m_id.innerHTML = monId;
  1276. }
  1277. const plusArr = mon.plus || [0,0,0];
  1278. const plusDom = monDom.querySelector(".plus");
  1279. if (plusArr && plusDom) //如果提供了加值,且怪物头像内有加值
  1280. {
  1281. plusDom.querySelector(".hp").innerHTML = plusArr[0];
  1282. plusDom.querySelector(".atk").innerHTML = plusArr[1];
  1283. plusDom.querySelector(".rcv").innerHTML = plusArr[2];
  1284. var plusCount = plusArr[0]+plusArr[1]+plusArr[2];
  1285. if (plusCount >= 297)
  1286. {
  1287. plusDom.classList.add("has297");
  1288. plusDom.classList.remove("zero");
  1289. }else if (plusCount <= 0)
  1290. {
  1291. plusDom.classList.add("zero");
  1292. plusDom.classList.remove("has297");
  1293. }else
  1294. {
  1295. plusDom.classList.remove("zero");
  1296. plusDom.classList.remove("has297");
  1297. }
  1298. }
  1299. if (latentDom)
  1300. {
  1301. let latentDoms = Array.prototype.slice.call(latentDom.querySelectorAll("li"));
  1302. if (mon.latent) //如果提供了潜觉
  1303. {
  1304. let latent = mon.latent.sort(function(a,b){
  1305. if(b>=12 && a<12) {return 1;} //如果大于12,就排到前面
  1306. else if(b<12 && a>=12) {return -1;} //如果小于12就排到后面
  1307. else {return 0;} //其他情况不变
  1308. });
  1309. if (latent.length < 1)
  1310. {
  1311. latentDom.classList.add("display-none");
  1312. }else
  1313. {
  1314. latentDom.classList.remove("display-none");
  1315. }
  1316. let usedHoleN = usedHole(latent); //使用的格子数
  1317. let maxLatentCount = getMaxLatentCount(mon.id); //最大潜觉数量
  1318. for (let ai=0;ai<latentDoms.length;ai++)
  1319. {
  1320. if (latent[ai])
  1321. {
  1322. latentDoms[ai].className = "latent-icon latent-icon-" + latent[ai];
  1323. }
  1324. else if(ai<(maxLatentCount-usedHoleN+latent.length))
  1325. {
  1326. latentDoms[ai].className = "latent-icon";
  1327. }
  1328. else
  1329. {
  1330. latentDoms[ai].className = "display-none";
  1331. }
  1332. }
  1333. }else
  1334. {
  1335. latentDom.classList.add("display-none");
  1336. }
  1337. }
  1338. const skillCdDom = monDom.querySelector(".skill");
  1339. if (skillCdDom) //如果存在技能CD DOM
  1340. {
  1341. //const skill = Skills[card.activeSkillId];
  1342. if (card.activeSkillId == 0)
  1343. {
  1344. skillCdDom.classList.add("display-none");
  1345. }else
  1346. {
  1347. skillCdDom.classList.remove("display-none");
  1348. }
  1349. }
  1350. parentNode.appendChild(fragment);
  1351. }
  1352. //点击怪物头像,出现编辑窗
  1353. function editMon(teamNum,isAssist,indexInTeam)
  1354. {
  1355. //数据
  1356. const mon = formation.team[teamNum][isAssist][indexInTeam];
  1357. const card = Cards[mon.id] || Cards[0];
  1358. //对应的Dom
  1359. const formationBox = document.querySelector(".formation-box .formation-"+(teamNum?"B":"A")+"-box");
  1360. //const teamBigBox =
  1361. const teamBox = teamBoxs[teamNum];
  1362. const memberBox = teamBox.querySelector(isAssist?".team-assist":".team-members");
  1363. const memberLi = memberBox.querySelector(`.member-${indexInTeam+1}`);
  1364. const monsterHead = memberLi.querySelector(".monster");
  1365. editBox.show();
  1366. editBox.isAssist = isAssist;
  1367. editBox.monsterHead = monsterHead;
  1368. editBox.memberIdx = [teamNum, isAssist, indexInTeam]; //储存队伍数组下标
  1369. if (!isAssist)
  1370. {
  1371. const latentBox = teamBox.querySelector(".team-latents .latents-"+(indexInTeam+1)+" .latent-ul");
  1372. editBox.latentBox = latentBox;
  1373. }
  1374. const settingBox = editBox.querySelector(".setting-box");
  1375. const monstersID = settingBox.querySelector(".row-mon-id .m-id");
  1376. monstersID.value = mon.id > 0 ? mon.id : 0;
  1377. monstersID.onchange();
  1378. //觉醒
  1379. const monEditAwokens = settingBox.querySelectorAll(".row-mon-awoken .awoken-ul .awoken-icon");
  1380. if (mon.awoken > 0 && monEditAwokens[mon.awoken]) monEditAwokens[mon.awoken].onclick();
  1381. //超觉醒
  1382. const monEditSAwokens = settingBox.querySelectorAll(".row-mon-super-awoken .awoken-ul .awoken-icon");
  1383. if (mon.sawoken >= 0 && monEditSAwokens[mon.sawoken]) monEditSAwokens[mon.sawoken].onclick();
  1384. const monEditLv = settingBox.querySelector(".row-mon-level .m-level");
  1385. monEditLv.value = mon.level || 1;
  1386. const monEditAddHp = settingBox.querySelector(".row-mon-plus .m-plus-hp");
  1387. const monEditAddAtk = settingBox.querySelector(".row-mon-plus .m-plus-atk");
  1388. const monEditAddRcv = settingBox.querySelector(".row-mon-plus .m-plus-rcv");
  1389. if (mon.plus)
  1390. {
  1391. monEditAddHp.value = mon.plus[0];
  1392. monEditAddAtk.value = mon.plus[1];
  1393. monEditAddRcv.value = mon.plus[2];
  1394. }
  1395. const rowMonLatent = settingBox.querySelector(".row-mon-latent");
  1396. const skillLevel = settingBox.querySelector(".row-mon-skill .skill-box .m-skill-level");
  1397. if (mon.skilllevel)
  1398. {
  1399. skillLevel.value = mon.skilllevel;
  1400. }
  1401. skillLevel.onchange();
  1402. const editBoxTitle = editBox.querySelector(".edit-box-title");
  1403. const btnDelay = editBox.querySelector(".button-box .button-delay");
  1404. if (!isAssist)
  1405. {
  1406. editBox.latent = mon.latent ? mon.latent.concat() : [];
  1407. editBox.refreshLatent(editBox.latent, mon.id);
  1408. btnDelay.classList.add("display-none");
  1409. rowMonLatent.classList.remove("display-none");
  1410. editBoxTitle.classList.remove("edit-box-title-assist");
  1411. }else
  1412. {
  1413. btnDelay.classList.remove("display-none");
  1414. rowMonLatent.classList.add("display-none");
  1415. editBoxTitle.classList.add("edit-box-title-assist");
  1416. }
  1417. editBox.reCalculateAbility();
  1418. }
  1419. //编辑窗,修改怪物ID
  1420. function editBoxChangeMonId(id)
  1421. {
  1422. const card = Cards[id] || Cards[0]; //怪物固定数据
  1423. if (card.id == 0){
  1424. id = 0;
  1425. }
  1426. const skill = Skills[card.activeSkillId];
  1427. const leaderSkill = Skills[card.leaderSkillId];
  1428. let fragment = null;
  1429. const monInfoBox = editBox.querySelector(".monsterinfo-box");
  1430. const settingBox = editBox.querySelector(".setting-box");
  1431. //id搜索
  1432. const monHead = monInfoBox.querySelector(".monster");
  1433. changeid({id:id},monHead); //改变图像
  1434. const mId = monInfoBox.querySelector(".monster-id");
  1435. mId.innerHTML = id;
  1436. const mRare = monInfoBox.querySelector(".monster-rare");
  1437. mRare.className = "monster-rare rare-" + card.rarity;
  1438. const mCost = monInfoBox.querySelector(".monster-cost");
  1439. mCost.innerHTML = card.cost;
  1440. const mName = monInfoBox.querySelector(".monster-name");
  1441. mName.innerHTML = returnMonsterNameArr(card, currentLanguage.searchlist, currentDataSource.code)[0];
  1442. const mCollabId = monInfoBox.querySelector(".monster-collabId");
  1443. mCollabId.innerHTML = card.collabId;
  1444. mCollabId.setAttribute("data-collabId",card.collabId);
  1445. if (card.collabId == 0)
  1446. {
  1447. mCollabId.classList.add("display-none");
  1448. }else
  1449. {
  1450. mCollabId.classList.remove("display-none");
  1451. }
  1452. const mAltName = monInfoBox.querySelector(".monster-altName");
  1453. mAltName.innerHTML = card.altName;
  1454. mAltName.setAttribute("data-altName",card.altName);
  1455. /*const splitAltName = card.altName.split("|"); //取出分段的那种的第一段
  1456. const hasGroup = splitAltName.some(alt=>{ //自己的名称是否只有一个
  1457. return Cards.some(c=>{return c.id != card.id && c.altName.indexOf(alt)>=0;});
  1458. });*/
  1459. if (card.altName.length == 0)
  1460. { //当没有合作名
  1461. mAltName.classList.add("display-none");
  1462. }else
  1463. {
  1464. mAltName.classList.remove("display-none");
  1465. }
  1466. const evoCardUl = settingBox.querySelector(".row-mon-id .evo-card-list");
  1467. evoCardUl.style.display = "none";
  1468. evoCardUl.innerHTML = ""; //据说直接清空HTML性能更好
  1469. let evoLinkCardsIdArray = Cards.filter(function(m){
  1470. return m.evoRootId == card.evoRootId;
  1471. }).map(function(m){return m.id;}); //筛选出相同进化链的
  1472. const createCardHead = editBox.createCardHead;
  1473. if (evoLinkCardsIdArray.length>1)
  1474. {
  1475. fragment = document.createDocumentFragment(); //创建节点用的临时空间
  1476. evoLinkCardsIdArray.forEach(function(mid){
  1477. const cli = createCardHead(mid);
  1478. if (mid == id)
  1479. {
  1480. cli.classList.add("unable-monster");
  1481. }
  1482. fragment.appendChild(cli);
  1483. });
  1484. evoCardUl.appendChild(fragment);
  1485. evoCardUl.style.display = "block";
  1486. }
  1487. let mType = monInfoBox.querySelectorAll(".monster-type li");
  1488. for (let ti=0;ti<mType.length;ti++)
  1489. {
  1490. if (ti<card.types.length)
  1491. {
  1492. mType[ti].className = "type-name type-name-" + card.types[ti];
  1493. mType[ti].firstChild.className = "type-icon type-icon-" + card.types[ti];
  1494. }else
  1495. {
  1496. mType[ti].className = "display-none";
  1497. }
  1498. }
  1499. const mAwoken = settingBox.querySelectorAll(".row-mon-awoken .awoken-ul li");
  1500. editBox.awokenCount = card.awakenings.length;
  1501. mAwoken[0].innerHTML = editBox.awokenCount ? "★" : "0";
  1502. for (let ai=1;ai<mAwoken.length;ai++)
  1503. {
  1504. if (ai<=card.awakenings.length)
  1505. {
  1506. mAwoken[ai].className = "awoken-icon awoken-" + card.awakenings[ai-1];
  1507. }else
  1508. {
  1509. mAwoken[ai].className = "display-none";
  1510. }
  1511. }
  1512. //超觉醒
  1513. const mSAwokenRow = settingBox.querySelector(".row-mon-super-awoken");
  1514. let mSAwoken = mSAwokenRow.querySelectorAll(".awoken-ul li");
  1515. //if (!editBox.isAssist && card.superAwakenings.length>0)
  1516. if (card.superAwakenings.length>0) //武器上也还是加入超觉醒吧
  1517. {
  1518. for (let ai=0;ai<mSAwoken.length;ai++)
  1519. {
  1520. if (ai < card.superAwakenings.length)
  1521. {
  1522. mSAwoken[ai].className = "awoken-icon unselected-awoken awoken-" + card.superAwakenings[ai];
  1523. }
  1524. else
  1525. {
  1526. mSAwoken[ai].className = "display-none";
  1527. }
  1528. }
  1529. mSAwokenRow.classList.remove("display-none");
  1530. }else
  1531. {
  1532. mSAwokenRow.classList.add("display-none");
  1533. }
  1534. const monEditLvMax = settingBox.querySelector(".m-level-btn-max");
  1535. monEditLvMax.innerHTML = monEditLvMax.value = card.maxLevel + (card.limitBreakIncr ? 11 : 0); //最大等级按钮
  1536. const monEditLv = settingBox.querySelector(".m-level");
  1537. monEditLv.value = card.maxLevel; //默认等级为最大等级而不是110
  1538. const rowPlus = settingBox.querySelector(".row-mon-plus");
  1539. const rowLatent = settingBox.querySelector(".row-mon-latent");
  1540. const monLatentAllowUl = rowLatent.querySelector(".m-latent-allowable-ul");
  1541. //该宠Type允许的杀
  1542. let allowLatent = uniq(card.types.reduce(function (previous, t, index, array) {
  1543. return previous.concat(type_allowable_latent[t]);
  1544. },[]));
  1545. for(let li=17;li<=24;li++) //显示允许的杀,隐藏不允许的杀
  1546. {
  1547. var latentDom = monLatentAllowUl.querySelector(".latent-icon-" + li);
  1548. if (allowLatent.indexOf(li)>=0)
  1549. {
  1550. if(latentDom.classList.contains("unselected-latent"))
  1551. latentDom.classList.remove("unselected-latent");
  1552. }else
  1553. {
  1554. if(!latentDom.classList.contains("unselected-latent"))
  1555. latentDom.classList.add("unselected-latent");
  1556. }
  1557. }
  1558. //怪物主动技能
  1559. const rowSkill = settingBox.querySelector(".row-mon-skill");
  1560. const skillBox = rowSkill.querySelector(".skill-box");
  1561. const skillTitle = skillBox.querySelector(".skill-name");
  1562. const skillCD = skillBox.querySelector(".skill-cd");
  1563. const skillLevel = skillBox.querySelector(".m-skill-level");
  1564. const skillLevel_1 = skillBox.querySelector(".m-skill-lv-1");
  1565. const skillLevel_Max = skillBox.querySelector(".m-skill-lv-max");
  1566. const skillDetail = skillBox.querySelector(".skill-datail");
  1567. fragment = document.createDocumentFragment(); //创建节点用的临时空间
  1568. fragment.appendChild(skillBox);
  1569. skillTitle.innerHTML = descriptionToHTML(skill.name);
  1570. skillDetail.innerHTML = parseSkillDescription(skill);
  1571. skillLevel.max = card.overlay ? 1 : skill.maxLevel;
  1572. skillLevel.value = card.overlay ? 1 : skill.maxLevel;
  1573. skillLevel_Max.value = card.overlay ? 1 : skill.maxLevel;
  1574. skillLevel_Max.innerHTML = skill.maxLevel;
  1575. skillCD.innerHTML = skill.initialCooldown - skill.maxLevel + 1;
  1576. rowSkill.appendChild(fragment);
  1577. //怪物队长技能
  1578. const rowLederSkill = settingBox.querySelector(".row-mon-leader-skill");
  1579. const lskillBox = rowLederSkill.querySelector(".skill-box");
  1580. const lskillTitle = lskillBox.querySelector(".skill-name");
  1581. const lskillDetail = lskillBox.querySelector(".skill-datail");
  1582. fragment = document.createDocumentFragment(); //创建节点用的临时空间
  1583. fragment.appendChild(lskillBox);
  1584. lskillTitle.innerHTML = descriptionToHTML(leaderSkill.name);
  1585. lskillDetail.innerHTML = parseSkillDescription(leaderSkill);
  1586. rowLederSkill.appendChild(fragment);
  1587. if (card.overlay)
  1588. { //当可以叠加时,不能打297和潜觉
  1589. rowPlus.classList.add("disabled");
  1590. rowLatent.classList.add("disabled");
  1591. skillLevel.setAttribute("readonly",true);
  1592. }else
  1593. {
  1594. rowPlus.classList.remove("disabled");
  1595. rowLatent.classList.remove("disabled");
  1596. skillLevel.removeAttribute("readonly");
  1597. }
  1598. if (editBox.isAssist)
  1599. {
  1600. var btnDone = editBox.querySelector(".button-done");
  1601. if (!card.canAssist)
  1602. {
  1603. btnDone.classList.add("cant-assist");
  1604. btnDone.disabled = true;
  1605. }else
  1606. {
  1607. btnDone.classList.remove("cant-assist");
  1608. btnDone.disabled = false;
  1609. }
  1610. }
  1611. editBox.latent.length = 0;
  1612. editBox.refreshLatent(editBox.latent,id);
  1613. editBox.reCalculateAbility();
  1614. }
  1615. //搜索并显示合作
  1616. function searchColla(collabId)
  1617. {
  1618. if (typeof(collabId) == "string") collabId = parseInt(collabId,10);
  1619. showSearch(Cards.filter(card=>{return card.collabId == collabId;}));
  1620. }
  1621. //刷新整个队伍
  1622. function refreshAll(formationData){
  1623. let fragment = document.createDocumentFragment(); //创建节点用的临时空间
  1624. const titleBox = fragment.appendChild(formationBox.querySelector(".title-box"));
  1625. const awokenTotalBox = formationBox.querySelector(".awoken-total-box");
  1626. const detailBox = formationBox.querySelector(".detail-box");
  1627. for (let ni=0; ni < formationBox.childNodes.length; ni++)
  1628. {
  1629. fragment.appendChild(formationBox.childNodes[ni]);
  1630. }
  1631. const txtTitle = titleBox.querySelector(".title");
  1632. const txtDetail = detailBox.querySelector(".detail");
  1633. txtTitle.value = formationData.title || "";
  1634. txtDetail.value = formationData.detail || "";
  1635. teamBigBoxs.forEach((teamBigBox,teamNum)=>{
  1636. const badgeBox = teamBigBox.querySelector(".team-badge");
  1637. //const badges = Array.prototype.slice.call(badgeBox.querySelectorAll(".badge-radio"));
  1638. const badge = badgeBox.querySelector(`#team-${teamNum}-badge-${formationData.badge}`);
  1639. badge.checked = true;
  1640. });
  1641. teamBoxs.forEach((teamBox,teamNum)=>{
  1642. const members = teamBox.querySelectorAll(".team-members .monster");
  1643. const latents = teamBox.querySelectorAll(".team-latents .latent-ul");
  1644. const assist = teamBox.querySelectorAll(".team-assist .monster");
  1645. const teamAbilityDom = teamBox.querySelector(".team-ability");
  1646. for (let ti=0;ti<members.length;ti++)
  1647. {
  1648. changeid(formationData.team[teamNum][0][ti],members[ti],latents[ti]);
  1649. changeid(formationData.team[teamNum][1][ti],assist[ti]);
  1650. if (teamAbilityDom)
  1651. {
  1652. refreshAbility(teamAbilityDom,formationData.team[teamNum],ti);
  1653. }
  1654. refreshMemberSkillCD(teamBox,formationData.team[teamNum],ti);
  1655. }
  1656. const teamTotalInfoBox = teamBox.querySelector(".team-total-info");
  1657. if (teamTotalInfoBox) refreshTeamTotalHP(teamTotalInfoBox,formationData.team[teamNum]);
  1658. const awokenBox = teamBox.querySelector(".team-awoken");
  1659. if (awokenBox) refreshTeamAwokenCount(awokenBox,formationData.team[teamNum]);
  1660. });
  1661. formationBox.appendChild(fragment);
  1662. const formationTotalInfoBox = formationBox.querySelector(".formation-total-info");
  1663. if (formationTotalInfoBox == 1) refreshFormationHP(formationData.team[0]);
  1664. const formationAwokenBox = formationBox.querySelector(".formation-awoken");
  1665. if (formationAwokenBox) refreshFormationAwokenCount(formationAwokenBox,formationData.team);
  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(idx,number){
  1673. var aicon = awokenUL.querySelector(".awoken-" + idx);
  1674. if (!aicon) return; //没有这个觉醒就撤回
  1675. var ali = aicon.parentNode;
  1676. var countDom = ali.querySelector(".count");
  1677. countDom.innerHTML = number;
  1678. if (number)
  1679. ali.classList.remove("display-none");
  1680. else
  1681. ali.classList.add("display-none");
  1682. }
  1683. var bigAwoken = [52,53,56,68,69,70]; //等于几个小觉醒的大觉醒
  1684. for (var ai=1;ai<=72;ai++)
  1685. {
  1686. if (ai == 10) //防封
  1687. {
  1688. setCount(ai,awokenCountInFormation(teams,ai,solo)+awokenCountInFormation(teams,52,solo)*2);
  1689. }else if (ai == 11) //防暗
  1690. {
  1691. setCount(ai,awokenCountInFormation(teams,ai,solo)+awokenCountInFormation(teams,68,solo)*5);
  1692. }else if (ai == 12) //防废
  1693. {
  1694. setCount(ai,awokenCountInFormation(teams,ai,solo)+awokenCountInFormation(teams,69,solo)*5);
  1695. }else if (ai == 13) //防毒
  1696. {
  1697. setCount(ai,awokenCountInFormation(teams,ai,solo)+awokenCountInFormation(teams,70,solo)*5);
  1698. }else if (ai == 19) //手指
  1699. {
  1700. setCount(ai,awokenCountInFormation(teams,ai,solo)+awokenCountInFormation(teams,53,solo)*2);
  1701. }else if (ai == 21) //SB
  1702. {
  1703. setCount(ai,awokenCountInFormation(teams,ai,solo)+awokenCountInFormation(teams,56,solo)*2);
  1704. }else if (bigAwoken.indexOf(ai)>=0) //属于大觉醒
  1705. {
  1706. continue;
  1707. }else
  1708. {
  1709. setCount(ai,awokenCountInFormation(teams,ai,solo));
  1710. }
  1711. }
  1712. awokenTotalBox.appendChild(awokenUL);
  1713. }
  1714. //刷新几个队伍觉醒统计
  1715. function refreshFormationAwokenCount(teams){
  1716. let fragment = document.createDocumentFragment(); //创建节点用的临时空间
  1717. const awokenTotalBox = formationBox.querySelector(".awoken-total-box");
  1718. const awokenUL = fragment.appendChild(awokenTotalBox.querySelector(".awoken-ul"));
  1719. function setCount(idx,number){
  1720. var aicon = awokenUL.querySelector(".awoken-" + idx);
  1721. if (!aicon) return; //没有这个觉醒就撤回
  1722. var ali = aicon.parentNode;
  1723. var countDom = ali.querySelector(".count");
  1724. countDom.innerHTML = number;
  1725. if (number)
  1726. ali.classList.remove("display-none");
  1727. else
  1728. ali.classList.add("display-none");
  1729. }
  1730. var bigAwoken = [52,53,56,68,69,70]; //等于几个小觉醒的大觉醒
  1731. for (var ai=1;ai<=72;ai++)
  1732. {
  1733. if (ai == 10) //防封
  1734. {
  1735. setCount(ai,awokenCountInFormation(teams,ai,solo)+awokenCountInFormation(teams,52,solo)*2);
  1736. }else if (ai == 11) //防暗
  1737. {
  1738. setCount(ai,awokenCountInFormation(teams,ai,solo)+awokenCountInFormation(teams,68,solo)*5);
  1739. }else if (ai == 12) //防废
  1740. {
  1741. setCount(ai,awokenCountInFormation(teams,ai,solo)+awokenCountInFormation(teams,69,solo)*5);
  1742. }else if (ai == 13) //防毒
  1743. {
  1744. setCount(ai,awokenCountInFormation(teams,ai,solo)+awokenCountInFormation(teams,70,solo)*5);
  1745. }else if (ai == 19) //手指
  1746. {
  1747. setCount(ai,awokenCountInFormation(teams,ai,solo)+awokenCountInFormation(teams,53,solo)*2);
  1748. }else if (ai == 21) //SB
  1749. {
  1750. setCount(ai,awokenCountInFormation(teams,ai,solo)+awokenCountInFormation(teams,56,solo)*2);
  1751. }else if (bigAwoken.indexOf(ai)>=0) //属于大觉醒
  1752. {
  1753. continue;
  1754. }else
  1755. {
  1756. setCount(ai,awokenCountInFormation(teams,ai,solo));
  1757. }
  1758. }
  1759. awokenTotalBox.appendChild(awokenUL);
  1760. }
  1761. //刷新能力值
  1762. function refreshAbility(abilityDom,team,idx){
  1763. const ali = abilityDom.querySelector(".abilitys-" + (idx+1));
  1764. const mainMD = team[0][idx];
  1765. const assistMD = team[1][idx];
  1766. const bonusScale = [0.1,0.05,0.15]; //辅助宠物附加的属性倍率
  1767. //基底三维,如果辅助是武器,还要加上辅助的觉醒
  1768. const mainAbility = calculateAbility(mainMD.id,mainMD.level,mainMD.plus,mainMD.awoken,mainMD.latent,assistMD.id,assistMD.awoken);
  1769. //辅助增加的三维,如果辅助的主属性相等,辅助宠物只计算等级和加值,不计算觉醒
  1770. const memberCard = Cards[mainMD.id] || Cards[0];
  1771. const assistCard = Cards[assistMD.id] || Cards[0];
  1772. const assistAbility = (assistMD.id > 0 && memberCard.attrs[0]==assistCard.attrs[0]) ?
  1773. calculateAbility(assistMD.id,assistMD.level,assistMD.plus,null,null) :
  1774. [0,0,0];
  1775. if (mainAbility && mainMD.ability)
  1776. {
  1777. for (let ai=0;ai<3;ai++)
  1778. {
  1779. mainMD.ability[ai] = mainAbility[ai] + Math.round(assistAbility[ai]*bonusScale[ai]);
  1780. }
  1781. }
  1782. const hpDom = ali.querySelector(".hp");
  1783. const atkDom = ali.querySelector(".atk");
  1784. const rcvDom = ali.querySelector(".rcv");
  1785. [hpDom,atkDom,rcvDom].forEach(function(div,ai){
  1786. if (mainAbility)
  1787. {
  1788. div.classList.remove("display-none");
  1789. div.innerHTML = mainMD.ability[ai];
  1790. }else
  1791. {
  1792. div.classList.add("display-none");
  1793. div.innerHTML = 0;
  1794. }
  1795. });
  1796. }
  1797. //刷新队伍能力值合计
  1798. function refreshTeamTotalHP(totalDom,team){
  1799. //计算总的生命值
  1800. const teamInfo = formationBox.querySelector(".team-total-info");
  1801. if (!teamInfo) return;
  1802. const tHpDom = teamInfo.querySelector(".tIf-total-hp");
  1803. const tRcvDom = teamInfo.querySelector(".tIf-total-rcv");
  1804. const tHP = team[0].reduce(function(value,mon){ //队伍计算的总HP
  1805. return value += mon.ability ? mon.ability[0] : 0;
  1806. },0);
  1807. const teamHPAwoken = awokenCountInTeam(team,46,solo); //全队血包个数
  1808. //let tHPwithAwoken = Math.round(tHP * (1 + awokenCountInTeam(team,46,solo) * 0.05)); //全队血包
  1809. let badgeHPScale = 1; //徽章倍率
  1810. if (formation.badge == 4)
  1811. {
  1812. badgeHPScale = 1.05;
  1813. }else if (formation.badge == 11)
  1814. {
  1815. badgeHPScale = 1.15;
  1816. }
  1817. const tRCV = team[0].reduce(function(value,mon){ //队伍计算的总回复
  1818. return value += mon.ability ? mon.ability[2] : 0;
  1819. },0);
  1820. const teamRCVAwoken = awokenCountInTeam(team,47,solo); //全队回复个数
  1821. //let tRCVwithAwoken = Math.round(tRCV * (1 + awokenCountInTeam(team,47,solo) * 0.10)); //全队回复
  1822. let badgeRCVScale = 1; //徽章倍率
  1823. if (formation.badge == 3)
  1824. {
  1825. badgeRCVScale = 1.25;
  1826. }else if (formation.badge == 10)
  1827. {
  1828. badgeRCVScale = 1.35;
  1829. }
  1830. tHpDom.innerHTML = tHP.toString() +
  1831. (teamHPAwoken>0||badgeHPScale>1 ?
  1832. ("("+Math.round(tHP * (1 + 0.05 * teamHPAwoken)*badgeHPScale).toString()+")") :
  1833. "");
  1834. tRcvDom.innerHTML = tRCV.toString() +
  1835. (teamRCVAwoken>0||badgeRCVScale>1 ?
  1836. ("("+Math.round(tRCV * (1 + 0.10 * teamRCVAwoken)*badgeRCVScale).toString()+")") :
  1837. "");
  1838. }
  1839. //刷新所有队伍能力值合计
  1840. function refreshFormationTotalHP(teams){
  1841. //计算总的生命值
  1842. const teamInfo = formationBox.querySelector(".team-total-info");
  1843. if (!teamInfo) return;
  1844. const tHpDom = teamInfo.querySelector(".tIf-total-hp");
  1845. const tRcvDom = teamInfo.querySelector(".tIf-total-rcv");
  1846. const tHP = team[0].reduce(function(value,mon){ //队伍计算的总HP
  1847. return value += mon.ability ? mon.ability[0] : 0;
  1848. },0);
  1849. const teamHPAwoken = awokenCountInTeam(team,46,solo); //全队血包个数
  1850. //let tHPwithAwoken = Math.round(tHP * (1 + awokenCountInTeam(team,46,solo) * 0.05)); //全队血包
  1851. let badgeHPScale = 1; //徽章倍率
  1852. if (formation.badge == 4)
  1853. {
  1854. badgeHPScale = 1.05;
  1855. }else if (formation.badge == 11)
  1856. {
  1857. badgeHPScale = 1.15;
  1858. }
  1859. const tRCV = team[0].reduce(function(value,mon){ //队伍计算的总回复
  1860. return value += mon.ability ? mon.ability[2] : 0;
  1861. },0);
  1862. const teamRCVAwoken = awokenCountInTeam(team,47,solo); //全队回复个数
  1863. //let tRCVwithAwoken = Math.round(tRCV * (1 + awokenCountInTeam(team,47,solo) * 0.10)); //全队回复
  1864. let badgeRCVScale = 1; //徽章倍率
  1865. if (formation.badge == 3)
  1866. {
  1867. badgeRCVScale = 1.25;
  1868. }else if (formation.badge == 10)
  1869. {
  1870. badgeRCVScale = 1.35;
  1871. }
  1872. tHpDom.innerHTML = tHP.toString() +
  1873. (teamHPAwoken>0||badgeHPScale>1 ?
  1874. ("("+Math.round(tHP * (1 + 0.05 * teamHPAwoken)*badgeHPScale).toString()+")") :
  1875. "");
  1876. tRcvDom.innerHTML = tRCV.toString() +
  1877. (teamRCVAwoken>0||badgeRCVScale>1 ?
  1878. ("("+Math.round(tRCV * (1 + 0.10 * teamRCVAwoken)*badgeRCVScale).toString()+")") :
  1879. "");
  1880. }
  1881. //刷新单人技能CD
  1882. function refreshMemberSkillCD(teamDom,team,idx){
  1883. const memberMonDom = teamDom.querySelector(`.team-members .member-${idx+1} .monster`);
  1884. const assistMonDom = teamDom.querySelector(`.team-assist .member-${idx+1} .monster`);
  1885. const member = team[0][idx];
  1886. const assist = team[1][idx];
  1887. const memberCard = Cards[member.id] || Cards[0];
  1888. const memberSkill = Skills[memberCard.activeSkillId];
  1889. const assistCard = Cards[assist.id] || Cards[0];
  1890. const assistSkill = Skills[assistCard.activeSkillId];
  1891. const memberSkillCdDom = memberMonDom.querySelector(".skill");
  1892. const assistSkillCdDom = assistMonDom.querySelector(".skill");
  1893. const memberSkillCd = memberSkill ? (memberSkill.initialCooldown - (member.skilllevel||memberSkill.maxLevel) + 1) : 0;
  1894. const assistSkillCd = assistSkill ? (assistSkill.initialCooldown - (assist.skilllevel||assistSkill.maxLevel) + 1) : 0;
  1895. memberSkillCdDom.innerHTML = memberSkillCd;
  1896. assistSkillCdDom.innerHTML = memberSkillCd + assistSkillCd;
  1897. if (member.skilllevel < memberSkill.maxLevel)
  1898. {
  1899. memberSkillCdDom.classList.remove("max-skill");
  1900. assistSkillCdDom.classList.remove("max-skill");
  1901. }else if (assist.skilllevel < assistSkill.maxLevel){
  1902. memberSkillCdDom.classList.add("max-skill");
  1903. assistSkillCdDom.classList.remove("max-skill");
  1904. }else
  1905. {
  1906. memberSkillCdDom.classList.add("max-skill");
  1907. assistSkillCdDom.classList.add("max-skill");
  1908. }
  1909. }

智龙迷城队伍图制作工具