差分

<script src> $(function () { let lang = getLang(); showCurrentLang(); document.title = { "cn": "明日方舟公开招募计算器", "en": "Arknights Recruitment Recommender" }[lang]; let tags = [ { "cn": "资质", "cntags": ["新手", "资深干员", "高级资深干员"], "en": "Qualification", "entags": ["Newbie", "Senior", "Advanced Senior"] }, { "cn": "位置", "cntags": ["远程位", "近战位"], "en": "Position", "entags": ["Ranged", "Melee"] }, { "cn": "性别", "cntags": ["男性干员", "女性干员"], "en": "Gender", "entags": ["Male", "Female"] }, { "cn": "种类", "cntags": ["先锋干员", "狙击干员", "医疗干员", "术师干员", "近卫干员", "重装干员", "辅助干员", "特种干员"], "en": "Class", "entags": ["Vanguard", "Sniper", "Medic", "Caster", "Guard", "Defender", "Support", "Specialist"] }, { "cn": "词缀", "cntags": ["治疗", "支援", "输出", "群攻", "减速", "生存", "防护", "削弱", "位移", "控场", "爆发", "召唤", "快速复活", "费用回复"], "en": "Affix", "entags": ["Healing", "Support", "DPS", "Splash", "Slow", "Survival", "Protection", "Debuffer", "Displacement", "Crowd Control", "Burst", "Summoner", "Quick Resurrection", "Cost Recovery"] } ]; $.each(tags, (_, v) => { let row = '<tr><td><button class="btn btn-sm btn-info my-1" disabled>' + v[lang] + '</button></td><td>'; let tags_btn = [] for (let i = 0; i < v['cntags'].length; i++) { tags_btn.push('<button type="button" class="btn btn-sm btn-secondary btn-tag my-1" ' + (lang === 'cn' ? '' : ('data-toggle="tooltip" data-placement="top" title="' + v[lang + 'tags'][i] + '"')) + '>' + v['cntags'][i] + "</button>"); } row += tags_btn.join("\r\n") + "</td></tr>"; $("#box-tags").append(row); }); if (lang !== 'cn') $('[data-toggle="tooltip"]').tooltip();  let showImage = false; let showName = true; let imageSize = 27; $(document).on("click", ".btn-name", function () { $(this).toggleClass("btn-primary btn-secondary"); showName = !showName; calc(); }); $(document).on("click", ".btn-image", function () { $(this).toggleClass("btn-primary btn-secondary"); $(".btn-imgsize").removeClass("btn-primary btn-secondary").addClass("btn-secondary"); if ($(this).hasClass("btn-primary")) $(".btn-imgsize[sizeval=" + imageSize + "]").toggleClass("btn-primary btn-secondary"); showImage = $(".btn-image").hasClass("btn-primary"); calc(); }); $(document).on("click", ".btn-imgsize", function () { if ($(this).hasClass("btn-primary")) { $(".btn-image").removeClass("btn-primary btn-secondary").addClass("btn-secondary"); $(".btn-imgsize").removeClass("btn-primary btn-secondary").addClass("btn-secondary"); } else { imageSize = parseInt($(this).attr("sizeval")); $(".btn-image").removeClass("btn-primary btn-secondary").addClass("btn-primary"); $(".btn-imgsize").removeClass("btn-primary btn-secondary").addClass("btn-secondary"); $(this).toggleClass("btn-primary btn-secondary"); } showImage = $(".btn-image").hasClass("btn-primary"); calc(); });  let tags_aval = {}; let all_chars = {}; let avg_char_tag =0; $.getJSON("https://wiki.gamerclub.jp/akhrapp/jsakhr.json", function (data) { let tag_count = 0; let char_tag_sum = 0; // console.log(data); $.each(data, function (_, char) { if (char.hidden) return; char.tags.push(char.type + "干员"); char.tags.push(char.sex + "性干员"); let name = lang === 'cn' ? char.name : char["name-" + lang]; $.each(char.tags, function (_, tag) { if (tag in tags_aval) { tags_aval[tag].push({ "name": name, "img": char["name-en"], "level": char.level, "type": char.type }); } else { tags_aval[tag] = [{ "name": name, "img": char["name-en"], "level": char.level, "type": char.type }]; tag_count++; } char_tag_sum++; }); all_chars[name] = { 'level': char.level, 'tags': char.tags }; }); avg_char_tag = char_tag_sum / tag_count; });  function calc() { let len = checkedTags.length; let count = Math.pow(2, checkedTags.length); let combs = []; for (let i = 0; i < count; i++) { let ts = [], tsTL = []; for (let j = 0, mask = 1; j < len; j++) { if ((i & mask) !== 0) { ts.push(checkedTags[j]); tsTL.push(checkedTagsTL[j]); // console.log(checkedTags[j]); } mask = mask * 2; } combs.push({ "tags": ts, "tagsTL": tsTL, "score": 0.0, "possible": [] }); } // console.log(combs); let optStars = []; $(".btn-opt").each(function (_, __) { if ($(this).attr("opt-id") === "all" || $(this).hasClass("btn-secondary")) return; optStars.push($(this).attr("opt-id")); }); //console.log(optStars); $("#tbody-recommend").html(""); $.each(combs, function (_, comb) { let tags = comb.tags; if (tags.length === 0 || tags.length > 3) return; let chars = [...tags_aval[tags[0]]]; for (let i = 1; i < tags.length; i++) { let reduced_chars = []; $.each(chars, function (_, char) { // console.log(tags_aval[tags[i]]); // console.log(char); $.each(tags_aval[tags[i]], function (_, tgch) { if (char.name === tgch.name) { reduced_chars.push(char); return false; } }); }); chars = reduced_chars; }  if (chars.length === 0) return; if (!tags.includes("高级资深干员")) { // console.log(tags.join(",") + " 不含(高级)资深干员"); let reduce6 = []; $.each(chars, function (_, char) { if (char.level !== 6) { reduce6.push(char); } }); chars = reduce6; } let filtered_chars = []; $.each(chars, function (_, char) { //console.log(char.level); if (optStars.includes(char.level.toString())) { filtered_chars.push(char); } }); chars = filtered_chars;  comb.possible = chars; if (chars.length === 0) return; let s = 0; $.each(chars, (_, char) => { s += char.level; }); s = s / chars.length; comb.score = s - tags.length / 10 - chars.length / avg_char_tag; }); combs.sort(function (a, b) { return a.score > b.score ? -1 : (a.score < b.score ? 1 : (a.tags.length > b.tags.length ? 1 : (a.tags.length < b.tags.length ? -1 : 0))); }); let no = 1; $.each(combs, function (_, comb) { if (comb.possible.length === 0) return; let chars = comb.possible; let tags = comb.tags; let tagsTL = comb.tagsTL; let chars_html = []; let colors = { 1: "dark", 2: "light", 3: "success", 4: "info", 5: "warning", 6: "danger" }; comb.possible.sort(function (a, b) { return a.level > b.level ? -1 : (a.level < b.level ? 1 : 0); }); $.each(chars, function (_, char) { let padding = showName && imageSize < 60 ? "padding-right: 4px" : "padding-right: 1px"; let style = showImage ? "style=\"border-radius: 5px;padding: 1px 1px;" + padding + ";\" " : ""; let buttonstyle = imageSize > 25 ? "background-color: #AAA;border-radius: 4px;" : "background-color: transparent;border-radius: 4px;"; chars_html.push("<button type=\"button\" class=\"btn btn-sm btn-" + colors[char.level] + " btn-char my-1 d-none d-sm-inline\" " + style + "title=\"" + char.name + "\">"); if (showImage) chars_html.push("<img style=\"" + buttonstyle + "\"height=\"" + imageSize + "\" width=\"" + imageSize + "\" src=\"img/chara/" + char.img + ".png\"> "); if (imageSize > 60) chars_html.push("<div>"); if (showName) chars_html.push(char.name); if (imageSize > 60) chars_html.push("</div>"); chars_html.push("</akhrmainbutton>\n"); chars_html.push("<button type=\"button\" class=\"btn btn-sm btn-" + colors[char.level] + " btn-char my-1 d-inline d-sm-none\" " + "title=\"" + char.jsname + "\">" + char.name + "</button>\n"); }); let tags_html = []; for (let i = 0; i < tags.length; i++) { if (lang === 'cn') { tags_html.push('<button type="button" class="btn btn-sm btn-secondary btn-char my-1">' + tags[i] + "</button>\n"); } else { tags_html.push('<button type="button" class="btn btn-sm btn-secondary btn-char my-1' + ' btn-char my-1" data-toggle="tooltip" data-placement="top" title="' + tagsTL[i] + '">' + tags[i] + "</button>\n"); } } $("#tbody-recommend").append( "<tr class=\"tr-recommd\">" + "<td class=\"py-2 d-none d-sm-table-cell\">" + no++ + "</td>" + "<td class=\"py-1\">" + tags_html.join("") + "</td><td class=\"py-1\">" + chars_html.join("") + "</td>" + "<td class=\"py-2 d-none d-sm-table-cell\">" + Math.floor(comb.score * 100) / 100 + "</td>" + "</tr>");  }); if (lang !== 'cn') $('[data-toggle="tooltip"]').tooltip(); }  let hasHidden = false; $(document).on("click", ".btn-char", function () { if (!hasHidden) { let char_name = $(this).attr("title"); $(".tr-recommd:not(:contains('" + char_name + "'))").hide(); let char = all_chars[char_name]; let colors = { 1: "dark", 2: "light", 3: "success", 4: "info", 5: "warning", 6: "danger" };  let tags_html = []; $.each(char.tags, function (_, tag) { tags_html.push("<button type=\"button\" class=\"btn btn-sm btn-secondary btn-char my-1\">" + tag + "</button>\n") }); $("#tbody-recommend").append( "<tr class=\"tr-chartag\">"+ "<td class=\"py-2 d-none d-sm-table-cell\">#</td>" + "<td class=\"py-1\"><button type=\"button\" class=\"btn btn-sm btn-" + colors[char.level] + " btn-char my-1\">" + char_name + "</button>\n" + "</td><td class=\"py-1\">" + tags_html.join("") + "</td><td class=\"py-2 d-none d-sm-table-cell\">#</td></tr>"); } else { $(".tr-recommd").show(); $(".tr-chartag").remove(); } hasHidden = !hasHidden; });  let checkedTags = []; let checkedTagsTL = []; $(document).on("click", ".btn-tag", function () { let checked = $(this).hasClass("btn-primary"); let tag = $(this).text(); let tagTL = $(this).attr("data-original-title"); if (checked) { checkedTags = checkedTags.filter(function (v, _, __) { return v !== tag; }); checkedTagsTL = checkedTagsTL.filter(function (v, _, __) { return v !== tagTL; }); } else { if (checkedTags.length >= 6) { alert({ "cn": "无法选择更多标签：最多6个。", "en": "No more tags: max 6." }[lang]); return; } else { checkedTags.push(tag); checkedTagsTL.push(tagTL); } } $(this).toggleClass("btn-primary btn-secondary"); calc(); }); $(document).on("click", ".btn-opt", function () { $(this).toggleClass("btn-primary btn-secondary"); let checked = $(this).hasClass("btn-primary"); if ($(this).attr("id") === "opt-all") { $(".btn-opt").removeClass("btn-primary btn-secondary").addClass( checked ? "btn-primary" : "btn-secondary" ); } else { if ($("#opt-all").hasClass("btn-primary")) { $("#opt-all").toggleClass("btn-primary btn-secondary"); } else { let checkedCount = 0; $(".btn-opt").each(function (_, __) { if ($(this).attr("id") === "opt-all") return; if ($(this).hasClass("btn-primary")) checkedCount++; }); if (checkedCount === 6) $("#opt-all").toggleClass("btn-primary btn-secondary"); } } calc(); });  $(document).on('click', '#btn-clear', function () { $('.btn-tag').removeClass('btn-primary').addClass('btn-secondary'); $("#tbody-recommend").html(""); checkedTags = []; }); });}());</script>