histausse/wasm-game-of-life-www
1
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

add frequence

Browse source
This commit is contained in:
histausse 2021-05-11 21:52:01 +02:00
parent e36fb20761
commit b6e45e24cb
Signed by: histausse
GPG key ID: 67486F107F62E9E9
1 changed files with 13 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

16
index.js
View file

@ -2,7 +2,7 @@ import { Universe, Cell } from "wasm-game-of-life";
// Import wasm memory // Import wasm memory
import { memory } from "wasm-game-of-life/wasm_game_of_life_bg"; import { memory } from "wasm-game-of-life/wasm_game_of_life_bg";
const CELL_SIZE = 5; const CELL_SIZE = 5; // px
const GRID_COLOR = "#CCCCCC"; const GRID_COLOR = "#CCCCCC";
const DEAD_COLOR = "#FFFFFF"; const DEAD_COLOR = "#FFFFFF";
const ALIVE_COLOR = "#000000"; const ALIVE_COLOR = "#000000";
@ -17,11 +17,21 @@ canvas.width = (CELL_SIZE + 1) * width + 1;
const ctx = canvas.getContext('2d'); const ctx = canvas.getContext('2d');
const renderLoop = () => { const PERIODE = 100; // ms
let start;
const renderLoop = (timestamp) => {
drawGrid(); drawGrid();
drawCells(); drawCells();
universe.tick(); if (start === undefined)
start = timestamp;
const elapsed = timestamp - start;
if (elapsed > PERIODE) {
universe.tick();
start = timestamp;
}
requestAnimationFrame(renderLoop); requestAnimationFrame(renderLoop);
}; };