From 9ce1666977797283a52c9c387b6538d346a2ec0d Mon Sep 17 00:00:00 2001 From: b Date: Wed, 20 Jan 2021 05:49:42 -0600 Subject: [PATCH] Misc. UI tweaking --- builder.js | 51 --- crafter.html | 1 + display.js | 2 +- index.html | 874 +++++++++++++++++++++++++-------------------------- narrow.css | 10 +- styles.css | 26 +- wide.css | 13 +- 7 files changed, 474 insertions(+), 503 deletions(-) diff --git a/builder.js b/builder.js index d3df224..9a3a2a7 100644 --- a/builder.js +++ b/builder.js @@ -78,18 +78,6 @@ let equipment_names = [ let equipmentInputs = equipment_fields.map(x => x + "-choice"); let buildFields = equipment_fields.map(x => "build-"+x); -let powderIDs = new Map(); -let powderNames = new Map(); -let _powderID = 0; -for (const x of skp_elements) { - for (let i = 1; i <= 6; ++i) { - // Support both upper and lowercase, I guess. - powderIDs.set(x.toUpperCase()+i, _powderID); - powderIDs.set(x+i, _powderID); - powderNames.set(_powderID, x+i); - _powderID++; - } -} let powderInputs = [ "helmet-powder", "chestplate-powder", @@ -97,45 +85,6 @@ let powderInputs = [ "boots-powder", "weapon-powder", ]; -// Ordering: [dmgMin, dmgMax, convert, defPlus, defMinus (+6 mod 5)] -class Powder { - constructor(min, max, convert, defPlus, defMinus) { - this.min = min; - this.max = max; - this.convert = convert; - this.defPlus = defPlus; - this.defMinus = defMinus; - } -} -function _p(a,b,c,d,e) { return new Powder(a,b,c,d,e); } //bruh moment - -let powderStats = [ - _p(3,6,17,2,1), _p(6,9,21,4,2), _p(8,14,25,8,3), _p(11,16,31,14,5), _p(15,18,38,22,9), _p(18,22,46,30,13), - _p(1,8,9,3,1), _p(1,13,11,5,1), _p(2,18,14,9,2), _p(3,24,17,14,4), _p(3,32,22,20,7), _p(5,40,28,28,10), - _p(3,4,13,3,1), _p(4,7,15,6,1), _p(6,10,17,11,2), _p(8,12,21,18,4), _p(11,14,26,28,7), _p(13,17,32,40,10), - _p(2,5,14,3,1), _p(4,8,16,5,2), _p(6,10,19,9,3), _p(9,13,24,16,5), _p(12,16,30,25,9), _p(15,19,37,36,13), - _p(2,6,11,3,1), _p(4,9,14,6,2), _p(7,10,17,10,3), _p(9,13,22,16,5), _p(13,18,28,24,9), _p(16,18,35,34,13) -]; - -//Ordering: [weapon special name, weapon special effects, armor special name, armor special effects] -class PowderSpecial{ - constructor(wSpName, wSpEff, aSpName, aSpEff, cap){ - this.weaponSpecialName = wSpName; - this.weaponSpecialEffects = wSpEff; - this.armorSpecialName = aSpName; - this.armorSpecialEffects = aSpEff; - this.cap = cap; - } -} -function _ps(a,b,c,d,e) { return new PowderSpecial(a,b,c,d,e); } //bruh moment - -let powderSpecialStats = [ - _ps("Quake",new Map([["Radius",[5,5.5,6,6.5,7]], ["Damage",[155,220,285,350,415]] ]),"Rage",new Map([ ["Damage", [0.3,0.4,0.5,0.7,1.0]],["Description", "% " + "\u2764" + " Missing"] ]),400), //e - _ps("Chain Lightning",new Map([ ["Chains", [5,6,7,8,9]], ["Damage", [200,225,250,275,300]] ]),"Kill Streak",new Map([ ["Damage", [3,4.5,6,7.5,9]],["Duration", [5,5,5,5,5]],["Description", "Mob Killed"] ]),200), //t - _ps("Curse",new Map([ ["Duration", [7,7.5,8,8.5,9]],["Damage Boost", [90,120,150,180,210]] ]),"Concentration",new Map([ ["Damage", [1,2,3,4,5]],["Duration",[1,1,1,1,1]],["Description", "Mana Used"] ]),150), //w - _ps("Courage",new Map([ ["Duration", [6,6.5,7,7.5,8]],["Damage", [75,87.5,100,112.5,125]],["Damage Boost", [70,90,110,130,150]] ]),"Endurance",new Map([ ["Damage", [2,3,4,5,6]],["Duration", [8,8,8,8,8]],["Description", "Hit Taken"] ]),200), //f - _ps("Air Prison",new Map([ ["Duration", [3,3.5,4,4.5,5]],["Damage Boost", [400,450,500,550,600]],["Knockback", [8,12,16,20,24]] ]),"Dodge",new Map([ ["Damage",[2,3,4,5,6]],["Duration",[2,3,4,5,6]],["Description","Near Mobs"] ]),150) //a -]; let itemTypes = armorTypes.concat(accessoryTypes).concat(weaponTypes); let itemLists = new Map(); diff --git a/crafter.html b/crafter.html index 3718241..f16e0ab 100644 --- a/crafter.html +++ b/crafter.html @@ -180,6 +180,7 @@ + diff --git a/display.js b/display.js index 2fe65bb..4e0caea 100644 --- a/display.js +++ b/display.js @@ -1875,7 +1875,7 @@ function displaySpellDamage(parent_elem, overallparent_elem, build, spell, spell let overallhealLabel = document.createElement("p"); let first = document.createElement("b"); let second = document.createElement("b"); - first.textContent = part.subtitle + ":"; + first.textContent = part.subtitle + ": "; second.textContent = heal_amount; overallhealLabel.appendChild(first); second.classList.add("Set"); diff --git a/index.html b/index.html index d487e81..9c40b20 100644 --- a/index.html +++ b/index.html @@ -25,7 +25,7 @@
- +
@@ -38,19 +38,19 @@

- +


- +


- +

@@ -59,19 +59,19 @@

- +


- +


- +

@@ -80,19 +80,19 @@

- +


- +


- +

@@ -101,19 +101,19 @@

- +


- +


- +

@@ -123,7 +123,7 @@

- +

@@ -131,24 +131,24 @@

- +



- +

- +
@@ -177,8 +177,8 @@
-
- +
+
Manually Assigned: 0 @@ -191,8 +191,8 @@
-
- +
+
Manually Assigned: 0 @@ -205,8 +205,8 @@
-
- +
+
Manually Assigned: 0 @@ -219,8 +219,8 @@
-
- +
+
Manually Assigned: 0 @@ -233,8 +233,8 @@
-
- +
+
Manually Assigned: 0 @@ -247,17 +247,417 @@
-
- +
+
+ +
-

+

-
+ + + + + + + + + + + + + + + + + + + + +
+

Damage values:

+
+
+
+
+
+ +
+
+ Original Value: 0 +
+
+
+ 		+
+
+
+
+ +
+
+ Original Value: 0 +
+
+
+ 		+
+
+
+
+ +
+
+ Original Value: 0 +
+
+
+ 		+
+
+
+
+ +
+
+ Original Value: 0 +
+
+
+ 		+
+
+
+
+ +
+
+ Original Value: 0 +
+
+
+
+
+
+
+
+ +
+
+ Original Value: 0 +
+
+
+ 		+
+
+
+
+ +
+
+ Original Value: 0 +
+
+
+ 		+
+
+
+
+ +
+
+ Original Value: 0 +
+
+
+ 		+
+
+
+
+ +
+
+ Original Value: 0 +
+
+
+ 		+
+
+
+
+ +
+
+ Original Value: 0 +
+
+
+
+
+
+
+
+ +
+
+ Original Value: 0 +
+
+
+
+
+
+ + + + + + + + + + + + + + + + +
+

Defense values:

+
+
+
+
+
+ +
+
+ Original Value: 0 +
+
+
+ 		+
+
+
+
+ +
+
+ Original Value: 0 +
+
+
+ 		+
+
+
+
+ +
+
+ Original Value: 0 +
+
+
+ 		+
+
+
+
+ +
+
+ Original Value: 0 +
+
+
+ 		+
+
+
+
+ +
+
+ Original Value: 0 +
+
+
+
+
+
+
+
+ +
+
+ Original Value: 0 +
+
+
+ 		+
+
+
+
+ +
+
+ Original Value: 0 +
+
+
+ 		+
+
+
+
+ +
+
+ Original Value: 0 +
+
+
+
+
+
+ + + + + + + + + + + + + + + + +
+

Utility values:

+
+
+
+
+
+ +
+
+ Original Value: 0 +
+
+
+ 		+
+
+
+
+ +
+
+ Original Value: 0 +
+
+
+ 		+
+
+
+
+ +
+
+ Original Value: 0 +
+
+
+ 		+
+
+
+
+ +
+
+ Original Value: 0 +
+
+
+
+
+
+
+
+ +
+
+ Original Value: 0 +
+
+
+ 		+
+
+
+
+ +
+
+ Original Value: 0 +
+
+
+ 		+
+
+
+
+ +
+
+ Original Value: 0 +
+
+
+ 		+
+
+
+
+ +
+
+ Original Value: 0 +
+
+
+
+
+
+