Start to optimize rendering

src/js/game/items/boolean_item.js

@@ -42,17 +42,17 @@ export class BooleanItem extends BaseItem {
     /**
      * @param {number} x
      * @param {number} y
-     * @param {number} size
+     * @param {number} diameter
      * @param {DrawParameters} parameters
      */
-    draw(x, y, parameters, size = 12) {
+    drawCentered(x, y, parameters, diameter = 12) {
         let sprite;
         if (this.value) {
             sprite = Loader.getSprite("sprites/wires/boolean_true.png");
         } else {
             sprite = Loader.getSprite("sprites/wires/boolean_false.png");
         }
-        sprite.drawCachedCentered(parameters, x, y, size * 1.5);
+        sprite.drawCachedCentered(parameters, x, y, diameter);
     }
 }
 

src/js/game/items/color_item.js

@@ -50,26 +50,26 @@ export class ColorItem extends BaseItem {
     /**
      * @param {number} x
      * @param {number} y
-     * @param {number} size
+     * @param {number} diameter
      * @param {DrawParameters} parameters
      */
-    draw(x, y, parameters, size = 12) {
+    drawCentered(x, y, parameters, diameter = 12) {
         if (!this.bufferGenerator) {
             this.bufferGenerator = this.internalGenerateColorBuffer.bind(this);
         }
 
         const dpi = smoothenDpi(globalConfig.shapesSharpness * parameters.zoomLevel);
 
-        const key = size + "/" + dpi;
+        const key = diameter + "/" + dpi;
         const canvas = parameters.root.buffers.getForKey({
             key,
             subKey: this.color,
-            w: size,
-            h: size,
+            w: diameter,
+            h: diameter,
             dpi,
             redrawMethod: this.bufferGenerator,
         });
-        parameters.context.drawImage(canvas, x - size / 2, y - size / 2, size, size);
+        parameters.context.drawImage(canvas, x - diameter / 2, y - diameter / 2, diameter, diameter);
     }
     /**
      *

src/js/game/items/shape_item.js

@@ -52,9 +52,9 @@ export class ShapeItem extends BaseItem {
      * @param {number} x
      * @param {number} y
      * @param {DrawParameters} parameters
-     * @param {number=} size
+     * @param {number=} diameter
      */
-    draw(x, y, parameters, size) {
-        this.definition.draw(x, y, parameters, size);
+    drawCentered(x, y, parameters, diameter) {
+        this.definition.drawCentered(x, y, parameters, diameter);
     }
 }