From 44d749ac4e5c3f698dd80b25f2a7d959e043e0fb Mon Sep 17 00:00:00 2001
From: Gator <gator@ariona.fr>
Date: Tue, 20 Dec 2022 12:32:01 +0100
Subject: [PATCH] restore color selection

---
 src/components/CanvasBoard.vue |  2 +-
 src/modules/picture.js         | 24 +++++++++++++++++++-----
 2 files changed, 20 insertions(+), 6 deletions(-)

diff --git a/src/components/CanvasBoard.vue b/src/components/CanvasBoard.vue
index 545ef5b..dc2d39a 100644
--- a/src/components/CanvasBoard.vue
+++ b/src/components/CanvasBoard.vue
@@ -121,7 +121,7 @@
       drawCanvas(board, width, height) {
         const d = this.cellProperties.size;
         // bool to RGBA colors
-        const img = boardToPic(board, width, height);
+        const img = boardToPic(board, width, height, this.cellProperties);
         // rescale and draw
         this.ctx.save();
         this.ctx.clearRect(0, 0, this.canvasWidth, this.canvasHeight);
diff --git a/src/modules/picture.js b/src/modules/picture.js
index 6e0e097..4457d3a 100644
--- a/src/modules/picture.js
+++ b/src/modules/picture.js
@@ -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
 // convert a 1D array into a 2D matrix
 export function toMatrix(array, width) {
@@ -39,13 +49,17 @@ export function picToBoard(pixels, width, height) {
 }
 
 // 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) => {
-    const color = cell === 1 ? 0 : 255;
+    const color = cell === 1 ? hexToRGB(live) : hexToRGB(dead);
     const i = index * 4;
-    acc.data[i] = color;
-    acc.data[i + 1] = color;
-    acc.data[i + 2] = color;
+    acc.data[i] = color[0];
+    acc.data[i + 1] = color[1];
+    acc.data[i + 2] = color[2];
     acc.data[i + 3] = 255;
     return acc;
   }, new ImageData(width, height));