Class Optimizer
Find the optimal starting class for your build.
diff --git a/src/planner.html b/src/planner.html
index 5ae1914..cee6aa9 100644
--- a/src/planner.html
+++ b/src/planner.html
@@ -31,78 +31,140 @@
+ - Equipment
+
+
+
-
- Equipment
+ Weapons
+ Optimize
+
+ -
+
+
+
+
+
+
+
+
+
+
- - Weapons
+ -
+ Armor
+ Optimize
+
+ -
+
+
+
+
+
-
-
- - Armor
- Talismans
+ -
+
+
+
+
+
- Spells
+
+ -
+
+ Click to show slots
+
+
+
+
+ -
+
+
+
diff --git a/src/script/armor.js b/src/script/armor.js
index 7adc7da..e471d66 100644
--- a/src/script/armor.js
+++ b/src/script/armor.js
@@ -1,13 +1,13 @@
-const HELMETS = fetch("/data/armor/helmets.json")
+const HELMETS = fetch("/data/helmets.json")
.then(response => response.json())
.catch(error => console.log(error));
-const CHESTPIECES = fetch("/data/armor/chestpieces.json")
+const CHESTPIECES = fetch("/data/chestpieces.json")
.then(response => response.json())
.catch(error => console.log(error));
-const GAUNTLETS = fetch("/data/armor/gauntlets.json")
+const GAUNTLETS = fetch("/data/gauntlets.json")
.then(response => response.json())
.catch(error => console.log(error));
-const LEGGINGS = fetch("/data/armor/leggings.json")
+const LEGGINGS = fetch("/data/leggings.json")
.then(response => response.json())
.catch(error => console.log(error));
@@ -18,10 +18,10 @@ var leggings;
async function init() {
// populate filter selects
- populateSelect("locked-option", "select-helmet", await HELMETS);
- populateSelect("locked-option", "select-chestpiece", await CHESTPIECES);
- populateSelect("locked-option", "select-gauntlets", await GAUNTLETS);
- populateSelect("locked-option", "select-leggings", await LEGGINGS);
+ populateSelect("locked-option", "select-helmet", Object.values(await HELMETS));
+ populateSelect("locked-option", "select-chestpiece", Object.values(await CHESTPIECES));
+ populateSelect("locked-option", "select-gauntlets", Object.values(await GAUNTLETS));
+ populateSelect("locked-option", "select-leggings", Object.values(await LEGGINGS));
update(true);
}
@@ -31,7 +31,7 @@ async function update() {
Array.from(document.getElementsByClassName("sort-result")).forEach(elem => elem.parentNode.removeChild(elem));
// clamp equip load values to reasonable values
- [...document.getElementsByName("equip-load")].forEach(el => el.value = Math.max(el.value, 0.0));
+ // [...document.getElementsByName("equip-load")].forEach(el => el.value = Math.max(el.value, 0.0));
// update budget
let budget = equipLoadBudget();
@@ -42,20 +42,20 @@ async function update() {
let lockedItems = await Promise.all([HELMETS, CHESTPIECES, GAUNTLETS, LEGGINGS])
.then(allItems => {
return [...document.getElementsByName("locked-items")]
- .map(select => select.selectedIndex)
- .map((itemIndex, i) => allItems[i][itemIndex])
+ .map((select, i) => Object.values(allItems[i])[select.selectedIndex])
.filter(item => !item.id.startsWith("no-"));
});
// pre-sort and eliminate some equipment
- helmets = eliminate(await HELMETS, sortBy, lockedItems);
- chestpieces = eliminate(await CHESTPIECES, sortBy, lockedItems);
- gauntlets = eliminate(await GAUNTLETS, sortBy, lockedItems);
- leggings = eliminate(await LEGGINGS, sortBy, lockedItems);
+ helmets = eliminate(Object.values(await HELMETS), sortBy, lockedItems);
+ chestpieces = eliminate(Object.values(await CHESTPIECES), sortBy, lockedItems);
+ gauntlets = eliminate(Object.values(await GAUNTLETS), sortBy, lockedItems);
+ leggings = eliminate(Object.values(await LEGGINGS), sortBy, lockedItems);
let selection = permutations(budget, lockedItems);
// find best sets to display
let best = knapSack(selection, sortBy);
+ console.log("time: " + (t2 - t1));
// show best sets under budget
populateResults("sort-result", "sort-results", best);
@@ -109,15 +109,15 @@ function knapSack(selection, sortBy) {
function fitness(item, sortBy) {
switch (sortBy) {
case "sort-average":
- return item.average ??= item.defenses.reduce((total, n) => total + n, 0);
+ return item.average ??= (item.defenses.reduce((total, n) => total + n, 0) ?? 0);
case "sort-physical":
- return item.physical ??= item.defenses.slice(0, 4).reduce((total, n) => total + n, 0);
+ return item.physical ??= (item.defenses.slice(0, 4).reduce((total, n) => total + n, 0) ?? 0);
case "sort-elemental":
- return item.elemental ??= item.defenses.slice(4, 8).reduce((total, n) => total + n, 0);
+ return item.elemental ??= (item.defenses.slice(4, 8).reduce((total, n) => total + n, 0) ?? 0);
case "sort-resistances":
- return item.resistances ??= item.resistances.reduce((total, n) => total + n, 0);
+ return item.resistances ??= (item.resistances.reduce((total, n) => total + n, 0) ?? 0);
case "sort-poise":
- return item.poise;
+ return item.poise ?? 0;
}
}
diff --git a/src/script/optimizer.js b/src/script/class.js
similarity index 91%
rename from src/script/optimizer.js
rename to src/script/class.js
index 7be3a26..f4e98c7 100644
--- a/src/script/optimizer.js
+++ b/src/script/class.js
@@ -4,7 +4,7 @@ const CLASSES = fetch("/data/classes.json")
const TALISMANS = fetch("/data/talismans.json")
.then(response => response.json())
.catch(error => console.log(error));
-const HELMETS = fetch("/data/armor/helmets.json")
+const HELMETS = fetch("/data/helmets.json")
.then(response => response.json())
.catch(error => console.log(error));
@@ -22,7 +22,8 @@ const STAT_SHORT_NAMES = [
async function init() {
// populate helmet list
let helmets = await HELMETS;
- helmets = helmets.filter(helmet => helmet.stats != null && helmet.stats != undefined);
+ helmets = Object.values(helmets).filter(helmet => helmet.stats != null && helmet.stats != undefined);
+ console.log(helmets)
let helmetTemplate = document.getElementById("helm");
let helmetList = document.getElementById("helmets");
@@ -32,7 +33,7 @@ async function init() {
// populate talisman list
let talismans = await TALISMANS;
- talismans = talismans.filter(talisman => talisman.stats != null && talisman.stats != undefined);
+ talismans = Object.values(talismans).filter(talisman => talisman.stats != null && talisman.stats != undefined);
let talismanTemplate = document.getElementById("talisman");
let talismanList = document.getElementById("talismans");
@@ -53,7 +54,7 @@ async function update() {
)
// get added stats from items
- let items = itemStats((await TALISMANS).concat(await HELMETS));
+ let items = itemStats(Object.values(await TALISMANS).concat(Object.values(await HELMETS)));
desired = desired.map((stat, i) => stat - items[i]);
@@ -97,7 +98,7 @@ async function update() {
}
function sortClasses(classes, desiredStats) {
- let deltas = classes.map(c => {
+ let deltas = Object.values(classes).map(c => {
c.total = c.level + statDelta(c.stats, desiredStats);
return c;
});
diff --git a/src/script/planner.js b/src/script/planner.js
index 25811eb..83e392c 100644
--- a/src/script/planner.js
+++ b/src/script/planner.js
@@ -1,3 +1,22 @@
+const HELMETS = fetch("/data/armor/helmets.json")
+ .then(response => response.json())
+ .catch(error => console.log(error));
+const CHESTPIECES = fetch("/data/armor/chestpieces.json")
+ .then(response => response.json())
+ .catch(error => console.log(error));
+const GAUNTLETS = fetch("/data/armor/gauntlets.json")
+ .then(response => response.json())
+ .catch(error => console.log(error));
+const LEGGINGS = fetch("/data/armor/leggings.json")
+ .then(response => response.json())
+ .catch(error => console.log(error));
+const WEAPONS = fetch("/data/weapons.json")
+ .then(response => response.json())
+ .catch(error => console.log(error));
+const TALISMANS = fetch("/data/talismans.json")
+ .then(response => response.json())
+ .catch(error => console.log(error));
+
const CLASSES = fetch("/data/classes.json")
.then(response => response.json())
.catch(error => console.log(error));
@@ -10,29 +29,66 @@ async function init() {
}
async function update() {
- // get current starting class
+ // get current chosen starting class
let classSelect = document.getElementById("class");
- let currentClass = (await CLASSES).find(c => c.id == classSelect.options[classSelect.selectedIndex].value);
+ let currentClass = await (CLASSES.then(classes => {
+ return classes.find(c => c.id == classSelect.options[classSelect.selectedIndex].id);
+ }));
- let prevClass = { ...startingClass };
- if (prevClass.id != currentClass) {
- // update statistics
- [...document.getElementsByName("stat")].forEach((stat, i) => {
- stat.value = parseInt((stat.value || 0) == prevClass.stats[i] ? currentClass.stats[i] : stat.value);
- });
- document.getElementById("level").value = [...document.getElementsByName("stat")].reduce((total, stat) => total + parseInt(stat), 0) - 79;
- }
+ // get virtual stats
+ let items = await itemStats();
+ console.log(items);
+
+ // update statistics screen
+ let prevClass = startingClass ?? currentClass;
+ [...document.getElementsByName("stat")].forEach((stat, i) => {
+ stat.value = ((stat.value == "" || (stat.value - parseInt(items[i])) == prevClass.stats[i]) ? currentClass.stats[i] + parseInt(items[i]) : parseInt(stat.value) + parseInt(items[i]));
+ });
+ document.getElementById("level").value = [...document.getElementsByName("stat")]
+ .reduce((total, stat) => total + parseInt(stat.value), 0) - 79;
startingClass = currentClass;
}
-async function populate() {
- let select = document.getElementById("class");
- CLASSES.then(classes => {
- classes.forEach(c => {
- let option = new Option(c.name, c.id);
- select.options.add(option);
+function reset(area) {
+ switch (area) {
+ case "equipment":
+ let types = ["helmets", "chestpieces", "gauntlets", "leggings", "weapons", "talismans"];
+ types.forEach(ty => {
+ let selects = [...document.getElementsByName(ty)];
+ selects.forEach(select => {
+ select.selectedIndex = 0;
+ })
+ })
+ break;
+ case "statistics":
+ document.getElementById("class").selectedIndex = 0;
+ [...document.getElementsByName("stat")].forEach(stat => stat.value = 10);
+ break;
+ }
+ update();
+}
+
+async function itemStats() {
+ let helmet = document.getElementById("helmet");
+ let talismans = document.getElementsByName("talismans");
+ let ids = [helmet, ...talismans]
+ .map(elem => elem.options[elem.selectedIndex].value)
+ .filter(id => !id.startsWith("no-"));
+ let relevant = [await HELMETS, await TALISMANS].flat().filter(item => ids.includes(item.id));
+
+ return relevant.reduce((total, item) => total.map((stat, i) => stat += item.stats[i]), [0, 0, 0, 0, 0, 0, 0, 0]);
+}
+
+async function populate() {
+ Promise.all([HELMETS, CHESTPIECES, GAUNTLETS, LEGGINGS, WEAPONS, TALISMANS]).then(itemTypes => {
+ itemTypes.forEach((itemType, i) => {
+ let ty = ["helmets", "chestpieces", "gauntlets", "leggings", "weapons", "talismans"][i];
+ let selects = [...document.getElementsByName(ty)];
+ selects.forEach(select => {
+ itemType.forEach(item => {
+ select.options.add(new Option(item.name, item.id));
+ })
+ })
});
- select.selectedIndex = 0;
- startingClass = classes[0];
});
}
\ No newline at end of file
diff --git a/src/script/weapons.js b/src/script/weapons.js
new file mode 100644
index 0000000..feb7dc3
--- /dev/null
+++ b/src/script/weapons.js
@@ -0,0 +1,51 @@
+const fs = require("fs");
+
+const sum = (a, b) => a + b;
+
+let weapons = JSON.parse(fs.readFileSync("./output/weapons.json"));
+let corrections = JSON.parse(fs.readFileSync("./output/damage.json"));
+let infusions = JSON.parse(fs.readFileSync("./output/infusions.json"));
+
+function damage(weaponId, infusionId, stats, upgradeLevel) {
+ let weapon = weapons.find(weapon => weapon.id = weapon);
+ let infusion = infusions.find(infusion => infusion.id = infusionId);
+
+ weapon = weapon.infusions[infusionId];
+
+ let bases = infusion.damage.map((amount, ty) => weapon.damage[ty] * (amount + infusion.upgrade[ty] * upgradeLevel));
+
+ let extras = bases.map((amount, ty) => {
+ let calc = corrections.find(c => c.id == weapon.corrections[ty]);
+ let correction = modifiers(calc, stats, weapon.masks[ty]);
+ console.log(correction);
+ let scalings = weapon.scaling.map(itemScaling => {
+ return (itemScaling * infusion.scaling[ty] + itemScaling * infusion.scaling[ty] * infusion.growth[ty] * upgradeLevel);
+ })
+ let extras = scalings.map((statScaling, j) => amount * statScaling * correction[j] / 100.0)
+ return extras.reduce(sum);
+ });
+
+ return Math.floor(bases.reduce(sum) + extras.reduce(sum));
+}
+
+function modifiers(calc, stats, masks) {
+ return stats.map((stat, ty) => {
+ let mask = masks[ty];
+ if (mask == 0) {
+ return 0.0;
+ }
+
+ let capIndex = calc.softcaps[ty].findIndex(cap => cap >= stat) - 1;
+ let cap = calc.softcaps[ty][capIndex];
+ let capDelta = (calc.softcaps[ty][capIndex + 1] || cap) - cap;
+ let growth = calc.growth[ty][capIndex];
+ let growthDelta = (calc.growth[ty][capIndex + 1] || growth) - growth;
+ let adjust = calc.adjustments[ty][capIndex];
+
+ if (Math.sign(adjust) != -1) {
+ return growth + growthDelta * ((stat - cap) / capDelta) ** adjust;
+ } else {
+ return growth + growthDelta * (1 - (1 - ((stat - cap) / capDelta)) ** Math.abs(adjust));
+ }
+ })
+}
\ No newline at end of file
diff --git a/src/style/main.css b/src/style/main.css
index 0d742fa..48aa4b7 100644
--- a/src/style/main.css
+++ b/src/style/main.css
@@ -209,11 +209,9 @@ button {
.cards article {
text-align: center;
- flex-grow: 1;
- flex-basis: 25%;
- min-width: 200px;
+ width: 32%;
- border: 1px solid var(--outline);
+ border: 1px solid var(--font-color);
border-radius: 5px;
/* look */
diff --git a/src/weapons.html b/src/weapons.html
new file mode 100644
index 0000000..e69de29