sarsoo/game-of-life
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

deploy: 07d2e0bb68

Browse Source
This commit is contained in:
Sarsoo 2021-06-22 15:47:10 +00:00
parent aec1950d07
commit 862f5b0854
4 changed files with 18 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
0df8a1f245dcf8088cf8.module.wasm Normal file
View File

Binary file not shown.

BIN
aeaab58e75e4a88187cc.module.wasm
View File

Binary file not shown.

26
index.html
View File

@ -30,19 +30,24 @@
<body> <body>
<div class="card container-xs text-center p-4 m-3"> <div class="card container-xs text-center p-4 m-3">
<div class="card-header"> <div class="card-header">
<h1>Game of Life</h1> <h1>Game of Life 🚀</h1>
</div> </div>
<div class="card-body"> <div class="card-body">
<div class="row p-1">
<div class="col-sm-12">
<p class="text-muted">An implementation of the standard <a href="https://en.wikipedia.org/wiki/Conway%27s_Game_of_Life">Conway Game of Life</a>. The game logic is written in WASM-targeted Rust with a light Js frontend. Read through the source code <a href="https://github.com/Sarsoo/game-of-life">here</a>. It was written following the guides in the <a href="https://rustwasm.github.io/docs/book">Rust & WebAssembly book</a>.</p>
</div>
</div>
<div class="row p-3"> <div class="row p-3">
<div class="col-sm-6"> <div class="col-sm-6">
<input type="range" <input type="range"
id="frameRate" id="frameRate"
name="frameRate" name="frameRate"
min="1" max="500" value="50" min="1" max="500" value="100"
class="form-range"> class="form-range">
<label for="frameRate" <label for="frameRate"
id="frameRate-label" id="frameRate-label"
class="form-label">Frame Interval: 50</label> class="form-label">Frame Interval: 100ms</label>
</div> </div>
<div class="col-sm-6"> <div class="col-sm-6">
<input type="range" <input type="range"
@ -52,7 +57,7 @@
class="form-range"> class="form-range">
<label for="randThreshold" <label for="randThreshold"
id="randThreshold-label" id="randThreshold-label"
class="form-label">Rand Threshold: 50</label> class="form-label">Random Threshold: 50%</label>
</div> </div>
</div> </div>
<div class="row p-3"> <div class="row p-3">
@ -75,18 +80,19 @@
</div> </div>
<div class="row p-3 align-items-center"> <div class="row p-3 align-items-center">
<div class="col-sm-6"> <div class="col-sm-6">
<input type="checkbox" <!-- <input type="checkbox"
id="play-check" id="play-check"
name="play-check" name="play-check"
class="form-check-input"> class="form-check-input">
<label for="play-check">Play</label> <label for="play-check">Play</label> -->
<button id="play" class="btn btn-success">Play</button>
</div> </div>
<div class="col-sm-6"> <div class="col-sm-6">
<div class="row p-1"> <div class="row p-1">
<button id="step" class="btn btn-primary">Step</button> <button id="step" class="btn btn-secondary">Step</button>
</div> </div>
<div class="row p-1"> <div class="row p-1">
<button id="reset" class="btn btn-primary">Reset</button> <button id="reset" class="btn btn-secondary">Reset</button>
</div> </div>
</div> </div>
</div> </div>
@ -98,9 +104,7 @@
<script src="./bootstrap.js"></script> <script src="./bootstrap.js"></script>
<img src="https://storage.googleapis.com/sarsooxyzstatic/andy.png" class=" pb-2" style="width: 150px" /> <a href="https://github.com/sarsoo"><img src="https://storage.googleapis.com/sarsooxyzstatic/andy.png" class=" pb-2" style="width: 150px" /></a>
<!-- <div id="fps"></div> -->
</body> </body>
</html> </html>

6
index_js.bootstrap.js
View File

File diff suppressed because one or more lines are too long