39 lines
1.1 KiB
JavaScript
39 lines
1.1 KiB
JavaScript
|
// c:\Users\benji\OneDrive\Documents\Source Code\sandgame\renderer.js
|
||
|
|
import { ctx, canvas, grid, cols, rows, cellSize } from './state.js';
|
||
|
|
import { config } from './config.js';
|
||
|
|
|
||
|
|
export function draw() {
|
||
|
|
ctx.fillStyle = '#111';
|
||
|
|
ctx.fillRect(0, 0, canvas.width, canvas.height);
|
||
|
|
|
||
|
|
const style = config.visual.style;
|
||
|
|
const radius = cellSize / 2;
|
||
|
|
|
||
|
|
if (style === 'fuzzy') {
|
||
|
|
ctx.filter = 'blur(2px)';
|
||
|
|
}
|
||
|
|
|
||
|
|
// Draw Grid
|
||
|
|
for (let i = 0; i < cols; i++) {
|
||
|
|
for (let j = 0; j < rows; j++) {
|
||
|
|
if (grid[i][j]) {
|
||
|
|
ctx.fillStyle = grid[i][j].color;
|
||
|
|
const x = i * cellSize;
|
||
|
|
const y = j * cellSize;
|
||
|
|
|
||
|
|
if (style === 'bloby') {
|
||
|
|
ctx.beginPath();
|
||
|
|
ctx.arc(x + radius, y + radius, radius, 0, 2 * Math.PI);
|
||
|
|
ctx.fill();
|
||
|
|
} else { // blocky
|
||
|
|
ctx.fillRect(x, y, cellSize, cellSize);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
if (style === 'fuzzy') {
|
||
|
|
ctx.filter = 'none';
|
||
|
|
}
|
||
|
|
}
|