Merge pull request #1155 from DKopalXYZ/main

cool new debris.js library and my comments.js mod.

mods/debris.js

@@ -0,0 +1,75 @@
+const debrisMap = []
+let LastDebrisId = 0
+
+function debris(config) {
+    config.start = pixelTicks;
+    config.id = LastDebrisId;
+    LastDebrisId++;
+    debrisMap.push(config);
+
+    if (config.deleteAfter) {
+        setTimeout(() => {
+            const i = debrisMap.indexOf(config);
+            if (i !== -1) debrisMap.splice(i, 1);
+        }, config.deleteAfter);
+    };
+
+    return config.id
+}
+
+function removeDebris(id) {
+    for (let i = 0; i < debrisMap.length; i++) {
+        const config = debrisMap[i]
+        if (config.id == id) {
+            debrisMap.splice(i, 1);
+            return true;
+        }
+    }
+    return false
+}
+
+runAfterLoad(() => {
+    renderPostPixel((ctx) => {
+        for (let i = debrisMap.length - 1; i >= 0; i--) {
+            const config = debrisMap[i];
+
+            if (config.deleteAfterTicks && pixelTicks >= config.start + config.deleteAfterTicks) {
+                debrisMap.splice(i, 1);
+                continue;
+            }
+
+            if (!config.type) continue;
+
+            const opacity = config.opacity ?? 1;
+            ctx.globalAlpha = opacity;
+
+            if (config.type === "pixel" && config.color && config.x !== undefined && config.y !== undefined) {
+                ctx.fillStyle = config.color;
+                ctx.fillRect(config.x * pixelSize, config.y * pixelSize, pixelSize, pixelSize);
+            } else if (config.type === "text" && config.color && config.text && config.x !== undefined && config.y !== undefined && config.size) {
+                ctx.fillStyle = config.color;
+                ctx.font = `${config.size}px "Press Start 2P"`;
+                ctx.fillText(config.text, config.x * pixelSize, config.y * pixelSize);
+            } else if (config.type === "rect" && config.color && config.x !== undefined && config.y !== undefined && config.width && config.height) {
+                ctx.fillStyle = config.color;
+                ctx.fillRect(config.x * pixelSize, config.y * pixelSize, config.width, config.height);
+            } else if (config.type === "circle" && config.color && config.x !== undefined && config.y !== undefined && config.radius) {
+                ctx.fillStyle = config.color;
+                ctx.beginPath();
+                ctx.arc(config.x * pixelSize, config.y * pixelSize, config.radius, 0, 2 * Math.PI);
+                ctx.fill();
+            } else if (config.type === "glow" && config.color && config.gColor && config.blur && config.x !== undefined && config.y !== undefined) {
+                const strength = config.strength || 1;
+                for (let j = 0; j < strength; j++) {
+                    ctx.shadowColor = config.gColor;
+                    ctx.shadowBlur = config.blur;
+                    ctx.fillStyle = config.color;
+                    ctx.fillRect(config.x * pixelSize, config.y * pixelSize, pixelSize, pixelSize);
+                    ctx.shadowBlur = 0;
+                }
+            }
+
+            ctx.globalAlpha = 1;
+        }
+    })
+})