From 72e61eab787044f9b6c9f7391bc0c58c3d30d9e2 Mon Sep 17 00:00:00 2001
From: landgreen <rosslandgreen@gmail.com>
Date: Wed, 11 Nov 2020 07:45:04 -0800
Subject: [PATCH] patch notes in n-gon

you can view the patch notes for the last few commits from the game menu
  this uses the github API, so it might have some delay

overfill mods add energy instead of setting energy to a value

bug - blocks in vertical portals can get stuck inside the portals
  fixed, but only for one portal... oh well

mobs that make a scrap bot, don't leave a block body anymore
---
 index.html   |  14 +-
 js/bullet.js |  23 +-
 js/engine.js |   2 +-
 js/index.js  |  42 +++
 js/level.js  |   8 +-
 js/mob.js    |   3 +-
 js/mods.js   |  18 +-
 js/player.js |   7 +-
 js/spawn.js  |   9 +-
 style.css    | 702 +++++++++++++++++++++++++--------------------------
 todo.txt     |  32 +++
 11 files changed, 475 insertions(+), 385 deletions(-)

diff --git a/index.html b/index.html
index 8b2c748..7711ac1 100644
--- a/index.html
+++ b/index.html
@@ -96,7 +96,7 @@
         <div id="settings">
             <details>
                 <summary>settings</summary>
-                <div style="line-height: 150%;" id="details-div">
+                <div style="line-height: 150%;" class="details-div">
                     <label for="difficulty-select" title="effects: number of mobs, damage done by mobs, damage done to mobs, mob speed, heal effects">combat difficulty:</label>
                     <select name="difficulty-select" id="difficulty-select">
                         <option value="1">easy</option>
@@ -135,7 +135,7 @@
         <div>
             <details id="control-details">
                 <summary>controls</summary>
-                <div id="details-div">
+                <div class="details-div">
                     To change controls click a box<br>
                     and press an unused key.
                     <br><br>
@@ -196,10 +196,18 @@
                 </div>
             </details>
         </div>
+        <div>
+            <details id="updates">
+                <summary>updates</summary>
+                <div id="updates-div" class="details-div" style="font-size: 70%;">
+
+                </div>
+            </details>
+        </div>
         <div>
             <details>
                 <summary>about</summary>
-                <div id="details-div">
+                <div class="details-div">
                     <!-- <p>
 						n-gon is a 2-D physics platformer / shooter
 						<br>it has
diff --git a/js/bullet.js b/js/bullet.js
index b589d9f..852aa64 100644
--- a/js/bullet.js
+++ b/js/bullet.js
@@ -633,14 +633,15 @@ const b = {
             },
             sentry() {
                 this.lookFrequency = game.cycle + 60
-                this.endCycle = game.cycle + 720
+                this.endCycle = game.cycle + 1080
                 this.do = function() { //overwrite the do method for this bullet
                     this.force.y += this.mass * 0.002; //extra gravity
                     if (game.cycle > this.lookFrequency) {
-                        this.lookFrequency = 14 + Math.floor(5 * Math.random())
+                        this.lookFrequency = 10 + Math.floor(3 * Math.random())
                         this.do = function() { //overwrite the do method for this bullet
                             this.force.y += this.mass * 0.002; //extra gravity
                             if (!(game.cycle % this.lookFrequency) && !mech.isBodiesAsleep) { //find mob targets
+                                this.endCycle -= 10
                                 b.targetedNail(this.position, 1, 45 + 5 * Math.random(), 1100, false)
                                 if (!(game.cycle % (this.lookFrequency * 6))) {
                                     game.drawList.push({
@@ -1917,8 +1918,12 @@ const b = {
                         if (mod.isNailPoison) mobs.statusDoT(who, dmg * 0.22, 120) // one tick every 30 cycles
                         if (mod.isNailCrit && !who.shield && Vector.dot(Vector.normalise(Vector.sub(who.position, this.position)), Vector.normalise(this.velocity)) > 0.99) this.dmg *= 5 //crit if hit near center
                     };
-                    mech.energy -= mech.fieldRegen + 0.008
-                    if (mech.energy < 0.02) mech.fireCDcycle = mech.cycle + 60; // cool down
+
+                    if (mech.energy < 0.01) {
+                        mech.fireCDcycle = mech.cycle + 60; // cool down
+                    } else {
+                        mech.energy -= mech.fieldRegen + 0.009
+                    }
                 }
             }
         },
@@ -2508,7 +2513,7 @@ const b = {
                 const me = bullet.length;
                 const dir = mech.angle;
                 bullet[me] = Bodies.polygon(mech.pos.x + 30 * Math.cos(mech.angle), mech.pos.y + 30 * Math.sin(mech.angle), 10, 4, b.fireAttributes(dir, false));
-                b.fireProps(mech.crouch ? 30 : 15, mech.crouch ? 28 : 18, dir, me); //cd , speed
+                b.fireProps(mech.crouch ? 45 : 25, mech.crouch ? 30 : 20, dir, me); //cd , speed
                 Matter.Body.setDensity(bullet[me], 0.000001);
                 bullet[me].endCycle = Infinity;
                 bullet[me].frictionAir = 0;
@@ -2630,7 +2635,7 @@ const b = {
                             //aoe damage to mobs
                             for (let i = 0, len = mob.length; i < len; i++) {
                                 if (Vector.magnitude(Vector.sub(mob[i].position, this.position)) < this.damageRadius) {
-                                    let dmg = b.dmgScale * 0.035
+                                    let dmg = b.dmgScale * 0.05
                                     if (Matter.Query.ray(map, mob[i].position, this.position).length > 0) dmg *= 0.3 //reduce damage if a wall is in the way
                                     if (mob[i].shield) dmg *= 4 //x5 to make up for the /5 that shields normally take
                                     mob[i].damage(dmg);
@@ -2864,7 +2869,7 @@ const b = {
             fire() {
                 if (mod.isCapacitor) {
                     if (mech.energy > 0.16 || mod.isRailEnergyGain) {
-                        mech.energy += 0.16 * (mod.isRailEnergyGain ? 1 : -1)
+                        mech.energy += 0.16 * (mod.isRailEnergyGain ? 6 : -1)
                         mech.fireCDcycle = mech.cycle + Math.floor(30 * b.fireCD);
                         const me = bullet.length;
                         bullet[me] = Bodies.rectangle(mech.pos.x + 50 * Math.cos(mech.angle), mech.pos.y + 50 * Math.sin(mech.angle), 60, 14, {
@@ -3250,7 +3255,7 @@ const b = {
                         ctx.globalAlpha = 1;
                     } else if (mod.beamSplitter) {
                         const divergence = mech.crouch ? 0.15 : 0.2
-                        let dmg = mod.laserDamage * 0.9
+                        let dmg = 0.1 + mod.laserDamage * Math.pow(0.9, mod.laserDamage)
                         const where = {
                             x: mech.pos.x + 20 * Math.cos(mech.angle),
                             y: mech.pos.y + 20 * Math.sin(mech.angle)
@@ -3268,7 +3273,7 @@ const b = {
                                 x: where.x + 3000 * Math.cos(mech.angle - i * divergence),
                                 y: where.y + 3000 * Math.sin(mech.angle - i * divergence)
                             }, dmg)
-                            dmg *= 0.9
+                            // dmg *= 0.9
                         }
                     } else {
                         b.laser()
diff --git a/js/engine.js b/js/engine.js
index 5eb26fd..9ebe0a3 100644
--- a/js/engine.js
+++ b/js/engine.js
@@ -133,7 +133,7 @@ function collisionChecks(event) {
                         mech.immuneCycle = mech.cycle + mod.collisionImmuneCycles; //player is immune to collision damage for 30 cycles
                         mob[k].foundPlayer();
                         let dmg = Math.min(Math.max(0.025 * Math.sqrt(mob[k].mass), 0.05), 0.3) * game.dmgScale; //player damage is capped at 0.3*dmgScale of 1.0
-                        if (mod.isPiezo && mech.energy < mech.maxEnergy * 3) mech.energy = mech.maxEnergy * 3
+                        if (mod.isPiezo) mech.energy += mech.maxEnergy * 2;
                         mech.damage(dmg);
                         if (mod.isBayesian) powerUps.ejectMod()
                         if (mob[k].onHit) mob[k].onHit(k);
diff --git a/js/index.js b/js/index.js
index 11df08b..cee0c81 100644
--- a/js/index.js
+++ b/js/index.js
@@ -959,6 +959,48 @@ document.getElementById("difficulty-select").addEventListener("input", () => {
     localStorage.setItem("localSettings", JSON.stringify(localSettings)); //update local storage
 });
 
+
+
+document.getElementById("updates").addEventListener("toggle", function() {
+
+
+    function loadJSON(path, success, error) { //generic function to get JSON
+        var xhr = new XMLHttpRequest();
+        xhr.onreadystatechange = function() {
+            if (xhr.readyState === XMLHttpRequest.DONE) {
+                if (xhr.status === 200) {
+                    if (success)
+                        success(JSON.parse(xhr.responseText));
+                } else {
+                    if (error)
+                        error(xhr);
+                }
+            }
+        };
+        xhr.open("GET", path, true);
+        xhr.send();
+    }
+    let text = `<strong>n-gon</strong>: <a href="https://github.com/landgreen/n-gon/blob/master/todo.txt">todo list</a> and complete <a href="https://github.com/landgreen/n-gon/commits/master">change-log</a><hr>`
+    document.getElementById("updates-div").innerHTML = text
+
+    ///  https://api.github.com/repos/landgreen/n-gon/stats/commit_activity
+    loadJSON('https://api.github.com/repos/landgreen/n-gon/commits',
+        function(data) {
+            // console.log(data)
+            for (let i = 0, len = 4; i < len; i++) {
+                text += data[i].commit.author.date.substr(0, 10) + ": "; //+ "<br>"
+                text += data[i].commit.message
+                if (i < len - 1) text += "<hr>"
+            }
+            document.getElementById("updates-div").innerHTML = text.replace(/\n/g, "<br />")
+            console.log(text)
+        },
+        function(xhr) {
+            console.error(xhr);
+        }
+    );
+})
+
 //**********************************************************************
 // main loop 
 //**********************************************************************
diff --git a/js/level.js b/js/level.js
index fea2ca9..048bc65 100644
--- a/js/level.js
+++ b/js/level.js
@@ -1720,7 +1720,7 @@ const level = {
         spawn.randomMob(-100, -900, -0.2);
         spawn.randomBoss(3700, -1500, 0.4);
         spawn.randomBoss(1700, -900, 0.4);
-        if (game.difficulty > 3) spawn.randomLevelBoss(2200, -1300);
+        if (game.difficulty > 3) spawn.randomLevelBoss(2600, -2300);
         powerUps.addRerollToLevel() //needs to run after mobs are spawned
     },
     highrise() {
@@ -4283,7 +4283,7 @@ const level = {
                     // body[i].bounds.max.x - body[i].bounds.min.x < 100 && body[i].bounds.max.y - body[i].bounds.min.y < 100
                     if (Matter.Query.collides(this, [body[i]]).length === 0) {
                         if (body[i].isInPortal === this) body[i].isInPortal = null
-                    } else if (body[i].isInPortal !== this) {
+                    } else if (body[i].isInPortal !== this) { //touching this portal, but for the first time
                         body[i].isInPortal = this.portalPair
                         //teleport
                         if (this.portalPair.angle % (Math.PI / 2)) { //if left, right up or down
@@ -4300,6 +4300,10 @@ const level = {
                         }
                         let v = Vector.mult(this.portalPair.unit, mag)
                         Matter.Body.setVelocity(body[i], v);
+                    } else if (body[i].speed < 0.1) { //touching this portal and very slow
+                        Matter.World.remove(engine.world, body[i]);
+                        body.splice(i, 1);
+                        break
                     }
                 }
             }
diff --git a/js/mob.js b/js/mob.js
index bf15769..9f9ca60 100644
--- a/js/mob.js
+++ b/js/mob.js
@@ -140,8 +140,6 @@ const mobs = {
                     ctx.lineTo(who.vertices[0].x, who.vertices[0].y);
                     ctx.stroke();
                     ctx.fill();
-
-
                 },
                 endEffect() {
                     who.isStunned = false
@@ -1047,6 +1045,7 @@ const mobs = {
                     if (Math.random() < mod.isBotSpawner) {
                         b.randomBot(this.position, false)
                         bullet[bullet.length - 1].endCycle = game.cycle + 1000 + Math.floor(400 * Math.random())
+                        this.leaveBody = false; // no body since it turned into the bot
                     }
                     if (mod.isExplodeMob) b.explosion(this.position, Math.min(550, Math.sqrt(this.mass + 2.5) * 50))
                     if (mod.nailsDeathMob) b.targetedNail(this.position, mod.nailsDeathMob, 40 + 7 * Math.random())
diff --git a/js/mods.js b/js/mods.js
index 6d18290..72a9955 100644
--- a/js/mods.js
+++ b/js/mods.js
@@ -922,7 +922,7 @@ const mod = {
             maxCount: 1,
             count: 0,
             allowed() {
-                return mod.isStunField || mod.isPulseStun || mod.isNeutronStun || mod.oneSuperBall || mod.isHarmFreeze || mod.isIceField || mod.isIceCrystals || mod.isSporeFreeze || mod.isAoESlow || mod.isFreezeMobs || mod.isPilotFreeze || mod.haveGunCheck("ice IX") || mod.isCloakStun || mod.orbitBotCount > 1
+                return mod.isStunField || mod.isPulseStun || mod.isNeutronStun || mod.oneSuperBall || mod.isHarmFreeze || mod.isIceField || mod.isIceCrystals || mod.isSporeFreeze || mod.isAoESlow || mod.isFreezeMobs || mod.isPilotFreeze || mod.haveGunCheck("ice IX") || mod.isCloakStun || mod.orbitBotCount > 1 || mod.isWormholeDamage
             },
             requires: "a freezing or stunning effect",
             effect() {
@@ -934,7 +934,7 @@ const mod = {
         },
         {
             name: "piezoelectricity",
-            description: "<strong>colliding</strong> with mobs overfills <strong class='color-f'>energy</strong> by <strong>300%</strong><br>reduce <strong class='color-harm'>harm</strong> by <strong>15%</strong>",
+            description: "<strong>colliding</strong> with mobs overfills <strong class='color-f'>energy</strong> by <strong>200%</strong><br>reduce <strong class='color-harm'>harm</strong> by <strong>15%</strong>",
             maxCount: 1,
             count: 0,
             allowed() {
@@ -943,7 +943,7 @@ const mod = {
             requires: "not mass-energy equivalence",
             effect() {
                 mod.isPiezo = true;
-                if (mech.energy < mech.maxEnergy * 3) mech.energy = mech.maxEnergy * 3;
+                mech.energy += mech.maxEnergy * 2;
             },
             remove() {
                 mod.isPiezo = false;
@@ -2001,7 +2001,7 @@ const mod = {
         },
         {
             name: "optimized shell packing",
-            description: "<strong>flak</strong> <strong class='color-g'>ammo</strong> drops contain <strong>3x</strong> more shells",
+            description: "<strong>flak</strong> <strong class='color-g'>ammo</strong> drops contain <strong>2x</strong> more shells",
             maxCount: 3,
             count: 0,
             allowed() {
@@ -2010,7 +2010,7 @@ const mod = {
             requires: "flak",
             effect() {
                 for (i = 0, len = b.guns.length; i < len; i++) { //find which gun 
-                    if (b.guns[i].name === "flak") b.guns[i].ammoPack = b.guns[i].defaultAmmoPack * (3 * (1 + this.count));
+                    if (b.guns[i].name === "flak") b.guns[i].ammoPack = b.guns[i].defaultAmmoPack * (2 * (1 + this.count));
                 }
             },
             remove() {
@@ -2472,12 +2472,12 @@ const mod = {
             effect() {
                 mod.laserReflections++;
                 mod.laserDamage += 0.08; //base is 0.12
-                mod.laserFieldDrain += 0.0006 //base is 0.002
+                mod.laserFieldDrain += 0.0007 //base is 0.002
             },
             remove() {
                 mod.laserReflections = 2;
                 mod.laserDamage = 0.16;
-                mod.laserFieldDrain = 0.0012;
+                mod.laserFieldDrain = 0.0014;
             }
         },
         {
@@ -2610,7 +2610,7 @@ const mod = {
         },
         {
             name: "eddy current brake",
-            description: "you are <strong>surrounded</strong> by a field that<br>limits the <strong>top speed</strong> of mobs",
+            description: "your stored <strong class='color-f'>energy</strong> projects a field that<br>limits the <strong>top speed</strong> of mobs",
             maxCount: 1,
             count: 0,
             allowed() {
@@ -2963,7 +2963,7 @@ const mod = {
         },
         {
             name: "Penrose process",
-            description: "after a <strong>block</strong> falls into a <strong class='color-worm'>wormhole</strong><br>your <strong class='color-f'>energy</strong> overfills to <strong>200%</strong> of the maximum",
+            description: "after a <strong>block</strong> falls into a <strong class='color-worm'>wormhole</strong><br>your <strong class='color-f'>energy</strong> overfills by <strong>50%</strong>",
             maxCount: 1,
             count: 0,
             allowed() {
diff --git a/js/player.js b/js/player.js
index d51d2e4..7f602b8 100644
--- a/js/player.js
+++ b/js/player.js
@@ -1350,7 +1350,7 @@ const mech = {
                     mech.drawFieldMeter()
 
                     if (mod.isPerfectBrake) { //cap mob speed around player
-                        const range = 350 + 140 * wave
+                        const range = 160 + 140 * wave + 150 * mech.energy
                         for (let i = 0; i < mob.length; i++) {
                             const distance = Vector.magnitude(Vector.sub(mech.pos, mob[i].position))
                             if (distance < range) {
@@ -2312,7 +2312,7 @@ const mech = {
                                                 Matter.World.remove(engine.world, body[i]);
                                                 body.splice(i, 1);
                                                 mech.fieldRange *= 0.8
-                                                if (mod.isWormholeEnergy && mech.energy < mech.maxEnergy * 2) mech.energy = mech.maxEnergy * 2
+                                                if (mod.isWormholeEnergy) mech.energy += 0.5
                                                 if (mod.isWormSpores) { //pandimensionalspermia
                                                     b.spore(Vector.add(mech.hole.pos2, Vector.rotate({
                                                         x: mech.fieldRange,
@@ -2335,7 +2335,8 @@ const mech = {
                                             Matter.World.remove(engine.world, body[i]);
                                             body.splice(i, 1);
                                             mech.fieldRange *= 0.8
-                                            if (mod.isWormholeEnergy && mech.energy < mech.maxEnergy * 2) mech.energy = mech.maxEnergy * 2
+                                            // if (mod.isWormholeEnergy && mech.energy < mech.maxEnergy * 2) mech.energy = mech.maxEnergy * 2
+                                            if (mod.isWormholeEnergy) mech.energy += 0.5
                                             if (mod.isWormSpores) { //pandimensionalspermia
                                                 b.spore(Vector.add(mech.hole.pos1, Vector.rotate({
                                                     x: mech.fieldRange,
diff --git a/js/spawn.js b/js/spawn.js
index 0172ece..b8cd6ea 100644
--- a/js/spawn.js
+++ b/js/spawn.js
@@ -94,7 +94,7 @@ const spawn = {
         me.frictionAir = 0.01;
         me.memory = Infinity;
         me.locatePlayer();
-        const density = 1.1
+        const density = 1
         Matter.Body.setDensity(me, density); //extra dense //normal is 0.001 //makes effective life much larger
         // spawn.shield(me, x, y, 1);
         me.onDeath = function() {
@@ -107,8 +107,7 @@ const spawn = {
         me.endCycle = 720;
         me.mode = 0;
         me.do = function() {
-            //hold position
-            Matter.Body.setPosition(this, {
+            Matter.Body.setPosition(this, { //hold position
                 x: x,
                 y: y
             });
@@ -177,7 +176,7 @@ const spawn = {
         me.spawnInterval = 302
         me.modeSpawns = function() {
             if (!(this.cycle % this.spawnInterval) && !mech.isBodiesAsleep && mob.length < 40) {
-                Matter.Body.setAngularVelocity(this, 0.1)
+                if (this.mode !== 3) Matter.Body.setAngularVelocity(this, 0.1)
                 //fire a bullet from each vertex
                 let whoSpawn = spawn.fullPickList[Math.floor(Math.random() * spawn.fullPickList.length)];
                 for (let i = 0, len = this.vertices.length; i < len; i++) {
@@ -265,7 +264,7 @@ const spawn = {
                 }
             }
             if (this.cycle < 240) { //damage scales up over 2 seconds to give player time to move
-                const scale = this.cycle / 180
+                const scale = this.cycle / 240
                 const dmg = 0.14 * game.dmgScale * scale
                 ctx.beginPath();
                 this.laser(this.vertices[0], this.angle + Math.PI / 6, dmg);
diff --git a/style.css b/style.css
index 83823b4..9d006f7 100644
--- a/style.css
+++ b/style.css
@@ -1,552 +1,552 @@
 :root {
-  --build-bg-color: #c4ccd8;
+    --build-bg-color: #c4ccd8;
 }
 
 body {
-  font-family: "Helvetica", "Arial", sans-serif;
-  margin: 0;
-  /* overflow: hidden; */
-  background-color: #fff;
-  user-select: none;
-  cursor: auto;
+    font-family: "Helvetica", "Arial", sans-serif;
+    margin: 0;
+    /* overflow: hidden; */
+    background-color: #fff;
+    user-select: none;
+    cursor: auto;
 }
 
 canvas {
-  position: absolute;
-  top: 0;
-  left: 0;
-  z-index: 0;
+    position: absolute;
+    top: 0;
+    left: 0;
+    z-index: 0;
 }
 
 select {
-  font-size: 0.8em;
-  border: 1px #333 solid;
-  border-radius: 6px;
-  /* margin-bottom: -20px; */
-  /* position: "relative";
+    font-size: 0.8em;
+    border: 1px #333 solid;
+    border-radius: 6px;
+    /* margin-bottom: -20px; */
+    /* position: "relative";
   top: "-15px"; */
 }
 
 input {
-  /* font-family: Monaco, monospace; */
-  padding: 0px 4px;
-  font-size: 0.8em;
-  border: 1px #333 solid;
-  border-radius: 4px;
-  /* margin: 0.2em; */
-  width: 38px;
+    /* font-family: Monaco, monospace; */
+    padding: 0px 4px;
+    font-size: 0.8em;
+    border: 1px #333 solid;
+    border-radius: 4px;
+    /* margin: 0.2em; */
+    width: 38px;
 }
 
 a {
-  text-decoration: none;
-  color: #08c;
+    text-decoration: none;
+    color: #08c;
 }
 
 #splash {
-  user-select: none;
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  z-index: 2;
+    user-select: none;
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    z-index: 2;
 }
 
 *:focus {
-  outline: none;
+    outline: none;
 }
 
 table {
-  border-collapse: collapse;
-  /* border: 1px solid #eee; */
-  width: 360px;
-  /* background-color: #ddd; */
+    border-collapse: collapse;
+    /* border: 1px solid #eee; */
+    width: 360px;
+    /* background-color: #ddd; */
 }
 
 tr {
-  padding: 10px;
-  text-align: left;
+    padding: 10px;
+    text-align: left;
 }
 
 td {
-  padding-left: 10px;
+    padding-left: 10px;
 }
 
 .key-input {
-  padding: 3px 8px;
-  border: 2px solid #333;
-  /* border-radius: 50px; */
-  background-color: #fff;
-  text-align: center;
+    padding: 3px 8px;
+    border: 2px solid #333;
+    /* border-radius: 50px; */
+    background-color: #fff;
+    text-align: center;
 }
 
 .key-used {
-  color: #777;
-  font-size: 80%;
+    color: #777;
+    font-size: 80%;
 }
 
 summary {
-  font-size: 1.2em;
+    font-size: 1.2em;
 }
 
 .SVG-button {
-  border: 2px #333 solid;
-  border-radius: 9px;
-  background-color: #fff;
+    border: 2px #333 solid;
+    border-radius: 9px;
+    background-color: #fff;
 }
 
 .SVG-button:hover {
-  background-color: #e8e8ee;
+    background-color: #e8e8ee;
 }
 
 #build-button {
-  position: absolute;
-  bottom: 3px;
-  right: 3px;
-  z-index: 12;
+    position: absolute;
+    bottom: 3px;
+    right: 3px;
+    z-index: 12;
 }
 
 #choose-background {
-  position: absolute;
-  z-index: 2;
-  width: 100%;
-  height: 100%;
-  display: none;
-  background-color: #fff;
-  opacity: 0.5;
-  /* transition: display 0.5s; */
+    position: absolute;
+    z-index: 2;
+    width: 100%;
+    height: 100%;
+    display: none;
+    background-color: #fff;
+    opacity: 0.5;
+    /* transition: display 0.5s; */
 }
 
 #construct {
-  display: none;
-  position: absolute;
-  bottom: 0%;
-  right: 0%;
-  z-index: 1;
-  width: 250px;
-  height: 200px;
-  background-color: #fff;
-  color: #000;
-  font-size: 0.9em;
-  /* user-select: text; */
-  white-space: pre;
-  padding: 3px;
-  /* overflow: scroll; */
-  /* border-radius: 0px; */
-  border: 1px #333 solid;
+    display: none;
+    position: absolute;
+    bottom: 0%;
+    right: 0%;
+    z-index: 1;
+    width: 250px;
+    height: 200px;
+    background-color: #fff;
+    color: #000;
+    font-size: 0.9em;
+    /* user-select: text; */
+    white-space: pre;
+    padding: 3px;
+    /* overflow: scroll; */
+    /* border-radius: 0px; */
+    border: 1px #333 solid;
 }
 
 #choose-grid {
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  transform: translate(-50%, -50%);
-  padding: 10px;
-  margin: 0px;
-  border-radius: 8px;
-  z-index: 12;
-  background-color: #444;
-  display: none;
-  grid-template-columns: repeat(auto-fit, minmax(310px, 1fr));
-  grid-auto-rows: minmax(auto, auto);
-  grid-gap: 10px;
-  font-size: 1.3em;
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+    padding: 10px;
+    margin: 0px;
+    border-radius: 8px;
+    z-index: 12;
+    background-color: #444;
+    display: none;
+    grid-template-columns: repeat(auto-fit, minmax(310px, 1fr));
+    grid-auto-rows: minmax(auto, auto);
+    grid-gap: 10px;
+    font-size: 1.3em;
 }
 
 .choose-grid-module {
-  padding: 10px;
-  line-height: 170%;
-  border-radius: 6px;
-  background-color: #fff;
-  font-size: 0.8em;
+    padding: 10px;
+    line-height: 170%;
+    border-radius: 6px;
+    background-color: #fff;
+    font-size: 0.8em;
 }
 
 .choose-grid-module:hover {
-  background-color: #efeff5;
+    background-color: #efeff5;
 }
 
 .cancel {
-  /* text-align: right; */
-  position: absolute;
-  top: 15px;
-  right: 15px;
-  color: #fff;
+    /* text-align: right; */
+    position: absolute;
+    top: 15px;
+    right: 15px;
+    color: #fff;
 }
 
 .cancel:hover {
-  color: #aaa;
+    color: #aaa;
 }
 
 .pause-grid {
-  padding: 1px;
-  margin: 0px;
+    padding: 1px;
+    margin: 0px;
 
-  display: none;
-  grid-template-columns: 316px;
-  /* grid-template-columns: repeat(auto-fit, minmax(310px, 1fr)); */
-  grid-auto-rows: minmax(auto, auto);
-  grid-gap: 0px;
-  align-content: space-between;
+    display: none;
+    grid-template-columns: 316px;
+    /* grid-template-columns: repeat(auto-fit, minmax(310px, 1fr)); */
+    grid-auto-rows: minmax(auto, auto);
+    grid-gap: 0px;
+    align-content: space-between;
 
-  z-index: 10;
-  font-size: 1.3em;
+    z-index: 10;
+    font-size: 1.3em;
 }
 
 #pause-grid-right {
-  justify-content: end;
-  position: relative;
+    justify-content: end;
+    position: relative;
 }
 
 #pause-grid-left {
-  justify-content: start;
-  position: relative;
+    justify-content: start;
+    position: relative;
 }
 
 .pause-grid-module {
-  margin: -1px;
-  padding: 10px;
-  line-height: 170%;
-  /* border-radius: 6px; */
-  border: 2px #333 solid;
-  background-color: #fff;
-  font-size: 0.65em;
+    margin: -1px;
+    padding: 10px;
+    line-height: 170%;
+    /* border-radius: 6px; */
+    border: 2px #333 solid;
+    background-color: #fff;
+    font-size: 0.65em;
 }
 
 #build-grid {
-  /* align-content: space-between; */
-  padding: 1px;
-  /* padding: 16px; */
-  margin: 0px;
-  border: 0px;
-  background-color: var(--build-bg-color);
+    /* align-content: space-between; */
+    padding: 1px;
+    /* padding: 16px; */
+    margin: 0px;
+    border: 0px;
+    background-color: var(--build-bg-color);
 
-  display: none;
-  grid-template-columns: repeat(auto-fit, minmax(310px, 1fr));
-  grid-auto-flow: row;
-  grid-auto-rows: minmax(auto, auto);
-  grid-gap: 0px;
-  /* grid-gap: 16px; */
+    display: none;
+    grid-template-columns: repeat(auto-fit, minmax(310px, 1fr));
+    grid-auto-flow: row;
+    grid-auto-rows: minmax(auto, auto);
+    grid-gap: 0px;
+    /* grid-gap: 16px; */
 
-  position: relative;
-  bottom: 0px;
-  z-index: 10;
-  font-size: 1.3em;
+    position: relative;
+    bottom: 0px;
+    z-index: 10;
+    font-size: 1.3em;
 }
 
 .build-grid-module {
-  margin: -1px;
-  padding: 10px;
-  line-height: 170%;
-  /* border-radius: 6px; */
-  border: 2px #333 solid;
-  background-color: #fff;
+    margin: -1px;
+    padding: 10px;
+    line-height: 170%;
+    /* border-radius: 6px; */
+    border: 2px #333 solid;
+    background-color: #fff;
 
-  line-height: 170%;
-  font-size: 0.65em;
+    line-height: 170%;
+    font-size: 0.65em;
 }
 
 .grid-title {
-  padding-bottom: 6px;
-  font-size: 1.3em;
-  font-weight: 600;
+    padding-bottom: 6px;
+    font-size: 1.3em;
+    font-weight: 600;
 }
 
 .build-grid-module:hover {
-  background-color: #efeff5;
+    background-color: #efeff5;
 }
 
 .build-field-selected {
-  background-color: hsl(193, 100%, 75%);
+    background-color: hsl(193, 100%, 75%);
 }
 
 .build-field-selected:hover {
-  background-color: hsl(193, 100%, 68%);
+    background-color: hsl(193, 100%, 68%);
 }
 
 .build-gun-selected {
-  background-color: hsl(218, 100%, 81%);
+    background-color: hsl(218, 100%, 81%);
 }
 
 .build-gun-selected:hover {
-  background-color: hsl(218, 100%, 76%);
+    background-color: hsl(218, 100%, 76%);
 }
 
 .build-mod-selected {
-  background-color: hsl(253, 100%, 84%);
+    background-color: hsl(253, 100%, 84%);
 }
 
 .build-mod-selected:hover {
-  background-color: hsl(253, 100%, 81%);
+    background-color: hsl(253, 100%, 81%);
 }
 
 .build-grid-disabled {
-  opacity: 0.5;
-  color: #ccc;
+    opacity: 0.5;
+    color: #ccc;
 }
 
 .build-grid-disabled:hover {
-  background-color: #fff;
+    background-color: #fff;
 }
 
 #info {
-  position: absolute;
-  bottom: 3px;
-  left: 3px;
-  z-index: 12;
-  font-size: 1.5em;
+    position: absolute;
+    bottom: 3px;
+    left: 3px;
+    z-index: 12;
+    font-size: 1.5em;
 }
 
-#details-div {
-  padding: 10px;
-  border-radius: 8px;
-  border: 2px #333 solid;
-  background-color: #eee;
+.details-div {
+    padding: 10px;
+    border-radius: 8px;
+    border: 2px #333 solid;
+    background-color: #eee;
 }
 
 #dmg {
-  position: absolute;
-  z-index: 2;
-  width: 100%;
-  height: 100%;
-  display: none;
-  /* background-color also set in mass-energy mod */
-  background-color: #f67;
-  opacity: 0;
-  transition: opacity 1s;
+    position: absolute;
+    z-index: 2;
+    width: 100%;
+    height: 100%;
+    display: none;
+    /* background-color also set in mass-energy mod */
+    background-color: #f67;
+    opacity: 0;
+    transition: opacity 1s;
 }
 
 #health-bg {
-  position: absolute;
-  top: 15px;
-  left: 15px;
-  height: 20px;
-  width: 300px;
-  background-color: #000;
-  opacity: 0.1;
-  z-index: 1;
-  pointer-events: none;
-  display: none;
+    position: absolute;
+    top: 15px;
+    left: 15px;
+    height: 20px;
+    width: 300px;
+    background-color: #000;
+    opacity: 0.1;
+    z-index: 1;
+    pointer-events: none;
+    display: none;
 }
 
 #health {
-  position: absolute;
-  top: 15px;
-  left: 15px;
-  height: 20px;
-  width: 0px;
-  transition: width 1s ease-out;
-  opacity: 0.6;
-  z-index: 2;
-  pointer-events: none;
-  background-color: #f00;
+    position: absolute;
+    top: 15px;
+    left: 15px;
+    height: 20px;
+    width: 0px;
+    transition: width 1s ease-out;
+    opacity: 0.6;
+    z-index: 2;
+    pointer-events: none;
+    background-color: #f00;
 }
 
 .low-health {
-  animation: blink 250ms infinite alternate;
+    animation: blink 250ms infinite alternate;
 }
 
 @keyframes blink {
-  from {
-    opacity: 0.9;
-  }
+    from {
+        opacity: 0.9;
+    }
 
-  to {
-    opacity: 0.2;
-  }
+    to {
+        opacity: 0.2;
+    }
 }
 
 #fade-out {
-  position: absolute;
-  z-index: 2;
-  width: 100%;
-  height: 100%;
-  background-color: #fff;
-  opacity: 1;
-  transition: opacity 3s;
-  pointer-events: none;
+    position: absolute;
+    z-index: 2;
+    width: 100%;
+    height: 100%;
+    background-color: #fff;
+    opacity: 1;
+    transition: opacity 3s;
+    pointer-events: none;
 }
 
 #guns {
-  position: absolute;
-  top: 40px;
-  left: 15px;
-  z-index: 2;
-  font-size: 23px;
-  color: #111;
-  background-color: rgba(255, 255, 255, 0.4);
-  user-select: none;
-  pointer-events: none;
-  padding: 0px 5px 0px 5px;
-  border-radius: 5px;
-  /*border: 2px solid rgba(0, 0, 0, 0.4);*/
+    position: absolute;
+    top: 40px;
+    left: 15px;
+    z-index: 2;
+    font-size: 23px;
+    color: #111;
+    background-color: rgba(255, 255, 255, 0.4);
+    user-select: none;
+    pointer-events: none;
+    padding: 0px 5px 0px 5px;
+    border-radius: 5px;
+    /*border: 2px solid rgba(0, 0, 0, 0.4);*/
 }
 
 #field {
-  position: absolute;
-  top: 15px;
-  right: 15px;
-  z-index: 2;
-  font-size: 23px;
-  color: #000;
-  text-align: right;
-  opacity: 0.7;
-  line-height: 140%;
-  background-color: rgba(190, 210, 245, 0.25);
-  user-select: none;
-  pointer-events: none;
-  padding: 0px 5px 0px 5px;
-  border-radius: 5px;
-  /*border: 2px solid rgba(0, 0, 0, 0.4);*/
+    position: absolute;
+    top: 15px;
+    right: 15px;
+    z-index: 2;
+    font-size: 23px;
+    color: #000;
+    text-align: right;
+    opacity: 0.7;
+    line-height: 140%;
+    background-color: rgba(190, 210, 245, 0.25);
+    user-select: none;
+    pointer-events: none;
+    padding: 0px 5px 0px 5px;
+    border-radius: 5px;
+    /*border: 2px solid rgba(0, 0, 0, 0.4);*/
 }
 
 #mods {
-  position: absolute;
-  top: 60px;
-  right: 15px;
-  z-index: 2;
-  font-size: 20px;
-  color: #000;
-  text-align: right;
-  opacity: 0.35;
-  line-height: 140%;
-  background-color: rgba(255, 255, 255, 0.4);
-  user-select: none;
-  pointer-events: none;
-  padding: 0px 5px 0px 5px;
-  border-radius: 5px;
-  /*border: 2px solid rgba(0, 0, 0, 0.4);*/
+    position: absolute;
+    top: 60px;
+    right: 15px;
+    z-index: 2;
+    font-size: 20px;
+    color: #000;
+    text-align: right;
+    opacity: 0.35;
+    line-height: 140%;
+    background-color: rgba(255, 255, 255, 0.4);
+    user-select: none;
+    pointer-events: none;
+    padding: 0px 5px 0px 5px;
+    border-radius: 5px;
+    /*border: 2px solid rgba(0, 0, 0, 0.4);*/
 }
 
 #text-log {
-  z-index: 2;
-  position: absolute;
-  bottom: 20px;
-  left: 20px;
-  padding: 10px;
-  border-radius: 10px;
-  line-height: 150%;
-  font-size: 1.25em;
-  color: #000;
-  background-color: rgba(255, 255, 255, 0.23);
-  opacity: 0;
-  transition: opacity 0.5s;
-  pointer-events: none;
-  user-select: none;
+    z-index: 2;
+    position: absolute;
+    bottom: 20px;
+    left: 20px;
+    padding: 10px;
+    border-radius: 10px;
+    line-height: 150%;
+    font-size: 1.25em;
+    color: #000;
+    background-color: rgba(255, 255, 255, 0.23);
+    opacity: 0;
+    transition: opacity 0.5s;
+    pointer-events: none;
+    user-select: none;
 }
 
 em {
-  opacity: 0.7;
+    opacity: 0.7;
 }
 
 .mouse-icon {
-  margin-bottom: -20px;
+    margin-bottom: -20px;
 }
 
 .color-f {
-  color: #0ad;
-  letter-spacing: 1px;
+    color: #0ad;
+    letter-spacing: 1px;
 }
 
 .color-s {
-  color: #04f;
-  letter-spacing: 1px;
+    color: #04f;
+    letter-spacing: 1px;
 }
 
 .color-d {
-  color: #f03;
-  letter-spacing: 1px;
+    color: #f03;
+    letter-spacing: 1px;
 }
 
 .color-p {
-  color: #067;
-  letter-spacing: 1px;
+    color: #067;
+    letter-spacing: 1px;
 }
 
 .color-h {
-  color: #0b7;
-  letter-spacing: 1px;
+    color: #0b7;
+    letter-spacing: 1px;
 }
 
 .color-e {
-  color: #d60;
-  letter-spacing: 1px;
+    color: #d60;
+    letter-spacing: 1px;
 }
 
 .color-m {
-  color: hsl(253, 57%, 52%);
-  letter-spacing: 1px;
+    color: hsl(253, 57%, 52%);
+    letter-spacing: 1px;
 }
 
 .color-g {
-  color: hsl(218, 80%, 40%);
-  letter-spacing: 1px;
+    color: hsl(218, 80%, 40%);
+    letter-spacing: 1px;
 }
 
 .color-cloaked {
-  opacity: 0.25;
-  letter-spacing: 1px;
+    opacity: 0.25;
+    letter-spacing: 1px;
 }
 
 .color-plasma {
-  color: #c0e;
-  letter-spacing: 1px;
-  background-color: rgba(132, 0, 255, 0.06);
-  padding: 2px;
-  border-radius: 9px;
-  letter-spacing: 1px;
+    color: #c0e;
+    letter-spacing: 1px;
+    background-color: rgba(132, 0, 255, 0.06);
+    padding: 2px;
+    border-radius: 9px;
+    letter-spacing: 1px;
 }
 
 .color-worm {
-  color: #fff;
-  text-shadow: 1px 0px 2px #234;
-  /* letter-spacing: 2px; */
+    color: #fff;
+    text-shadow: 1px 0px 2px #234;
+    /* letter-spacing: 2px; */
 }
 
 .color-harm {
-  /* color:  */
-  /* text-shadow: #FC0 1px 0 10px; */
-  background-color: hsla(325, 100%, 85%, 0.15);
-  padding: 2px;
-  border-radius: 4px;
-  letter-spacing: 1px;
+    /* color:  */
+    /* text-shadow: #FC0 1px 0 10px; */
+    background-color: hsla(325, 100%, 85%, 0.15);
+    padding: 2px;
+    border-radius: 4px;
+    letter-spacing: 1px;
 }
 
 .color-r {
-  color: #f7b;
-  letter-spacing: 1px;
+    color: #f7b;
+    letter-spacing: 1px;
 }
 
 .faded {
-  opacity: 0.7;
-  font-size: 90%;
+    opacity: 0.7;
+    font-size: 90%;
 }
 
 .circle {
-  width: 20px;
-  height: 20px;
-  border-radius: 50%;
-  display: inline-block;
-  margin-bottom: -2px;
+    width: 20px;
+    height: 20px;
+    border-radius: 50%;
+    display: inline-block;
+    margin-bottom: -2px;
 }
 
 .circle-grid {
-  width: 27px;
-  height: 27px;
-  border-radius: 50%;
-  display: inline-block;
-  margin-bottom: -7px;
+    width: 27px;
+    height: 27px;
+    border-radius: 50%;
+    display: inline-block;
+    margin-bottom: -7px;
 }
 
 .circle-grid-shadow {
-  width: 43px;
-  height: 43px;
-  border-radius: 50%;
-  display: inline-block;
-  margin-bottom: -15px;
+    width: 43px;
+    height: 43px;
+    border-radius: 50%;
+    display: inline-block;
+    margin-bottom: -15px;
 }
 
 .circle-gun-mod {
-  box-shadow: 0 0 0 3px #025;
+    box-shadow: 0 0 0 3px #025;
 }
 
 /* .circle-grid-gun {
@@ -560,56 +560,56 @@ em {
 } */
 
 .field {
-  background: #0cf;
+    background: #0cf;
 }
 
 .mod {
-  /* background: rgb(116, 102, 238); */
-  background: hsl(253, 80%, 67%);
+    /* background: rgb(116, 102, 238); */
+    background: hsl(253, 80%, 67%);
 }
 
 .grey {
-  background: #ccc;
+    background: #ccc;
 }
 
 .gun {
-  background: rgb(15, 75, 179);
+    background: rgb(15, 75, 179);
 }
 
 .heal {
-  background: #0d9;
+    background: #0d9;
 }
 
 .reroll {
-  /* #f84  #f99*/
-  background: #f7b;
+    /* #f84  #f99*/
+    background: #f7b;
 }
 
 .dice {
-  font-size: 45px;
-  vertical-align: -5px;
-  float: right;
+    font-size: 45px;
+    vertical-align: -5px;
+    float: right;
 }
 
 .box {
-  padding: 3px 8px 3px 8px;
-  border: 2px solid #444;
-  border-radius: 4px;
-  background-color: rgba(255, 255, 255, 0.5);
+    padding: 3px 8px 3px 8px;
+    border: 2px solid #444;
+    border-radius: 4px;
+    background-color: rgba(255, 255, 255, 0.5);
 }
 
 .wrapper {
-  display: grid;
-  grid-template-columns: 360px 10px;
-  align-self: center;
-  justify-content: center;
+    display: grid;
+    grid-template-columns: 360px 10px;
+    align-self: center;
+    justify-content: center;
 }
 
 .grid-box {
-  align-self: center;
-  justify-self: center;
+    align-self: center;
+    justify-self: center;
 }
 
 .right {
-  text-align: right;
+    text-align: right;
 }
\ No newline at end of file
diff --git a/todo.txt b/todo.txt
index e5798f6..48bba23 100644
--- a/todo.txt
+++ b/todo.txt
@@ -1,6 +1,13 @@
 *********** NEXT PATCH ***********
+you can view the patch notes for the last few commits from the game menu
+  this uses the github API, so it might have some delay
 
+overfill mods add energy instead of setting energy to a value 
 
+bug - blocks in vertical portals can get stuck inside the portals
+  fixed, but only for one portal... oh well
+
+mobs that make a scrap bot, don't leave a block body anymore
 
 ************** BUGS **************
 
@@ -16,6 +23,23 @@ bug - mines spawn extra mines when fired at thin map wall while jumping
 
 ************** MODS **************
 
+mod - neutron bomb needs a method to "catch" mobs in it's field
+  apply stun status effect
+  too similar to the stun effect?
+
+mod - nano scale field could be a mod
+  excess energy is converted to bullets
+    run this code in the energy overfill code check
+  possible issues
+    worm hole, Penrose process - nerf a bit
+    pair production - nerf and give it to anyone
+    cloaking field - maybe just don't spawn bullets when cloaked
+
+mod - sentry fires other bullet types
+  laser or missile
+
+flak could be a mod for shotgun?
+
 mod - self destruct - drones explode when they die
   drones lose extra time on collisions, so they often explode after a collision
 
@@ -63,6 +87,14 @@ mod - foam is attracted to mobs
 
 ************** TODO **************
 
+wormholes need to give feedback on where a portal can go
+  or automatically put portals in safe places
+
+field - You have a permanent neutron bomb oscillating on you. Energy regeneration and heal powerup effectiveness is halved.
+  neutron field could be a passive outwards push, replacing the defined, oscillating border of SWH with a less powerful, larger border
+
+find a way to automatically show patch information from github on n-gon main page
+
 repeat map in vertical and horizontal space
   or at least vertical space
   camera looks strange when you teleport player with a high velocity