Build 29067292

src/PWA/sw-b71.js

@@ -1,5 +1,5 @@
 // The version of the cache.
-const VERSION = "29067205";
+const VERSION = "29067292";
 
 // The name of the cache
 const CACHE_NAME = `breakout-71-${VERSION}`;

src/data/version.json

@@ -1 +1 @@
-"29067205"
+"29067292"

src/gameOver.ts

@@ -291,5 +291,5 @@ export function getHistograms(gameState: GameState) {
   } catch (e) {
     console.warn(e);
   }
-  return runStats + unlockedLevels;
+  return unlockedLevels + runStats;
 }

src/render.ts

@@ -37,7 +37,7 @@ const haloCanvasCtx = haloCanvas.getContext("2d", {
   alpha: false,
 }) as CanvasRenderingContext2D;
 
-export const haloScale = 8;
+export const haloScale = 16;
 
 export function render(gameState: GameState) {
   const level = currentLevelInfo(gameState);
@@ -129,18 +129,19 @@ export function render(gameState: GameState) {
       drawFuzzyBall(
         haloCanvasCtx,
         color == "black" ? "#666666" : color,
-        (gameState.brickWidth * 2 * brightness) / haloScale,
+        // Perf could really go down there because of the size of the halo
+        Math.min(200, gameState.brickWidth * 1.5 * brightness) / haloScale,
         x / haloScale,
         y / haloScale,
       );
     });
 
     haloCanvasCtx.globalCompositeOperation = "screen";
-    haloCanvasCtx.globalAlpha = 0.3;
     forEachLiveOne(gameState.particles, (flash) => {
       const { x, y, time, color, size, duration } = flash;
       const elapsed = gameState.levelTime - time;
-      // haloCanvasCtx.globalAlpha = Math.min(1, 2 - (elapsed / duration) * 2);
+      haloCanvasCtx.globalAlpha =
+        0.1 * Math.min(1, 2 - (elapsed / duration) * 2);
       drawFuzzyBall(
         haloCanvasCtx,
         color,
@@ -152,7 +153,11 @@ export function render(gameState: GameState) {
 
     ctx.globalAlpha = 1;
     ctx.globalCompositeOperation = "source-over";
+
+    ctx.imageSmoothingEnabled = true;
+    ctx.imageSmoothingQuality = "high";
     ctx.drawImage(haloCanvas, 0, 0, width, height);
+    ctx.imageSmoothingEnabled = false;
 
     ctx.globalAlpha = 1;
     ctx.globalCompositeOperation = "multiply";
@@ -516,6 +521,7 @@ export function render(gameState: GameState) {
     level.svg &&
     level.color === "#000000"
   ) {
+    ctx.imageSmoothingEnabled = true;
     // haloCanvasCtx.globalCompositeOperation = 'multiply';
     // haloCanvasCtx.fillRect(0,0,haloCanvas.width,haloCanvas.height)
     haloCanvasCtx.fillStyle = "#FFFFFF";
@@ -525,6 +531,8 @@ export function render(gameState: GameState) {
     ctx.globalAlpha = 1;
     ctx.globalCompositeOperation = "overlay";
     ctx.drawImage(haloCanvas, 0, 0, width, height);
+
+    ctx.imageSmoothingEnabled = false;
   }
 
   ctx.globalCompositeOperation = "source-over";

src/types.d.ts

@@ -285,6 +285,7 @@ export type GameState = {
 export type RunParams = {
   level?: string;
   levelToAvoid?: string;
+  perkToAvoid?: PerkId;
   perks?: Partial<PerksMap>;
 };
 export type OptionDef = {