890 lines
38 KiB
JavaScript
890 lines
38 KiB
JavaScript
const url_base = location.href.split("#")[0];
|
|
const url_tag = location.hash.slice(1);
|
|
console.log(url_base);
|
|
console.log(url_tag);
|
|
|
|
const BUILD_VERSION = "6.9.9";
|
|
|
|
function setTitle() {
|
|
let text;
|
|
if (url_base.includes("hppeng-wynn")) {
|
|
text = "WynnBuilder UNSTABLE version "+BUILD_VERSION+" (db version "+DB_VERSION+")";
|
|
}
|
|
else {
|
|
text = "WynnBuilder version "+BUILD_VERSION+" (db version "+DB_VERSION+")";
|
|
document.getElementById("header").classList.add("funnynumber");
|
|
}
|
|
document.getElementById("header").textContent = text;
|
|
}
|
|
|
|
setTitle();
|
|
|
|
let player_build;
|
|
// Set up item lists for quick access later.
|
|
let armorTypes = [ "helmet", "chestplate", "leggings", "boots" ];
|
|
let accessoryTypes = [ "ring", "bracelet", "necklace" ];
|
|
let weaponTypes = [ "wand", "spear", "bow", "dagger", "relik" ];
|
|
// THIS IS SUPER DANGEROUS, WE SHOULD NOT BE KEEPING THIS IN SO MANY PLACES
|
|
let item_fields = [ "name", "displayName", "tier", "set", "slots", "type", "material", "drop", "quest", "restrict", "nDam", "fDam", "wDam", "aDam", "tDam", "eDam", "atkSpd", "hp", "fDef", "wDef", "aDef", "tDef", "eDef", "lvl", "classReq", "strReq", "dexReq", "intReq", "defReq", "agiReq", "hprPct", "mr", "sdPct", "mdPct", "ls", "ms", "xpb", "lb", "ref", "str", "dex", "int", "agi", "def", "thorns", "expd", "spd", "atkTier", "poison", "hpBonus", "spRegen", "eSteal", "hprRaw", "sdRaw", "mdRaw", "fDamPct", "wDamPct", "aDamPct", "tDamPct", "eDamPct", "fDefPct", "wDefPct", "aDefPct", "tDefPct", "eDefPct", "fixID", "category", "spPct1", "spRaw1", "spPct2", "spRaw2", "spPct3", "spRaw3", "spPct4", "spRaw4", "rainbowRaw", "sprint", "sprintReg", "jh", "lq", "gXp", "gSpd", "id" ];
|
|
let editable_item_fields = [ "sdPct", "sdRaw", "mdPct", "mdRaw", "poison", "fDamPct", "wDamPct", "aDamPct", "tDamPct", "eDamPct", "fDefPct", "wDefPct", "aDefPct", "tDefPct", "eDefPct", "hprRaw", "hprPct", "hpBonus", "atkTier", "spPct1", "spRaw1", "spPct2", "spRaw2", "spPct3", "spRaw3", "spPct4", "spRaw4" ];
|
|
|
|
let editable_elems = [];
|
|
|
|
for (let i of editable_item_fields) {
|
|
let elem = document.getElementById(i);
|
|
elem.addEventListener("change", (event) => {
|
|
elem.classList.add("highlight");
|
|
});
|
|
editable_elems.push(elem);
|
|
}
|
|
|
|
for (let i of skp_order) {
|
|
let elem = document.getElementById(i+"-skp");
|
|
elem.addEventListener("change", (event) => {
|
|
elem.classList.add("highlight");
|
|
});
|
|
editable_elems.push(elem);
|
|
}
|
|
|
|
function clear_highlights() {
|
|
for (let i of editable_elems) {
|
|
i.classList.remove("highlight");
|
|
}
|
|
}
|
|
|
|
|
|
let equipment_fields = [
|
|
"helmet",
|
|
"chestplate",
|
|
"leggings",
|
|
"boots",
|
|
"ring1",
|
|
"ring2",
|
|
"bracelet",
|
|
"necklace",
|
|
"weapon"
|
|
];
|
|
let equipment_names = [
|
|
"Helmet",
|
|
"Chestplate",
|
|
"Leggings",
|
|
"Boots",
|
|
"Ring 1",
|
|
"Ring 2",
|
|
"Bracelet",
|
|
"Necklace",
|
|
"Weapon"
|
|
];
|
|
let equipmentInputs = equipment_fields.map(x => x + "-choice");
|
|
let buildFields = equipment_fields.map(x => "build-"+x);
|
|
|
|
let powderInputs = [
|
|
"helmet-powder",
|
|
"chestplate-powder",
|
|
"leggings-powder",
|
|
"boots-powder",
|
|
"weapon-powder",
|
|
];
|
|
|
|
let itemTypes = armorTypes.concat(accessoryTypes).concat(weaponTypes);
|
|
let itemLists = new Map();
|
|
for (const it of itemTypes) {
|
|
itemLists.set(it, []);
|
|
}
|
|
let itemMap = new Map();
|
|
/* Mapping from item names to set names. */
|
|
let idMap = new Map();
|
|
let redirectMap = new Map();
|
|
|
|
/*
|
|
* Function that takes an item list and populates its corresponding dropdown.
|
|
* Used for armors and bracelet/necklace.
|
|
*/
|
|
function populateItemList(type) {
|
|
let item_list = document.getElementById(type+"-items");
|
|
for (const item of itemLists.get(type)) {
|
|
let el = document.createElement("option");
|
|
el.value = item;
|
|
item_list.appendChild(el);
|
|
}
|
|
}
|
|
|
|
/*
|
|
* Populate dropdowns, add listeners, etc.
|
|
*/
|
|
function init() {
|
|
let noneItems = [
|
|
["armor", "helmet", "No Helmet"],
|
|
["armor", "chestplate", "No Chestplate"],
|
|
["armor", "leggings", "No Leggings"],
|
|
["armor", "boots", "No Boots"],
|
|
["accessory", "ring", "No Ring 1"],
|
|
["accessory", "ring", "No Ring 2"],
|
|
["accessory", "bracelet", "No Bracelet"],
|
|
["accessory", "necklace", "No Necklace"],
|
|
["weapon", "dagger", "No Weapon"],
|
|
];
|
|
for (let i = 0; i < 9; i++) {
|
|
let item = Object();
|
|
item.slots = 0;
|
|
item.category = noneItems[i][0];
|
|
item.type = noneItems[i][1];
|
|
item.name = noneItems[i][2];
|
|
item.displayName = item.name;
|
|
item.set = null;
|
|
item.quest = null;
|
|
item.skillpoints = [0, 0, 0, 0, 0];
|
|
item.has_negstat = false;
|
|
item.reqs = [0, 0, 0, 0, 0];
|
|
item.fixID = true;
|
|
item.tier = " ";//do not get rid of this @hpp
|
|
item.id = 10000 + i;
|
|
item.nDam = "0-0";
|
|
item.eDam = "0-0";
|
|
item.tDam = "0-0";
|
|
item.wDam = "0-0";
|
|
item.fDam = "0-0";
|
|
item.aDam = "0-0";
|
|
|
|
noneItems[i] = item;
|
|
}
|
|
items = items.concat(noneItems);
|
|
console.log(items);
|
|
for (const item of items) {
|
|
if (item.remapID === undefined) {
|
|
itemLists.get(item.type).push(item.displayName);
|
|
itemMap.set(item.displayName, item);
|
|
if (noneItems.includes(item)) {
|
|
idMap.set(item.id, "");
|
|
}
|
|
else {
|
|
idMap.set(item.id, item.displayName);
|
|
}
|
|
}
|
|
else {
|
|
redirectMap.set(item.id, item.remapID);
|
|
}
|
|
}
|
|
|
|
for (const armorType of armorTypes) {
|
|
populateItemList(armorType);
|
|
// Add change listener to update armor slots.
|
|
document.getElementById(armorType+"-choice").addEventListener("change", (event) => {
|
|
let item = itemMap.get(event.target.value);
|
|
if (item !== undefined) {
|
|
document.getElementById(armorType+"-slots").textContent = item.slots + " slots";
|
|
}
|
|
else {
|
|
document.getElementById(armorType+"-slots").textContent = "X slots";
|
|
}
|
|
});
|
|
}
|
|
|
|
let ring1_list = document.getElementById("ring1-items");
|
|
let ring2_list = document.getElementById("ring2-items");
|
|
for (const ring of itemLists.get("ring")) {
|
|
let el1 = document.createElement("option");
|
|
let el2 = document.createElement("option");
|
|
el1.value = ring;
|
|
el2.value = ring;
|
|
ring1_list.appendChild(el1);
|
|
ring2_list.appendChild(el2);
|
|
}
|
|
|
|
populateItemList("bracelet");
|
|
populateItemList("necklace");
|
|
|
|
let weapon_list = document.getElementById("weapon-items");
|
|
for (const weaponType of weaponTypes) {
|
|
for (const weapon of itemLists.get(weaponType)) {
|
|
let el = document.createElement("option");
|
|
el.value = weapon;
|
|
weapon_list.appendChild(el);
|
|
}
|
|
}
|
|
|
|
// Add change listener to update weapon slots.
|
|
document.getElementById("weapon-choice").addEventListener("change", (event) => {
|
|
let item = itemMap.get(event.target.value);
|
|
if (item !== undefined) {
|
|
document.getElementById("weapon-slots").textContent = item.slots + " slots";
|
|
}
|
|
else {
|
|
document.getElementById("weapon-slots").textContent = "X slots";
|
|
}
|
|
});
|
|
|
|
decodeBuild(url_tag);
|
|
}
|
|
|
|
function getItemNameFromID(id) {
|
|
if (redirectMap.has(id)) {
|
|
return getItemNameFromID(redirectMap.get(id));
|
|
}
|
|
return idMap.get(id);
|
|
}
|
|
|
|
/*
|
|
* Populate fields based on url, and calculate build.
|
|
*/
|
|
function decodeBuild(url_tag) {
|
|
if (url_tag) {
|
|
let equipment = [null, null, null, null, null, null, null, null, null];
|
|
let powdering = ["", "", "", "", ""];
|
|
let info = url_tag.split("_");
|
|
let version = info[0];
|
|
let save_skp = false;
|
|
let skillpoints = [0, 0, 0, 0, 0];
|
|
let level = 106;
|
|
if (version === "0" || version === "1" || version === "2" || version === "3") {
|
|
let equipments = info[1];
|
|
for (let i = 0; i < 9; ++i ) {
|
|
equipment[i] = getItemNameFromID(Base64.toInt(equipments.slice(i*3,i*3+3)));
|
|
}
|
|
}
|
|
if (version === "1") {
|
|
let powder_info = info[1].slice(27);
|
|
console.log(powder_info);
|
|
// TODO: Make this run in linear instead of quadratic time... ew
|
|
for (let i = 0; i < 5; ++i) {
|
|
let powders = "";
|
|
let n_blocks = Base64.toInt(powder_info.charAt(0));
|
|
console.log(n_blocks + " blocks");
|
|
powder_info = powder_info.slice(1);
|
|
for (let j = 0; j < n_blocks; ++j) {
|
|
let block = powder_info.slice(0,5);
|
|
console.log(block);
|
|
let six_powders = Base64.toInt(block);
|
|
for (let k = 0; k < 6 && six_powders != 0; ++k) {
|
|
powders += powderNames.get((six_powders & 0x1f) - 1);
|
|
six_powders >>>= 5;
|
|
}
|
|
powder_info = powder_info.slice(5);
|
|
}
|
|
powdering[i] = powders;
|
|
}
|
|
}
|
|
if (version === "2") {
|
|
save_skp = true;
|
|
let skillpoint_info = info[1].slice(27, 37);
|
|
for (let i = 0; i < 5; ++i ) {
|
|
skillpoints[i] = Base64.toIntSigned(skillpoint_info.slice(i*2,i*2+2));
|
|
}
|
|
|
|
let powder_info = info[1].slice(37);
|
|
console.log(powder_info);
|
|
// TODO: Make this run in linear instead of quadratic time...
|
|
for (let i = 0; i < 5; ++i) {
|
|
let powders = "";
|
|
let n_blocks = Base64.toInt(powder_info.charAt(0));
|
|
console.log(n_blocks + " blocks");
|
|
powder_info = powder_info.slice(1);
|
|
for (let j = 0; j < n_blocks; ++j) {
|
|
let block = powder_info.slice(0,5);
|
|
console.log(block);
|
|
let six_powders = Base64.toInt(block);
|
|
for (let k = 0; k < 6 && six_powders != 0; ++k) {
|
|
powders += powderNames.get((six_powders & 0x1f) - 1);
|
|
six_powders >>>= 5;
|
|
}
|
|
powder_info = powder_info.slice(5);
|
|
}
|
|
powdering[i] = powders;
|
|
}
|
|
}
|
|
if(version === "3"){
|
|
level = Base64.toInt(info[1].slice(37,39));
|
|
setValue("level-choice",level);
|
|
save_skp = true;
|
|
let skillpoint_info = info[1].slice(27, 37);
|
|
for (let i = 0; i < 5; ++i ) {
|
|
skillpoints[i] = Base64.toIntSigned(skillpoint_info.slice(i*2,i*2+2));
|
|
}
|
|
|
|
let powder_info = info[1].slice(39);
|
|
// TODO: Make this run in linear instead of quadratic time...
|
|
for (let i = 0; i < 5; ++i) {
|
|
let powders = "";
|
|
let n_blocks = Base64.toInt(powder_info.charAt(0));
|
|
powder_info = powder_info.slice(1);
|
|
for (let j = 0; j < n_blocks; ++j) {
|
|
let block = powder_info.slice(0,5);
|
|
console.log(block);
|
|
let six_powders = Base64.toInt(block);
|
|
for (let k = 0; k < 6 && six_powders != 0; ++k) {
|
|
powders += powderNames.get((six_powders & 0x1f) - 1);
|
|
six_powders >>>= 5;
|
|
}
|
|
powder_info = powder_info.slice(5);
|
|
}
|
|
powdering[i] = powders;
|
|
}
|
|
}
|
|
for (let i in powderInputs) {
|
|
setValue(powderInputs[i], powdering[i]);
|
|
}
|
|
for (let i in equipment) {
|
|
setValue(equipmentInputs[i], equipment[i]);
|
|
}
|
|
calculateBuild(save_skp, skillpoints);
|
|
}
|
|
}
|
|
|
|
/* Stores the entire build in a string using B64 encryption and adds it to the URL.
|
|
*/
|
|
function encodeBuild() {
|
|
if (player_build) {
|
|
let build_string = "3_" + Base64.fromIntN(player_build.helmet.get("id"), 3) +
|
|
Base64.fromIntN(player_build.chestplate.get("id"), 3) +
|
|
Base64.fromIntN(player_build.leggings.get("id"), 3) +
|
|
Base64.fromIntN(player_build.boots.get("id"), 3) +
|
|
Base64.fromIntN(player_build.ring1.get("id"), 3) +
|
|
Base64.fromIntN(player_build.ring2.get("id"), 3) +
|
|
Base64.fromIntN(player_build.bracelet.get("id"), 3) +
|
|
Base64.fromIntN(player_build.necklace.get("id"), 3) +
|
|
Base64.fromIntN(player_build.weapon.get("id"), 3);
|
|
|
|
for (const skp of skp_order) {
|
|
build_string += Base64.fromIntN(getValue(skp + "-skp"), 2); // Maximum skillpoints: 2048
|
|
}
|
|
build_string += Base64.fromIntN(player_build.level, 2);
|
|
for (const _powderset of player_build.powders) {
|
|
let n_bits = Math.ceil(_powderset.length / 6);
|
|
build_string += Base64.fromIntN(n_bits, 1); // Hard cap of 378 powders.
|
|
// Slice copy.
|
|
let powderset = _powderset.slice();
|
|
while (powderset.length != 0) {
|
|
let firstSix = powderset.slice(0,6).reverse();
|
|
let powder_hash = 0;
|
|
for (const powder of firstSix) {
|
|
powder_hash = (powder_hash << 5) + 1 + powder; // LSB will be extracted first.
|
|
}
|
|
build_string += Base64.fromIntN(powder_hash, 5);
|
|
powderset = powderset.slice(6);
|
|
}
|
|
}
|
|
|
|
return build_string;
|
|
}
|
|
return "";
|
|
}
|
|
|
|
function calculateBuild(save_skp, skp){
|
|
try {
|
|
let specialNames = ["Quake", "Chain_Lightning", "Curse", "Courage", "Air_Prison"];
|
|
for (const sName of specialNames) {
|
|
for (let i = 1; i < 6; i++) {
|
|
let elem = document.getElementById(sName + "-" + i);
|
|
let name = sName.replace("_", " ");
|
|
if (elem.classList.contains("toggleOn")) { //toggle the pressed button off
|
|
elem.classList.remove("toggleOn");
|
|
let special = powderSpecialStats[specialNames.indexOf(sName)];
|
|
console.log(special);
|
|
if (special["weaponSpecialEffects"].has("Damage Boost")) {
|
|
if (name === "Courage" || name === "Curse") { //courage is universal damage boost
|
|
//player_build.damageMultiplier -= special.weaponSpecialEffects.get("Damage Boost")[i-1]/100;
|
|
player_build.externalStats.set("sdPct", player_build.externalStats.get("sdPct") - special.weaponSpecialEffects.get("Damage Boost")[i-1]);
|
|
player_build.externalStats.set("mdPct", player_build.externalStats.get("mdPct") - special.weaponSpecialEffects.get("Damage Boost")[i-1]);
|
|
player_build.externalStats.set("poisonPct", player_build.externalStats.get("poisonPct") - special.weaponSpecialEffects.get("Damage Boost")[i-1]);
|
|
} else if (name === "Air Prison") {
|
|
player_build.externalStats.set("aDamPct", player_build.externalStats.get("aDamPct") - special.weaponSpecialEffects.get("Damage Boost")[i-1]);
|
|
player_build.externalStats.get("damageBonus")[4] -= special.weaponSpecialEffects.get("Damage Boost")[i-1];
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
if(player_build){
|
|
updateBoosts("skip", false);
|
|
updatePowderSpecials("skip", false);
|
|
}
|
|
//updatePowderSpecials("skip"); //jank pt 1
|
|
save_skp = (typeof save_skp !== 'undefined') ? save_skp : false;
|
|
/* TODO: implement level changing
|
|
Make this entire function prettier
|
|
*/
|
|
let equipment = [ null, null, null, null, null, null, null, null, null ];
|
|
for (let i in equipment) {
|
|
let equip = getValue(equipmentInputs[i]);
|
|
if (equip === "") equip = "No " + equipment_names[i];
|
|
equipment[i] = equip;
|
|
}
|
|
let powderings = [];
|
|
let errors = [];
|
|
for (const i in powderInputs) {
|
|
// read in two characters at a time.
|
|
// TODO: make this more robust.
|
|
let input = getValue(powderInputs[i]);
|
|
let powdering = [];
|
|
let errorederrors = [];
|
|
while (input) {
|
|
let first = input.slice(0, 2);
|
|
let powder = powderIDs.get(first);
|
|
console.log(powder);
|
|
if (powder === undefined) {
|
|
errorederrors.push(first);
|
|
} else {
|
|
powdering.push(powder);
|
|
}
|
|
input = input.slice(2);
|
|
}
|
|
if (errorederrors.length > 0) {
|
|
if (errorederrors.length > 1)
|
|
errors.push(new IncorrectInput(errorederrors.join(""), "t6w6", powderInputs[i]));
|
|
else
|
|
errors.push(new IncorrectInput(errorederrors[0], "t6 or e3", powderInputs[i]));
|
|
}
|
|
console.log("POWDERING" + powdering);
|
|
powderings.push(powdering);
|
|
}
|
|
|
|
console.log(equipment);
|
|
console.log(document.getElementById("level-choice").value);
|
|
player_build = new Build(document.getElementById("level-choice").value, equipment, powderings, new Map(), errors);
|
|
|
|
for (let i of document.getElementsByClassName("hide-container-block")) {
|
|
i.style.display = "block";
|
|
}
|
|
for (let i of document.getElementsByClassName("hide-container-grid")) {
|
|
i.style.display = "grid";
|
|
}
|
|
|
|
console.log(player_build.toString());
|
|
displayEquipOrder(document.getElementById("build-order"),player_build.equip_order);
|
|
|
|
|
|
|
|
const assigned = player_build.base_skillpoints;
|
|
const skillpoints = player_build.total_skillpoints;
|
|
for (let i in skp_order){ //big bren
|
|
setText(skp_order[i] + "-skp-base", "Original Value: " + skillpoints[i]);
|
|
}
|
|
|
|
for (let id of editable_item_fields) {
|
|
setValue(id, player_build.statMap.get(id));
|
|
setText(id+"-base", "Original Value: " + player_build.statMap.get(id));
|
|
}
|
|
|
|
if (save_skp) {
|
|
// TODO: reduce duplicated code, @updateStats
|
|
let skillpoints = player_build.total_skillpoints;
|
|
let delta_total = 0;
|
|
for (let i in skp_order) {
|
|
let manual_assigned = skp[i];
|
|
let delta = manual_assigned - skillpoints[i];
|
|
skillpoints[i] = manual_assigned;
|
|
player_build.base_skillpoints[i] += delta;
|
|
delta_total += delta;
|
|
}
|
|
player_build.assigned_skillpoints += delta_total;
|
|
}
|
|
|
|
calculateBuildStats();
|
|
setTitle();
|
|
if (player_build.errored)
|
|
throw new ListError(player_build.errors);
|
|
|
|
}
|
|
catch (error) {
|
|
if (error instanceof ListError) {
|
|
for (let i of error.errors) {
|
|
if (i instanceof ItemNotFound) {
|
|
i.element.textContent = i.message;
|
|
} else if (i instanceof IncorrectInput) {
|
|
if (document.getElementById(i.id) !== null) {
|
|
document.getElementById(i.id).parentElement.querySelectorAll("p.error")[0].textContent = i.message;
|
|
}
|
|
} else {
|
|
let msg = i.stack;
|
|
let lines = msg.split("\n");
|
|
let header = document.getElementById("header");
|
|
header.textContent = "";
|
|
for (const line of lines) {
|
|
let p = document.createElement("p");
|
|
p.classList.add("itemp");
|
|
p.textContent = line;
|
|
header.appendChild(p);
|
|
}
|
|
let p2 = document.createElement("p");
|
|
p2.textContent = "If you believe this is an error, contact hppeng on forums or discord.";
|
|
header.appendChild(p2);
|
|
}
|
|
}
|
|
} else {
|
|
let msg = error.stack;
|
|
let lines = msg.split("\n");
|
|
let header = document.getElementById("header");
|
|
header.textContent = "";
|
|
for (const line of lines) {
|
|
let p = document.createElement("p");
|
|
p.classList.add("itemp");
|
|
p.textContent = line;
|
|
header.appendChild(p);
|
|
}
|
|
let p2 = document.createElement("p");
|
|
p2.textContent = "If you believe this is an error, contact hppeng on forums or discord.";
|
|
header.appendChild(p2);
|
|
}
|
|
}
|
|
}
|
|
|
|
/* Updates all build statistics based on (for now) the skillpoint input fields and then calculates build stats.
|
|
*/
|
|
function updateStats() {
|
|
|
|
let specialNames = ["Quake", "Chain_Lightning", "Curse", "Courage", "Air_Prison"];
|
|
for (const sName of specialNames) {
|
|
for (let i = 1; i < 6; i++) {
|
|
let elem = document.getElementById(sName + "-" + i);
|
|
let name = sName.replace("_", " ");
|
|
if (elem.classList.contains("toggleOn")) { //toggle the pressed button off
|
|
elem.classList.remove("toggleOn");
|
|
let special = powderSpecialStats[specialNames.indexOf(sName)];
|
|
console.log(special);
|
|
if (special["weaponSpecialEffects"].has("Damage Boost")) {
|
|
if (name === "Courage" || name === "Curse") { //courage is universal damage boost
|
|
//player_build.damageMultiplier -= special.weaponSpecialEffects.get("Damage Boost")[i-1]/100;
|
|
player_build.externalStats.set("sdPct", player_build.externalStats.get("sdPct") - special.weaponSpecialEffects.get("Damage Boost")[i-1]);
|
|
player_build.externalStats.set("mdPct", player_build.externalStats.get("mdPct") - special.weaponSpecialEffects.get("Damage Boost")[i-1]);
|
|
player_build.externalStats.set("poisonPct", player_build.externalStats.get("poisonPct") - special.weaponSpecialEffects.get("Damage Boost")[i-1]);
|
|
} else if (name === "Air Prison") {
|
|
player_build.externalStats.set("aDamPct", player_build.externalStats.get("aDamPct") - special.weaponSpecialEffects.get("Damage Boost")[i-1]);
|
|
player_build.externalStats.get("damageBonus")[4] -= special.weaponSpecialEffects.get("Damage Boost")[i-1];
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
//WILL BREAK WEBSITE IF NO BUILD HAS BEEN INITIALIZED! @HPP
|
|
let skillpoints = player_build.total_skillpoints;
|
|
let delta_total = 0;
|
|
for (let i in skp_order) {
|
|
let value = document.getElementById(skp_order[i] + "-skp").value;
|
|
let manual_assigned = 0;
|
|
if (value.includes("+")) {
|
|
let skp = value.split("+");
|
|
for (const s of skp) {
|
|
manual_assigned += parseInt(s,10);
|
|
}
|
|
} else {
|
|
manual_assigned = parseInt(value,10);
|
|
}
|
|
let delta = manual_assigned - skillpoints[i];
|
|
skillpoints[i] = manual_assigned;
|
|
player_build.base_skillpoints[i] += delta;
|
|
delta_total += delta;
|
|
}
|
|
player_build.assigned_skillpoints += delta_total;
|
|
if(player_build){
|
|
updatePowderSpecials("skip", false);
|
|
updateBoosts("skip", false);
|
|
}
|
|
for (let id of editable_item_fields) {
|
|
player_build.statMap.set(id, parseInt(getValue(id)));
|
|
}
|
|
player_build.aggregateStats();
|
|
console.log(player_build.statMap);
|
|
calculateBuildStats();
|
|
}
|
|
/* Updates all spell boosts
|
|
*/
|
|
function updateBoosts(buttonId, recalcStats) {
|
|
let elem = document.getElementById(buttonId);
|
|
let name = buttonId.split("-")[0];
|
|
if(buttonId !== "skip") {
|
|
if (elem.classList.contains("toggleOn")) {
|
|
player_build.damageMultiplier -= damageMultipliers.get(name);
|
|
if (name === "warscream") {
|
|
player_build.defenseMultiplier -= .20;
|
|
}
|
|
elem.classList.remove("toggleOn");
|
|
}else{
|
|
player_build.damageMultiplier += damageMultipliers.get(name);
|
|
if (name === "warscream") {
|
|
player_build.defenseMultiplier += .20;
|
|
}
|
|
elem.classList.add("toggleOn");
|
|
}
|
|
updatePowderSpecials("skip", false); //jank pt 1
|
|
} else {
|
|
for (const [key, value] of damageMultipliers) {
|
|
let elem = document.getElementById(key + "-boost")
|
|
if (elem.classList.contains("toggleOn")) {
|
|
elem.classList.remove("toggleOn");
|
|
player_build.damageMultiplier -= value;
|
|
if (key === "warscream") { player_build.defenseMultiplier -= .20 }
|
|
}
|
|
}
|
|
}
|
|
if (recalcStats) {
|
|
calculateBuildStats();
|
|
}
|
|
}
|
|
|
|
/* Updates all powder special boosts
|
|
*/
|
|
function updatePowderSpecials(buttonId, recalcStats) {
|
|
//console.log(player_build.statMap);
|
|
|
|
let name = (buttonId).split("-")[0];
|
|
let power = (buttonId).split("-")[1]; // [1, 5]
|
|
let specialNames = ["Quake", "Chain Lightning", "Curse", "Courage", "Air Prison"];
|
|
let powderSpecials = []; // [ [special, power], [special, power]]
|
|
|
|
|
|
if(name !== "skip"){
|
|
let elem = document.getElementById(buttonId);
|
|
if (elem.classList.contains("toggleOn")) { //toggle the pressed button off
|
|
elem.classList.remove("toggleOn");
|
|
let special = powderSpecialStats[specialNames.indexOf(name.replace("_", " "))];
|
|
if (special.weaponSpecialEffects.has("Damage Boost")) {
|
|
name = name.replace("_", " ");
|
|
if (name === "Courage" || name === "Curse") { //courage and curse are universal damage boost
|
|
player_build.externalStats.set("sdPct", player_build.externalStats.get("sdPct") - special.weaponSpecialEffects.get("Damage Boost")[power-1]);
|
|
player_build.externalStats.set("mdPct", player_build.externalStats.get("mdPct") - special.weaponSpecialEffects.get("Damage Boost")[power-1]);
|
|
player_build.externalStats.set("poisonPct", player_build.externalStats.get("poisonPct") - special.weaponSpecialEffects.get("Damage Boost")[power-1]);
|
|
//poison?
|
|
} else if (name === "Air Prison") {
|
|
player_build.externalStats.set("aDamPct", player_build.externalStats.get("aDamPct") - special.weaponSpecialEffects.get("Damage Boost")[power-1]);
|
|
player_build.externalStats.get("damageBonus")[4] -= special.weaponSpecialEffects.get("Damage Boost")[power-1];
|
|
}
|
|
}
|
|
} else {
|
|
for (let i = 1;i < 6; i++) { //toggle all pressed buttons of the same powder special off
|
|
//name is same, power is i
|
|
if(document.getElementById(name.replace(" ", "_") + "-" + i).classList.contains("toggleOn")) {
|
|
document.getElementById(name.replace(" ", "_") + "-" + i).classList.remove("toggleOn");
|
|
let special = powderSpecialStats[specialNames.indexOf(name.replace("_", " "))];
|
|
if (special.weaponSpecialEffects.has("Damage Boost")) {
|
|
name = name.replace("_", " "); //might be redundant
|
|
if (name === "Courage" || name === "Curse") { //courage is universal damage boost
|
|
//player_build.damageMultiplier -= special.weaponSpecialEffects.get("Damage Boost")[i-1]/100;
|
|
player_build.externalStats.set("sdPct", player_build.externalStats.get("sdPct") - special.weaponSpecialEffects.get("Damage Boost")[i-1]);
|
|
player_build.externalStats.set("mdPct", player_build.externalStats.get("mdPct") - special.weaponSpecialEffects.get("Damage Boost")[i-1]);
|
|
player_build.externalStats.set("poisonPct", player_build.externalStats.get("poisonPct") - special.weaponSpecialEffects.get("Damage Boost")[i-1]);
|
|
} else if (name === "Air Prison") {
|
|
player_build.externalStats.set("aDamPct", player_build.externalStats.get("aDamPct") - special.weaponSpecialEffects.get("Damage Boost")[i-1]);
|
|
player_build.externalStats.get("damageBonus")[4] -= special.weaponSpecialEffects.get("Damage Boost")[i-1];
|
|
}
|
|
}
|
|
}
|
|
}
|
|
//toggle the pressed button on
|
|
elem.classList.add("toggleOn");
|
|
}
|
|
}
|
|
|
|
for (const sName of specialNames) {
|
|
for (let i = 1;i < 6; i++) {
|
|
if (document.getElementById(sName.replace(" ","_") + "-" + i).classList.contains("toggleOn")) {
|
|
let powderSpecial = powderSpecialStats[specialNames.indexOf(sName.replace("_"," "))];
|
|
powderSpecials.push([powderSpecial, i]);
|
|
break;
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
if (name !== "skip") {
|
|
let elem = document.getElementById(buttonId);
|
|
if (elem.classList.contains("toggleOn")) {
|
|
let special = powderSpecialStats[specialNames.indexOf(name.replace("_", " "))];
|
|
if (special["weaponSpecialEffects"].has("Damage Boost")) {
|
|
let name = special["weaponSpecialName"];
|
|
if (name === "Courage" || name === "Curse") { //courage and curse are is universal damage boost
|
|
player_build.externalStats.set("sdPct", player_build.externalStats.get("sdPct") + special.weaponSpecialEffects.get("Damage Boost")[power-1]);
|
|
player_build.externalStats.set("mdPct", player_build.externalStats.get("mdPct") + special.weaponSpecialEffects.get("Damage Boost")[power-1]);
|
|
player_build.externalStats.set("poisonPct", player_build.externalStats.get("poisonPct") + special.weaponSpecialEffects.get("Damage Boost")[power-1]);
|
|
} else if (name === "Air Prison") {
|
|
player_build.externalStats.set("aDamPct", player_build.externalStats.get("aDamPct") + special.weaponSpecialEffects.get("Damage Boost")[power-1]);
|
|
player_build.externalStats.get("damageBonus")[4] += special.weaponSpecialEffects.get("Damage Boost")[power-1];
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
if (recalcStats) {
|
|
calculateBuildStats();
|
|
}
|
|
displayPowderSpecials(document.getElementById("powder-special-stats"), powderSpecials, player_build);
|
|
}
|
|
/* Calculates all build statistics and updates the entire display.
|
|
*/
|
|
function calculateBuildStats() {
|
|
const assigned = player_build.base_skillpoints;
|
|
const skillpoints = player_build.total_skillpoints;
|
|
let skp_effects = ["% more damage dealt.","% chance to crit.","% spell cost reduction.","% less damage taken.","% chance to dodge."];
|
|
for (let i in skp_order){ //big bren
|
|
setText(skp_order[i] + "-skp-assign", "Manually Assigned: " + assigned[i]);
|
|
setValue(skp_order[i] + "-skp", skillpoints[i]);
|
|
let linebreak = document.createElement("br");
|
|
linebreak.classList.add("itemp");
|
|
document.getElementById(skp_order[i] + "-skp-label");
|
|
setText(skp_order[i] + "-skp-pct", (skillPointsToPercentage(skillpoints[i])*100).toFixed(1).concat(skp_effects[i]));
|
|
if (assigned[i] > 100) {
|
|
let skp_warning = document.createElement("p");
|
|
skp_warning.classList.add("warning");
|
|
skp_warning.textContent += "WARNING: Cannot assign " + assigned[i] + " skillpoints in " + ["Strength","Dexterity","Intelligence","Defense","Agility"][i] + " manually.";
|
|
document.getElementById(skp_order[i]+"-skp-pct").appendChild(skp_warning);
|
|
}
|
|
}
|
|
|
|
let summarybox = document.getElementById("summary-box");
|
|
summarybox.textContent = "";
|
|
let skpRow = document.createElement("p");
|
|
//skpRow.classList.add("left");
|
|
let td = document.createElement("p");
|
|
//td.classList.add("left");
|
|
|
|
/* let skpSummary = document.createElement("b");
|
|
skpSummary.textContent = "Assigned " + player_build.assigned_skillpoints + " skillpoints. Total: (";
|
|
//skpSummary.classList.add("itemp");
|
|
td.appendChild(skpSummary);
|
|
for (let i = 0; i < skp_order.length; i++){
|
|
let skp = document.createElement("b");
|
|
let boost = document.createElement("b");
|
|
skp.classList.add(damageClasses[i+1]);
|
|
boost.textContent = player_build.total_skillpoints[i];
|
|
if (i < 4) {
|
|
boost.classList.add("space");
|
|
}
|
|
td.appendChild(skp);
|
|
td.appendChild(boost);
|
|
}
|
|
|
|
let skpEnd = document.createElement("b");
|
|
skpEnd.textContent = ")";
|
|
td.appendChild(skpEnd);
|
|
skpRow.append(td); */
|
|
|
|
let remainingSkp = document.createElement("p");
|
|
remainingSkp.classList.add("center");
|
|
let remainingSkpTitle = document.createElement("b");
|
|
remainingSkpTitle.textContent = "Assigned " + player_build.assigned_skillpoints + " skillpoints. Remaining skillpoints: ";
|
|
let remainingSkpContent = document.createElement("b");
|
|
remainingSkpContent.textContent = "" + (levelToSkillPoints(player_build.level) - player_build.assigned_skillpoints);
|
|
remainingSkpContent.classList.add(levelToSkillPoints(player_build.level) - player_build.assigned_skillpoints < 0 ? "negative" : "positive");
|
|
|
|
remainingSkp.appendChild(remainingSkpTitle);
|
|
remainingSkp.appendChild(remainingSkpContent);
|
|
|
|
|
|
summarybox.append(skpRow);
|
|
summarybox.append(remainingSkp);
|
|
if(player_build.assigned_skillpoints > levelToSkillPoints(player_build.level)){
|
|
let skpWarning = document.createElement("p");
|
|
//skpWarning.classList.add("itemp");
|
|
skpWarning.classList.add("warning");
|
|
skpWarning.classList.add("itemp");
|
|
skpWarning.textContent = "WARNING: Too many skillpoints need to be assigned!";
|
|
let skpCount = document.createElement("p");
|
|
skpCount.classList.add("itemp");
|
|
skpCount.textContent = "For level " + (player_build.level>101 ? "101+" : player_build.level) + ", there are only " + levelToSkillPoints(player_build.level) + " skill points available.";
|
|
summarybox.append(skpWarning);
|
|
summarybox.append(skpCount);
|
|
}
|
|
let lvlWarning;
|
|
for (const item of player_build.items) {
|
|
if (player_build.level < item.get("lvl")) {
|
|
if (!lvlWarning) {
|
|
lvlWarning = document.createElement("p");
|
|
lvlWarning.classList.add("itemp");
|
|
lvlWarning.classList.add("warning");
|
|
lvlWarning.textContent = "WARNING: A level " + player_build.level + " player cannot use some piece(s) of this build."
|
|
}
|
|
let baditem = document.createElement("p");
|
|
baditem.classList.add("nocolor");
|
|
baditem.classList.add("itemp");
|
|
baditem.textContent = item.get("name") + " requires level " + item.get("lvl") + " to use.";
|
|
lvlWarning.appendChild(baditem);
|
|
}
|
|
}
|
|
if(lvlWarning){
|
|
summarybox.append(lvlWarning);
|
|
}
|
|
|
|
for (let i in player_build.items) {
|
|
displayExpandedItem(player_build.items[i], buildFields[i]);
|
|
}
|
|
|
|
displayBuildStats("build-overall-stats",player_build);
|
|
displaySetBonuses("set-info",player_build);
|
|
displayNextCosts("int-info",player_build);
|
|
|
|
let meleeStats = player_build.getMeleeStats();
|
|
displayMeleeDamage(document.getElementById("build-melee-stats"), document.getElementById("build-melee-statsAvg"), meleeStats);
|
|
|
|
displayDefenseStats(document.getElementById("build-defense-stats"),player_build);
|
|
|
|
displayPoisonDamage(document.getElementById("build-poison-stats"),player_build);
|
|
|
|
let spells = spell_table[player_build.weapon.get("type")];
|
|
for (let i = 0; i < 4; ++i) {
|
|
let parent_elem = document.getElementById("spell"+i+"-info");
|
|
let overallparent_elem = document.getElementById("spell"+i+"-infoAvg");
|
|
displaySpellDamage(parent_elem, overallparent_elem, player_build, spells[i], i+1);
|
|
}
|
|
|
|
location.hash = encodeBuild();
|
|
clear_highlights();
|
|
}
|
|
|
|
function copyBuild() {
|
|
if (player_build) {
|
|
copyTextToClipboard(url_base+location.hash);
|
|
document.getElementById("copy-button").textContent = "Copied!";
|
|
}
|
|
}
|
|
|
|
function shareBuild() {
|
|
if (player_build) {
|
|
let text = url_base+location.hash+"\n"+
|
|
"WynnBuilder build:\n"+
|
|
"> "+player_build.helmet.get("displayName")+"\n"+
|
|
"> "+player_build.chestplate.get("displayName")+"\n"+
|
|
"> "+player_build.leggings.get("displayName")+"\n"+
|
|
"> "+player_build.boots.get("displayName")+"\n"+
|
|
"> "+player_build.ring1.get("displayName")+"\n"+
|
|
"> "+player_build.ring2.get("displayName")+"\n"+
|
|
"> "+player_build.bracelet.get("displayName")+"\n"+
|
|
"> "+player_build.necklace.get("displayName")+"\n"+
|
|
"> "+player_build.weapon.get("displayName")+" ["+player_build.weapon.get("powders").map(x => powderNames.get(x)).join("")+"]";
|
|
copyTextToClipboard(text);
|
|
document.getElementById("share-button").textContent = "Copied!";
|
|
}
|
|
}
|
|
|
|
function resetFields(){
|
|
for (let i in powderInputs) {
|
|
setValue(powderInputs[i], "");
|
|
}
|
|
for (let i in equipmentInputs) {
|
|
setValue(equipmentInputs[i], "");
|
|
}
|
|
setValue("str-skp", "0");
|
|
setValue("dex-skp", "0");
|
|
setValue("int-skp", "0");
|
|
setValue("def-skp", "0");
|
|
setValue("agi-skp", "0");
|
|
setValue("level-choice", "");
|
|
location.hash = "";
|
|
calculateBuild();
|
|
}
|
|
|
|
function toggleID() {
|
|
let button = document.getElementById("show-id-button");
|
|
let targetDiv = document.getElementById("id-edit");
|
|
if (button.classList.contains("toggleOn")) { //toggle the pressed button off
|
|
targetDiv.style.display = "none";
|
|
button.classList.remove("toggleOn");
|
|
}
|
|
else {
|
|
targetDiv.style.display = "block";
|
|
button.classList.add("toggleOn");
|
|
}
|
|
}
|
|
|
|
load_init(init);
|
|
|