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') {