josh/lifeEngine
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Randomized Creature Generation

Browse Source 
Adds a random organism generator that is accessible through the editor control panel.
This generator gives the user to generate an entire world of random organisms for selection to act upon.
This commit is contained in:
Chris Gallegos
2021-11-21 01:36:20 -08:00
parent 2ef721682a
commit 869cc85d04
12 changed files with 227 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
dist/css/style.css vendored
View File

@@ -169,6 +169,9 @@ button:hover{
.edit-mode-btn#drag-view {
background-color: #81d2c7;
}
.randomize-button {
margin-top: 5px;
}
#clear-walls {
margin-top: 5px;
}

19
dist/index.html vendored
View File

@@ -100,6 +100,7 @@
<div class='editor-buttons'>
<button class="edit-mode-btn" id="select" title="Select organism from world"><i class="fa fa-hand-pointer-o"></i></button>
<button class="edit-mode-btn" id="edit" title="Edit organism"><i class="fa fa-pencil"></i></button>
<button class="edit-mode-btn" id='randomize' title="Randomize"><i class="fa fa-random"></i></button>
<button class="edit-mode-btn" id="drop-org" title="Drop organism in world"><i class="fa fa-plus"></i></button>
</div>
<div id='editor-env'>
@@ -169,6 +170,24 @@
</div>
</div>
<div id='randomize-organism-details' style="display:none;">
<h3>Generate Random Organism</h3>
<label for='random-width' title='The maximum width of the generated organism'>Max Width:</label>
<input type='range' id='random-width' min="1" max="7" value="2" step="1">
<span id='random-width-display'>5</span>
<br />
<label for='cell-spawn-chance' title='The chance a cell will spawn in the innermost layer (becomes less likely near the edges)'>Cell Spawn Chance:</label>
<input type='range' id='cell-spawn-chance' min="0.01" max="1" value="0.75" step='0.001'>
<span id='spawn-chance-display'>75%</span>
<br />
<button class='randomize-button' id='generate-random' title="Generate a random organism in the editor window.">Generate</button>
<br />
<button class='randomize-button' id='create-random-world' title="Generate hundreds of random organisms in the world.">Create Random World</button>
</div>
</div>
</div>
<div id='hyperparameters' class='tab'>