adminoo/explorata
1
0
Fork 0
Code Releases Activity

update last board, new rules

Browse Source
This commit is contained in:
adminoo
2022-12-15 21:24:17 +01:00
parent 81b9320452
commit 90e81c661e
3 changed files with 46 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
src/components/CanvasBoard.vue
View File

@ -22,6 +22,8 @@
createBoard,
conwayRules,
overpopulationRules,
lonelinessRules,
threebornRules,
evolve2d,
} from "../modules/automata.js";
import { getRandomInt, sleep } from "../modules/common.js";
@ -38,6 +40,8 @@
available2dRules: {
conway: conwayRules,
overpopulation: overpopulationRules,
loneliness: lonelinessRules,
threeborn: threebornRules,
},
};
},
@ -89,9 +93,10 @@
mounted() {
this.canvas = Object.freeze(document.getElementById("board-canvas"));
this.workCanvas = Object.freeze(document.getElementById("work-canvas"));
this.ctx = this.canvas.getContext("2d");
this.workCtx = this.workCanvas.getContext("2d");
this.workCanvas.setAttribute("willReadFrequently", true);
this.ctx = this.canvas.getContext("2d", { willReadFrequently: true });
this.workCtx = this.workCanvas.getContext("2d", {
willReadFrequently: true,
});
this.canvasWidth = this.canvas.parentElement.clientWidth;
this.canvasHeight = this.canvas.parentElement.clientHeight;
this.setBoardWidth();
@ -135,7 +140,7 @@
this.drawCanvas(this.lastBoard);
this.toggleStop();
},
// draw 2D automaton on the canvas (currently only the game of life)
// draw 2D automaton on the canvas in a loop
draw2d(board) {
if (!this.canDraw) return;
const draw2dNext = async (b) => {
@ -145,6 +150,7 @@
this.available2dRules[this.selected2dRules.id]
);
this.drawCanvas(b, this.cellProperties);
this.lastBoard = Object.freeze(newBoard);
await sleep(this.refreshRate);
draw2dNext(newBoard);
};