gator/explorata
gator/explorata
1
0
Fork 0
Code Pull Requests Projects Releases 1 Activity

restore color selection

Browse Source
This commit is contained in:
Ali Gator 2022-12-20 12:32:01 +01:00
parent 7500c6ac1f
commit 44d749ac4e
2 changed files with 20 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/CanvasBoard.vue
View File

@ -121,7 +121,7 @@
drawCanvas(board, width, height) { drawCanvas(board, width, height) {
const d = this.cellProperties.size; const d = this.cellProperties.size;
// bool to RGBA colors // bool to RGBA colors
const img = boardToPic(board, width, height); const img = boardToPic(board, width, height, this.cellProperties);
// rescale and draw // rescale and draw
this.ctx.save(); this.ctx.save();
this.ctx.clearRect(0, 0, this.canvasWidth, this.canvasHeight); this.ctx.clearRect(0, 0, this.canvasWidth, this.canvasHeight);

24
src/modules/picture.js
View File

@ -1,3 +1,13 @@
// https://stackoverflow.com/questions/21646738/convert-hex-to-rgba
// [
function hexToRGB(hex) {
return [
parseInt(hex.slice(1, 3), 16),
parseInt(hex.slice(3, 5), 16),
parseInt(hex.slice(5, 7), 16),
];
}
// https://stackoverflow.com/questions/4492385/convert-simple-array-into-two-dimensional-array-matrix // https://stackoverflow.com/questions/4492385/convert-simple-array-into-two-dimensional-array-matrix
// convert a 1D array into a 2D matrix // convert a 1D array into a 2D matrix
export function toMatrix(array, width) { export function toMatrix(array, width) {
@ -39,13 +49,17 @@ export function picToBoard(pixels, width, height) {
} }
// convert board to ImageData // convert board to ImageData
export function boardToPic(board, width, height) { // TODO : different cell to color functions
// (binary, intermediate states, camaieux, etc)
export function boardToPic(board, width, height, cellProperties) {
const live = cellProperties.liveColor;
const dead = cellProperties.deadColor;
return board.flat().reduce((acc, cell, index) => { return board.flat().reduce((acc, cell, index) => {
const color = cell === 1 ? 0 : 255; const color = cell === 1 ? hexToRGB(live) : hexToRGB(dead);
const i = index * 4; const i = index * 4;
acc.data[i] = color; acc.data[i] = color[0];
acc.data[i + 1] = color; acc.data[i + 1] = color[1];
acc.data[i + 2] = color; acc.data[i + 2] = color[2];
acc.data[i + 3] = 255; acc.data[i + 3] = 255;
return acc; return acc;
}, new ImageData(width, height)); }, new ImageData(width, height));