experiments/cellular-automata
1
0
Fork 0
Code Issues 29 Pull requests Projects Releases Wiki Activity

Add Edge Rendering with Toggle Button

Browse source
This commit is contained in:
Marty Oehme 2018-07-08 19:01:14 +02:00
parent a71d442b45
commit 8fc3f35321
3 changed files with 18 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
lib/app_component.dart
View file

@ -52,4 +52,8 @@ class AppComponent implements OnInit {
engine.running = false; engine.running = false;
engine.grid.addPattern(); engine.grid.addPattern();
} }
void onEdgesClicked() {
engine.grid.switchEdgeRendering();
}
} }

1
lib/app_component.html
View file

@ -17,4 +17,5 @@
<button id="reset" (click)="onResetClicked()"><i class="fas fa-undo"></i></button> <button id="reset" (click)="onResetClicked()"><i class="fas fa-undo"></i></button>
<button id="random" (click)="onRandomClicked()"><i class="fas fa-random"></i></button> <button id="random" (click)="onRandomClicked()"><i class="fas fa-random"></i></button>
<i class="fas fa-clock"> Speed:</i><input type="text" title="speed" value="1"> <i class="fas fa-clock"> Speed:</i><input type="text" title="speed" value="1">
<button id="edges" (click)="onEdgesClicked()"><i class="fas fa-chess-board"></i> </button>
</div> </div>

13
lib/src/Grid.dart
View file

@ -12,6 +12,8 @@ class Grid {
final List<List<Cell>> map; final List<List<Cell>> map;
bool _dirty = true; bool _dirty = true;
bool _renderEdges = true;
int _startingSeed; int _startingSeed;
int _x; int _x;
int _y; int _y;
@ -174,8 +176,14 @@ class Grid {
int brickW = (canvas.width ~/ map[0].length); int brickW = (canvas.width ~/ map[0].length);
int brickH = (canvas.height ~/ map.length); int brickH = (canvas.height ~/ map.length);
ctx.clearRect(0, 0, canvas.width, canvas.height); ctx.clearRect(0, 0, canvas.width, canvas.height);
for (int y = 0; y < map.length; y++) { for (int y = 0; y < map.length; y++) {
for (int x = 0; x < map[y].length; x++) { for (int x = 0; x < map[y].length; x++) {
if(_renderEdges) {
ctx.setStrokeColorRgb(100, 100, 100);
ctx.strokeRect(x * brickW, y * brickH, brickW, brickH);
}
Cell c = map[y][x]; Cell c = map[y][x];
if (c.state == true) if (c.state == true)
ctx.setFillColorRgb(155, 155, 255); ctx.setFillColorRgb(155, 155, 255);
@ -187,4 +195,9 @@ class Grid {
_dirty = false; _dirty = false;
} }
void switchEdgeRendering([bool on]) {
_renderEdges = on ?? !_renderEdges;
_dirty = true;
}
} }