cellular-automata/lib/app_component.html

22 lines
1 KiB
HTML
Raw Normal View History

2018-07-08 17:01:46 +00:00
<h1>Cellular Automata</h1>
2018-07-07 15:47:21 +00:00
<div id="rules-input">
Ruleset: <input type="text" title="ruleset" content="S23/B3">
2018-07-07 17:05:56 +00:00
<i class="fas fa-paint-brush"></i>
2018-07-07 15:47:21 +00:00
</div>
<div id="output">
<canvas #caCanvas width="500" height="500"></canvas>
</div>
<div id="controls">
2018-07-07 17:05:56 +00:00
<button id="run" (click)="onStartClicked()">
<span [ngSwitch]="engine.running">
<i *ngSwitchCase="false" class="fas fa-play"></i>
<i *ngSwitchCase="true" class="fas fa-stop"></i>
</span>
</button>
<button id="step" (click)="onStepClicked()"><i class="fas fa-step-forward"></i></button>
<button id="random" (click)="onRandomClicked()"><i class="fas fa-random"></i></button>
2018-07-08 17:45:35 +00:00
<button id="reset" (click)="onResetClicked()"><i class="fas fa-undo"></i></button>
<button id="clear" (click)="onClearClicked()"><i class="fas fa-trash-alt"></i></button>
2018-07-07 17:05:56 +00:00
<i class="fas fa-clock"> Speed:</i><input type="text" title="speed" value="1">
2018-07-08 17:01:14 +00:00
<button id="edges" (click)="onEdgesClicked()"><i class="fas fa-chess-board"></i> </button>
2018-07-07 15:47:21 +00:00
</div>