Expansion (#707)

This additional content explores the aftermath of an event in The Ensign. A large dungeon, The Executioner, reveals the fate of one of the Wanderers’ most powerful weapons though multiple wings, each ending with a unique boss encounter. The fabricator allows the player to craft powerful items out of alien alloy, introducing new combat mechanics.
doublespeakgames · Jun 9, 2023 · 7ee96fd · 7ee96fd
1 parent 431b72f
commit 7ee96fd
Show file tree

Hide file tree

Showing 18 changed files with 5,206 additions and 2,121 deletions.
diff --git a/css/dark.css b/css/dark.css
@@ -52,6 +52,14 @@ div#stores {
 	border: 1px solid #EEE;
 }
 
+div#blueprints:before {
+	background: #272823;
+}
+
+div#blueprints {
+	border: 1px solid #EEE;
+}
+
 div#weapons:before {
 	background: #272823;
 }
@@ -173,10 +181,15 @@ body.noMask #buttons > .button {
 	color: black;
 }
 
-.endGame {
+.endGame, .outro {
 	color:#272823;
 }
 
+#wait-btn {
+	border-color: black;
+	color: black;
+}
+
 #theEnd {
 	color: #272823;
 }

diff --git a/css/fabricator.css b/css/fabricator.css
@@ -0,0 +1,36 @@
+div#fabricateButtons {
+  position: relative;
+  top: 5px;
+	left: 0;
+}
+
+div#fabricateButtons::before {
+	content: attr(data-legend);
+	position: relative;
+	top: -5px;
+}
+
+div#blueprints::before {
+  content: attr(data-legend);
+	position: absolute;
+	top: -13px;
+	background-color: white;
+}
+
+div#blueprints {
+	position: absolute;
+	top: 0px;
+	right: 237px;
+	border: 1px solid black;
+	cursor: default;
+	padding: 5px 10px;
+	width: 200px;
+}
+
+div.blueprintRow {
+	position: relative;
+}
+
+div.blueprintRow .row_key {
+	float: none;
+}
diff --git a/css/main.css b/css/main.css
@@ -46,9 +46,9 @@ div#wrapper {
 }
 
 div#saveNotify {
-	position: absolute;
-	top: 20px;
-	right: 0px;
+	position: fixed;
+	top: 10px;
+	right: 20px;
 	background: white;
 	opacity: 0;
 }
@@ -147,7 +147,7 @@ span.customSelectOptions {
 }
 
 div.headerButton {
-	font-size: 18px;
+	font-size: 17px;
 	cursor: pointer;
 	float: left;
 	border-left: 1px solid black;
@@ -561,6 +561,53 @@ body.noMask #description {
 	margin-left: -50%;
 }
 
+.fighter.shield > .label::before {
+	content: '(';
+	position: absolute;
+	left: -8px;
+}
+
+.fighter.shield > .label::after {
+	content: ')';
+	position: absolute;
+	right: -8px;
+}
+
+.fighter.energised > .label {
+	font-size: 2em;
+	font-style: bold;
+}
+
+.fighter.meditation > .label {
+	font-size: 1.5em;
+	opacity: 0.3;
+}
+
+@keyframes exploding {
+	0% { transform: translate(0, 0); }
+	25% { transform: translate(-10px, 0); }
+	75% { transform: translate(10px, 0); }
+	100% { transform: translate(0, 0); }
+}
+
+.fighter.exploding > .label {
+	animation: exploding 200ms linear infinite;
+}
+
+.fighter.venomous > .label {
+	font-size: 1.5em;
+	font-style: bold;
+}
+
+.fighter.enraged > .label {
+	font-size: 1.5em;
+	font-style: italic;
+}
+
+.fighter.boost > .label {
+	font-style: italic;
+}
+
 #description .bullet {
 	padding: 0px 20px 0px 20px;
 	bottom: 25px;

diff --git a/css/path.css b/css/path.css
@@ -6,7 +6,7 @@
 	padding: 5px 10px;
 }
 
-div#outfitting:before ,div#perks:before {
+div#outfitting:before, div#perks:before {
 	content: attr(data-legend);
 	position: absolute;
 	top: -13px;

diff --git a/css/space.css b/css/space.css
@@ -137,6 +137,19 @@
 	padding-top:10%;
 }
 
+.outroContainer {
+	padding-top:10%;
+	width: 800px;
+	margin: 0 auto;
+}
+
+.outro {
+	font-size: 1.5rem;
+	color: #FFF;
+	opacity: 0;
+	margin-bottom: 40px;
+}
+
 .endGame {
 	font-size:48px;
 	color:#FFFFFF;
@@ -152,3 +165,10 @@
 .endGameOption:hover {
 	text-decoration: underline;
 }
+
+#wait-btn {
+	border-color: #fff;
+	color: #fff;
+	margin: 0 auto;
+	opacity: 0;
+}
diff --git a/index.html b/index.html
@@ -59,7 +59,8 @@
 	<script src="script/world.js"></script>
 	<script src="script/path.js"></script>
 	<script src="script/ship.js"></script>
-	<script src="script/space.js"></script>
+  <script src="script/space.js"></script>
+  <script src="script/fabricator.js"></script>
 	<script src="script/prestige.js"></script>
 	<script src="script/scoring.js"></script>
 	<!-- Event modules -->
@@ -69,6 +70,7 @@
 	<script src="script/events/encounters.js"></script>
   <script src="script/events/setpieces.js"></script>
   <script src="script/events/marketing.js"></script>
+	<script src="script/events/executioner.js"></script>
 
 	<script type='text/javascript'>
 		var oldIE = false;
@@ -83,7 +85,8 @@
 	<link rel="stylesheet" type="text/css" href="css/path.css" />
 	<link rel="stylesheet" type="text/css" href="css/world.css" />
 	<link rel="stylesheet" type="text/css" href="css/ship.css" />
-	<link rel="stylesheet" type="text/css" href="css/space.css" />
+  <link rel="stylesheet" type="text/css" href="css/space.css" />
+  <link rel="stylesheet" type="text/css" href="css/fabricator.css" />
 
 	<script src="script/localization.js"></script>
 	<!-- Google tag (gtag.js) -->

diff --git a/script/Button.js b/script/Button.js
@@ -20,7 +20,8 @@ var Button = {
 			})
 			.data("handler",  typeof options.click == 'function' ? options.click : function() { Engine.log("click"); })
 			.data("remaining", 0)
-			.data("cooldown", typeof options.cooldown == 'number' ? options.cooldown : 0);
+			.data("cooldown", typeof options.cooldown == 'number' ? options.cooldown : 0)
+			.data('boosted', options.boosted ?? (() => false));
 
 		el.append($("<div>").addClass('cooldown'));
 
@@ -68,6 +69,9 @@ var Button = {
 
 	cooldown: function(btn, option) {
 		var cd = btn.data("cooldown");
+		if (btn.data('boosted')()) {
+			cd /= 2;
+		}
 		var id = 'cooldown.'+ btn.attr('id');
 		if(cd > 0) {
 			if(typeof option == 'number') {