2025-03-19 18:13:41 +01:00
<!doctype html>
< html lang = "en" >
2025-04-06 11:27:26 +02:00
< head >
2025-03-19 18:13:41 +01:00
< meta charset = "UTF-8" >
< meta name = "viewport" content = "width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" >
< meta http-equiv = "X-UA-Compatible" content = "ie=edge" >
< title > Breakout 71< / title >
< meta name = "description" content = "A breakout game with roguelite mechanics. Break bricks, catch coins, pick upgrades, repeat. Play for free on mobile and desktop." >
< link rel = "manifest" href = "/PWA/manifest.webmanifest" >
< style > * {
box-sizing: border-box;
font-family: Courier New, Courier, Lucida Sans Typewriter, Lucida Typewriter, monospace;
}
body {
width: 100vw;
height: 100vh;
height: calc(var(--vh, 1vh) * 100);
color: #fff;
background-size: 120px 120px;
background-color: var(--background1);
--background1: #030c23;
--background2: #03112a;
margin: 0;
padding: 0;
overflow: hidden;
}
#game {
height: 100vh;
height: calc(var(--vh, 1vh) * 100);
width: 100vw;
2025-03-20 18:44:46 +01:00
position: fixed;
2025-03-19 18:13:41 +01:00
top: 0;
left: 0;
}
2025-04-03 15:15:00 +02:00
canvas:not(#game) {
display: none;
}
2025-03-19 18:13:41 +01:00
#score, #menu {
z-index: 1;
appearance: none;
font: inherit;
color: #fff;
min-width: 40px;
2025-03-30 21:07:58 +02:00
max-width: calc(100vw - 80px);
2025-03-19 18:13:41 +01:00
min-height: 40px;
2025-03-31 13:33:27 +02:00
text-shadow: 0 0 4px var(--level-background);
background: none;
border: none;
2025-03-19 18:13:41 +01:00
padding: 10px;
line-height: 20px;
position: absolute;
top: 0;
2025-03-30 21:07:58 +02:00
overflow: hidden;
2025-03-19 18:13:41 +01:00
}
#score:hover, #menu:hover, #score:focus, #menu:focus {
cursor: pointer;
background: #0000004d;
}
#score {
color: #fff;
transition: color .3s;
right: 0;
}
2025-04-01 18:26:40 +02:00
#score.active .score {
2025-03-19 18:13:41 +01:00
color: gold;
transition: color 10ms;
}
2025-03-29 20:45:54 +01:00
#score span {
2025-03-31 20:08:17 +02:00
color: #fffc;
2025-03-29 20:45:54 +01:00
}
#score span.great {
color: #90ee90;
}
2025-03-29 21:05:53 +01:00
#score span.good, #score span.bad {
2025-03-29 20:45:54 +01:00
color: #fff;
}
2025-03-19 18:13:41 +01:00
#menu {
left: 0;
}
2025-03-20 18:44:46 +01:00
body.has-alert-open {
height: auto;
overflow: visible;
}
body:not(.has-alert-open) #popup {
display: none;
}
#popup {
display: flex;
overflow: auto;
}
#popup:before {
2025-03-19 18:13:41 +01:00
z-index: 10;
2025-03-20 18:44:46 +01:00
content: "";
2025-03-19 18:13:41 +01:00
background: #000000e6;
2025-03-20 18:44:46 +01:00
display: block;
2025-03-19 18:13:41 +01:00
position: fixed;
inset: 0;
}
2025-03-20 18:44:46 +01:00
#popup > div {
z-index: 11;
2025-03-19 18:13:41 +01:00
transform-origin: center;
flex-direction: column;
align-items: stretch;
width: 100%;
2025-03-31 20:08:17 +02:00
max-width: 500px;
2025-03-19 18:13:41 +01:00
margin: auto;
padding: 20px 10px;
display: flex;
2025-03-20 18:44:46 +01:00
position: relative;
2025-03-19 18:13:41 +01:00
}
2025-03-20 18:44:46 +01:00
#popup > div > * {
2025-03-27 10:52:31 +01:00
margin: 0 0 20px;
2025-03-19 18:13:41 +01:00
padding: 0;
}
2025-03-20 18:44:46 +01:00
#popup > div > section {
2025-03-19 18:13:41 +01:00
flex-direction: column;
align-items: stretch;
display: flex;
}
2025-03-20 18:44:46 +01:00
#popup > div > section button {
2025-03-19 18:13:41 +01:00
font: inherit;
color: #fff;
cursor: pointer;
text-align: left;
background: #000c;
border: 1px solid #fff;
gap: 10px;
margin-top: -1px;
padding: 10px;
display: flex;
}
2025-03-20 18:44:46 +01:00
#popup > div > section button:not([disabled]):hover, #popup > div > section button:not([disabled]):focus {
2025-03-19 18:13:41 +01:00
z-index: 1;
border-color: #f1d33b;
position: relative;
}
2025-03-20 18:44:46 +01:00
#popup > div > section button[disabled] {
2025-03-19 18:13:41 +01:00
opacity: .5;
filter: saturate(0);
2025-04-06 15:38:30 +02:00
cursor: not-allowed;
2025-03-19 18:13:41 +01:00
}
2025-03-20 18:44:46 +01:00
#popup > div > section button > div {
2025-03-19 18:13:41 +01:00
flex-grow: 1;
}
2025-03-20 18:44:46 +01:00
#popup > div > section button > div > em {
2025-03-19 18:13:41 +01:00
opacity: .8;
display: block;
}
2025-03-20 18:44:46 +01:00
#popup > div > section button.grey-out-unless-hovered:not(:hover) {
2025-03-19 18:13:41 +01:00
opacity: .6;
}
2025-03-20 18:44:46 +01:00
#popup > div > section button.grey-out-unless-hovered:not(:hover) img {
2025-03-19 18:13:41 +01:00
filter: saturate(0);
}
2025-04-01 13:35:33 +02:00
#popup > div > section button.grey-out-unless-hovered[disabled] {
opacity: .2;
}
2025-03-20 18:44:46 +01:00
#popup.actionsAsGrid > div {
2025-03-23 15:48:21 +01:00
max-width: none;
2025-03-19 18:13:41 +01:00
}
2025-04-01 13:35:33 +02:00
#popup.actionsAsGrid > div > div, #popup.actionsAsGrid > div > p, #popup.actionsAsGrid > div > h1, #popup.actionsAsGrid > div > h2 {
width: 100%;
max-width: 550px;
margin-left: auto;
margin-right: auto;
}
2025-03-20 18:44:46 +01:00
#popup.actionsAsGrid > div section {
2025-03-19 18:13:41 +01:00
grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
display: grid;
}
2025-03-20 18:44:46 +01:00
#popup button#close-modale {
2025-03-19 18:13:41 +01:00
color: #fff;
cursor: pointer;
2025-03-20 22:50:50 +01:00
z-index: 12;
2025-03-19 18:13:41 +01:00
background: none;
border: none;
width: 60px;
height: 60px;
2025-03-31 20:13:47 +02:00
position: fixed;
2025-03-19 18:13:41 +01:00
top: 0;
right: 0;
overflow: hidden;
}
2025-03-20 18:44:46 +01:00
#popup button#close-modale:before {
2025-03-19 18:13:41 +01:00
content: "+";
font-size: 80px;
display: inline-block;
position: absolute;
top: 34px;
left: 26px;
transform: translate(-50%, -50%)rotate(45deg);
}
2025-03-20 18:44:46 +01:00
#popup button#close-modale:hover {
2025-03-19 18:13:41 +01:00
background: #000;
font-weight: bold;
}
2025-03-20 18:44:46 +01:00
#popup .textAfterButtons {
2025-03-19 18:13:41 +01:00
color: #ffffff94;
}
2025-03-20 18:44:46 +01:00
#popup a[href] {
2025-03-19 18:13:41 +01:00
color: inherit;
}
2025-03-20 18:44:46 +01:00
#popup a[href]:hover, #popup a[href]:focus {
2025-03-19 18:13:41 +01:00
color: #fff;
}
2025-04-04 12:07:24 +02:00
@media (width >= 1400px) {
#popup.settings:before {
opacity: 0;
}
#popup.settings > div {
max-width: 400px;
margin-right: 0;
}
}
2025-03-19 18:13:41 +01:00
.progress {
color: #fff;
text-align: center;
background: #1c1c2f;
border-radius: 5px;
padding: 5px 10px;
display: block;
position: relative;
overflow: hidden;
box-shadow: inset 3px 3px 5px #00000080;
}
.progress > .progress_bar_part {
transform-origin: 0 0;
z-index: 1;
background: #4049ca;
animation: 1s ease-out both grow;
display: block;
position: absolute;
inset: 0;
box-shadow: inset 3px 3px 5px #00000080;
}
.progress > span {
z-index: 2;
display: block;
position: relative;
}
@keyframes grow {
0% {
transform: scale(0, 1);
}
}
#level-recording-container {
text-align: center;
max-width: 400px;
margin: 40px;
}
#level-recording-container video {
max-width: 100%;
height: auto;
}
#level-recording-container a {
display: block;
}
#level-recording-container a video {
border-radius: 10px;
outline: 1px solid #fff;
margin: 20px auto;
display: block;
box-shadow: 2px 2px 5px #000;
}
.histogram {
align-items: stretch;
gap: 10px;
margin: 10px 0 40px;
display: flex;
}
.histogram > span {
flex-direction: column;
flex-grow: 1;
justify-content: flex-end;
width: 10px;
display: flex;
position: relative;
}
.histogram > span.active > span {
background: #4049ca;
}
.histogram > span > span {
background: #1c1c2f;
border-radius: 5px;
width: 100%;
min-height: 1px;
display: block;
}
.histogram > span > span > span {
pointer-events: none;
white-space: nowrap;
transform-origin: 0 100%;
text-align: center;
font-size: 13px;
display: block;
position: absolute;
bottom: -20px;
left: 50%;
transform: translate(-50%);
}
.histogram > span:not(:hover):not(.active) > span > span {
opacity: 0;
}
h2.histogram-title {
color: #3b3f75;
font-size: 18px;
}
h2.histogram-title strong {
color: #4049ca;
}
2025-03-27 10:52:31 +01:00
.red-icon {
background: red;
}
.red-icon img {
filter: saturate(0);
mix-blend-mode: luminosity;
}
2025-03-30 21:07:58 +02:00
.upgrade {
gap: 2px;
margin: 0 0 10px;
display: flex;
}
.upgrade img {
width: 32px;
height: 32px;
}
.upgrade p {
color: #fff9;
flex-grow: 1;
margin: 0 20px;
}
.upgrade.used p strong {
color: #fff;
}
.upgrade > span {
flex-grow: 0;
flex-shrink: 0;
align-self: center;
width: 5px;
height: 32px;
display: inline-block;
}
.upgrade > span.used {
background: #fff;
}
.upgrade > span.free {
2025-04-01 18:26:40 +02:00
opacity: .25;
2025-03-30 21:07:58 +02:00
background: #fff;
}
.upgrade > span.banned {
background: red;
}
.upgrade.used {
opacity: 1;
}
.upgrade.free, .upgrade.banned {
opacity: .8;
}
2025-04-01 13:35:33 +02:00
#tooltip {
color: #fff;
z-index: 11;
pointer-events: none;
user-select: none;
opacity: 1;
background: #000;
border: 1px solid #fff;
border-radius: 2px;
max-width: 300px;
padding: 10px;
display: block;
position: fixed;
top: 0;
left: 0;
}
2025-04-07 08:24:17 +02:00
#popup.history > div {
max-width: none;
}
#popup.history > div table th:hover {
cursor: pointer;
background: #000;
}
#popup.history > div table td, #popup.history > div table th {
text-align: right;
padding: 0 5px;
line-height: 20px;
}
#popup.history > div table th:first-child, #popup.history > div table td:first-child {
text-align: left;
}
#popup.history > div table img {
pointer-events: none;
width: 20px;
height: auto;
}
#popup.history > div table tr:nth-child(2n) {
background: #00000094;
}
2025-04-07 14:08:48 +02:00
.progress-inline {
background: gray;
border-radius: 2px;
height: 7px;
display: block;
position: absolute;
bottom: 2px;
left: 62px;
right: 2px;
}
.progress-inline span {
transform-origin: 0 0;
background: #fff;
position: absolute;
inset: 1px;
}
2025-03-19 18:13:41 +01:00
< / style >
< link rel = "icon" href = "data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%22500%22%20width%3D%22500%22%3E%0A%3Crect%20x%3D%220%22%20y%3D%220%22%20width%3D%22300%22%20height%3D%22100%22%20fill%3D%22%236262EA%22%3E%3C%2Frect%3E%0A%3Crect%20x%3D%22200%22%20y%3D%22100%22%20width%3D%22100%22%20height%3D%22100%22%20fill%3D%22%236262EA%22%3E%3C%2Frect%3E%0A%3Crect%20x%3D%22100%22%20y%3D%22200%22%20width%3D%22100%22%20height%3D%22200%22%20fill%3D%22%236262EA%22%3E%3C%2Frect%3E%0A%3Crect%20x%3D%22200%22%20y%3D%22200%22%20width%3D%22100%22%20height%3D%22100%22%20fill%3D%22%235DA3EA%22%3E%3C%2Frect%3E%0A%3Crect%20x%3D%22300%22%20y%3D%22100%22%20width%3D%22100%22%20height%3D%22300%22%20fill%3D%22%235DA3EA%22%3E%3C%2Frect%3E%0A%3Crect%20x%3D%22200%22%20y%3D%22400%22%20width%3D%22300%22%20height%3D%22100%22%20fill%3D%22%235DA3EA%22%3E%3C%2Frect%3E%0A%3C%2Fsvg%3E" >
< / head >
< body >
< button id = "menu" > ☰ < span id = "menuLabel" > menu< / span > < / button >
< button id = "score" > < / button >
2025-04-01 13:35:33 +02:00
2025-03-19 18:13:41 +01:00
< canvas id = "game" > < / canvas >
2025-03-20 18:44:46 +01:00
< div id = "popup" >
< button id = "close-modale" > < / button >
< / div >
2025-04-01 13:39:09 +02:00
< div id = "tooltip" style = "display: none" > < / div >
2025-03-19 18:13:41 +01:00
< script > / / m o d u l e s a r e d e f i n e d a s a n a r r a y
// [ module function, map of requires ]
//
// map of requires is short require name -> numeric require
//
// anything defined in a previous bundle is accessed via the
// orig method which is the require for previous bundles
(function (modules, entry, mainEntry, parcelRequireName, globalName) {
/* eslint-disable no-undef */
var globalObject =
typeof globalThis !== 'undefined'
? globalThis
: typeof self !== 'undefined'
? self
: typeof window !== 'undefined'
? window
: typeof global !== 'undefined'
? global
: {};
/* eslint-enable no-undef */
// Save the require from previous bundle to this closure if any
var previousRequire =
typeof globalObject[parcelRequireName] === 'function' & &
globalObject[parcelRequireName];
var cache = previousRequire.cache || {};
// Do not use `require` to prevent Webpack from trying to bundle this call
var nodeRequire =
typeof module !== 'undefined' & &
typeof module.require === 'function' & &
module.require.bind(module);
function newRequire(name, jumped) {
if (!cache[name]) {
if (!modules[name]) {
// if we cannot find the module within our internal map or
// cache jump to the current global require ie. the last bundle
// that was added to the page.
var currentRequire =
typeof globalObject[parcelRequireName] === 'function' & &
globalObject[parcelRequireName];
if (!jumped & & currentRequire) {
return currentRequire(name, true);
}
// If there are other bundles on this page the require from the
// previous one is saved to 'previousRequire'. Repeat this as
// many times as there are bundles until the module is found or
// we exhaust the require chain.
if (previousRequire) {
return previousRequire(name, true);
}
// Try the node require function if it exists.
if (nodeRequire & & typeof name === 'string') {
return nodeRequire(name);
}
var err = new Error("Cannot find module '" + name + "'");
err.code = 'MODULE_NOT_FOUND';
throw err;
}
localRequire.resolve = resolve;
localRequire.cache = {};
var module = (cache[name] = new newRequire.Module(name));
modules[name][0].call(
module.exports,
localRequire,
module,
module.exports,
globalObject
);
}
return cache[name].exports;
function localRequire(x) {
var res = localRequire.resolve(x);
return res === false ? {} : newRequire(res);
}
function resolve(x) {
var id = modules[name][1][x];
return id != null ? id : x;
}
}
function Module(moduleName) {
this.id = moduleName;
this.bundle = newRequire;
this.exports = {};
}
newRequire.isParcelRequire = true;
newRequire.Module = Module;
newRequire.modules = modules;
newRequire.cache = cache;
newRequire.parent = previousRequire;
newRequire.register = function (id, exports) {
modules[id] = [
function (require, module) {
module.exports = exports;
},
{},
];
};
Object.defineProperty(newRequire, 'root', {
get: function () {
return globalObject[parcelRequireName];
},
});
globalObject[parcelRequireName] = newRequire;
for (var i = 0; i < entry.length ; i + + ) {
newRequire(entry[i]);
}
if (mainEntry) {
// Expose entry point to Node, AMD or browser globals
// Based on https://github.com/ForbesLindesay/umd/blob/master/template.js
var mainExports = newRequire(mainEntry);
// CommonJS
if (typeof exports === 'object' & & typeof module !== 'undefined') {
module.exports = mainExports;
// RequireJS
} else if (typeof define === 'function' & & define.amd) {
define(function () {
return mainExports;
});
// < script >
} else if (globalName) {
this[globalName] = mainExports;
}
}
2025-04-06 11:27:26 +02:00
})({"67XFf":[function(require,module,exports,__globalThis) {
2025-03-19 18:13:41 +01:00
var _gameTs = require("./game.ts");
},{"./game.ts":"edeGs"}],"edeGs":[function(require,module,exports,__globalThis) {
var parcelHelpers = require("@parcel/transformer-js/src/esmodule-helpers.js");
parcelHelpers.defineInteropFlag(exports);
parcelHelpers.export(exports, "play", ()=>play);
parcelHelpers.export(exports, "pause", ()=>pause);
parcelHelpers.export(exports, "fitSize", ()=>fitSize);
2025-03-29 20:45:54 +01:00
parcelHelpers.export(exports, "openUpgradesPicker", ()=>openUpgradesPicker);
2025-03-19 18:13:41 +01:00
parcelHelpers.export(exports, "brickIndex", ()=>brickIndex);
parcelHelpers.export(exports, "hasBrick", ()=>hasBrick);
parcelHelpers.export(exports, "hitsSomething", ()=>hitsSomething);
parcelHelpers.export(exports, "tick", ()=>tick);
2025-03-29 21:05:53 +01:00
parcelHelpers.export(exports, "lastMeasuredFPS", ()=>lastMeasuredFPS);
2025-04-01 13:35:33 +02:00
parcelHelpers.export(exports, "creativeModeThreshold", ()=>creativeModeThreshold);
2025-03-26 08:01:12 +01:00
parcelHelpers.export(exports, "openMainMenu", ()=>openMainMenu);
2025-03-19 18:13:41 +01:00
parcelHelpers.export(exports, "confirmRestart", ()=>confirmRestart);
parcelHelpers.export(exports, "setKeyPressed", ()=>setKeyPressed);
parcelHelpers.export(exports, "gameState", ()=>gameState);
parcelHelpers.export(exports, "restart", ()=>restart);
var _loadGameData = require("./loadGameData");
var _sounds = require("./sounds");
var _gameUtils = require("./game_utils");
var _swLoader = require("./PWA/sw_loader");
var _i18N = require("./i18n/i18n");
var _settings = require("./settings");
var _gameStateMutators = require("./gameStateMutators");
var _render = require("./render");
var _recording = require("./recording");
var _newGameState = require("./newGameState");
var _asyncAlert = require("./asyncAlert");
var _options = require("./options");
var _getLevelBackground = require("./getLevelBackground");
2025-03-30 21:07:58 +02:00
var _pureFunctions = require("./pure_functions");
2025-03-31 20:08:17 +02:00
var _help = require("./help");
2025-04-01 13:35:33 +02:00
var _creative = require("./creative");
var _tooltip = require("./tooltip");
2025-04-02 10:41:35 +02:00
var _startingPerks = require("./startingPerks");
2025-04-02 17:03:53 +02:00
var _migrations = require("./migrations");
2025-04-06 10:13:10 +02:00
var _gameOver = require("./gameOver");
2025-04-06 18:21:53 +02:00
var _generateSaveFileContent = require("./generateSaveFileContent");
2025-04-07 08:24:17 +02:00
var _runHistoryViewer = require("./runHistoryViewer");
2025-04-07 14:08:48 +02:00
var _openScorePanel = require("./openScorePanel");
2025-04-02 10:41:35 +02:00
async function play() {
if (await applyFullScreenChoice()) return;
2025-03-19 18:13:41 +01:00
if (gameState.running) return;
gameState.running = true;
gameState.ballStickToPuck = false;
(0, _recording.startRecordingGame)(gameState);
(0, _sounds.getAudioContext)()?.resume();
(0, _recording.resumeRecording)();
2025-03-20 18:44:46 +01:00
// document.body.classList[gameState.running ? 'add' : 'remove']('running')
2025-03-19 18:13:41 +01:00
}
function pause(playerAskedForPause) {
if (!gameState.running) return;
if (gameState.pauseTimeout) return;
2025-03-23 16:11:12 +01:00
const stop = ()=>{
2025-03-19 18:13:41 +01:00
gameState.running = false;
setTimeout(()=>{
if (!gameState.running) (0, _sounds.getAudioContext)()?.suspend();
}, 1000);
(0, _recording.pauseRecording)();
gameState.pauseTimeout = null;
2025-03-20 18:44:46 +01:00
// document.body.className = gameState.running ? " running " : " paused ";
2025-03-19 18:13:41 +01:00
(0, _render.scoreDisplay).className = "";
gameState.needsRender = true;
2025-03-23 16:11:12 +01:00
};
if (playerAskedForPause) {
// Pausing many times in a run will make pause slower
gameState.pauseUsesDuringRun++;
gameState.pauseTimeout = setTimeout(stop, Math.min(Math.max(0, gameState.pauseUsesDuringRun - 5) * 50, 500));
} else stop();
2025-03-19 18:13:41 +01:00
if (document.exitPointerLock) document.exitPointerLock();
}
const fitSize = ()=>{
const past_off = gameState.offsetXRoundedDown, past_width = gameState.gameZoneWidthRoundedUp, past_heigh = gameState.gameZoneHeight;
const { width, height } = (0, _render.gameCanvas).getBoundingClientRect();
gameState.canvasWidth = width;
gameState.canvasHeight = height;
(0, _render.gameCanvas).width = width;
(0, _render.gameCanvas).height = height;
2025-04-03 15:15:00 +02:00
// ctx.fillStyle = currentLevelInfo(gameState)?.color || "black";
// ctx.globalAlpha = 1;
// ctx.fillRect(0, 0, width, height);
2025-03-19 18:13:41 +01:00
(0, _render.backgroundCanvas).width = width;
(0, _render.backgroundCanvas).height = height;
2025-04-03 15:15:00 +02:00
(0, _render.haloCanvas).width = width / (0, _render.haloScale);
(0, _render.haloCanvas).height = height / (0, _render.haloScale);
2025-03-19 18:13:41 +01:00
gameState.gameZoneHeight = (0, _options.isOptionOn)("mobile-mode") ? height * 80 / 100 : height;
const baseWidth = Math.round(Math.min(gameState.canvasWidth, gameState.gameZoneHeight * 0.73));
gameState.brickWidth = Math.floor(baseWidth / gameState.gridSize / 2) * 2;
gameState.gameZoneWidth = gameState.brickWidth * gameState.gridSize;
gameState.offsetX = Math.floor((gameState.canvasWidth - gameState.gameZoneWidth) / 2);
gameState.offsetXRoundedDown = gameState.offsetX;
if (gameState.offsetX < gameState.ballSize ) gameState . offsetXRoundedDown = 0;
gameState.gameZoneWidthRoundedUp = width - 2 * gameState.offsetXRoundedDown;
(0, _render.backgroundCanvas).title = "resized";
// Ensure puck stays within bounds
(0, _gameStateMutators.setMousePos)(gameState, gameState.puckPosition);
function mapXY(item) {
item.x = gameState.offsetXRoundedDown + (item.x - past_off) / past_width * gameState.gameZoneWidthRoundedUp;
item.y = item.y / past_heigh * gameState.gameZoneHeight;
}
function mapXYPastCoord(coin) {
coin.x = gameState.offsetXRoundedDown + (coin.x - past_off) / past_width * gameState.gameZoneWidthRoundedUp;
coin.y = coin.y / past_heigh * gameState.gameZoneHeight;
coin.previousX = coin.x;
coin.previousY = coin.y;
}
gameState.balls.forEach(mapXYPastCoord);
(0, _gameStateMutators.forEachLiveOne)(gameState.coins, mapXYPastCoord);
(0, _gameStateMutators.forEachLiveOne)(gameState.particles, mapXY);
(0, _gameStateMutators.forEachLiveOne)(gameState.texts, mapXY);
(0, _gameStateMutators.forEachLiveOne)(gameState.lights, mapXY);
pause(true);
// For safari mobile https://css-tricks.com/the-trick-to-viewport-units-on-mobile/
document.documentElement.style.setProperty("--vh", `${window.innerHeight * 0.01}px`);
};
window.addEventListener("resize", fitSize);
window.addEventListener("fullscreenchange", fitSize);
setInterval(()=>{
// Sometimes, the page changes size without triggering the event (when switching to fullscreen, closing debug panel...)
const { width, height } = (0, _render.gameCanvas).getBoundingClientRect();
if (width !== gameState.canvasWidth || height !== gameState.canvasHeight) fitSize();
}, 1000);
2025-03-29 20:45:54 +01:00
async function openUpgradesPicker(gameState) {
2025-03-19 18:13:41 +01:00
const catchRate = (gameState.score - gameState.levelStartScore) / (gameState.levelSpawnedCoins || 1);
let repeats = 1;
let timeGain = "", catchGain = "", wallHitsGain = "", missesGain = "";
2025-03-30 21:07:58 +02:00
if (gameState.levelWallBounces < 3 ) {
2025-03-19 18:13:41 +01:00
repeats++;
2025-03-26 08:27:56 +01:00
gameState.rerolls++;
2025-03-30 21:07:58 +02:00
wallHitsGain = (0, _i18N.t)("level_up.plus_one_upgrade_and_reroll");
} else if (gameState.levelWallBounces < 10 ) {
repeats++;
2025-03-19 18:13:41 +01:00
wallHitsGain = (0, _i18N.t)("level_up.plus_one_upgrade");
}
if (gameState.levelTime < 30000 ) {
repeats++;
2025-03-26 08:27:56 +01:00
gameState.rerolls++;
2025-03-30 21:07:58 +02:00
timeGain = (0, _i18N.t)("level_up.plus_one_upgrade_and_reroll");
2025-03-19 18:13:41 +01:00
} else if (gameState.levelTime < 60000 ) {
2025-03-30 21:07:58 +02:00
repeats++;
timeGain = (0, _i18N.t)("level_up.plus_one_upgrade");
2025-03-19 18:13:41 +01:00
}
2025-03-30 21:07:58 +02:00
if (catchRate > 0.95) {
2025-03-19 18:13:41 +01:00
repeats++;
2025-03-26 08:27:56 +01:00
gameState.rerolls++;
2025-03-30 21:07:58 +02:00
catchGain = (0, _i18N.t)("level_up.plus_one_upgrade_and_reroll");
2025-03-19 18:13:41 +01:00
} else if (catchRate > 0.9) {
2025-03-30 21:07:58 +02:00
repeats++;
catchGain = (0, _i18N.t)("level_up.plus_one_upgrade");
2025-03-19 18:13:41 +01:00
}
2025-03-30 21:07:58 +02:00
if (gameState.levelMisses < 3 ) {
2025-03-19 18:13:41 +01:00
repeats++;
2025-03-26 08:27:56 +01:00
gameState.rerolls++;
2025-03-30 21:07:58 +02:00
missesGain = (0, _i18N.t)("level_up.plus_one_upgrade_and_reroll");
} else if (gameState.levelMisses < 6 ) {
repeats++;
2025-03-19 18:13:41 +01:00
missesGain = (0, _i18N.t)("level_up.plus_one_upgrade");
}
while(repeats--){
2025-03-26 08:27:56 +01:00
const actions = (0, _gameStateMutators.pickRandomUpgrades)(gameState, 3 + gameState.perks.one_more_choice - gameState.perks.instant_upgrade);
2025-03-27 10:52:31 +01:00
if (!actions.length) break;
2025-03-26 08:27:56 +01:00
if (gameState.rerolls) actions.push({
text: (0, _i18N.t)("level_up.reroll", {
count: gameState.rerolls
}),
help: (0, _i18N.t)("level_up.reroll_help"),
2025-03-26 08:35:49 +01:00
value: "reroll",
icon: (0, _loadGameData.icons)["icon:reroll"]
2025-03-26 08:27:56 +01:00
});
2025-03-19 18:13:41 +01:00
const compliment = timeGain & & catchGain & & missesGain & & wallHitsGain & & (0, _i18N.t)("level_up.compliment_perfect") || (timeGain || catchGain || missesGain || wallHitsGain) & & (0, _i18N.t)("level_up.compliment_good") || (0, _i18N.t)("level_up.compliment_advice");
2025-03-26 14:04:54 +01:00
const upgradeId = await (0, _asyncAlert.requiredAsyncAlert)({
2025-03-19 18:13:41 +01:00
title: (0, _i18N.t)("level_up.pick_upgrade_title") + (repeats ? " (" + (repeats + 1) + ")" : ""),
2025-03-27 10:52:31 +01:00
content: [
`< p > ${(0, _i18N.t)("level_up.before_buttons", {
score: gameState.score - gameState.levelStartScore,
catchGain,
levelSpawnedCoins: gameState.levelSpawnedCoins,
time: Math.round(gameState.levelTime / 1000),
timeGain,
levelMisses: gameState.levelMisses,
missesGain,
levelWallBounces: gameState.levelWallBounces,
wallHitsGain,
compliment
})}
2025-03-23 19:11:01 +01:00
< / p >
2025-03-30 21:07:58 +02:00
< p > ${(0, _i18N.t)("level_up.after_buttons", {
level: gameState.currentLevel + 1,
max: (0, _gameUtils.max_levels)(gameState)
})} < / p >
2025-04-04 09:45:35 +02:00
< p > ${(0, _gameUtils.levelsListHTMl)(gameState, gameState.currentLevel + 1)}< / p >
2025-03-23 19:11:01 +01:00
`,
2025-03-27 10:52:31 +01:00
...actions,
2025-04-07 14:08:48 +02:00
(0, _openScorePanel.getNearestUnlockHTML)(gameState),
2025-03-30 21:07:58 +02:00
(0, _gameUtils.pickedUpgradesHTMl)(gameState),
`< div id = "level-recording-container" > < / div > `
2025-03-27 10:52:31 +01:00
]
2025-03-19 18:13:41 +01:00
});
2025-03-26 08:35:49 +01:00
if (upgradeId === "reroll") {
2025-03-26 08:27:56 +01:00
repeats++;
gameState.rerolls--;
} else {
gameState.perks[upgradeId]++;
if (upgradeId === "instant_upgrade") repeats += 2;
gameState.runStatistics.upgrades_picked++;
}
2025-03-19 18:13:41 +01:00
}
}
(0, _render.gameCanvas).addEventListener("mouseup", (e)=>{
if (e.button !== 0) return;
if (gameState.running) pause(true);
else {
play();
if ((0, _options.isOptionOn)("pointerLock") & & (0, _render.gameCanvas).requestPointerLock) (0, _render.gameCanvas).requestPointerLock().then();
}
});
(0, _render.gameCanvas).addEventListener("mousemove", (e)=>{
if (document.pointerLockElement === (0, _render.gameCanvas)) (0, _gameStateMutators.setMousePos)(gameState, gameState.puckPosition + e.movementX);
else (0, _gameStateMutators.setMousePos)(gameState, e.x);
});
(0, _render.gameCanvas).addEventListener("touchstart", (e)=>{
e.preventDefault();
if (!e.touches?.length) return;
(0, _gameStateMutators.setMousePos)(gameState, e.touches[0].pageX);
(0, _gameStateMutators.normalizeGameState)(gameState);
play();
});
(0, _render.gameCanvas).addEventListener("touchend", (e)=>{
e.preventDefault();
pause(true);
});
(0, _render.gameCanvas).addEventListener("touchcancel", (e)=>{
e.preventDefault();
pause(true);
});
(0, _render.gameCanvas).addEventListener("touchmove", (e)=>{
if (!e.touches?.length) return;
(0, _gameStateMutators.setMousePos)(gameState, e.touches[0].pageX);
});
function brickIndex(x, y) {
return (0, _gameUtils.getRowColIndex)(gameState, Math.floor(y / gameState.brickWidth), Math.floor((x - gameState.offsetX) / gameState.brickWidth));
}
function hasBrick(index) {
if (gameState.bricks[index]) return index;
}
function hitsSomething(x, y, radius) {
return hasBrick(brickIndex(x - radius, y - radius)) ?? hasBrick(brickIndex(x + radius, y - radius)) ?? hasBrick(brickIndex(x + radius, y + radius)) ?? hasBrick(brickIndex(x - radius, y + radius));
}
function tick() {
const currentTick = performance.now();
const timeDeltaMs = currentTick - gameState.lastTick;
gameState.lastTick = currentTick;
const frames = Math.min(4, timeDeltaMs / (1000 / 60));
if (gameState.keyboardPuckSpeed) (0, _gameStateMutators.setMousePos)(gameState, gameState.puckPosition + gameState.keyboardPuckSpeed);
(0, _gameStateMutators.normalizeGameState)(gameState);
if (gameState.running) {
gameState.levelTime += timeDeltaMs;
gameState.runStatistics.runTime += timeDeltaMs;
(0, _gameStateMutators.gameStateTick)(gameState, frames);
}
if (gameState.running || gameState.needsRender) {
gameState.needsRender = false;
(0, _render.render)(gameState);
}
if (gameState.running) (0, _recording.recordOneFrame)(gameState);
if ((0, _options.isOptionOn)("sound")) (0, _sounds.playPendingSounds)(gameState);
requestAnimationFrame(tick);
2025-03-23 15:48:21 +01:00
FPSCounter++;
2025-03-19 18:13:41 +01:00
}
2025-03-23 15:48:21 +01:00
let FPSCounter = 0;
2025-03-29 21:05:53 +01:00
let lastMeasuredFPS = 60;
2025-03-23 15:48:21 +01:00
setInterval(()=>{
2025-03-29 21:05:53 +01:00
lastMeasuredFPS = FPSCounter;
2025-03-23 15:48:21 +01:00
FPSCounter = 0;
}, 1000);
2025-03-19 18:13:41 +01:00
window.addEventListener("visibilitychange", ()=>{
if (document.hidden) pause(true);
});
(0, _render.scoreDisplay).addEventListener("click", (e)=>{
e.preventDefault();
2025-04-07 14:08:48 +02:00
if (!(0, _asyncAlert.alertsOpen)) (0, _openScorePanel.openScorePanel)(gameState);
2025-03-19 18:13:41 +01:00
});
document.addEventListener("visibilitychange", ()=>{
if (document.hidden) pause(true);
});
document.getElementById("menu").addEventListener("click", (e)=>{
e.preventDefault();
2025-03-23 15:48:21 +01:00
if (!(0, _asyncAlert.alertsOpen)) openMainMenu();
2025-03-19 18:13:41 +01:00
});
2025-04-01 13:35:33 +02:00
const creativeModeThreshold = Math.max(...(0, _loadGameData.upgrades).map((u)=>u.threshold));
2025-03-23 15:48:21 +01:00
async function openMainMenu() {
pause(true);
const actions = [
{
2025-04-06 10:47:44 +02:00
icon: (0, _loadGameData.icons)["icon:new_run"],
2025-03-26 08:01:12 +01:00
text: (0, _i18N.t)("main_menu.normal"),
2025-04-06 10:13:10 +02:00
help: (0, _gameUtils.highScoreText)() || (0, _i18N.t)("main_menu.normal_help"),
2025-03-26 08:01:12 +01:00
value: ()=>{
restart({
2025-04-06 10:13:10 +02:00
levelToAvoid: (0, _gameUtils.currentLevelInfo)(gameState).name
2025-03-26 08:01:12 +01:00
});
2025-03-23 15:48:21 +01:00
}
},
2025-04-01 13:35:33 +02:00
(0, _creative.creativeMode)(gameState),
2025-04-07 08:24:17 +02:00
(0, _runHistoryViewer.runHistoryViewerMenuEntry)(),
2025-03-23 15:48:21 +01:00
{
2025-04-01 13:35:33 +02:00
icon: (0, _loadGameData.icons)["icon:unlocks"],
text: (0, _i18N.t)("main_menu.unlocks"),
help: (0, _i18N.t)("main_menu.unlocks_help"),
value () {
openUnlocksList();
2025-03-23 15:48:21 +01:00
}
},
2025-03-30 21:07:58 +02:00
...donationNag(gameState),
2025-03-23 15:48:21 +01:00
{
2025-03-26 08:01:12 +01:00
text: (0, _i18N.t)("main_menu.settings_title"),
help: (0, _i18N.t)("main_menu.settings_help"),
icon: (0, _loadGameData.icons)["icon:settings"],
value () {
openSettingsMenu();
2025-03-23 15:48:21 +01:00
}
2025-03-31 20:08:17 +02:00
},
(0, _help.helpMenuEntry)()
2025-03-23 15:48:21 +01:00
];
const cb = await (0, _asyncAlert.asyncAlert)({
title: (0, _i18N.t)("main_menu.title"),
2025-03-27 10:52:31 +01:00
content: [
...actions,
(0, _i18N.t)("main_menu.footer_html", {
appVersion: (0, _loadGameData.appVersion)
})
],
allowClose: true
2025-03-23 15:48:21 +01:00
});
if (cb) {
cb();
gameState.needsRender = true;
}
}
2025-03-30 21:07:58 +02:00
function donationNag(gameState) {
if (!(0, _options.isOptionOn)("donation_reminder")) return [];
const hours = (0, _pureFunctions.hoursSpentPlaying)();
return [
{
text: (0, _i18N.t)("main_menu.donate", {
hours
}),
help: (0, _i18N.t)("main_menu.donate_help", {
suggestion: Math.min(20, Math.max(1, 0.2 * hours)).toFixed(0)
}),
icon: (0, _loadGameData.icons)["icon:premium"],
value () {
window.open("https://paypal.me/renanlecaro", "_blank");
}
}
];
}
2025-03-23 15:48:21 +01:00
async function openSettingsMenu() {
2025-03-19 18:13:41 +01:00
pause(true);
2025-04-02 10:41:35 +02:00
const actions = [
(0, _startingPerks.startingPerkMenuButton)()
];
const languages = [
{
text: "English",
value: "en",
2025-04-02 10:42:01 +02:00
icon: (0, _loadGameData.icons)["UK"]
2025-04-02 10:41:35 +02:00
},
{
text: "Fran\xe7ais",
value: "fr",
2025-04-02 10:42:01 +02:00
icon: (0, _loadGameData.icons)["France"]
2025-04-02 10:41:35 +02:00
}
];
actions.push({
icon: languages.find((l)=>l.value === (0, _i18N.getCurrentLang)())?.icon,
text: (0, _i18N.t)("main_menu.language"),
help: (0, _i18N.t)("main_menu.language_help"),
async value () {
const pick = await (0, _asyncAlert.asyncAlert)({
title: (0, _i18N.t)("main_menu.language"),
content: [
(0, _i18N.t)("main_menu.language_help"),
...languages
],
allowClose: true
});
if (pick & & pick !== (0, _i18N.getCurrentLang)() & & await confirmRestart(gameState)) {
(0, _settings.setSettingValue)("lang", pick);
window.location.reload();
}
}
});
2025-04-05 11:09:07 +02:00
for (const key of Object.keys((0, _options.options)))if ((0, _options.options)[key]) actions.push({
icon: (0, _options.isOptionOn)(key) ? (0, _loadGameData.icons)["icon:checkmark_checked"] : (0, _loadGameData.icons)["icon:checkmark_unchecked"],
text: (0, _options.options)[key].name,
help: (0, _options.options)[key].help,
value: ()=>{
(0, _options.toggleOption)(key);
fitSize();
applyFullScreenChoice();
openSettingsMenu();
}
});
2025-03-19 18:13:41 +01:00
actions.push({
2025-04-02 10:42:01 +02:00
icon: (0, _loadGameData.icons)["icon:download"],
2025-03-19 18:13:41 +01:00
text: (0, _i18N.t)("main_menu.download_save_file"),
help: (0, _i18N.t)("main_menu.download_save_file_help"),
async value () {
2025-04-06 18:21:53 +02:00
const signedPayload = (0, _generateSaveFileContent.generateSaveFileContent)();
2025-03-19 18:13:41 +01:00
const dlLink = document.createElement("a");
dlLink.setAttribute("href", "data:application/json;base64," + btoa(JSON.stringify({
fileType: "B71-save-file",
appVersion: (0, _loadGameData.appVersion),
signedPayload,
key: (0, _getLevelBackground.hashCode)("Security by obscurity, but really the game is oss so eh" + signedPayload)
})));
dlLink.setAttribute("download", "b71-save-" + new Date().toISOString().slice(0, 19).replace(/[^0-9]+/gi, "-") + ".b71");
document.body.appendChild(dlLink);
dlLink.click();
setTimeout(()=>document.body.removeChild(dlLink), 1000);
}
});
actions.push({
2025-04-02 10:42:01 +02:00
icon: (0, _loadGameData.icons)["icon:upload"],
2025-03-19 18:13:41 +01:00
text: (0, _i18N.t)("main_menu.load_save_file"),
help: (0, _i18N.t)("main_menu.load_save_file_help"),
async value () {
if (!document.getElementById("save_file_picker")) {
let input = document.createElement("input");
input.setAttribute("type", "file");
input.setAttribute("id", "save_file_picker");
input.setAttribute("accept", ".b71,.json");
input.style.position = "absolute";
input.style.left = "-1000px";
input.addEventListener("change", async (e)=>{
try {
const file = input & & input.files?.item(0);
if (file) {
const content = await new Promise((resolve, reject)=>{
const reader = new FileReader();
reader.onload = function() {
resolve(reader.result?.toString() || "");
};
reader.onerror = function() {
reject(reader.error);
};
// Read the file as a text string
reader.readAsText(file);
});
const { fileType, appVersion: fileVersion, signedPayload, key } = JSON.parse(content);
if (fileType !== "B71-save-file") throw new Error("Not a B71 save file");
if (fileVersion > (0, _loadGameData.appVersion)) throw new Error("Please update your app first, this file is for version " + fileVersion + " or newer.");
if (key !== (0, _getLevelBackground.hashCode)("Security by obscurity, but really the game is oss so eh" + signedPayload)) throw new Error("Key does not match content.");
const localStorageContent = JSON.parse(signedPayload);
localStorage.clear();
for(let key in localStorageContent)localStorage.setItem(key, localStorageContent[key]);
await (0, _asyncAlert.asyncAlert)({
title: (0, _i18N.t)("main_menu.save_file_loaded"),
2025-03-27 10:52:31 +01:00
content: [
(0, _i18N.t)("main_menu.save_file_loaded_help"),
2025-03-19 18:13:41 +01:00
{
text: (0, _i18N.t)("main_menu.save_file_loaded_ok")
}
]
});
window.location.reload();
}
} catch (e) {
await (0, _asyncAlert.asyncAlert)({
title: (0, _i18N.t)("main_menu.save_file_error"),
2025-03-27 10:52:31 +01:00
content: [
e.message,
2025-03-19 18:13:41 +01:00
{
text: (0, _i18N.t)("main_menu.save_file_loaded_ok")
}
]
});
}
input.value = "";
});
document.body.appendChild(input);
}
document.getElementById("save_file_picker")?.click();
}
});
actions.push({
2025-04-02 10:42:01 +02:00
icon: (0, _loadGameData.icons)["icon:coins"],
2025-03-23 15:48:21 +01:00
text: (0, _i18N.t)("main_menu.max_coins", {
max: (0, _settings.getCurrentMaxCoins)()
}),
help: (0, _i18N.t)("main_menu.max_coins_help"),
async value () {
(0, _settings.cycleMaxCoins)();
await openSettingsMenu();
}
});
actions.push({
2025-04-02 10:42:01 +02:00
icon: (0, _loadGameData.icons)["icon:particles"],
2025-03-23 15:48:21 +01:00
text: (0, _i18N.t)("main_menu.max_particles", {
max: (0, _settings.getCurrentMaxParticles)()
}),
help: (0, _i18N.t)("main_menu.max_particles_help"),
async value () {
(0, _settings.cycleMaxParticles)();
await openSettingsMenu();
}
});
2025-04-02 10:41:35 +02:00
actions.push({
2025-04-02 10:42:01 +02:00
icon: (0, _loadGameData.icons)["icon:reset"],
2025-04-02 10:41:35 +02:00
text: (0, _i18N.t)("main_menu.reset"),
help: (0, _i18N.t)("main_menu.reset_help"),
async value () {
if (await (0, _asyncAlert.asyncAlert)({
title: (0, _i18N.t)("main_menu.reset"),
content: [
(0, _i18N.t)("main_menu.reset_instruction"),
{
text: (0, _i18N.t)("main_menu.reset_confirm"),
value: true
},
{
text: (0, _i18N.t)("main_menu.reset_cancel"),
value: false
}
],
allowClose: true
})) {
localStorage.clear();
window.location.reload();
}
}
});
2025-03-19 18:13:41 +01:00
const cb = await (0, _asyncAlert.asyncAlert)({
2025-03-23 15:48:21 +01:00
title: (0, _i18N.t)("main_menu.settings_title"),
2025-03-27 10:52:31 +01:00
content: [
(0, _i18N.t)("main_menu.settings_help"),
...actions
],
2025-04-04 12:07:24 +02:00
allowClose: true,
2025-04-04 12:07:51 +02:00
className: "settings"
2025-03-19 18:13:41 +01:00
});
if (cb) {
cb();
gameState.needsRender = true;
}
}
2025-04-02 10:41:35 +02:00
async function applyFullScreenChoice() {
2025-03-29 17:40:07 +01:00
try {
if (!(document.fullscreenEnabled || document.webkitFullscreenEnabled)) return false;
if (document.fullscreenElement !== null & & !(0, _options.isOptionOn)("fullscreen")) {
if (document.exitFullscreen) {
2025-04-02 10:41:35 +02:00
await document.exitFullscreen();
2025-03-29 17:40:07 +01:00
return true;
} else if (document.webkitCancelFullScreen) {
2025-04-02 10:41:35 +02:00
await document.webkitCancelFullScreen();
2025-03-29 17:40:07 +01:00
return true;
}
} else if ((0, _options.isOptionOn)("fullscreen") & & !document.fullscreenElement) {
const docel = document.documentElement;
if (docel.requestFullscreen) {
2025-04-02 10:41:35 +02:00
await docel.requestFullscreen();
2025-03-29 17:40:07 +01:00
return true;
} else if (docel.webkitRequestFullscreen) {
2025-04-02 10:41:35 +02:00
await docel.webkitRequestFullscreen();
2025-03-29 17:40:07 +01:00
return true;
}
}
} catch (e) {
console.warn(e);
}
return false;
}
2025-03-19 18:13:41 +01:00
async function openUnlocksList() {
const ts = (0, _settings.getTotalScore)();
2025-04-06 15:38:30 +02:00
const hintField = (0, _options.isOptionOn)("mobile-mode") ? "help" : "tooltip";
2025-03-29 17:40:07 +01:00
const upgradeActions = (0, _loadGameData.upgrades).sort((a, b)=>a.threshold - b.threshold).map(({ name, id, threshold, icon, help })=>({
text: name,
disabled: ts < threshold ,
value: {
perks: {
[id]: 1
}
},
2025-04-01 13:35:33 +02:00
icon,
2025-04-06 15:38:30 +02:00
[hintField]: ts < threshold ? ( 0 , _i18N . t ) ( " unlocks . minTotalScore " , {
score: threshold
}) : help(1)
2025-03-29 17:40:07 +01:00
}));
2025-04-06 15:38:30 +02:00
const levelActions = (0, _loadGameData.allLevels).map((l, li)=>{
2025-04-07 14:08:48 +02:00
const lockedBecause = (0, _gameUtils.reasonLevelIsLocked)(li, (0, _gameOver.getHistory)(), true);
const percentUnlocked = lockedBecause?.reached ? `< span class = "progress-inline" > < span style = "transform: scale(${Math.floor(lockedBecause.reached / lockedBecause.minScore * 100) / 100},1)" > < / span > < / span > ` : "";
2025-03-29 17:40:07 +01:00
return {
2025-04-07 14:08:48 +02:00
text: l.name + percentUnlocked,
disabled: !!lockedBecause,
2025-03-29 17:40:07 +01:00
value: {
level: l.name
},
2025-04-01 13:35:33 +02:00
icon: (0, _loadGameData.icons)[l.name],
2025-04-07 14:08:48 +02:00
[hintField]: lockedBecause?.text || (0, _gameUtils.describeLevel)(l)
2025-03-29 17:40:07 +01:00
};
});
2025-03-19 18:13:41 +01:00
const tryOn = await (0, _asyncAlert.asyncAlert)({
2025-04-06 11:57:52 +02:00
title: (0, _i18N.t)("unlocks.title_upgrades", {
unlocked: upgradeActions.filter((a)=>!a.disabled).length,
out_of: upgradeActions.length
2025-03-19 18:13:41 +01:00
}),
2025-03-27 10:52:31 +01:00
content: [
`< p > ${(0, _i18N.t)("unlocks.intro", {
2025-04-01 13:35:33 +02:00
ts
2025-03-27 10:52:31 +01:00
})}
2025-04-06 11:57:52 +02:00
${upgradeActions.find((u)=>u.disabled) ? (0, _i18N.t)("unlocks.greyed_out_help") : ""}< / p > `,
2025-03-29 17:40:07 +01:00
...upgradeActions,
2025-04-06 11:57:52 +02:00
(0, _i18N.t)("unlocks.level", {
unlocked: levelActions.filter((a)=>!a.disabled).length,
out_of: levelActions.length
}),
2025-03-29 17:40:07 +01:00
...levelActions
2025-03-27 10:52:31 +01:00
],
2025-03-26 08:01:12 +01:00
allowClose: true,
2025-04-06 15:38:30 +02:00
className: (0, _options.isOptionOn)("mobile-mode") ? "" : "actionsAsGrid"
2025-03-19 18:13:41 +01:00
});
if (tryOn) {
2025-03-30 21:07:58 +02:00
if (await confirmRestart(gameState)) restart({
2025-04-06 10:13:10 +02:00
...tryOn
2025-03-30 21:07:58 +02:00
});
2025-03-19 18:13:41 +01:00
}
}
2025-03-26 08:01:12 +01:00
async function confirmRestart(gameState) {
2025-03-19 18:13:41 +01:00
if (!gameState.currentLevel) return true;
2025-03-30 21:07:58 +02:00
if (0, _asyncAlert.alertsOpen) return true;
2025-04-06 10:13:10 +02:00
pause(true);
2025-03-19 18:13:41 +01:00
return (0, _asyncAlert.asyncAlert)({
title: (0, _i18N.t)("confirmRestart.title"),
2025-03-27 10:52:31 +01:00
content: [
(0, _i18N.t)("confirmRestart.text"),
2025-03-19 18:13:41 +01:00
{
value: true,
text: (0, _i18N.t)("confirmRestart.yes")
},
{
value: false,
text: (0, _i18N.t)("confirmRestart.no")
}
]
});
}
const pressed = {
ArrowLeft: 0,
ArrowRight: 0,
Shift: 0
};
function setKeyPressed(key, on) {
pressed[key] = on;
gameState.keyboardPuckSpeed = (pressed.ArrowRight - pressed.ArrowLeft) * (1 + pressed.Shift * 2) * gameState.gameZoneWidth / 50;
}
2025-03-30 21:07:58 +02:00
document.addEventListener("keydown", async (e)=>{
2025-03-29 17:40:07 +01:00
if (e.key.toLowerCase() === "f" & & !e.ctrlKey & & !e.metaKey) {
2025-03-29 21:28:05 +01:00
(0, _options.toggleOption)("fullscreen");
2025-03-29 17:40:07 +01:00
applyFullScreenChoice();
} else if (e.key in pressed) setKeyPressed(e.key, 1);
2025-03-19 18:13:41 +01:00
if (e.key === " " & & !(0, _asyncAlert.alertsOpen)) {
if (gameState.running) pause(true);
else play();
} else return;
e.preventDefault();
});
2025-03-30 21:07:58 +02:00
let pageLoad = new Date();
2025-03-19 18:13:41 +01:00
document.addEventListener("keyup", async (e)=>{
const focused = document.querySelector("button:focus");
if (e.key in pressed) setKeyPressed(e.key, 0);
else if (e.key === "ArrowDown" & & focused?.nextElementSibling?.tagName === "BUTTON") focused?.nextElementSibling?.focus();
else if (e.key === "ArrowUp" & & focused?.previousElementSibling?.tagName === "BUTTON") focused?.previousElementSibling?.focus();
else if (e.key === "Escape" & & (0, _asyncAlert.closeModal)) (0, _asyncAlert.closeModal)();
else if (e.key === "Escape" & & gameState.running) pause(true);
2025-03-23 15:48:21 +01:00
else if (e.key.toLowerCase() === "m" & & !(0, _asyncAlert.alertsOpen)) openMainMenu().then();
2025-04-07 14:08:48 +02:00
else if (e.key.toLowerCase() === "s" & & !(0, _asyncAlert.alertsOpen)) (0, _openScorePanel.openScorePanel)().then();
2025-04-02 10:41:35 +02:00
else if (e.key.toLowerCase() === "r" & & !(0, _asyncAlert.alertsOpen) & & pageLoad < Date.now ( ) - 500 ) / / When doing ctrl + R in dev to refresh , i don ' t want to instantly restart a run
2025-03-30 21:07:58 +02:00
{
2025-03-26 08:01:12 +01:00
if (await confirmRestart(gameState)) restart({
2025-04-06 10:13:10 +02:00
levelToAvoid: (0, _gameUtils.currentLevelInfo)(gameState).name
2025-03-19 18:13:41 +01:00
});
} else return;
e.preventDefault();
});
2025-04-06 10:13:10 +02:00
const gameState = (0, _newGameState.newGameState)({});
2025-03-19 18:13:41 +01:00
function restart(params) {
2025-03-24 10:19:15 +01:00
fitSize();
2025-03-19 18:13:41 +01:00
Object.assign(gameState, (0, _newGameState.newGameState)(params));
(0, _recording.pauseRecording)();
(0, _gameStateMutators.setLevel)(gameState, 0);
}
2025-04-06 10:13:10 +02:00
restart({});
2025-03-19 18:13:41 +01:00
tick();
2025-04-01 13:35:33 +02:00
(0, _tooltip.setupTooltips)();
2025-04-01 13:39:09 +02:00
document.getElementById("menu")?.setAttribute("data-tooltip", (0, _i18N.t)("play.menu_tooltip"));
2025-03-19 18:13:41 +01:00
2025-04-07 14:08:48 +02:00
},{"./loadGameData":"l1B4x","./sounds":"dQKPV","./game_utils":"cEeac","./PWA/sw_loader":"2n0gK","./i18n/i18n":"eNPRm","./settings":"5blfu","./gameStateMutators":"9ZeQl","./render":"9AS2t","./recording":"godmD","./newGameState":"aQN6X","./asyncAlert":"rSqLY","./options":"d5NoS","./getLevelBackground":"7OIPf","./pure_functions":"6pQh7","./help":"bqkdF","./creative":"63kYJ","./tooltip":"3RWxb","./startingPerks":"lv30m","./migrations":"a9qdY","./gameOver":"caCAf","@parcel/transformer-js/src/esmodule-helpers.js":"gkKU3","./generateSaveFileContent":"iEcoB","./runHistoryViewer":"b80Ki","./openScorePanel":"aHTmD"}],"l1B4x":[function(require,module,exports,__globalThis) {
2025-03-19 18:13:41 +01:00
var parcelHelpers = require("@parcel/transformer-js/src/esmodule-helpers.js");
parcelHelpers.defineInteropFlag(exports);
parcelHelpers.export(exports, "appVersion", ()=>appVersion);
parcelHelpers.export(exports, "icons", ()=>icons);
2025-04-07 14:22:59 +02:00
parcelHelpers.export(exports, "allLevelsAndIcons", ()=>allLevelsAndIcons);
2025-03-19 18:13:41 +01:00
parcelHelpers.export(exports, "allLevels", ()=>allLevels);
parcelHelpers.export(exports, "upgrades", ()=>upgrades);
var _paletteJson = require("./data/palette.json");
var _paletteJsonDefault = parcelHelpers.interopDefault(_paletteJson);
var _levelsJson = require("./data/levels.json");
var _levelsJsonDefault = parcelHelpers.interopDefault(_levelsJson);
var _versionJson = require("./data/version.json");
var _versionJsonDefault = parcelHelpers.interopDefault(_versionJson);
2025-03-19 20:14:55 +01:00
var _upgrades = require("./upgrades");
2025-03-19 18:13:41 +01:00
var _getLevelBackground = require("./getLevelBackground");
var _levelIcon = require("./levelIcon");
const palette = (0, _paletteJsonDefault.default);
const rawLevelsList = (0, _levelsJsonDefault.default);
const appVersion = (0, _versionJsonDefault.default);
const icons = {};
2025-04-07 14:22:59 +02:00
const allLevelsAndIcons = rawLevelsList.map((level, i)=>{
2025-03-19 18:13:41 +01:00
const bricks = level.bricks.split("").map((c)=>palette[c]).slice(0, level.size * level.size);
2025-03-27 10:52:31 +01:00
const bricksCount = bricks.filter((i)=>i).length;
2025-03-19 18:13:41 +01:00
const icon = (0, _levelIcon.levelIconHTML)(bricks, level.size, level.color);
icons[level.name] = icon;
return {
...level,
bricks,
2025-03-27 10:52:31 +01:00
bricksCount,
2025-03-19 18:13:41 +01:00
icon,
2025-04-03 16:10:51 +02:00
color: level.color || "#000000",
2025-03-19 18:13:41 +01:00
svg: (0, _getLevelBackground.getLevelBackground)(level)
};
2025-04-07 14:22:59 +02:00
}).map((l, li)=>({
2025-03-19 18:13:41 +01:00
...l,
2025-03-27 10:52:31 +01:00
sortKey: (Math.random() + 3) / 3.5 * l.bricksCount
2025-03-19 18:13:41 +01:00
}));
2025-04-07 14:22:59 +02:00
const allLevels = allLevelsAndIcons.filter((l)=>!l.name.startsWith("icon:"));
2025-03-19 20:14:55 +01:00
const upgrades = (0, _upgrades.rawUpgrades).map((u)=>({
2025-03-19 18:13:41 +01:00
...u,
2025-03-28 10:21:14 +01:00
icon: icons["icon:" + u.id]
2025-03-19 18:13:41 +01:00
}));
2025-04-06 11:27:26 +02:00
},{"./data/palette.json":"ktRBU","./data/levels.json":"8JSUc","./data/version.json":"iyP6E","./upgrades":"1u3Dx","./getLevelBackground":"7OIPf","./levelIcon":"6rQoT","@parcel/transformer-js/src/esmodule-helpers.js":"gkKU3"}],"ktRBU":[function(require,module,exports,__globalThis) {
module.exports = JSON.parse("{\"_\":\"\",\"B\":\"black\",\"W\":\"#FFFFFF\",\"g\":\"#231f20\",\"y\":\"#ffd300\",\"b\":\"#6262EA\",\"t\":\"#5DA3EA\",\"s\":\"#E67070\",\"r\":\"#e32119\",\"R\":\"#ab0c0c\",\"c\":\"#59EEA3\",\"G\":\"#A1F051\",\"v\":\"#A664E8\",\"p\":\"#E869E8\",\"a\":\"#5BECEC\",\"C\":\"#53EE53\",\"S\":\"#F44848\",\"P\":\"#E66BA8\",\"O\":\"#F29E4A\",\"k\":\"#618227\",\"e\":\"#e1c8b4\",\"l\":\"#9b9fa4\"}");
},{}],"8JSUc":[function(require,module,exports,__globalThis) {
2025-04-07 15:25:58 +02:00
module.exports = JSON.parse('[{"name":"71 mini","size":5,"bricks":"bbb____bt__btt__b_t___ttt","svg":1,"color":""},{"name":"Butterfly","bricks":"_________bb_t_t_bbbbb_t_bbbbbbbtbbbb_bbbtbbb____btb____bbbtbbb__bb_t_bb__________","size":9,"svg":2,"color":""},{"name":"Castle","size":7,"bricks":"s_s_s_ssssssssssBBBssssBBBssttbbbttttbbbtttbtbtbt","svg":3,"color":""},{"name":"Eyes","size":9,"bricks":"ttttttt__tWWWWWWW_tWrrWttW_tWWWWWWW_ttttttt_____t______ttttt____ttttt_____t_t","svg":4,"color":"","credit":"https://steamcommunity.com/sharedfiles/filedetails/?id=487035876"},{"name":"Creeper","size":10,"bricks":"___________ccGGccGG__cGccGcGc__GBBccBBc__cBBGcBBc__GccBBGGc__ccBBBBcG__GGBBBBcG__cGBccBGc___________","svg":5,"credit":"https://en.wikipedia.org/wiki/Creeper_(Minecraft)","color":""},{"name":"Stairs","size":8,"bricks":"tt______tt______bbtt____bbtt____vvbbtt__vvbbtt__ppvvbbttppvvbbtt","svg":6,"color":""},{"name":"Dots","size":9,"bricks":"b_t_a_c_c__________b_t_a_c__________P_b_t_a_c__________P_b_t_a__________P_P_b_t_a","svg":7,"color":""},{"name":"Lines","size":9,"bricks":"aaaaaaaa___________tttttttt_________aaaaaaaa___________tttttttt_________aaaaaaaa","svg":8,"color":""},{"name":"Heart","size":15,"bricks":"__________________RRR___RRR_____RSSSR_RSSSR___RSWWSSRSSSSSR__RSWSSSSSSSSSR__RSSSSSSSSSSSR__RSWSSSSSSSSSR___RSSSSSSSSSR_____RSSSSSSSR_______RSSSSSR_________RSSSR___________RSR_____________R____________________________________","svg":17,"color":"","credit":"https://www.youtube.com/watch?v=gdWiTfzXb1g"},{"name":"Swiss","size":7,"bricks":"________RRRRR__RRWRR__RWWWR__RRWRR__RRRRR","svg":13,"color":""},{"name":"Germany","size":6,"bricks":"_______gggg__rrrr__yyyy","svg":8,"color":""},{"name":"France","size":8,"bricks":"_________ttWWrr__ttWWrr__ttWWrr__ttWWrr__ttWWrr________","svg":null,"color":""},{"name":"Smiley","size":8,"bricks":"_________yy__yy__yy__yy__________________yyyyyy___yyyy__________","svg":29,"color":""},{"name":"Labyrinthe","size":11,"bricks":"_______tttS_Stttt_S________t___S__Stt_ttttt____t_____S__ttt_S_S____t___t_tttt_t_S_t____tSt_t_t_Sttt___t_t_____Sttt_tttttS","svg":21},{"name":"Temple","size":11,"bricks":"_______________WWW______WWWWWWW___WWWWWWWWW___b_b_b_b____b_b_b_b____v_v_v_v____P_P_P_P____P_P_P_P____WWWWWWW___WWWWWWWWW_","svg":null,"color":""},{"name":"Pacman","size":12,"bricks":"____yyyy______yyyyyyyy___yyyyByyyyy__yyyyyyyyy__yyyyyyyy____yyyyyy______yyyyyy___S_Syyyyyyyy_____yyyyyyyyy___yyyyyyyyyy___yyyyyyyy______yyyy","svg":7,"color":"","credit":"https://en.wikipedia.org/wiki/Pacman"},{"name":"Ship","size":11,"bricks":"____sWW________sWWW_______sWWW_______s___OOOOOOOOOOOOOO_OBOBOBOBOO__OOOOOOOO_bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb___________","svg":19},{"name":"We come in peace","size":13,"bricks":"________________a_____a_______a___a_______aaaaaaa_____aaBaaaBaa___aaaaaaaaaaa__aaaaaaaaaaa__a_aaaaaaa_a__a_a_____a_a_____aa_aa_____________________________","svg":29,"color":"","credit":"https://en.wikipedia.org/wiki/Space_invaders"},{"name":"Space mushroom","size":10,"bricks":"______________WW_______WWWW_____WWWWWW___WWBWWBWW__WWWWWWWW____W__W_____W_WW_W___W_W__W_W","svg":6,"color":"","credit":"https://en.wikipedia.org/wiki/Space_invaders"},{"name":"Wololo","size":9,"bricks":"____WW_OOW___WW__OWW__W___OWWWbbbW_WWW_WbW_WOW__WWb__OW__bbb__O___W_W__O___W_W__O","svg":null,"color":"","credit":"https://aoe.heavengames.com/theacademy/unitsboatsandbuildings/priest/"},{"name":"Small heart","size":15,"bricks":"________________________________RRRR___RRRR___RrWWrR_RWWrrR__RWWrrrRWWrrrR__RrrrrrrrrrrrR__RrrrrrrrrrrrR___RrrrrrrrrrR_____RrrrrrrrR_______RrrrrrR_________RrrrR___________RrR_____________R______________________","svg":29,"color":""},{"name":"Eye","size":9,"bricks":"____________ggg_____gWWWg___gWbbbWg_gWWbBbWWg_gWbbbWg___gWWWg_____ggg____________","svg":null,"color":"#5da3ea"},{"name":"Enderman","size":10,"bricks":"___________gggggggg__gggggggg__gggggggg__gggggggg__vvvggvvv__gggggggg__gggggggg__gggggggg_____________________","svg":null,"color":"#154b07","credit":"https://minecraft.wiki/w/Enderman"},{"name":"Mush
2025-04-06 11:27:26 +02:00
},{}],"iyP6E":[function(require,module,exports,__globalThis) {
2025-04-07 16:52:42 +02:00
module.exports = JSON.parse("\"29067292\"");
2025-03-20 18:44:46 +01:00
},{}],"1u3Dx":[function(require,module,exports,__globalThis) {
2025-03-19 18:13:41 +01:00
var parcelHelpers = require("@parcel/transformer-js/src/esmodule-helpers.js");
parcelHelpers.defineInteropFlag(exports);
parcelHelpers.export(exports, "rawUpgrades", ()=>rawUpgrades);
var _i18N = require("./i18n/i18n");
2025-03-29 21:22:19 +01:00
var _pureFunctions = require("./pure_functions");
2025-03-19 18:13:41 +01:00
const rawUpgrades = [
{
requires: "",
threshold: 0,
giftable: false,
id: "extra_life",
2025-03-19 21:58:08 +01:00
max: 3,
2025-03-19 18:13:41 +01:00
name: (0, _i18N.t)("upgrades.extra_life.name"),
help: (lvl)=>lvl === 1 ? (0, _i18N.t)("upgrades.extra_life.help") : (0, _i18N.t)("upgrades.extra_life.help_plural", {
lvl
}),
fullHelp: (0, _i18N.t)("upgrades.extra_life.fullHelp")
},
{
requires: "",
threshold: 0,
id: "streak_shots",
giftable: true,
max: 1,
name: (0, _i18N.t)("upgrades.streak_shots.name"),
help: (lvl)=>(0, _i18N.t)("upgrades.streak_shots.help", {
lvl
}),
fullHelp: (0, _i18N.t)("upgrades.streak_shots.fullHelp")
},
{
requires: "",
threshold: 0,
id: "base_combo",
giftable: true,
max: 7,
name: (0, _i18N.t)("upgrades.base_combo.name"),
help: (lvl)=>(0, _i18N.t)("upgrades.base_combo.help", {
coins: 1 + lvl * 3
}),
fullHelp: (0, _i18N.t)("upgrades.base_combo.fullHelp")
},
{
requires: "",
threshold: 0,
giftable: false,
id: "slow_down",
max: 2,
name: (0, _i18N.t)("upgrades.slow_down.name"),
2025-03-29 11:24:45 +01:00
help: (lvl)=>(0, _i18N.t)("upgrades.slow_down.help", {
lvl
}),
2025-03-19 18:13:41 +01:00
fullHelp: (0, _i18N.t)("upgrades.slow_down.fullHelp")
},
{
requires: "",
threshold: 0,
giftable: false,
id: "bigger_puck",
max: 2,
name: (0, _i18N.t)("upgrades.bigger_puck.name"),
help: ()=>(0, _i18N.t)("upgrades.bigger_puck.help"),
fullHelp: (0, _i18N.t)("upgrades.bigger_puck.fullHelp")
},
{
requires: "",
threshold: 0,
giftable: false,
id: "viscosity",
max: 3,
name: (0, _i18N.t)("upgrades.viscosity.name"),
help: ()=>(0, _i18N.t)("upgrades.viscosity.help"),
fullHelp: (0, _i18N.t)("upgrades.viscosity.fullHelp")
},
{
requires: "",
threshold: 0,
id: "left_is_lava",
giftable: true,
max: 1,
name: (0, _i18N.t)("upgrades.left_is_lava.name"),
2025-03-29 11:24:45 +01:00
help: (lvl)=>(0, _i18N.t)("upgrades.left_is_lava.help", {
lvl
}),
2025-03-19 18:13:41 +01:00
fullHelp: (0, _i18N.t)("upgrades.left_is_lava.fullHelp")
},
{
requires: "",
threshold: 0,
id: "right_is_lava",
giftable: true,
max: 1,
name: (0, _i18N.t)("upgrades.right_is_lava.name"),
2025-03-29 11:24:45 +01:00
help: (lvl)=>(0, _i18N.t)("upgrades.right_is_lava.help", {
lvl
}),
2025-03-19 18:13:41 +01:00
fullHelp: (0, _i18N.t)("upgrades.right_is_lava.fullHelp")
},
{
requires: "",
threshold: 0,
id: "top_is_lava",
giftable: true,
max: 1,
name: (0, _i18N.t)("upgrades.top_is_lava.name"),
2025-03-29 11:24:45 +01:00
help: (lvl)=>(0, _i18N.t)("upgrades.top_is_lava.help", {
lvl
}),
2025-03-19 18:13:41 +01:00
fullHelp: (0, _i18N.t)("upgrades.top_is_lava.fullHelp")
},
{
requires: "",
threshold: 0,
giftable: false,
id: "skip_last",
max: 7,
name: (0, _i18N.t)("upgrades.skip_last.name"),
help: (lvl)=>lvl == 1 ? (0, _i18N.t)("upgrades.skip_last.help") : (0, _i18N.t)("upgrades.skip_last.help_plural", {
lvl
}),
fullHelp: (0, _i18N.t)("upgrades.skip_last.fullHelp")
},
{
requires: "",
threshold: 500,
id: "telekinesis",
2025-03-30 21:07:58 +02:00
giftable: true,
max: 1,
2025-03-19 18:13:41 +01:00
name: (0, _i18N.t)("upgrades.telekinesis.name"),
help: (lvl)=>lvl == 1 ? (0, _i18N.t)("upgrades.telekinesis.help") : (0, _i18N.t)("upgrades.telekinesis.help_plural"),
fullHelp: (0, _i18N.t)("upgrades.telekinesis.fullHelp")
},
{
requires: "",
threshold: 1000,
giftable: false,
id: "coin_magnet",
max: 3,
name: (0, _i18N.t)("upgrades.coin_magnet.name"),
help: (lvl)=>lvl == 1 ? (0, _i18N.t)("upgrades.coin_magnet.help") : (0, _i18N.t)("upgrades.coin_magnet.help_plural"),
fullHelp: (0, _i18N.t)("upgrades.coin_magnet.fullHelp")
},
{
requires: "",
threshold: 1500,
id: "multiball",
2025-03-30 21:07:58 +02:00
giftable: true,
2025-03-19 18:13:41 +01:00
max: 6,
name: (0, _i18N.t)("upgrades.multiball.name"),
help: (lvl)=>(0, _i18N.t)("upgrades.multiball.help", {
count: lvl + 1
}),
fullHelp: (0, _i18N.t)("upgrades.multiball.fullHelp")
},
{
requires: "",
threshold: 2000,
giftable: false,
id: "smaller_puck",
max: 2,
name: (0, _i18N.t)("upgrades.smaller_puck.name"),
help: (lvl)=>lvl == 1 ? (0, _i18N.t)("upgrades.smaller_puck.help") : (0, _i18N.t)("upgrades.smaller_puck.help_plural"),
fullHelp: (0, _i18N.t)("upgrades.smaller_puck.fullHelp")
},
{
requires: "",
threshold: 3000,
id: "pierce",
2025-03-28 10:21:14 +01:00
giftable: false,
2025-03-19 18:13:41 +01:00
max: 3,
name: (0, _i18N.t)("upgrades.pierce.name"),
help: (lvl)=>(0, _i18N.t)("upgrades.pierce.help", {
count: 3 * lvl
}),
fullHelp: (0, _i18N.t)("upgrades.pierce.fullHelp")
},
{
requires: "",
threshold: 4000,
id: "picky_eater",
giftable: true,
max: 1,
name: (0, _i18N.t)("upgrades.picky_eater.name"),
2025-03-29 11:24:45 +01:00
help: (lvl)=>(0, _i18N.t)("upgrades.picky_eater.help", {
lvl
}),
2025-03-19 18:13:41 +01:00
fullHelp: (0, _i18N.t)("upgrades.picky_eater.fullHelp")
},
{
requires: "",
threshold: 5000,
giftable: false,
id: "metamorphosis",
max: 1,
name: (0, _i18N.t)("upgrades.metamorphosis.name"),
2025-03-29 11:24:45 +01:00
help: (lvl)=>(0, _i18N.t)("upgrades.metamorphosis.help", {
lvl
}),
2025-03-19 18:13:41 +01:00
fullHelp: (0, _i18N.t)("upgrades.metamorphosis.fullHelp")
},
{
requires: "",
threshold: 6000,
id: "compound_interest",
giftable: true,
max: 1,
name: (0, _i18N.t)("upgrades.compound_interest.name"),
2025-03-29 11:24:45 +01:00
help: (lvl)=>(0, _i18N.t)("upgrades.compound_interest.help", {
lvl
}),
2025-03-19 18:13:41 +01:00
fullHelp: (0, _i18N.t)("upgrades.compound_interest.fullHelp")
},
{
requires: "",
threshold: 7000,
id: "hot_start",
giftable: true,
max: 3,
name: (0, _i18N.t)("upgrades.hot_start.name"),
help: (lvl)=>(0, _i18N.t)("upgrades.hot_start.help", {
2025-03-30 21:07:58 +02:00
start: lvl * 30 + 1,
loss: lvl
2025-03-19 18:13:41 +01:00
}),
fullHelp: (0, _i18N.t)("upgrades.hot_start.fullHelp")
},
{
requires: "",
threshold: 9000,
id: "sapper",
2025-03-28 10:21:14 +01:00
giftable: false,
2025-03-19 18:13:41 +01:00
max: 7,
name: (0, _i18N.t)("upgrades.sapper.name"),
help: (lvl)=>lvl == 1 ? (0, _i18N.t)("upgrades.sapper.help") : (0, _i18N.t)("upgrades.sapper.help_plural", {
lvl
}),
fullHelp: (0, _i18N.t)("upgrades.sapper.fullHelp")
},
{
requires: "",
threshold: 11000,
id: "bigger_explosions",
giftable: false,
max: 1,
name: (0, _i18N.t)("upgrades.bigger_explosions.name"),
help: (lvl)=>(0, _i18N.t)("upgrades.bigger_explosions.help"),
fullHelp: (0, _i18N.t)("upgrades.bigger_explosions.fullHelp")
},
{
requires: "",
threshold: 13000,
giftable: false,
2025-03-27 10:52:31 +01:00
adventure: false,
2025-03-19 18:13:41 +01:00
id: "extra_levels",
max: 3,
name: (0, _i18N.t)("upgrades.extra_levels.name"),
help: (lvl)=>(0, _i18N.t)("upgrades.extra_levels.help", {
count: lvl + 7
}),
fullHelp: (0, _i18N.t)("upgrades.extra_levels.fullHelp")
},
{
requires: "",
threshold: 15000,
giftable: false,
id: "pierce_color",
2025-03-23 19:11:01 +01:00
max: 4,
2025-03-19 18:13:41 +01:00
name: (0, _i18N.t)("upgrades.pierce_color.name"),
2025-03-23 19:11:01 +01:00
help: (lvl)=>(0, _i18N.t)("upgrades.pierce_color.help", {
lvl
}),
2025-03-19 18:13:41 +01:00
fullHelp: (0, _i18N.t)("upgrades.pierce_color.fullHelp")
},
{
requires: "",
threshold: 18000,
giftable: false,
id: "soft_reset",
2025-03-29 11:24:45 +01:00
max: 3,
2025-03-19 18:13:41 +01:00
name: (0, _i18N.t)("upgrades.soft_reset.name"),
help: (lvl)=>(0, _i18N.t)("upgrades.soft_reset.help", {
2025-03-29 21:22:19 +01:00
percent: Math.round((0, _pureFunctions.comboKeepingRate)(lvl) * 100)
2025-03-19 18:13:41 +01:00
}),
fullHelp: (0, _i18N.t)("upgrades.soft_reset.fullHelp")
},
{
requires: "multiball",
threshold: 21000,
giftable: false,
id: "ball_repulse_ball",
max: 3,
name: (0, _i18N.t)("upgrades.ball_repulse_ball.name"),
help: (lvl)=>lvl == 1 ? (0, _i18N.t)("upgrades.ball_repulse_ball.help") : (0, _i18N.t)("upgrades.ball_repulse_ball.help_plural"),
fullHelp: (0, _i18N.t)("upgrades.ball_repulse_ball.fullHelp")
},
{
requires: "multiball",
threshold: 25000,
giftable: false,
id: "ball_attract_ball",
max: 3,
name: (0, _i18N.t)("upgrades.ball_attract_ball.name"),
help: (lvl)=>lvl == 1 ? (0, _i18N.t)("upgrades.ball_attract_ball.help") : (0, _i18N.t)("upgrades.ball_attract_ball.help_plural"),
fullHelp: (0, _i18N.t)("upgrades.ball_attract_ball.fullHelp")
},
{
requires: "",
threshold: 30000,
giftable: false,
id: "puck_repulse_ball",
max: 2,
name: (0, _i18N.t)("upgrades.puck_repulse_ball.name"),
help: (lvl)=>lvl == 1 ? (0, _i18N.t)("upgrades.puck_repulse_ball.help") : (0, _i18N.t)("upgrades.puck_repulse_ball.help_plural"),
fullHelp: (0, _i18N.t)("upgrades.puck_repulse_ball.fullHelp")
},
{
requires: "",
threshold: 35000,
giftable: false,
id: "wind",
max: 3,
name: (0, _i18N.t)("upgrades.wind.name"),
help: (lvl)=>lvl == 1 ? (0, _i18N.t)("upgrades.wind.help") : (0, _i18N.t)("upgrades.wind.help_plural"),
fullHelp: (0, _i18N.t)("upgrades.wind.fullHelp")
},
{
requires: "",
threshold: 40000,
giftable: false,
id: "sturdy_bricks",
max: 4,
name: (0, _i18N.t)("upgrades.sturdy_bricks.name"),
2025-03-29 11:24:45 +01:00
help: (lvl)=>// lvl == 1
(0, _i18N.t)("upgrades.sturdy_bricks.help", {
lvl,
2025-03-30 21:07:58 +02:00
percent: lvl * 50
2025-03-29 11:24:45 +01:00
}),
// ?
// : t("upgrades.sturdy_bricks.help_plural"),
2025-03-19 18:13:41 +01:00
fullHelp: (0, _i18N.t)("upgrades.sturdy_bricks.fullHelp")
},
{
requires: "",
threshold: 45000,
giftable: false,
id: "respawn",
max: 4,
name: (0, _i18N.t)("upgrades.respawn.name"),
2025-03-29 11:24:45 +01:00
help: (lvl)=>(0, _i18N.t)("upgrades.respawn.help", {
2025-03-29 21:22:19 +01:00
percent: Math.floor(100 * (0, _pureFunctions.comboKeepingRate)(lvl)),
2025-03-29 15:00:44 +01:00
delay: (3 / lvl).toFixed(2)
2025-03-29 11:24:45 +01:00
}),
2025-03-19 18:13:41 +01:00
fullHelp: (0, _i18N.t)("upgrades.respawn.fullHelp")
},
{
requires: "",
threshold: 50000,
giftable: false,
id: "one_more_choice",
max: 3,
name: (0, _i18N.t)("upgrades.one_more_choice.name"),
2025-03-29 15:00:44 +01:00
help: (lvl)=>(0, _i18N.t)("upgrades.one_more_choice.help", {
lvl
}),
2025-03-19 18:13:41 +01:00
fullHelp: (0, _i18N.t)("upgrades.one_more_choice.fullHelp")
},
{
requires: "",
threshold: 55000,
giftable: false,
id: "instant_upgrade",
max: 2,
2025-03-27 10:52:31 +01:00
adventure: false,
2025-03-19 18:13:41 +01:00
name: (0, _i18N.t)("upgrades.instant_upgrade.name"),
2025-03-29 15:00:44 +01:00
help: (lvl)=>(0, _i18N.t)("upgrades.instant_upgrade.help", {
lvl
}),
2025-03-19 18:13:41 +01:00
fullHelp: (0, _i18N.t)("upgrades.instant_upgrade.fullHelp")
},
{
requires: "",
threshold: 60000,
giftable: false,
id: "concave_puck",
max: 1,
name: (0, _i18N.t)("upgrades.concave_puck.name"),
help: (lvl)=>(0, _i18N.t)("upgrades.concave_puck.help"),
fullHelp: (0, _i18N.t)("upgrades.concave_puck.fullHelp")
2025-03-19 20:14:55 +01:00
},
{
requires: "",
threshold: 65000,
giftable: false,
2025-03-19 21:58:08 +01:00
id: "helium",
2025-03-19 20:14:55 +01:00
max: 1,
2025-03-19 21:58:08 +01:00
name: (0, _i18N.t)("upgrades.helium.name"),
help: (lvl)=>(0, _i18N.t)("upgrades.helium.help"),
fullHelp: (0, _i18N.t)("upgrades.helium.fullHelp")
2025-03-19 20:14:55 +01:00
},
{
requires: "",
threshold: 70000,
2025-03-28 10:21:14 +01:00
giftable: true,
2025-03-19 20:14:55 +01:00
id: "asceticism",
max: 1,
name: (0, _i18N.t)("upgrades.asceticism.name"),
2025-03-29 11:24:45 +01:00
help: (lvl)=>(0, _i18N.t)("upgrades.asceticism.help", {
combo: lvl * 3
}),
2025-03-19 20:14:55 +01:00
fullHelp: (0, _i18N.t)("upgrades.asceticism.fullHelp")
},
{
requires: "",
threshold: 75000,
giftable: false,
id: "unbounded",
max: 1,
name: (0, _i18N.t)("upgrades.unbounded.name"),
2025-03-29 11:24:45 +01:00
help: (lvl)=>lvl > 1 ? (0, _i18N.t)("upgrades.unbounded.help_no_ceiling", {
lvl
}) : (0, _i18N.t)("upgrades.unbounded.help", {
lvl
}),
2025-03-19 20:14:55 +01:00
fullHelp: (0, _i18N.t)("upgrades.unbounded.fullHelp")
},
{
requires: "",
threshold: 80000,
giftable: false,
id: "shunt",
2025-03-20 08:13:17 +01:00
max: 3,
2025-03-19 20:14:55 +01:00
name: (0, _i18N.t)("upgrades.shunt.name"),
2025-03-20 08:13:17 +01:00
help: (lvl)=>(0, _i18N.t)("upgrades.shunt.help", {
2025-03-29 21:22:19 +01:00
percent: Math.round((0, _pureFunctions.comboKeepingRate)(lvl) * 100)
2025-03-20 08:13:17 +01:00
}),
2025-03-19 20:14:55 +01:00
fullHelp: (0, _i18N.t)("upgrades.shunt.fullHelp")
},
{
requires: "",
threshold: 85000,
giftable: false,
id: "yoyo",
2025-03-30 21:07:58 +02:00
max: 1,
2025-03-19 20:14:55 +01:00
name: (0, _i18N.t)("upgrades.yoyo.name"),
help: (lvl)=>(0, _i18N.t)("upgrades.yoyo.help"),
fullHelp: (0, _i18N.t)("upgrades.yoyo.fullHelp")
},
{
requires: "",
threshold: 90000,
2025-03-28 10:21:14 +01:00
giftable: true,
2025-03-19 20:14:55 +01:00
id: "nbricks",
max: 3,
name: (0, _i18N.t)("upgrades.nbricks.name"),
help: (lvl)=>(0, _i18N.t)("upgrades.nbricks.help", {
lvl
}),
fullHelp: (0, _i18N.t)("upgrades.nbricks.fullHelp")
},
{
requires: "",
threshold: 95000,
giftable: false,
id: "etherealcoins",
max: 1,
name: (0, _i18N.t)("upgrades.etherealcoins.name"),
help: (lvl)=>(0, _i18N.t)("upgrades.etherealcoins.help"),
fullHelp: (0, _i18N.t)("upgrades.etherealcoins.fullHelp")
2025-03-19 21:58:08 +01:00
},
{
requires: "multiball",
threshold: 100000,
giftable: false,
id: "shocks",
max: 1,
name: (0, _i18N.t)("upgrades.shocks.name"),
help: (lvl)=>(0, _i18N.t)("upgrades.shocks.help"),
fullHelp: (0, _i18N.t)("upgrades.shocks.fullHelp")
},
{
requires: "",
threshold: 105000,
2025-03-28 10:21:14 +01:00
giftable: true,
2025-03-19 21:58:08 +01:00
id: "zen",
max: 1,
name: (0, _i18N.t)("upgrades.zen.name"),
2025-03-29 15:00:44 +01:00
help: (lvl)=>(0, _i18N.t)("upgrades.zen.help", {
lvl
}),
2025-03-19 21:58:08 +01:00
fullHelp: (0, _i18N.t)("upgrades.zen.fullHelp")
},
{
requires: "extra_life",
threshold: 110000,
giftable: false,
id: "sacrifice",
max: 1,
name: (0, _i18N.t)("upgrades.sacrifice.name"),
2025-03-29 15:00:44 +01:00
help: (lvl)=>lvl == 1 ? (0, _i18N.t)("upgrades.sacrifice.help_l1") : (0, _i18N.t)("upgrades.sacrifice.help_over", {
lvl
}),
2025-03-19 21:58:08 +01:00
fullHelp: (0, _i18N.t)("upgrades.sacrifice.fullHelp")
},
{
requires: "",
threshold: 115000,
2025-03-28 10:21:14 +01:00
giftable: true,
2025-03-19 21:58:08 +01:00
id: "trampoline",
2025-03-20 21:24:25 +01:00
max: 1,
2025-03-19 21:58:08 +01:00
name: (0, _i18N.t)("upgrades.trampoline.name"),
help: (lvl)=>(0, _i18N.t)("upgrades.trampoline.help", {
lvl
}),
fullHelp: (0, _i18N.t)("upgrades.trampoline.fullHelp")
},
{
requires: "",
threshold: 120000,
giftable: false,
id: "ghost_coins",
max: 1,
name: (0, _i18N.t)("upgrades.ghost_coins.name"),
help: (lvl)=>(0, _i18N.t)("upgrades.ghost_coins.help", {
lvl
}),
fullHelp: (0, _i18N.t)("upgrades.ghost_coins.fullHelp")
},
{
requires: "",
threshold: 125000,
giftable: false,
id: "forgiving",
max: 1,
name: (0, _i18N.t)("upgrades.forgiving.name"),
help: (lvl)=>(0, _i18N.t)("upgrades.forgiving.help"),
fullHelp: (0, _i18N.t)("upgrades.forgiving.fullHelp")
},
{
requires: "",
threshold: 130000,
giftable: false,
id: "ball_attracts_coins",
max: 3,
name: (0, _i18N.t)("upgrades.ball_attracts_coins.name"),
help: (lvl)=>(0, _i18N.t)("upgrades.ball_attracts_coins.help"),
fullHelp: (0, _i18N.t)("upgrades.ball_attracts_coins.fullHelp")
2025-03-20 21:02:51 +01:00
},
{
requires: "",
threshold: 135000,
2025-03-28 10:21:14 +01:00
// a bit too hard when starting up
2025-03-20 21:02:51 +01:00
giftable: false,
id: "reach",
2025-03-20 21:07:54 +01:00
max: 1,
2025-03-20 21:02:51 +01:00
name: (0, _i18N.t)("upgrades.reach.name"),
help: (lvl)=>(0, _i18N.t)("upgrades.reach.help", {
lvl
}),
fullHelp: (0, _i18N.t)("upgrades.reach.fullHelp")
2025-03-22 16:04:25 +01:00
},
{
requires: "",
threshold: 140000,
2025-03-28 10:21:14 +01:00
giftable: true,
2025-03-22 16:04:25 +01:00
id: "passive_income",
2025-03-24 10:19:15 +01:00
max: 4,
2025-03-22 16:04:25 +01:00
name: (0, _i18N.t)("upgrades.passive_income.name"),
2025-03-24 10:19:15 +01:00
help: (lvl)=>(0, _i18N.t)("upgrades.passive_income.help", {
2025-03-25 08:22:58 +01:00
time: lvl * 0.25,
2025-03-24 10:19:15 +01:00
lvl
}),
2025-03-22 16:04:25 +01:00
fullHelp: (0, _i18N.t)("upgrades.passive_income.fullHelp")
2025-03-23 19:11:01 +01:00
},
{
requires: "",
threshold: 145000,
giftable: false,
id: "clairvoyant",
2025-04-04 09:45:35 +02:00
max: 1,
2025-03-23 19:11:01 +01:00
name: (0, _i18N.t)("upgrades.clairvoyant.name"),
help: (lvl)=>(0, _i18N.t)("upgrades.clairvoyant.help"),
fullHelp: (0, _i18N.t)("upgrades.clairvoyant.fullHelp")
2025-03-23 22:19:11 +01:00
},
{
requires: "",
threshold: 150000,
giftable: true,
id: "side_kick",
max: 3,
name: (0, _i18N.t)("upgrades.side_kick.name"),
help: (lvl)=>(0, _i18N.t)("upgrades.side_kick.help", {
2025-04-06 18:21:53 +02:00
lvl,
loss: lvl * 2
2025-03-23 22:19:11 +01:00
}),
fullHelp: (0, _i18N.t)("upgrades.side_kick.fullHelp")
},
{
requires: "",
threshold: 155000,
giftable: false,
id: "implosions",
max: 1,
name: (0, _i18N.t)("upgrades.implosions.name"),
help: (lvl)=>(0, _i18N.t)("upgrades.implosions.help"),
fullHelp: (0, _i18N.t)("upgrades.implosions.fullHelp")
},
{
requires: "",
threshold: 160000,
giftable: false,
id: "corner_shot",
max: 1,
name: (0, _i18N.t)("upgrades.corner_shot.name"),
help: (lvl)=>(0, _i18N.t)("upgrades.corner_shot.help"),
fullHelp: (0, _i18N.t)("upgrades.corner_shot.fullHelp")
2025-03-30 21:07:58 +02:00
},
{
requires: "",
threshold: 165000,
giftable: false,
id: "addiction",
2025-03-31 13:33:27 +02:00
max: 7,
2025-03-30 21:07:58 +02:00
name: (0, _i18N.t)("upgrades.addiction.name"),
help: (lvl)=>(0, _i18N.t)("upgrades.addiction.help", {
lvl,
delay: (5 / lvl).toFixed(2)
}),
fullHelp: (0, _i18N.t)("upgrades.addiction.fullHelp")
2025-04-03 21:59:01 +02:00
},
{
requires: "",
threshold: 170000,
giftable: false,
id: "fountain_toss",
max: 7,
name: (0, _i18N.t)("upgrades.fountain_toss.name"),
help: (lvl)=>(0, _i18N.t)("upgrades.fountain_toss.help", {
lvl,
max: lvl * 30
}),
fullHelp: (0, _i18N.t)("upgrades.fountain_toss.fullHelp")
2025-04-06 15:38:30 +02:00
},
{
requires: "",
threshold: 175000,
giftable: false,
id: "limitless",
max: 1,
name: (0, _i18N.t)("upgrades.limitless.name"),
help: (lvl)=>(0, _i18N.t)("upgrades.limitless.help", {
lvl
}),
fullHelp: (0, _i18N.t)("upgrades.limitless.fullHelp")
2025-03-19 18:13:41 +01:00
}
];
2025-03-31 20:08:17 +02:00
},{"./i18n/i18n":"eNPRm","./pure_functions":"6pQh7","@parcel/transformer-js/src/esmodule-helpers.js":"gkKU3"}],"eNPRm":[function(require,module,exports,__globalThis) {
2025-03-19 18:13:41 +01:00
var parcelHelpers = require("@parcel/transformer-js/src/esmodule-helpers.js");
parcelHelpers.defineInteropFlag(exports);
parcelHelpers.export(exports, "getCurrentLang", ()=>getCurrentLang);
parcelHelpers.export(exports, "t", ()=>t);
var _frJson = require("./fr.json");
var _frJsonDefault = parcelHelpers.interopDefault(_frJson);
var _enJson = require("./en.json");
var _enJsonDefault = parcelHelpers.interopDefault(_enJson);
var _settings = require("../settings");
const languages = {
fr: (0, _frJsonDefault.default),
en: (0, _enJsonDefault.default)
};
function getCurrentLang() {
return (0, _settings.getSettingValue)("lang", getFirstBrowserLanguage());
}
function t(key, params = {}) {
const lang = getCurrentLang();
let template = languages[lang]?.[key] || languages.en[key];
for(let key in params)template = template.split("{{" + key + "}}").join(`${params[key]}`);
return template;
}
function getFirstBrowserLanguage() {
const preferred_languages = [
...navigator.languages,
navigator.language,
"en"
].filter((i)=>i).map((i)=>i.slice(0, 2).toLowerCase());
const supported = Object.keys(languages);
return preferred_languages.find((k)=>supported.includes(k)) || "en";
}
},{"./fr.json":"b97sx","./en.json":"uYc9N","../settings":"5blfu","@parcel/transformer-js/src/esmodule-helpers.js":"gkKU3"}],"b97sx":[function(require,module,exports,__globalThis) {
2025-04-07 15:25:58 +02:00
module.exports = JSON.parse('{"confirmRestart.no":"Annuler, continuer ma partie en cours","confirmRestart.text":"Vous \xeates sur le point de commencer une nouvelle partie, est-ce vraiment ce que vous vouliez ?","confirmRestart.title":"D\xe9marrer une nouvelle partie\u202F?","confirmRestart.yes":"Commencer une nouvelle partie","gameOver.creative":"Cette partie de test et son score ne sont pas enregistr\xe9s.","gameOver.cumulative_total":"Votre score total cumul\xe9 est pass\xe9 de {{startTs}} \xe0 {{endTs}}.","gameOver.lost.summary":"Vous avez fait tomber la balle apr\xe8s avoir attrap\xe9 {{score}} pi\xe8ces.","gameOver.lost.title":"Balle perdue","gameOver.restart":"Nouvelle partie","gameOver.stats.balls_lost":"Balles perdues","gameOver.stats.bricks_broken":"Briques cass\xe9es","gameOver.stats.bricks_per_minute":"Briques cass\xe9es par minute","gameOver.stats.catch_rate":"Pi\xe8ces attrap\xe9es","gameOver.stats.combo_avg":"Combo moyen","gameOver.stats.combo_max":"Combo maximum","gameOver.stats.duration_per_level":"Dur\xe9e par niveau","gameOver.stats.hit_rate":"Pr\xe9cision","gameOver.stats.intro":"Vous trouverez ci-dessous les statistiques de cette partie compar\xe9es \xe0 vos {{count}} meilleures parties.","gameOver.stats.level_reached":"Niveau atteint","gameOver.stats.total_score":"Score total","gameOver.stats.upgrades_applied":"Mises \xe0 jour appliqu\xe9es","gameOver.unlocked_perk":"Vous avez d\xe9bloqu\xe9 une am\xe9lioration","gameOver.unlocked_perk_plural":"Vous avez d\xe9bloqu\xe9 {{count}} am\xe9liorations","gameOver.win.summary":"Cette partie est termin\xe9e. Vous avez accumul\xe9 {{score}} pi\xe8ces. ","gameOver.win.title":"Vous avez termin\xe9 cette partie","history.columns.max_combo":"Combo maximum","history.columns.max_level":"Les niveaux","history.columns.puck_bounces":"PB","history.columns.puck_bounces_tooltip":"Rebonds du palet : nombre de fois o\xf9 la balle a rebondi sur le palet","history.columns.runTime":"Dur.","history.columns.runTime_tooltip":"Dur\xe9e de la partie, en secondes, en comptant uniquement le temps o\xf9 le jeu se d\xe9roule et o\xf9 la balle est en mouvement","history.columns.score":"Score","history.columns.started":"Date","history.columns.upgrades_picked":"Mises \xe0 niveau","history.help":"Voir la liste de votre jeu {{count}} ","history.locked":"Jouez d\'abord au moins dix parties","history.title":"Historique","lab.help":"Essayez n\'importe quel build","lab.instructions":"S\xe9lectionnez les am\xe9liorations ci-dessous, puis choisissez le niveau \xe0 jouer. Les parties en mode cr\xe9atif sont ignor\xe9es dans les d\xe9blocages, le meilleur score, le score total et les statistiques, et ne durent qu\'un seul niveau.","lab.menu_entry":"Mode cr\xe9atif","lab.reset":"RAZ toutes les am\xe9liorations","lab.select_level":"S\xe9lectionnez un niveau sur lequel jouer","lab.unlocks_at":"D\xe9verrouill\xe9 \xe0 partir d\'un score total de {{score}}","level_up.after_buttons":"Vous venez de terminer le niveau {{level}}/{{max}}.","level_up.before_buttons":"Vous avez attrap\xe9 {{score}} pi\xe8ces {{catchGain}} sur {{levelSpawnedCoins}} en {{time}} secondes {{timeGain}}.\\n\\nVous avez rat\xe9 les briques {{levelMisses}} fois {{missesGain}} et touch\xe9 les bords de la zone de jeu {{levelWallBounces}} fois {{wallHitsGain}}.\\n\\n{{compliment}}","level_up.compliment_advice":"Essayez d\'attraper toutes les pi\xe8ces, de ne jamais rater les briques, de ne pas toucher les murs ou de terminer le niveau en moins de 30 secondes pour obtenir des choix suppl\xe9mentaires et des am\xe9liorations.","level_up.compliment_good":"Bravo !","level_up.compliment_perfect":"Impressionnant, continuez comme \xe7a !","level_up.pick_upgrade_title":"Choisir une am\xe9lioration","level_up.plus_one_upgrade":"(+1 upgrade)","level_up.plus_one_upgrade_and_reroll":"(+1 am\xe9lioration et +1 re-roll)","level_up.reroll":"Re-roll ({{count}})","level_up.reroll_help":"Nouveaux choix","level_up.unlocked_level":" (Niveau)","level_up.unlocked_perk":" (Am\xe9lioration)","level_up.upgrade_perk_to_level":" niveau {{level}}","loop.conver
2025-03-19 18:13:41 +01:00
},{}],"uYc9N":[function(require,module,exports,__globalThis) {
2025-04-07 15:25:58 +02:00
module.exports = JSON.parse('{"confirmRestart.no":"Cancel","confirmRestart.text":"You\'re about to start a new game, is that really what you wanted ?","confirmRestart.title":"Start a new game ?","confirmRestart.yes":"Restart game","gameOver.creative":"This is a test game, its score is not recorded.","gameOver.cumulative_total":"Your total cumulative score went from {{startTs}} to {{endTs}}.","gameOver.lost.summary":"You dropped the ball after catching {{score}} coins.","gameOver.lost.title":"Game Over","gameOver.restart":"Start a new game","gameOver.stats.balls_lost":"Balls lost","gameOver.stats.bricks_broken":"Bricks broken","gameOver.stats.bricks_per_minute":"Bricks broken per minute","gameOver.stats.catch_rate":"Catch rate","gameOver.stats.combo_avg":"Average combo","gameOver.stats.combo_max":"Max combo","gameOver.stats.duration_per_level":"Duration per level","gameOver.stats.hit_rate":"Hit rate","gameOver.stats.intro":"Find below your game statistics compared to your {{count}} best games.","gameOver.stats.level_reached":"Level reached","gameOver.stats.total_score":"Total score","gameOver.stats.upgrades_applied":"Upgrades applied","gameOver.unlocked_perk":"You just unlocked a perk","gameOver.unlocked_perk_plural":"You just unlocked {{count}} perks","gameOver.win.summary":"This game is over. You stashed {{score}} coins. ","gameOver.win.title":"You completed this game","history.columns.max_combo":"Max combo","history.columns.max_level":"Levels","history.columns.puck_bounces":"PB","history.columns.puck_bounces_tooltip":"Puck bounces : number of time the ball bounced on the puck","history.columns.runTime":"Dur.","history.columns.runTime_tooltip":"Duration of the run, in seconds, only counting time where the game is running and the ball is in motion","history.columns.score":"Score","history.columns.started":"Date","history.columns.upgrades_picked":"Upgrades","history.help":"See the list of your {{count}} game","history.locked":"Play at least ten games to unlock","history.title":"Runs history","lab.help":"Try any build you want","lab.instructions":"Select upgrades below, then pick the level to play. Creative mode runs are ignored in unlocks, high score, total score and statistics, and only last one level.","lab.menu_entry":"Creative mode","lab.reset":"Reset all to 0","lab.select_level":"Select a level to play on","lab.unlocks_at":"Unlocks at total score {{score}}","level_up.after_buttons":"You just finished level {{level}}/{{max}}.","level_up.before_buttons":"You caught {{score}} coins {{catchGain}} out of {{levelSpawnedCoins}} in {{time}} seconds {{timeGain}}.\\n\\nYou missed {{levelMisses}} times {{missesGain}} and hit the walls or ceiling {{levelWallBounces}} times{{wallHitsGain}}.\\n\\n{{compliment}}","level_up.compliment_advice":"Try to catch all coins, never miss the bricks, never hit the walls/ceiling or clear the level under 30s to gain additional choices and upgrades.","level_up.compliment_good":"Well done !","level_up.compliment_perfect":"Impressive, keep it up !","level_up.pick_upgrade_title":"Pick an upgrade","level_up.plus_one_upgrade":"(+1 upgrade)","level_up.plus_one_upgrade_and_reroll":"(+1 upgrade and +1 re-roll)","level_up.reroll":"Re-roll ({{count}})","level_up.reroll_help":"Offer new choices","level_up.unlocked_level":" (Level)","level_up.unlocked_perk":" (Perk)","level_up.upgrade_perk_to_level":" lvl {{level}}","loop.converted_rerolls":"Your {{n}} leftover re-rolls where converted to +{{n}} base combo.","loop.instructions":"All perks you have now will have lower max levels depending on their current level. You can pick one below that will gain one level and one max level instead. Your pick will be leveled up, even beyond the maximum normally allowed for that perk.","loop.no_rerolls":"You didn\'t have any leftover re-rolls, so your base combo stayed the same. ","loop.title":"Starting loop {{loop}}","main_menu.basic":"Basic graphics","main_menu.basic_help":"Better performance.","main_menu.colorful_coins":"Colorful coins","main_menu.colorful_coins_help":"Coins always spawn of the color of the brick","
2025-03-19 18:13:41 +01:00
},{}],"5blfu":[function(require,module,exports,__globalThis) {
// Settings
var parcelHelpers = require("@parcel/transformer-js/src/esmodule-helpers.js");
parcelHelpers.defineInteropFlag(exports);
parcelHelpers.export(exports, "getSettingValue", ()=>getSettingValue);
parcelHelpers.export(exports, "setSettingValue", ()=>setSettingValue);
parcelHelpers.export(exports, "getTotalScore", ()=>getTotalScore);
parcelHelpers.export(exports, "addToTotalScore", ()=>addToTotalScore);
2025-03-23 15:48:21 +01:00
parcelHelpers.export(exports, "getCurrentMaxCoins", ()=>getCurrentMaxCoins);
parcelHelpers.export(exports, "getCurrentMaxParticles", ()=>getCurrentMaxParticles);
parcelHelpers.export(exports, "cycleMaxCoins", ()=>cycleMaxCoins);
parcelHelpers.export(exports, "cycleMaxParticles", ()=>cycleMaxParticles);
2025-03-19 18:13:41 +01:00
let cachedSettings = {};
function getSettingValue(key, defaultValue) {
if (typeof cachedSettings[key] == "undefined") try {
const ls = localStorage.getItem(key);
if (ls) cachedSettings[key] = JSON.parse(ls);
} catch (e) {
console.warn(e);
}
return cachedSettings[key] ?? defaultValue;
}
function setSettingValue(key, value) {
cachedSettings[key] = value;
try {
localStorage.setItem(key, JSON.stringify(value));
} catch (e) {
console.warn(e);
}
}
function getTotalScore() {
return getSettingValue("breakout_71_total_score", 0);
}
function addToTotalScore(gameState, points) {
2025-04-06 10:13:10 +02:00
if (!gameState.creative) setSettingValue("breakout_71_total_score", getTotalScore() + points);
2025-03-19 18:13:41 +01:00
}
2025-03-23 15:48:21 +01:00
function getCurrentMaxCoins() {
2025-03-23 16:11:12 +01:00
return Math.pow(2, getSettingValue("max_coins", 1)) * 200;
2025-03-23 15:48:21 +01:00
}
function getCurrentMaxParticles() {
2025-03-23 16:11:12 +01:00
return Math.pow(2, getSettingValue("max_particles", 1)) * 200;
2025-03-23 15:48:21 +01:00
}
function cycleMaxCoins() {
2025-03-23 16:11:12 +01:00
setSettingValue("max_coins", (getSettingValue("max_coins", 1) + 1) % 6);
2025-03-23 15:48:21 +01:00
}
function cycleMaxParticles() {
2025-03-23 16:11:12 +01:00
setSettingValue("max_particles", (getSettingValue("max_particles", 1) + 1) % 6);
2025-03-23 15:48:21 +01:00
}
2025-03-19 18:13:41 +01:00
2025-04-06 11:27:26 +02:00
},{"@parcel/transformer-js/src/esmodule-helpers.js":"gkKU3"}],"gkKU3":[function(require,module,exports,__globalThis) {
exports.interopDefault = function(a) {
return a & & a.__esModule ? a : {
default: a
};
};
exports.defineInteropFlag = function(a) {
Object.defineProperty(a, '__esModule', {
value: true
});
};
exports.exportAll = function(source, dest) {
Object.keys(source).forEach(function(key) {
if (key === 'default' || key === '__esModule' || Object.prototype.hasOwnProperty.call(dest, key)) return;
Object.defineProperty(dest, key, {
enumerable: true,
get: function() {
return source[key];
}
});
});
return dest;
};
exports.export = function(dest, destName, get) {
Object.defineProperty(dest, destName, {
enumerable: true,
get: get
});
};
},{}],"6pQh7":[function(require,module,exports,__globalThis) {
2025-03-29 11:24:45 +01:00
var parcelHelpers = require("@parcel/transformer-js/src/esmodule-helpers.js");
parcelHelpers.defineInteropFlag(exports);
parcelHelpers.export(exports, "clamp", ()=>clamp);
parcelHelpers.export(exports, "comboKeepingRate", ()=>comboKeepingRate);
2025-03-30 21:07:58 +02:00
parcelHelpers.export(exports, "hoursSpentPlaying", ()=>hoursSpentPlaying);
2025-03-31 20:08:17 +02:00
parcelHelpers.export(exports, "miniMarkDown", ()=>miniMarkDown);
2025-03-29 11:24:45 +01:00
function clamp(value, min, max) {
return Math.max(min, Math.min(value, max));
}
function comboKeepingRate(level) {
2025-03-29 17:40:07 +01:00
return clamp(1 - 1 / (1 + level) * 1.5, 0, 1);
2025-03-29 11:24:45 +01:00
}
2025-03-30 21:07:58 +02:00
function hoursSpentPlaying() {
try {
const timePlayed = localStorage.getItem("breakout_71_total_play_time") || "0";
return Math.floor(parseFloat(timePlayed) / 1000 / 60 / 60);
} catch (e) {
return 0;
}
}
2025-03-31 20:08:17 +02:00
function miniMarkDown(md) {
let html = [];
let lastNode = null;
2025-03-31 20:13:47 +02:00
md.split("\n").forEach((line)=>{
2025-03-31 20:08:17 +02:00
const titlePrefix = line.match(/^#+ /)?.[0];
if (titlePrefix) {
if (lastNode) html.push(lastNode);
lastNode = {
2025-03-31 20:13:47 +02:00
tagName: "h" + (titlePrefix.length - 1),
2025-03-31 20:08:17 +02:00
text: line.slice(titlePrefix.length)
};
2025-03-31 20:13:47 +02:00
} else if (line.startsWith("- ")) {
if (lastNode?.tagName !== "ul") {
2025-03-31 20:08:17 +02:00
if (lastNode) html.push(lastNode);
lastNode = {
2025-03-31 20:13:47 +02:00
tagName: "ul",
text: ""
2025-03-31 20:08:17 +02:00
};
}
2025-03-31 20:13:47 +02:00
lastNode.text += "< li > " + line.slice(2) + "< / li > ";
2025-03-31 20:08:17 +02:00
} else if (!line.trim()) {
if (lastNode) html.push(lastNode);
lastNode = null;
} else {
2025-03-31 20:13:47 +02:00
if (lastNode?.tagName !== "p") {
2025-03-31 20:08:17 +02:00
if (lastNode) html.push(lastNode);
lastNode = {
2025-03-31 20:13:47 +02:00
tagName: "p",
text: ""
2025-03-31 20:08:17 +02:00
};
}
2025-03-31 20:13:47 +02:00
lastNode.text += line + " ";
2025-03-31 20:08:17 +02:00
}
});
if (lastNode) html.push(lastNode);
2025-03-31 20:13:47 +02:00
return html.map((h)=>"< " + h.tagName + ">" + h.text.replace(/\bhttps?:\/\/[^\s< >]+/gi, (a)=>`< a href = "${a}" > ${a}< / a > `) + "< /" + h.tagName + ">").join("\n");
2025-03-31 20:08:17 +02:00
}
2025-03-29 11:24:45 +01:00
2025-04-06 11:27:26 +02:00
},{"@parcel/transformer-js/src/esmodule-helpers.js":"gkKU3"}],"7OIPf":[function(require,module,exports,__globalThis) {
var parcelHelpers = require("@parcel/transformer-js/src/esmodule-helpers.js");
parcelHelpers.defineInteropFlag(exports);
parcelHelpers.export(exports, "getLevelBackground", ()=>getLevelBackground);
parcelHelpers.export(exports, "hashCode", ()=>hashCode);
var _backgroundsJson = require("./data/backgrounds.json");
var _backgroundsJsonDefault = parcelHelpers.interopDefault(_backgroundsJson);
const backgrounds = (0, _backgroundsJsonDefault.default);
function getLevelBackground(level) {
return backgrounds[hashCode(level.name) % backgrounds.length];
}
function hashCode(string) {
let hash = 0;
for(let i = 0; i < string.length ; i + + ) {
let code = string.charCodeAt(i);
hash = (hash < < 5 ) - hash + code ;
hash = hash & hash; // Convert to 32bit integer
}
return Math.abs(hash);
}
},{"./data/backgrounds.json":"31wW4","@parcel/transformer-js/src/esmodule-helpers.js":"gkKU3"}],"31wW4":[function(require,module,exports,__globalThis) {
module.exports = JSON.parse("[\"< svg xmlns = 'http://www.w3.org/2000/svg' width = '20' height = '20' > < path d = 'M3.25 10h13.5M10 3.25v13.5' stroke-width = '1' stroke = 'white' fill = 'none' / > < / svg > \",\"< svg xmlns = 'http://www.w3.org/2000/svg' width = '40' height = '40' > < path d = 'M11 6a5 5 0 01-5 5 5 5 0 01-5-5 5 5 0 015-5 5 5 0 015 5' stroke = 'none' fill = 'white' / > < / svg > \",\"< svg xmlns = 'http://www.w3.org/2000/svg' width = '20' height = '20' > < path d = 'M10-10L20 0v10L10 0zM20 0L10-10V0l10 10zm0 10L10 0v10l10 10zm0 10L10 10v10l10 10zM0 20l10-10v10L0 30zm0-10L10 0v10L0 20zM0 0l10-10V0L0 10z' stroke-width = '1' stroke = 'white' fill = 'none' / > < / svg > \",\"< svg xmlns = 'http://www.w3.org/2000/svg' width = '40' height = '40' > < path d = 'M15.986 4.186 4.1 16.072v.58L16.566 4.186Zm7.62 0 12.38 12.38v-.58l-11.8-11.8Zm12.38 19.248L23.52 35.9h.58l11.886-11.886ZM4.1 23.52v.58l11.8 11.8h.58z' stroke-width = '1' stroke = 'white' fill = 'none' / > < / svg > \",\"< svg xmlns = 'http://www.w3.org/2000/svg' width = '25' height = '25' > < path d = 'M9.19 0v3.93A9.187 9.187 0 003.93 9.19H0m0 6.618h3.93a9.188 9.188 0 005.26 5.26V25m6.619 0v-3.93a9.188 9.188 0 005.261-5.261H25m0-6.618h-3.93A9.188 9.188 0 0015.81 3.93V0' stroke-width = '1' stroke = 'white' fill = 'none' / > < / svg > \",\"< svg xmlns = 'http://www.w3.org/2000/svg' width = '29' height = '33.487' > < path d = 'M29 20.928v14.813M14.5 12.56v16.745M29-2.559v6.744l-14.5 8.374L0 4.189v-6.745m29 6.742l14.5 8.37m0 16.745L29 20.928l-14.5 8.376L0 20.931l-14.5 8.376m0-16.744L0 4.189m0 31.487V20.931' stroke-width = '1' stroke = 'white' fill = 'none' / > < / svg > \",\"< svg xmlns = 'http://www.w3.org/2000/svg' width = '29' height = '50.115' > < path d = 'M14.498 16.858L0 8.488.002-8.257l14.5-8.374L29-8.26l-.002 16.745zm0 50.06L0 58.548l.002-16.745 14.5-8.373L29 41.8l-.002 16.744zM28.996 41.8l-14.498-8.37.002-16.744L29 8.312l14.498 8.37-.002 16.745zm-29 0l-14.498-8.37.002-16.744L0 8.312l14.498 8.37-.002 16.745z' stroke-width = '1' stroke = 'white' fill = 'none' / > < / svg > \",\"< svg xmlns = 'http://www.w3.org/2000/svg' width = '62' height = '68' > < rect x = '0' y = '0' width = '62' height = '68' fill = 'black' / > < path d = 'M41.845 51.072h3.465v-7.035h-7.076v13.999H52.18V37.21H31.117m0 27.79V37.21M20.389 51.07h-3.466v-7.034H24v13.999H10.055V37.21h21.062m10.728-20.283h3.465v7.035h-7.076V9.964H52.18V30.79H31.117m0-27.789v27.79M20.389 16.927h-3.466v7.035H24V9.964H10.055V30.79h21.062M3 3h56v62H3.126z' stroke-width = '1' stroke = 'white' fill = 'none' / > < / svg > \",\"< svg xmlns = 'http://www.w3.org/2000/svg' width = '26.55' height = '25' > < rect x = '0' y = '0' width = '26.55' height = '25' fill = 'black' / > < path d = 'M0 10.86v3.22c2.7.08 4.9 2.31 4.9 5.03V25h3.2v-5.9c0-4.48-3.63-8.16-8.1-8.24ZM18.17 25h3.21v-5.9a5.05 5.05 0 0 1 5.03-5.02h.14v-3.21h-.14a8.27 8.27 0 0 0-8.24 8.24zm3.21-25h-3.21v1.64a5.05 5.05 0 0 1-5.03 5.02A5.05 5.05 0 0 1 8.1 1.64V0H4.89v1.64c0 4.53 3.7 8.24 8.25 8.24 4.53 0 8.24-3.7 8.24-8.24z' stroke = 'none' fill = 'white' / > < / svg > \",\"< svg xmlns = 'http://www.w3.org/2000/svg' width = '40' height = '79.392' > < path d = 'm.135 40.054-14.277-25.722M0 40.054l14.278-25.722M0 40.054v-40m0 40-20-20 20-20 20 20Zm-.135-.716L14.142 65.06M0 39.338-14.278 65.06M0 39.338v40m0-40 20 20-20 20-20-20Zm40.136.716L25.858 14.332M40 40.054l14.278-25.722M40 40.054v-40m-20 20 20-20 20 20-20 20Zm19.865 19.284L54.142 65.06M40 39.338 25.722 65.06M40 39.338v40m20-20-20 20-20-20 20-20Z' stroke-width = '1' stroke = 'white' fill = 'none' / > < / svg > \",\"< svg xmlns = 'http://www.w3.org/2000/svg' width = '50' height = '29.442' > < path d = 'M35.569-17.373 22.959 4.468l-12.61-21.841Zm0 29.442-12.61 21.84-12.61-21.84Zm25-14.721-12.61 21.841-12.61-21.841zm0 29.441-12.61 21.842-12.61-21.842Zm-33.478 0L39.7 4.95l12.61 21.84zM10.569-2.652l-12.61 21.841-12.61-21.841Zm0 29.441-12.61 21.842-12.61-21.842Zm-33.478 0L-10.3 4.95l12.61 21.84zm25-14.72L14.7-9.773l12.61 21.842zm0 29.441L14.7 19.67l12.61 21.841z' stroke-width = '1' stroke = 'white' fill = 'none' / > < / svg > \",\"< svg xmlns = 'http://www.w3.org/2000/svg' width = '40' height = '59.428' > < path d = 'M0 70 . 975V47 . 881m20-1 . 692L8 . 535 52 . 808v13 . 239L20 72 . 667l11 . 465-6 . 62V52 . 808zm0-32 . 95l11 . 465-6 . 62V-6 . 619L20-13 . 24 8 . 535-6 . 619V6 . 619L20 13 . 24m8 . 535 4 . 927v13 . 238L40 38 . 024l11 . 465-6 . 62V18 . 166L40 11 . 546z
},{}],"6rQoT":[function(require,module,exports,__globalThis) {
2025-03-20 18:44:46 +01:00
var parcelHelpers = require("@parcel/transformer-js/src/esmodule-helpers.js");
parcelHelpers.defineInteropFlag(exports);
parcelHelpers.export(exports, "levelIconHTML", ()=>levelIconHTML);
let levelIconHTMLCanvas = document.createElement("canvas");
const levelIconHTMLCanvasCtx = levelIconHTMLCanvas.getContext("2d", {
antialias: false,
alpha: true
});
function levelIconHTML(bricks, levelSize, color) {
2025-03-26 08:01:12 +01:00
const size = 46;
2025-03-20 18:44:46 +01:00
const c = levelIconHTMLCanvas;
const ctx = levelIconHTMLCanvasCtx;
if (!ctx) return "";
c.width = size;
c.height = size;
if (color) {
ctx.fillStyle = color;
ctx.fillRect(0, 0, size, size);
} else ctx.clearRect(0, 0, size, size);
const pxSize = size / levelSize;
for(let x = 0; x < levelSize ; x + + ) for ( let y = 0; y < levelSize ; y + + ) {
const c = bricks[y * levelSize + x];
if (c) {
ctx.fillStyle = c;
ctx.fillRect(Math.floor(pxSize * x), Math.floor(pxSize * y), Math.ceil(pxSize), Math.ceil(pxSize));
}
}
return `< img alt = "" width = "${size}" height = "${size}" src = "${c.toDataURL()}" / > `;
}
2025-03-19 18:13:41 +01:00
},{"@parcel/transformer-js/src/esmodule-helpers.js":"gkKU3"}],"dQKPV":[function(require,module,exports,__globalThis) {
var parcelHelpers = require("@parcel/transformer-js/src/esmodule-helpers.js");
parcelHelpers.defineInteropFlag(exports);
parcelHelpers.export(exports, "playPendingSounds", ()=>playPendingSounds);
parcelHelpers.export(exports, "sounds", ()=>sounds);
parcelHelpers.export(exports, "getAudioContext", ()=>getAudioContext);
parcelHelpers.export(exports, "getAudioRecordingTrack", ()=>getAudioRecordingTrack);
var _options = require("./options");
let lastPlay = Date.now();
function playPendingSounds(gameState) {
if (lastPlay > Date.now() - 60) return;
lastPlay = Date.now();
for(let key in gameState.aboutToPlaySound){
const soundName = key;
const ex = gameState.aboutToPlaySound[soundName];
if (ex.vol) {
sounds[soundName](Math.min(2, ex.vol), pixelsToPan(gameState, ex.x), gameState.combo);
ex.vol = 0;
}
}
}
const sounds = {
wallBeep: (vol, pan, combo)=>{
if (!(0, _options.isOptionOn)("sound")) return;
createSingleBounceSound(800, pan, vol);
},
comboIncreaseMaybe: (volume, pan, combo)=>{
if (!(0, _options.isOptionOn)("sound")) return;
let delta = 0;
if (!isNaN(lastComboPlayed)) {
if (lastComboPlayed < combo ) delta = 1;
if (lastComboPlayed > combo) delta = -1;
}
playShepard(delta, pan, volume);
lastComboPlayed = combo;
},
comboDecrease (volume, pan, combo) {
if (!(0, _options.isOptionOn)("sound")) return;
playShepard(-1, pan, volume);
},
coinBounce: (volume, pan, combo)=>{
if (!(0, _options.isOptionOn)("sound")) return;
createSingleBounceSound(1200, pan, volume, 0.1, "triangle");
},
2025-03-30 21:07:58 +02:00
// void: (volume: number, pan: number) => {
// if (!isOptionOn("sound")) return;
// createSingleBounceSound(1200, pan, volume, 0.5, "sawtooth");
// createSingleBounceSound(600, pan, volume, 0.3, "sawtooth");
// },
// freeze: (volume: number, pan: number) => {
// if (!isOptionOn("sound")) return;
// createSingleBounceSound(220, pan, volume, 0.5, "square");
// createSingleBounceSound(440, pan, volume, 0.5, "square");
// },
2025-03-19 18:13:41 +01:00
explode: (volume, pan, combo)=>{
if (!(0, _options.isOptionOn)("sound")) return;
createExplosionSound(pan);
},
lifeLost (volume, pan, combo) {
if (!(0, _options.isOptionOn)("sound")) return;
createShatteredGlassSound(pan);
},
coinCatch (volume, pan, combo) {
if (!(0, _options.isOptionOn)("sound")) return;
createSingleBounceSound(900, pan, volume, 0.1, "triangle");
},
colorChange (volume, pan, combo) {
createSingleBounceSound(400, pan, volume, 0.5, "sine");
createSingleBounceSound(800, pan, volume * 0.5, 0.2, "square");
}
};
// How to play the code on the leftconst context = new window.AudioContext();
let audioContext, audioRecordingTrack;
function getAudioContext() {
if (!audioContext) {
if (!(0, _options.isOptionOn)("sound")) return null;
audioContext = new (window.AudioContext || window.webkitAudioContext)();
audioRecordingTrack = audioContext.createMediaStreamDestination();
}
return audioContext;
}
function getAudioRecordingTrack() {
getAudioContext();
return audioRecordingTrack;
}
function createSingleBounceSound(baseFreq = 800, pan = 0.5, volume = 1, duration = 0.1, type = "sine") {
const context = getAudioContext();
if (!context) return;
const oscillator = createOscillator(context, baseFreq, type);
// Create a gain node to control the volume
const gainNode = context.createGain();
oscillator.connect(gainNode);
// Create a stereo panner node for left-right panning
const panner = context.createStereoPanner();
panner.pan.setValueAtTime(pan * 2 - 1, context.currentTime);
gainNode.connect(panner);
panner.connect(context.destination);
panner.connect(audioRecordingTrack);
// Set up the gain envelope to simulate the impact and quick decay
gainNode.gain.setValueAtTime(0.8 * volume, context.currentTime); // Initial impact
gainNode.gain.exponentialRampToValueAtTime(0.001, context.currentTime + duration); // Quick decay
// Start the oscillator
oscillator.start(context.currentTime);
// Stop the oscillator after the decay
oscillator.stop(context.currentTime + duration);
}
let noiseBuffer;
function getNoiseBuffer(context) {
if (!noiseBuffer) {
const bufferSize = context.sampleRate * 2; // 2 seconds
noiseBuffer = context.createBuffer(1, bufferSize, context.sampleRate);
const output = noiseBuffer.getChannelData(0);
// Fill the buffer with random noise
for(let i = 0; i < bufferSize ; i + + ) output [ i ] = Math . random ( ) * 2 - 1 ;
}
return noiseBuffer;
}
function createExplosionSound(pan = 0.5) {
const context = getAudioContext();
if (!context) return;
// Create an audio buffer
// Create a noise source
const noiseSource = context.createBufferSource();
noiseSource.buffer = getNoiseBuffer(context);
// Create a gain node to control the volume
const gainNode = context.createGain();
noiseSource.connect(gainNode);
// Create a filter to shape the explosion sound
const filter = context.createBiquadFilter();
filter.type = "lowpass";
filter.frequency.setValueAtTime(1000, context.currentTime); // Set the initial frequency
gainNode.connect(filter);
// Create a stereo panner node for left-right panning
const panner = context.createStereoPanner();
panner.pan.setValueAtTime(pan * 2 - 1, context.currentTime); // pan 0 to 1 maps to -1 to 1
// Connect filter to panner and then to the destination (speakers)
filter.connect(panner);
panner.connect(context.destination);
panner.connect(audioRecordingTrack);
// Ramp down the gain to simulate the explosion's fade-out
gainNode.gain.setValueAtTime(1, context.currentTime);
gainNode.gain.exponentialRampToValueAtTime(0.01, context.currentTime + 1);
// Lower the filter frequency over time to create the "explosive" effect
filter.frequency.exponentialRampToValueAtTime(60, context.currentTime + 1);
// Start the noise source
noiseSource.start(context.currentTime);
// Stop the noise source after the sound has played
noiseSource.stop(context.currentTime + 1);
}
function pixelsToPan(gameState, pan) {
return Math.max(0, Math.min(1, (pan - gameState.offsetXRoundedDown) / gameState.gameZoneWidthRoundedUp));
}
let lastComboPlayed = NaN, shepard = 6;
function playShepard(delta, pan, volume) {
const shepardMax = 11, factor = 1.05945594920268, baseNote = 392;
shepard += delta;
if (shepard > shepardMax) shepard = 0;
if (shepard < 0 ) shepard = shepardMax;
const play = (note)=>{
const freq = baseNote * Math.pow(factor, note);
const diff = Math.abs(note - shepardMax * 0.5);
const maxDistanceToIdeal = 1.5 * shepardMax;
const vol = Math.max(0, volume * (1 - diff / maxDistanceToIdeal));
createSingleBounceSound(freq, pan, vol);
return freq.toFixed(2) + " at " + Math.floor(vol * 100) + "% diff " + diff;
};
play(1 + shepardMax + shepard);
play(shepard);
play(-1 - shepardMax + shepard);
}
function createShatteredGlassSound(pan) {
const context = getAudioContext();
if (!context) return;
const oscillators = [
createOscillator(context, 3000, "square"),
createOscillator(context, 4500, "square"),
createOscillator(context, 6000, "square")
];
const gainNode = context.createGain();
const noiseSource = context.createBufferSource();
noiseSource.buffer = getNoiseBuffer(context);
oscillators.forEach((oscillator)=>oscillator.connect(gainNode));
noiseSource.connect(gainNode);
gainNode.gain.setValueAtTime(0.2, context.currentTime);
oscillators.forEach((oscillator)=>oscillator.start());
noiseSource.start();
oscillators.forEach((oscillator)=>oscillator.stop(context.currentTime + 0.2));
noiseSource.stop(context.currentTime + 0.2);
gainNode.gain.exponentialRampToValueAtTime(0.001, context.currentTime + 0.2);
// Create a stereo panner node for left-right panning
const panner = context.createStereoPanner();
panner.pan.setValueAtTime(pan * 2 - 1, context.currentTime);
gainNode.connect(panner);
panner.connect(context.destination);
panner.connect(audioRecordingTrack);
gainNode.connect(panner);
}
// Helper function to create an oscillator with a specific frequency
function createOscillator(context, frequency, type) {
const oscillator = context.createOscillator();
oscillator.type = type;
oscillator.frequency.setValueAtTime(frequency, context.currentTime);
return oscillator;
}
},{"./options":"d5NoS","@parcel/transformer-js/src/esmodule-helpers.js":"gkKU3"}],"d5NoS":[function(require,module,exports,__globalThis) {
var parcelHelpers = require("@parcel/transformer-js/src/esmodule-helpers.js");
parcelHelpers.defineInteropFlag(exports);
parcelHelpers.export(exports, "options", ()=>options);
parcelHelpers.export(exports, "isOptionOn", ()=>isOptionOn);
parcelHelpers.export(exports, "toggleOption", ()=>toggleOption);
var _i18N = require("./i18n/i18n");
var _settings = require("./settings");
2025-03-30 21:07:58 +02:00
var _pureFunctions = require("./pure_functions");
2025-03-19 18:13:41 +01:00
const options = {
sound: {
default: true,
name: (0, _i18N.t)("main_menu.sounds"),
help: (0, _i18N.t)("main_menu.sounds_help")
},
"mobile-mode": {
default: window.innerHeight > window.innerWidth,
name: (0, _i18N.t)("main_menu.mobile"),
help: (0, _i18N.t)("main_menu.mobile_help")
},
basic: {
default: false,
name: (0, _i18N.t)("main_menu.basic"),
help: (0, _i18N.t)("main_menu.basic_help")
},
2025-03-28 10:21:14 +01:00
colorful_coins: {
default: false,
name: (0, _i18N.t)("main_menu.colorful_coins"),
help: (0, _i18N.t)("main_menu.colorful_coins_help")
},
2025-04-03 16:10:51 +02:00
extra_bright: {
default: true,
name: (0, _i18N.t)("main_menu.extra_bright"),
help: (0, _i18N.t)("main_menu.extra_bright_help")
},
2025-04-04 12:07:24 +02:00
contrast: {
default: false,
name: (0, _i18N.t)("main_menu.contrast"),
help: (0, _i18N.t)("main_menu.contrast_help")
},
2025-03-23 15:48:21 +01:00
show_fps: {
default: false,
name: (0, _i18N.t)("main_menu.show_fps"),
help: (0, _i18N.t)("main_menu.show_fps_help")
},
2025-03-28 10:21:14 +01:00
show_stats: {
default: false,
name: (0, _i18N.t)("main_menu.show_stats"),
help: (0, _i18N.t)("main_menu.show_stats_help")
},
2025-03-19 18:13:41 +01:00
pointerLock: {
default: false,
name: (0, _i18N.t)("main_menu.pointer_lock"),
help: (0, _i18N.t)("main_menu.pointer_lock_help")
},
easy: {
default: false,
name: (0, _i18N.t)("main_menu.kid"),
help: (0, _i18N.t)("main_menu.kid_help")
},
// Could not get the sharing to work without loading androidx and all the modern android things so for now I'll just disable sharing in the android app
record: {
default: false,
name: (0, _i18N.t)("main_menu.record"),
help: (0, _i18N.t)("main_menu.record_help")
2025-03-29 17:40:07 +01:00
},
fullscreen: {
default: false,
name: (0, _i18N.t)("main_menu.fullscreen"),
help: (0, _i18N.t)("main_menu.fullscreen_help")
2025-03-30 21:07:58 +02:00
},
donation_reminder: {
default: (0, _pureFunctions.hoursSpentPlaying)() > 5,
name: (0, _i18N.t)("main_menu.donation_reminder"),
help: (0, _i18N.t)("main_menu.donation_reminder_help")
2025-04-01 21:43:36 +02:00
},
red_miss: {
2025-04-04 12:07:24 +02:00
default: true,
2025-04-01 21:43:36 +02:00
name: (0, _i18N.t)("main_menu.red_miss"),
help: (0, _i18N.t)("main_menu.red_miss_help")
2025-04-02 19:50:05 +02:00
},
comboIncreaseTexts: {
2025-04-04 12:07:24 +02:00
default: true,
2025-04-02 19:50:05 +02:00
name: (0, _i18N.t)("main_menu.comboIncreaseTexts"),
help: (0, _i18N.t)("main_menu.comboIncreaseTexts_help")
2025-03-19 18:13:41 +01:00
}
};
function isOptionOn(key) {
return (0, _settings.getSettingValue)("breakout-settings-enable-" + key, options[key]?.default);
}
function toggleOption(key) {
(0, _settings.setSettingValue)("breakout-settings-enable-" + key, !isOptionOn(key));
}
2025-03-31 20:08:17 +02:00
},{"./i18n/i18n":"eNPRm","./settings":"5blfu","./pure_functions":"6pQh7","@parcel/transformer-js/src/esmodule-helpers.js":"gkKU3"}],"cEeac":[function(require,module,exports,__globalThis) {
2025-03-29 21:22:19 +01:00
var parcelHelpers = require("@parcel/transformer-js/src/esmodule-helpers.js");
parcelHelpers.defineInteropFlag(exports);
2025-04-01 13:35:33 +02:00
parcelHelpers.export(exports, "describeLevel", ()=>describeLevel);
2025-03-29 21:22:19 +01:00
parcelHelpers.export(exports, "getMajorityValue", ()=>getMajorityValue);
parcelHelpers.export(exports, "sample", ()=>sample);
parcelHelpers.export(exports, "sumOfValues", ()=>sumOfValues);
parcelHelpers.export(exports, "makeEmptyPerksMap", ()=>makeEmptyPerksMap);
parcelHelpers.export(exports, "brickCenterX", ()=>brickCenterX);
parcelHelpers.export(exports, "brickCenterY", ()=>brickCenterY);
parcelHelpers.export(exports, "getRowColIndex", ()=>getRowColIndex);
parcelHelpers.export(exports, "getPossibleUpgrades", ()=>getPossibleUpgrades);
parcelHelpers.export(exports, "max_levels", ()=>max_levels);
parcelHelpers.export(exports, "pickedUpgradesHTMl", ()=>pickedUpgradesHTMl);
parcelHelpers.export(exports, "levelsListHTMl", ()=>levelsListHTMl);
parcelHelpers.export(exports, "currentLevelInfo", ()=>currentLevelInfo);
2025-04-01 21:37:07 +02:00
parcelHelpers.export(exports, "isPickyEatingPossible", ()=>isPickyEatingPossible);
parcelHelpers.export(exports, "reachRedRowIndex", ()=>reachRedRowIndex);
2025-04-04 09:45:35 +02:00
parcelHelpers.export(exports, "telekinesisEffectRate", ()=>telekinesisEffectRate);
parcelHelpers.export(exports, "yoyoEffectRate", ()=>yoyoEffectRate);
2025-03-29 21:22:19 +01:00
parcelHelpers.export(exports, "findLast", ()=>findLast);
parcelHelpers.export(exports, "distance2", ()=>distance2);
parcelHelpers.export(exports, "distanceBetween", ()=>distanceBetween);
parcelHelpers.export(exports, "defaultSounds", ()=>defaultSounds);
parcelHelpers.export(exports, "shouldPierceByColor", ()=>shouldPierceByColor);
2025-04-02 19:36:03 +02:00
parcelHelpers.export(exports, "isMovingWhilePassiveIncome", ()=>isMovingWhilePassiveIncome);
2025-04-06 10:13:10 +02:00
parcelHelpers.export(exports, "getHighScore", ()=>getHighScore);
parcelHelpers.export(exports, "highScoreText", ()=>highScoreText);
2025-04-07 14:08:48 +02:00
parcelHelpers.export(exports, "getLevelUnlockCondition", ()=>getLevelUnlockCondition);
parcelHelpers.export(exports, "getBestScoreMatching", ()=>getBestScoreMatching);
2025-04-06 15:38:30 +02:00
parcelHelpers.export(exports, "reasonLevelIsLocked", ()=>reasonLevelIsLocked);
2025-03-29 21:22:19 +01:00
var _loadGameData = require("./loadGameData");
var _i18N = require("./i18n/i18n");
2025-04-04 09:45:35 +02:00
var _pureFunctions = require("./pure_functions");
2025-04-06 11:57:52 +02:00
var _upgrades = require("./upgrades");
2025-04-06 15:38:30 +02:00
var _getLevelBackground = require("./getLevelBackground");
2025-04-01 13:35:33 +02:00
function describeLevel(level) {
let bricks = 0, colors = new Set(), bombs = 0;
level.bricks.forEach((color)=>{
if (!color) return;
2025-04-01 13:39:09 +02:00
if (color === "black") {
2025-04-01 13:35:33 +02:00
bombs++;
return;
} else {
colors.add(color);
bricks++;
}
});
2025-04-01 13:39:09 +02:00
return (0, _i18N.t)("unlocks.level_description", {
2025-04-01 13:35:33 +02:00
size: level.size,
bricks,
colors: colors.size,
bombs
});
}
2025-03-29 21:22:19 +01:00
function getMajorityValue(arr) {
const count = {};
arr.forEach((v)=>count[v] = (count[v] || 0) + 1);
// Object.values inline polyfill
const max = Math.max(...Object.keys(count).map((k)=>count[k]));
return sample(Object.keys(count).filter((k)=>count[k] == max));
}
function sample(arr) {
return arr[Math.floor(arr.length * Math.random())];
}
function sumOfValues(obj) {
if (!obj) return 0;
return Object.values(obj)?.reduce((a, b)=>a + b, 0) || 0;
}
const makeEmptyPerksMap = (upgrades)=>{
const p = {};
upgrades.forEach((u)=>p[u.id] = 0);
return p;
};
function brickCenterX(gameState, index) {
return gameState.offsetX + (index % gameState.gridSize + 0.5) * gameState.brickWidth;
}
function brickCenterY(gameState, index) {
return (Math.floor(index / gameState.gridSize) + 0.5) * gameState.brickWidth;
}
function getRowColIndex(gameState, row, col) {
if (row < 0 | | col < 0 | | row > = gameState.gridSize || col >= gameState.gridSize) return -1;
return row * gameState.gridSize + col;
}
function getPossibleUpgrades(gameState) {
2025-03-30 21:07:58 +02:00
return (0, _loadGameData.upgrades).filter((u)=>gameState.totalScoreAtRunStart >= u.threshold).filter((u)=>!u?.requires || gameState.perks[u?.requires]);
2025-03-29 21:22:19 +01:00
}
function max_levels(gameState) {
2025-04-06 10:13:10 +02:00
if (gameState.creative) return 1;
return 7 + gameState.perks.extra_levels;
2025-03-29 21:22:19 +01:00
}
function pickedUpgradesHTMl(gameState) {
2025-04-06 15:38:30 +02:00
const upgradesList = getPossibleUpgrades(gameState).filter((u)=>gameState.perks[u.id]).map((u)=>{
const newMax = Math.max(0, u.max + gameState.perks.limitless);
2025-04-01 18:26:40 +02:00
let bars = [];
2025-03-30 21:07:58 +02:00
for(let i = 0; i < Math.max ( u . max , newMax , gameState . perks [ u . id ] ) ; i + + ) {
2025-04-01 18:26:40 +02:00
if (i < gameState.perks [ u . id ] ) bars . push ( ' < span class = "used" > < / span > ');
else if (i < newMax ) bars . push ( ' < span class = "free" > < / span > ');
else bars.push('< span class = "banned" > < / span > ');
2025-03-30 21:07:58 +02:00
}
2025-04-01 13:35:33 +02:00
const state = gameState.perks[u.id] & & 1 || !newMax & & 2 || 3;
2025-03-30 21:07:58 +02:00
return {
state,
html: `
< div class = "upgrade $ { [
2025-04-01 13:35:33 +02:00
"??",
2025-03-30 21:07:58 +02:00
"used",
2025-04-01 13:35:33 +02:00
"banned",
"free"
2025-03-30 21:07:58 +02:00
][state]}">
${u.icon}
< p >
< strong > ${u.name}< / strong >
${u.help(Math.max(1, gameState.perks[u.id]))}
< / p >
2025-04-01 18:33:58 +02:00
${bars.reverse().join("")}
2025-03-30 21:07:58 +02:00
< / div >
`
};
}).sort((a, b)=>a.state - b.state).map((a)=>a.html);
return ` < p > ${(0, _i18N.t)("score_panel.upgrades_picked")}< / p > ` + upgradesList.join("");
2025-03-29 21:22:19 +01:00
}
2025-04-04 09:45:35 +02:00
function levelsListHTMl(gameState, level) {
2025-03-29 21:22:19 +01:00
if (!gameState.perks.clairvoyant) return "";
2025-04-06 10:13:10 +02:00
if (gameState.creative) return "";
2025-03-29 21:22:19 +01:00
let list = "";
2025-04-04 09:45:35 +02:00
for(let i = 0; i < max_levels ( gameState ) ; i + + ) list + = ` < span style = "opacity: ${i >= level ? 1 : 0.2}" title = "${gameState.runLevels[i].name}" > ${(0, _loadGameData.icons)[gameState.runLevels[i].name]}< / span > `;
2025-03-29 21:22:19 +01:00
return `< p > ${(0, _i18N.t)("score_panel.upcoming_levels")}< / p > < p > ${list}< / p > `;
}
function currentLevelInfo(gameState) {
return gameState.level;
}
2025-04-01 21:37:07 +02:00
function isPickyEatingPossible(gameState) {
return gameState.bricks.indexOf(gameState.ballsColor) !== -1;
}
function reachRedRowIndex(gameState) {
if (!gameState.perks.reach) return -1;
const { size } = gameState.level;
let minY = -1, maxY = -1, maxYCount = -1;
for(let y = 0; y < size ; y + + ) for ( let x = 0; x < size ; x + + ) if ( gameState . bricks [ x + y * size ] ) {
if (minY == -1) minY = y;
if (maxY < y ) {
maxY = y;
maxYCount = 0;
}
if (maxY == y) maxYCount++;
}
if (maxY < 1 ) return -1 ;
if (maxY == minY) return -1;
if (maxYCount === size) return -1;
return maxY;
}
2025-04-04 09:45:35 +02:00
function telekinesisEffectRate(gameState, ball) {
return gameState.perks.telekinesis & & ball.vy < 0 & & ( 0 , _pureFunctions . clamp ) ( ball . y / gameState . gameZoneHeight * 1 . 1 + 0 . 1 , 0 , 1 ) | | 0 ;
2025-03-29 21:22:19 +01:00
}
2025-04-04 09:45:35 +02:00
function yoyoEffectRate(gameState, ball) {
return gameState.perks.yoyo & & ball.vy > 0 & & (0, _pureFunctions.clamp)(1 - ball.y / gameState.gameZoneHeight * 1.1 + 0.1, 0, 1) || 0;
2025-03-29 21:22:19 +01:00
}
function findLast(arr, predicate) {
let i = arr.length;
while(--i)if (predicate(arr[i], i, arr)) return arr[i];
}
function distance2(a, b) {
return Math.pow(a.x - b.x, 2) + Math.pow(a.y - b.y, 2);
}
function distanceBetween(a, b) {
return Math.sqrt(distance2(a, b));
}
function defaultSounds() {
return {
aboutToPlaySound: {
wallBeep: {
vol: 0,
x: 0
},
comboIncreaseMaybe: {
vol: 0,
x: 0
},
comboDecrease: {
vol: 0,
x: 0
},
coinBounce: {
vol: 0,
x: 0
},
explode: {
vol: 0,
x: 0
},
lifeLost: {
vol: 0,
x: 0
},
coinCatch: {
vol: 0,
x: 0
},
colorChange: {
vol: 0,
x: 0
}
}
};
}
function shouldPierceByColor(gameState, vhit, hhit, chit) {
if (!gameState.perks.pierce_color) return false;
if (typeof vhit !== "undefined" & & gameState.bricks[vhit] !== gameState.ballsColor) return false;
if (typeof hhit !== "undefined" & & gameState.bricks[hhit] !== gameState.ballsColor) return false;
if (typeof chit !== "undefined" & & gameState.bricks[chit] !== gameState.ballsColor) return false;
return true;
}
2025-04-02 19:36:03 +02:00
function isMovingWhilePassiveIncome(gameState) {
return !!(gameState.lastPuckMove & & gameState.perks.passive_income & & gameState.lastPuckMove > gameState.levelTime - 250 * gameState.perks.passive_income);
}
2025-04-06 10:13:10 +02:00
function getHighScore() {
2025-04-01 13:35:33 +02:00
try {
2025-04-06 10:13:10 +02:00
return parseInt(localStorage.getItem("breakout-3-hs-short") || "0");
2025-04-01 13:35:33 +02:00
} catch (e) {}
2025-04-06 10:13:10 +02:00
return 0;
}
function highScoreText() {
if (getHighScore()) return (0, _i18N.t)("main_menu.high_score", {
score: getHighScore()
});
2025-04-01 13:39:09 +02:00
return "";
2025-04-01 13:35:33 +02:00
}
2025-04-07 14:08:48 +02:00
function getLevelUnlockCondition(levelIndex) {
2025-04-06 15:38:30 +02:00
// Returns "" if level is unlocked, otherwise a string explaining how to unlock it
2025-04-07 14:50:35 +02:00
let required = [], forbidden = [], minScore = Math.max(-1000 + 100 * levelIndex, 0);
if (levelIndex > 20) {
2025-04-07 14:08:48 +02:00
const excluded = new Set([
"extra_levels",
"extra_life",
"one_more_choice",
"instant_upgrade",
"shunt",
"slow_down"
]);
// Avoid excluding a perk that's needed for the required one
(0, _upgrades.rawUpgrades).forEach((u)=>{
if (u.requires) excluded.add(u.requires);
2025-04-06 15:38:30 +02:00
});
2025-04-07 14:08:48 +02:00
const possibletargets = (0, _upgrades.rawUpgrades).slice(0, Math.floor(levelIndex / 2)).map((u)=>u).filter((u)=>!excluded.has(u.id)).sort((a, b)=>(0, _getLevelBackground.hashCode)(levelIndex + a.id) - (0, _getLevelBackground.hashCode)(levelIndex + b.id));
const length = Math.ceil(levelIndex / 30);
required = possibletargets.slice(0, length);
forbidden = possibletargets.slice(length, length + length);
2025-04-06 15:38:30 +02:00
}
2025-04-07 14:08:48 +02:00
return {
required,
forbidden,
minScore
};
}
function getBestScoreMatching(history, required = [], forbidden = []) {
return Math.max(0, ...history.filter((r)=>!required.find((u)=>!r?.perks?.[u.id]) & & !forbidden.find((u)=>r?.perks?.[u.id])).map((r)=>r.score));
}
function reasonLevelIsLocked(levelIndex, history, mentionBestScore) {
const { required, forbidden, minScore } = getLevelUnlockCondition(levelIndex);
const reached = getBestScoreMatching(history, required, forbidden);
let reachedText = reached & & mentionBestScore ? (0, _i18N.t)("unlocks.reached", {
reached
}) : "";
if (reached >= minScore) return null;
else if (!required.length & & !forbidden.length) return {
reached,
2025-04-06 15:38:30 +02:00
minScore,
2025-04-07 14:08:48 +02:00
text: (0, _i18N.t)("unlocks.minScore", {
minScore
}) + reachedText
};
else return {
reached,
minScore,
text: (0, _i18N.t)("unlocks.minScoreWithPerks", {
minScore,
required: required.map((u)=>u.name).join(", "),
forbidden: forbidden.map((u)=>u.name).join(", ")
}) + reachedText
};
2025-04-06 11:57:52 +02:00
}
2025-03-29 21:22:19 +01:00
2025-04-06 15:38:30 +02:00
},{"./loadGameData":"l1B4x","./i18n/i18n":"eNPRm","./pure_functions":"6pQh7","@parcel/transformer-js/src/esmodule-helpers.js":"gkKU3","./upgrades":"1u3Dx","./getLevelBackground":"7OIPf"}],"2n0gK":[function(require,module,exports,__globalThis) {
2025-03-19 18:13:41 +01:00
var parcelHelpers = require("@parcel/transformer-js/src/esmodule-helpers.js");
parcelHelpers.defineInteropFlag(exports);
if ("serviceWorker" in navigator & & window.location.href.endsWith("/index.html?isPWA=true")) {
// @ts-ignore
const url = new URL(require("b04459cc43e56e8c"));
navigator.serviceWorker.register(url);
}
2025-04-01 13:39:09 +02:00
},{"b04459cc43e56e8c":"jblPb","@parcel/transformer-js/src/esmodule-helpers.js":"gkKU3"}],"jblPb":[function(require,module,exports,__globalThis) {
module.exports = require("a15a43021d40e52d").getBundleURL('bgzJG') + "sw-b71.41cdff1b.js";
2025-03-19 18:13:41 +01:00
2025-04-06 11:27:26 +02:00
},{"a15a43021d40e52d":"lgJ39"}],"lgJ39":[function(require,module,exports,__globalThis) {
"use strict";
var bundleURL = {};
function getBundleURLCached(id) {
var value = bundleURL[id];
if (!value) {
value = getBundleURL();
bundleURL[id] = value;
}
return value;
}
function getBundleURL() {
try {
throw new Error();
} catch (err) {
var matches = ('' + err.stack).match(/(https?|file|ftp|(chrome|moz|safari-web)-extension):\/\/[^)\n]+/g);
if (matches) // The first two stack frames will be this function and getBundleURLCached.
// Use the 3rd one, which will be a runtime in the original bundle.
return getBaseURL(matches[2]);
}
return '/';
}
function getBaseURL(url) {
return ('' + url).replace(/^((?:https?|file|ftp|(chrome|moz|safari-web)-extension):\/\/.+)\/[^/]+$/, '$1') + '/';
}
// TODO: Replace uses with `new URL(url).origin` when ie11 is no longer supported.
function getOrigin(url) {
var matches = ('' + url).match(/(https?|file|ftp|(chrome|moz|safari-web)-extension):\/\/[^/]+/);
if (!matches) throw new Error('Origin not found');
return matches[0];
}
exports.getBundleURL = getBundleURLCached;
exports.getBaseURL = getBaseURL;
exports.getOrigin = getOrigin;
},{}],"9ZeQl":[function(require,module,exports,__globalThis) {
2025-03-19 18:13:41 +01:00
var parcelHelpers = require("@parcel/transformer-js/src/esmodule-helpers.js");
parcelHelpers.defineInteropFlag(exports);
parcelHelpers.export(exports, "setMousePos", ()=>setMousePos);
parcelHelpers.export(exports, "resetBalls", ()=>resetBalls);
parcelHelpers.export(exports, "putBallsAtPuck", ()=>putBallsAtPuck);
parcelHelpers.export(exports, "normalizeGameState", ()=>normalizeGameState);
parcelHelpers.export(exports, "baseCombo", ()=>baseCombo);
parcelHelpers.export(exports, "resetCombo", ()=>resetCombo);
2025-04-02 19:50:05 +02:00
parcelHelpers.export(exports, "increaseCombo", ()=>increaseCombo);
2025-03-19 18:13:41 +01:00
parcelHelpers.export(exports, "decreaseCombo", ()=>decreaseCombo);
parcelHelpers.export(exports, "spawnExplosion", ()=>spawnExplosion);
2025-03-23 22:19:11 +01:00
parcelHelpers.export(exports, "spawnImplosion", ()=>spawnImplosion);
2025-03-19 21:58:08 +01:00
parcelHelpers.export(exports, "explosionAt", ()=>explosionAt);
2025-03-19 18:13:41 +01:00
parcelHelpers.export(exports, "explodeBrick", ()=>explodeBrick);
parcelHelpers.export(exports, "dontOfferTooSoon", ()=>dontOfferTooSoon);
parcelHelpers.export(exports, "pickRandomUpgrades", ()=>pickRandomUpgrades);
parcelHelpers.export(exports, "schedulGameSound", ()=>schedulGameSound);
parcelHelpers.export(exports, "addToScore", ()=>addToScore);
parcelHelpers.export(exports, "setLevel", ()=>setLevel);
parcelHelpers.export(exports, "rainbowColor", ()=>rainbowColor);
parcelHelpers.export(exports, "repulse", ()=>repulse);
parcelHelpers.export(exports, "attract", ()=>attract);
2025-03-19 20:14:55 +01:00
parcelHelpers.export(exports, "coinBrickHitCheck", ()=>coinBrickHitCheck);
parcelHelpers.export(exports, "bordersHitCheck", ()=>bordersHitCheck);
2025-03-19 18:13:41 +01:00
parcelHelpers.export(exports, "gameStateTick", ()=>gameStateTick);
parcelHelpers.export(exports, "ballTick", ()=>ballTick);
parcelHelpers.export(exports, "append", ()=>append);
parcelHelpers.export(exports, "destroy", ()=>destroy);
parcelHelpers.export(exports, "liveCount", ()=>liveCount);
parcelHelpers.export(exports, "empty", ()=>empty);
parcelHelpers.export(exports, "forEachLiveOne", ()=>forEachLiveOne);
var _gameUtils = require("./game_utils");
var _i18N = require("./i18n/i18n");
var _loadGameData = require("./loadGameData");
var _settings = require("./settings");
var _render = require("./render");
var _gameOver = require("./gameOver");
var _game = require("./game");
var _recording = require("./recording");
var _options = require("./options");
2025-03-29 21:22:19 +01:00
var _pureFunctions = require("./pure_functions");
2025-03-19 18:13:41 +01:00
function setMousePos(gameState, x) {
2025-03-29 11:24:45 +01:00
gameState.puckPosition = x;
2025-03-19 18:13:41 +01:00
// Sets the puck position, and updates the ball position if they are supposed to follow it
gameState.needsRender = true;
}
function getBallDefaultVx(gameState) {
return (gameState.perks.concave_puck ? 0 : 1) * (Math.random() > 0.5 ? gameState.baseSpeed : -gameState.baseSpeed);
}
function resetBalls(gameState) {
2025-03-24 10:38:01 +01:00
// Always compute speed first
normalizeGameState(gameState);
2025-03-19 18:13:41 +01:00
const count = 1 + (gameState.perks?.multiball || 0);
const perBall = gameState.puckWidth / (count + 1);
gameState.balls = [];
2025-04-06 10:13:10 +02:00
gameState.ballsColor = "#FFFFFF";
if (gameState.perks.picky_eater || gameState.perks.pierce_color) gameState.ballsColor = (0, _gameUtils.getMajorityValue)(gameState.bricks.filter((i)=>i)) || "#FFFFFF";
2025-03-19 18:13:41 +01:00
for(let i = 0; i < count ; i + + ) {
const x = gameState.puckPosition - gameState.puckWidth / 2 + perBall * (i + 1);
const vx = getBallDefaultVx(gameState);
gameState.balls.push({
x,
previousX: x,
y: gameState.gameZoneHeight - 1.5 * gameState.ballSize,
previousY: gameState.gameZoneHeight - 1.5 * gameState.ballSize,
vx,
previousVX: vx,
vy: -gameState.baseSpeed,
previousVY: -gameState.baseSpeed,
2025-03-23 19:11:01 +01:00
piercePoints: gameState.perks.pierce * 3,
2025-03-19 18:13:41 +01:00
hitSinceBounce: 0,
2025-03-22 16:04:25 +01:00
brokenSinceBounce: 0,
2025-03-19 18:13:41 +01:00
sapperUses: 0
});
}
gameState.ballStickToPuck = true;
}
function putBallsAtPuck(gameState) {
// This reset could be abused to cheat quite easily
const count = gameState.balls.length;
const perBall = gameState.puckWidth / (count + 1);
2025-03-24 10:19:15 +01:00
// const vx = getBallDefaultVx(gameState);
2025-03-19 18:13:41 +01:00
gameState.balls.forEach((ball, i)=>{
const x = gameState.puckPosition - gameState.puckWidth / 2 + perBall * (i + 1);
ball.x = x;
ball.previousX = x;
ball.y = gameState.gameZoneHeight - 1.5 * gameState.ballSize;
ball.previousY = ball.y;
ball.hitSinceBounce = 0;
2025-03-22 16:04:25 +01:00
ball.brokenSinceBounce = 0;
2025-03-23 19:11:01 +01:00
ball.piercePoints = gameState.perks.pierce * 3;
2025-03-19 18:13:41 +01:00
});
}
function normalizeGameState(gameState) {
// This function resets most parameters on the state to correct values, and should be used even when the game is paused
2025-04-06 10:13:10 +02:00
gameState.baseSpeed = Math.max(3, gameState.gameZoneWidth / 12 / 10 + gameState.currentLevel / 3 + gameState.levelTime / 30000 - gameState.perks.slow_down * 2);
2025-03-29 11:24:45 +01:00
gameState.puckWidth = Math.max(gameState.ballSize, gameState.gameZoneWidth / 12 * Math.min(12, 3 - gameState.perks.smaller_puck + gameState.perks.bigger_puck));
2025-03-29 15:00:44 +01:00
const corner = gameState.levelTime ? gameState.perks.corner_shot : 0;
let minX = gameState.offsetXRoundedDown + gameState.puckWidth / 2 - gameState.puckWidth * corner;
let maxX = gameState.offsetXRoundedDown + gameState.gameZoneWidthRoundedUp - gameState.puckWidth / 2 + gameState.puckWidth * corner;
2025-03-29 21:22:19 +01:00
gameState.puckPosition = (0, _pureFunctions.clamp)(gameState.puckPosition, minX, maxX);
2025-03-19 18:13:41 +01:00
if (gameState.ballStickToPuck) putBallsAtPuck(gameState);
2025-03-25 08:22:58 +01:00
if (Math.abs(gameState.lastPuckPosition - gameState.puckPosition) > 1 & & gameState.running) gameState.lastPuckMove = gameState.levelTime;
gameState.lastPuckPosition = gameState.puckPosition;
2025-03-19 18:13:41 +01:00
}
function baseCombo(gameState) {
2025-04-06 10:13:10 +02:00
return 1 + gameState.perks.base_combo * 3 + gameState.perks.smaller_puck * 5;
2025-03-19 18:13:41 +01:00
}
function resetCombo(gameState, x, y) {
const prev = gameState.combo;
gameState.combo = baseCombo(gameState);
2025-03-29 21:22:19 +01:00
if (prev > gameState.combo & & gameState.perks.soft_reset) gameState.combo += Math.floor((prev - gameState.combo) * (0, _pureFunctions.comboKeepingRate)(gameState.perks.soft_reset));
2025-03-19 18:13:41 +01:00
const lost = Math.max(0, prev - gameState.combo);
if (lost) {
for(let i = 0; i < lost & & i < 8 ; i + + ) setTimeout ( ( ) = > schedulGameSound(gameState, "comboDecrease", x, 1), i * 100);
2025-04-06 10:13:10 +02:00
if (typeof x !== "undefined" & & typeof y !== "undefined") makeText(gameState, x, y, "#FF0000", "-" + lost, 20, 500 + (0, _pureFunctions.clamp)(lost, 0, 500));
2025-03-19 18:13:41 +01:00
}
return lost;
}
2025-04-02 19:50:05 +02:00
function increaseCombo(gameState, by, x, y) {
2025-04-02 20:03:57 +02:00
if (by < = 0) return;
gameState.combo += by;
2025-04-06 10:13:10 +02:00
if ((0, _options.isOptionOn)("comboIncreaseTexts") & & typeof x !== "undefined" & & typeof y !== "undefined") makeText(gameState, x, y, "#ffd300", "+" + by, 25, 400 + by);
2025-04-02 19:50:05 +02:00
}
2025-03-19 18:13:41 +01:00
function decreaseCombo(gameState, by, x, y) {
const prev = gameState.combo;
gameState.combo = Math.max(baseCombo(gameState), gameState.combo - by);
const lost = Math.max(0, prev - gameState.combo);
if (lost) {
schedulGameSound(gameState, "comboDecrease", x, 1);
2025-04-06 10:13:10 +02:00
if (typeof x !== "undefined" & & typeof y !== "undefined") makeText(gameState, x, y, "#FF0000", "-" + lost, 20, 400 + lost);
2025-03-19 18:13:41 +01:00
}
}
function spawnExplosion(gameState, count, x, y, color) {
if (!!(0, _options.isOptionOn)("basic")) return;
2025-03-23 15:48:21 +01:00
if (liveCount(gameState.particles) > (0, _settings.getCurrentMaxParticles)()) // Avoid freezing when lots of explosion happen at once
2025-03-19 18:13:41 +01:00
count = 1;
for(let i = 0; i < count ; i + + ) makeParticle ( gameState , x + ( Math . random ( ) - 0 . 5 ) * gameState . brickWidth / 2 , y + ( Math . random ( ) - 0 . 5 ) * gameState . brickWidth / 2 , ( Math . random ( ) - 0 . 5 ) * 30 , ( Math . random ( ) - 0 . 5 ) * 30 , color , false ) ;
}
2025-03-23 22:19:11 +01:00
function spawnImplosion(gameState, count, x, y, color) {
if (!!(0, _options.isOptionOn)("basic")) return;
if (liveCount(gameState.particles) > (0, _settings.getCurrentMaxParticles)()) // Avoid freezing when lots of explosion happen at once
count = 1;
for(let i = 0; i < count ; i + + ) {
const dx = (Math.random() - 0.5) * gameState.brickWidth / 2;
const dy = (Math.random() - 0.5) * gameState.brickWidth / 2;
makeParticle(gameState, x - dx * 10, y - dy * 10, dx, dy, color, false);
}
}
2025-03-29 20:45:54 +01:00
function explosionAt(gameState, index, x, y, ball, extraSize = 0) {
const size = 1 + gameState.perks.bigger_explosions + Math.max(0, gameState.perks.implosions - 1) + extraSize;
2025-03-22 16:58:35 +01:00
schedulGameSound(gameState, "explode", ball.x, 1);
if (index !== -1) {
const col = index % gameState.gridSize;
const row = Math.floor(index / gameState.gridSize);
// Break bricks around
for(let dx = -size; dx < = size; dx++)for(let dy = -size; dy < = size; dy++){
const i = (0, _gameUtils.getRowColIndex)(gameState, row + dy, col + dx);
if (gameState.bricks[i] & & i !== -1) {
// Study bricks resist explosions too
2025-03-23 17:52:25 +01:00
gameState.brickHP[i]--;
2025-03-25 08:47:24 +01:00
if (gameState.brickHP[i] < = 0) explodeBrick(gameState, i, ball, true);
2025-03-22 16:58:35 +01:00
}
2025-03-19 21:58:08 +01:00
}
}
2025-03-23 22:19:11 +01:00
const factor = gameState.perks.implosions ? -1 : 1;
2025-03-19 21:58:08 +01:00
// Blow nearby coins
forEachLiveOne(gameState.coins, (c)=>{
const dx = c.x - x;
const dy = c.y - y;
const d2 = Math.max(gameState.brickWidth, Math.abs(dx) + Math.abs(dy));
2025-03-23 22:19:11 +01:00
c.vx += dx / d2 * 10 * size / c.weight * factor;
c.vy += dy / d2 * 10 * size / c.weight * factor;
2025-03-19 21:58:08 +01:00
});
gameState.lastExplosion = Date.now();
2025-04-06 10:13:10 +02:00
if (gameState.perks.implosions) spawnImplosion(gameState, 7 * size, x, y, "#FFFFFF");
else spawnExplosion(gameState, 7 * size, x, y, "#FFFFFF");
2025-03-19 21:58:08 +01:00
gameState.runStatistics.bricks_broken++;
if (gameState.perks.zen) resetCombo(gameState, x, y);
}
2025-03-19 18:13:41 +01:00
function explodeBrick(gameState, index, ball, isExplosion) {
const color = gameState.bricks[index];
if (!color) return;
2025-04-01 21:37:07 +02:00
const wasPickyEaterPossible = gameState.perks.picky_eater & & (0, _gameUtils.isPickyEatingPossible)(gameState);
const redRowReach = (0, _gameUtils.reachRedRowIndex)(gameState);
2025-03-30 21:07:58 +02:00
gameState.lastBrickBroken = gameState.levelTime;
2025-03-28 11:58:58 +01:00
if (color === "black") {
2025-03-19 18:13:41 +01:00
const x = (0, _gameUtils.brickCenterX)(gameState, index), y = (0, _gameUtils.brickCenterY)(gameState, index);
2025-03-28 11:58:58 +01:00
// if (color === "transparent") {
// schedulGameSound(gameState, "void", x, 1);
// resetCombo(gameState, x, y);
// }
2025-03-23 22:19:28 +01:00
setBrick(gameState, index, "");
2025-03-29 20:45:54 +01:00
explosionAt(gameState, index, x, y, ball, 0);
2025-03-19 18:13:41 +01:00
} else if (color) {
// Even if it bounces we don't want to count that as a miss
// Flashing is take care of by the tick loop
const x = (0, _gameUtils.brickCenterX)(gameState, index), y = (0, _gameUtils.brickCenterY)(gameState, index);
2025-03-23 17:52:25 +01:00
setBrick(gameState, index, "");
2025-03-19 18:13:41 +01:00
let coinsToSpawn = gameState.combo;
if (gameState.perks.sturdy_bricks) // +10% per level
2025-03-30 21:07:58 +02:00
coinsToSpawn += Math.ceil((2 + gameState.perks.sturdy_bricks) / 2 * coinsToSpawn);
2025-03-19 18:13:41 +01:00
gameState.levelSpawnedCoins += coinsToSpawn;
gameState.runStatistics.coins_spawned += coinsToSpawn;
gameState.runStatistics.bricks_broken++;
2025-03-23 15:48:21 +01:00
const maxCoins = (0, _settings.getCurrentMaxCoins)() * ((0, _options.isOptionOn)("basic") ? 0.5 : 1);
const spawnableCoins = liveCount(gameState.coins) > (0, _settings.getCurrentMaxCoins)() ? 1 : Math.floor(maxCoins - liveCount(gameState.coins)) / 3;
2025-03-19 18:13:41 +01:00
const pointsPerCoin = Math.max(1, Math.ceil(coinsToSpawn / spawnableCoins));
while(coinsToSpawn > 0){
const points = Math.min(pointsPerCoin, coinsToSpawn);
if (points < 0 | | isNaN ( points ) ) {
console.error({
points
});
debugger;
}
coinsToSpawn -= points;
const cx = x + (Math.random() - 0.5) * (gameState.brickWidth - gameState.coinSize), cy = y + (Math.random() - 0.5) * (gameState.brickWidth - gameState.coinSize);
2025-04-04 12:07:24 +02:00
makeCoin(gameState, cx, cy, ball.previousVX * (0.5 + Math.random()), ball.previousVY * (0.5 + Math.random()), color, points);
2025-03-19 18:13:41 +01:00
}
2025-04-02 19:50:05 +02:00
increaseCombo(gameState, gameState.perks.streak_shots + gameState.perks.compound_interest + gameState.perks.left_is_lava + gameState.perks.right_is_lava + gameState.perks.top_is_lava + gameState.perks.picky_eater + gameState.perks.asceticism * 3 + gameState.perks.zen + gameState.perks.passive_income + gameState.perks.addiction + gameState.perks.unbounded, ball.x, ball.y);
2025-03-23 22:19:11 +01:00
if (gameState.perks.side_kick) {
2025-04-06 18:21:53 +02:00
if (ball.previousVX > 0) increaseCombo(gameState, gameState.perks.side_kick, ball.x, ball.y);
else decreaseCombo(gameState, gameState.perks.side_kick * 2, ball.x, ball.y);
2025-03-23 22:19:11 +01:00
}
2025-04-01 21:37:07 +02:00
if (redRowReach !== -1) {
if (Math.floor(index / gameState.level.size) === redRowReach) resetCombo(gameState, x, y);
else {
for(let x = 0; x < gameState.level.size ; x + + ) if ( gameState . bricks [ redRowReach * gameState . level . size + x ] ) gameState . combo + + ;
}
2025-03-20 21:02:51 +01:00
}
2025-04-02 19:36:03 +02:00
if ((0, _gameUtils.isMovingWhilePassiveIncome)(gameState)) resetCombo(gameState, x, y);
2025-03-19 18:13:41 +01:00
if (!isExplosion) {
// color change
if ((gameState.perks.picky_eater || gameState.perks.pierce_color) & & color !== gameState.ballsColor & & color) {
2025-04-01 21:37:07 +02:00
if (wasPickyEaterPossible) resetCombo(gameState, ball.x, ball.y);
2025-03-19 18:13:41 +01:00
schedulGameSound(gameState, "colorChange", ball.x, 0.8);
gameState.lastExplosion = gameState.levelTime;
gameState.ballsColor = color;
if (!(0, _options.isOptionOn)("basic")) gameState.balls.forEach((ball)=>{
spawnExplosion(gameState, 7, ball.previousX, ball.previousY, color);
});
} else schedulGameSound(gameState, "comboIncreaseMaybe", ball.x, 1);
}
2025-03-28 10:21:14 +01:00
// makeLight(gameState, x, y, color, gameState.brickWidth, 40);
2025-03-19 18:13:41 +01:00
spawnExplosion(gameState, 5 + Math.min(gameState.combo, 30), x, y, color);
}
2025-03-29 15:00:44 +01:00
if (gameState.perks.respawn & & color !== "black" & & !gameState.bricks[index]) {
2025-03-29 21:22:19 +01:00
if (Math.random() < (0, _pureFunctions.comboKeepingRate)(gameState.perks.respawn)) append(gameState.respawns, (b)=>{
2025-03-29 15:00:44 +01:00
b.color = color;
b.index = index;
b.time = gameState.levelTime + 3000 / gameState.perks.respawn;
});
}
2025-03-19 18:13:41 +01:00
}
function dontOfferTooSoon(gameState, id) {
gameState.lastOffered[id] = Math.round(Date.now() / 1000);
}
function pickRandomUpgrades(gameState, count) {
let list = (0, _gameUtils.getPossibleUpgrades)(gameState).map((u)=>({
...u,
2025-03-28 10:21:14 +01:00
score: Math.random() + (gameState.lastOffered[u.id] || 0)
2025-04-06 15:38:30 +02:00
})).sort((a, b)=>a.score - b.score).filter((u)=>gameState.perks[u.id] < u.max + gameState . perks . limitless ) . slice ( 0 , count ) . sort ( ( a , b ) = > a.id > b.id ? 1 : -1);
2025-03-19 18:13:41 +01:00
list.forEach((u)=>{
dontOfferTooSoon(gameState, u.id);
});
return list.map((u)=>({
text: u.name + (gameState.perks[u.id] ? (0, _i18N.t)("level_up.upgrade_perk_to_level", {
level: gameState.perks[u.id] + 1
}) : ""),
icon: (0, _loadGameData.icons)["icon:" + u.id],
value: u.id,
help: u.help(gameState.perks[u.id] + 1)
}));
}
function schedulGameSound(gameState, sound, x, vol) {
if (!vol) return;
x ??= gameState.offsetX + gameState.gameZoneWidth / 2;
const ex = gameState.aboutToPlaySound[sound];
ex.x = (x * vol + ex.x * ex.vol) / (vol + ex.vol);
ex.vol += vol;
}
function addToScore(gameState, coin) {
gameState.score += coin.points;
gameState.lastScoreIncrease = gameState.levelTime;
(0, _settings.addToTotalScore)(gameState, coin.points);
2025-04-06 10:13:10 +02:00
if (gameState.score > gameState.highScore & & !gameState.creative) {
2025-03-19 18:13:41 +01:00
gameState.highScore = gameState.score;
2025-04-06 10:13:10 +02:00
localStorage.setItem("breakout-3-hs-short", gameState.score.toString());
2025-03-19 18:13:41 +01:00
}
2025-04-06 10:13:10 +02:00
if (!(0, _options.isOptionOn)("basic")) makeParticle(gameState, coin.previousX, coin.previousY, (gameState.canvasWidth - coin.x) / 100, -coin.y / 100, gameState.perks.metamorphosis || (0, _options.isOptionOn)("colorful_coins") ? coin.color : "#ffd300", true, gameState.coinSize / 2, 100 + Math.random() * 50);
2025-03-28 11:58:58 +01:00
schedulGameSound(gameState, "coinCatch", coin.x, 1);
2025-03-19 18:13:41 +01:00
gameState.runStatistics.score += coin.points;
2025-04-03 21:59:01 +02:00
if (gameState.perks.asceticism) decreaseCombo(gameState, gameState.perks.asceticism * 3 * coin.points, coin.x, coin.y);
2025-03-19 18:13:41 +01:00
}
async function setLevel(gameState, l) {
2025-03-20 23:11:42 +01:00
// Here to alleviate double upgrades issues
2025-03-22 16:04:25 +01:00
if (gameState.upgradesOfferedFor >= l) {
debugger;
return console.warn("Extra upgrade request ignored ");
}
2025-03-20 23:11:42 +01:00
gameState.upgradesOfferedFor = l;
2025-03-19 18:13:41 +01:00
(0, _game.pause)(false);
2025-03-20 22:50:50 +01:00
(0, _recording.stopRecording)();
2025-04-06 10:13:10 +02:00
if (l > 0) await (0, _game.openUpgradesPicker)(gameState);
2025-03-19 18:13:41 +01:00
gameState.currentLevel = l;
2025-03-27 10:52:31 +01:00
gameState.level = gameState.runLevels[l];
2025-03-19 18:13:41 +01:00
gameState.levelTime = 0;
2025-03-22 16:47:02 +01:00
gameState.winAt = 0;
2025-03-19 18:13:41 +01:00
gameState.levelWallBounces = 0;
2025-04-02 19:36:03 +02:00
gameState.lastPuckMove = 0;
2025-03-19 18:13:41 +01:00
gameState.autoCleanUses = 0;
gameState.lastTickDown = gameState.levelTime;
gameState.levelStartScore = gameState.score;
gameState.levelSpawnedCoins = 0;
2025-03-29 20:45:54 +01:00
gameState.levelLostCoins = 0;
2025-03-19 18:13:41 +01:00
gameState.levelMisses = 0;
2025-03-30 21:07:58 +02:00
gameState.lastBrickBroken = 0;
2025-03-19 18:13:41 +01:00
gameState.runStatistics.levelsPlayed++;
// Reset combo silently
2025-03-20 08:13:17 +01:00
const finalCombo = gameState.combo;
gameState.combo = baseCombo(gameState);
2025-03-29 21:22:19 +01:00
if (gameState.perks.shunt) gameState.combo += Math.round(Math.max(0, (finalCombo - gameState.combo) * (0, _pureFunctions.comboKeepingRate)(gameState.perks.shunt)));
2025-03-30 21:07:58 +02:00
gameState.combo += gameState.perks.hot_start * 30;
2025-03-19 18:13:41 +01:00
const lvl = (0, _gameUtils.currentLevelInfo)(gameState);
if (lvl.size !== gameState.gridSize) {
gameState.gridSize = lvl.size;
(0, _game.fitSize)();
}
2025-03-29 20:45:54 +01:00
gameState.levelLostCoins += empty(gameState.coins);
2025-03-19 18:13:41 +01:00
empty(gameState.particles);
empty(gameState.lights);
empty(gameState.texts);
2025-03-29 15:00:44 +01:00
empty(gameState.respawns);
2025-03-23 17:52:25 +01:00
gameState.bricks = [];
for(let i = 0; i < lvl.size * lvl . size ; i + + ) setBrick ( gameState , i , lvl . bricks [ i ] ) ;
2025-03-22 16:04:25 +01:00
// Balls color will depend on most common brick color sometimes
resetBalls(gameState);
2025-03-19 18:13:41 +01:00
gameState.needsRender = true;
// This caused problems with accented characters like the ô of côte d'ivoire for odd reasons
// background.src = 'data:image/svg+xml;base64,' + btoa(lvl.svg)
(0, _render.background).src = "data:image/svg+xml;UTF8," + lvl.svg;
2025-03-31 13:33:27 +02:00
document.body.style.setProperty("--level-background", lvl.color || "#000");
2025-03-19 18:13:41 +01:00
}
2025-03-23 17:52:25 +01:00
function setBrick(gameState, index, color) {
2025-03-23 22:19:28 +01:00
gameState.bricks[index] = color || "";
2025-03-29 11:24:45 +01:00
gameState.brickHP[index] = color === "black" & & 1 || color & & 1 + gameState.perks.sturdy_bricks || 0;
2025-03-23 17:52:25 +01:00
}
2025-04-06 10:13:10 +02:00
const rainbow = [
2025-04-06 15:38:30 +02:00
"#ff2e2e",
"#ffe02e",
"#70ff33",
"#33ffa7",
"#38acff",
"#7038ff",
"#ff3de5"
2025-04-06 10:13:10 +02:00
];
2025-03-19 18:13:41 +01:00
function rainbowColor() {
2025-04-06 10:13:10 +02:00
return rainbow[Math.floor((0, _game.gameState).levelTime / 50) % rainbow.length];
2025-03-19 18:13:41 +01:00
}
function repulse(gameState, a, b, power, impactsBToo) {
const distance = (0, _gameUtils.distanceBetween)(a, b);
// Ensure we don't get soft locked
const max = gameState.gameZoneWidth / 4;
if (distance > max) return;
// Unit vector
const dx = (a.x - b.x) / distance;
const dy = (a.y - b.y) / distance;
const fact = -power * (max - distance) / (max * 1.2) / 3 * Math.min(500, gameState.levelTime) / 500;
if (impactsBToo & & typeof b.vx !== "undefined" & & typeof b.vy !== "undefined") {
b.vx += dx * fact;
b.vy += dy * fact;
}
a.vx -= dx * fact;
a.vy -= dy * fact;
const speed = 10;
const rand = 2;
makeParticle(gameState, a.x, a.y, -dx * speed + a.vx + (Math.random() - 0.5) * rand, -dy * speed + a.vy + (Math.random() - 0.5) * rand, rainbowColor(), true, gameState.coinSize / 2, 100);
if (impactsBToo & & typeof b.vx !== "undefined" & & typeof b.vy !== "undefined") makeParticle(gameState, b.x, b.y, dx * speed + b.vx + (Math.random() - 0.5) * rand, dy * speed + b.vy + (Math.random() - 0.5) * rand, rainbowColor(), true, gameState.coinSize / 2, 100);
}
function attract(gameState, a, b, power) {
const distance = (0, _gameUtils.distanceBetween)(a, b);
// Ensure we don't get soft locked
const min = gameState.gameZoneWidth * 3 / 4;
if (distance < min ) return ;
// Unit vector
const dx = (a.x - b.x) / distance;
const dy = (a.y - b.y) / distance;
const fact = power * (distance - min) / min * Math.min(500, gameState.levelTime) / 500;
b.vx += dx * fact;
b.vy += dy * fact;
a.vx -= dx * fact;
a.vy -= dy * fact;
const speed = 10;
const rand = 2;
makeParticle(gameState, a.x, a.y, dx * speed + a.vx + (Math.random() - 0.5) * rand, dy * speed + a.vy + (Math.random() - 0.5) * rand, rainbowColor(), true, gameState.coinSize / 2, 100);
makeParticle(gameState, b.x, b.y, -dx * speed + b.vx + (Math.random() - 0.5) * rand, -dy * speed + b.vy + (Math.random() - 0.5) * rand, rainbowColor(), true, gameState.coinSize / 2, 100);
}
2025-03-19 20:14:55 +01:00
function coinBrickHitCheck(gameState, coin) {
// Make ball/coin bonce, and return bricks that were hit
const radius = coin.size / 2;
const { x, y, previousX, previousY } = coin;
const vhit = (0, _game.hitsSomething)(previousX, y, radius);
const hhit = (0, _game.hitsSomething)(x, previousY, radius);
const chit = typeof vhit == "undefined" & & typeof hhit == "undefined" & & (0, _game.hitsSomething)(x, y, radius) || undefined;
2025-03-29 20:45:54 +01:00
if (gameState.perks.ghost_coins) // slow down
{
if (typeof (vhit ?? hhit ?? chit) !== "undefined") {
coin.vy *= 1 - 0.2 / gameState.perks.ghost_coins;
coin.vx *= 1 - 0.2 / gameState.perks.ghost_coins;
}
} else {
2025-03-23 19:11:01 +01:00
if (typeof vhit !== "undefined" || typeof chit !== "undefined") {
coin.y = coin.previousY;
coin.vy *= -1;
// Roll on corners
const leftHit = gameState.bricks[(0, _game.brickIndex)(x - radius, y + radius)];
const rightHit = gameState.bricks[(0, _game.brickIndex)(x + radius, y + radius)];
if (leftHit & & !rightHit) {
coin.vx += 1;
coin.sa -= 1;
}
if (!leftHit & & rightHit) {
coin.vx -= 1;
coin.sa += 1;
}
2025-03-19 20:14:55 +01:00
}
2025-03-23 19:11:01 +01:00
if (typeof hhit !== "undefined" || typeof chit !== "undefined") {
coin.x = coin.previousX;
coin.vx *= -1;
2025-03-19 20:14:55 +01:00
}
}
return vhit ?? hhit ?? chit;
}
function bordersHitCheck(gameState, coin, radius, delta) {
if (coin.destroyed) return;
coin.previousX = coin.x;
coin.previousY = coin.y;
coin.x += coin.vx * delta;
coin.y += coin.vy * delta;
if (gameState.perks.wind) coin.vx += (gameState.puckPosition - (gameState.offsetX + gameState.gameZoneWidth / 2)) / gameState.gameZoneWidth * gameState.perks.wind * 0.5;
let vhit = 0, hhit = 0;
if (coin.x < gameState.offsetXRoundedDown + radius & & ! gameState . perks . unbounded ) {
coin.x = gameState.offsetXRoundedDown + radius + (gameState.offsetXRoundedDown + radius - coin.x);
coin.vx *= -1;
hhit = 1;
}
2025-03-29 11:24:45 +01:00
if (coin.y < radius & & gameState . perks . unbounded < 2 ) {
2025-03-19 20:14:55 +01:00
coin.y = radius + (radius - coin.y);
coin.vy *= -1;
vhit = 1;
}
if (coin.x > gameState.canvasWidth - gameState.offsetXRoundedDown - radius & & !gameState.perks.unbounded) {
coin.x = gameState.canvasWidth - gameState.offsetXRoundedDown - radius - (coin.x - (gameState.canvasWidth - gameState.offsetXRoundedDown - radius));
coin.vx *= -1;
hhit = 1;
}
return hhit + vhit * 2;
}
2025-03-19 18:13:41 +01:00
function gameStateTick(gameState, // How many frames to compute at once, can go above 1 to compensate lag
frames = 1) {
gameState.runStatistics.max_combo = Math.max(gameState.runStatistics.max_combo, gameState.combo);
2025-03-30 21:07:58 +02:00
if (gameState.perks.addiction & & gameState.lastBrickBroken & & gameState.lastBrickBroken < gameState.levelTime - 5000 / gameState . perks . addiction ) resetCombo ( gameState , gameState . puckPosition , gameState . gameZoneHeight - gameState . puckHeight * 2 ) ;
2025-03-19 18:13:41 +01:00
gameState.balls = gameState.balls.filter((ball)=>!ball.destroyed);
const remainingBricks = gameState.bricks.filter((b)=>b & & b !== "black").length;
2025-03-31 13:33:27 +02:00
if (!remainingBricks & & gameState.lastBrickBroken) // Avoid a combo reset just because we're waiting for coins
gameState.lastBrickBroken = 0;
2025-03-19 18:13:41 +01:00
if (gameState.levelTime > gameState.lastTickDown + 1000 & & gameState.perks.hot_start) {
gameState.lastTickDown = gameState.levelTime;
decreaseCombo(gameState, gameState.perks.hot_start, gameState.puckPosition, gameState.gameZoneHeight - 2 * gameState.puckHeight);
}
if (remainingBricks < = gameState.perks.skip_last & & !gameState.autoCleanUses) {
gameState.bricks.forEach((type, index)=>{
if (type) explodeBrick(gameState, index, gameState.balls[0], true);
});
gameState.autoCleanUses++;
}
2025-03-29 15:00:44 +01:00
const hasPendingBricks = liveCount(gameState.respawns);
2025-03-22 16:47:02 +01:00
if (gameState.running & & !remainingBricks & & !hasPendingBricks) {
if (!gameState.winAt) gameState.winAt = gameState.levelTime + 5000;
} else gameState.winAt = 0;
2025-03-28 10:21:14 +01:00
if (gameState.running & & // Delayed win when coins are still flying
2025-03-22 16:47:02 +01:00
gameState.winAt & & gameState.levelTime > gameState.winAt || // instant win condition
2025-03-28 10:21:14 +01:00
gameState.levelTime & & !remainingBricks & & !liveCount(gameState.coins)) {
if (gameState.currentLevel + 1 < (0, _gameUtils.max_levels)(gameState)) setLevel(gameState, gameState.currentLevel + 1);
2025-04-06 10:13:10 +02:00
else (0, _gameOver.gameOver)((0, _i18N.t)("gameOver.win.title"), (0, _i18N.t)("gameOver.win.summary", {
2025-04-01 18:33:58 +02:00
score: gameState.score
}));
2025-03-19 18:13:41 +01:00
} else if (gameState.running || gameState.levelTime) {
const coinRadius = Math.round(gameState.coinSize / 2);
forEachLiveOne(gameState.coins, (coin, coinIndex)=>{
if (gameState.perks.coin_magnet) {
2025-03-19 20:14:55 +01:00
const strength = 100 / (100 + Math.pow(coin.y - gameState.gameZoneHeight, 2) + Math.pow(coin.x - gameState.puckPosition, 2)) * gameState.perks.coin_magnet;
const attractionX = frames * (gameState.puckPosition - coin.x) * strength;
2025-03-19 18:13:41 +01:00
coin.vx += attractionX;
2025-03-19 20:14:55 +01:00
coin.vy += frames * (gameState.gameZoneHeight - coin.y) * strength / 2;
2025-03-19 18:13:41 +01:00
coin.sa -= attractionX / 10;
}
2025-03-19 21:58:08 +01:00
if (gameState.perks.ball_attracts_coins) gameState.balls.forEach((ball)=>{
const d2 = (0, _gameUtils.distance2)(ball, coin);
2025-03-29 15:00:44 +01:00
coin.vx += (ball.x - coin.x) / d2 * 50 * gameState.perks.ball_attracts_coins;
coin.vy += (ball.y - coin.y) / d2 * 50 * gameState.perks.ball_attracts_coins;
2025-03-19 21:58:08 +01:00
});
2025-04-06 10:13:10 +02:00
const ratio = 1 - (gameState.perks.viscosity * 0.03 + 0.002) * frames / (1 + gameState.perks.etherealcoins);
2025-03-19 18:13:41 +01:00
coin.vy *= ratio;
coin.vx *= ratio;
if (coin.vx > 7 * gameState.baseSpeed) coin.vx = 7 * gameState.baseSpeed;
if (coin.vx < -7 * gameState . baseSpeed ) coin . vx = -7 * gameState . baseSpeed ;
if (coin.vy > 7 * gameState.baseSpeed) coin.vy = 7 * gameState.baseSpeed;
if (coin.vy < -7 * gameState . baseSpeed ) coin . vy = -7 * gameState . baseSpeed ;
coin.a += coin.sa;
// Gravity
2025-03-19 20:14:55 +01:00
if (!gameState.perks.etherealcoins) {
2025-03-19 21:58:08 +01:00
const flip = gameState.perks.helium > 0 & & Math.abs(coin.x - gameState.puckPosition) * 2 > gameState.puckWidth + coin.size;
2025-03-29 11:24:45 +01:00
coin.vy += frames * coin.weight * 0.8 * (flip ? -gameState.perks.helium : 1);
2025-04-06 10:13:10 +02:00
if (flip & & !(0, _options.isOptionOn)("basic") & & Math.random() < 0.1 ) makeParticle ( gameState , coin . x , coin . y , 0 , gameState . baseSpeed , gameState . perks . metamorphosis | | ( 0 , _options . isOptionOn ) ( " colorful_coins " ) ? coin . color : " # ffd300 " , true , 5 , 250 ) ;
2025-03-19 20:14:55 +01:00
}
2025-03-24 10:38:01 +01:00
const speed = (Math.abs(coin.vx) + Math.abs(coin.vy)) * 10;
2025-03-19 20:14:55 +01:00
const hitBorder = bordersHitCheck(gameState, coin, coin.size / 2, frames);
2025-03-27 10:52:31 +01:00
if (coin.y > gameState.gameZoneHeight - coinRadius - gameState.puckHeight & & coin.y < gameState.gameZoneHeight + gameState . puckHeight + coin . vy & & Math . abs ( coin . x - gameState . puckPosition ) < coinRadius + gameState . puckWidth / 2 + / / a bit of margin to be nice , negative in case it ' s a negative coin
gameState.puckHeight * (coin.points ? 1 : -1)) {
2025-03-29 09:25:17 +01:00
addToScore(gameState, coin);
2025-03-19 18:13:41 +01:00
destroy(gameState.coins, coinIndex);
2025-04-03 21:59:01 +02:00
} else if (coin.y > gameState.canvasHeight + coinRadius * 10) {
2025-03-29 20:45:54 +01:00
gameState.levelLostCoins += coin.points;
2025-03-19 18:13:41 +01:00
destroy(gameState.coins, coinIndex);
2025-04-02 19:52:47 +02:00
if (gameState.perks.compound_interest) resetCombo(gameState, coin.x, gameState.gameZoneHeight - 20);
2025-04-03 21:59:01 +02:00
if (gameState.combo < gameState.perks.fountain_toss * 30 & & Math . random ( ) < 1 / gameState . combo * gameState . perks . fountain_toss ) increaseCombo ( gameState , 1 , coin . x , gameState . gameZoneHeight - 20 ) ;
2025-03-29 20:45:54 +01:00
} else if (gameState.perks.unbounded & & (coin.x < -gameState.gameZoneWidth / 2 | | coin . x > gameState.canvasWidth + gameState.gameZoneWidth / 2 || coin.y < -gameState.gameZoneWidth ) ) {
// Out of bound on sides
gameState.levelLostCoins += coin.points;
destroy(gameState.coins, coinIndex);
}
2025-03-19 20:14:55 +01:00
const hitBrick = coinBrickHitCheck(gameState, coin);
2025-03-28 10:21:14 +01:00
if (gameState.perks.metamorphosis & & typeof hitBrick !== "undefined") {
2025-03-29 11:24:45 +01:00
if (gameState.bricks[hitBrick] & & coin.color !== gameState.bricks[hitBrick] & & gameState.bricks[hitBrick] !== "black" & & coin.metamorphosisPoints) {
2025-03-23 17:52:25 +01:00
// Not using setbrick because we don't want to reset HP
2025-03-19 18:13:41 +01:00
gameState.bricks[hitBrick] = coin.color;
2025-03-29 11:24:45 +01:00
coin.metamorphosisPoints--;
2025-03-19 18:13:41 +01:00
schedulGameSound(gameState, "colorChange", coin.x, 0.3);
}
}
2025-03-23 19:11:01 +01:00
if (!gameState.perks.ghost_coins & & typeof hitBrick !== "undefined" || hitBorder) {
2025-03-19 18:13:41 +01:00
coin.vx *= 0.8;
coin.vy *= 0.8;
coin.sa *= 0.9;
2025-03-28 19:40:59 +01:00
if (speed > 20 & & !coin.collidedLastFrame) schedulGameSound(gameState, "coinBounce", coin.x, 0.2);
coin.collidedLastFrame = true;
2025-03-19 18:13:41 +01:00
if (Math.abs(coin.vy) < 3 ) coin . vy = 0;
2025-03-28 19:40:59 +01:00
} else coin.collidedLastFrame = false;
2025-03-19 18:13:41 +01:00
});
gameState.balls.forEach((ball)=>ballTick(gameState, ball, frames));
2025-03-19 21:58:08 +01:00
if (gameState.perks.shocks) gameState.balls.forEach((a, ai)=>gameState.balls.forEach((b, bi)=>{
if (ai < bi & & ! a . destroyed & & ! b . destroyed & & ( 0 , _gameUtils . distance2 ) ( a , b ) < gameState . ballSize * gameState . ballSize ) {
let tempVx = a.vx;
let tempVy = a.vy;
a.vx = b.vx;
a.vy = b.vy;
b.vx = tempVx;
b.vy = tempVy;
let x = (a.x + b.x) / 2;
let y = (a.y + b.y) / 2;
const limit = gameState.baseSpeed;
2025-03-29 21:22:19 +01:00
a.vx += (0, _pureFunctions.clamp)(a.x - x, -limit, limit) + (Math.random() - 0.5) * limit / 3;
a.vy += (0, _pureFunctions.clamp)(a.y - y, -limit, limit) + (Math.random() - 0.5) * limit / 3;
b.vx += (0, _pureFunctions.clamp)(b.x - x, -limit, limit) + (Math.random() - 0.5) * limit / 3;
b.vy += (0, _pureFunctions.clamp)(b.y - y, -limit, limit) + (Math.random() - 0.5) * limit / 3;
2025-03-19 21:58:08 +01:00
let index = (0, _game.brickIndex)(x, y);
2025-03-29 20:45:54 +01:00
explosionAt(gameState, index, x, y, a, Math.max(0, gameState.perks.shocks - 1));
2025-03-19 21:58:08 +01:00
}
}));
2025-03-19 18:13:41 +01:00
if (gameState.perks.wind) {
const windD = (gameState.puckPosition - (gameState.offsetX + gameState.gameZoneWidth / 2)) / gameState.gameZoneWidth * 2 * gameState.perks.wind;
for(let i = 0; i < gameState.perks.wind ; i + + ) if ( Math . random ( ) * Math . abs ( windD ) > 0.5) makeParticle(gameState, gameState.offsetXRoundedDown + Math.random() * gameState.gameZoneWidthRoundedUp, Math.random() * gameState.gameZoneHeight, windD * 8, 0, rainbowColor(), true, gameState.coinSize / 2, 150);
}
forEachLiveOne(gameState.particles, (flash, index)=>{
flash.x += flash.vx * frames;
flash.y += flash.vy * frames;
if (!flash.ethereal) {
flash.vy += 0.5;
if ((0, _game.hasBrick)((0, _game.brickIndex)(flash.x, flash.y))) destroy(gameState.particles, index);
}
});
}
if (gameState.combo > baseCombo(gameState) & & !(0, _options.isOptionOn)("basic") & & (gameState.combo - baseCombo(gameState)) * Math.random() > 5) {
// The red should still be visible on a white bg
2025-04-06 10:13:10 +02:00
if (gameState.perks.top_is_lava) makeParticle(gameState, gameState.offsetXRoundedDown + Math.random() * gameState.gameZoneWidthRoundedUp, 0, (Math.random() - 0.5) * 10, 5, "#FF0000", true, gameState.coinSize / 2, 100 * (Math.random() + 1));
if (gameState.perks.left_is_lava) makeParticle(gameState, gameState.offsetXRoundedDown, Math.random() * gameState.gameZoneHeight, 5, (Math.random() - 0.5) * 10, "#FF0000", true, gameState.coinSize / 2, 100 * (Math.random() + 1));
if (gameState.perks.right_is_lava) makeParticle(gameState, gameState.offsetXRoundedDown + gameState.gameZoneWidthRoundedUp, Math.random() * gameState.gameZoneHeight, -5, (Math.random() - 0.5) * 10, "#FF0000", true, gameState.coinSize / 2, 100 * (Math.random() + 1));
2025-03-19 18:13:41 +01:00
if (gameState.perks.compound_interest) {
let x = gameState.puckPosition, attemps = 0;
do {
x = gameState.offsetXRoundedDown + gameState.gameZoneWidthRoundedUp * Math.random();
attemps++;
}while (Math.abs(x - gameState.puckPosition) < gameState.puckWidth / 2 & & attemps < 10 ) ;
2025-04-06 10:13:10 +02:00
makeParticle(gameState, x, gameState.gameZoneHeight, (Math.random() - 0.5) * 10, -5, "#FF0000", true, gameState.coinSize / 2, 100 * (Math.random() + 1));
2025-03-19 18:13:41 +01:00
}
if (gameState.perks.streak_shots) {
const pos = 0.5 - Math.random();
2025-04-06 10:13:10 +02:00
makeParticle(gameState, gameState.puckPosition + gameState.puckWidth * pos, gameState.gameZoneHeight - gameState.puckHeight, pos * 10, -5, "#FF0000", true, gameState.coinSize / 2, 100 * (Math.random() + 1));
2025-03-19 18:13:41 +01:00
}
}
2025-03-29 15:00:44 +01:00
// Respawn what's needed, show particles
forEachLiveOne(gameState.respawns, (r, ri)=>{
if (gameState.bricks[r.index]) destroy(gameState.respawns, ri);
else if (gameState.levelTime > r.time) {
setBrick(gameState, r.index, r.color);
destroy(gameState.respawns, ri);
2025-04-03 21:22:13 +02:00
} else {
2025-03-29 15:00:44 +01:00
const { index, color } = r;
const vertical = Math.random() > 0.5;
const dx = Math.random() > 0.5 ? 1 : -1;
const dy = Math.random() > 0.5 ? 1 : -1;
makeParticle(gameState, (0, _gameUtils.brickCenterX)(gameState, index) + dx * gameState.brickWidth / 2, (0, _gameUtils.brickCenterY)(gameState, index) + dy * gameState.brickWidth / 2, vertical ? 0 : -dx * gameState.baseSpeed, vertical ? -dy * gameState.baseSpeed : 0, color, true, gameState.coinSize / 2, 250);
}
});
2025-03-19 18:13:41 +01:00
forEachLiveOne(gameState.particles, (p, pi)=>{
if (gameState.levelTime > p.time + p.duration) destroy(gameState.particles, pi);
});
forEachLiveOne(gameState.texts, (p, pi)=>{
if (gameState.levelTime > p.time + p.duration) destroy(gameState.texts, pi);
});
forEachLiveOne(gameState.lights, (p, pi)=>{
if (gameState.levelTime > p.time + p.duration) destroy(gameState.lights, pi);
});
}
function ballTick(gameState, ball, delta) {
ball.previousVX = ball.vx;
ball.previousVY = ball.vy;
let speedLimitDampener = 1 + gameState.perks.telekinesis + gameState.perks.ball_repulse_ball + gameState.perks.puck_repulse_ball + gameState.perks.ball_attract_ball;
2025-04-04 09:45:35 +02:00
if ((0, _gameUtils.telekinesisEffectRate)(gameState, ball) > 0) {
2025-03-19 18:13:41 +01:00
speedLimitDampener += 3;
2025-04-04 09:45:35 +02:00
ball.vx += (gameState.puckPosition - ball.x) / 1000 * delta * gameState.perks.telekinesis * (0, _gameUtils.telekinesisEffectRate)(gameState, ball);
2025-03-19 18:13:41 +01:00
}
2025-04-04 09:45:35 +02:00
if ((0, _gameUtils.yoyoEffectRate)(gameState, ball) > 0) {
2025-03-19 20:14:55 +01:00
speedLimitDampener += 3;
2025-04-04 09:45:35 +02:00
ball.vx += (gameState.puckPosition - ball.x) / 1000 * delta * gameState.perks.yoyo * (0, _gameUtils.yoyoEffectRate)(gameState, ball);
2025-03-19 20:14:55 +01:00
}
2025-03-19 18:13:41 +01:00
if (ball.vx * ball.vx + ball.vy * ball.vy < gameState.baseSpeed * gameState . baseSpeed * 2 ) {
ball.vx *= 1 + 0.02 / speedLimitDampener;
ball.vy *= 1 + 0.02 / speedLimitDampener;
} else {
ball.vx *= 1 - 0.02 / speedLimitDampener;
ball.vy *= 1 - 0.02 / speedLimitDampener;
}
// Ball could get stuck horizontally because of ball-ball interactions in repulse/attract
if (Math.abs(ball.vy) < 0.2 * gameState . baseSpeed ) ball . vy + = ( ball . vy > 0 ? 1 : -1) * 0.02 / speedLimitDampener;
if (gameState.perks.ball_repulse_ball) for (let b2 of gameState.balls){
// avoid computing this twice, and repulsing itself
if (b2.x >= ball.x) continue;
repulse(gameState, ball, b2, gameState.perks.ball_repulse_ball, true);
}
if (gameState.perks.ball_attract_ball) for (let b2 of gameState.balls){
// avoid computing this twice, and repulsing itself
if (b2.x >= ball.x) continue;
attract(gameState, ball, b2, gameState.perks.ball_attract_ball);
}
if (gameState.perks.puck_repulse_ball & & Math.abs(ball.x - gameState.puckPosition) < gameState.puckWidth / 2 + gameState . ballSize * ( 9 + gameState . perks . puck_repulse_ball ) / 10 ) repulse ( gameState , ball , {
x: gameState.puckPosition,
y: gameState.gameZoneHeight
}, gameState.perks.puck_repulse_ball + 1, false);
2025-03-19 20:14:55 +01:00
const borderHitCode = bordersHitCheck(gameState, ball, gameState.ballSize / 2, delta);
2025-03-19 18:13:41 +01:00
if (borderHitCode) {
if (gameState.perks.left_is_lava & & borderHitCode % 2 & & ball.x < gameState.offsetX + gameState . gameZoneWidth / 2 ) resetCombo ( gameState , ball . x , ball . y ) ;
if (gameState.perks.right_is_lava & & borderHitCode % 2 & & ball.x > gameState.offsetX + gameState.gameZoneWidth / 2) resetCombo(gameState, ball.x, ball.y);
2025-04-04 09:45:35 +02:00
if (gameState.perks.top_is_lava & & borderHitCode >= 2) resetCombo(gameState, ball.x, ball.y + gameState.ballSize * 3);
2025-04-01 13:35:33 +02:00
if (gameState.perks.trampoline) decreaseCombo(gameState, gameState.perks.trampoline, ball.x, ball.y + gameState.ballSize);
2025-03-19 18:13:41 +01:00
schedulGameSound(gameState, "wallBeep", ball.x, 1);
gameState.levelWallBounces++;
gameState.runStatistics.wall_bounces++;
}
// Puck collision
const ylimit = gameState.gameZoneHeight - gameState.puckHeight - gameState.ballSize / 2;
const ballIsUnderPuck = Math.abs(ball.x - gameState.puckPosition) < gameState.ballSize / 2 + gameState . puckWidth / 2 ;
if (ball.y > ylimit & & ball.vy > 0 & & (ballIsUnderPuck || gameState.perks.extra_life & & ball.y > ylimit + gameState.puckHeight / 2)) {
if (ballIsUnderPuck) {
const speed = Math.sqrt(ball.vx * ball.vx + ball.vy * ball.vy);
2025-03-29 20:45:54 +01:00
const angle = Math.atan2(-gameState.puckWidth / 2, (ball.x - gameState.puckPosition) * (gameState.perks.concave_puck ? -1 / (1 + gameState.perks.concave_puck) : 1));
2025-03-19 18:13:41 +01:00
ball.vx = speed * Math.cos(angle);
ball.vy = speed * Math.sin(angle);
schedulGameSound(gameState, "wallBeep", ball.x, 1);
} else {
ball.vy *= -1;
2025-03-28 11:58:58 +01:00
justLostALife(gameState, ball, ball.x, ball.y);
2025-03-19 18:13:41 +01:00
}
if (gameState.perks.streak_shots) resetCombo(gameState, ball.x, ball.y);
2025-04-02 19:50:05 +02:00
if (gameState.perks.trampoline) increaseCombo(gameState, gameState.perks.trampoline, ball.x, ball.y);
2025-04-02 19:36:03 +02:00
if (gameState.perks.nbricks & & ball.hitSinceBounce < gameState.perks.nbricks ) resetCombo ( gameState , ball . x , ball . y ) ;
2025-03-23 19:11:01 +01:00
if (!ball.hitSinceBounce & & gameState.bricks.find((i)=>i)) {
2025-03-19 18:13:41 +01:00
gameState.runStatistics.misses++;
2025-03-19 21:58:08 +01:00
if (gameState.perks.forgiving) {
2025-03-29 15:00:44 +01:00
const loss = Math.floor(gameState.levelMisses / 10 / gameState.perks.forgiving * (gameState.combo - baseCombo(gameState)));
2025-03-20 21:24:25 +01:00
decreaseCombo(gameState, loss, ball.x, ball.y - gameState.ballSize);
2025-03-19 21:58:08 +01:00
} else resetCombo(gameState, ball.x, ball.y);
2025-03-20 21:24:25 +01:00
gameState.levelMisses++;
2025-04-06 10:13:10 +02:00
makeText(gameState, gameState.puckPosition, gameState.gameZoneHeight - gameState.puckHeight * 2, "#FF0000", (0, _i18N.t)("play.missed_ball"), gameState.puckHeight, 500);
2025-03-19 18:13:41 +01:00
}
gameState.runStatistics.puck_bounces++;
ball.hitSinceBounce = 0;
2025-03-22 16:04:25 +01:00
ball.brokenSinceBounce = 0;
2025-03-19 18:13:41 +01:00
ball.sapperUses = 0;
2025-03-23 19:11:01 +01:00
ball.piercePoints = gameState.perks.pierce * 3;
2025-03-19 18:13:41 +01:00
}
2025-03-20 22:50:50 +01:00
const lostOnSides = gameState.perks.unbounded & & ball.x < -gameState.gameZoneWidth / 2 | | ball . x > gameState.canvasWidth + gameState.gameZoneWidth / 2;
2025-03-29 11:24:45 +01:00
const lostInTheSky = gameState.perks.unbounded > 1 & & ball.y < -gameState.gameZoneWidth / 2 ;
if (gameState.running & & (ball.y > gameState.gameZoneHeight + gameState.ballSize / 2 || lostOnSides || lostInTheSky)) {
2025-03-19 18:13:41 +01:00
ball.destroyed = true;
gameState.runStatistics.balls_lost++;
if (!gameState.balls.find((b)=>!b.destroyed)) (0, _gameOver.gameOver)((0, _i18N.t)("gameOver.lost.title"), (0, _i18N.t)("gameOver.lost.summary", {
score: gameState.score
}));
}
const radius = gameState.ballSize / 2;
// Make ball/coin bonce, and return bricks that were hit
const { x, y, previousX, previousY } = ball;
const vhit = (0, _game.hitsSomething)(previousX, y, radius);
const hhit = (0, _game.hitsSomething)(x, previousY, radius);
const chit = typeof vhit == "undefined" & & typeof hhit == "undefined" & & (0, _game.hitsSomething)(x, y, radius) || undefined;
const hitBrick = vhit ?? hhit ?? chit;
if (typeof hitBrick !== "undefined") {
2025-03-30 21:07:58 +02:00
const initialBrickColor = gameState.bricks[hitBrick];
2025-03-19 20:14:55 +01:00
ball.hitSinceBounce++;
2025-04-02 19:50:05 +02:00
if (gameState.perks.nbricks) {
if (ball.hitSinceBounce > gameState.perks.nbricks) resetCombo(gameState, ball.x, ball.y);
else increaseCombo(gameState, gameState.perks.nbricks, ball.x, ball.y);
}
2025-03-22 16:04:25 +01:00
let pierce = false;
2025-03-23 19:11:01 +01:00
let damage = 1 + ((0, _gameUtils.shouldPierceByColor)(gameState, vhit, hhit, chit) ? gameState.perks.pierce_color : 0);
gameState.brickHP[hitBrick] -= damage;
2025-03-30 21:07:58 +02:00
const used = Math.min(ball.piercePoints, Math.max(1, gameState.brickHP[hitBrick] + 1));
2025-03-23 19:11:01 +01:00
gameState.brickHP[hitBrick] -= used;
ball.piercePoints -= used;
if (gameState.brickHP[hitBrick] < 0 ) {
gameState.brickHP[hitBrick] = 0;
2025-03-22 16:04:25 +01:00
pierce = true;
}
if (typeof vhit !== "undefined" || typeof chit !== "undefined") {
if (!pierce) {
ball.y = ball.previousY;
ball.vy *= -1;
}
}
if (typeof hhit !== "undefined" || typeof chit !== "undefined") {
if (!pierce) {
ball.x = ball.previousX;
ball.vx *= -1;
}
}
2025-03-23 19:11:01 +01:00
if (!gameState.brickHP[hitBrick]) {
2025-03-22 16:04:25 +01:00
ball.brokenSinceBounce++;
explodeBrick(gameState, hitBrick, ball, false);
if (ball.sapperUses < gameState.perks.sapper & & initialBrickColor ! = = " black " & & / / don ' t replace a brick that bounced with sturdy_bricks
!gameState.bricks[hitBrick]) {
2025-03-23 17:52:25 +01:00
setBrick(gameState, hitBrick, "black");
2025-03-22 16:04:25 +01:00
ball.sapperUses++;
}
2025-03-28 10:21:14 +01:00
} else {
2025-03-28 19:40:59 +01:00
schedulGameSound(gameState, "wallBeep", x, 1);
2025-04-06 10:13:10 +02:00
makeLight(gameState, (0, _gameUtils.brickCenterX)(gameState, hitBrick), (0, _gameUtils.brickCenterY)(gameState, hitBrick), "#FFFFFF", gameState.brickWidth + 2, 50 * gameState.brickHP[hitBrick]);
2025-03-19 18:13:41 +01:00
}
}
if (!(0, _options.isOptionOn)("basic")) {
2025-03-23 19:11:01 +01:00
const remainingPierce = ball.piercePoints;
2025-03-19 18:13:41 +01:00
const remainingSapper = ball.sapperUses < gameState.perks.sapper ;
2025-04-01 21:43:36 +02:00
const willMiss = (0, _options.isOptionOn)("red_miss") & & ball.vy > 0 & & !ball.hitSinceBounce;
2025-03-19 18:13:41 +01:00
const extraCombo = gameState.combo - 1;
2025-04-01 21:43:36 +02:00
if (willMiss || extraCombo & & Math.random() > 0.1 / (1 + extraCombo) || remainingSapper & & Math.random() > 0.1 / (1 + remainingSapper) || extraCombo & & Math.random() > 0.1 / (1 + extraCombo)) {
2025-04-06 10:13:10 +02:00
const color = remainingSapper & & (Math.random() > 0.5 ? "#ffb92a" : "#FF0000") || willMiss & & "#FF0000" || gameState.ballsColor;
2025-03-19 18:13:41 +01:00
makeParticle(gameState, ball.x, ball.y, gameState.perks.pierce_color || remainingPierce ? -ball.vx + (Math.random() - 0.5) * gameState.baseSpeed / 3 : (Math.random() - 0.5) * gameState.baseSpeed, gameState.perks.pierce_color || remainingPierce ? -ball.vy + (Math.random() - 0.5) * gameState.baseSpeed / 3 : (Math.random() - 0.5) * gameState.baseSpeed, color, true, gameState.coinSize / 2, 100);
}
}
}
2025-03-28 11:58:58 +01:00
function justLostALife(gameState, ball, x, y) {
gameState.perks.extra_life -= 1;
if (gameState.perks.extra_life < 0 ) gameState . perks . extra_life = 0;
2025-03-29 15:00:44 +01:00
else if (gameState.perks.sacrifice) {
gameState.combo *= gameState.perks.sacrifice;
gameState.bricks.forEach((color, index)=>color & & explodeBrick(gameState, index, ball, true));
}
2025-03-28 11:58:58 +01:00
schedulGameSound(gameState, "lifeLost", ball.x, 1);
2025-04-06 10:13:10 +02:00
if (!(0, _options.isOptionOn)("basic")) for(let i = 0; i < 10 ; i + + ) makeParticle ( gameState , x , y , Math . random ( ) * gameState . baseSpeed * 3 , gameState . baseSpeed * 3 , " # FF0000 " , false , gameState . coinSize / 2 , 150 ) ;
2025-03-28 11:58:58 +01:00
}
2025-04-06 10:13:10 +02:00
function makeCoin(gameState, x, y, vx, vy, color = "#ffd300", points = 1) {
2025-03-29 09:25:17 +01:00
let weight = 0.8 + Math.random() * 0.2 + Math.min(2, points * 0.01);
2025-03-29 20:45:54 +01:00
weight *= 5 / (5 + gameState.perks.etherealcoins);
2025-03-19 18:13:41 +01:00
append(gameState.coins, (p)=>{
p.x = x;
p.y = y;
2025-03-28 19:40:59 +01:00
p.collidedLastFrame = true;
2025-03-19 18:13:41 +01:00
p.size = gameState.coinSize;
p.previousX = x;
p.previousY = y;
p.vx = vx;
p.vy = vy;
2025-03-24 10:38:01 +01:00
// p.sx = 0;
// p.sy = 0;
2025-03-19 18:13:41 +01:00
p.color = color;
p.a = Math.random() * Math.PI * 2;
p.sa = Math.random() - 0.5;
p.points = points;
2025-03-29 09:25:17 +01:00
p.weight = weight;
2025-03-29 11:24:45 +01:00
p.metamorphosisPoints = gameState.perks.metamorphosis;
2025-03-19 18:13:41 +01:00
});
}
function makeParticle(gameState, x, y, vx, vy, color, ethereal = false, size = 8, duration = 150) {
append(gameState.particles, (p)=>{
p.time = gameState.levelTime;
p.x = x;
p.y = y;
p.vx = vx;
p.vy = vy;
p.color = color;
p.size = size;
p.duration = duration;
p.ethereal = ethereal;
});
}
2025-03-29 17:40:07 +01:00
function makeText(gameState, x, y, color, text, size = 20, duration = 500) {
2025-03-19 18:13:41 +01:00
append(gameState.texts, (p)=>{
p.time = gameState.levelTime;
p.x = x;
p.y = y;
p.color = color;
p.size = size;
2025-03-29 21:22:19 +01:00
p.duration = (0, _pureFunctions.clamp)(duration, 400, 2000);
2025-03-19 18:13:41 +01:00
p.text = text;
});
}
function makeLight(gameState, x, y, color, size = 8, duration = 150) {
append(gameState.lights, (p)=>{
p.time = gameState.levelTime;
p.x = x;
p.y = y;
p.color = color;
p.size = size;
p.duration = duration;
});
}
function append(where, makeItem) {
while(where.list[where.indexMin] & & !where.list[where.indexMin].destroyed & & where.indexMin < where.list.length ) where . indexMin + + ;
if (where.indexMin < where.list.length ) {
where.list[where.indexMin].destroyed = false;
makeItem(where.list[where.indexMin]);
where.indexMin++;
} else {
const p = {
destroyed: false
};
makeItem(p);
where.list.push(p);
}
where.total++;
}
function destroy(where, index) {
if (where.list[index].destroyed) return;
where.list[index].destroyed = true;
where.indexMin = Math.min(where.indexMin, index);
where.total--;
}
function liveCount(where) {
return where.total;
}
function empty(where) {
2025-03-29 20:45:54 +01:00
let destroyed = 0;
2025-03-19 18:13:41 +01:00
where.total = 0;
where.indexMin = 0;
2025-03-29 20:45:54 +01:00
where.list.forEach((i)=>{
if (!i.destroyed) {
i.destroyed = true;
destroyed++;
}
});
return destroyed;
2025-03-19 18:13:41 +01:00
}
function forEachLiveOne(where, cb) {
where.list.forEach((item, index)=>{
if (item & & !item.destroyed) cb(item, index);
});
}
2025-04-06 10:13:10 +02:00
},{"./game_utils":"cEeac","./i18n/i18n":"eNPRm","./loadGameData":"l1B4x","./settings":"5blfu","./render":"9AS2t","./gameOver":"caCAf","./game":"edeGs","./recording":"godmD","./options":"d5NoS","./pure_functions":"6pQh7","@parcel/transformer-js/src/esmodule-helpers.js":"gkKU3"}],"9AS2t":[function(require,module,exports,__globalThis) {
2025-03-19 18:13:41 +01:00
var parcelHelpers = require("@parcel/transformer-js/src/esmodule-helpers.js");
parcelHelpers.defineInteropFlag(exports);
parcelHelpers.export(exports, "gameCanvas", ()=>gameCanvas);
parcelHelpers.export(exports, "ctx", ()=>ctx);
parcelHelpers.export(exports, "bombSVG", ()=>bombSVG);
parcelHelpers.export(exports, "background", ()=>background);
parcelHelpers.export(exports, "backgroundCanvas", ()=>backgroundCanvas);
2025-04-03 15:15:00 +02:00
parcelHelpers.export(exports, "haloCanvas", ()=>haloCanvas);
parcelHelpers.export(exports, "haloScale", ()=>haloScale);
2025-03-19 18:13:41 +01:00
parcelHelpers.export(exports, "render", ()=>render);
parcelHelpers.export(exports, "renderAllBricks", ()=>renderAllBricks);
parcelHelpers.export(exports, "drawPuck", ()=>drawPuck);
parcelHelpers.export(exports, "drawBall", ()=>drawBall);
parcelHelpers.export(exports, "drawCoin", ()=>drawCoin);
parcelHelpers.export(exports, "drawFuzzyBall", ()=>drawFuzzyBall);
parcelHelpers.export(exports, "drawBrick", ()=>drawBrick);
parcelHelpers.export(exports, "roundRect", ()=>roundRect);
parcelHelpers.export(exports, "drawIMG", ()=>drawIMG);
parcelHelpers.export(exports, "drawText", ()=>drawText);
parcelHelpers.export(exports, "scoreDisplay", ()=>scoreDisplay);
2025-03-25 08:22:58 +01:00
parcelHelpers.export(exports, "getDashOffset", ()=>getDashOffset);
2025-03-19 18:13:41 +01:00
var _gameStateMutators = require("./gameStateMutators");
var _gameUtils = require("./game_utils");
var _i18N = require("./i18n/i18n");
var _game = require("./game");
var _options = require("./options");
const gameCanvas = document.getElementById("game");
const ctx = gameCanvas.getContext("2d", {
alpha: false
});
const bombSVG = document.createElement("img");
bombSVG.src = "data:image/svg+xml;base64," + btoa(`< svg width = "144" height = "144" viewBox = "0 0 38.101 38.099" xmlns = "http://www.w3.org/2000/svg" >
< path d = "m6.1528 26.516c-2.6992-3.4942-2.9332-8.281-.58305-11.981a10.454 10.454 0 017.3701-4.7582c1.962-.27726 4.1646.05953 5.8835.90027l.45013.22017.89782-.87417c.83748-.81464.91169-.87499 1.0992-.90271.40528-.058713.58876.03425 1.1971.6116l.55451.52679 1.0821-1.0821c1.1963-1.1963 1.383-1.3357 2.1039-1.5877.57898-.20223 1.5681-.19816 2.1691.00897 1.4613.50314 2.3673 1.7622 2.3567 3.2773-.0058.95654-.24464 1.5795-.90924 2.3746-.40936.48928-.55533.81057-.57898 1.2737-.02039.41018.1109.77714.42322 1.1792.30172.38816.3694.61323.2797.93044-.12803.45666-.56674.71598-1.0242.60507-.601-.14597-1.3031-1.3088-1.3969-2.3126-.09459-1.0161.19245-1.8682.92392-2.7432.42567-.50885.5643-.82851.5643-1.3031 0-.50151-.14026-.83177-.51211-1.2028-.50966-.50966-1.0968-.64829-1.781-.41996l-.37348.12477-2.1006 2.1006.52597.55696c.45421.48194.5325.58876.57898.78855.09622.41588.07502.45014-.88396 1.4548l-.87173.9125.26339.57979a10.193 10.193 0 01.9231 4.1001c.03996 2.046-.41996 3.8082-1.4442 5.537-.55044.928-1.0185 1.5013-1.8968 2.3241-.83503.78284-1.5526 1.2827-2.4904 1.7361-3.4266 1.657-7.4721 1.3422-10.549-.82035-.73473-.51782-1.7312-1.4621-2.2515-2.1357zm21.869-4.5584c-.0579-.19734-.05871-2.2662 0-2.4545.11906-.39142.57898-.63361 1.0038-.53005.23812.05708.54147.32455.6116.5382.06279.19163.06769 2.1805.0065 2.3811-.12558.40773-.61649.67602-1.0462.57164-.234-.05708-.51615-.30498-.57568-.50722m3.0417-2.6013c-.12313-.6222.37837-1.1049 1.0479-1.0079.18348.0261.25279.08399 1.0071.83911.75838.75838.81301.82362.84074 1.0112.10193.68499-.40365 1.1938-1.034 1.0405-.1949-.0473-.28786-.12558-1.0144-.85216-.7649-.76409-.80241-.81057-.84645-1.0316m.61323-3.0629a.85623.85623 0 01.59284-.99975c.28949-.09214 2.1814-.08318 2.3917.01141.38734.17369.6279.61078.53984.98181-.06035.25606-.35391.57327-.60181.64992-.25279.07747-2.2278.053-2.4097-.03017-.26013-.11906-.46318-.36125-.51374-.61323" fill = "#fff" opacity = "0.3" / >
< / svg > `);
2025-03-29 20:45:54 +01:00
bombSVG.onload = ()=>(0, _game.gameState).needsRender = true;
2025-03-19 18:13:41 +01:00
const background = document.createElement("img");
2025-03-30 21:07:58 +02:00
background.onload = ()=>(0, _game.gameState).needsRender = true;
2025-03-19 18:13:41 +01:00
const backgroundCanvas = document.createElement("canvas");
2025-04-03 15:15:00 +02:00
const haloCanvas = document.createElement("canvas");
const haloCanvasCtx = haloCanvas.getContext("2d", {
alpha: false
});
2025-04-07 16:52:42 +02:00
const haloScale = 16;
2025-03-19 18:13:41 +01:00
function render(gameState) {
const level = (0, _gameUtils.currentLevelInfo)(gameState);
2025-03-25 08:33:09 +01:00
const hasCombo = gameState.combo > (0, _gameStateMutators.baseCombo)(gameState);
2025-03-19 18:13:41 +01:00
const { width, height } = gameCanvas;
if (!width || !height) return;
2025-04-06 10:13:10 +02:00
if (gameState.currentLevel || gameState.levelTime) menuLabel.innerText = (0, _i18N.t)("play.current_lvl", {
2025-03-19 18:13:41 +01:00
level: gameState.currentLevel + 1,
max: (0, _gameUtils.max_levels)(gameState)
});
else menuLabel.innerText = (0, _i18N.t)("play.menu_label");
2025-03-29 20:45:54 +01:00
const catchRate = gameState.levelSpawnedCoins ? (gameState.levelSpawnedCoins - gameState.levelLostCoins) / gameState.levelSpawnedCoins : 1;
2025-03-29 21:05:53 +01:00
scoreDisplay.innerHTML = ((0, _options.isOptionOn)("show_fps") ? `
2025-03-29 21:28:05 +01:00
< span class = "${Math.abs((0, _game.lastMeasuredFPS) - 60) < 2 && " " | | Math . abs ( ( 0 , _game . lastMeasuredFPS ) - 60 ) < 10 & & " good " | | " bad " } " >
2025-03-29 21:05:53 +01:00
${0, _game.lastMeasuredFPS} FPS
< / span > < span > / < / span >
2025-03-29 21:28:05 +01:00
` : "") + ((0, _options.isOptionOn)("show_stats") ? `
2025-04-01 18:33:58 +02:00
< span class = "${catchRate > 0.95 && " great " | | catchRate > 0.9 & & "good" || ""}" data-tooltip="${(0, _i18N.t)("play.stats.coins_catch_rate")}">
2025-03-29 20:45:54 +01:00
${Math.floor(catchRate * 100)}%
< / span > < span > / < / span >
2025-04-01 18:33:58 +02:00
< span class = "${gameState.levelTime < 30000 && " great " | | gameState . levelTime < 60000 & & " good " | | " " } " data-tooltip = "${(0, _i18N.t)(" play . stats . levelTime " ) } " >
2025-03-29 20:45:54 +01:00
${Math.ceil(gameState.levelTime / 1000)}s
< / span > < span > / < / span >
2025-04-01 18:33:58 +02:00
< span class = "${gameState.levelWallBounces < 3 && " great " | | gameState . levelWallBounces < 10 & & " good " | | " " } " data-tooltip = "${(0, _i18N.t)(" play . stats . levelWallBounces " ) } " >
2025-03-30 21:07:58 +02:00
${gameState.levelWallBounces} B
< / span > < span > / < / span >
2025-04-01 18:33:58 +02:00
< span class = "${gameState.levelMisses < 3 && " great " | | gameState . levelMisses < 6 & & " good " | | " " } " data-tooltip = "${(0, _i18N.t)(" play . stats . levelMisses " ) } " >
2025-03-29 20:45:54 +01:00
${gameState.levelMisses} M
< / span > < span > / < / span >
2025-04-01 18:26:40 +02:00
` : "") + `< span class = "score" data-tooltip = "${(0, _i18N.t)(" play . score_tooltip " ) } " > $${gameState.score}< / span > `;
2025-03-19 18:13:41 +01:00
scoreDisplay.className = gameState.lastScoreIncrease > gameState.levelTime - 500 ? "active" : "";
// Clear
2025-04-03 16:10:51 +02:00
if (!(0, _options.isOptionOn)("basic") & & level.svg & & level.color === "#000000") {
2025-04-03 15:15:00 +02:00
haloCanvasCtx.globalCompositeOperation = "source-over";
2025-04-06 10:13:10 +02:00
haloCanvasCtx.globalAlpha = 0.99;
2025-04-03 16:10:51 +02:00
haloCanvasCtx.fillStyle = level.color;
2025-04-03 15:15:00 +02:00
haloCanvasCtx.fillRect(0, 0, width / haloScale, height / haloScale);
2025-04-06 10:13:10 +02:00
const brightness = (0, _options.isOptionOn)("extra_bright") ? 3 : 1;
haloCanvasCtx.globalCompositeOperation = "lighten";
haloCanvasCtx.globalAlpha = 0.1;
2025-03-19 18:13:41 +01:00
(0, _gameStateMutators.forEachLiveOne)(gameState.coins, (coin)=>{
2025-04-06 10:13:10 +02:00
const color = getCoinRenderColor(gameState, coin);
drawFuzzyBall(haloCanvasCtx, color, gameState.coinSize * 2 * brightness / haloScale, coin.x / haloScale, coin.y / haloScale);
2025-03-19 18:13:41 +01:00
});
2025-04-07 15:25:58 +02:00
haloCanvasCtx.globalAlpha = 0.3;
2025-03-19 18:13:41 +01:00
gameState.balls.forEach((ball)=>{
2025-04-07 15:25:58 +02:00
drawFuzzyBall(haloCanvasCtx, gameState.ballsColor, gameState.ballSize * 2 * brightness / haloScale, ball.x / haloScale, ball.y / haloScale);
2025-03-19 18:13:41 +01:00
});
2025-04-06 10:13:10 +02:00
haloCanvasCtx.globalAlpha = 0.05;
2025-03-19 18:13:41 +01:00
gameState.bricks.forEach((color, index)=>{
if (!color) return;
const x = (0, _gameUtils.brickCenterX)(gameState, index), y = (0, _gameUtils.brickCenterY)(gameState, index);
2025-04-07 16:52:42 +02:00
drawFuzzyBall(haloCanvasCtx, color == "black" ? "#666666" : color, // 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);
2025-03-19 18:13:41 +01:00
});
2025-04-06 10:13:10 +02:00
haloCanvasCtx.globalCompositeOperation = "screen";
2025-03-19 18:13:41 +01:00
(0, _gameStateMutators.forEachLiveOne)(gameState.particles, (flash)=>{
const { x, y, time, color, size, duration } = flash;
const elapsed = gameState.levelTime - time;
2025-04-07 16:52:42 +02:00
haloCanvasCtx.globalAlpha = 0.1 * Math.min(1, 2 - elapsed / duration * 2);
2025-04-06 10:13:10 +02:00
drawFuzzyBall(haloCanvasCtx, color, size * 3 * brightness / haloScale, x / haloScale, y / haloScale);
2025-03-19 18:13:41 +01:00
});
2025-04-03 15:15:00 +02:00
ctx.globalAlpha = 1;
ctx.globalCompositeOperation = "source-over";
2025-04-07 16:52:42 +02:00
ctx.imageSmoothingEnabled = true;
ctx.imageSmoothingQuality = "high";
2025-04-03 15:15:00 +02:00
ctx.drawImage(haloCanvas, 0, 0, width, height);
2025-04-07 16:52:42 +02:00
ctx.imageSmoothingEnabled = false;
2025-04-03 21:22:13 +02:00
ctx.globalAlpha = 1;
2025-03-19 18:13:41 +01:00
ctx.globalCompositeOperation = "multiply";
if (level.svg & & background.width & & background.complete) {
if (backgroundCanvas.title !== level.name) {
backgroundCanvas.title = level.name;
backgroundCanvas.width = gameState.canvasWidth;
backgroundCanvas.height = gameState.canvasHeight;
const bgctx = backgroundCanvas.getContext("2d");
2025-04-03 16:10:51 +02:00
bgctx.globalCompositeOperation = "source-over";
2025-03-19 18:13:41 +01:00
bgctx.fillStyle = level.color || "#000";
bgctx.fillRect(0, 0, gameState.canvasWidth, gameState.canvasHeight);
2025-03-29 20:45:54 +01:00
if (gameState.perks.clairvoyant >= 3) {
2025-03-29 21:28:05 +01:00
const pageSource = document.body.innerHTML.replace(/\s+/gi, "");
2025-03-29 20:45:54 +01:00
const lineWidth = Math.ceil(gameState.canvasWidth / 15);
const lines = Math.ceil(gameState.canvasHeight / 20);
const chars = lineWidth * lines;
let start = Math.ceil(Math.random() * (pageSource.length - chars));
for(let i = 0; i < lines ; i + + ) {
2025-04-06 10:13:10 +02:00
bgctx.fillStyle = "#FFFFFF";
2025-03-29 21:28:05 +01:00
bgctx.font = "20px Courier";
2025-03-29 20:45:54 +01:00
bgctx.fillText(pageSource.slice(start + i * lineWidth, start + (i + 1) * lineWidth), 0, i * 20, gameState.canvasWidth);
}
} else {
const pattern = ctx.createPattern(background, "repeat");
if (pattern) {
2025-04-03 16:10:51 +02:00
bgctx.globalCompositeOperation = "screen";
2025-03-29 20:45:54 +01:00
bgctx.fillStyle = pattern;
bgctx.fillRect(0, 0, width, height);
}
2025-03-19 18:13:41 +01:00
}
}
2025-04-03 16:10:51 +02:00
ctx.globalCompositeOperation = "darken";
2025-03-19 18:13:41 +01:00
ctx.drawImage(backgroundCanvas, 0, 0);
} else {
// Background not loaded yes
ctx.fillStyle = "#000";
ctx.fillRect(0, 0, width, height);
}
} else {
ctx.globalAlpha = 1;
ctx.globalCompositeOperation = "source-over";
ctx.fillStyle = level.color || "#000";
ctx.fillRect(0, 0, width, height);
(0, _gameStateMutators.forEachLiveOne)(gameState.particles, (flash)=>{
const { x, y, time, color, size, duration } = flash;
const elapsed = gameState.levelTime - time;
ctx.globalAlpha = Math.min(1, 2 - elapsed / duration * 2);
drawBall(ctx, color, size, x, y);
});
}
ctx.globalAlpha = 1;
ctx.globalCompositeOperation = "source-over";
const lastExplosionDelay = Date.now() - gameState.lastExplosion + 5;
const shaked = lastExplosionDelay < 200 & & ! ( 0 , _options . isOptionOn ) ( " basic " ) ;
if (shaked) {
const amplitude = (gameState.perks.bigger_explosions + 1) * 50 / lastExplosionDelay;
ctx.translate(Math.sin(Date.now()) * amplitude, Math.sin(Date.now() + 36) * amplitude);
}
// Coins
ctx.globalAlpha = 1;
(0, _gameStateMutators.forEachLiveOne)(gameState.coins, (coin)=>{
2025-04-06 10:13:10 +02:00
const color = getCoinRenderColor(gameState, coin);
2025-04-03 15:15:00 +02:00
// ctx.globalCompositeOperation = "source-over";
2025-04-06 10:13:10 +02:00
ctx.globalCompositeOperation = "source-over";
drawCoin(ctx, color, coin.size, coin.x, coin.y, hasCombo & & gameState.perks.asceticism & & "#FF0000" || color === "#ffd300" & & "#ffd300" || color == "#231f20" & & gameState.level.color == "#000000" & & "#FFFFFF" || gameState.level.color, coin.a);
2025-03-19 18:13:41 +01:00
});
// Black shadow around balls
if (!(0, _options.isOptionOn)("basic")) {
ctx.globalCompositeOperation = "source-over";
ctx.globalAlpha = Math.min(0.8, (0, _gameStateMutators.liveCount)(gameState.coins) / 20);
gameState.balls.forEach((ball)=>{
drawBall(ctx, level.color || "#000", gameState.ballSize * 6, ball.x, ball.y);
});
}
ctx.globalCompositeOperation = "source-over";
renderAllBricks();
ctx.globalCompositeOperation = "screen";
2025-03-28 10:21:14 +01:00
(0, _gameStateMutators.forEachLiveOne)(gameState.lights, (flash)=>{
const { x, y, time, color, size, duration } = flash;
const elapsed = gameState.levelTime - time;
ctx.globalAlpha = Math.min(1, 2 - elapsed / duration * 2) * 0.5;
2025-04-06 10:13:10 +02:00
drawBrick(gameState, ctx, color, x, y, -1, gameState.perks.clairvoyant >= 2);
2025-03-28 10:21:14 +01:00
});
ctx.globalCompositeOperation = "screen";
2025-03-19 18:13:41 +01:00
(0, _gameStateMutators.forEachLiveOne)(gameState.texts, (flash)=>{
const { x, y, time, color, size, duration } = flash;
const elapsed = gameState.levelTime - time;
ctx.globalAlpha = Math.max(0, Math.min(1, 2 - elapsed / duration * 2));
ctx.globalCompositeOperation = "source-over";
drawText(ctx, flash.text, color, size, x, y - elapsed / 10);
});
(0, _gameStateMutators.forEachLiveOne)(gameState.particles, (particle)=>{
const { x, y, time, color, size, duration } = particle;
const elapsed = gameState.levelTime - time;
ctx.globalAlpha = Math.max(0, Math.min(1, 2 - elapsed / duration * 2));
ctx.globalCompositeOperation = "screen";
drawBall(ctx, color, size, x, y);
});
if (gameState.perks.extra_life) {
ctx.globalAlpha = 1;
ctx.globalCompositeOperation = "source-over";
ctx.fillStyle = gameState.puckColor;
2025-03-19 20:14:55 +01:00
for(let i = 0; i < gameState.perks.extra_life ; i + + ) ctx . fillRect ( gameState . perks . unbounded ? 0 : gameState . offsetXRoundedDown , gameState . gameZoneHeight - gameState . puckHeight / 2 + 2 * i , gameState . perks . unbounded ? gameState . canvasWidth : gameState . gameZoneWidthRoundedUp , 1 ) ;
2025-03-19 18:13:41 +01:00
}
ctx.globalAlpha = 1;
ctx.globalCompositeOperation = "source-over";
gameState.balls.forEach((ball)=>{
2025-03-25 08:22:58 +01:00
const drawingColor = gameState.ballsColor;
2025-03-19 18:13:41 +01:00
// The white border around is to distinguish colored balls from coins/bg
2025-03-24 10:19:15 +01:00
drawBall(ctx, drawingColor, gameState.ballSize, ball.x, ball.y, gameState.puckColor);
2025-04-04 09:45:35 +02:00
if ((0, _gameUtils.telekinesisEffectRate)(gameState, ball) || (0, _gameUtils.yoyoEffectRate)(gameState, ball)) {
2025-03-19 18:13:41 +01:00
ctx.beginPath();
2025-03-19 20:14:55 +01:00
ctx.moveTo(gameState.puckPosition, gameState.gameZoneHeight);
2025-04-04 09:45:35 +02:00
ctx.globalAlpha = Math.max((0, _gameUtils.telekinesisEffectRate)(gameState, ball), (0, _gameUtils.yoyoEffectRate)(gameState, ball));
2025-03-29 11:24:45 +01:00
ctx.strokeStyle = gameState.puckColor;
2025-03-19 18:13:41 +01:00
ctx.bezierCurveTo(gameState.puckPosition, gameState.gameZoneHeight, gameState.puckPosition, ball.y, ball.x, ball.y);
ctx.stroke();
2025-03-28 11:58:58 +01:00
ctx.lineWidth = 2;
ctx.setLineDash(emptyArray);
2025-03-19 18:13:41 +01:00
}
2025-04-04 09:45:35 +02:00
ctx.globalAlpha = 1;
2025-03-24 10:19:15 +01:00
if (gameState.perks.clairvoyant & & gameState.ballStickToPuck) {
ctx.strokeStyle = gameState.ballsColor;
ctx.beginPath();
ctx.moveTo(ball.x, ball.y);
ctx.lineTo(ball.x + ball.vx * 10, ball.y + ball.vy * 10);
ctx.stroke();
}
2025-03-19 18:13:41 +01:00
});
// The puck
ctx.globalAlpha = 1;
ctx.globalCompositeOperation = "source-over";
2025-03-29 20:45:54 +01:00
drawPuck(ctx, gameState.puckColor, gameState.puckWidth, gameState.puckHeight, 0, gameState.perks.concave_puck, gameState.perks.streak_shots & & hasCombo ? getDashOffset(gameState) : -1);
2025-03-19 18:13:41 +01:00
if (gameState.combo > 1) {
ctx.globalCompositeOperation = "source-over";
const comboText = "x " + gameState.combo;
const comboTextWidth = comboText.length * gameState.puckHeight / 1.8;
const totalWidth = comboTextWidth + gameState.coinSize * 2;
const left = gameState.puckPosition - totalWidth / 2;
if (totalWidth < gameState.puckWidth ) {
2025-04-06 10:13:10 +02:00
drawCoin(ctx, "#ffd300", gameState.coinSize, left + gameState.coinSize / 2, gameState.gameZoneHeight - gameState.puckHeight / 2, gameState.puckColor, 0);
2025-03-19 18:13:41 +01:00
drawText(ctx, comboText, "#000", gameState.puckHeight, left + gameState.coinSize * 1.5, gameState.gameZoneHeight - gameState.puckHeight / 2, true);
2025-03-23 22:19:11 +01:00
} else drawText(ctx, comboTextWidth > gameState.puckWidth ? gameState.combo.toString() : comboText, "#000", comboTextWidth > gameState.puckWidth ? 12 : 20, gameState.puckPosition, gameState.gameZoneHeight - gameState.puckHeight / 2, false);
2025-03-19 18:13:41 +01:00
}
// Borders
ctx.globalCompositeOperation = "source-over";
2025-03-19 20:14:55 +01:00
ctx.globalAlpha = gameState.perks.unbounded ? 0.1 : 1;
2025-04-02 10:41:35 +02:00
let redLeftSide = hasCombo & & !gameState.perks.unbounded & & (gameState.perks.left_is_lava || gameState.perks.trampoline);
let redRightSide = hasCombo & & !gameState.perks.unbounded & & (gameState.perks.right_is_lava || gameState.perks.trampoline);
let redTop = hasCombo & & gameState.perks.unbounded < = 2 & & (gameState.perks.top_is_lava || gameState.perks.trampoline);
2025-03-19 18:13:41 +01:00
if (gameState.offsetXRoundedDown) {
// draw outside of gaming area to avoid capturing borders in recordings
2025-04-06 10:13:10 +02:00
drawStraightLine(ctx, gameState, redLeftSide & & "#FF0000" || "#FFFFFF", gameState.offsetX - 1, 0, gameState.offsetX - 1, height, gameState.perks.unbounded ? 0.1 : 1);
drawStraightLine(ctx, gameState, redRightSide & & "#FF0000" || "#FFFFFF", width - gameState.offsetX + 1, 0, width - gameState.offsetX + 1, height, gameState.perks.unbounded ? 0.1 : 1);
2025-03-19 18:13:41 +01:00
} else {
2025-04-06 10:13:10 +02:00
drawStraightLine(ctx, gameState, redLeftSide & & "#FF0000" || "", 0, 0, 0, height, 1);
drawStraightLine(ctx, gameState, redRightSide & & "#FF0000" || "", width - 1, 0, width - 1, height, 1);
2025-03-19 18:13:41 +01:00
}
2025-04-06 10:13:10 +02:00
if (redTop) drawStraightLine(ctx, gameState, "#FF0000", gameState.perks.unbounded ? 0 : gameState.offsetXRoundedDown, 1, gameState.perks.unbounded ? width : width - gameState.offsetXRoundedDown, 1, 1);
2025-03-29 11:24:45 +01:00
ctx.globalAlpha = 1;
2025-04-06 10:13:10 +02:00
drawStraightLine(ctx, gameState, hasCombo & & gameState.perks.compound_interest & & "#FF0000" || (0, _options.isOptionOn)("mobile-mode") & & "#FFFFFF" || "", gameState.offsetXRoundedDown, gameState.gameZoneHeight, width - gameState.offsetXRoundedDown, gameState.gameZoneHeight, 1);
2025-04-04 12:07:24 +02:00
if (!(0, _options.isOptionOn)("basic") & & (0, _options.isOptionOn)("contrast") & & level.svg & & level.color === "#000000") {
2025-04-07 16:52:42 +02:00
ctx.imageSmoothingEnabled = true;
2025-04-04 12:07:24 +02:00
// haloCanvasCtx.globalCompositeOperation = 'multiply';
// haloCanvasCtx.fillRect(0,0,haloCanvas.width,haloCanvas.height)
2025-04-06 10:13:10 +02:00
haloCanvasCtx.fillStyle = "#FFFFFF";
2025-04-04 12:07:24 +02:00
haloCanvasCtx.globalAlpha = 0.25;
2025-04-04 12:07:51 +02:00
haloCanvasCtx.globalCompositeOperation = "screen";
2025-04-04 12:07:24 +02:00
haloCanvasCtx.fillRect(0, 0, haloCanvas.width, haloCanvas.height);
ctx.globalAlpha = 1;
2025-04-07 15:25:58 +02:00
ctx.globalCompositeOperation = "overlay";
2025-04-04 12:07:24 +02:00
ctx.drawImage(haloCanvas, 0, 0, width, height);
2025-04-07 16:52:42 +02:00
ctx.imageSmoothingEnabled = false;
2025-04-04 12:07:24 +02:00
}
2025-04-04 12:07:51 +02:00
ctx.globalCompositeOperation = "source-over";
2025-04-04 12:07:24 +02:00
ctx.globalAlpha = 1;
2025-03-25 08:22:58 +01:00
if ((0, _options.isOptionOn)("mobile-mode") & & !gameState.running) drawText(ctx, (0, _i18N.t)("play.mobile_press_to_play"), gameState.puckColor, gameState.puckHeight, gameState.canvasWidth / 2, gameState.gameZoneHeight + (gameState.canvasHeight - gameState.gameZoneHeight) / 2);
2025-03-19 18:13:41 +01:00
if (shaked) ctx.resetTransform();
}
2025-03-25 08:22:58 +01:00
function drawStraightLine(ctx, gameState, mode, x1, y1, x2, y2, alpha = 1) {
ctx.globalAlpha = alpha;
if (!mode) return;
2025-04-06 10:13:10 +02:00
if (mode == "#FF0000") {
ctx.strokeStyle = "#FF0000";
2025-03-25 08:22:58 +01:00
ctx.lineDashOffset = getDashOffset(gameState);
ctx.lineWidth = 2;
ctx.setLineDash(redBorderDash);
} else {
2025-04-06 10:13:10 +02:00
ctx.strokeStyle = "#FFFFFF";
2025-03-25 08:22:58 +01:00
ctx.lineWidth = 1;
}
ctx.beginPath();
ctx.moveTo(x1, y1);
ctx.lineTo(x2, y2);
ctx.stroke();
2025-04-06 10:13:10 +02:00
if (mode == "#FF0000") {
2025-03-28 11:58:58 +01:00
ctx.setLineDash(emptyArray);
2025-03-25 08:22:58 +01:00
ctx.lineWidth = 1;
}
ctx.globalAlpha = 1;
}
2025-03-19 18:13:41 +01:00
let cachedBricksRender = document.createElement("canvas");
let cachedBricksRenderKey = "";
function renderAllBricks() {
ctx.globalAlpha = 1;
2025-03-25 08:47:24 +01:00
const hasCombo = (0, _game.gameState).combo > (0, _gameStateMutators.baseCombo)((0, _game.gameState));
2025-04-01 21:37:07 +02:00
const redBorderOnBricksWithWrongColor = hasCombo & & (0, _game.gameState).perks.picky_eater & & (0, _gameUtils.isPickyEatingPossible)((0, _game.gameState));
2025-04-02 19:36:03 +02:00
const redColorOnAllBricks = hasCombo & & (0, _gameUtils.isMovingWhilePassiveIncome)((0, _game.gameState));
2025-04-01 21:37:07 +02:00
const redRowReach = (0, _gameUtils.reachRedRowIndex)((0, _game.gameState));
2025-04-06 10:13:10 +02:00
const { clairvoyant } = (0, _game.gameState).perks;
2025-03-25 08:22:58 +01:00
let offset = getDashOffset((0, _game.gameState));
2025-04-01 21:37:07 +02:00
if (!(redBorderOnBricksWithWrongColor || redColorOnAllBricks || redRowReach !== -1 || (0, _game.gameState).perks.zen)) offset = 0;
2025-04-06 10:13:10 +02:00
const clairVoyance = clairvoyant & & (0, _game.gameState).brickHP.reduce((a, b)=>a + b, 0);
2025-04-01 21:37:07 +02:00
const newKey = (0, _game.gameState).gameZoneWidth + "_" + (0, _game.gameState).bricks.join("_") + bombSVG.complete + "_" + redRowReach + "_" + redBorderOnBricksWithWrongColor + "_" + redColorOnAllBricks + "_" + (0, _game.gameState).ballsColor + "_" + (0, _game.gameState).perks.pierce_color + "_" + clairVoyance + "_" + offset;
2025-03-19 18:13:41 +01:00
if (newKey !== cachedBricksRenderKey) {
cachedBricksRenderKey = newKey;
cachedBricksRender.width = (0, _game.gameState).gameZoneWidth;
cachedBricksRender.height = (0, _game.gameState).gameZoneWidth + 1;
const canctx = cachedBricksRender.getContext("2d");
canctx.clearRect(0, 0, (0, _game.gameState).gameZoneWidth, (0, _game.gameState).gameZoneWidth);
canctx.resetTransform();
canctx.translate(-(0, _game.gameState).offsetX, 0);
// Bricks
(0, _game.gameState).bricks.forEach((color, index)=>{
const x = (0, _gameUtils.brickCenterX)((0, _game.gameState), index), y = (0, _gameUtils.brickCenterY)((0, _game.gameState), index);
if (!color) return;
2025-04-01 21:37:07 +02:00
let redBecauseOfReach = redRowReach === Math.floor(index / (0, _game.gameState).level.size);
2025-03-29 11:24:45 +01:00
let redBorder = (0, _game.gameState).ballsColor !== color & & color !== "black" & & redBorderOnBricksWithWrongColor || hasCombo & & (0, _game.gameState).perks.zen & & color === "black" || redBecauseOfReach || redColorOnAllBricks;
2025-03-23 17:52:25 +01:00
canctx.globalCompositeOperation = "source-over";
2025-04-06 10:13:10 +02:00
drawBrick((0, _game.gameState), canctx, color, x, y, redBorder ? offset : -1, clairvoyant >= 2);
if ((0, _game.gameState).brickHP[index] > 1 & & clairvoyant) {
canctx.globalCompositeOperation = "source-over";
drawText(canctx, (0, _game.gameState).brickHP[index].toString(), clairvoyant >= 2 ? color : (0, _game.gameState).level.color, (0, _game.gameState).puckHeight, x, y);
2025-03-23 17:52:25 +01:00
}
2025-03-19 18:13:41 +01:00
if (color === "black") {
canctx.globalCompositeOperation = "source-over";
drawIMG(canctx, bombSVG, (0, _game.gameState).brickWidth, x, y);
}
});
}
ctx.drawImage(cachedBricksRender, (0, _game.gameState).offsetX, 0);
}
let cachedGraphics = {};
2025-03-29 20:45:54 +01:00
function drawPuck(ctx, color, puckWidth, puckHeight, yOffset = 0, concave_puck, redBorderOffset) {
const key = "puck" + color + "_" + puckWidth + "_" + puckHeight + "_" + concave_puck + "_" + redBorderOffset;
2025-03-19 18:13:41 +01:00
if (!cachedGraphics[key]) {
const can = document.createElement("canvas");
can.width = puckWidth;
can.height = puckHeight * 2;
const canctx = can.getContext("2d");
canctx.fillStyle = color;
canctx.beginPath();
canctx.moveTo(0, puckHeight * 2);
2025-03-29 20:45:54 +01:00
if (concave_puck) {
2025-03-19 18:13:41 +01:00
canctx.lineTo(0, puckHeight * 0.75);
2025-03-29 20:45:54 +01:00
canctx.bezierCurveTo(puckWidth / 2, puckHeight * (2 + concave_puck) / 3, puckWidth / 2, puckHeight * (2 + concave_puck) / 3, puckWidth, puckHeight * 0.75);
2025-03-19 18:13:41 +01:00
canctx.lineTo(puckWidth, puckHeight * 2);
} else {
canctx.lineTo(0, puckHeight * 1.25);
canctx.bezierCurveTo(0, puckHeight * 0.75, puckWidth, puckHeight * 0.75, puckWidth, puckHeight * 1.25);
canctx.lineTo(puckWidth, puckHeight * 2);
}
canctx.fill();
2025-03-25 08:22:58 +01:00
if (redBorderOffset !== -1) {
2025-04-06 10:13:10 +02:00
canctx.strokeStyle = "#FF0000";
2025-03-25 08:22:58 +01:00
canctx.lineWidth = 4;
canctx.setLineDash(redBorderDash);
canctx.lineDashOffset = redBorderOffset;
canctx.stroke();
}
2025-03-19 18:13:41 +01:00
cachedGraphics[key] = can;
}
ctx.drawImage(cachedGraphics[key], Math.round((0, _game.gameState).puckPosition - puckWidth / 2), (0, _game.gameState).gameZoneHeight - puckHeight * 2 + yOffset);
}
function drawBall(ctx, color, width, x, y, borderColor = "") {
const key = "ball" + color + "_" + width + "_" + borderColor;
const size = Math.round(width);
if (!cachedGraphics[key]) {
const can = document.createElement("canvas");
can.width = size;
can.height = size;
const canctx = can.getContext("2d");
canctx.beginPath();
canctx.arc(size / 2, size / 2, Math.round(size / 2) - 1, 0, 2 * Math.PI);
canctx.fillStyle = color;
canctx.fill();
if (borderColor) {
canctx.lineWidth = 2;
canctx.strokeStyle = borderColor;
canctx.stroke();
}
cachedGraphics[key] = can;
}
ctx.drawImage(cachedGraphics[key], Math.round(x - size / 2), Math.round(y - size / 2));
}
const angles = 32;
function drawCoin(ctx, color, size, x, y, borderColor, rawAngle) {
const angle = (Math.round(rawAngle / Math.PI * 2 * angles) % angles + angles) % angles;
2025-04-06 10:13:10 +02:00
const key = "coin with halo_" + color + "_" + size + "_" + borderColor + "_" + (color === "#ffd300" ? angle : "whatever");
2025-03-19 18:13:41 +01:00
if (!cachedGraphics[key]) {
const can = document.createElement("canvas");
can.width = size;
can.height = size;
const canctx = can.getContext("2d");
// coin
canctx.beginPath();
canctx.arc(size / 2, size / 2, size / 2, 0, 2 * Math.PI);
canctx.fillStyle = color;
canctx.fill();
2025-03-29 20:45:54 +01:00
canctx.strokeStyle = borderColor;
2025-04-06 10:13:10 +02:00
if (borderColor == "#FF0000") {
2025-03-29 20:45:54 +01:00
canctx.lineWidth = 2;
canctx.setLineDash(redBorderDash);
2025-03-25 08:33:09 +01:00
}
2025-03-29 20:45:54 +01:00
canctx.stroke();
2025-04-06 10:13:10 +02:00
if (color === "#ffd300") {
2025-03-25 08:33:09 +01:00
// Fill in
2025-03-19 18:13:41 +01:00
canctx.beginPath();
canctx.arc(size / 2, size / 2, size / 2 * 0.6, 0, 2 * Math.PI);
canctx.fillStyle = "rgba(255,255,255,0.5)";
canctx.fill();
canctx.translate(size / 2, size / 2);
canctx.rotate(angle / 16);
canctx.translate(-size / 2, -size / 2);
canctx.globalCompositeOperation = "multiply";
drawText(canctx, "$", color, size - 2, size / 2, size / 2 + 1);
drawText(canctx, "$", color, size - 2, size / 2, size / 2 + 1);
}
cachedGraphics[key] = can;
}
ctx.drawImage(cachedGraphics[key], Math.round(x - size / 2), Math.round(y - size / 2));
}
function drawFuzzyBall(ctx, color, width, x, y) {
const key = "fuzzy-circle" + color + "_" + width;
if (!color) debugger;
const size = Math.round(width * 3);
if (!cachedGraphics[key]) {
const can = document.createElement("canvas");
can.width = size;
can.height = size;
const canctx = can.getContext("2d");
const gradient = canctx.createRadialGradient(size / 2, size / 2, 0, size / 2, size / 2, size / 2);
gradient.addColorStop(0, color);
2025-04-06 10:13:10 +02:00
gradient.addColorStop(0.3, color + "88");
gradient.addColorStop(0.6, color + "22");
2025-03-19 18:13:41 +01:00
gradient.addColorStop(1, "transparent");
canctx.fillStyle = gradient;
canctx.fillRect(0, 0, size, size);
cachedGraphics[key] = can;
}
ctx.drawImage(cachedGraphics[key], Math.round(x - size / 2), Math.round(y - size / 2));
}
2025-04-06 10:13:10 +02:00
function drawBrick(gameState, ctx, color, x, y, offset = 0, borderOnly) {
const tlx = Math.ceil(x - gameState.brickWidth / 2);
const tly = Math.ceil(y - gameState.brickWidth / 2);
const brx = Math.ceil(x + gameState.brickWidth / 2) - 1;
const bry = Math.ceil(y + gameState.brickWidth / 2) - 1;
2025-03-19 18:13:41 +01:00
const width = brx - tlx, height = bry - tly;
2025-04-06 10:13:10 +02:00
const whiteBorder = offset == -1 & & color == "#231f20" & & gameState.level.color == "#000000" & & "#FFFFFF";
2025-04-06 15:38:30 +02:00
const key = "brick" + color + "_" + "_" + width + "_" + height + "_" + offset + "_" + borderOnly + "_" + whiteBorder;
2025-03-19 18:13:41 +01:00
if (!cachedGraphics[key]) {
const can = document.createElement("canvas");
can.width = width;
can.height = height;
2025-03-25 08:22:58 +01:00
const bord = 4;
2025-03-19 18:13:41 +01:00
const cornerRadius = 2;
const canctx = can.getContext("2d");
canctx.fillStyle = color;
2025-03-28 11:58:58 +01:00
canctx.setLineDash(offset !== -1 ? redBorderDash : emptyArray);
2025-03-25 08:22:58 +01:00
canctx.lineDashOffset = offset;
2025-04-06 10:13:10 +02:00
canctx.strokeStyle = offset !== -1 & & "#FF0000" || whiteBorder || color;
2025-03-19 18:13:41 +01:00
canctx.lineJoin = "round";
2025-04-06 10:13:10 +02:00
canctx.lineWidth = whiteBorder ? 1 : bord;
2025-03-19 18:13:41 +01:00
roundRect(canctx, bord / 2, bord / 2, width - bord, height - bord, cornerRadius);
2025-03-29 20:45:54 +01:00
if (!borderOnly) canctx.fill();
2025-03-19 18:13:41 +01:00
canctx.stroke();
cachedGraphics[key] = can;
}
ctx.drawImage(cachedGraphics[key], tlx, tly, width, height);
// It's not easy to have a 1px gap between bricks without antialiasing
}
function roundRect(ctx, x, y, width, height, radius) {
ctx.beginPath();
ctx.moveTo(x + radius, y);
ctx.lineTo(x + width - radius, y);
ctx.quadraticCurveTo(x + width, y, x + width, y + radius);
ctx.lineTo(x + width, y + height - radius);
ctx.quadraticCurveTo(x + width, y + height, x + width - radius, y + height);
ctx.lineTo(x + radius, y + height);
ctx.quadraticCurveTo(x, y + height, x, y + height - radius);
ctx.lineTo(x, y + radius);
ctx.quadraticCurveTo(x, y, x + radius, y);
ctx.closePath();
}
function drawIMG(ctx, img, size, x, y) {
const key = "svg" + img + "_" + size + "_" + img.complete;
if (!cachedGraphics[key]) {
const can = document.createElement("canvas");
can.width = size;
can.height = size;
const canctx = can.getContext("2d");
const ratio = size / Math.max(img.width, img.height);
const w = img.width * ratio;
const h = img.height * ratio;
canctx.drawImage(img, (size - w) / 2, (size - h) / 2, w, h);
cachedGraphics[key] = can;
}
ctx.drawImage(cachedGraphics[key], Math.round(x - size / 2), Math.round(y - size / 2));
}
function drawText(ctx, text, color, fontSize, x, y, left = false) {
const key = "text" + text + "_" + color + "_" + fontSize + "_" + left;
if (!cachedGraphics[key]) {
const can = document.createElement("canvas");
can.width = fontSize * text.length;
can.height = fontSize;
const canctx = can.getContext("2d");
canctx.fillStyle = color;
canctx.textAlign = left ? "left" : "center";
canctx.textBaseline = "middle";
canctx.font = fontSize + "px monospace";
canctx.fillText(text, left ? 0 : can.width / 2, can.height / 2, can.width);
cachedGraphics[key] = can;
}
ctx.drawImage(cachedGraphics[key], left ? x : Math.round(x - cachedGraphics[key].width / 2), Math.round(y - cachedGraphics[key].height / 2));
}
const scoreDisplay = document.getElementById("score");
const menuLabel = document.getElementById("menuLabel");
2025-03-28 11:58:58 +01:00
const emptyArray = [];
2025-03-25 08:22:58 +01:00
const redBorderDash = [
5,
5
];
function getDashOffset(gameState) {
if ((0, _options.isOptionOn)("basic")) return 0;
return Math.floor(gameState.levelTime % 500 / 500 * 10) % 10;
}
2025-04-06 10:13:10 +02:00
function getCoinRenderColor(gameState, coin) {
if (gameState.perks.metamorphosis || (0, _options.isOptionOn)("colorful_coins")) return coin.color;
return "#ffd300";
}
2025-03-19 18:13:41 +01:00
},{"./gameStateMutators":"9ZeQl","./game_utils":"cEeac","./i18n/i18n":"eNPRm","./game":"edeGs","./options":"d5NoS","@parcel/transformer-js/src/esmodule-helpers.js":"gkKU3"}],"caCAf":[function(require,module,exports,__globalThis) {
var parcelHelpers = require("@parcel/transformer-js/src/esmodule-helpers.js");
parcelHelpers.defineInteropFlag(exports);
parcelHelpers.export(exports, "addToTotalPlayTime", ()=>addToTotalPlayTime);
parcelHelpers.export(exports, "gameOver", ()=>gameOver);
2025-04-06 10:13:10 +02:00
parcelHelpers.export(exports, "getCreativeModeWarning", ()=>getCreativeModeWarning);
2025-04-06 15:38:30 +02:00
parcelHelpers.export(exports, "getHistory", ()=>getHistory);
2025-03-19 18:13:41 +01:00
parcelHelpers.export(exports, "getHistograms", ()=>getHistograms);
var _loadGameData = require("./loadGameData");
var _i18N = require("./i18n/i18n");
var _game = require("./game");
var _gameUtils = require("./game_utils");
var _settings = require("./settings");
var _recording = require("./recording");
var _asyncAlert = require("./asyncAlert");
2025-04-06 15:38:30 +02:00
var _upgrades = require("./upgrades");
2025-03-19 18:13:41 +01:00
function addToTotalPlayTime(ms) {
try {
localStorage.setItem("breakout_71_total_play_time", JSON.stringify(JSON.parse(localStorage.getItem("breakout_71_total_play_time") || "0") + ms));
} catch (e) {}
}
function gameOver(title, intro) {
if (!(0, _game.gameState).running) return;
2025-03-22 16:04:25 +01:00
if ((0, _game.gameState).isGameOver) return;
(0, _game.gameState).isGameOver = true;
2025-03-19 18:13:41 +01:00
(0, _game.pause)(true);
(0, _recording.stopRecording)();
addToTotalPlayTime((0, _game.gameState).runStatistics.runTime);
let animationDelay = -300;
const getDelay = ()=>{
animationDelay += 800;
return "animation-delay:" + animationDelay + "ms;";
};
// unlocks
const endTs = (0, _settings.getTotalScore)();
const startTs = endTs - (0, _game.gameState).score;
2025-04-06 15:38:30 +02:00
const unlockedPerks = (0, _upgrades.rawUpgrades).filter((o)=>o.threshold > startTs & & o.threshold < endTs ) ;
let unlocksInfo = unlockedPerks.length ? `
2025-03-19 18:13:41 +01:00
2025-04-06 15:38:30 +02:00
< h2 > ${unlockedPerks.length === 1 ? (0, _i18N.t)("gameOver.unlocked_perk") : (0, _i18N.t)("gameOver.unlocked_perk_plural", {
count: unlockedPerks.length
})}< / h2 >
${unlockedPerks.map((u)=>`
< div class = "upgrade used" >
${(0, _loadGameData.icons)["icon:" + u.id]}
< p >
< strong > ${u.name}< / strong >
${u.help(1)}
< / p >
< / div >
`).join("\n")}
` : "";
2025-03-19 18:13:41 +01:00
// Avoid the sad sound right as we restart a new games
(0, _game.gameState).combo = 1;
(0, _asyncAlert.asyncAlert)({
allowClose: true,
title,
2025-03-27 10:52:31 +01:00
content: [
2025-04-07 14:50:35 +02:00
getCreativeModeWarning((0, _game.gameState)) || `
2025-03-19 18:13:41 +01:00
< p > ${intro}< / p >
< p > ${(0, _i18N.t)("gameOver.cumulative_total", {
2025-03-27 10:52:31 +01:00
startTs,
endTs
2025-04-06 10:13:10 +02:00
})}< / p >
2025-03-19 18:13:41 +01:00
`,
{
2025-04-06 11:36:32 +02:00
icon: (0, _loadGameData.icons)["icon:new_run"],
2025-03-19 18:13:41 +01:00
value: null,
text: (0, _i18N.t)("gameOver.restart"),
help: ""
2025-03-27 10:52:31 +01:00
},
2025-04-06 15:38:30 +02:00
`< div id = "level-recording-container" > < / div > `,
unlocksInfo,
getHistograms((0, _game.gameState))
2025-03-27 10:52:31 +01:00
]
2025-03-19 18:13:41 +01:00
}).then(()=>(0, _game.restart)({
2025-04-06 10:13:10 +02:00
levelToAvoid: (0, _gameUtils.currentLevelInfo)((0, _game.gameState)).name
2025-03-19 18:13:41 +01:00
}));
}
2025-04-06 10:13:10 +02:00
function getCreativeModeWarning(gameState) {
2025-04-06 15:38:30 +02:00
if (gameState.creative) return "< p > " + (0, _i18N.t)("gameOver.creative") + "< / p > ";
return "";
}
let runsHistory = [];
try {
runsHistory = JSON.parse(localStorage.getItem("breakout_71_runs_history") || "[]");
} catch (e) {}
function getHistory() {
return runsHistory;
2025-04-06 10:13:10 +02:00
}
2025-04-01 13:35:33 +02:00
function getHistograms(gameState) {
2025-04-06 15:38:30 +02:00
if (gameState.creative) return "";
let unlockedLevels = "";
2025-03-19 18:13:41 +01:00
let runStats = "";
try {
2025-04-06 15:38:30 +02:00
const locked = (0, _loadGameData.allLevels).map((l, li)=>({
li,
l,
2025-04-07 14:08:48 +02:00
r: (0, _gameUtils.reasonLevelIsLocked)(li, runsHistory, false)?.text
2025-04-06 15:38:30 +02:00
})).filter((l)=>l.r);
2025-04-06 18:21:53 +02:00
gameState.runStatistics.runTime = Math.round(gameState.runStatistics.runTime);
const perks = {
...gameState.perks
};
for(let id in perks)if (!perks[id]) delete perks[id];
2025-03-19 18:13:41 +01:00
runsHistory.push({
2025-04-01 13:35:33 +02:00
...gameState.runStatistics,
2025-04-06 18:21:53 +02:00
perks,
2025-03-19 18:13:41 +01:00
appVersion: (0, _loadGameData.appVersion)
});
2025-04-07 14:08:48 +02:00
const unlocked = locked.filter(({ li })=>!(0, _gameUtils.reasonLevelIsLocked)(li, runsHistory, true));
2025-04-06 15:38:30 +02:00
if (unlocked.length) unlockedLevels = `
< h2 > ${unlocked.length === 1 ? (0, _i18N.t)("unlocks.just_unlocked") : (0, _i18N.t)("unlocks.just_unlocked_plural", {
count: unlocked.length
})}< / h2 >
${unlocked.map(({ l, r })=>`
< div class = "upgrade used" >
${(0, _loadGameData.icons)[l.name]}
< p >
< strong > ${l.name}< / strong >
${(0, _gameUtils.describeLevel)(l)}
< / p >
< / div >
`).join("\n")}
`;
2025-03-19 18:13:41 +01:00
// Generate some histogram
2025-04-01 13:49:10 +02:00
localStorage.setItem("breakout_71_runs_history", JSON.stringify(runsHistory, null, 2));
2025-03-19 18:13:41 +01:00
const makeHistogram = (title, getter, unit)=>{
2025-04-06 10:13:10 +02:00
let values = runsHistory.map((h)=>getter(h) || 0);
2025-03-19 18:13:41 +01:00
let min = Math.min(...values);
let max = Math.max(...values);
// No point
if (min === max) return "";
if (max - min < 10 ) {
// This is mostly useful for levels
min = Math.max(0, max - 10);
max = Math.max(max, min + 10);
}
// One bin per unique value, max 10
const binsCount = Math.min(values.length, 10);
if (binsCount < 3 ) return " " ;
const bins = [];
const binsTotal = [];
for(let i = 0; i < binsCount ; i + + ) {
bins.push(0);
binsTotal.push(0);
}
const binSize = (max - min) / bins.length;
const binIndexOf = (v)=>Math.min(bins.length - 1, Math.floor((v - min) / binSize));
values.forEach((v)=>{
if (isNaN(v)) return;
const index = binIndexOf(v);
bins[index]++;
binsTotal[index] += v;
});
if (bins.filter((b)=>b).length < 3 ) return " " ;
const maxBin = Math.max(...bins);
const lastValue = values[values.length - 1];
const activeBin = binIndexOf(lastValue);
const bars = bins.map((v, vi)=>{
const style = `height: ${v / maxBin * 80}px`;
return `< span class = "${vi === activeBin ? " active " : " " } " > < span style = "${style}" title = "${v} run${v > 1 ? " s " : " " } between $ { Math . floor ( min + vi * binSize ) } and $ { Math . floor ( min + ( vi + 1 ) * binSize ) } $ { unit } "
>< span > ${!v & & " " || vi == activeBin & & lastValue + unit || Math.round(binsTotal[vi] / v) + unit}< / span > < / span > < / span > `;
}).join("");
return `< h2 class = "histogram-title" > ${title} : < strong > ${lastValue}${unit}< / strong > < / h2 >
< div class = "histogram" > ${bars}< / div >
`;
};
runStats += makeHistogram((0, _i18N.t)("gameOver.stats.total_score"), (r)=>r.score, "");
runStats += makeHistogram((0, _i18N.t)("gameOver.stats.catch_rate"), (r)=>Math.round(r.score / r.coins_spawned * 100), "%");
runStats += makeHistogram((0, _i18N.t)("gameOver.stats.bricks_broken"), (r)=>r.bricks_broken, "");
runStats += makeHistogram((0, _i18N.t)("gameOver.stats.bricks_per_minute"), (r)=>Math.round(r.bricks_broken / r.runTime * 60000), "");
runStats += makeHistogram((0, _i18N.t)("gameOver.stats.hit_rate"), (r)=>Math.round((1 - r.misses / r.puck_bounces) * 100), "%");
runStats += makeHistogram((0, _i18N.t)("gameOver.stats.duration_per_level"), (r)=>Math.round(r.runTime / 1000 / r.levelsPlayed), "s");
runStats += makeHistogram((0, _i18N.t)("gameOver.stats.level_reached"), (r)=>r.levelsPlayed, "");
runStats += makeHistogram((0, _i18N.t)("gameOver.stats.upgrades_applied"), (r)=>r.upgrades_picked, "");
runStats += makeHistogram((0, _i18N.t)("gameOver.stats.balls_lost"), (r)=>r.balls_lost, "");
runStats += makeHistogram((0, _i18N.t)("gameOver.stats.combo_avg"), (r)=>Math.round(r.coins_spawned / r.bricks_broken), "");
runStats += makeHistogram((0, _i18N.t)("gameOver.stats.combo_max"), (r)=>r.max_combo, "");
2025-03-28 19:40:59 +01:00
runStats += makeHistogram((0, _i18N.t)("gameOver.stats.loops"), (r)=>r.loops, "");
2025-03-19 18:13:41 +01:00
if (runStats) runStats = `< p > ${(0, _i18N.t)("gameOver.stats.intro", {
count: runsHistory.length - 1
})}< / p > ` + runStats;
} catch (e) {
console.warn(e);
}
2025-04-07 16:52:42 +02:00
return unlockedLevels + runStats;
2025-03-19 18:13:41 +01:00
}
2025-04-06 15:38:30 +02:00
},{"./loadGameData":"l1B4x","./i18n/i18n":"eNPRm","./game":"edeGs","./game_utils":"cEeac","./settings":"5blfu","./recording":"godmD","./asyncAlert":"rSqLY","@parcel/transformer-js/src/esmodule-helpers.js":"gkKU3","./upgrades":"1u3Dx"}],"godmD":[function(require,module,exports,__globalThis) {
2025-03-19 18:13:41 +01:00
var parcelHelpers = require("@parcel/transformer-js/src/esmodule-helpers.js");
parcelHelpers.defineInteropFlag(exports);
parcelHelpers.export(exports, "recordOneFrame", ()=>recordOneFrame);
parcelHelpers.export(exports, "drawMainCanvasOnSmallCanvas", ()=>drawMainCanvasOnSmallCanvas);
parcelHelpers.export(exports, "startRecordingGame", ()=>startRecordingGame);
parcelHelpers.export(exports, "pauseRecording", ()=>pauseRecording);
parcelHelpers.export(exports, "resumeRecording", ()=>resumeRecording);
parcelHelpers.export(exports, "stopRecording", ()=>stopRecording);
parcelHelpers.export(exports, "captureFileName", ()=>captureFileName);
var _render = require("./render");
var _gameUtils = require("./game_utils");
var _sounds = require("./sounds");
var _i18N = require("./i18n/i18n");
var _options = require("./options");
let mediaRecorder, captureStream, captureTrack, recordCanvas, recordCanvasCtx;
function recordOneFrame(gameState) {
if (!(0, _options.isOptionOn)("record")) return;
// if (!gameState.running) return;
if (!captureStream) return;
drawMainCanvasOnSmallCanvas(gameState);
if (captureTrack?.requestFrame) captureTrack?.requestFrame();
else if (captureStream?.requestFrame) captureStream.requestFrame();
}
function drawMainCanvasOnSmallCanvas(gameState) {
if (!recordCanvasCtx) return;
recordCanvasCtx.drawImage((0, _render.gameCanvas), gameState.offsetXRoundedDown, 0, gameState.gameZoneWidthRoundedUp, gameState.gameZoneHeight, 0, 0, recordCanvas.width, recordCanvas.height);
// Here we don't use drawText as we don't want to cache a picture for each distinct value of score
2025-04-06 10:13:10 +02:00
recordCanvasCtx.fillStyle = "#FFFFFF";
2025-03-19 18:13:41 +01:00
recordCanvasCtx.textBaseline = "top";
recordCanvasCtx.font = "12px monospace";
recordCanvasCtx.textAlign = "right";
recordCanvasCtx.fillText(gameState.score.toString(), recordCanvas.width - 12, 12);
recordCanvasCtx.textAlign = "left";
2025-03-28 10:21:14 +01:00
recordCanvasCtx.fillText("Level " + (gameState.currentLevel + 1) + "/" + (0, _gameUtils.max_levels)(gameState), 12, 12);
2025-03-19 18:13:41 +01:00
}
function startRecordingGame(gameState) {
if (!(0, _options.isOptionOn)("record")) return;
if (mediaRecorder) return;
if (!recordCanvas) {
// Smaller canvas with fewer details
recordCanvas = document.createElement("canvas");
recordCanvasCtx = recordCanvas.getContext("2d", {
antialias: false,
alpha: false
});
captureStream = recordCanvas.captureStream(0);
captureTrack = captureStream.getVideoTracks()[0];
const track = (0, _sounds.getAudioRecordingTrack)();
if (track) captureStream.addTrack(track.stream.getAudioTracks()[0]);
}
recordCanvas.width = gameState.gameZoneWidthRoundedUp;
recordCanvas.height = gameState.gameZoneHeight;
// drawMainCanvasOnSmallCanvas()
const recordedChunks = [];
const instance = new MediaRecorder(captureStream, {
videoBitsPerSecond: 3500000
});
mediaRecorder = instance;
instance.start();
mediaRecorder.pause();
instance.ondataavailable = function(event) {
recordedChunks.push(event.data);
};
instance.onstop = async function() {
let targetDiv;
let blob = new Blob(recordedChunks, {
type: "video/webm"
});
if (blob.size < 200000 ) return ; / / under 0 . 2MB , probably bugged out or pointlessly short
while(!(targetDiv = document.getElementById("level-recording-container")))await new Promise((r)=>setTimeout(r, 200));
const video = document.createElement("video");
video.autoplay = true;
video.controls = false;
video.disablePictureInPicture = true;
video.disableRemotePlayback = true;
video.width = recordCanvas.width;
video.height = recordCanvas.height;
video.loop = true;
video.muted = true;
video.playsInline = true;
video.src = URL.createObjectURL(blob);
targetDiv.appendChild(video);
const a = document.createElement("a");
a.download = captureFileName("webm");
a.target = "_blank";
if (window.location.href.endsWith("index.html?isInWebView=true")) a.href = await blobToBase64(blob);
else a.href = video.src;
a.textContent = (0, _i18N.t)("main_menu.record_download", {
size: (blob.size / 1000000).toFixed(2)
});
targetDiv.appendChild(a);
};
}
function blobToBase64(blob) {
return new Promise((resolve, reject)=>{
let reader = new FileReader();
reader.onload = function() {
resolve(reader.result);
};
reader.onerror = function(e) {
console.error(e);
reject(new Error("Failed to readAsDataURL of the video "));
};
reader.readAsDataURL(blob);
});
}
function pauseRecording() {
if (!(0, _options.isOptionOn)("record")) return;
if (mediaRecorder?.state === "recording") mediaRecorder?.pause();
}
function resumeRecording() {
if (!(0, _options.isOptionOn)("record")) return;
if (mediaRecorder?.state === "paused") mediaRecorder.resume();
}
function stopRecording() {
if (!(0, _options.isOptionOn)("record")) return;
if (!mediaRecorder) return;
mediaRecorder?.stop();
mediaRecorder = null;
}
function captureFileName(ext = "webm") {
return "breakout-71-capture-" + new Date().toISOString().replace(/[^0-9\-]+/gi, "-") + "." + ext;
}
},{"./render":"9AS2t","./game_utils":"cEeac","./sounds":"dQKPV","./i18n/i18n":"eNPRm","./options":"d5NoS","@parcel/transformer-js/src/esmodule-helpers.js":"gkKU3"}],"rSqLY":[function(require,module,exports,__globalThis) {
var parcelHelpers = require("@parcel/transformer-js/src/esmodule-helpers.js");
parcelHelpers.defineInteropFlag(exports);
parcelHelpers.export(exports, "alertsOpen", ()=>alertsOpen);
parcelHelpers.export(exports, "closeModal", ()=>closeModal);
2025-03-26 14:04:54 +01:00
parcelHelpers.export(exports, "requiredAsyncAlert", ()=>requiredAsyncAlert);
2025-03-19 18:13:41 +01:00
parcelHelpers.export(exports, "asyncAlert", ()=>asyncAlert);
var _i18N = require("./i18n/i18n");
let alertsOpen = 0, closeModal = null;
2025-03-20 18:44:46 +01:00
const popupWrap = document.getElementById("popup");
const closeModaleButton = document.getElementById("close-modale");
closeModaleButton.addEventListener("click", (e)=>{
e.preventDefault();
if (closeModal) closeModal();
});
closeModaleButton.title = (0, _i18N.t)("play.close_modale_window_tooltip");
let lastClickedItemIndex = -1;
2025-03-26 14:04:54 +01:00
function requiredAsyncAlert(p) {
return asyncAlert({
...p,
allowClose: false
});
}
2025-04-04 12:07:51 +02:00
async function asyncAlert({ title, content = [], allowClose = true, className = "" }) {
2025-03-20 18:44:46 +01:00
updateAlertsOpen(1);
2025-03-19 18:13:41 +01:00
return new Promise((resolve)=>{
2025-04-04 12:07:24 +02:00
popupWrap.className = className;
2025-03-20 18:44:46 +01:00
closeModaleButton.style.display = allowClose ? "" : "none";
const popup = document.createElement("div");
2025-03-20 21:02:51 +01:00
let closed = false;
2025-03-19 18:13:41 +01:00
function closeWithResult(value) {
2025-03-20 21:02:51 +01:00
if (closed) return;
closed = true;
2025-03-20 22:50:50 +01:00
Array.prototype.forEach.call(popup.querySelectorAll("button:not([disabled])"), (b)=>b.disabled = true);
2025-03-20 18:44:46 +01:00
document.body.style.minHeight = document.body.scrollHeight + "px";
2025-03-20 22:50:50 +01:00
setTimeout(()=>document.body.style.minHeight = "", 0);
2025-03-20 18:44:46 +01:00
popup.remove();
2025-03-19 18:13:41 +01:00
resolve(value);
}
2025-03-20 18:44:46 +01:00
if (allowClose) closeModal = ()=>{
closeWithResult(undefined);
};
else closeModal = null;
2025-03-19 18:13:41 +01:00
if (title) {
2025-03-27 10:52:31 +01:00
const h2 = document.createElement("h2");
h2.innerHTML = title;
popup.appendChild(h2);
2025-03-19 18:13:41 +01:00
}
2025-03-27 10:52:31 +01:00
content?.filter((i)=>i).forEach((entry, index)=>{
2025-03-29 09:25:17 +01:00
if (!entry) return;
2025-03-27 10:52:31 +01:00
if (typeof entry == "string") {
const p = document.createElement("div");
p.innerHTML = entry;
popup.appendChild(p);
return;
}
let addto;
if (popup.lastChild?.nodeName == "SECTION") addto = popup.lastChild;
else {
addto = document.createElement("section");
addto.className = "actions";
popup.appendChild(addto);
}
2025-04-01 13:35:33 +02:00
const { text, value, help, disabled, className = "", icon = "", tooltip } = entry;
2025-03-19 18:13:41 +01:00
const button = document.createElement("button");
button.innerHTML = `
${icon}
< div >
< strong > ${text}< / strong >
< em > ${help || ""}< / em >
< / div > `;
2025-04-01 13:39:09 +02:00
if (tooltip) button.setAttribute("data-tooltip", tooltip);
2025-03-19 18:13:41 +01:00
if (disabled) button.setAttribute("disabled", "disabled");
else button.addEventListener("click", (e)=>{
e.preventDefault();
2025-03-20 18:44:46 +01:00
e.stopPropagation();
2025-03-19 18:13:41 +01:00
closeWithResult(value);
2025-03-20 18:44:46 +01:00
// Focus "same" button if it's still there
lastClickedItemIndex = index;
2025-03-19 18:13:41 +01:00
});
2025-03-20 18:44:46 +01:00
button.className = className + (lastClickedItemIndex === index ? " needs-focus" : "");
2025-03-27 10:52:31 +01:00
addto.appendChild(button);
2025-03-19 18:13:41 +01:00
});
2025-04-07 14:08:48 +02:00
popup.addEventListener("click", (e)=>{
const target = e.target;
if (target.getAttribute("data-resolve-to")) closeWithResult(target.getAttribute("data-resolve-to"));
2025-04-07 08:24:17 +02:00
}, true);
2025-03-19 18:13:41 +01:00
popupWrap.appendChild(popup);
2025-03-20 18:44:46 +01:00
popupWrap.querySelector(`section.actions > button.needs-focus`)?.focus();
lastClickedItemIndex = -1;
2025-03-19 18:13:41 +01:00
}).then((v)=>{
2025-03-20 18:44:46 +01:00
updateAlertsOpen(-1);
2025-03-19 18:13:41 +01:00
closeModal = null;
return v;
}, ()=>{
closeModal = null;
2025-03-20 18:44:46 +01:00
updateAlertsOpen(-1);
2025-03-19 18:13:41 +01:00
});
}
2025-03-20 18:44:46 +01:00
function updateAlertsOpen(delta) {
alertsOpen += delta;
2025-03-20 21:02:51 +01:00
if (alertsOpen > 1) alert("Two alerts where opened at once");
2025-03-20 18:44:46 +01:00
document.body.classList[alertsOpen ? "add" : "remove"]("has-alert-open");
}
2025-03-19 18:13:41 +01:00
2025-03-30 21:07:58 +02:00
},{"./i18n/i18n":"eNPRm","@parcel/transformer-js/src/esmodule-helpers.js":"gkKU3"}],"aQN6X":[function(require,module,exports,__globalThis) {
2025-03-19 18:13:41 +01:00
var parcelHelpers = require("@parcel/transformer-js/src/esmodule-helpers.js");
parcelHelpers.defineInteropFlag(exports);
2025-03-28 10:21:14 +01:00
parcelHelpers.export(exports, "getRunLevels", ()=>getRunLevels);
2025-03-19 18:13:41 +01:00
parcelHelpers.export(exports, "newGameState", ()=>newGameState);
var _loadGameData = require("./loadGameData");
var _gameUtils = require("./game_utils");
var _gameStateMutators = require("./gameStateMutators");
var _options = require("./options");
2025-04-06 15:38:30 +02:00
var _gameOver = require("./gameOver");
var _settings = require("./settings");
2025-04-07 14:08:48 +02:00
var _startingPerks = require("./startingPerks");
2025-04-07 14:22:59 +02:00
function getRunLevels(params, randomGift) {
2025-04-06 15:38:30 +02:00
const history = (0, _gameOver.getHistory)();
2025-04-07 14:08:48 +02:00
const unlocked = (0, _loadGameData.allLevels).filter((l, li)=>!(0, _gameUtils.reasonLevelIsLocked)(li, history, false));
2025-04-07 14:50:35 +02:00
const firstLevel = params?.level & & unlocked.filter((l)=>l.name === params?.level) || randomGift & & (0, _loadGameData.allLevelsAndIcons).filter((l)=>l.name == "icon:" + randomGift) || [];
2025-04-06 15:38:30 +02:00
const restInRandomOrder = unlocked.filter((l)=>l.name !== params?.level).filter((l)=>l.name !== params?.levelToAvoid).sort(()=>Math.random() - 0.5);
2025-03-28 10:21:14 +01:00
return firstLevel.concat(restInRandomOrder.slice(0, 10).sort((a, b)=>a.sortKey - b.sortKey));
}
function newGameState(params) {
2025-04-07 14:22:59 +02:00
const highScore = (0, _gameUtils.getHighScore)();
2025-03-19 18:13:41 +01:00
const perks = {
...(0, _gameUtils.makeEmptyPerksMap)((0, _loadGameData.upgrades)),
...params?.perks || {}
};
2025-04-07 14:22:59 +02:00
let randomGift = undefined;
if (!(0, _gameUtils.sumOfValues)(perks)) {
const giftable = (0, _loadGameData.upgrades).filter((u)=>highScore >= u.threshold & & !u.requires & & (0, _startingPerks.isStartingPerk)(u));
randomGift = (0, _options.isOptionOn)("easy") & & "slow_down" || giftable[Math.floor(Math.random() * giftable.length)].id;
perks[randomGift] = 1;
}
const runLevels = getRunLevels(params, randomGift);
2025-03-19 18:13:41 +01:00
const gameState = {
runLevels,
2025-03-27 10:52:31 +01:00
level: runLevels[0],
2025-03-19 18:13:41 +01:00
currentLevel: 0,
2025-03-20 23:11:42 +01:00
upgradesOfferedFor: -1,
2025-03-19 18:13:41 +01:00
perks,
puckWidth: 200,
baseSpeed: 12,
combo: 1,
gridSize: 12,
running: false,
2025-03-22 16:04:25 +01:00
isGameOver: false,
2025-03-19 18:13:41 +01:00
ballStickToPuck: true,
puckPosition: 400,
2025-03-25 08:22:58 +01:00
lastPuckPosition: 400,
2025-03-26 08:01:12 +01:00
lastPuckMove: 0,
2025-03-19 18:13:41 +01:00
pauseTimeout: null,
canvasWidth: 0,
canvasHeight: 0,
offsetX: 0,
offsetXRoundedDown: 0,
gameZoneWidth: 0,
gameZoneWidthRoundedUp: 0,
gameZoneHeight: 0,
brickWidth: 0,
score: 0,
lastScoreIncrease: -1000,
lastExplosion: -1000,
2025-03-30 21:07:58 +02:00
lastBrickBroken: 0,
2025-04-07 14:22:59 +02:00
highScore,
2025-03-19 18:13:41 +01:00
balls: [],
2025-04-06 10:13:10 +02:00
ballsColor: "#FFFFFF",
2025-03-19 18:13:41 +01:00
bricks: [],
2025-03-23 17:52:25 +01:00
brickHP: [],
2025-03-19 18:13:41 +01:00
lights: {
indexMin: 0,
total: 0,
list: []
},
particles: {
indexMin: 0,
total: 0,
list: []
},
texts: {
indexMin: 0,
total: 0,
list: []
},
coins: {
indexMin: 0,
2025-03-29 15:00:44 +01:00
total: 0,
list: []
},
respawns: {
indexMin: 0,
2025-03-19 18:13:41 +01:00
total: 0,
list: []
},
levelStartScore: 0,
levelMisses: 0,
levelSpawnedCoins: 0,
2025-04-06 10:13:10 +02:00
puckColor: "#FFFFFF",
2025-03-19 18:13:41 +01:00
ballSize: 20,
coinSize: 14,
puckHeight: 20,
2025-04-06 15:38:30 +02:00
totalScoreAtRunStart: (0, _settings.getTotalScore)(),
2025-03-19 18:13:41 +01:00
pauseUsesDuringRun: 0,
keyboardPuckSpeed: 0,
lastTick: performance.now(),
lastTickDown: 0,
runStatistics: {
started: Date.now(),
levelsPlayed: 0,
runTime: 0,
coins_spawned: 0,
score: 0,
bricks_broken: 0,
misses: 0,
balls_lost: 0,
puck_bounces: 0,
wall_bounces: 0,
upgrades_picked: 1,
2025-04-07 08:24:17 +02:00
max_combo: 1
2025-03-19 18:13:41 +01:00
},
lastOffered: {},
levelTime: 0,
2025-03-22 16:47:02 +01:00
winAt: 0,
2025-03-19 18:13:41 +01:00
levelWallBounces: 0,
needsRender: true,
autoCleanUses: 0,
2025-03-26 08:01:12 +01:00
...(0, _gameUtils.defaultSounds)(),
2025-03-28 10:21:14 +01:00
rerolls: 0,
2025-04-07 14:50:35 +02:00
creative: (0, _gameUtils.sumOfValues)(params.perks) > 1 || params.level
2025-03-19 18:13:41 +01:00
};
(0, _gameStateMutators.resetBalls)(gameState);
2025-04-07 14:22:59 +02:00
for (let perk of (0, _loadGameData.upgrades))if (perks[perk.id]) (0, _gameStateMutators.dontOfferTooSoon)(gameState, perk.id);
2025-03-19 18:13:41 +01:00
return gameState;
}
2025-04-07 14:08:48 +02:00
},{"./loadGameData":"l1B4x","./game_utils":"cEeac","./gameStateMutators":"9ZeQl","./options":"d5NoS","@parcel/transformer-js/src/esmodule-helpers.js":"gkKU3","./gameOver":"caCAf","./settings":"5blfu","./startingPerks":"lv30m"}],"lv30m":[function(require,module,exports,__globalThis) {
var parcelHelpers = require("@parcel/transformer-js/src/esmodule-helpers.js");
parcelHelpers.defineInteropFlag(exports);
parcelHelpers.export(exports, "startingPerkMenuButton", ()=>startingPerkMenuButton);
parcelHelpers.export(exports, "isStartingPerk", ()=>isStartingPerk);
parcelHelpers.export(exports, "openStartingPerksEditor", ()=>openStartingPerksEditor);
var _asyncAlert = require("./asyncAlert");
var _i18N = require("./i18n/i18n");
var _loadGameData = require("./loadGameData");
var _settings = require("./settings");
2025-04-07 14:50:35 +02:00
var _options = require("./options");
2025-04-07 14:08:48 +02:00
function startingPerkMenuButton() {
return {
2025-04-07 15:25:58 +02:00
disabled: (0, _options.isOptionOn)("easy"),
2025-04-07 14:08:48 +02:00
icon: (0, _loadGameData.icons)["icon:starting_perks"],
text: (0, _i18N.t)("main_menu.starting_perks"),
help: (0, _i18N.t)("main_menu.starting_perks_help"),
async value () {
await openStartingPerksEditor();
}
};
}
function isStartingPerk(u) {
return (0, _settings.getSettingValue)("start_with_" + u.id, u.giftable);
}
async function openStartingPerksEditor() {
const ts = (0, _settings.getTotalScore)();
const avaliable = (0, _loadGameData.upgrades).filter((u)=>!u.requires & & ![
"instant_upgrade"
].includes(u.id) & & u.threshold < = ts);
const starting = avaliable.filter((u)=>isStartingPerk(u));
const buttons = avaliable.map((u)=>{
const checked = isStartingPerk(u);
return {
icon: u.icon,
text: u.name,
tooltip: u.help(1),
value: u,
disabled: checked & & starting.length < 2 ,
checked
};
});
const perk = await (0, _asyncAlert.asyncAlert)({
title: (0, _i18N.t)("main_menu.starting_perks"),
className: "actionsAsGrid",
content: [
(0, _i18N.t)("main_menu.starting_perks_checked"),
...buttons.filter((b)=>b.checked),
(0, _i18N.t)("main_menu.starting_perks_unchecked"),
...buttons.filter((b)=>!b.checked)
]
});
if (perk) {
(0, _settings.setSettingValue)("start_with_" + perk.id, !isStartingPerk(perk));
openStartingPerksEditor();
}
}
2025-04-07 14:50:35 +02:00
},{"./asyncAlert":"rSqLY","./i18n/i18n":"eNPRm","./loadGameData":"l1B4x","./settings":"5blfu","@parcel/transformer-js/src/esmodule-helpers.js":"gkKU3","./options":"d5NoS"}],"bqkdF":[function(require,module,exports,__globalThis) {
2025-04-06 10:13:10 +02:00
var parcelHelpers = require("@parcel/transformer-js/src/esmodule-helpers.js");
parcelHelpers.defineInteropFlag(exports);
parcelHelpers.export(exports, "helpMenuEntry", ()=>helpMenuEntry);
var _loadGameData = require("./loadGameData");
var _i18N = require("./i18n/i18n");
var _asyncAlert = require("./asyncAlert");
var _pureFunctions = require("./pure_functions");
function helpMenuEntry() {
return {
icon: (0, _loadGameData.icons)["icon:help"],
text: (0, _i18N.t)("main_menu.help_title"),
help: (0, _i18N.t)("main_menu.help_help"),
async value () {
await (0, _asyncAlert.asyncAlert)({
title: (0, _i18N.t)("main_menu.help_title"),
allowClose: true,
content: [
(0, _pureFunctions.miniMarkDown)((0, _i18N.t)("main_menu.help_content")),
(0, _i18N.t)("main_menu.help_upgrades"),
...(0, _loadGameData.upgrades).map((u)=>`
< div class = "upgrade used" >
${u.icon}
< p >
< strong > ${u.name}< / strong > < br / >
${u.help(1)}
< / p >
< / div >
${(0, _pureFunctions.miniMarkDown)(u.fullHelp)}
`),
(0, _pureFunctions.miniMarkDown)((0, _i18N.t)("main_menu.credits")),
(0, _i18N.t)("main_menu.credit_levels"),
...(0, _loadGameData.allLevels).filter((l)=>l.credit?.startsWith("http")).map((l)=>`
< div class = "upgrade used" >
${(0, _loadGameData.icons)[l.name]}
< p >
< strong > ${l.name}< / strong > < br / >
< a href = "${l.credit}" target = "_blank" > ${l.credit}< / a >
< / p >
< / div > `)
]
});
}
};
}
},{"./loadGameData":"l1B4x","./i18n/i18n":"eNPRm","./asyncAlert":"rSqLY","./pure_functions":"6pQh7","@parcel/transformer-js/src/esmodule-helpers.js":"gkKU3"}],"63kYJ":[function(require,module,exports,__globalThis) {
2025-04-01 13:35:33 +02:00
var parcelHelpers = require("@parcel/transformer-js/src/esmodule-helpers.js");
parcelHelpers.defineInteropFlag(exports);
parcelHelpers.export(exports, "creativeMode", ()=>creativeMode);
parcelHelpers.export(exports, "openCreativeModePerksPicker", ()=>openCreativeModePerksPicker);
var _loadGameData = require("./loadGameData");
var _i18N = require("./i18n/i18n");
var _settings = require("./settings");
var _game = require("./game");
var _asyncAlert = require("./asyncAlert");
var _gameUtils = require("./game_utils");
2025-04-06 18:21:53 +02:00
var _gameOver = require("./gameOver");
2025-04-01 13:35:33 +02:00
function creativeMode(gameState) {
return {
2025-04-06 10:20:09 +02:00
icon: (0, _loadGameData.icons)["icon:creative"],
2025-04-01 13:35:33 +02:00
text: (0, _i18N.t)("lab.menu_entry"),
2025-04-06 10:13:10 +02:00
help: // highScoreForMode("creative") ||
(0, _settings.getTotalScore)() < (0, _game.creativeModeThreshold) & & (0, _i18N.t)("lab.unlocks_at", {
2025-04-01 13:35:33 +02:00
score: (0, _game.creativeModeThreshold)
}) || (0, _i18N.t)("lab.help"),
disabled: (0, _settings.getTotalScore)() < (0, _game.creativeModeThreshold),
async value () {
2025-04-06 10:13:10 +02:00
openCreativeModePerksPicker();
2025-04-01 13:35:33 +02:00
}
};
}
2025-04-06 10:13:10 +02:00
async function openCreativeModePerksPicker() {
let creativeModePerks = (0, _settings.getSettingValue)("creativeModePerks", {}), choice;
2025-04-01 13:35:33 +02:00
let noCreative = [
"extra_levels",
"shunt",
"one_more_choice",
"instant_upgrade"
];
2025-04-06 10:13:10 +02:00
while(choice = await (0, _asyncAlert.asyncAlert)({
title: (0, _i18N.t)("lab.menu_entry"),
2025-04-04 12:07:51 +02:00
className: "actionsAsGrid",
2025-04-01 13:35:33 +02:00
content: [
(0, _i18N.t)("lab.instructions"),
2025-04-01 21:37:07 +02:00
{
2025-04-01 21:43:36 +02:00
value: "reset",
text: (0, _i18N.t)("lab.reset"),
2025-04-01 21:37:07 +02:00
disabled: !(0, _gameUtils.sumOfValues)(creativeModePerks)
},
2025-04-01 13:35:33 +02:00
...(0, _loadGameData.upgrades).filter((u)=>!noCreative.includes(u.id)).map((u)=>({
icon: u.icon,
text: u.name,
2025-04-06 18:21:53 +02:00
help: (creativeModePerks[u.id] || 0) + "/" + (u.max + (creativeModePerks.limitless || 0)),
2025-04-01 13:35:33 +02:00
value: u,
className: creativeModePerks[u.id] ? "sandbox" : "sandbox grey-out-unless-hovered",
tooltip: u.help(creativeModePerks[u.id] || 1)
})),
(0, _i18N.t)("lab.select_level"),
2025-04-06 18:21:53 +02:00
...(0, _loadGameData.allLevels).map((l, li)=>{
2025-04-07 14:08:48 +02:00
const problem = (0, _gameUtils.reasonLevelIsLocked)(li, (0, _gameOver.getHistory)(), true)?.text || "";
2025-04-06 18:21:53 +02:00
return {
2025-04-01 13:35:33 +02:00
icon: (0, _loadGameData.icons)[l.name],
text: l.name,
value: l,
2025-04-06 18:21:53 +02:00
disabled: !!problem,
tooltip: problem || (0, _gameUtils.describeLevel)(l)
};
})
2025-04-01 13:35:33 +02:00
]
})){
2025-04-01 21:43:36 +02:00
if (choice === "reset") (0, _loadGameData.upgrades).forEach((u)=>{
2025-04-01 21:37:07 +02:00
creativeModePerks[u.id] = 0;
});
else if ("bricks" in choice) {
2025-04-06 10:13:10 +02:00
(0, _settings.setSettingValue)("creativeModePerks", creativeModePerks);
if (await (0, _game.confirmRestart)((0, _game.gameState))) (0, _game.restart)({
perks: creativeModePerks,
level: choice.name
2025-04-01 13:35:33 +02:00
});
2025-04-06 10:13:10 +02:00
return;
2025-04-06 18:21:53 +02:00
} else if (choice) creativeModePerks[choice.id] = ((creativeModePerks[choice.id] || 0) + 1) % (choice.max + 1 + (creativeModePerks.limitless || 0));
2025-04-06 10:13:10 +02:00
else return;
2025-04-01 13:35:33 +02:00
}
}
2025-04-06 18:21:53 +02:00
},{"./loadGameData":"l1B4x","./i18n/i18n":"eNPRm","./settings":"5blfu","./game":"edeGs","./asyncAlert":"rSqLY","./game_utils":"cEeac","@parcel/transformer-js/src/esmodule-helpers.js":"gkKU3","./gameOver":"caCAf"}],"3RWxb":[function(require,module,exports,__globalThis) {
2025-04-01 13:35:33 +02:00
var parcelHelpers = require("@parcel/transformer-js/src/esmodule-helpers.js");
parcelHelpers.defineInteropFlag(exports);
parcelHelpers.export(exports, "setupTooltips", ()=>setupTooltips);
var _options = require("./options");
function setupTooltips() {
2025-04-01 13:39:09 +02:00
const tooltip = document.getElementById("tooltip");
if ((0, _options.isOptionOn)("mobile-mode")) {
tooltip.style.display = "none";
2025-04-01 13:35:33 +02:00
return;
}
function updateTooltipPosition(e) {
2025-04-07 15:25:58 +02:00
tooltip.style.transform = `translate(${e.clientX}px,${e.clientY}px) translate(${e.clientX > window.innerWidth / 2 ? "-100%" : "0"},${e.clientY > window.innerHeight * 2 / 3 ? "-100%" : "20px"})`;
2025-04-01 13:35:33 +02:00
}
2025-04-02 10:41:35 +02:00
function closeToolTip() {
tooltip.style.display = "none";
hovering = null;
}
let hovering = null;
2025-04-01 13:39:09 +02:00
document.body.addEventListener("mouseenter", (e)=>{
2025-04-01 13:35:33 +02:00
let parent = e.target;
2025-04-01 13:39:09 +02:00
while(parent & & !parent.hasAttribute("data-tooltip"))parent = parent.parentElement;
2025-04-07 08:24:17 +02:00
if (parent?.getAttribute("data-tooltip")?.trim()) {
2025-04-02 10:41:35 +02:00
hovering = parent;
2025-04-02 10:42:01 +02:00
tooltip.innerHTML = hovering.getAttribute("data-tooltip") || "";
2025-04-01 13:39:09 +02:00
tooltip.style.display = "";
2025-04-01 13:35:33 +02:00
updateTooltipPosition(e);
2025-04-02 10:41:35 +02:00
} else closeToolTip();
2025-04-01 13:35:33 +02:00
}, true);
2025-04-02 10:41:35 +02:00
setInterval(()=>{
if (hovering) {
if (!document.body.contains(hovering)) closeToolTip();
}
}, 200);
2025-04-01 13:39:09 +02:00
document.body.addEventListener("mousemove", (e)=>{
2025-04-01 13:35:33 +02:00
if (!tooltip.style.display) updateTooltipPosition(e);
}, true);
2025-04-01 13:39:09 +02:00
document.body.addEventListener("mouseleave", (e)=>{
2025-04-02 10:41:35 +02:00
closeToolTip();
2025-04-07 15:25:58 +02:00
}, true);
2025-04-02 10:41:35 +02:00
}
2025-04-07 14:08:48 +02:00
},{"./options":"d5NoS","@parcel/transformer-js/src/esmodule-helpers.js":"gkKU3"}],"a9qdY":[function(require,module,exports,__globalThis) {
2025-04-02 17:03:53 +02:00
var parcelHelpers = require("@parcel/transformer-js/src/esmodule-helpers.js");
2025-04-06 18:21:53 +02:00
var _versionJson = require("./data/version.json");
var _versionJsonDefault = parcelHelpers.interopDefault(_versionJson);
var _generateSaveFileContent = require("./generateSaveFileContent");
// The page will be reloaded if any migrations were run
let migrationsRun = 0;
2025-04-02 17:03:53 +02:00
function migrate(name, cb) {
if (!localStorage.getItem(name)) try {
cb();
console.debug("Ran migration : " + name);
localStorage.setItem(name, "" + Date.now());
2025-04-06 18:21:53 +02:00
migrationsRun++;
2025-04-02 17:03:53 +02:00
} catch (e) {
console.warn("Migration " + name + " failed : ", e);
}
}
2025-04-06 18:21:53 +02:00
migrate("save_data_before_upgrade_to_" + (0, _versionJsonDefault.default), ()=>{
localStorage.setItem("recovery_data", JSON.stringify((0, _generateSaveFileContent.generateSaveFileContent)()));
});
2025-04-02 17:03:53 +02:00
migrate("migrate_high_scores", ()=>{
const old = localStorage.getItem("breakout-3-hs");
if (old) {
localStorage.setItem("breakout-3-hs-short", old);
localStorage.removeItem("breakout-3-hs");
}
});
migrate("recover_high_scores", ()=>{
let runsHistory = JSON.parse(localStorage.getItem("breakout_71_runs_history") || "[]");
runsHistory.forEach((r)=>{
const currentHS = parseInt(localStorage.getItem("breakout-3-hs-" + (r.mode || "short")) || "0");
if (r.score > currentHS) localStorage.setItem("breakout-3-hs-" + (r.mode || "short"), "" + r.score);
});
});
2025-04-06 10:13:10 +02:00
migrate("remove_long_and_creative_mode_data", ()=>{
let runsHistory = JSON.parse(localStorage.getItem("breakout_71_runs_history") || "[]");
let cleaned = runsHistory.filter((r)=>{
2025-04-07 14:08:48 +02:00
if (!r.perks) return false;
2025-04-06 15:38:30 +02:00
if ("mode" in r) {
if (r.mode !== "short") return false;
2025-04-06 10:13:10 +02:00
}
return true;
});
if (cleaned.length !== runsHistory.length) localStorage.setItem("breakout_71_runs_history", JSON.stringify(cleaned));
});
2025-04-06 18:21:53 +02:00
migrate("compact_runs_data", ()=>{
let runsHistory = JSON.parse(localStorage.getItem("breakout_71_runs_history") || "[]");
runsHistory.forEach((r)=>{
r.runTime = Math.round(r.runTime);
for(let key in r.perks)if (r.perks & & !r.perks[key]) delete r.perks[key];
2025-04-07 14:08:48 +02:00
if ("best_level_score" in r) delete r.best_level_score;
if ("worst_level_score" in r) delete r.worst_level_score;
2025-04-06 18:21:53 +02:00
});
localStorage.setItem("breakout_71_runs_history", JSON.stringify(runsHistory));
});
// Avoid a boot loop by setting the hash before reloading
// We can't set the query string as it is used for other things
if (migrationsRun & & !window.location.hash) {
2025-04-07 14:08:48 +02:00
window.location.hash = "#reloadAfterMigration";
2025-04-06 18:21:53 +02:00
window.location.reload();
}
2025-04-07 14:50:35 +02:00
if (!migrationsRun) window.location.hash = "";
2025-04-06 18:21:53 +02:00
},{"@parcel/transformer-js/src/esmodule-helpers.js":"gkKU3","./data/version.json":"iyP6E","./generateSaveFileContent":"iEcoB"}],"iEcoB":[function(require,module,exports,__globalThis) {
var parcelHelpers = require("@parcel/transformer-js/src/esmodule-helpers.js");
parcelHelpers.defineInteropFlag(exports);
parcelHelpers.export(exports, "generateSaveFileContent", ()=>generateSaveFileContent);
function generateSaveFileContent() {
const localStorageContent = {};
for(let i = 0; i < localStorage.length ; i + + ) {
const key = localStorage.key(i);
// Avoid including recovery info in the recovery info
if ([
2025-04-07 14:08:48 +02:00
"recovery_data"
2025-04-06 18:21:53 +02:00
].includes(key)) continue;
const value = localStorage.getItem(key);
localStorageContent[key] = value;
}
return JSON.stringify(localStorageContent);
}
2025-04-02 17:03:53 +02:00
2025-04-07 08:24:17 +02:00
},{"@parcel/transformer-js/src/esmodule-helpers.js":"gkKU3"}],"b80Ki":[function(require,module,exports,__globalThis) {
var parcelHelpers = require("@parcel/transformer-js/src/esmodule-helpers.js");
parcelHelpers.defineInteropFlag(exports);
parcelHelpers.export(exports, "runHistoryViewerMenuEntry", ()=>runHistoryViewerMenuEntry);
var _gameOver = require("./gameOver");
var _loadGameData = require("./loadGameData");
var _i18N = require("./i18n/i18n");
var _asyncAlert = require("./asyncAlert");
var _upgrades = require("./upgrades");
function runHistoryViewerMenuEntry() {
const history = (0, _gameOver.getHistory)();
return {
2025-04-07 14:08:48 +02:00
icon: (0, _loadGameData.icons)["icon:history"],
text: (0, _i18N.t)("history.title"),
2025-04-07 08:24:17 +02:00
disabled: history.length < 10 ,
2025-04-07 14:08:48 +02:00
help: history.length < 10 ? ( 0 , _i18N . t ) ( " history . locked " ) : ( 0 , _i18N . t ) ( " history . help " , {
2025-04-07 08:24:17 +02:00
count: history.length
}),
async value () {
let sort = 0;
let sortDir = -1;
let columns = [
{
2025-04-07 14:08:48 +02:00
label: (0, _i18N.t)("history.columns.started"),
2025-04-07 08:24:17 +02:00
field: (r)=>r.started,
render (v) {
return new Date(v).toISOString().slice(0, 10);
}
},
{
2025-04-07 14:08:48 +02:00
label: (0, _i18N.t)("history.columns.score"),
2025-04-07 08:24:17 +02:00
field: (r)=>r.score
},
{
2025-04-07 14:08:48 +02:00
label: (0, _i18N.t)("history.columns.runTime"),
tooltip: (0, _i18N.t)("history.columns.runTime_tooltip"),
2025-04-07 08:24:17 +02:00
field: (r)=>r.runTime,
render (v) {
2025-04-07 14:08:48 +02:00
return Math.floor(v / 1000) + "s";
2025-04-07 08:24:17 +02:00
}
},
{
2025-04-07 14:08:48 +02:00
label: (0, _i18N.t)("history.columns.puck_bounces"),
tooltip: (0, _i18N.t)("history.columns.puck_bounces_tooltip"),
2025-04-07 08:24:17 +02:00
field: (r)=>r.puck_bounces
},
{
2025-04-07 14:08:48 +02:00
label: (0, _i18N.t)("history.columns.max_combo"),
2025-04-07 08:24:17 +02:00
field: (r)=>r.max_combo
},
{
2025-04-07 14:08:48 +02:00
label: (0, _i18N.t)("history.columns.upgrades_picked"),
2025-04-07 08:24:17 +02:00
field: (r)=>r.upgrades_picked
},
...(0, _upgrades.rawUpgrades).map((u)=>({
2025-04-07 14:08:48 +02:00
label: (0, _loadGameData.icons)["icon:" + u.id],
2025-04-07 08:24:17 +02:00
tooltip: u.name,
2025-04-07 14:08:48 +02:00
field: (r)=>r.perks?.[u.id] || 0,
2025-04-07 08:24:17 +02:00
render (v) {
2025-04-07 14:08:48 +02:00
if (!v) return "-";
2025-04-07 08:24:17 +02:00
return v;
}
}))
];
while(true){
2025-04-07 14:08:48 +02:00
const header = columns.map((c, ci)=>`< th data-tooltip = "${c.tooltip || " " } " data-resolve-to = "sort:${ci}" > ${c.label}< / th > `).join("");
2025-04-07 08:24:17 +02:00
const toString = (v)=>v.toString();
2025-04-07 14:08:48 +02:00
const tbody = history.sort((a, b)=>sortDir * (columns[sort].field(a) - columns[sort].field(b))).map((h)=>"< tr > " + columns.map((c)=>{
2025-04-07 08:24:17 +02:00
const value = c.field(h) ?? 0;
const render = c.render || toString;
2025-04-07 14:08:48 +02:00
return "< td > " + render(value) + "< / td > ";
}).join("") + "< / tr > ").join("");
2025-04-07 08:24:17 +02:00
const result = await (0, _asyncAlert.asyncAlert)({
2025-04-07 14:08:48 +02:00
title: (0, _i18N.t)("history.title"),
className: "history",
2025-04-07 08:24:17 +02:00
content: [
`
< table >
< thead > < tr > ${header}< / tr > < / thead >
< tbody > ${tbody}< / tbody >
< / table >
`
]
});
if (!result) return;
2025-04-07 14:08:48 +02:00
if (result.startsWith("sort:")) {
const newSort = parseInt(result.split(":")[1]);
2025-04-07 08:24:17 +02:00
if (newSort == sort) sortDir *= -1;
else {
sortDir = -1;
sort = newSort;
}
}
}
}
};
}
2025-04-07 14:08:48 +02:00
},{"./gameOver":"caCAf","./loadGameData":"l1B4x","./i18n/i18n":"eNPRm","@parcel/transformer-js/src/esmodule-helpers.js":"gkKU3","./asyncAlert":"rSqLY","./upgrades":"1u3Dx"}],"aHTmD":[function(require,module,exports,__globalThis) {
var parcelHelpers = require("@parcel/transformer-js/src/esmodule-helpers.js");
parcelHelpers.defineInteropFlag(exports);
parcelHelpers.export(exports, "openScorePanel", ()=>openScorePanel);
parcelHelpers.export(exports, "getNearestUnlockHTML", ()=>getNearestUnlockHTML);
var _asyncAlert = require("./asyncAlert");
var _i18N = require("./i18n/i18n");
var _gameUtils = require("./game_utils");
var _gameOver = require("./gameOver");
var _game = require("./game");
var _loadGameData = require("./loadGameData");
async function openScorePanel(gameState) {
(0, _game.pause)(true);
await (0, _asyncAlert.asyncAlert)({
title: (0, _i18N.t)("score_panel.title", {
score: gameState.score,
level: gameState.currentLevel + 1,
max: (0, _gameUtils.max_levels)(gameState)
}),
content: [
(0, _gameOver.getCreativeModeWarning)(gameState),
(0, _gameUtils.pickedUpgradesHTMl)(gameState),
(0, _gameUtils.levelsListHTMl)(gameState, gameState.currentLevel),
getNearestUnlockHTML(gameState),
gameState.rerolls ? (0, _i18N.t)("score_panel.rerolls_count", {
rerolls: gameState.rerolls
}) : ""
],
allowClose: true
});
}
function getNearestUnlockHTML(gameState) {
2025-04-07 15:25:58 +02:00
if (gameState.creative) return "";
2025-04-07 14:08:48 +02:00
const unlockable = (0, _loadGameData.allLevels).map((l, li)=>{
const { minScore, forbidden, required } = (0, _gameUtils.getLevelUnlockCondition)(li);
return {
l,
li,
minScore,
forbidden,
required,
missing: required.filter((u)=>!gameState?.perks?.[u.id]),
reason: (0, _gameUtils.reasonLevelIsLocked)(li, (0, _gameOver.getHistory)(), false)
};
}).filter(({ reason, forbidden, missing })=>// Level needs to be locked
reason & & // we can't have a forbidden perk
!forbidden.find((u)=>gameState?.perks?.[u.id]) & & // All required upgrades need to be unlocked
!missing.find((u)=>u.threshold > gameState.totalScoreAtRunStart));
const firstUnlockable = unlockable.find(({ missing })=>!missing.length) || unlockable[0];
if (!firstUnlockable) return "";
let missingPoints = firstUnlockable.minScore - gameState.score;
let missingUpgrades = firstUnlockable.missing.map((u)=>u.name).join(", ");
const title = missingUpgrades & & (0, _i18N.t)("score_panel.get_upgrades_to_unlock", {
missingUpgrades,
points: missingPoints,
level: firstUnlockable.l.name
}) || missingPoints > 0 & & (0, _i18N.t)("score_panel.score_to_unlock", {
points: missingPoints,
level: firstUnlockable.l.name
}) || (0, _i18N.t)("score_panel.continue_to_unlock", {
level: firstUnlockable.l.name
});
return `
< p > ${(0, _i18N.t)("score_panel.close_to_unlock")}< / p >
< div class = "upgrade used" >
${(0, _loadGameData.icons)[firstUnlockable.l.name]}
< p >
< strong > ${title}< / strong >
${firstUnlockable.reason?.text}
< / p >
< / div >
`;
}
},{"./asyncAlert":"rSqLY","./i18n/i18n":"eNPRm","./game_utils":"cEeac","./gameOver":"caCAf","./game":"edeGs","@parcel/transformer-js/src/esmodule-helpers.js":"gkKU3","./loadGameData":"l1B4x"}]},["67XFf"], "67XFf", "parcelRequire94c2")
2025-03-19 18:13:41 +01:00
< / script >
< / body >
< / html >
