more orbs in text

replaced tech, field, and gun text with orbs
  orbs length scale with px->em
cleaned up simulation variables text in pause menu
some minor tech description changes
total tech count no longer includes instant tech or removed tech

tech: planned obsolescence - at the start of each level eject your oldest tech and gain 1.1 damage

heuristics 1.3 -> between 1 and 1.5 fire rate
combinatorial optimization 1.35->1.4 damage

difficulty reduction per level
  0.85->0.87x damage done
  1.23->1.22 damage taken
This commit is contained in:
landgreen
2024-07-12 21:41:27 -07:00
parent 20f9b790de
commit fc70dfee2f
13 changed files with 529 additions and 873 deletions

View File

@@ -47,123 +47,11 @@
<text x="10" y="33">training</text>
</svg>
<div id='info'>
<!-- <div id="constraint">
<details id = 'constraint-details'>
<summary>difficulty</summary>
<div class="details-div">
<style>
.grid-container {
display: grid;
grid-template-columns: 0fr 5fr 0fr;
line-height: 150%;
}
#difficulty-slider {
margin-top: 3rem;
height: 30rem;
width: 2rem;
writing-mode: vertical-lr;
/* direction: rtl; */
}
.far-right-column {
display: grid;
grid-template-rows: repeat(6, 1fr);
/* grid-gap: 55px; */
font-size: 2rem;
align-self: center;
justify-self: center;
}
.far-right-column > div{
padding-top: 60px;
}
.left-column {
grid-row: 1 / span 6
}
.right-column {
display: grid;
grid-template-rows: repeat(6, 1fr);
}
.row {
transition: opacity 0.4s ease-out;
border: 2px #000 solid;
margin-top: -2px;;
font-size: 1.2rem;
padding: 10px;
}
#constraint-0{
background-color: hsl(240, 18%, 98%);
border-radius: 10px 10px 0 0;
}
#constraint-1{
background-color: hsl(240, 18%, 96%);;
/* border-radius: 10px 10px 0 0; */
}
#constraint-2{
background-color: hsl(240, 18%, 94%);;
}
#constraint-3{
background-color: hsl(240, 18%, 92%);;
}
#constraint-4{
background-color: hsl(240, 18%, 90%);;
}
#constraint-5{
background-color: hsl(240, 18%, 88%);;
border-radius: 0 0 10px 10px;
}
</style>
<div class="grid-container">
<div class="left-column">
<input type="range" id="difficulty-slider" name="temp" type="range" step="1" value="0" min="0" max="5" list="values" />
<datalist id="values">
<option value="0"></option>
<option value="1"></option>
<option value="2"></option>
<option value="3"></option>
<option value="4"></option>
<option value="5"></option>
</datalist>
</div>
<div class="right-column">
<div class="row" id="constraint-0"><strong>2x</strong> <strong class='color-defense'>damage taken</strong> per level
<br><strong>0.82x</strong> <strong class='color-d'>damage</strong> per level</div>
<div class="row" id="constraint-1"><strong>-5</strong> initial <strong>power ups</strong>
<br><strong>5%</strong> chance for <strong>shielded</strong> mobs</div>
<div class="row" id="constraint-2"><strong>2x</strong> <strong class='color-defense'>damage taken</strong> per level
<br><strong>0.82x</strong> <strong class='color-d'>damage</strong> per level</div>
<div class="row" id="constraint-3"><strong>+1</strong> boss per level, <strong>-1</strong> <strong class='color-m'>tech</strong> per boss
<br><strong>1.5x</strong> mob movement and reactions</div>
<div class="row" id="constraint-4"><strong>2x</strong> <strong class='color-defense'>damage taken</strong> per level
<br><strong>0.82x</strong> <strong class='color-d'>damage</strong> per level</div>
<div class="row" id="constraint-5"><strong>10%</strong> chance for <strong>shielded</strong> mobs
<br><strong>-3</strong> initial power ups</div>
</div>
<div class="far-right-column">
<div id = "constraint-0-record"></div>
<div id = "constraint-1-record"></div>
<div id = "constraint-2-record"></div>
<div id = "constraint-3-record"></div>
<div id = "constraint-4-record"></div>
<div id = "constraint-5-record"></div>
</div>
</div>
confirm difficulty parameters
</div>
</details>
</div> -->
<div id="settings">
<div id='info'>
<div id="settings" >
<details id = 'settings-details'>
<summary>settings</summary>
<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" style="background-color: #fff">
<option value="1">easy</option>
<option value="2" selected>normal ⚆</option>
<option value="4">hard ⚆</option>
<option value="5">why ⚇</option>
</select>
<br> -->
<input onclick="build.showImages('settings')" type="checkbox" id="hide-images" name="hide-images" style="width:17px; height:17px;">
<label for="hide-images" title="hide images for fields, guns, and tech">hide images</label>
<br>
@@ -182,54 +70,9 @@
<br>
<input type="checkbox" id="community-maps" name="community-maps" style="width:17px; height:17px;">
<label for="community-maps" title="add about 18 player made levels to the random n-gon level pool">community maps</label>
<!-- style="font-size: 1.5em; color: #058;" -->
<!-- <br>
<label for="body-damage" title="allow damage from the ground and large fast moving blocks">collision damage from blocks:</label>
<input type="checkbox" id="body-damage" name="body-damage" checked style="width:17px; height:17px;"> -->
<br>
<label for="banned" title="type banned levels with a space between them. Example: run temple biohazard">banned levels:</label>
<input id="banned" name="banned" placeholder="list levels by name" autocomplete="off" spellcheck="false" style="width: 182px;" />
<!-- <input list="ban-suggest" id="banned" name="banned" placeholder="list levels by name" autocomplete="off" spellcheck="false" style="width: 182px;" />
<datalist id="ban-suggest">
<option value="testChamber">
<option value="lock">
<option value="sewers">
<option value="satellite">
<option value="aerie">
<option value="office">
<option value="highrise">
<option value="warehouse">
<option value="skyscrapers">
<option value="rooftops">
<option value="pavilion">
<option value="labs">
<option value="______">
<option value="fortress">
<option value="biohazard">
<option value="islands">
<option value="tunnel">
<option value="clock">
<option value="coliseum">
<option value="staircase">
<option value="perplex">
<option value="n-gon">
<option value="downpour">
<option value="buttonbutton">
<option value="vats">
<option value="underpass">
<option value="yingYang">
<option value="basement">
<option value="stronghold">
<option value="commandeer">
<option value="stereoMadness">
<option value="house">
<option value="dripp">
<option value="superNgonBros">
<option value="crossfire">
<option value="temple">
<option value="run">
</datalist> -->
<br>
<label for="classic-select" title="play older versions of n-gon">classic n-gon:</label>
<select name="classic-select" id="classic-select" onChange="window.location.href=this.value">
@@ -311,7 +154,6 @@
<tr>
<th>PAUSE</th>
<td id='key-pause' class='key-input'>P</td>
<!-- <td class='key-used'>Escape</td> -->
<td></td>
</tr>
<tr id="control-testing">
@@ -320,7 +162,6 @@
<td></td>
</tr>
</table>
<br><button id="control-reset" type="button">reset</button><span style="font-size: 60%;"> to default keys</span>
</div>
</details>
@@ -348,6 +189,7 @@
</details>
</div>
</div>
<svg id='splash' class="intro ui" viewBox="0 0 800 800" onclick="simulation.startGame()">
<g class="fade-in" transform="translate(100,210) scale(34)" fill='#afafaf' stroke='none'>
<path d="M0 0 h1 v0.2 h1.7 l0.3 0.3 v2.6 h-1 v-1.7 h-1 v1.7 h-1 z" />