added missing config.read(); Config still defect

http static serve, minify, http set config, http state
added missing config.loop
2025-01-27 15:16:11 +01:00 · 2025-01-27 15:11:24 +01:00 · 2025-01-27 14:51:42 +01:00 · 2025-01-27 08:43:43 +01:00 · 2025-01-25 22:21:13 +01:00 · 2025-01-25 19:26:36 +01:00
41 changed files with 1817 additions and 1440 deletions
--- a/.gitignore
+++ b/.gitignore
@ -1,5 +1,5 @@
-.pio/
-img/
-CMakeListsPrivate.txt
+/.pio/
+/.idea/
+/data/http
 cmake-build-*/
-/.idea
+CMakeListsPrivate.txt
--- a/TODO.txt
+++ b/TODO.txt
@ -13,3 +13,6 @@ Hardware:
    Heatsink
    Extend Matrix (double?)
    Microphone
+
+MQTT:
+    register globally, so the values are already there when switching mode
--- a/data-pretty/Canvas.js
+++ b/data-pretty/Canvas.js
@ -1,41 +0,0 @@
-class Canvas {
-
-  width;
-
-  height;
-
-  canvas;
-
-  ctx;
-
-  constructor(canvasElementId, width, height, mouseMove) {
-    this.width = width;
-    this.height = height;
-
-    this.canvas = document.getElementById(canvasElementId);
-    this.canvas.width = width;
-    this.canvas.height = height;
-    this.canvas.addEventListener('contextmenu', event => event.preventDefault());
-    this.canvas.onmousemove = mouseMove;
-    this.canvas.onmousedown = mouseMove;
-    this.canvas.onmouseup = mouseMove;
-
-    this.ctx = this.canvas.getContext("2d");
-  }
-
-  getPixelColor(event) {
-    const colorArray = this.ctx.getImageData(event.offsetX, event.offsetY, 1, 1).data;
-    const colorInt = (colorArray[0] << 16) | (colorArray[1] << 8) | colorArray[2];
-    const colorHex = colorInt.toString(16);
-    return "#" + colorHex.padStart(6, "0");
-  }
-
-  fillRect(x, y, color) {
-    this.ctx.beginPath();
-    this.ctx.fillStyle = color;
-    this.ctx.rect(x * this.size, y * this.size, this.size, this.size);
-    this.ctx.fill();
-  }
-
-
-}
--- a/data-pretty/Drawing.js
+++ b/data-pretty/Drawing.js
@ -1,87 +0,0 @@
-class Drawing extends Canvas {
-
-  mouseRasterX = -1;
-
-  mouseRasterY = -1;
-
-  color0 = "#00F";
-
-  color1 = "#FFF";
-
-  constructor(rasterCountWidth, rasterCountHeight, size, canvasElementId) {
-    super(canvasElementId, rasterCountWidth * size, rasterCountHeight * size, (event) => this.mouseEvent(event));
-    this.size = size;
-    this.matrix = new Array(rasterCountHeight).fill(0).map(() => new Array(rasterCountWidth).fill(undefined));
-    this.draw();
-  }
-
-  mouseEvent(event) {
-    this.updateCursor(event);
-    this.mouseDraw(event);
-    this.draw();
-  }
-
-  mouseDraw(event) {
-    let color;
-    if (Boolean(event.buttons & 1)) {
-      color = this.color0;
-    } else if (Boolean(event.buttons & 2)) {
-      color = undefined;
-    } else {
-      return;
-    }
-    this.matrix[this.mouseRasterY][this.mouseRasterX] = color;
-  }
-
-  updateCursor(event) {
-    this.mouseRasterX = Math.floor(event.offsetX / this.size);
-    this.mouseRasterY = Math.floor(event.offsetY / this.size);
-  }
-
-  draw() {
-    this.ctx.fillStyle = "#fff";
-    this.ctx.clearRect(0, 0, this.canvas.width, this.canvas.height);
-    this.drawMatrix();
-    this.drawRaster(0, 0, this.canvas.width, this.canvas.height, this.size, this.size);
-  }
-
-  drawMatrix() {
-    for (let y = 0; y < this.matrix.length; y++) {
-      const row = this.matrix[y];
-      for (let x = 0; x < row.length; x++) {
-        const color = row[x];
-        if (color === undefined) {
-          continue;
-        }
-        this.ctx.beginPath();
-        this.ctx.fillStyle = color;
-        this.ctx.rect(x * this.size, y * this.size, this.size, this.size);
-        this.ctx.fill();
-      }
-    }
-  }
-
-  drawRaster(xBgn, yBgn, w, h, rx, ry) {
-    const xEnd = xBgn + w;
-    const yEnd = yBgn + h;
-
-    this.ctx.beginPath();
-    for (let x = xBgn; x <= xEnd; x += rx) {
-      this.ctx.moveTo(x, yBgn);
-      this.ctx.lineTo(x, yEnd);
-    }
-    for (let y = yBgn; y <= yEnd; y += ry) {
-      this.ctx.moveTo(xBgn, y);
-      this.ctx.lineTo(xEnd, y);
-    }
-    this.ctx.strokeStyle = "#aaa";
-    this.ctx.stroke();
-
-    if (this.mouseRasterX >= 0) {
-      this.ctx.beginPath();
-      this.ctx.strokeStyle = "blue";
-      this.ctx.rect(this.mouseRasterX * this.size, this.mouseRasterY * this.size, this.size, this.size);
-      this.ctx.stroke();
-    }
-  }
-}
--- a/data-pretty/Picker.js
+++ b/data-pretty/Picker.js
@ -1,48 +0,0 @@
-const STEPS = 8;
-
-class Picker extends Canvas {
-
-  setColor0;
-
-  setColor1;
-
-  constructor(size, canvasElementId, setColor0, setColor1) {
-    super(canvasElementId, (STEPS + 1) * size, 7 * size, (event) => this.mouseEvent(event));
-    this.setColor0 = setColor0;
-    this.setColor1 = setColor1;
-    this.size = size;
-    this.draw();
-  }
-
-  mouseEvent(event) {
-    const color = this.getPixelColor(event);
-    if (Boolean(event.buttons & 1)) {
-      this.setColor0(color);
-    } else if (Boolean(event.buttons & 2)) {
-      this.setColor1(color);
-    }
-  }
-
-  draw() {
-    this.ctx.fillStyle = "#fff";
-    this.ctx.clearRect(0, 0, this.canvas.width, this.canvas.height);
-    let y = 0;
-    this.drawMatrix(true, false, false, y++);
-    this.drawMatrix(true, true, false, y++);
-    this.drawMatrix(false, true, false, y++);
-    this.drawMatrix(false, true, true, y++);
-    this.drawMatrix(false, false, true, y++);
-    this.drawMatrix(true, false, true, y++);
-    this.drawMatrix(true, true, true, y++);
-  }
-
-  drawMatrix(dr, dg, db, y) {
-    for (let x = 0; x <= STEPS; x++) {
-      const r = x * (dr ? 256 / STEPS : 0) - 1;
-      const g = x * (dg ? 256 / STEPS : 0) - 1;
-      const b = x * (db ? 256 / STEPS : 0) - 1;
-      this.fillRect(x, y, `rgb(${r},${g},${b})`);
-    }
-  }
-
-}
--- a/data-pretty/index.css
+++ b/data-pretty/index.css
@ -1,3 +0,0 @@
-body {
-    margin: 0;
-}
--- a/data-pretty/index.html
+++ b/data-pretty/index.html
@ -1,15 +0,0 @@
-<!DOCTYPE html>
-<html lang="de">
-<head>
-  <meta charset="UTF-8">
-  <title>RGBMatrixDisplay</title>
-  <link rel="stylesheet" href="./index.css">
-  <script src="Canvas.js"></script>
-  <script src="Drawing.js"></script>
-  <script src="Picker.js"></script>
-  <script src="./index.js"></script>
-</head>
-<body>
-<canvas id="canvas"></canvas><canvas id="picker"></canvas>
-</body>
-</html>
--- a/data-pretty/index.js
+++ b/data-pretty/index.js
@ -1,9 +0,0 @@
-window.onload = function () {
-  const drawing = new Drawing(8, 8, 60, "canvas");
-  new Picker(
-    60,
-    "picker",
-    (color => drawing.color0 = color),
-    (color => drawing.color1 = color),
-  );
-};
--- a/http/favicon.svg
+++ b/http/favicon.svg
@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg width="800px" height="800px" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+  <path d="M11.082 10H11V6h4v2.187a7.868 7.868 0 0 0-3.72 1.623 3.642 3.642 0 0 0-.198.19zM20 1h-4v4h4zm0 10.423l-.055.002a13.903 13.903 0 0 0-2.06.287 3.01 3.01 0 0 0-.744.288l.009.076a2.686 2.686 0 0 0 .267.312L19.623 15H20zM7.866 16.647a4.766 4.766 0 0 1-.45-.647H6v4h4v-2.09a2.986 2.986 0 0 1-2.134-1.263zM1 5h4V1H1zm0 10h4v-4H1z" opacity=".25"/>
+  <path d="M16 8.052V6h4v2.266a18.371 18.371 0 0 0-3.106-.253c-.301 0-.6.015-.894.039zM1 20h4v-4H1zm15-1.335V20h.92q-.491-.724-.92-1.335zM10 1H6v4h4z" opacity=".5"/>
+  <path
+      d="M21 11.385v5.245L19.623 15H20v-3.577zm-8.142 4.106a2.952 2.952 0 0 1-.19.509h1.314c-.074-.083-.153-.176-.218-.243-.115-.116-.444-.448-.547-.455a2.09 2.09 0 0 0-.359.19zM17.592 21H0V0h21v8.921l-.293-.316a1 1 0 0 0-.502-.293l-.15-.035L20 8.266V6h-4v2.052c-.34.028-.673.076-1 .135V6h-4v4h.082a3.274 3.274 0 0 0-1.005 1.928l-.051.038c-.01 0-.016.004-.026.004V11H6v4h1.036a3.013 3.013 0 0 0 .38 1H6v4h4v-2.09c.029 0 .057.011.085.011a1.951 1.951 0 0 0 .915-.225V20h4v-2.724c.298.4.633.866 1 1.389V20h.92c.215.317.44.651.672 1zM16 5h4V1h-4zm-5 0h4V1h-4zM6 5h4V1H6zm0 5h4V6H6zm-1 6H1v4h4zm0-5H1v4h4zm0-5H1v4h4zm0-5H1v4h4zm17.575 20.99l-.822.753a1.308 1.308 0 0 1-.882.343 1.383 1.383 0 0 1-.167-.01 1.307 1.307 0 0 1-.932-.585 74.561 74.561 0 0 0-5.288-7.428c-.454-.458-.79-.761-1.27-.761a2.326 2.326 0 0 0-1.262.603 2.36 2.36 0 0 1-1.306 1.84c-.267.187-.997.493-2.009-.734-1.01-1.23-.57-1.888-.333-2.114a2.358 2.358 0 0 1 2.06-.926c.087-.073.175-.14.262-.204.394-.298.483-.395.453-.671-.075-.671.837-1.513.846-1.521a7.907 7.907 0 0 1 4.969-1.562 17.494 17.494 0 0 1 2.932.237l.148.036 1.02 1.098-1.087.042a14.724 14.724 0 0 0-2.246.312 4.385 4.385 0 0 0-1.635.797l.016.06a4.093 4.093 0 0 1 .13.765 2.322 2.322 0 0 0 .541.739l5.979 7.084a1.303 1.303 0 0 1-.117 1.808zm-7.844-8.063a5.606 5.606 0 0 1 .837-.63 1.8 1.8 0 0 1-.393-.865 3.211 3.211 0 0 0-.103-.591.872.872 0 0 1 .215-.996 5.678 5.678 0 0 1 1.374-.83 6.687 6.687 0 0 0-4.08 1.315 2.255 2.255 0 0 0-.508.706 1.607 1.607 0 0 1-.845 1.529c-.091.068-.185.138-.274.216a.781.781 0 0 1-.585.193c-.6-.05-.733.034-1.374.646a1.479 1.479 0 0 0 .414.756 1.587 1.587 0 0 0 .674.547c.711-.506.82-.62.886-1.219a.784.784 0 0 1 .302-.537 3.354 3.354 0 0 1 1.943-.865 2.27 2.27 0 0 1 1.517.625zm7.197 6.9l-5.705-6.762a5.388 5.388 0 0 0-.781.564 83.715 83.715 0 0 1 5.169 7.316.308.308 0 0 0 .467.06l.821-.752a.306.306 0 0 0 .029-.425z"/>
+</svg>
--- a/http/index.htm
+++ b/http/index.htm
@ -0,0 +1,82 @@
+<!DOCTYPE html>
+<!--suppress HtmlFormInputWithoutLabel -->
+<html lang="de">
+  <head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta http-equiv="X-UA-Compatible" content="ie=edge">
+    <link rel="stylesheet" href="main.css">
+    <title>RGBMatrixDisplay</title>
+    <link rel="icon" href="favicon.svg">
+  </head>
+  <body>
+
+    <div class="paragraph">
+      <a href="player.htm?index=0">Player 0</a><br>
+      <a href="player.htm?index=1">Player 1</a><br>
+    </div>
+
+    <div class="paragraph">
+      <a class="mode" id="mode0" onclick="sm(0)">NONE</a><br>
+      <a class="mode" id="mode1" onclick="sm(1)">BORDER</a><br>
+      <a class="mode" id="mode2" onclick="sm(2)">CLOCK</a><br>
+      <a class="mode" id="mode3" onclick="sm(3)">GAME_OF_LIFE_BLACK_WHITE</a><br>
+      <a class="mode" id="mode4" onclick="sm(4)">GAME_OF_LIFE_GRAYSCALE</a><br>
+      <a class="mode" id="mode5" onclick="sm(5)">GAME_OF_LIFE_COLOR_FADE</a><br>
+      <a class="mode" id="mode6" onclick="sm(6)">GAME_OF_LIFE_RANDOM_COLOR</a><br>
+      <a class="mode" id="mode7" onclick="sm(7)">PONG</a><br>
+      <a class="mode" id="mode8" onclick="sm(8)">SPACE_INVADERS</a><br>
+      <a class="mode" id="mode9" onclick="sm(9)">COUNT_DOWN</a><br>
+      <a class="mode" id="mode10" onclick="sm(10)">COUNT_DOWN_BARS</a><br>
+      <a class="mode" id="mode11" onclick="sm(11)">COUNT_DOWN_SLEEP</a><br>
+      <a class="mode" id="mode12" onclick="sm(12)">STARFIELD</a><br>
+      <a class="mode" id="mode13" onclick="sm(13)">MATRIX</a><br>
+      <a class="mode" id="mode14" onclick="sm(14)">POWER</a><br>
+      <a class="mode" id="mode15" onclick="sm(15)">ENERGY</a><br>
+      <a class="mode" id="mode16" onclick="sm(16)">TIMER</a><br>
+    </div>
+
+    <div class="paragraph">
+      <div>
+        <a onclick="br(-10)">Dunkler</a>/
+        <a onclick="br(+10)">Heller</a>
+        <span id="brightness">?</span>
+      </div>
+      <div>
+        <a onclick="sp(0.9)">Langsamer</a>/
+        <a onclick="sp(1.1)">Schneller</a>
+        <span id="speed">?</span>
+      </div>
+    </div>
+
+    <div class="paragraph">
+      <div>
+        <input type="number" min="2025" max="3000" step="1" id="dlYe">
+        <input type="number" min="1" max="12" step="1" id="dlMo">
+        <input type="number" min="1" max="31" step="1" id="dlDa">
+      </div>
+      <div>
+        <input type="number" min="0" max="23" step="1" id="dlHo">
+        <input type="number" min="0" max="59" step="1" id="dlMi">
+        <input type="number" min="0" max="59" step="1" id="dlSe">
+      </div>
+      <div>
+        <button onclick="dl()">Datum setzen</button>
+      </div>
+    </div>
+
+    <div class="paragraph">
+      <input type="number" min="1" max="999" step="1" id="tmDa">
+      <input type="number" min="0" max="23" step="1" id="tmHo">
+      <input type="number" min="0" max="59" step="1" id="tmMi">
+      <input type="number" min="0" max="59" step="1" id="tmSe">
+      <button onclick="tm()">Datum setzen</button>
+    </div>
+
+    <div class="paragraph">
+      <button onclick="gf('/config/save');">Speichern erzwingen</button>
+    </div>
+
+    <script src="main.js"></script>
+  </body>
+</html>
--- a/http/main.css
+++ b/http/main.css
@ -0,0 +1,47 @@
+body {
+  font-family: sans-serif;
+  font-size: 7vw;
+  margin: 0;
+}
+
+button.player {
+  width: 33vmin;
+  height: 33vmin;
+  font-size: 9vw;
+}
+
+a {
+  text-decoration: none;
+}
+
+div {
+  box-sizing: border-box;
+}
+
+input, select, textarea, button {
+  font-family: inherit;
+  font-size: inherit;
+}
+
+table {
+  border-collapse: collapse;
+}
+
+td {
+  text-align: center;
+}
+
+.paragraph {
+  margin-top: 1em;
+  margin-bottom: 1em;
+}
+
+.modeActive {
+  background-color: lightgreen;
+}
+
+@media (min-width: 1000px) {
+  body {
+    font-size: 16px;
+  }
+}
--- a/http/main.js
+++ b/http/main.js
@ -0,0 +1,109 @@
+const index = parseInt(new URLSearchParams(window.location.search).get('index')) || 0;
+
+const dlYe = document.getElementById("dlYe");
+const dlMo = document.getElementById("dlMo");
+const dlDa = document.getElementById("dlDa");
+const dlHo = document.getElementById("dlHo");
+const dlMi = document.getElementById("dlMi");
+const dlSe = document.getElementById("dlSe");
+
+const tmDa = document.getElementById("tmDa");
+const tmHo = document.getElementById("tmHo");
+const tmMi = document.getElementById("tmMi");
+const tmSe = document.getElementById("tmSe");
+
+const brightness = document.getElementById("brightness")
+
+const speed = document.getElementById("speed")
+
+let interval = undefined;
+
+function dl() {
+  const y = parseInt(dlYe.value);
+  const M = parseInt(dlMo.value) - 1;
+  const d = parseInt(dlDa.value);
+  const h = parseInt(dlHo.value) || 0;
+  const m = parseInt(dlMi.value) || 0;
+  const s = parseInt(dlSe.value) || 0;
+  const deadlineEpoch = (new Date(y, M, d, h, m, s).getTime() / 1000).toFixed(0);
+  set("deadlineEpoch", deadlineEpoch);
+}
+
+function tm() {
+  const d = parseInt(tmDa.value) || 0;
+  const h = parseInt(tmHo.value) || 0;
+  const m = parseInt(tmMi.value) || 0;
+  const s = parseInt(tmSe.value) || 0;
+  const timerMillis = (((d * 24 + h) * 60 + m) * 60 + s) * 1000;
+  set("timerMillis", timerMillis);
+}
+
+const sm = (v) => set('mode', v);
+
+const br = (v) => set('brightness', v);
+
+const sp = (v) => set('speed', v);
+
+const set = (n, v) => gf(`/set?n=${n}&v=${v}`)
+
+const fetch = () => {
+  // if (interval !== undefined) {
+  //   clearInterval(interval);
+  //   interval = undefined;
+  // }
+  // interval = setInterval(fetch, 2000);
+  get("/state", showState());
+}
+
+const gf = (path) => {
+  get(path, fetch);
+}
+
+function get(path, cb = null) {
+  const r = new XMLHttpRequest();
+  r.onreadystatechange = () => !!cb && r.readyState === 4 && r.status === 200 && cb(r);
+  r.open("GET", path, true);
+  r.send();
+}
+
+function showState() {
+  return function (r) {
+    const json = JSON.parse(r.responseText);
+
+    // noinspection JSUnresolvedReference
+    const d = new Date(parseInt(json.config.deadlineEpoch || 0) * 1000);
+    dlYe.value = "" + d.getFullYear();
+    dlMo.value = "" + d.getMonth() + 1;
+    dlDa.value = "" + d.getDate();
+    dlHo.value = "" + d.getHours();
+    dlMi.value = "" + d.getMinutes();
+    dlSe.value = "" + d.getSeconds();
+
+    // noinspection JSUnresolvedReference
+    const s = parseInt(json.config.timerMillis || 0) / 1000;
+    const m = Math.floor(s / 60);
+    const h = Math.floor(m / 60);
+    tmDa.value = "" + Math.floor(h / 24);
+    tmHo.value = "" + h % 24;
+    tmMi.value = "" + m % 60;
+    tmSe.value = "" + s % 60;
+
+    const id = parseInt(json.config.mode);
+    for (const mode of document.getElementsByClassName("mode")) {
+      if (mode.id === "mode" + id) {
+        if (!mode.classList.contains("modeActive")) {
+          mode.classList.add("modeActive");
+        }
+      } else {
+        mode.classList.remove("modeActive");
+      }
+    }
+
+    // noinspection JSUnresolvedReference
+    brightness.innerText = (parseInt(json.config.brightness) / 2.56).toFixed(0) + "%";
+
+    speed.innerText = parseInt(json.config.speed).toFixed(5) + "x";
+  };
+}
+
+fetch();
--- a/http/player.htm
+++ b/http/player.htm
@ -0,0 +1,46 @@
+<!DOCTYPE html>
+<html lang="de">
+  <head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta http-equiv="X-UA-Compatible" content="ie=edge">
+    <link rel="stylesheet" href="main.css">
+    <script src="main.js"></script>
+    <title>RGBMatrixDisplay</title>
+    <link rel="icon" href="favicon.svg">
+  </head>
+  <body>
+    <table>
+      <tr>
+        <td><a href='/'>&larr;</a></td>
+        <td>
+          <button class="player" onclick="get(`/player/move?index=${index}&x=0&y=-1`);">&uarr;</button>
+          <br>
+        </td>
+        <td>&nbsp;</td>
+      </tr>
+      <tr>
+        <td>
+          <button class="player" onclick="get(`/player/move?index=${index}&x=-1&y=0`);">&larr;</button>
+          <br>
+        </td>
+        <td>
+          <button class="player" onclick="get(`/player/fire?index=${index}`);">X</button>
+          <br>
+        </td>
+        <td>
+          <button class="player" onclick="get(`/player/move?index=${index}&x=+1&y=0`);">&rarr;</button>
+          <br>
+        </td>
+      </tr>
+      <tr>
+        <td>&nbsp;</td>
+        <td>
+          <button class="player" onclick="get(`/player/move?index=${index}&x=0&y=+1`);">&darr;</button>
+          <br>
+        </td>
+        <td>&nbsp;</td>
+      </tr>
+    </table>
+  </body>
+</html>
--- a/platformio.ini
+++ b/platformio.ini
@ -3,6 +3,7 @@ platform = espressif32
 board = esp32dev
 framework = arduino
 board_build.filesystem = littlefs
+extra_scripts = pre:./scripts/prepare_http.py
 lib_deps = ../Patrix
 build_flags = -DWIFI_SSID=\"HappyNet\" -DWIFI_PKEY=\"1Grausame!Sackratte7\" -DWIFI_HOST=\"RGBMatrixDisplay\"
 monitor_port = /dev/ttyUSB0
@ -14,6 +15,7 @@ platform = ${basic.platform}
 board = ${basic.board}
 framework = ${basic.framework}
 board_build.filesystem = ${basic.board_build.filesystem}
+extra_scripts = ${basic.extra_scripts}
 lib_deps = ${basic.lib_deps}
 build_flags = ${basic.build_flags}
 monitor_port = ${basic.monitor_port}
@ -27,6 +29,7 @@ platform = ${basic.platform}
 board = ${basic.board}
 framework = ${basic.framework}
 board_build.filesystem = ${basic.board_build.filesystem}
+extra_scripts = ${basic.extra_scripts}
 lib_deps = ${basic.lib_deps}
 build_flags = ${basic.build_flags}
 monitor_port = ${basic.monitor_port}
--- a/scripts/prepare_http.py
+++ b/scripts/prepare_http.py
@ -0,0 +1,3 @@
+import subprocess
+
+subprocess.run(["./scripts/prepare_http.sh"], check=True)
--- a/scripts/prepare_http.sh
+++ b/scripts/prepare_http.sh
@ -0,0 +1,33 @@
+#!/bin/bash
+
+SOURCE_DIR="./http"
+DESTINATION_DIR="./data/http"
+
+echo
+echo "+----------------------+"
+echo "| minifying http files |"
+echo "+----------------------+"
+
+cd "$(dirname "$0")/../" || exit 1
+
+if [ -e "$DESTINATION_DIR" ]; then
+  rm -r "$DESTINATION_DIR"
+fi
+
+mkdir -p "$DESTINATION_DIR"
+
+find "$SOURCE_DIR" -type f | while read -r src; do
+  dst="$DESTINATION_DIR/$(basename "$src").gz"
+  echo "source:      $(du -sb --apparent-size "$src")"
+  minify "$src" | gzip > "$dst"
+  echo "destination: $(du -sb --apparent-size "$dst")"
+  echo
+done
+
+du -sh --apparent-size "$SOURCE_DIR"
+du -sh --apparent-size "$DESTINATION_DIR"
+
+echo "+--------------------+"
+echo "| minifying COMPLETE |"
+echo "+--------------------+"
+echo
--- a/src/BASICS.cpp
+++ b/src/BASICS.cpp
@ -0,0 +1,13 @@
+#include "BASICS.h"
+
+double doStep(const double valueCurrent, const double valueMin, const double valueMax, const long long millisecondsTotal, const microseconds_t microsecondsDelta) {
+  const auto valueRange = valueMax - valueMin;
+  const auto timeRatio = static_cast<double>(microsecondsDelta) / (static_cast<double>(millisecondsTotal) * 1000.0);
+  const auto valueStep = valueRange * timeRatio;
+  const auto valueNew = max(valueMin, min(valueMax, valueCurrent + valueStep));
+  return valueNew;
+}
+
+bool randomBool(const int uncertainty) {
+  return random(uncertainty) == 0;
+}
--- a/src/BASICS.h
+++ b/src/BASICS.h
@ -0,0 +1,17 @@
+#ifndef BASICS_H
+#define BASICS_H
+
+#include <patrix/display/Display.h>
+
+#define X true
+#define _ false
+
+typedef int64_t microseconds_t;
+
+typedef unsigned long milliseconds_t;
+
+double doStep(double valueCurrent, double valueMin, double valueMax, microseconds_t millisecondsTotal, microseconds_t microsecondsDelta);
+
+bool randomBool(int uncertainty);
+
+#endif
--- a/src/Display.cpp
+++ b/src/Display.cpp
@ -0,0 +1,20 @@
+#include "Display.h"
+
+#include <mode.h>
+
+DisplayMatrix<32, 8> display(13);
+
+void displaySetup() {
+  display.setup(config.get("brightness", 10));
+}
+
+void displayLoop() {
+  display.loop();
+}
+
+uint8_t setBrightness(const int brightness) {
+  uint8_t result = display.setBrightness(display.getBrightness() + brightness);
+  config.set("brightness", result);
+  debug("brightness = %d", result);
+  return result;
+}
--- a/src/Display.h
+++ b/src/Display.h
@ -0,0 +1,14 @@
+#ifndef DISPLAY_H
+#define DISPLAY_H
+
+#include <patrix/display/DisplayMatrix.h>
+
+extern DisplayMatrix<32, 8> display;
+
+void displaySetup();
+
+void displayLoop();
+
+uint8_t setBrightness(int brightness);
+
+#endif
--- a/src/Node.h
+++ b/src/Node.h
@ -1,13 +1,11 @@
 #ifndef NODE_H
 #define NODE_H

-#include <patrix/core/Config.h>
-#include <patrix/display/DisplayMatrix.h>
 #include <patrix/node/PatrixNode.h>

-Config config("/test.json");
-
-DisplayMatrix<32, 8> display(27);
+#include <Display.h>
+#include <http.h>
+#include <mode.h>

 class Node final : public PatrixNode {

@ -18,17 +16,18 @@ public:
  }

  void setup() override {
-    config.read();
-    display.setup();
-    display.setBrightness(6);
-    display.clear();
-    display.foreground = Blue;
-    display.printf("Test");
+    displaySetup();
+    modeSetup();
+    patrixHttpSetup();
  }

  void loop() override {
-    config.loop();
-    display.loop();
+    modeLoop(display);
+    displayLoop();
+  }
+
+  void mqttMessage(char *topic, char *message) override {
+    modeMqttMessage(topic, message);
  }

 };
--- a/src/Vector.h
+++ b/src/Vector.h
@ -13,41 +13,39 @@ public:

  double length;

-    Vector() :
-        x(0.0), y(0.0), length(0.0) {
-      // nothing
+  Vector() : x(0.0), y(0.0), length(0.0) {
+    //
  }

-    Vector(double x, double y) :
-        x(x), y(y), length(sqrt(x * x + y * y)) {
-      // nothing
+  Vector(const double x, const double y) : x(x), y(y), length(sqrt(x * x + y * y)) {
+    //
  }

-    static Vector polar(long degrees, double length) {
-      double radians = (double) degrees * DEG_TO_RAD;
+  static Vector polar(const long degrees, const double length) {
+    const auto radians = static_cast<double>(degrees) * DEG_TO_RAD;
    return {
      cos(radians) * length,
      sin(radians) * length,
    };
  }

-    Vector plus(double _x, double _y) const {
+  Vector plus(const double _x, const double _y) const {
    return {x + _x, y + _y};
  }

-    Vector plus(Vector vector) const {
+  Vector plus(const Vector vector) const {
    return {x + vector.x, y + vector.y};
  }

-    Vector minus(double _x, double _y) const {
+  Vector minus(const double _x, const double _y) const {
    return {x - _x, y - _y};
  }

-    Vector minus(Vector vector) const {
+  Vector minus(const Vector vector) const {
    return {x - vector.x, y - vector.y};
  }

-    Vector multiply(double i) const {
+  Vector multiply(const double i) const {
    return {x * i, y * i};
  }

--- a/src/http.cpp
+++ b/src/http.cpp
@ -0,0 +1,86 @@
+#include "http.h"
+
+#include <patrix/core/http.h>
+
+#include <Display.h>
+#include <mode.h>
+
+// ReSharper disable CppLocalVariableMayBeConst
+
+void httpState(AsyncWebServerRequest *request) {
+  auto doc = JsonDocument();
+  auto rootJson = doc.to<JsonObject>();
+  rootJson["config"] = config.json;
+  rootJson["configAutoWriteInMillis"] = config.getAutoWriteInMillis();
+  rootJson["configAutoWriteAtEpoch"] = config.getAutoWriteAtEpoch();
+  auto stream = request->beginResponseStream("application/json");
+  serializeJson(doc, *stream);
+  request->send(stream);
+}
+
+// ReSharper restore CppLocalVariableMayBeConst
+
+void httpPlayerMove(AsyncWebServerRequest *request) {
+  if (!request->hasParam("index") || !request->hasParam("x") || !request->hasParam("y")) {
+    request->send(400, "text/plain", "required parameters: index, x, y");
+    return;
+  }
+  const auto index = request->getParam("index")->value().toInt();
+  const auto x = request->getParam("x")->value().toInt();
+  const auto y = request->getParam("y")->value().toInt();
+  modeMove(index, x, y);
+  request->send(200);
+}
+
+void httpPlayerFire(AsyncWebServerRequest *request) {
+  if (!request->hasParam("index")) {
+    request->send(400, "text/plain", "required parameters: index");
+    return;
+  }
+  const auto index = request->getParam("index")->value().toInt();
+  modeFire(index);
+  request->send(200);
+}
+
+void httpSet(AsyncWebServerRequest *request) {
+  if (!request->hasParam("n") || !request->hasParam("v")) {
+    request->send(400, "text/plain", "required parameters: n, v");
+    return;
+  }
+
+  const auto name = request->getParam("n")->value();
+  const auto value = request->getParam("v")->value();
+  debug(R"(http: set("%s", "%s"))", name.c_str(), value.c_str());
+  if (name.equals("mode")) {
+    const auto mode = static_cast<ModeId>(value.toInt());
+    debug("  => mode = %d", mode);
+    setMode(mode);
+  } else if (name.equals("timerMillis") || name.equals("deadlineEpoch")) {
+    debug("  => config");
+    config.set(name, value.toInt());
+    modeLoadConfig();
+  } else if (name.equals("brightness")) {
+    const auto brightness = value.toInt();
+    setBrightness(brightness);
+  } else if (name.equals("speed")) {
+    const auto speed = value.toDouble();
+    setModeSpeed(getModeSpeed() * speed);
+  }
+
+  request->send(200);
+}
+
+void httpConfigSave(AsyncWebServerRequest *request) {
+  config.write();
+  request->send(200);
+}
+
+void patrixHttpSetup() {
+  server.on("/state", httpState);
+
+  server.on("/set", httpSet);
+  server.on("/config/save", httpConfigSave);
+
+  server.on("/player/move", httpPlayerMove);
+  server.on("/player/fire", httpPlayerFire);
+}
--- a/src/http.h
+++ b/src/http.h
@ -0,0 +1,6 @@
+#ifndef HTTP_H
+#define HTTP_H
+
+void patrixHttpSetup();
+
+#endif
--- a/src/mode.cpp
+++ b/src/mode.cpp
@ -0,0 +1,171 @@
+#include "mode.h"
+
+#include "mode/Border/Border.h"
+#include "mode/Clock/Clock.h"
+#include "mode/CountDown/CountDown.h"
+#include "mode/Energy/Energy.h"
+#include "mode/GameOfLife/GameOfLife.h"
+#include "mode/Matrix/Matrix.h"
+#include "mode/Pong/Pong.h"
+#include "mode/Power/Power.h"
+#include "mode/SpaceInvaders/SpaceInvaders.h"
+#include "mode/Starfield/Starfield.h"
+#include "mode/Timer/Timer.h"
+
+Config config("/main.json");
+
+auto current = NONE;
+
+auto wanted = NONE;
+
+microseconds_t modeStepLastMicros = 0;
+
+Mode *mode = nullptr;
+
+auto modeSpeed = 1.0;
+
+void unloadOldMode(Display& display);
+
+void loadNewMode(Display& display);
+
+void modeStep();
+
+void modeSetup() {
+  config.read();
+  wanted = config.get("mode", GAME_OF_LIFE_RANDOM_COLOR);
+  modeSpeed = config.get("speed", 1.0);
+}
+
+void modeLoop(Display& display) {
+  config.loop();
+  if (current != wanted) {
+    unloadOldMode(display);
+    loadNewMode(display);
+  }
+  modeStep();
+}
+
+void modeMqttMessage(const char *topic, const char *message) {
+  if (mode != nullptr) {
+    mode->mqttMessage(topic, message);
+  }
+}
+
+void modeLoadConfig() {
+  if (mode != nullptr) {
+    mode->loadConfig();
+  }
+}
+
+void setMode(const ModeId newMode) {
+  config.setIfNot("mode", newMode);
+  wanted = newMode;
+}
+
+ModeId getModeId() {
+  return current;
+}
+
+double getModeSpeed() {
+  return modeSpeed;
+}
+
+void setModeSpeed(const double newSpeed) {
+  modeSpeed = min(max(0.01, newSpeed), 10000.0);
+  config.setIfNot("speed", modeSpeed);
+}
+
+void modeMove(const int index, const int x, const int y) {
+  if (mode != nullptr) {
+    mode->move(index, x, y);
+  }
+}
+
+void modeFire(const int index) {
+  if (mode != nullptr) {
+    mode->fire(index);
+  }
+}
+
+void unloadOldMode(Display& display) {
+  if (mode != nullptr) {
+    info("Unloading mode: %s", mode->getName());
+    mode->stop();
+    delete mode;
+    mode = nullptr;
+    display.clear();
+  }
+}
+
+void loadNewMode(Display& display) {
+  switch (wanted) {
+    case BORDER:
+      mode = new Border(display);
+      break;
+    case CLOCK:
+      mode = new Clock(display);
+      break;
+    case GAME_OF_LIFE_BLACK_WHITE:
+      mode = new GameOfLife(display, BLACK_WHITE);
+      break;
+    case GAME_OF_LIFE_GRAYSCALE:
+      mode = new GameOfLife(display, GRAYSCALE);
+      break;
+    case GAME_OF_LIFE_COLOR_FADE:
+      mode = new GameOfLife(display, COLOR_FADE);
+      break;
+    case GAME_OF_LIFE_RANDOM_COLOR:
+      mode = new GameOfLife(display, RANDOM_COLOR);
+      break;
+    case PONG:
+      mode = new Pong(display);
+      break;
+    case SPACE_INVADERS:
+      mode = new SpaceInvaders(display);
+      break;
+    case COUNT_DOWN:
+      mode = new CountDown(display, false, false);
+      break;
+    case COUNT_DOWN_BARS:
+      mode = new CountDown(display, true, false);
+      break;
+    case COUNT_DOWN_SLEEP:
+      mode = new CountDown(display, false, true);
+      break;
+    case STARFIELD:
+      mode = new Starfield(display);
+      break;
+    case MATRIX:
+      mode = new Matrix(display);
+      break;
+    case POWER:
+      mode = new Power(display);
+      break;
+    case ENERGY:
+      mode = new Energy(display);
+      break;
+    case TIMER:
+      mode = new Timer2(display);
+      break;
+    default:
+      info("No such mode: %d", wanted);
+      break;
+  }
+  if (mode != nullptr) {
+    info("Loaded mode: %s", mode->getName());
+    mode->loadConfig();
+    mode->start();
+  }
+  modeStepLastMicros = 0;
+  current = wanted;
+}
+
+void modeStep() {
+  if (mode == nullptr) {
+    return;
+  }
+  const auto currentMicros = static_cast<int64_t>(micros());
+  const auto deltaMicros = static_cast<microseconds_t>(min(1000000.0, max(1.0, static_cast<double>(currentMicros - modeStepLastMicros) * modeSpeed)));
+  modeStepLastMicros = currentMicros;
+  mode->loop(deltaMicros);
+}
--- a/src/mode.h
+++ b/src/mode.h
@ -0,0 +1,29 @@
+#ifndef RGB_MATRIX_DISPLAY_MODE_H
+#define RGB_MATRIX_DISPLAY_MODE_H
+
+#include <patrix/core/Config.h>
+#include "mode/Mode.h"
+
+extern Config config;
+
+void modeSetup();
+
+void modeLoop(Display& display);
+
+void setMode(ModeId newMode);
+
+ModeId getModeId();
+
+double getModeSpeed();
+
+void setModeSpeed(double newSpeed);
+
+void modeMove(int index, int x, int y);
+
+void modeFire(int index);
+
+void modeMqttMessage(const char *topic, const char *message);
+
+void modeLoadConfig();
+
+#endif
--- a/src/mode/Border/Border.h
+++ b/src/mode/Border/Border.h
@ -3,12 +3,11 @@

 #include "mode/Mode.h"

-class Border : public Mode {
+class Border final : public Mode {

 public:

-    explicit Border(Display &display) :
-        Mode(display) {
+  explicit Border(Display& display) : Mode(display) {
    // nothing
  }

@ -19,15 +18,11 @@ public:
 protected:

  void draw(Display& display) override {
-      for (int y = 0; y < height; y++) {
-        for (int x = 0; x < width; x++) {
-          if (x == 0 || x == width - 1 || y == 0 || y == height - 1) {
-            display.set(x, y, WHITE);
-          } else {
-            display.set(x, y, BLACK);
-          }
-        }
-      }
+    display.clear();
+    display.drawLine(0, 0, display.width, 0, 1, White);
+    display.drawLine(0, 0, 0, display.height, 1, White);
+    display.drawLine(display.width - 1, display.height - 1, -display.width, 0, 1, White);
+    display.drawLine(display.width - 1, display.height - 1, 0, -display.height, 1, White);
  }

 };
--- a/src/mode/Clock/Clock.h
+++ b/src/mode/Clock/Clock.h
@ -3,15 +3,16 @@

 #include "mode/Mode.h"

-class Clock : public Mode {
+class Clock final : public Mode {

 public:

-    explicit Clock(Display &display) :
-        Mode(display) {
-      // nothing
+  explicit Clock(Display& display) : Mode(display) {
+    //
  }

+  ~Clock() override = default;
+
  const char *getName() override {
    return "Clock";
  }
@ -26,19 +27,7 @@ protected:

  void draw(Display& display) override {
    display.clear();
-
-      uint8_t x = 2;
-      x += display.print(x, 1, realtimeOK ? now.tm_hour / 10 : SYMBOL_DASH, WHITE, true);
-      x++;
-      x += display.print(x, 1, realtimeOK ? now.tm_hour % 10 : SYMBOL_DASH, WHITE, true);
-      x += display.print(x, 1, 10, WHITE, true);
-      x += display.print(x, 1, realtimeOK ? now.tm_min / 10 : SYMBOL_DASH, WHITE, true);
-      x++;
-      x += display.print(x, 1, realtimeOK ? now.tm_min % 10 : SYMBOL_DASH, WHITE, true);
-      x += display.print(x, 1, 10, WHITE, true);
-      x += display.print(x, 1, realtimeOK ? now.tm_sec / 10 : SYMBOL_DASH, WHITE, true);
-      x++;
-      x += display.print(x, 1, realtimeOK ? now.tm_sec % 10 : SYMBOL_DASH, WHITE, true);
+    display.printf(16, 1, CENTER, White, "%2d:%02d:%02d", now.tm_hour, now.tm_min, now.tm_sec);
  }

 };
--- a/src/mode/CountDown/CountDown.h
+++ b/src/mode/CountDown/CountDown.h
@ -3,15 +3,17 @@

 #define MAX_FIREWORKS                 6

-#include "mode/Mode.h"
 #include "CountDownFirework.h"
+#include "mode/Mode.h"

-class CountDown : public Mode {
-
-private:
+class CountDown final : public Mode {

  Firework fireworks[MAX_FIREWORKS];

+  time_t deadlineEpoch = 0;
+
+  tm target{};
+
  uint16_t days = 0;

  uint16_t hours = 0;
@ -28,7 +30,7 @@ private:

 public:

-  CountDown(Display& display, bool bars, bool plus1DayForSleepingCount) : Mode(display), bars(bars), plus1DayForSleepingCount(plus1DayForSleepingCount) {
+  CountDown(Display& display, const bool bars, const bool plus1DayForSleepingCount) : Mode(display), bars(bars), plus1DayForSleepingCount(plus1DayForSleepingCount) {
    for (auto& firework: fireworks) {
      firework.init(display);
    }
@ -37,14 +39,17 @@ public:
  const char *getName() override {
    if (bars) {
      return "CountDown (Bars)";
-    } else {
+    }
    return "CountDown (Numbers)";
  }
+
+  void loadConfig() override {
+    deadlineEpoch = config.get("deadlineEpoch", 1767222000);
  }

 protected:

-  void step(microseconds_t microseconds) override {
+  void step(const microseconds_t microseconds) override {
    if (!realtimeOK) {
      setMode(NO_TIME);
      return;
@ -58,24 +63,15 @@ protected:
      return;
    }

-    // GRRRRRRR...
-    config.date.tm_year -= 1900;
-    config.date.tm_mon -= 1;
-    const time_t dateEpochSeconds = mktime(&config.date);
-    config.date.tm_year += 1900;
-    config.date.tm_mon += 1;
-    // ---
+    localtime_r(&deadlineEpoch, &target);
+    target.tm_year += 1900;
+    target.tm_mon += 1;

-    const double diffSeconds = difftime(dateEpochSeconds, nowEpochSeconds);
-    days = (int) floor(diffSeconds / (24 * 60 * 60));
-    hours = (int) floor(diffSeconds / (60 * 60)) % 24;
-    minutes = (int) floor(diffSeconds / 60) % 60;
-    seconds = (int) diffSeconds % 60;
-    //      Serial.printf("now=%4d.%02d.%02d (%ld), conf=%4d.%02d.%02d (%ld), diff=%f, %dd %2d:%02d:%02d\n",
-    //                    now.tm_year, now.tm_mon, now.tm_mday, nowEpochSeconds,
-    //                    config.date.tm_year, config.date.tm_mon, config.date.tm_mday, dateEpochSeconds,
-    //                    diffSeconds,
-    //                    days, hours, minutes, seconds);
+    const auto diffSeconds = difftime(deadlineEpoch, nowEpochSeconds);
+    days = static_cast<int>(floor(diffSeconds / (24 * 60 * 60)));
+    hours = static_cast<int>(floor(diffSeconds / (60 * 60))) % 24;
+    minutes = static_cast<int>(floor(diffSeconds / 60)) % 60;
+    seconds = static_cast<int>(diffSeconds) % 60;
    setMode(COUNTDOWN);
    if (days == 0) {
      loopLastDay();
@ -85,7 +81,7 @@ protected:
  }

  void loopLastDay() {
-    int levelTmp = (int) round(32 * realtimeMilliseconds / 1000.0);
+    const auto levelTmp = static_cast<int>(round(32 * realtimeMilliseconds / 1000.0));
    if (level != levelTmp) {
      level = levelTmp;
      markDirty();
@ -98,8 +94,8 @@ protected:
    }
  }

-  bool dateReached() {
-    return now.tm_year == config.date.tm_year && now.tm_mon == config.date.tm_mon && now.tm_mday == config.date.tm_mday;
+  bool dateReached() const {
+    return now.tm_year == target.tm_year && now.tm_mon == target.tm_mon && now.tm_mday == target.tm_mday;
  }

  void draw(Display& display) override {
@ -126,14 +122,14 @@ private:

  State _state = NO_TIME;

-  void setMode(State state) {
+  void setMode(const State state) {
    if (_state != state) {
      _state = state;
      markDirty();
    }
  }

-  void drawCountdown(Display& display) {
+  void drawCountdown(Display& display) const {
    if (plus1DayForSleepingCount) {
      drawSleepingCount(display);
    } else if (days <= 0 && bars) {
@ -144,26 +140,31 @@ private:
  }

  void drawSleepingCount(Display& display) const {
-    int sleepCount = days + 1;
-    int y = 1;
-    uint8_t x = display.print2(3 * (DISPLAY_CHAR_WIDTH + 1), y, sleepCount, WHITE);
-    x += 2;
-    x += display.print(x, y, SYMBOL_T, WHITE, true) + 1;
-    x += display.print(x, y, SYMBOL_A, WHITE, true) + 1;
-    x += display.print(x, y, SYMBOL_G, WHITE, true) + 1;
-    if (sleepCount != 1) {
-      display.print(x, y, SYMBOL_E, WHITE, true);
-    }
+    const auto sleepCount = days + 1;
+    display.printf(30, 1, RIGHT, White, "%d %s", sleepCount, sleepCount == 1 ? "TAG" : "TAGE");
  }

  void drawCountdownBars(Display& display) const {
-    drawBar(display, 0, 24, 1, 24, hours, RED, MAGENTA, 0);
-    drawBar(display, 2, 30, 2, 60, minutes, BLUE, VIOLET, 5);
-    drawBar(display, 5, 30, 2, 60, seconds, GREEN, YELLOW, 5);
+    drawBar(display, 0, 24, 1, 24, hours, Red, Magenta, 0);
+    drawBar(display, 2, 30, 2, 60, minutes, Blue, Violet, 5);
+    drawBar(display, 5, 30, 2, 60, seconds, Green, Yellow, 5);
  }

-  static void drawBar(Display& display, uint8_t _y, uint8_t _w, uint8_t _h, uint8_t max, uint8_t value, const Color& color, const Color& tickColor, uint8_t ticks) {
-    auto totalOnCount = (uint8_t) round((double) value / max * _w * _h);
+  void drawCountdownNumbers(Display& display) const {
+    if (days >= 10) {
+      display.printf(30, 1, RIGHT, White, "%d TAGE", days);
+      drawSecondsBar(display, seconds);
+    } else if (days > 0) {
+      display.printf(30, 1, RIGHT, White, "%d %2d:%02d", days, hours, minutes);
+      drawSecondsBar(display, seconds);
+    } else {
+      display.printf(30, 1, RIGHT, White, "%d:%02d:%02d", hours, minutes, seconds);
+      drawSubSecondsBar(display);
+    }
+  }
+
+  static void drawBar(Display& display, const uint8_t _y, const uint8_t _w, const uint8_t _h, const uint8_t max, const uint8_t value, const RGBA& color, const RGBA& tickColor, const uint8_t ticks) {
+    const auto totalOnCount = static_cast<uint8_t>(round(static_cast<double>(value) / max * _w * _h));
    uint8_t doneOnCount = 0;
    for (uint8_t y = 0; y < _h; y++) {
      for (uint8_t x = 0; x < _w; x++) {
@ -171,127 +172,47 @@ private:
          return;
        }
        doneOnCount++;
-        Color c = color;
+        auto c = color;
        if (ticks != 0) {
          if (doneOnCount % ticks == 0) {
            c = tickColor;
          }
        }
-        display.set(x, _y + y, c);
+        display.setPixel(x, _y + y, c);
      }
    }
  }

-  void drawCountdownNumbers(Display& display) const {
-    uint8_t x = 0;
-    if (days > 0) {
-      drawDay(display, days, &x);
-      x += display.print(x, 1, 10, WHITE, true);
-    } else {
-      x += 2;
-    }
-    drawHour(display, days, hours, &x);
-    x += display.print(x, 1, 10, WHITE, true);
-    draw2Digit(display, minutes, &x);
-    if (days <= 0) {
-      x += display.print(x, 1, 10, WHITE, true);
-      draw2Digit(display, seconds, &x);
-      drawSubSecondsBar(display);
-    } else {
-      drawSecondsBar(display, seconds);
-    }
-  }
-
  static void drawNoTime(Display& display) {
-    uint8_t x = 2;
-    x += display.print(x, 1, SYMBOL_DASH, WHITE, true);
-    x++;
-    x += display.print(x, 1, SYMBOL_DASH, WHITE, true);
-    x += display.print(x, 1, 10, WHITE, true);
-    x += display.print(x, 1, SYMBOL_DASH, WHITE, true);
-    x++;
-    x += display.print(x, 1, SYMBOL_DASH, WHITE, true);
-    x += display.print(x, 1, 10, WHITE, true);
-    x += display.print(x, 1, SYMBOL_DASH, WHITE, true);
-    x++;
-    display.print(x, 1, SYMBOL_DASH, WHITE, true);
+    display.print(1, 1, LEFT, Red, "--:--:--");
  }

-  static void drawDay(Display& display, int days, uint8_t *x) {
-    if (days >= 100) {
-      *x += display.print(*x, 1, days / 100, WHITE, true) + 1;
-    } else {
-      *x += DISPLAY_CHAR_WIDTH + 1;
-    }
-
-    if (days >= 10) {
-      *x += display.print(*x, 1, days / 10 % 10, WHITE, true) + 1;
-    } else {
-      *x += DISPLAY_CHAR_WIDTH + 1;
-    }
-
-    *x += display.print(*x, 1, days % 10, WHITE, true);
-  }
-
-  static void drawHour(Display& display, int days, int hours, uint8_t *x) {
-    if (days > 0 || hours >= 10) {
-      *x += display.print(*x, 1, hours / 10, WHITE, true) + 1;
-    } else {
-      *x += DISPLAY_CHAR_WIDTH + 1;
-    }
-    *x += display.print(*x, 1, hours % 10, WHITE, true);
-  }
-
-  static void draw2Digit(Display& display, int value, uint8_t *x) {
-    *x += display.print(*x, 1, value / 10, WHITE, true) + 1;
-    *x += display.print(*x, 1, value % 10, WHITE, true);
-  }
-
-  static void drawSecondsBar(Display& display, int seconds) {
-    for (int pos = 0; pos < 30; pos++) {
+  static void drawSecondsBar(Display& display, const int seconds) {
+    for (auto pos = 0; pos < 30; pos++) {
      if (pos <= seconds - 30) {
-        display.set(pos + 1, 7, GREEN);
+        display.setPixel(pos + 1, 7, Green);
      } else if (pos <= seconds) {
-        display.set(pos + 1, 7, RED);
+        display.setPixel(pos + 1, 7, Red);
      }
    }
  }

  void drawSubSecondsBar(Display& display) const {
-    for (int pos = 0; pos < 32; pos++) {
+    for (auto pos = 0; pos < 32; pos++) {
      if (pos < 32 - level) {
-        display.set(pos, 7, GREEN);
+        display.setPixel(pos, 7, Green);
      }
    }
  }

-  // ReSharper disable CppDFAUnusedValue
-
-  void drawYear(Display& display, int year) const {
+  void drawYear(Display& display, const int year) const {
    if (plus1DayForSleepingCount) {
-      uint8_t x = 0;
-      x += display.print(x, 1,SYMBOL_E, WHITE, true);
-      x += 1;
-      x += display.printM(x, 1, WHITE);
-      x += 1;
-      x += display.printI(x, 1, WHITE);
-      x += 1;
-      x += display.print(x, 1,SYMBOL_L, WHITE, true);
-      x += 3;
-      x += display.print(x, 1, 5, WHITE, true);
-      x += 3;
-      display.printCreeper(x, 0);
+      display.printf(1, 1, LEFT, White, "EMIL 5");
    } else {
-      uint8_t x = 8;
-      x += display.print(x, 1, year / 1000 % 10, WHITE, true) + 1;
-      x += display.print(x, 1, year / 100 % 10, WHITE, true) + 1;
-      x += display.print(x, 1, year / 10 % 10, WHITE, true) + 1;
-      x += display.print(x, 1, year / 1 % 10, WHITE, true);
+      display.printf(1, 1, LEFT, White, "%5d", year);
    }
  }

-  // ReSharper restore CppDFAUnusedValue
-
 };

 #endif
--- a/src/mode/CountDown/CountDownFirework.h
+++ b/src/mode/CountDown/CountDownFirework.h
@ -2,8 +2,7 @@
 #define COUNT_DOWN_FIREWORK_H

 #include "BASICS.h"
-#include "display/Vector.h"
-#include "display/Display.h"
+#include "Vector.h"

 #define DARKER_FACTOR           0.75
 #define SLOWER_DIVISOR          1
@ -18,7 +17,7 @@ class Firework {

  uint8_t height = 0;

-    Color color = MAGENTA;
+  RGBA color = Magenta;

  State state = RISE;

@ -36,19 +35,19 @@ class Firework {

 public:

-    void init(Display &display) {
+  void init(const Display& display) {
    width = display.width;
    height = display.height;
    reset();
  }

  void reset() {
-      position = Vector((double) random(width), height);
-      color = randomColor();
+    position = Vector(random(width), height);
+    color = RGBA::rnd();
    state = INITIAL;

-      destinationHeight = height / 2.0 + (double) random(5) - 2;
-      explosionRadius = (double) random(3) + 1;
+    destinationHeight = height / 2.0 + static_cast<double>(random(5)) - 2;
+    explosionRadius = static_cast<double>(random(3)) + 1;
    sparkleMax = 100;

    explosion = 0.0;
@ -85,12 +84,12 @@ public:
    }
  }

-    void draw(Display &display) {
+  void draw(Display& display) const {
    switch (state) {
      case INITIAL:
        break;
      case RISE:
-          display.set(position, factor(YELLOW, DARKER_FACTOR));
+        display.setPixel(position.x, position.y, Yellow.factor(DARKER_FACTOR));
        break;
      case EXPLODE:
        drawParticle(display, +0.0, +1.0);
@ -131,16 +130,9 @@ public:

 private:

-    static Color factor(Color color, double factor) {
-      return {
-          (uint8_t) round(color.r * factor),
-          (uint8_t) round(color.g * factor),
-          (uint8_t) round(color.b * factor),
-      };
-    }
-
-    void drawParticle(Display &display, double x, double y) {
-      display.set(position.plus(x * explosion, y * explosion), factor(color, DARKER_FACTOR));
+  void drawParticle(Display& display, const double x, const double y) const {
+    const auto p = position.plus(x * explosion, y * explosion);
+    display.setPixel(p.x, p.y, color.factor(DARKER_FACTOR));
  }

 };
--- a/src/mode/Energy/Energy.h
+++ b/src/mode/Energy/Energy.h
@ -1,24 +1,37 @@
 #ifndef MODE_ENERGY_H
 #define MODE_ENERGY_H

+#include <patrix/core/mqtt.h>
 #include "mode/Mode.h"
-#include "mqtt.h"

-#define POWER_PHOTOVOLTAIC_PRODUCED_BEFORE_METER_CHANGE     287.995
+#define PHOTOVOLTAIC_ENERGY_KWH                                   "openDTU/pv/ac/yieldtotal"
+#define GRID_IMPORT_WH                                            "electricity/grid/energy/import/wh"
+#define GRID_EXPORT_WH                                            "electricity/grid/energy/export/wh"
+
+#define POWER_PHOTOVOLTAIC_photovoltaicEnergyKWh_BEFORE_METER_CHANGE           287.995
 #define PV_COST_TOTAL_EURO                                        576.52
 #define GRID_KWH_EURO                                             0.33
 #define PV_COST_AMORTISATION_KWH                                  ( PV_COST_TOTAL_EURO / GRID_KWH_EURO )

-class Energy : public Mode {
+class Energy final : public Mode {

-private:
+  double photovoltaicEnergyKWh = NAN;
+
+  unsigned long photovoltaicEnergyKWhLast = 0;
+
+  double gridImportKWh = NAN;
+
+  unsigned long gridImportKWhLast = 0;
+
+  double gridExportKWh = NAN;
+
+  unsigned long gridExportKWhLast = 0;

  int page = 0;

 public:

-    explicit Energy(Display &display) :
-        Mode(display) {
+  explicit Energy(Display& display) : Mode(display) {
    timer(0, 7000);
  }

@ -26,6 +39,18 @@ public:
    return "Energy";
  }

+  void start() override {
+    mqttSubscribe(PHOTOVOLTAIC_ENERGY_KWH);
+    mqttSubscribe(GRID_IMPORT_WH);
+    mqttSubscribe(GRID_EXPORT_WH);
+  }
+
+  void stop() override {
+    mqttUnsubscribe(PHOTOVOLTAIC_ENERGY_KWH);
+    mqttUnsubscribe(GRID_IMPORT_WH);
+    mqttUnsubscribe(GRID_EXPORT_WH);
+  }
+
 protected:

  void tick(uint8_t index, microseconds_t microseconds) override {
@ -39,30 +64,23 @@ protected:
  }

  void draw(Display& display) override {
-      const double produced = getPhotovoltaicEnergyKWh();
-      const double imported = getGridImportKWh();
-      const double exported = getGridExportKWh();
-      const double producedAfterMeterChange = produced - POWER_PHOTOVOLTAIC_PRODUCED_BEFORE_METER_CHANGE;
-      const double selfAfterMeterChange = producedAfterMeterChange - exported;
-      const double selfRatio = selfAfterMeterChange / producedAfterMeterChange;
-      const double selfConsumedKWh = selfRatio * produced;
-      const double costSaved = selfConsumedKWh * GRID_KWH_EURO;
-      const double amortisationPercent = selfConsumedKWh / PV_COST_AMORTISATION_KWH * 100;
-
-      const uint8_t l = (DISPLAY_CHAR_WIDTH + 1) * 4 - 1;
-      const uint8_t r = width;
+    const auto photovoltaicEnergyKWhAfterMeterChange = photovoltaicEnergyKWh - POWER_PHOTOVOLTAIC_photovoltaicEnergyKWh_BEFORE_METER_CHANGE;
+    const auto selfAfterMeterChange = photovoltaicEnergyKWhAfterMeterChange - gridExportKWh;
+    const auto selfRatio = selfAfterMeterChange / photovoltaicEnergyKWhAfterMeterChange;
+    const auto selfConsumedKWh = selfRatio * photovoltaicEnergyKWh;
+    const auto costSaved = selfConsumedKWh * GRID_KWH_EURO;
+    const auto amortisationPercent = selfConsumedKWh / PV_COST_AMORTISATION_KWH * 100;

    display.clear();
    if (page == 0) {
-        display.print2(l, 0, costSaved, GREEN);
-        uint8_t x = display.print2(r - DISPLAY_CHAR_WIDTH - 1, 0, amortisationPercent, WHITE);
-        display.print(x, 0, SYMBOL_PERCENT, WHITE, true);
+      display.printf(1, 1, LEFT, Green, "%3.0f€", costSaved);
+      display.printf(30, 1, RIGHT, White, "%.0f%%", amortisationPercent);
    } else if (page == 1) {
-        display.print2(l, 0, getPhotovoltaicEnergyKWh(), BLUE);
-        display.print2(r, 0, selfConsumedKWh, GREEN);
+      display.printf(1, 1, LEFT, Blue, "%3.0f", photovoltaicEnergyKWh);
+      display.printf(30, 1, RIGHT, Green, "%.0f", selfConsumedKWh);
    } else {
-        display.print2(l, 0, imported, ORANGE);
-        display.print2(r, 0, exported, MAGENTA);
+      display.printf(1, 1, LEFT, Orange, "%4.0f", gridImportKWh);
+      display.printf(30, 1, RIGHT, Magenta, "%.0f", gridExportKWh);
    }
  }

--- a/src/mode/GameOfLife/Cell.h
+++ b/src/mode/GameOfLife/Cell.h
@ -11,9 +11,9 @@ public:

    double fade = 0.0;

-    Color color = BLACK;
+    RGBA color = Black;

-    void animate(microseconds_t microseconds) {
+    void animate(const microseconds_t microseconds) {
      // TODO fading does not work as expected
      if (alive) {
        fade = doStep(fade, 0.0, 255.0, 200, +microseconds);
@ -26,40 +26,33 @@ public:
      if (alive) {
        if (fade < 128) {
          return 0;
-        } else {
-          return (uint8_t) ((fade - 128) * 2.0 + 1);
        }
-      } else {
+        return static_cast<uint8_t>((fade - 128) * 2.0 + 1);
+      }
      if (fade < 128) {
-          return (uint8_t) (fade * 2.0 + 1);
-        } else {
+        return static_cast<uint8_t>(fade * 2.0 + 1);
+      }
      return 255;
    }
-      }
-    }

    uint8_t getG() const {
      if (alive) {
        if (fade < 128) {
-          return (uint8_t) (fade * 2.0 + 1);
-        } else {
+          return static_cast<uint8_t>(fade * 2.0 + 1);
+        }
        return 255;
      }
-      } else {
      if (fade < 128) {
        return 0;
-        } else {
-          return (uint8_t) ((fade - 128) * 2.0 + 1);
-        }
      }
+      return static_cast<uint8_t>((fade - 128) * 2.0 + 1);
    }

    uint8_t getB() const {
      if (fade < 128) {
        return 0;
-      } else {
-        return (uint8_t) ((fade - 128) * 2.0 + 1);
      }
+      return static_cast<uint8_t>((fade - 128) * 2.0 + 1);
    }

 };
--- a/src/mode/GameOfLife/GameOfLife.h
+++ b/src/mode/GameOfLife/GameOfLife.h
@ -1,16 +1,14 @@
 #ifndef MODE_GAME_OF_LIFE_H
 #define MODE_GAME_OF_LIFE_H

-#include "mode/Mode.h"
 #include "Cell.h"
+#include "mode/Mode.h"

 enum ColorMode {
  BLACK_WHITE, GRAYSCALE, COLOR_FADE, RANDOM_COLOR
 };

-class GameOfLife : public Mode {
-
-private:
+class GameOfLife final : public Mode {

  ColorMode colorMode;

@ -34,17 +32,16 @@ private:

 public:

-    explicit GameOfLife(Display &display, ColorMode colorMode) :
-        Mode(display),
+  explicit GameOfLife(Display& display, const ColorMode colorMode) : Mode(display),
                                                                     colorMode(colorMode),
                                                                     cellsSize(display.pixelCount * sizeof(Cell)) {
-      cells = (Cell *) malloc(cellsSize);
+    cells = static_cast<Cell *>(malloc(cellsSize));
    cellsEnd = cells + display.pixelCount;
-      for (Cell *cell = cells; cell < cells + display.pixelCount; cell++) {
+    for (auto cell = cells; cell < cells + display.pixelCount; cell++) {
      kill(cell);
    }
-      next = (Cell *) malloc(cellsSize);
-      for (Cell *cell = next; cell < next + display.pixelCount; cell++) {
+    next = static_cast<Cell *>(malloc(cellsSize));
+    for (auto cell = next; cell < next + display.pixelCount; cell++) {
      kill(cell);
    }
  }
@ -76,7 +73,7 @@ public:

 protected:

-    void step(microseconds_t microseconds) override {
+  void step(const microseconds_t microseconds) override {
    runtime += microseconds;
    if (runtime >= 500000) {
      runtime = 0;
@ -92,7 +89,7 @@ protected:
        nextGeneration();
      }
    }
-      for (Cell *cell = cells; cell < cellsEnd; cell++) {
+    for (auto cell = cells; cell < cellsEnd; cell++) {
      cell->animate(microseconds);
    }

@ -101,24 +98,25 @@ protected:
  }

  void draw(Display& display) override {
-      Cell *cell = cells;
-      for (int y = 0; y < height; y++) {
-        for (int x = 0; x < width; x++) {
+    auto cell = cells;
+    display.clear();
+    for (auto y = 0; y < height; y++) {
+      for (auto x = 0; x < width; x++) {
        uint8_t brightness;
        switch (colorMode) {
          case BLACK_WHITE:
            brightness = cell->alive ? 255 : 0;
-              display.set(x, y, gray(brightness));
+            display.setPixel(x, y, RGBA::gray(brightness));
            break;
          case GRAYSCALE:
-              brightness = (uint8_t) cell->fade;
-              display.set(x, y, gray(brightness));
+            brightness = static_cast<uint8_t>(cell->fade);
+            display.setPixel(x, y, RGBA::gray(brightness));
            break;
          case COLOR_FADE:
-              display.set(x, y, {cell->getR(), cell->getG(), cell->getB()});
+            display.setPixel(x, y, {cell->getR(), cell->getG(), cell->getB()});
            break;
          case RANDOM_COLOR:
-              display.set(x, y, cell->alive ? cell->color : BLACK);
+            display.setPixel(x, y, cell->alive ? cell->color : Black);
            break;
        }
        cell++;
@ -130,7 +128,7 @@ private:

  void randomFill() {
    isSteadyCount = 0;
-      for (Cell *cell = cells; cell < cellsEnd; cell++) {
+    for (auto cell = cells; cell < cellsEnd; cell++) {
      if (random(4) == 0) {
        if (!cell->alive) {
          spawn(cell);
@ -144,7 +142,7 @@ private:
  }

  void spawn(Cell *cell) {
-      cell->color = randomColor();
+    cell->color = RGBA::rnd(255);
    cell->alive = true;
    aliveCount++;
  }
@ -156,11 +154,11 @@ private:

  void nextGeneration() {
    memcpy(next, cells, cellsSize);
-      Cell *src = cells;
-      Cell *dst = next;
-      for (int y = 0; y < height; y++) {
-        for (int x = 0; x < width; x++) {
-          uint8_t around = countAround(x, y);
+    auto src = cells;
+    auto dst = next;
+    for (auto y = 0; y < height; y++) {
+      for (auto x = 0; x < width; x++) {
+        const auto around = countAround(x, y);
        if (src->alive) {
          if (around <= 2 || 6 <= around) {
            kill(dst);
@ -175,11 +173,11 @@ private:
    memcpy(cells, next, cellsSize);
  }

-    void print() {
-      Cell *cell = cells;
-      for (int y = 0; y < height; y++) {
+  void print() const {
+    auto cell = cells;
+    for (auto y = 0; y < height; y++) {
      Serial.print("|");
-        for (int x = 0; x < width; x++) {
+      for (auto x = 0; x < width; x++) {
        Serial.print(cell->alive ? "x|" : " |");
        cell++;
      }
@ -188,20 +186,20 @@ private:
    }
  }

-    uint8_t countAround(int x, int y) {
+  uint8_t countAround(const int x, const int y) const {
    return countIfAlive(x - 1, y - 1) + countIfAlive(x + 0, y - 1) + countIfAlive(x + 1, y - 1) +
           countIfAlive(x - 1, y + 0) + /*                              */ countIfAlive(x + 1, y + 0) +
           countIfAlive(x - 1, y + 1) + countIfAlive(x + 0, y + 1) + countIfAlive(x + 1, y + 1);
  }

-    uint8_t countIfAlive(int x, int y) {
+  uint8_t countIfAlive(const int x, const int y) const {
    if (x < 0 || y < 0 || x >= width || y >= height) {
      return 0;
    }
    return get(x, y)->alive ? 1 : 0;
  }

-    Cell *get(int x, int y) {
+  Cell *get(const int x, const int y) const {
    return cells + width * y + x;
  }

--- a/src/mode/Matrix/Matrix.h
+++ b/src/mode/Matrix/Matrix.h
@ -3,13 +3,11 @@

 #include "mode/Mode.h"

-class Matrix : public Mode {
-
-private:
+class Matrix final : public Mode {

  struct Glyph {
-        double x;
-        double y;
+    double x = 0;
+    double y = 0;
    double velocity = 0;
    uint8_t length = 0;
  };
@ -18,8 +16,7 @@ private:

 public:

-    explicit Matrix(Display &display) :
-        Mode(display) {
+  explicit Matrix(Display& display) : Mode(display) {
    for (auto& glyph: glyphs) {
      resetGlyph(glyph);
    }
@ -28,7 +25,7 @@ public:
  void resetGlyph(Glyph& glyph) const {
    glyph.x = random(width);
    glyph.y = 0;
-      glyph.velocity = (random(20) + 5);
+    glyph.velocity = random(20) + 5;
    glyph.length = random(8) + 2;
  }

@ -38,9 +35,9 @@ public:

 protected:

-    void step(microseconds_t microseconds) override {
+  void step(const microseconds_t microseconds) override {
    for (auto& glyph: glyphs) {
-        glyph.y += glyph.velocity * (double) microseconds / 1000000.0;
+      glyph.y += glyph.velocity * static_cast<double>(microseconds) / 1000000.0;
      if (glyph.y - glyph.length >= height) {
        resetGlyph(glyph);
      }
@ -50,12 +47,12 @@ protected:

  void draw(Display& display) override {
    display.clear();
-      for (auto &glyph: glyphs) {
-        for (int i = 0; i < glyph.length; ++i) {
-          display.set((int) round(glyph.x), (int) round(glyph.y - i), {64, 128, 64});
+    for (const auto& glyph: glyphs) {
+      for (auto i = 0; i < glyph.length; ++i) {
+        display.setPixel(glyph.x, glyph.y - i, {64, 128, 64});
      }
-        if (((int) round(glyph.y) + glyph.length) % 2 == 0) {
-          display.set((int) round(glyph.x), (int) round(glyph.y), {0, 255, 0});
+      if ((static_cast<int>(round(glyph.y)) + glyph.length) % 2 == 0) {
+        display.setPixel(glyph.x, glyph.y, {0, 255, 0});
      }
    }
  }
--- a/src/mode/Mode.h
+++ b/src/mode/Mode.h
@ -1,8 +1,8 @@
 #ifndef MODE_H
 #define MODE_H

-#include "BASICS.h"
-#include "display/Display.h"
+#include <BASICS.h>
+#include <patrix/core/log.h>

 #define FAKE_DAYS         0
 #define FAKE_HOURS        0
@ -65,13 +65,13 @@ protected:

  time_t nowEpochSeconds = 0;

-    virtual void tick(uint8_t index, microseconds_t microseconds) {};
+  virtual void tick(uint8_t index, microseconds_t microseconds) {}

-    virtual void step(microseconds_t microseconds) {};
+  virtual void step(const microseconds_t microseconds) {}

-    virtual void draw(Display &display) {};
+  virtual void draw(Display& display) {}

-    void timer(uint8_t index, milliseconds_t milliseconds) {
+  void timer(const uint8_t index, const milliseconds_t milliseconds) {
    if (index >= countof(timers)) {
      return;
    }
@ -85,26 +85,29 @@ protected:

 public:

-    explicit Mode(Display &display) :
-        _display(display),
+  explicit Mode(Display& display) : _display(display),
                                    width(display.width),
                                    height(display.height) {
-      // nothing
+    //
  }

  virtual ~Mode() = default;

  virtual const char *getName() = 0;

-    virtual void move(int index, int x, int y) {
-      //
-    };
+  virtual void start() {}

-    virtual void fire(int index) {
-      //
-    };
+  virtual void stop() {}

-    void loop(microseconds_t microseconds) {
+  virtual void move(int index, int x, int y) {}
+
+  virtual void fire(int index) {}
+
+  virtual void mqttMessage(const String& topic, const String& message) {}
+
+  virtual void loadConfig() {}
+
+  void loop(const microseconds_t microseconds) {
    handleRealtime();
    handleTimers(microseconds);
    step(microseconds);
@ -141,14 +144,14 @@ private:

  void realtimeMillisecondsUpdate() {
    if (lastSecond < 0 || lastSecond != now.tm_sec) {
-        lastSecond = (int8_t) now.tm_sec;
+      lastSecond = static_cast<int8_t>(now.tm_sec);
      lastSecondChange_Milliseconds = millis();
    }
    realtimeMilliseconds = millis() - lastSecondChange_Milliseconds;
  }

-    void handleTimers(microseconds_t microseconds) {
-      for (Timer *timer = timers; timer < timers + countof(timers); timer++) {
+  void handleTimers(const microseconds_t microseconds) {
+    for (auto timer = timers; timer < timers + countof(timers); timer++) {
      if (timer->interval > 0) {
        if (microseconds >= timer->rest) {
          timer->rest = timer->interval;
--- a/src/mode/Pong/Player.h
+++ b/src/mode/Pong/Player.h
@ -17,7 +17,7 @@ public:

    bool random = true;

-    void randomMove(uint8_t height) {
+    void randomMove(const uint8_t height) {
      if (moveUp) {
        y--;
        if (y <= 0 || randomBool(20)) {
--- a/src/mode/Pong/Pong.h
+++ b/src/mode/Pong/Pong.h
@ -1,13 +1,11 @@
 #ifndef MODE_PONG_H
 #define MODE_PONG_H

-#include "mode/Mode.h"
 #include "Player.h"
-#include "display/Vector.h"
+#include "Vector.h"
+#include "mode/Mode.h"

-class Pong : public Mode {
-
-private:
+class Pong final : public Mode {

  enum Status {
    SCORE, PLAY, OVER
@ -27,8 +25,7 @@ private:

 public:

-    explicit Pong(Display &display) :
-        Mode(display),
+  explicit Pong(Display& display) : Mode(display),
                                    ball(width / 2.0, height / 2.0),
                                    velocity(Vector::polar(random(360), exp10(1))) {
    timer(0, 100);
@ -40,7 +37,7 @@ public:
    return "Pong";
  }

-    void move(int index, int x, int y) override {
+  void move(const int index, int x, const int y) override {
    if (index == 0) {
      player0.random = false;
      player0.y = min(height - player0.size, max(0, player0.y + y));
@ -50,7 +47,7 @@ public:
    }
  }

-    void fire(int index) override {
+  void fire(const int index) override {
    if (index == 0) {
      player0.random = false;
    } else if (index == 1) {
@ -60,7 +57,7 @@ public:

 protected:

-    void tick(uint8_t index, microseconds_t microseconds) override {
+  void tick(uint8_t index, const microseconds_t microseconds) override {
    switch (status) {
      case SCORE:
        timeoutMicroseconds -= microseconds;
@ -97,25 +94,25 @@ protected:
    display.clear();
    switch (status) {
      case SCORE:
-          display.print(1, 1, player0.score, GREEN, true);
-          display.print(width - 1 - DISPLAY_CHAR_WIDTH, 1, player1.score, RED, true);
+        display.printf(1, 1, LEFT, Green, "%d", player0.score);
+        display.printf(30, 1, RIGHT, Red, "%d", player1.score);
        break;
      case PLAY:
-          for (int i = 0; i < player0.size; ++i) {
-            display.set(1, (uint8_t) round(player0.y) + i, GREEN);
+        for (auto i = 0; i < player0.size; ++i) {
+          display.setPixel(1, static_cast<uint8_t>(round(player0.y)) + i, Green);
        }
-          for (int i = 0; i < player1.size; ++i) {
-            display.set(width - 2, (uint8_t) round(player1.y) + i, RED);
+        for (auto i = 0; i < player1.size; ++i) {
+          display.setPixel(width - 2, static_cast<uint8_t>(round(player1.y)) + i, Red);
        }
-          display.set((uint8_t) round(ball.x), (uint8_t) round(ball.y), WHITE);
+        display.setPixel(static_cast<uint8_t>(round(ball.x)), static_cast<uint8_t>(round(ball.y)), White);
        break;
      case OVER:
        if (player0.score > player1.score) {
-            display.print(1, 1, 11, GREEN, true);
-            display.print(width - 1 - DISPLAY_CHAR_WIDTH, 1, 12, RED, true);
+          display.printf(1, 1, LEFT, Green, "W", player0.score);
+          display.printf(30, 1, RIGHT, Red, "L", player1.score);
        } else if (player0.score < player1.score) {
-            display.print(1, 1, 12, RED, true);
-            display.print(width - 1 - DISPLAY_CHAR_WIDTH, 1, 11, GREEN, true);
+          display.printf(1, 1, LEFT, Red, "L", player0.score);
+          display.printf(30, 1, RIGHT, Green, "W", player1.score);
        }
        break;
    }
@ -149,11 +146,11 @@ private:
  void checkScoring() {
    if (ball.x < 0) {
      player1.score++;
-        Serial.println("Player 1 scored");
+      Serial.printf("Player 1 scored: %d\n", player1.score);
      spawnBall(+1);
    } else if (ball.x >= width) {
      player0.score++;
-        Serial.println("Player 0 scored");
+      Serial.printf("Player 0 scored: %d\n", player0.score);
      spawnBall(-1);
    }
    if (player0.score >= 10 || player1.score >= 10) {
@ -163,26 +160,24 @@ private:
  }

  void paddleBounce() {
-      double paddleHitPosition0 = ball.y - player0.y;
+    const auto paddleHitPosition0 = ball.y - player0.y;
    if (ball.x >= 1 && ball.x < 2 && paddleHitPosition0 >= 0 && paddleHitPosition0 < player0.size) {
-        Serial.printf("Player 0 hit: paddleHitPosition0=%.2f\n", paddleHitPosition0);
      velocity.x = -velocity.x;
      velocity.y = max(-2.0, min(+2.0, velocity.y + paddleHitPosition0 - 1));
      ball.x = 3;
      return;
    }
-      double paddleHitPosition1 = ball.y - player1.y;
+    const auto paddleHitPosition1 = ball.y - player1.y;
    if (ball.x >= width - 2 && ball.x < width - 1 && paddleHitPosition1 >= 0 && paddleHitPosition1 < player1.size) {
-        Serial.printf("Player 1 hit: paddleHitPosition1=%.2f\n", paddleHitPosition1);
      velocity.x = -velocity.x;
      velocity.y = max(-2.0, min(+2.0, velocity.y + paddleHitPosition1 - 1));
      ball.x = width - 4;
    }
  }

-    void spawnBall(int direction) {
-      ball.x = (double) width / 2.0;
-      ball.y = (double) height / 2.0;
+  void spawnBall(const int direction) {
+    ball.x = static_cast<double>(width) / 2.0;
+    ball.y = static_cast<double>(height) / 2.0;
    velocity.x = direction;
    velocity.y = 0;
    status = SCORE;
--- a/src/mode/Power/Power.h
+++ b/src/mode/Power/Power.h
@ -1,18 +1,25 @@
 #ifndef MODE_POWER_H
 #define MODE_POWER_H

+#include <patrix/core/mqtt.h>
 #include "mode/Mode.h"
-#include "mqtt.h"

-#pragma clang diagnostic push
-#pragma ide diagnostic ignored "UnusedValue"
+#define PHOTOVOLTAIC_POWER_W                "openDTU/pv/ac/power"
+#define GRID_POWER_W                        "electricity/grid/power/signed/w"

-class Power : public Mode {
+class Power final : public Mode {
+
+  double photovoltaicPowerW = NAN;
+
+  unsigned long photovoltaicPowerWLast = 0;
+
+  double gridPowerW = NAN;
+
+  unsigned long gridPowerWLast = 0;

 public:

-    explicit Power(Display &display) :
-        Mode(display) {
+  explicit Power(Display& display) : Mode(display) {
    // nothing
  }

@ -20,8 +27,28 @@ public:
    return "Power";
  }

+  void start() override {
+    mqttSubscribe(PHOTOVOLTAIC_POWER_W);
+    mqttSubscribe(GRID_POWER_W);
+  }
+
+  void stop() override {
+    mqttUnsubscribe(PHOTOVOLTAIC_POWER_W);
+    mqttUnsubscribe(GRID_POWER_W);
+  }
+
 protected:

+  void mqttMessage(const String& topic, const String& message) override {
+    if (topic.equals(PHOTOVOLTAIC_POWER_W)) {
+      photovoltaicPowerW = message.toDouble();
+      photovoltaicPowerWLast = millis();
+    } else if (topic.equals(GRID_POWER_W)) {
+      gridPowerW = message.toDouble();
+      gridPowerWLast = millis();
+    }
+  }
+
  void step(microseconds_t microseconds) override {
    if (realtimeChanged) {
      markDirty();
@ -30,12 +57,14 @@ protected:

  void draw(Display& display) override {
    display.clear();
-      display.print2((DISPLAY_CHAR_WIDTH + 1) * 3 - 1, 0, getPhotovoltaicPowerW(), GREEN);
-      display.print2(width, 0, getGridPowerW(), ORANGE, WHITE, MAGENTA);
+
+    const auto pvColor = photovoltaicPowerW >= 100 ? Green : photovoltaicPowerW >= 20 ? Yellow : Red;
+    display.printf(1, 1, LEFT, pvColor, "%3.0f", photovoltaicPowerW);
+
+    const auto gridColor = gridPowerW >= 20 ? Orange : gridPowerW >= -20 ? Green : Magenta;
+    display.printf(30, 1, RIGHT, gridColor, "%.0f", gridPowerW);
  }

 };

-#pragma clang diagnostic pop
-
 #endif
--- a/src/mode/SpaceInvaders/SpaceInvaders.h
+++ b/src/mode/SpaceInvaders/SpaceInvaders.h
@ -18,9 +18,7 @@ struct Invader {
  uint8_t y;
 };

-class SpaceInvaders : public Mode {
-
-private:
+class SpaceInvaders final : public Mode {

  microseconds_t heroRuntime = 0;
  uint8_t heroX = 0;
@ -46,15 +44,14 @@ private:

 public:

-    explicit SpaceInvaders(Display &display) :
-        Mode(display),
+  explicit SpaceInvaders(Display& display) : Mode(display),
                                             invadersCountX(width / 3),
                                             invadersCountY(height / 4) {

-      swarmBegin = (Invader *) malloc(sizeof(Invader) * invadersCountX * invadersCountY);
+    swarmBegin = static_cast<Invader *>(malloc(sizeof(Invader) * invadersCountX * invadersCountY));
    swarmEnd = swarmBegin + invadersCountX * invadersCountY;

-      rocketsBegin = (Rocket *) malloc(sizeof(Rocket) * ROCKET_MAX);
+    rocketsBegin = static_cast<Rocket *>(malloc(sizeof(Rocket) * ROCKET_MAX));
    rocketsEnd = rocketsBegin + ROCKET_MAX;

    reset();
@ -63,13 +60,13 @@ public:
  ~SpaceInvaders() override {
    free(swarmBegin);
    free(rocketsBegin);
-    };
+  }

  const char *getName() override {
    return "Space Invaders";
  }

-    void move(int index, int x, int y) override {
+  void move(int index, const int x, int y) override {
    randomEnabled = false;
    heroX = max(1, min(width - 2, heroX + x));
  }
@ -81,7 +78,7 @@ public:

 protected:

-    void step(microseconds_t microseconds) override {
+  void step(const microseconds_t microseconds) override {
    stepRockets(microseconds);
    stepInvaders(microseconds);
    if (randomEnabled) {
@ -112,11 +109,11 @@ protected:

 private:

-    void stepRockets(microseconds_t microseconds) {
+  void stepRockets(const microseconds_t microseconds) {
    rocketRuntime += microseconds;
    if (rocketRuntime > 200000) {
      rocketRuntime = rocketRuntime % 200000;
-        for (Rocket *rocket = rocketsBegin; rocket < rocketsEnd; rocket++) {
+      for (auto rocket = rocketsBegin; rocket < rocketsEnd; rocket++) {
        if (rocket->alive) {
          if (rocket->y == 0) {
            rocket->alive = false;
@ -134,7 +131,7 @@ private:
    }
  }

-    void stepInvaders(microseconds_t microseconds) {
+  void stepInvaders(const microseconds_t microseconds) {
    swarmRuntime += microseconds;

    if (swarmDown && swarmRuntime > 500000) {
@ -161,7 +158,7 @@ private:
    }
  }

-    void randomStepHero(microseconds_t microseconds) {
+  void randomStepHero(const microseconds_t microseconds) {
    heroRuntime += microseconds;
    if (heroRuntime >= 50000) {
      heroRuntime = heroRuntime % 50000;
@ -185,8 +182,8 @@ private:
    }
  }

-    void shoot() {
-      for (Rocket *rocket = rocketsBegin; rocket < rocketsEnd; rocket++) {
+  void shoot() const {
+    for (auto rocket = rocketsBegin; rocket < rocketsEnd; rocket++) {
      if (!rocket->alive && rocket->flash == 0) {
        rocket->alive = true;
        rocket->x = heroX;
@ -196,11 +193,11 @@ private:
  }

  void collide() {
-      for (Rocket *rocket = rocketsBegin; rocket < rocketsEnd; rocket++) {
+    for (auto rocket = rocketsBegin; rocket < rocketsEnd; rocket++) {
      if (!rocket->alive) {
        continue;
      }
-        for (Invader *invader = swarmBegin; invader < swarmEnd; invader++) {
+      for (auto invader = swarmBegin; invader < swarmEnd; invader++) {
        if (!invader->alive) {
          continue;
        }
@ -221,33 +218,33 @@ private:
           && swarmX + invader->x * 3 + 1 >= rocket->x;
  }

-    void drawInvaders(Display &display) {
-      for (Invader *invader = swarmBegin; invader < swarmEnd; invader++) {
+  void drawInvaders(Display& display) const {
+    for (auto invader = swarmBegin; invader < swarmEnd; invader++) {
      if (invader->alive) {
-          display.set(swarmX + invader->x * 3 + 0, swarmY + invader->y * 2, RED);
-          display.set(swarmX + invader->x * 3 + 1, swarmY + invader->y * 2, RED);
+        display.setPixel(swarmX + invader->x * 3 + 0, swarmY + invader->y * 2, Red);
+        display.setPixel(swarmX + invader->x * 3 + 1, swarmY + invader->y * 2, Red);
      }
    }
  }

-    void drawRockets(Display &display) {
-      for (Rocket *rocket = rocketsBegin; rocket < rocketsEnd; rocket++) {
+  void drawRockets(Display& display) const {
+    for (auto rocket = rocketsBegin; rocket < rocketsEnd; rocket++) {
      if (rocket->alive) {
-          display.set(rocket->x, rocket->y, YELLOW);
+        display.setPixel(rocket->x, rocket->y, Yellow);
      } else if (rocket->flash > 0) {
-          display.set(rocket->x - 1, rocket->y - 1, gray(rocket->flash));
-          display.set(rocket->x - 1, rocket->y + 1, gray(rocket->flash));
-          display.set(rocket->x + 0, rocket->y + 0, gray(rocket->flash));
-          display.set(rocket->x + 1, rocket->y + 1, gray(rocket->flash));
-          display.set(rocket->x + 1, rocket->y - 1, gray(rocket->flash));
+        display.setPixel(rocket->x - 1, rocket->y - 1, RGBA::gray(rocket->flash));
+        display.setPixel(rocket->x - 1, rocket->y + 1, RGBA::gray(rocket->flash));
+        display.setPixel(rocket->x + 0, rocket->y + 0, RGBA::gray(rocket->flash));
+        display.setPixel(rocket->x + 1, rocket->y + 1, RGBA::gray(rocket->flash));
+        display.setPixel(rocket->x + 1, rocket->y - 1, RGBA::gray(rocket->flash));
      }
    }
  }

-    void drawHero(Display &display) {
-      display.set(heroX - 1, height - 1, BLUE);
-      display.set(heroX + 0, height - 1, BLUE);
-      display.set(heroX + 1, height - 1, BLUE);
+  void drawHero(Display& display) const {
+    display.setPixel(heroX - 1, height - 1, Blue);
+    display.setPixel(heroX + 0, height - 1, Blue);
+    display.setPixel(heroX + 1, height - 1, Blue);
  }

  void reset() {
@ -258,7 +255,7 @@ private:
    randomEnabled = true;

    rocketRuntime = 0;
-      for (Rocket *rocket = rocketsBegin; rocket < rocketsEnd; rocket++) {
+    for (auto rocket = rocketsBegin; rocket < rocketsEnd; rocket++) {
      rocket->alive = false;
      rocket->flash = 0;
      rocket->x = 0;
@ -272,7 +269,7 @@ private:
    swarmLeft = false;
    swarmDown = false;
    uint8_t n = 0;
-      for (Invader *invader = swarmBegin; invader < swarmEnd; invader++) {
+    for (auto invader = swarmBegin; invader < swarmEnd; invader++) {
      invader->alive = true;
      invader->x = n % invadersCountX;
      invader->y = n / invadersCountX;
--- a/src/mode/Starfield/Starfield.h
+++ b/src/mode/Starfield/Starfield.h
@ -3,9 +3,7 @@

 #include "mode/Mode.h"

-class Starfield : public Mode {
-
-private:
+class Starfield final : public Mode {

  Vector center;

@ -15,8 +13,7 @@ private:

 public:

-    explicit Starfield(Display &display) :
-        Mode(display),
+  explicit Starfield(Display& display) : Mode(display),
                                         center(width / 2.0, height / 2.0),
                                         centerNext(center.x, center.y) {
    for (auto& star: stars) {
@ -31,10 +28,10 @@ public:

 protected:

-    void step(microseconds_t microseconds) override {
+  void step(const microseconds_t microseconds) override {
    stepCenter();
    for (auto& star: stars) {
-        const Vector velocity = star.minus(center).multiply((double) microseconds / 200000.0);
+      const auto velocity = star.minus(center).multiply(static_cast<double>(microseconds) / 200000.0);
      star = star.plus(velocity);
      if (star.x < 0 || star.x >= width || star.y < 0 || star.y >= height) {
        star = center.plus(Vector::polar(random(360), 1));
@ -45,6 +42,7 @@ protected:
    markDirty();
  }

+  // ReSharper disable once CppMemberFunctionMayBeStatic
  void stepCenter() {
    // TODO moving center overtakes moving stars (less stars in direction of moving center)
    //      Vector diff = centerNext.minus(center);
@ -67,8 +65,8 @@ protected:
  void draw(Display& display) override {
    display.clear();
    for (auto& star: stars) {
-        uint8_t brightness = (uint8_t) round(255.0 * star.minus(center).length / (width / 2.0));
-        display.set(star, gray(brightness));
+      const auto brightness = static_cast<uint8_t>(round(255.0 * star.minus(center).length / (width / 2.0)));
+      display.setPixel(star.x, star.y, RGBA::gray(brightness));
    }
  }

--- a/src/mode/Timer/Timer.h
+++ b/src/mode/Timer/Timer.h
@ -3,9 +3,15 @@

 #include "mode/Mode.h"

+#define DEFAULT_DURATION_MILLIS (6 * 60 * 1000L)
+
 class Timer2 final : public Mode {

-  const unsigned long targetMillis = millis() + 6 * 60 * 1000;
+  long timerMillis = DEFAULT_DURATION_MILLIS;
+
+  long restMillis = timerMillis;
+
+  unsigned long lastMillis = 0;

  uint16_t days = 0;

@ -15,8 +21,6 @@ class Timer2 final : public Mode {

  uint16_t seconds = 0;

-  unsigned long diffSeconds = 0;
-
 public:

  explicit Timer2(Display& display) : Mode(display) {
@ -27,87 +31,52 @@ public:
    return "Timer";
  }

+  void loadConfig() override {
+    const auto newTimerMillis = config.get("timerMillis", DEFAULT_DURATION_MILLIS);
+    if (restMillis > 0) {
+      restMillis += newTimerMillis - timerMillis;
+    }
+    timerMillis = newTimerMillis;
+  }
+
+  void start() override {
+    restMillis = timerMillis;
+    lastMillis = millis();
+  }
+
 protected:

  void step(microseconds_t microseconds) override {
    const auto now = millis();
-    diffSeconds = now >= targetMillis ? 0 : (targetMillis - now) / 1000;
-    days = diffSeconds / (24 * 60 * 60);
-    hours = diffSeconds / (60 * 60) % 24;
-    minutes = diffSeconds / 60 % 60;
-    seconds = diffSeconds % 60;
+    const auto deltaMillis = now - lastMillis;
+    lastMillis = now;
+
+    restMillis -= static_cast<long>(deltaMillis);
+    if (restMillis < 0) {
+      restMillis = 0;
+    }
+
+    const auto restSeconds = restMillis / 1000;
+    days = restSeconds / (24 * 60 * 60);
+    hours = restSeconds / (60 * 60) % 24;
+    minutes = restSeconds / 60 % 60;
+    seconds = restSeconds % 60;
    markDirty();
  }

  void draw(Display& display) override {
    display.clear();
-
-    if (diffSeconds == 0) {
-      drawNoTime(display);
-      return;
-    }
-
-    uint8_t x = 0;
-    if (days > 0) {
-      drawDay(display, days, &x);
-      x += display.print(x, 1, 10, WHITE, true);
+    if (days > 10) {
+      display.printf(30, 1, RIGHT, White, "%d TAGE", days);
+    } else if (days > 0) {
+      display.printf(30, 1, RIGHT, White, "%d %2d:%02d", days, hours, minutes);
+    } else if (hours > 0) {
+      display.printf(30, 1, RIGHT, White, "%d:%02d:%02d", hours, minutes, seconds);
+    } else if (minutes > 0) {
+      display.printf(30, 1, RIGHT, White, "%d:%02d", minutes, seconds);
    } else {
-      x += 2;
+      display.printf(30, 1, RIGHT, Orange, "%d", seconds);
    }
-    drawHour(display, days, hours, &x);
-    x += display.print(x, 1, 10, WHITE, true);
-    draw2Digit(display, minutes, &x);
-    if (days <= 0) {
-      x += display.print(x, 1, 10, WHITE, true);
-      draw2Digit(display, seconds, &x);
-    }
-  }
-
-private:
-
-  static void drawNoTime(Display& display) {
-    uint8_t x = 2;
-    x += display.print(x, 1, SYMBOL_DASH, WHITE, true);
-    x++;
-    x += display.print(x, 1, SYMBOL_DASH, WHITE, true);
-    x += display.print(x, 1, 10, WHITE, true);
-    x += display.print(x, 1, SYMBOL_DASH, WHITE, true);
-    x++;
-    x += display.print(x, 1, SYMBOL_DASH, WHITE, true);
-    x += display.print(x, 1, 10, WHITE, true);
-    x += display.print(x, 1, SYMBOL_DASH, WHITE, true);
-    x++;
-    display.print(x, 1, SYMBOL_DASH, WHITE, true);
-  }
-
-  static void drawDay(Display& display, int days, uint8_t *x) {
-    if (days >= 100) {
-      *x += display.print(*x, 1, days / 100, WHITE, true) + 1;
-    } else {
-      *x += DISPLAY_CHAR_WIDTH + 1;
-    }
-
-    if (days >= 10) {
-      *x += display.print(*x, 1, days / 10 % 10, WHITE, true) + 1;
-    } else {
-      *x += DISPLAY_CHAR_WIDTH + 1;
-    }
-
-    *x += display.print(*x, 1, days % 10, WHITE, true);
-  }
-
-  static void drawHour(Display& display, int days, int hours, uint8_t *x) {
-    if (days > 0 || hours >= 10) {
-      *x += display.print(*x, 1, hours / 10, WHITE, true) + 1;
-    } else {
-      *x += DISPLAY_CHAR_WIDTH + 1;
-    }
-    *x += display.print(*x, 1, hours % 10, WHITE, true);
-  }
-
-  static void draw2Digit(Display& display, int value, uint8_t *x) {
-    *x += display.print(*x, 1, value / 10, WHITE, true) + 1;
-    *x += display.print(*x, 1, value % 10, WHITE, true);
  }

 };
Author	SHA1	Message	Date
Patrick Haßel	215c633a77	added missing config.read(); Config still defect	2025-01-27 15:16:11 +01:00
Patrick Haßel	ad91b7ce86	http static serve, minify, http set config, http state	2025-01-27 15:11:24 +01:00
Patrick Haßel	978075d2de	added missing config.loop	2025-01-27 14:51:42 +01:00
Patrick Haßel	17961bad6d	print Align LEFT, CENTER, RIGHT	2025-01-27 08:43:43 +01:00
Patrick Haßel	687e6cf70d	REFACTOR: removed Display members: cursorX, cursorY, foreground, background	2025-01-25 22:21:13 +01:00
Patrick Haßel	4efc101e56	http hooks for targetEpochSeconds, mode_speed, config.write, brightness, player_move, player_fire, display segments font style	2025-01-25 19:26:36 +01:00
Patrick Haßel	0b891d9604	FIXES after firsts tests on hardware (basically working now)	2025-01-24 14:36:31 +01:00