admin/n-gon-improved
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

surfactant

Browse Source 
tech: surfactant - remove foam gun, get 3 foam bots, upgrade all bots to foam
  you can now have a chance to see gun removing tech even when that gun isn't active

n-gon title draws in 1/2 the time
  I'm getting flagged by google search that my loading page takes a long time to full render, so this might remove the flag
  the site is very fast to load, but I think google is getting confused by the title animation

bug fixes
This commit is contained in:
landgreen
2021-10-17 19:21:25 -07:00
parent 19c008fec1
commit dfc0f9b574
7 changed files with 99 additions and 77 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
index.html
View File

@@ -88,12 +88,12 @@
<div style="position: absolute; top:0;right:0;">
<div id="pause-grid-right" class="pause-grid"></div>
</div>
<svg class="SVG-button ui" id="experiment-button" width="155" height="40" style="border: 2px #333 solid;">
<svg class="SVG-button" id="experiment-button" width="155" height="40" style="border: 2px #333 solid;">
<g stroke='none' fill='#333' stroke-width="2" font-size="28px" font-family="Arial, sans-serif">
<text x="10" y="30">experiment</text>
</g>
</svg>
<div id='info' class="ui">
<div id='info'>
<div id="settings">
<details>
<summary>settings</summary>
@@ -253,12 +253,12 @@
<style>
.fade-in {
opacity: 0;
animation: 4s ease 3s normal forwards 1 fadein;
animation: 2s ease 1.5s normal forwards 1 fadein;
}
.fade-in-fast {
opacity: 0;
animation: 3s ease 2s normal forwards 1 fadein;
animation: 1.5s ease 1s normal forwards 1 fadein;
}
@keyframes fadein {
@@ -280,58 +280,58 @@
.draw-lines {
stroke-dasharray: 20;
stroke-dashoffset: 20;
animation: dash 4.8s ease-in forwards;
animation: dash 2.4s ease-in forwards;
}
.draw-lines-dash {
stroke-dasharray: 4;
stroke-dashoffset: 4;
animation: dash 4.8s ease-in forwards;
animation: dash 2.4s ease-in forwards;
}
.draw-lines-o {
stroke-dasharray: 11;
stroke-dashoffset: 11;
animation: dash 4.8s ease-in forwards;
animation: dash 2.4s ease-in forwards;
}
.draw-lines-g {
stroke-dasharray: 17;
stroke-dashoffset: 17;
animation: dash 4.8s ease-in forwards;
animation: dash 2.4s ease-in forwards;
}
.draw-lines-box-1 {
stroke-dasharray: 1000;
stroke-dashoffset: 1000;
animation: dash 10s ease-in forwards;
animation: dash 5s ease-in forwards;
animation-delay: 0s;
}
.draw-lines-box-2 {
stroke-dasharray: 1000;
stroke-dashoffset: 1000;
animation: dash 5.2s ease-in forwards;
animation-delay: 2s;
animation: dash 2.6s ease-in forwards;
animation-delay: 1s;
}
.draw-lines-box-3 {
stroke-dasharray: 1000;
stroke-dashoffset: 1000;
animation: dash 2.3s ease-in forwards;
animation-delay: 3.1s;
animation: dash 1.15s ease-in forwards;
animation-delay: 1.55s;
}
.draw-lines3 {
stroke-dasharray: 3000;
stroke-dashoffset: 3000;
animation: dash 6.2s ease-in forwards;
animation: dash 3.1s ease-in forwards;
}
.draw-lines4 {
stroke-dasharray: 300;
stroke-dashoffset: 300;
animation: dash 5s ease-in forwards;
animation: dash 2.5s ease-in forwards;
}
</style>
<svg id='splash' class="intro ui" viewBox="0 0 800 800" onclick="simulation.startGame()">