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" >
2025-04-08 15:17:14 +02:00
< meta name = "theme-color" content = "#000000" id = "themeColor" >
2025-03-19 18:13:41 +01:00
< 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-04-12 20:58:24 +02:00
#score.hidden {
display: none;
}
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-04-08 10:36:30 +02:00
.toast {
opacity: .8;
pointer-events: none;
background: #000;
border: 1px solid #fff;
border-radius: 2px;
align-items: center;
gap: 10px;
padding-right: 10px;
2025-04-08 14:03:38 +02:00
animation: forwards toast;
2025-04-08 10:36:30 +02:00
display: flex;
position: fixed;
top: 40px;
left: 0;
}
@keyframes toast {
2025-04-08 14:03:38 +02:00
0%, 100% {
2025-04-08 10:36:30 +02:00
opacity: 0;
2025-04-08 14:03:38 +02:00
transform: translate(-20px, -20px)scale(.5);
2025-04-08 10:36:30 +02:00
}
10%, 90% {
opacity: .8;
transform: none;
}
}
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-08 15:17:14 +02:00
})({"j3Ih9":[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);
2025-04-12 20:01:43 +02:00
parcelHelpers.export(exports, "startComputerControlledGame", ()=>startComputerControlledGame);
2025-03-19 18:13:41 +01:00
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-08 10:36:30 +02:00
var _monitorLevelsUnlocks = require("./monitorLevelsUnlocks");
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-04-12 20:01:43 +02:00
if (gameState.computer_controlled) 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();
}
2025-04-11 20:34:11 +02:00
const fitSize = (gameState)=>{
if (!gameState) throw new Error("Missign game state");
2025-03-19 18:13:41 +01:00
const past_off = gameState.offsetXRoundedDown, past_width = gameState.gameZoneWidthRoundedUp, past_heigh = gameState.gameZoneHeight;
2025-04-11 20:34:11 +02:00
const width = window.innerWidth, height = window.innerHeight;
2025-03-19 18:13:41 +01:00
gameState.canvasWidth = width;
gameState.canvasHeight = height;
(0, _render.gameCanvas).width = width;
(0, _render.gameCanvas).height = height;
(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-04-11 20:34:51 +02:00
gameState.gameZoneHeight = (0, _options.isOptionOn)("mobile-mode") ? Math.floor(height * 0.8) : height;
2025-04-11 20:34:11 +02:00
const baseWidth = Math.round(Math.min(gameState.canvasWidth, gameState.gameZoneHeight * 0.73 * (gameState.gridSize + gameState.perks.unbounded * 2) / gameState.gridSize));
gameState.brickWidth = Math.floor(baseWidth / (gameState.gridSize + gameState.perks.unbounded * 2) / 2) * 2;
2025-03-19 18:13:41 +01:00
gameState.gameZoneWidth = gameState.brickWidth * gameState.gridSize;
gameState.offsetX = Math.floor((gameState.canvasWidth - gameState.gameZoneWidth) / 2);
2025-04-11 20:34:11 +02:00
// Space between left side and border
gameState.offsetXRoundedDown = gameState.offsetX - gameState.perks.unbounded * gameState.brickWidth;
if (gameState.offsetX < gameState.ballSize + gameState . perks . unbounded * 2 * gameState . brickWidth ) gameState . offsetXRoundedDown = 0;
2025-03-19 18:13:41 +01:00
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`);
};
2025-04-11 20:34:11 +02:00
window.addEventListener("resize", ()=>fitSize(gameState));
window.addEventListener("fullscreenchange", ()=>fitSize(gameState));
2025-03-19 18:13:41 +01:00
setInterval(()=>{
// Sometimes, the page changes size without triggering the event (when switching to fullscreen, closing debug panel...)
2025-04-12 08:50:28 +02:00
const width = window.innerWidth, height = window.innerHeight;
2025-04-11 20:34:11 +02:00
if (width !== gameState.canvasWidth || height !== gameState.canvasHeight) fitSize(gameState);
2025-03-19 18:13:41 +01:00
}, 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-04-08 21:54:19 +02:00
if (gameState.levelWallBounces < (0, _pureFunctions.wallBouncedBest)) {
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");
2025-04-08 21:54:19 +02:00
} else if (gameState.levelWallBounces < (0, _pureFunctions.wallBouncedGood)) {
2025-03-30 21:07:58 +02:00
repeats++;
2025-03-19 18:13:41 +01:00
wallHitsGain = (0, _i18N.t)("level_up.plus_one_upgrade");
}
2025-04-08 21:54:19 +02:00
if (gameState.levelTime < (0, _pureFunctions.levelTimeBest) * 1000) {
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
timeGain = (0, _i18N.t)("level_up.plus_one_upgrade_and_reroll");
2025-04-08 21:54:19 +02:00
} else if (gameState.levelTime < (0, _pureFunctions.levelTimeGood) * 1000) {
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-04-08 21:54:19 +02:00
if (catchRate > (0, _pureFunctions.catchRateBest) / 100) {
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-04-08 21:54:19 +02:00
} else if (catchRate > (0, _pureFunctions.catchRateGood) / 100) {
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-04-08 21:54:19 +02:00
if (gameState.levelMisses < (0, _pureFunctions.missesBest)) {
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");
2025-04-08 21:54:19 +02:00
} else if (gameState.levelMisses < (0, _pureFunctions.missesGood)) {
2025-03-30 21:07:58 +02:00
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-03-30 21:07:58 +02:00
(0, _gameUtils.pickedUpgradesHTMl)(gameState),
2025-04-08 14:03:38 +02:00
(0, _openScorePanel.getNearestUnlockHTML)(gameState),
2025-03-30 21:07:58 +02:00
`< 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;
2025-04-10 15:27:38 +02:00
let frames = Math.min(4, timeDeltaMs / (1000 / 60));
2025-03-19 18:13:41 +01:00
if (gameState.keyboardPuckSpeed) (0, _gameStateMutators.setMousePos)(gameState, gameState.puckPosition + gameState.keyboardPuckSpeed);
2025-04-10 15:27:38 +02:00
if (gameState.perks.superhot) frames *= (0, _pureFunctions.clamp)(Math.abs(gameState.puckPosition - gameState.lastPuckPosition) / 5, 0.2 / gameState.perks.superhot, 1);
2025-03-19 18:13:41 +01:00
(0, _gameStateMutators.normalizeGameState)(gameState);
if (gameState.running) {
2025-04-11 20:34:11 +02:00
gameState.levelTime += timeDeltaMs * frames;
gameState.runStatistics.runTime += timeDeltaMs * frames;
2025-03-19 18:13:41 +01:00
(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-04-08 10:36:30 +02:00
setInterval(()=>{
(0, _monitorLevelsUnlocks.monitorLevelsUnlocks)(gameState);
}, 500);
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,
2025-04-08 21:54:19 +02:00
`< p >
< span > Made in France by < a href = "https://lecaro.me" > Renan LE CARO< / a > .< / span >
< a href = "https://paypal.me/renanlecaro" target = "_blank" > Donate< / a >
< a href = "https://discord.gg/bbcQw4x5zA" target = "_blank" > Discord< / a >
< a href = "https://f-droid.org/en/packages/me.lecaro.breakout/" target = "_blank" > F-Droid< / a >
< a href = "https://play.google.com/store/apps/details?id=me.lecaro.breakout" target = "_blank" > Google Play< / a >
< a href = "https://renanlecaro.itch.io/breakout71" target = "_blank" > itch.io< / a >
< a href = "https://gitlab.com/lecarore/breakout71" target = "_blank" > Gitlab< / a >
< a href = "https://breakout.lecaro.me/" target = "_blank" > Web version< / a >
< a href = "https://news.ycombinator.com/item?id=43183131" target = "_blank" > HackerNews< / a >
< a href = "https://breakout.lecaro.me/privacy.html" target = "_blank" > Privacy Policy< / a >
< a href = "https://archive.lecaro.me/public-files/b71/" target = "_blank" > Archives< / a >
< span > v.${(0, _loadGameData.appVersion)}< / span >
< / p > `
2025-03-27 10:52:31 +01:00
],
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)()
];
actions.push({
2025-04-09 11:28:32 +02:00
icon: (0, _loadGameData.icons)[(0, _i18N.languages).find((l)=>l.value === (0, _i18N.getCurrentLang)())?.levelName],
2025-04-11 09:36:31 +02:00
text: (0, _i18N.t)("settings.language"),
help: (0, _i18N.t)("settings.language_help"),
2025-04-02 10:41:35 +02:00
async value () {
const pick = await (0, _asyncAlert.asyncAlert)({
2025-04-11 09:36:31 +02:00
title: (0, _i18N.t)("settings.language"),
2025-04-02 10:41:35 +02:00
content: [
2025-04-11 09:36:31 +02:00
(0, _i18N.t)("settings.language_help"),
2025-04-09 11:28:32 +02:00
...(0, _i18N.languages).map((l)=>({
...l,
icon: (0, _loadGameData.icons)[l.levelName]
}))
2025-04-02 10:41:35 +02:00
],
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);
2025-04-11 20:34:11 +02:00
fitSize(gameState);
2025-04-05 11:09:07 +02:00
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-04-11 09:36:31 +02:00
text: (0, _i18N.t)("settings.download_save_file"),
help: (0, _i18N.t)("settings.download_save_file_help"),
2025-03-19 18:13:41 +01:00
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-04-11 09:36:31 +02:00
text: (0, _i18N.t)("settings.load_save_file"),
help: (0, _i18N.t)("settings.load_save_file_help"),
2025-03-19 18:13:41 +01:00
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)({
2025-04-11 09:36:31 +02:00
title: (0, _i18N.t)("settings.save_file_loaded"),
2025-03-27 10:52:31 +01:00
content: [
2025-04-11 09:36:31 +02:00
(0, _i18N.t)("settings.save_file_loaded_help"),
2025-03-19 18:13:41 +01:00
{
2025-04-11 09:36:31 +02:00
text: (0, _i18N.t)("settings.save_file_loaded_ok")
2025-03-19 18:13:41 +01:00
}
]
});
window.location.reload();
}
} catch (e) {
await (0, _asyncAlert.asyncAlert)({
2025-04-11 09:36:31 +02:00
title: (0, _i18N.t)("settings.save_file_error"),
2025-03-27 10:52:31 +01:00
content: [
e.message,
2025-03-19 18:13:41 +01:00
{
2025-04-11 09:36:31 +02:00
text: (0, _i18N.t)("settings.save_file_loaded_ok")
2025-03-19 18:13:41 +01:00
}
]
});
}
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-04-11 09:36:31 +02:00
text: (0, _i18N.t)("settings.max_coins", {
2025-03-23 15:48:21 +01:00
max: (0, _settings.getCurrentMaxCoins)()
}),
2025-04-11 09:36:31 +02:00
help: (0, _i18N.t)("settings.max_coins_help"),
2025-03-23 15:48:21 +01:00
async value () {
(0, _settings.cycleMaxCoins)();
await openSettingsMenu();
}
});
actions.push({
2025-04-02 10:42:01 +02:00
icon: (0, _loadGameData.icons)["icon:particles"],
2025-04-11 09:36:31 +02:00
text: (0, _i18N.t)("settings.max_particles", {
2025-03-23 15:48:21 +01:00
max: (0, _settings.getCurrentMaxParticles)()
}),
2025-04-11 09:36:31 +02:00
help: (0, _i18N.t)("settings.max_particles_help"),
2025-03-23 15:48:21 +01:00
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-11 09:36:31 +02:00
text: (0, _i18N.t)("settings.reset"),
help: (0, _i18N.t)("settings.reset_help"),
2025-04-02 10:41:35 +02:00
async value () {
if (await (0, _asyncAlert.asyncAlert)({
2025-04-11 09:36:31 +02:00
title: (0, _i18N.t)("settings.reset"),
2025-04-02 10:41:35 +02:00
content: [
2025-04-11 09:36:31 +02:00
(0, _i18N.t)("settings.reset_instruction"),
2025-04-02 10:41:35 +02:00
{
2025-04-11 09:36:31 +02:00
text: (0, _i18N.t)("settings.reset_confirm"),
2025-04-02 10:41:35 +02:00
value: true
},
{
2025-04-11 09:36:31 +02:00
text: (0, _i18N.t)("settings.reset_cancel"),
2025-04-02 10:41:35 +02:00
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-10 14:49:28 +02:00
},
level: "icon:" + id
2025-03-29 17:40:07 +01:00
},
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-08 14:29:00 +02:00
const unlockedBefore = new Set((0, _settings.getSettingValue)("breakout_71_unlocked_levels", []));
2025-04-06 15:38:30 +02:00
const levelActions = (0, _loadGameData.allLevels).map((l, li)=>{
2025-04-08 14:29:00 +02:00
const lockedBecause = unlockedBefore.has(l.name) ? null : (0, _gameUtils.reasonLevelIsLocked)(li, (0, _gameOver.getHistory)(), true);
2025-04-07 14:08:48 +02:00
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-10 21:40:45 +02:00
else if (e.key.toLowerCase() === "s" & & !(0, _asyncAlert.alertsOpen)) (0, _openScorePanel.openScorePanel)(gameState).then();
2025-04-12 20:58:24 +02:00
else if (e.key.toLowerCase() === "r" & & !(0, _asyncAlert.alertsOpen) & & pageLoad < Date.now ( ) - 500 ) {
if (gameState.computer_controlled) return startComputerControlledGame();
// When doing ctrl + R in dev to refresh, i don't want to instantly restart a run
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) {
Object.assign(gameState, (0, _newGameState.newGameState)(params));
2025-04-09 09:24:15 +02:00
// Recompute brick size according to level
2025-04-11 20:34:11 +02:00
fitSize(gameState);
2025-03-19 18:13:41 +01:00
(0, _recording.pauseRecording)();
(0, _gameStateMutators.setLevel)(gameState, 0);
2025-04-12 20:01:43 +02:00
if (params?.computer_controlled) play();
2025-03-19 18:13:41 +01:00
}
2025-04-12 20:01:43 +02:00
if (window.location.search.includes("autoplay")) startComputerControlledGame();
else restart({});
function startComputerControlledGame() {
const perks = {
base_combo: 7,
pierce: 3
};
for(let i = 0; i < 10 ; i + + ) {
const u = (0, _gameUtils.sample)((0, _loadGameData.upgrades));
perks[u.id] = Math.floor(Math.random() * u.max) + 1;
2025-04-11 20:34:11 +02:00
}
2025-04-12 20:01:43 +02:00
perks.superhot = 0;
restart({
level: (0, _gameUtils.sample)((0, _loadGameData.allLevels))?.name,
computer_controlled: true,
perks
});
}
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-08 15:17:14 +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","./generateSaveFileContent":"iEcoB","./runHistoryViewer":"b80Ki","./openScorePanel":"aHTmD","./monitorLevelsUnlocks":"jjD0P","@parcel/transformer-js/src/esmodule-helpers.js":"gkKU3"}],"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) {
2025-04-09 09:24:15 +02:00
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\"}");
2025-04-06 11:27:26 +02:00
},{}],"8JSUc":[function(require,module,exports,__globalThis) {
2025-04-13 09:58:09 +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":"My favorite character in https://nuclearthrone.com/"},{"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":4,"bricks":"____ggggrrrryyyy","svg":8,"color":"#5da3ea"},{"name":"France","size":6,"bricks":"______ttWWrrttWWrrttWWrrttWWrrttWWrr","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":"Mushroom","size":16,"bricks"
2025-04-06 11:27:26 +02:00
},{}],"iyP6E":[function(require,module,exports,__globalThis) {
2025-04-13 09:58:09 +02:00
module.exports = JSON.parse("\"29075517\"");
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);
2025-04-11 09:36:31 +02:00
parcelHelpers.export(exports, "noCreative", ()=>noCreative);
parcelHelpers.export(exports, "notStartingPerk", ()=>notStartingPerk);
2025-03-19 18:13:41 +01:00
parcelHelpers.export(exports, "rawUpgrades", ()=>rawUpgrades);
var _i18N = require("./i18n/i18n");
2025-03-29 21:22:19 +01:00
var _pureFunctions = require("./pure_functions");
2025-04-11 09:36:31 +02:00
const noCreative = [
"extra_levels",
"shunt",
"one_more_choice",
"instant_upgrade"
];
const notStartingPerk = [
"instant_upgrade"
];
2025-03-19 18:13:41 +01:00
const rawUpgrades = [
{
requires: "",
threshold: 0,
2025-04-11 09:36:31 +02:00
gift: false,
2025-03-19 18:13:41 +01:00
id: "extra_life",
2025-04-08 10:36:30 +02:00
max: 7,
2025-03-19 18:13:41 +01:00
name: (0, _i18N.t)("upgrades.extra_life.name"),
2025-04-09 11:28:32 +02:00
help: (lvl)=>lvl === 1 ? (0, _i18N.t)("upgrades.extra_life.tooltip") : (0, _i18N.t)("upgrades.extra_life.help_plural", {
2025-03-19 18:13:41 +01:00
lvl
}),
2025-04-09 11:28:32 +02:00
fullHelp: (0, _i18N.t)("upgrades.extra_life.verbose_description")
2025-03-19 18:13:41 +01:00
},
{
requires: "",
threshold: 0,
id: "base_combo",
2025-04-11 09:36:31 +02:00
gift: true,
2025-03-19 18:13:41 +01:00
max: 7,
name: (0, _i18N.t)("upgrades.base_combo.name"),
2025-04-09 11:28:32 +02:00
help: (lvl)=>(0, _i18N.t)("upgrades.base_combo.tooltip", {
2025-03-19 18:13:41 +01:00
coins: 1 + lvl * 3
}),
2025-04-09 11:28:32 +02:00
fullHelp: (0, _i18N.t)("upgrades.base_combo.verbose_description")
2025-03-19 18:13:41 +01:00
},
{
requires: "",
threshold: 0,
2025-04-11 09:36:31 +02:00
gift: false,
2025-03-19 18:13:41 +01:00
id: "slow_down",
max: 2,
name: (0, _i18N.t)("upgrades.slow_down.name"),
2025-04-09 11:28:32 +02:00
help: (lvl)=>(0, _i18N.t)("upgrades.slow_down.tooltip", {
2025-03-29 11:24:45 +01:00
lvl
}),
2025-04-09 11:28:32 +02:00
fullHelp: (0, _i18N.t)("upgrades.slow_down.verbose_description")
2025-03-19 18:13:41 +01:00
},
{
requires: "",
threshold: 0,
2025-04-11 09:36:31 +02:00
gift: false,
2025-03-19 18:13:41 +01:00
id: "bigger_puck",
max: 2,
name: (0, _i18N.t)("upgrades.bigger_puck.name"),
2025-04-09 11:28:32 +02:00
help: ()=>(0, _i18N.t)("upgrades.bigger_puck.tooltip"),
fullHelp: (0, _i18N.t)("upgrades.bigger_puck.verbose_description")
2025-03-19 18:13:41 +01:00
},
{
requires: "",
threshold: 0,
2025-04-11 09:36:31 +02:00
gift: false,
2025-03-19 18:13:41 +01:00
id: "viscosity",
max: 3,
name: (0, _i18N.t)("upgrades.viscosity.name"),
2025-04-09 11:28:32 +02:00
help: ()=>(0, _i18N.t)("upgrades.viscosity.tooltip"),
fullHelp: (0, _i18N.t)("upgrades.viscosity.verbose_description")
2025-03-19 18:13:41 +01:00
},
{
requires: "",
2025-04-08 14:03:38 +02:00
threshold: 50,
2025-04-11 09:36:31 +02:00
gift: false,
2025-04-08 14:03:38 +02:00
id: "skip_last",
max: 7,
name: (0, _i18N.t)("upgrades.skip_last.name"),
2025-04-09 11:28:32 +02:00
help: (lvl)=>lvl == 1 ? (0, _i18N.t)("upgrades.skip_last.tooltip") : (0, _i18N.t)("upgrades.skip_last.help_plural", {
2025-04-08 14:03:38 +02:00
lvl
}),
2025-04-09 11:28:32 +02:00
fullHelp: (0, _i18N.t)("upgrades.skip_last.verbose_description")
2025-04-08 14:03:38 +02:00
},
{
requires: "",
threshold: 100,
id: "streak_shots",
2025-04-11 09:36:31 +02:00
gift: true,
2025-04-08 14:03:38 +02:00
max: 1,
name: (0, _i18N.t)("upgrades.streak_shots.name"),
2025-04-09 11:28:32 +02:00
help: (lvl)=>(0, _i18N.t)("upgrades.streak_shots.tooltip", {
2025-04-08 14:03:38 +02:00
lvl
}),
2025-04-09 11:28:32 +02:00
fullHelp: (0, _i18N.t)("upgrades.streak_shots.verbose_description")
2025-04-08 14:03:38 +02:00
},
{
requires: "",
threshold: 200,
2025-03-19 18:13:41 +01:00
id: "left_is_lava",
2025-04-11 09:36:31 +02:00
gift: true,
2025-03-19 18:13:41 +01:00
max: 1,
name: (0, _i18N.t)("upgrades.left_is_lava.name"),
2025-04-09 11:28:32 +02:00
help: (lvl)=>(0, _i18N.t)("upgrades.left_is_lava.tooltip", {
2025-03-29 11:24:45 +01:00
lvl
}),
2025-04-09 11:28:32 +02:00
fullHelp: (0, _i18N.t)("upgrades.left_is_lava.verbose_description")
2025-03-19 18:13:41 +01:00
},
{
requires: "",
2025-04-08 14:03:38 +02:00
threshold: 300,
2025-03-19 18:13:41 +01:00
id: "right_is_lava",
2025-04-11 09:36:31 +02:00
gift: true,
2025-03-19 18:13:41 +01:00
max: 1,
name: (0, _i18N.t)("upgrades.right_is_lava.name"),
2025-04-09 11:28:32 +02:00
help: (lvl)=>(0, _i18N.t)("upgrades.right_is_lava.tooltip", {
2025-03-29 11:24:45 +01:00
lvl
}),
2025-04-09 11:28:32 +02:00
fullHelp: (0, _i18N.t)("upgrades.right_is_lava.verbose_description")
2025-03-19 18:13:41 +01:00
},
{
requires: "",
2025-04-08 14:03:38 +02:00
threshold: 400,
2025-03-19 18:13:41 +01:00
id: "top_is_lava",
2025-04-11 09:36:31 +02:00
gift: true,
2025-03-19 18:13:41 +01:00
max: 1,
name: (0, _i18N.t)("upgrades.top_is_lava.name"),
2025-04-09 11:28:32 +02:00
help: (lvl)=>(0, _i18N.t)("upgrades.top_is_lava.tooltip", {
2025-03-29 11:24:45 +01:00
lvl
}),
2025-04-09 11:28:32 +02:00
fullHelp: (0, _i18N.t)("upgrades.top_is_lava.verbose_description")
2025-03-19 18:13:41 +01:00
},
{
requires: "",
threshold: 500,
id: "telekinesis",
2025-04-11 09:36:31 +02:00
gift: true,
2025-03-30 21:07:58 +02:00
max: 1,
2025-03-19 18:13:41 +01:00
name: (0, _i18N.t)("upgrades.telekinesis.name"),
2025-04-09 11:28:32 +02:00
help: (lvl)=>lvl == 1 ? (0, _i18N.t)("upgrades.telekinesis.tooltip") : (0, _i18N.t)("upgrades.telekinesis.help_plural"),
fullHelp: (0, _i18N.t)("upgrades.telekinesis.verbose_description")
2025-03-19 18:13:41 +01:00
},
{
requires: "",
2025-04-08 14:03:38 +02:00
threshold: 700,
2025-04-11 09:36:31 +02:00
gift: false,
2025-03-19 18:13:41 +01:00
id: "coin_magnet",
max: 3,
name: (0, _i18N.t)("upgrades.coin_magnet.name"),
2025-04-09 11:28:32 +02:00
help: (lvl)=>lvl == 1 ? (0, _i18N.t)("upgrades.coin_magnet.tooltip") : (0, _i18N.t)("upgrades.coin_magnet.help_plural"),
fullHelp: (0, _i18N.t)("upgrades.coin_magnet.verbose_description")
2025-03-19 18:13:41 +01:00
},
{
requires: "",
2025-04-08 14:03:38 +02:00
threshold: 800,
2025-03-19 18:13:41 +01:00
id: "multiball",
2025-04-11 09:36:31 +02:00
gift: true,
2025-03-19 18:13:41 +01:00
max: 6,
name: (0, _i18N.t)("upgrades.multiball.name"),
2025-04-09 11:28:32 +02:00
help: (lvl)=>(0, _i18N.t)("upgrades.multiball.tooltip", {
2025-03-19 18:13:41 +01:00
count: lvl + 1
}),
2025-04-09 11:28:32 +02:00
fullHelp: (0, _i18N.t)("upgrades.multiball.verbose_description")
2025-03-19 18:13:41 +01:00
},
{
requires: "",
2025-04-08 14:03:38 +02:00
threshold: 1000,
2025-04-11 09:36:31 +02:00
gift: false,
2025-03-19 18:13:41 +01:00
id: "smaller_puck",
max: 2,
name: (0, _i18N.t)("upgrades.smaller_puck.name"),
2025-04-09 11:28:32 +02:00
help: (lvl)=>lvl == 1 ? (0, _i18N.t)("upgrades.smaller_puck.tooltip") : (0, _i18N.t)("upgrades.smaller_puck.help_plural"),
fullHelp: (0, _i18N.t)("upgrades.smaller_puck.verbose_description")
2025-03-19 18:13:41 +01:00
},
{
requires: "",
2025-04-08 14:03:38 +02:00
threshold: 1500,
2025-03-19 18:13:41 +01:00
id: "pierce",
2025-04-11 09:36:31 +02:00
gift: false,
2025-03-19 18:13:41 +01:00
max: 3,
name: (0, _i18N.t)("upgrades.pierce.name"),
2025-04-09 11:28:32 +02:00
help: (lvl)=>(0, _i18N.t)("upgrades.pierce.tooltip", {
2025-03-19 18:13:41 +01:00
count: 3 * lvl
}),
2025-04-09 11:28:32 +02:00
fullHelp: (0, _i18N.t)("upgrades.pierce.verbose_description")
2025-03-19 18:13:41 +01:00
},
{
requires: "",
2025-04-08 14:03:38 +02:00
threshold: 2000,
2025-03-19 18:13:41 +01:00
id: "picky_eater",
2025-04-11 09:36:31 +02:00
gift: true,
2025-03-19 18:13:41 +01:00
max: 1,
name: (0, _i18N.t)("upgrades.picky_eater.name"),
2025-04-09 11:28:32 +02:00
help: (lvl)=>(0, _i18N.t)("upgrades.picky_eater.tooltip", {
2025-03-29 11:24:45 +01:00
lvl
}),
2025-04-09 11:28:32 +02:00
fullHelp: (0, _i18N.t)("upgrades.picky_eater.verbose_description")
2025-03-19 18:13:41 +01:00
},
{
requires: "",
2025-04-08 14:03:38 +02:00
threshold: 2500,
2025-04-11 09:36:31 +02:00
gift: false,
2025-03-19 18:13:41 +01:00
id: "metamorphosis",
max: 1,
name: (0, _i18N.t)("upgrades.metamorphosis.name"),
2025-04-09 11:28:32 +02:00
help: (lvl)=>(0, _i18N.t)("upgrades.metamorphosis.tooltip", {
2025-03-29 11:24:45 +01:00
lvl
}),
2025-04-09 11:28:32 +02:00
fullHelp: (0, _i18N.t)("upgrades.metamorphosis.verbose_description")
2025-03-19 18:13:41 +01:00
},
{
requires: "",
2025-04-08 14:03:38 +02:00
threshold: 3000,
2025-03-19 18:13:41 +01:00
id: "compound_interest",
2025-04-11 09:36:31 +02:00
gift: true,
2025-03-19 18:13:41 +01:00
max: 1,
name: (0, _i18N.t)("upgrades.compound_interest.name"),
2025-04-09 11:28:32 +02:00
help: (lvl)=>(0, _i18N.t)("upgrades.compound_interest.tooltip", {
2025-03-29 11:24:45 +01:00
lvl
}),
2025-04-09 11:28:32 +02:00
fullHelp: (0, _i18N.t)("upgrades.compound_interest.verbose_description")
2025-03-19 18:13:41 +01:00
},
{
requires: "",
2025-04-08 14:03:38 +02:00
threshold: 4000,
2025-03-19 18:13:41 +01:00
id: "hot_start",
2025-04-11 09:36:31 +02:00
gift: true,
2025-03-19 18:13:41 +01:00
max: 3,
name: (0, _i18N.t)("upgrades.hot_start.name"),
2025-04-09 11:28:32 +02:00
help: (lvl)=>(0, _i18N.t)("upgrades.hot_start.tooltip", {
2025-03-30 21:07:58 +02:00
start: lvl * 30 + 1,
loss: lvl
2025-03-19 18:13:41 +01:00
}),
2025-04-09 11:28:32 +02:00
fullHelp: (0, _i18N.t)("upgrades.hot_start.verbose_description")
2025-03-19 18:13:41 +01:00
},
{
requires: "",
2025-04-08 14:03:38 +02:00
threshold: 6000,
2025-03-19 18:13:41 +01:00
id: "sapper",
2025-04-11 09:36:31 +02:00
gift: false,
2025-03-19 18:13:41 +01:00
max: 7,
name: (0, _i18N.t)("upgrades.sapper.name"),
2025-04-09 11:28:32 +02:00
help: (lvl)=>lvl == 1 ? (0, _i18N.t)("upgrades.sapper.tooltip") : (0, _i18N.t)("upgrades.sapper.help_plural", {
2025-03-19 18:13:41 +01:00
lvl
}),
2025-04-09 11:28:32 +02:00
fullHelp: (0, _i18N.t)("upgrades.sapper.verbose_description")
2025-03-19 18:13:41 +01:00
},
{
requires: "",
2025-04-08 14:03:38 +02:00
threshold: 9000,
2025-03-19 18:13:41 +01:00
id: "bigger_explosions",
2025-04-11 09:36:31 +02:00
gift: false,
2025-03-19 18:13:41 +01:00
max: 1,
name: (0, _i18N.t)("upgrades.bigger_explosions.name"),
2025-04-09 11:28:32 +02:00
help: (lvl)=>(0, _i18N.t)("upgrades.bigger_explosions.tooltip"),
fullHelp: (0, _i18N.t)("upgrades.bigger_explosions.verbose_description")
2025-03-19 18:13:41 +01:00
},
{
requires: "",
threshold: 13000,
2025-04-11 09:36:31 +02:00
gift: 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"),
2025-04-09 11:28:32 +02:00
help: (lvl)=>(0, _i18N.t)("upgrades.extra_levels.tooltip", {
2025-03-19 18:13:41 +01:00
count: lvl + 7
}),
2025-04-09 11:28:32 +02:00
fullHelp: (0, _i18N.t)("upgrades.extra_levels.verbose_description")
2025-03-19 18:13:41 +01:00
},
{
requires: "",
threshold: 15000,
2025-04-11 09:36:31 +02:00
gift: false,
2025-03-19 18:13:41 +01:00
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-04-09 11:28:32 +02:00
help: (lvl)=>(0, _i18N.t)("upgrades.pierce_color.tooltip", {
2025-03-23 19:11:01 +01:00
lvl
}),
2025-04-09 11:28:32 +02:00
fullHelp: (0, _i18N.t)("upgrades.pierce_color.verbose_description")
2025-03-19 18:13:41 +01:00
},
{
requires: "",
threshold: 18000,
2025-04-11 09:36:31 +02:00
gift: false,
2025-03-19 18:13:41 +01:00
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"),
2025-04-09 11:28:32 +02:00
help: (lvl)=>(0, _i18N.t)("upgrades.soft_reset.tooltip", {
2025-03-29 21:22:19 +01:00
percent: Math.round((0, _pureFunctions.comboKeepingRate)(lvl) * 100)
2025-03-19 18:13:41 +01:00
}),
2025-04-09 11:28:32 +02:00
fullHelp: (0, _i18N.t)("upgrades.soft_reset.verbose_description")
2025-03-19 18:13:41 +01:00
},
{
requires: "multiball",
threshold: 21000,
2025-04-11 09:36:31 +02:00
gift: false,
2025-03-19 18:13:41 +01:00
id: "ball_repulse_ball",
max: 3,
name: (0, _i18N.t)("upgrades.ball_repulse_ball.name"),
2025-04-09 11:28:32 +02:00
help: (lvl)=>lvl == 1 ? (0, _i18N.t)("upgrades.ball_repulse_ball.tooltip") : (0, _i18N.t)("upgrades.ball_repulse_ball.help_plural"),
fullHelp: (0, _i18N.t)("upgrades.ball_repulse_ball.verbose_description")
2025-03-19 18:13:41 +01:00
},
{
requires: "multiball",
threshold: 25000,
2025-04-11 09:36:31 +02:00
gift: false,
2025-03-19 18:13:41 +01:00
id: "ball_attract_ball",
max: 3,
name: (0, _i18N.t)("upgrades.ball_attract_ball.name"),
2025-04-09 11:28:32 +02:00
help: (lvl)=>lvl == 1 ? (0, _i18N.t)("upgrades.ball_attract_ball.tooltip") : (0, _i18N.t)("upgrades.ball_attract_ball.help_plural"),
fullHelp: (0, _i18N.t)("upgrades.ball_attract_ball.verbose_description")
2025-03-19 18:13:41 +01:00
},
{
requires: "",
threshold: 30000,
2025-04-11 09:36:31 +02:00
gift: false,
2025-03-19 18:13:41 +01:00
id: "puck_repulse_ball",
max: 2,
name: (0, _i18N.t)("upgrades.puck_repulse_ball.name"),
2025-04-09 11:28:32 +02:00
help: (lvl)=>lvl == 1 ? (0, _i18N.t)("upgrades.puck_repulse_ball.tooltip") : (0, _i18N.t)("upgrades.puck_repulse_ball.help_plural"),
fullHelp: (0, _i18N.t)("upgrades.puck_repulse_ball.verbose_description")
2025-03-19 18:13:41 +01:00
},
{
requires: "",
threshold: 35000,
2025-04-11 09:36:31 +02:00
gift: false,
2025-03-19 18:13:41 +01:00
id: "wind",
max: 3,
name: (0, _i18N.t)("upgrades.wind.name"),
2025-04-09 11:28:32 +02:00
help: (lvl)=>lvl == 1 ? (0, _i18N.t)("upgrades.wind.tooltip") : (0, _i18N.t)("upgrades.wind.help_plural"),
fullHelp: (0, _i18N.t)("upgrades.wind.verbose_description")
2025-03-19 18:13:41 +01:00
},
{
requires: "",
threshold: 40000,
2025-04-11 09:36:31 +02:00
gift: false,
2025-03-19 18:13:41 +01:00
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
2025-04-09 11:28:32 +02:00
(0, _i18N.t)("upgrades.sturdy_bricks.tooltip", {
2025-03-29 11:24:45 +01:00
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-04-09 11:28:32 +02:00
fullHelp: (0, _i18N.t)("upgrades.sturdy_bricks.verbose_description")
2025-03-19 18:13:41 +01:00
},
{
requires: "",
threshold: 45000,
2025-04-11 09:36:31 +02:00
gift: false,
2025-03-19 18:13:41 +01:00
id: "respawn",
max: 4,
name: (0, _i18N.t)("upgrades.respawn.name"),
2025-04-09 11:28:32 +02:00
help: (lvl)=>(0, _i18N.t)("upgrades.respawn.tooltip", {
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-04-09 11:28:32 +02:00
fullHelp: (0, _i18N.t)("upgrades.respawn.verbose_description")
2025-03-19 18:13:41 +01:00
},
{
requires: "",
threshold: 50000,
2025-04-11 09:36:31 +02:00
gift: false,
2025-03-19 18:13:41 +01:00
id: "one_more_choice",
max: 3,
name: (0, _i18N.t)("upgrades.one_more_choice.name"),
2025-04-09 11:28:32 +02:00
help: (lvl)=>(0, _i18N.t)("upgrades.one_more_choice.tooltip", {
2025-03-29 15:00:44 +01:00
lvl
}),
2025-04-09 11:28:32 +02:00
fullHelp: (0, _i18N.t)("upgrades.one_more_choice.verbose_description")
2025-03-19 18:13:41 +01:00
},
{
requires: "",
threshold: 55000,
2025-04-11 09:36:31 +02:00
gift: false,
2025-03-19 18:13:41 +01:00
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-04-09 11:28:32 +02:00
help: (lvl)=>(0, _i18N.t)("upgrades.instant_upgrade.tooltip", {
2025-03-29 15:00:44 +01:00
lvl
}),
2025-04-09 11:28:32 +02:00
fullHelp: (0, _i18N.t)("upgrades.instant_upgrade.verbose_description")
2025-03-19 18:13:41 +01:00
},
{
requires: "",
threshold: 60000,
2025-04-11 09:36:31 +02:00
gift: false,
2025-03-19 18:13:41 +01:00
id: "concave_puck",
max: 1,
name: (0, _i18N.t)("upgrades.concave_puck.name"),
2025-04-09 11:28:32 +02:00
help: (lvl)=>(0, _i18N.t)("upgrades.concave_puck.tooltip"),
fullHelp: (0, _i18N.t)("upgrades.concave_puck.verbose_description")
2025-03-19 20:14:55 +01:00
},
{
requires: "",
threshold: 65000,
2025-04-11 09:36:31 +02:00
gift: 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"),
2025-04-09 11:28:32 +02:00
help: (lvl)=>(0, _i18N.t)("upgrades.helium.tooltip"),
fullHelp: (0, _i18N.t)("upgrades.helium.verbose_description")
2025-03-19 20:14:55 +01:00
},
{
requires: "",
threshold: 70000,
2025-04-11 09:36:31 +02:00
gift: true,
2025-03-19 20:14:55 +01:00
id: "asceticism",
max: 1,
name: (0, _i18N.t)("upgrades.asceticism.name"),
2025-04-09 11:28:32 +02:00
help: (lvl)=>(0, _i18N.t)("upgrades.asceticism.tooltip", {
2025-03-29 11:24:45 +01:00
combo: lvl * 3
}),
2025-04-09 11:28:32 +02:00
fullHelp: (0, _i18N.t)("upgrades.asceticism.verbose_description")
2025-03-19 20:14:55 +01:00
},
{
requires: "",
threshold: 75000,
2025-04-11 09:36:31 +02:00
gift: false,
2025-03-19 20:14:55 +01:00
id: "unbounded",
2025-04-11 20:34:11 +02:00
max: 3,
2025-03-19 20:14:55 +01:00
name: (0, _i18N.t)("upgrades.unbounded.name"),
2025-04-11 20:34:11 +02:00
help: (lvl)=>(0, _i18N.t)("upgrades.unbounded.tooltip", {
2025-03-29 11:24:45 +01:00
lvl
}),
2025-04-09 11:28:32 +02:00
fullHelp: (0, _i18N.t)("upgrades.unbounded.verbose_description")
2025-03-19 20:14:55 +01:00
},
{
requires: "",
threshold: 80000,
2025-04-11 09:36:31 +02:00
gift: false,
2025-03-19 20:14:55 +01:00
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-04-09 11:28:32 +02:00
help: (lvl)=>(0, _i18N.t)("upgrades.shunt.tooltip", {
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-04-09 11:28:32 +02:00
fullHelp: (0, _i18N.t)("upgrades.shunt.verbose_description")
2025-03-19 20:14:55 +01:00
},
{
requires: "",
threshold: 85000,
2025-04-11 09:36:31 +02:00
gift: false,
2025-03-19 20:14:55 +01:00
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"),
2025-04-09 11:28:32 +02:00
help: (lvl)=>(0, _i18N.t)("upgrades.yoyo.tooltip"),
fullHelp: (0, _i18N.t)("upgrades.yoyo.verbose_description")
2025-03-19 20:14:55 +01:00
},
{
requires: "",
threshold: 90000,
2025-04-11 09:36:31 +02:00
gift: true,
2025-03-19 20:14:55 +01:00
id: "nbricks",
max: 3,
name: (0, _i18N.t)("upgrades.nbricks.name"),
2025-04-09 11:28:32 +02:00
help: (lvl)=>(0, _i18N.t)("upgrades.nbricks.tooltip", {
2025-03-19 20:14:55 +01:00
lvl
}),
2025-04-09 11:28:32 +02:00
fullHelp: (0, _i18N.t)("upgrades.nbricks.verbose_description")
2025-03-19 20:14:55 +01:00
},
{
requires: "",
threshold: 95000,
2025-04-11 09:36:31 +02:00
gift: false,
2025-03-19 20:14:55 +01:00
id: "etherealcoins",
max: 1,
name: (0, _i18N.t)("upgrades.etherealcoins.name"),
2025-04-09 11:28:32 +02:00
help: (lvl)=>(0, _i18N.t)("upgrades.etherealcoins.tooltip"),
fullHelp: (0, _i18N.t)("upgrades.etherealcoins.verbose_description")
2025-03-19 21:58:08 +01:00
},
{
requires: "multiball",
threshold: 100000,
2025-04-11 09:36:31 +02:00
gift: false,
2025-03-19 21:58:08 +01:00
id: "shocks",
max: 1,
name: (0, _i18N.t)("upgrades.shocks.name"),
2025-04-09 11:28:32 +02:00
help: (lvl)=>(0, _i18N.t)("upgrades.shocks.tooltip"),
fullHelp: (0, _i18N.t)("upgrades.shocks.verbose_description")
2025-03-19 21:58:08 +01:00
},
{
requires: "",
threshold: 105000,
2025-04-11 09:36:31 +02:00
gift: true,
2025-03-19 21:58:08 +01:00
id: "zen",
max: 1,
name: (0, _i18N.t)("upgrades.zen.name"),
2025-04-09 11:28:32 +02:00
help: (lvl)=>(0, _i18N.t)("upgrades.zen.tooltip", {
2025-03-29 15:00:44 +01:00
lvl
}),
2025-04-09 11:28:32 +02:00
fullHelp: (0, _i18N.t)("upgrades.zen.verbose_description")
2025-03-19 21:58:08 +01:00
},
{
requires: "extra_life",
threshold: 110000,
2025-04-11 09:36:31 +02:00
gift: false,
2025-03-19 21:58:08 +01:00
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-04-09 11:28:32 +02:00
fullHelp: (0, _i18N.t)("upgrades.sacrifice.verbose_description")
2025-03-19 21:58:08 +01:00
},
{
requires: "",
threshold: 115000,
2025-04-11 09:36:31 +02:00
gift: 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"),
2025-04-09 11:28:32 +02:00
help: (lvl)=>(0, _i18N.t)("upgrades.trampoline.tooltip", {
2025-03-19 21:58:08 +01:00
lvl
}),
2025-04-09 11:28:32 +02:00
fullHelp: (0, _i18N.t)("upgrades.trampoline.verbose_description")
2025-03-19 21:58:08 +01:00
},
{
requires: "",
threshold: 120000,
2025-04-11 09:36:31 +02:00
gift: false,
2025-03-19 21:58:08 +01:00
id: "ghost_coins",
2025-04-08 08:57:41 +02:00
max: 3,
2025-03-19 21:58:08 +01:00
name: (0, _i18N.t)("upgrades.ghost_coins.name"),
2025-04-09 11:28:32 +02:00
help: (lvl)=>(0, _i18N.t)("upgrades.ghost_coins.tooltip", {
2025-03-19 21:58:08 +01:00
lvl
}),
2025-04-09 11:28:32 +02:00
fullHelp: (0, _i18N.t)("upgrades.ghost_coins.verbose_description")
2025-03-19 21:58:08 +01:00
},
{
requires: "",
threshold: 125000,
2025-04-11 09:36:31 +02:00
gift: false,
2025-03-19 21:58:08 +01:00
id: "forgiving",
max: 1,
name: (0, _i18N.t)("upgrades.forgiving.name"),
2025-04-09 11:28:32 +02:00
help: (lvl)=>(0, _i18N.t)("upgrades.forgiving.tooltip"),
fullHelp: (0, _i18N.t)("upgrades.forgiving.verbose_description")
2025-03-19 21:58:08 +01:00
},
{
requires: "",
threshold: 130000,
2025-04-11 09:36:31 +02:00
gift: false,
2025-03-19 21:58:08 +01:00
id: "ball_attracts_coins",
max: 3,
name: (0, _i18N.t)("upgrades.ball_attracts_coins.name"),
2025-04-09 11:28:32 +02:00
help: (lvl)=>(0, _i18N.t)("upgrades.ball_attracts_coins.tooltip"),
fullHelp: (0, _i18N.t)("upgrades.ball_attracts_coins.verbose_description")
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-04-11 09:36:31 +02:00
gift: false,
2025-03-20 21:02:51 +01:00
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"),
2025-04-09 11:28:32 +02:00
help: (lvl)=>(0, _i18N.t)("upgrades.reach.tooltip", {
2025-03-20 21:02:51 +01:00
lvl
}),
2025-04-09 11:28:32 +02:00
fullHelp: (0, _i18N.t)("upgrades.reach.verbose_description")
2025-03-22 16:04:25 +01:00
},
{
requires: "",
threshold: 140000,
2025-04-11 09:36:31 +02:00
gift: 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-04-09 11:28:32 +02:00
help: (lvl)=>(0, _i18N.t)("upgrades.passive_income.tooltip", {
2025-03-25 08:22:58 +01:00
time: lvl * 0.25,
2025-03-24 10:19:15 +01:00
lvl
}),
2025-04-09 11:28:32 +02:00
fullHelp: (0, _i18N.t)("upgrades.passive_income.verbose_description")
2025-03-23 19:11:01 +01:00
},
{
requires: "",
threshold: 145000,
2025-04-11 09:36:31 +02:00
gift: false,
2025-03-23 19:11:01 +01:00
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"),
2025-04-09 11:28:32 +02:00
help: (lvl)=>(0, _i18N.t)("upgrades.clairvoyant.tooltip"),
fullHelp: (0, _i18N.t)("upgrades.clairvoyant.verbose_description")
2025-03-23 22:19:11 +01:00
},
{
requires: "",
threshold: 150000,
2025-04-11 09:36:31 +02:00
gift: true,
2025-03-23 22:19:11 +01:00
id: "side_kick",
max: 3,
name: (0, _i18N.t)("upgrades.side_kick.name"),
2025-04-09 11:28:32 +02:00
help: (lvl)=>(0, _i18N.t)("upgrades.side_kick.tooltip", {
2025-04-06 18:21:53 +02:00
lvl,
loss: lvl * 2
2025-03-23 22:19:11 +01:00
}),
2025-04-09 11:28:32 +02:00
fullHelp: (0, _i18N.t)("upgrades.side_kick.verbose_description")
2025-03-23 22:19:11 +01:00
},
2025-04-08 08:57:41 +02:00
{
requires: "",
threshold: 150000,
2025-04-11 09:36:31 +02:00
gift: true,
2025-04-08 08:57:41 +02:00
id: "side_flip",
max: 3,
name: (0, _i18N.t)("upgrades.side_flip.name"),
2025-04-09 11:28:32 +02:00
help: (lvl)=>(0, _i18N.t)("upgrades.side_flip.tooltip", {
2025-04-08 08:57:41 +02:00
lvl,
loss: lvl * 2
}),
2025-04-09 11:28:32 +02:00
fullHelp: (0, _i18N.t)("upgrades.side_flip.verbose_description")
2025-04-08 08:57:41 +02:00
},
2025-03-23 22:19:11 +01:00
{
requires: "",
threshold: 155000,
2025-04-11 09:36:31 +02:00
gift: false,
2025-03-23 22:19:11 +01:00
id: "implosions",
max: 1,
name: (0, _i18N.t)("upgrades.implosions.name"),
2025-04-09 11:28:32 +02:00
help: (lvl)=>(0, _i18N.t)("upgrades.implosions.tooltip"),
fullHelp: (0, _i18N.t)("upgrades.implosions.verbose_description")
2025-03-23 22:19:11 +01:00
},
{
requires: "",
threshold: 160000,
2025-04-11 09:36:31 +02:00
gift: false,
2025-03-23 22:19:11 +01:00
id: "corner_shot",
max: 1,
name: (0, _i18N.t)("upgrades.corner_shot.name"),
2025-04-09 11:28:32 +02:00
help: (lvl)=>(0, _i18N.t)("upgrades.corner_shot.tooltip"),
fullHelp: (0, _i18N.t)("upgrades.corner_shot.verbose_description")
2025-03-30 21:07:58 +02:00
},
{
requires: "",
threshold: 165000,
2025-04-11 09:36:31 +02:00
gift: false,
2025-03-30 21:07:58 +02:00
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"),
2025-04-09 11:28:32 +02:00
help: (lvl)=>(0, _i18N.t)("upgrades.addiction.tooltip", {
2025-03-30 21:07:58 +02:00
lvl,
delay: (5 / lvl).toFixed(2)
}),
2025-04-09 11:28:32 +02:00
fullHelp: (0, _i18N.t)("upgrades.addiction.verbose_description")
2025-04-03 21:59:01 +02:00
},
{
requires: "",
threshold: 170000,
2025-04-11 09:36:31 +02:00
gift: false,
2025-04-03 21:59:01 +02:00
id: "fountain_toss",
max: 7,
name: (0, _i18N.t)("upgrades.fountain_toss.name"),
2025-04-09 11:28:32 +02:00
help: (lvl)=>(0, _i18N.t)("upgrades.fountain_toss.tooltip", {
2025-04-03 21:59:01 +02:00
lvl,
max: lvl * 30
}),
2025-04-09 11:28:32 +02:00
fullHelp: (0, _i18N.t)("upgrades.fountain_toss.verbose_description")
2025-04-06 15:38:30 +02:00
},
{
requires: "",
threshold: 175000,
2025-04-11 09:36:31 +02:00
gift: false,
2025-04-06 15:38:30 +02:00
id: "limitless",
max: 1,
name: (0, _i18N.t)("upgrades.limitless.name"),
2025-04-09 11:28:32 +02:00
help: (lvl)=>(0, _i18N.t)("upgrades.limitless.tooltip", {
2025-04-06 15:38:30 +02:00
lvl
}),
2025-04-09 11:28:32 +02:00
fullHelp: (0, _i18N.t)("upgrades.limitless.verbose_description")
2025-04-08 08:57:41 +02:00
},
{
requires: "",
threshold: 180000,
2025-04-11 09:36:31 +02:00
gift: false,
2025-04-08 08:57:41 +02:00
id: "minefield",
max: 3,
name: (0, _i18N.t)("upgrades.minefield.name"),
2025-04-09 11:28:32 +02:00
help: (lvl)=>(0, _i18N.t)("upgrades.minefield.tooltip", {
2025-04-08 08:57:41 +02:00
lvl
}),
2025-04-09 11:28:32 +02:00
fullHelp: (0, _i18N.t)("upgrades.minefield.verbose_description")
2025-04-10 14:49:28 +02:00
},
{
requires: "",
threshold: 185000,
2025-04-11 09:36:31 +02:00
gift: false,
2025-04-10 14:49:28 +02:00
id: "trickledown",
max: 1,
name: (0, _i18N.t)("upgrades.trickledown.name"),
help: (lvl)=>(0, _i18N.t)("upgrades.trickledown.tooltip", {
lvl
}),
fullHelp: (0, _i18N.t)("upgrades.trickledown.verbose_description")
},
{
requires: "",
threshold: 190000,
2025-04-11 09:36:31 +02:00
gift: false,
2025-04-10 14:49:28 +02:00
id: "transparency",
max: 3,
name: (0, _i18N.t)("upgrades.transparency.name"),
help: (lvl)=>(0, _i18N.t)("upgrades.transparency.tooltip", {
lvl
}),
fullHelp: (0, _i18N.t)("upgrades.transparency.verbose_description")
2025-04-10 15:27:38 +02:00
},
{
requires: "",
threshold: 195000,
2025-04-11 09:36:31 +02:00
gift: false,
2025-04-10 15:27:38 +02:00
id: "superhot",
max: 3,
name: (0, _i18N.t)("upgrades.superhot.name"),
help: (lvl)=>(0, _i18N.t)("upgrades.superhot.tooltip", {
lvl
}),
fullHelp: (0, _i18N.t)("upgrades.superhot.verbose_description")
2025-04-10 21:40:45 +02:00
},
{
requires: "",
threshold: 200000,
2025-04-11 09:36:31 +02:00
gift: false,
2025-04-10 21:40:45 +02:00
id: "bricks_attract_coins",
max: 3,
name: (0, _i18N.t)("upgrades.bricks_attract_coins.name"),
help: (lvl)=>(0, _i18N.t)("upgrades.bricks_attract_coins.tooltip", {
lvl
}),
fullHelp: (0, _i18N.t)("upgrades.bricks_attract_coins.verbose_description")
},
{
requires: "",
threshold: 205000,
2025-04-11 09:36:31 +02:00
gift: false,
2025-04-10 21:40:45 +02:00
id: "rainbow",
max: 7,
name: (0, _i18N.t)("upgrades.rainbow.name"),
help: (lvl)=>(0, _i18N.t)("upgrades.rainbow.tooltip", {
lvl
}),
fullHelp: (0, _i18N.t)("upgrades.rainbow.verbose_description")
},
{
requires: "metamorphosis",
threshold: 210000,
2025-04-11 09:36:31 +02:00
gift: false,
2025-04-10 21:40:45 +02:00
id: "hypnosis",
max: 1,
name: (0, _i18N.t)("upgrades.hypnosis.name"),
help: (lvl)=>(0, _i18N.t)("upgrades.hypnosis.tooltip", {
lvl
}),
fullHelp: (0, _i18N.t)("upgrades.hypnosis.verbose_description")
2025-04-11 20:34:11 +02:00
},
{
requires: "",
threshold: 215000,
gift: false,
id: "bricks_attract_ball",
max: 3,
name: (0, _i18N.t)("upgrades.bricks_attract_ball.name"),
help: (lvl)=>(0, _i18N.t)("upgrades.bricks_attract_ball.tooltip", {
count: lvl * 3
}),
fullHelp: (0, _i18N.t)("upgrades.bricks_attract_ball.verbose_description")
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);
2025-04-09 11:28:32 +02:00
parcelHelpers.export(exports, "languages", ()=>languages);
2025-03-19 18:13:41 +01:00
parcelHelpers.export(exports, "getCurrentLang", ()=>getCurrentLang);
parcelHelpers.export(exports, "t", ()=>t);
var _enJson = require("./en.json");
var _enJsonDefault = parcelHelpers.interopDefault(_enJson);
2025-04-09 11:28:32 +02:00
var _frJson = require("./fr.json");
var _frJsonDefault = parcelHelpers.interopDefault(_frJson);
2025-04-12 09:24:07 +02:00
var _arJson = require("./ar.json");
var _arJsonDefault = parcelHelpers.interopDefault(_arJson);
2025-04-12 15:05:23 +02:00
var _ruJson = require("./ru.json");
var _ruJsonDefault = parcelHelpers.interopDefault(_ruJson);
var _esJson = require("./es.json");
var _esJsonDefault = parcelHelpers.interopDefault(_esJson);
2025-04-13 09:58:09 +02:00
var _trJson = require("./tr.json");
var _trJsonDefault = parcelHelpers.interopDefault(_trJson);
var _deJson = require("./de.json");
var _deJsonDefault = parcelHelpers.interopDefault(_deJson);
2025-03-19 18:13:41 +01:00
var _settings = require("../settings");
2025-04-09 11:28:32 +02:00
const languages = [
{
text: "English",
value: "en",
strings: (0, _enJsonDefault.default),
levelName: "UK"
},
{
text: "Fran\xe7ais",
value: "fr",
strings: (0, _frJsonDefault.default),
levelName: "France"
2025-04-12 09:24:07 +02:00
},
{
text: "\u0639\u0631\u0628\u064A",
value: "ar",
strings: (0, _arJsonDefault.default),
levelName: "Lebanon"
2025-04-12 15:05:23 +02:00
},
{
text: "Espa\xf1ol",
value: "es",
strings: (0, _esJsonDefault.default),
levelName: "Chile"
},
{
text: "\u0420\u0443\u0441\u0441\u043A\u0438\u0439",
value: "ru",
strings: (0, _ruJsonDefault.default),
levelName: "Russia"
2025-04-13 09:58:09 +02:00
},
{
text: "Deutsch",
value: "de",
strings: (0, _deJsonDefault.default),
levelName: "Germany"
},
{
text: "T\xfcrk\xe7e",
value: "tr",
strings: (0, _trJsonDefault.default),
levelName: "T\xfcrkiye"
2025-04-09 11:28:32 +02:00
}
];
const languagesMap = {};
languages.forEach((l)=>languagesMap[l.value] = l.strings);
2025-04-10 14:49:28 +02:00
let defaultLang = [
...navigator.languages,
navigator.language
].filter((i)=>i).map((i)=>i.slice(0, 2).toLowerCase()).find((k)=>k in languagesMap) || "en";
2025-03-19 18:13:41 +01:00
function getCurrentLang() {
2025-04-10 14:49:28 +02:00
return (0, _settings.getSettingValue)("lang", defaultLang);
2025-03-19 18:13:41 +01:00
}
function t(key, params = {}) {
const lang = getCurrentLang();
2025-04-09 11:28:32 +02:00
let template = languagesMap[lang]?.[key] || languagesMap.en[key];
2025-03-19 18:13:41 +01:00
for(let key in params)template = template.split("{{" + key + "}}").join(`${params[key]}`);
return template;
}
2025-04-13 09:58:09 +02:00
},{"./fr.json":"b97sx","./en.json":"uYc9N","../settings":"5blfu","@parcel/transformer-js/src/esmodule-helpers.js":"gkKU3","./ar.json":"aDOut","./es.json":"hATkf","./ru.json":"eedRO","./de.json":"1l6Zs","./tr.json":"l4sLF"}],"b97sx":[function(require,module,exports,__globalThis) {
2025-04-12 15:39:32 +02:00
module.exports = JSON.parse('{"confirmRestart.no":"Annuler","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 ne sera pas enregistr\xe9e.","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.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":"","gameOver.stats.level_reached":"Niveau atteint","gameOver.stats.total_score":"Score total","gameOver.stats.upgrades_applied":"Am\xe9liorations appliqu\xe9es","gameOver.stats_intro":"Vous trouverez ci-dessous les statistiques de cette partie compar\xe9es \xe0 vos {{count}} meilleures parties.","gameOver.unlocked_perk":"Am\xe9lioration d\xe9bloqu\xe9e","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","help.content":"## Objectif\\n\\nAttrapez un maximum de pi\xe8ces au cours des 7 niveaux.\\nLes pi\xe8ces apparaissent lorsque vous cassez des briques.\\nAttrapez-les avec votre palet pour augmenter votre score.\\nVotre score est affich\xe9 en haut \xe0 droite de l\'\xe9cran.\\nNe laissez pas tomber la balle, sinon la partie est termin\xe9e.\\n\\nApr\xe8s avoir d\xe9truit toutes les briques, vous pourrez choisir une am\xe9lioration.\\n\\n## Am\xe9liorations\\n\\nLes am\xe9liorations que vous choisissez seront valables jusqu\'\xe0 la fin de la partie.\\nCertaines peuvent \xeatre s\xe9lectionn\xe9es plusieurs fois pour un effet plus puissant.\\nD\'autres aident \xe0 viser ou simplifient le jeu.\\nCertaines ne sont utiles que lorsqu\'elles sont combin\xe9es.\\n\\nVous obtenez toujours une am\xe9lioration au d\xe9but de chaque partie.\\nSon ic\xf4ne forme les briques du premier niveau.\\nVous pouvez s\xe9lectionner les am\xe9liorations de d\xe9part dans les param\xe8tres.\\n\\nDe nombreuses am\xe9liorations influencent votre combo.\\n\\n## Combo\\n\\nVotre \xab combo \xbb correspond au nombre de pi\xe8ces g\xe9n\xe9r\xe9es lorsqu\'une brique se casse.\\nIl est affich\xe9 sur votre palet. Par exemple, x4 signifie que chaque brique rapporte 4 pi\xe8ces.\\n\\nLa plupart des am\xe9liorations qui augmentent le combo ajoutent \xe9galement une condition pour le r\xe9initialiser.\\nLe combo se r\xe9initialise \xe9galement si la balle revient sur la raquette sans toucher de brique.\\nUn message \xab\xa0Manqu\xe9\xa0\xbb s\'affiche alors.\\n\\nEssayez de viser vers un brique \xe0 chaque rebond.\\n\\n## Vis\xe9e\\n\\nSeule la position de la balle sur la raquette d\xe9termine son angle de rebond.\\nSi la balle touche la raquette en plein centre, elle rebondira verticalement.\\nSi vous frappez sur le c\xf4t\xe9 de la raquette, l\'angle sera plus grand.\\nLa vitesse de la raquette et l\'angle d\'incidence de la balle n\'ont pas d\'effet.\\n\\nDe nombreuses am\xe9liorations facilitant la vis\xe9e peuvent \xeatre d\xe9bloqu\xe9es.\\n\\n## D\xe9blocages\\n\\nLorsque vous jouez \xe0 Breakout 71 pour la premi\xe8re fois, la plupart des am\xe9liorations et des niveaux sont verrouill\xe9s.\\nLes am\xe9liorations se d\xe9bloquent simplement en jouant et en attrapant beaucoup de pi\xe8ces.\\nLes premiers niveaux se d\xe9bloquent en atteignant un score \xe9lev\xe9.\\nLes niveaux suivants ajoutent une condition concernant les avantages s\xe9lecti
2025-03-19 18:13:41 +01:00
},{}],"uYc9N":[function(require,module,exports,__globalThis) {
2025-04-12 20:58:24 +02:00
module.exports = JSON.parse("{\"confirmRestart.no\":\"Cancel\",\"confirmRestart.text\":\"You're about to start a new game. Are you sure you want to continue?\",\"confirmRestart.title\":\"Start a new game?\",\"confirmRestart.yes\":\"Restart game\",\"gameOver.creative\":\"This run will not be 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.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\":\"\",\"gameOver.stats.level_reached\":\"Level reached\",\"gameOver.stats.total_score\":\"Total score\",\"gameOver.stats.upgrades_applied\":\"Upgrades applied\",\"gameOver.stats_intro\":\"Find below your game statistics compared to your {{count}} best games.\",\"gameOver.unlocked_perk\":\"Upgrade unlocked\",\"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\",\"help.content\":\"## Goal\\n\\nCatch as many coins as possible during 7 levels. \\nCoins appear when you break bricks.\\nCatch them with your paddle to increase your score.\\nYour score is displayed in the top right corner of the screen.\\nDon't drop the ball or it's game over.\\n\\nAfter destroying all bricks, you'll get to pick an upgrade.\\n\\n## Upgrades \\n\\nThe upgrades you pick will apply until the end of the run. \\nSome can be picked multiple times for stronger effect.\\nSome help with aiming, or make the game easier in some other ways. \\nSome are only useful when combined.\\n\\nYou always get one upgrade at the beginning of each game. \\nIts icon will serve as the bricks of the first level. \\nYou can select starting upgrades in the settings.\\n\\nMany upgrades impact your combo. \\n\\n## Combo\\n\\nYour \\\"combo\\\" is the number of coins spawned when a brick breaks. \\nIt is displayed on your paddle, for example x4 means each brick will spawn 4 coins. \\nMost upgrades that increase the combo also add a condition to reset it. \\nThe combo will also reset if the ball returns to the paddle without hitting any brick.\\nA \\\"miss\\\" message will be shown when that happens. \\n\\nTry to aim towards a brick every time. \\n\\n## Aiming\\n\\nOnly the ball position on the paddle decides how it will bounce.\\nIf the ball hits the paddle dead center, it will bounce back up vertically. \\nIf you hit more on one side, it will have more angle. \\nThe paddle speed and incoming angle have no impact on the ball direction after bouncing.\\n\\nMany upgrades that help with aiming can be unlocked.\\n\\n## Unlocks\\n\\nWhen playing Breakout 71 for the first time, most upgrades and levels are locked. \\nUpgrades are unlocked by simply playing and catching many coins. \\nThe first levels are unlocked by reaching a high score.\\nLater levels add a condition about which perks you can select. \\n\\nReach high scores is much easier when you get multiple upgrades after each level. \\n\\n## Re-rolls and free upgrades\\n\\nYou'll get an extra upgrade to pick when you play well : \\n\\n- Clear the level under {{levelTimeGood}} seconds\\n- Hit the sides or top less than {{wallBouncedGood}} times\\n- Catch {{catchRateGood}}% of coins\\n- Miss the bricks less than {{missesGood}} times \\n\\nYou will also get a re-roll that lets you skip upgrades if you do even better : \\n\\n- Clear a level under {{levelTimeBest}} seconds\\n- Hit the sides or top less than {{wallBouncedBest}} times\\n- Catch {{catchRateBest}}% of coins\\n- Miss the bricks less than {{missesBest}} times \\n\\nAn option in the settings lets
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);
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);
}
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
});
};
2025-04-12 09:24:07 +02:00
},{}],"aDOut":[function(require,module,exports,__globalThis) {
2025-04-12 15:39:32 +02:00
module.exports = JSON.parse('{"confirmRestart.no":"\u064A\u0644\u063A\u064A","confirmRestart.text":"\u0623\u0646\u062A \u0639\u0644\u0649 \u0648\u0634\u0643 \u0628\u062F\u0621 \u0644\u0639\u0628\u0629 \u062C\u062F\u064A\u062F\u0629. \u0647\u0644 \u0623\u0646\u062A \u0645\u062A\u0623\u0643\u062F \u0645\u0646 \u0631\u063A\u0628\u062A\u0643 \u0641\u064A \u0627\u0644\u0645\u062A\u0627\u0628\u0639\u0629\u061F","confirmRestart.title":"\u0628\u062F\u0621 \u0644\u0639\u0628\u0629 \u062C\u062F\u064A\u062F\u0629\u061F","confirmRestart.yes":"\u0625\u0639\u0627\u062F\u0629 \u062A\u0634\u063A\u064A\u0644 \u0627\u0644\u0644\u0639\u0628\u0629","gameOver.creative":"\u0644\u0646 \u064A\u062A\u0645 \u062A\u0633\u062C\u064A\u0644 \u0647\u0630\u0627 \u0627\u0644\u062A\u0634\u063A\u064A\u0644.","gameOver.cumulative_total":"\u0644\u0642\u062F \u0627\u0631\u062A\u0641\u0639 \u0645\u062C\u0645\u0648\u0639 \u062F\u0631\u062C\u0627\u062A\u0643 \u0627\u0644\u062A\u0631\u0627\u0643\u0645\u064A\u0629 \u0645\u0646 {{startTs}} \u0625\u0644\u0649 {{endTs}}.","gameOver.lost.summary":"\u0644\u0642\u062F \u0623\u0633\u0642\u0637\u062A \u0627\u0644\u0643\u0631\u0629 \u0628\u0639\u062F \u0627\u0644\u062A\u0642\u0627\u0637 {{score}} \u0642\u0637\u0639\u0629 \u0646\u0642\u062F\u064A\u0629.","gameOver.lost.title":"\u0627\u0646\u062A\u0647\u062A \u0627\u0644\u0644\u0639\u0628\u0629","gameOver.stats.balls_lost":"\u0627\u0644\u0643\u0631\u0627\u062A \u0627\u0644\u0645\u0641\u0642\u0648\u062F\u0629","gameOver.stats.bricks_broken":"\u0627\u0644\u0637\u0648\u0628 \u0627\u0644\u0645\u0643\u0633\u0648\u0631","gameOver.stats.bricks_per_minute":"\u0639\u062F\u062F \u0627\u0644\u0637\u0648\u0628 \u0627\u0644\u0645\u0643\u0633\u0648\u0631 \u0641\u064A \u0627\u0644\u062F\u0642\u064A\u0642\u0629","gameOver.stats.catch_rate":"\u0645\u0639\u062F\u0644 \u0627\u0644\u0635\u064A\u062F","gameOver.stats.combo_avg":"\u0645\u062C\u0645\u0648\u0639\u0629 \u0645\u062A\u0648\u0633\u0637\u0629","gameOver.stats.combo_max":"\u0623\u0642\u0635\u0649 \u0645\u062C\u0645\u0648\u0639\u0629","gameOver.stats.duration_per_level":"\u0627\u0644\u0645\u062F\u0629 \u0644\u0643\u0644 \u0645\u0633\u062A\u0648\u0649","gameOver.stats.hit_rate":"\u0645\u0639\u062F\u0644 \u0627\u0644\u0625\u0635\u0627\u0628\u0629","gameOver.stats.intro":"","gameOver.stats.level_reached":"\u0627\u0644\u0645\u0633\u062A\u0648\u0649 \u0627\u0644\u0630\u064A \u062A\u0645 \u0627\u0644\u0648\u0635\u0648\u0644 \u0625\u0644\u064A\u0647","gameOver.stats.total_score":"\u0645\u062C\u0645\u0648\u0639 \u0627\u0644\u0646\u0642\u0627\u0637","gameOver.stats.upgrades_applied":"\u062A\u0645 \u062A\u0637\u0628\u064A\u0642 \u0627\u0644\u062A\u0631\u0642\u064A\u0627\u062A","gameOver.stats_intro":"\u0627\u0628\u062D\u062B \u0623\u062F\u0646\u0627\u0647 \u0639\u0646 \u0625\u062D\u0635\u0627\u0626\u064A\u0627\u062A \u0644\u0639\u0628\u062A\u0643 \u0645\u0642\u0627\u0631\u0646\u0629\u064B \u0628\u0623\u0641\u0636\u0644 {{count}} \u0623\u0644\u0639\u0627\u0628 \u0644\u062F\u064A\u0643.","gameOver.unlocked_perk":"\u062A\u0645 \u0625\u0644\u063A\u0627\u0621 \u0642\u0641\u0644 \u0627\u0644\u062A\u0631\u0642\u064A\u0629","gameOver.unlocked_perk_plural":"\u0644\u0642\u062F \u0642\u0645\u062A \u0644\u0644\u062A\u0648 \u0628\u0641\u062A\u062D {{count}} \u0645\u0646 \u0627\u0644\u0627\u0645\u062A\u064A\u0627\u0632\u0627\u062A","gameOver.win.summary":"\u0627\u0646\u062A\u0647\u062A \u0627\u0644\u0644\u0639\u0628\u0629. \u0644\u0642\u062F \u062C\u0645\u0639\u062A {{score}} \u0639\u0645\u0644\u0629.","gameOver.win.title":"\u0644\u0642\u062F \u0623\u0643\u0645\u0644\u062A \u0647\u0630\u0647 \u0627\u0644\u0644\u0639\u0628\u0629","help.content":"## \u0627\u0644\u0647\u062F\u0641\\n\\n\u0627\u062C\u0645\u0639 \u0623\u0643\u0628\u0631 \u0639\u062F\u062F \u0645\u0645\u0643\u0646 \u0645\u0646 \u0627\u0644\u0639\u0645\u0644\u0627\u062A \u0627\u0644\u0645\u0639\u062F\u0646\u064A\u0629 \u062E\u0644\u0627\u0644 7 \u0645\u0633\u062A\u0648\u064A\u0627\u062A.\\n\\n\u062A\u0638\u0647\u0631 \u0627\u0644\u0639\u0645\u0644\u0627\u062A \u0627\u0644\u0645\u0639\u062F\u0646\u064
2025-04-12 15:05:23 +02:00
},{}],"hATkf":[function(require,module,exports,__globalThis) {
2025-04-12 15:39:32 +02:00
module.exports = JSON.parse('{"confirmRestart.no":"Cancelar","confirmRestart.text":"Est\xe1s a punto de empezar un nuevo partido: \xbfes esto realmente lo que quer\xedas?","confirmRestart.title":"\xbfEmpezar una nueva partida?","confirmRestart.yes":"Empezar una nueva partida","gameOver.creative":"Esta parte de la prueba no se grabar\xe1.","gameOver.cumulative_total":"Su puntuaci\xf3n total acumulada ha pasado de {{startTs}} a {{endTs}}.","gameOver.lost.summary":"Se te ha ca\xeddo la bola despu\xe9s de coger {{score}} monedas.","gameOver.lost.title":"Pelota perdida","gameOver.stats.balls_lost":"Balas perdidas","gameOver.stats.bricks_broken":"Ladrillos rotos","gameOver.stats.bricks_per_minute":"Ladrillos rotos por minuto","gameOver.stats.catch_rate":"Monedas atrapadas","gameOver.stats.combo_avg":"Combo medio","gameOver.stats.combo_max":"Combinaci\xf3n m\xe1xima","gameOver.stats.duration_per_level":"Duraci\xf3n por nivel","gameOver.stats.hit_rate":"Precisi\xf3n","gameOver.stats.intro":"A continuaci\xf3n se muestran las estad\xedsticas de este juego en comparaci\xf3n con sus {{count}} mejores juegos.","gameOver.stats.level_reached":"Nivel alcanzado","gameOver.stats.total_score":"Puntuaci\xf3n total","gameOver.stats.upgrades_applied":"Mejoras aplicadas","gameOver.stats_intro":"Encuentra a continuaci\xf3n tus estad\xedsticas de juego comparadas con tus {{count}} mejores juegos.","gameOver.unlocked_perk":"Actualizaci\xf3n desbloqueada","gameOver.unlocked_perk_plural":"Has desbloqueado {{count}} mejoras","gameOver.win.summary":"Este juego ha terminado. Has acumulado {{score}} monedas.","gameOver.win.title":"Ha completado esta parte","help.content":"## Objetivo\\n\\nAtrapa tantas monedas como puedas durante 7 niveles.\\nLas monedas aparecen al romper ladrillos.\\nAtr\xe1palas con tu pala para aumentar tu puntuaci\xf3n.\\nTu puntuaci\xf3n se muestra en la esquina superior derecha de la pantalla.\\nNo dejes caer la bola o se acabar\xe1 la partida.\\n\\nDespu\xe9s de destruir todos los ladrillos, podr\xe1s elegir una mejora.\\n\\n## Mejoras\\n\\nLas mejoras que elijas se aplicar\xe1n hasta el final de la partida.\\n\\nAlgunas se pueden elegir varias veces para un efecto m\xe1s potente.\\nAlgunas ayudan a apuntar o facilitan el juego de otras maneras.\\n\\nAlgunas solo son \xfatiles al combinarlas.\\n\\nSiempre obtienes una mejora al principio de cada partida.\\n\\nSu icono servir\xe1 como los ladrillos del primer nivel.\\n\\nPuedes seleccionar las mejoras iniciales en la configuraci\xf3n.\\n\\nMuchas mejoras afectan a tu combo.\\n\\n## Combo\\n\\nTu \\"combo\\" es la cantidad de monedas que se generan al romper un ladrillo. Se muestra en tu paleta; por ejemplo, x4 significa que cada ladrillo generar\xe1 4 monedas.\\nLa mayor\xeda de las mejoras que aumentan el combo tambi\xe9n a\xf1aden una condici\xf3n para reiniciarlo.\\nEl combo tambi\xe9n se reiniciar\xe1 si la pelota regresa a la paleta sin tocar ning\xfan ladrillo.\\nSe mostrar\xe1 un mensaje de \\"fallo\\" cuando esto ocurra.\\n\\nIntenta apuntar a un ladrillo siempre.\\n\\n## Apuntar\\n\\nSolo la posici\xf3n de la pelota en la paleta determina c\xf3mo rebotar\xe1.\\nSi la pelota impacta en el centro de la paleta, rebotar\xe1 verticalmente.\\n\\nSi golpeas m\xe1s hacia un lado, tendr\xe1 mayor \xe1ngulo.\\n\\nLa velocidad de la paleta y el \xe1ngulo de entrada no afectan la direcci\xf3n de la pelota despu\xe9s de rebotar.\\n\\nSe pueden desbloquear muchas mejoras que ayudan a apuntar.\\n\\n## Desbloqueos\\n\\nAl jugar Breakout 71 por primera vez, la mayor\xeda de las mejoras y niveles est\xe1n bloqueados.\\nLas mejoras se desbloquean simplemente jugando y atrapando muchas monedas.\\n\\nLos primeros niveles se desbloquean al alcanzar una puntuaci\xf3n alta. Los niveles posteriores a\xf1aden una condici\xf3n sobre las ventajas que puedes seleccionar.\\n\\nAlcanzar puntuaciones altas es mucho m\xe1s f\xe1cil si consigues varias mejoras despu\xe9s de cada nivel.\\n\\n## Repeticiones y mejoras gratuitas\\n\\nRecibir\xe1s una mejora adicional si juegas bien:\\n\\n- Completa el niv
2025-04-12 15:05:23 +02:00
},{}],"eedRO":[function(require,module,exports,__globalThis) {
2025-04-12 20:58:24 +02:00
module.exports = JSON.parse('{"confirmRestart.no":"\u041E\u0442\u043C\u0435\u043D\u0430","confirmRestart.text":"\u0412\u044B \u0441\u043E\u0431\u0438\u0440\u0430\u0435\u0442\u0435\u0441\u044C \u043D\u0430\u0447\u0430\u0442\u044C \u043D\u043E\u0432\u0443\u044E \u0438\u0433\u0440\u0443. \u0412\u044B \u0443\u0432\u0435\u0440\u0435\u043D\u044B, \u0447\u0442\u043E \u0445\u043E\u0442\u0438\u0442\u0435 \u043F\u0440\u043E\u0434\u043E\u043B\u0436\u0438\u0442\u044C?","confirmRestart.title":"\u041D\u0430\u0447\u0430\u0442\u044C \u043D\u043E\u0432\u0443\u044E \u0438\u0433\u0440\u0443?","confirmRestart.yes":"\u041F\u0435\u0440\u0435\u0437\u0430\u043F\u0443\u0441\u0442\u0438\u0442\u0435 \u0438\u0433\u0440\u0443","gameOver.creative":"\u042D\u0442\u043E\u0442 \u0437\u0430\u0431\u0435\u0433 \u043D\u0435 \u0431\u0443\u0434\u0435\u0442 \u0437\u0430\u043F\u0438\u0441\u044B\u0432\u0430\u0442\u044C\u0441\u044F.","gameOver.cumulative_total":"\u0412\u0430\u0448 \u043E\u0431\u0449\u0438\u0439 \u0441\u0443\u043C\u043C\u0430\u0440\u043D\u044B\u0439 \u0431\u0430\u043B\u043B \u0443\u0432\u0435\u043B\u0438\u0447\u0438\u043B\u0441\u044F \u0441 {{startTs}} \u0434\u043E {{endTs}}.","gameOver.lost.summary":"\u0412\u044B \u0443\u0440\u043E\u043D\u0438\u043B\u0438 \u043C\u044F\u0447, \u043F\u043E\u0439\u043C\u0430\u0432 {{score}} \u043C\u043E\u043D\u0435\u0442.","gameOver.lost.title":"\u0418\u0433\u0440\u0430 \u043E\u043A\u043E\u043D\u0447\u0435\u043D\u0430","gameOver.stats.balls_lost":"\u041C\u044F\u0447\u0438 \u043F\u043E\u0442\u0435\u0440\u044F\u043D\u044B","gameOver.stats.bricks_broken":"\u041A\u0438\u0440\u043F\u0438\u0447\u0438 \u0440\u0430\u0437\u0431\u0438\u0442\u044B","gameOver.stats.bricks_per_minute":"\u0420\u0430\u0437\u0431\u0438\u0442\u044B\u0445 \u043A\u0438\u0440\u043F\u0438\u0447\u0435\u0439 \u0432 \u043C\u0438\u043D\u0443\u0442\u0443","gameOver.stats.catch_rate":"\u0423\u0440\u043E\u0432\u0435\u043D\u044C \u0443\u043B\u043E\u0432\u0430","gameOver.stats.combo_avg":"\u0421\u0440\u0435\u0434\u043D\u0435\u0435 \u043A\u043E\u043C\u0431\u043E","gameOver.stats.combo_max":"\u041C\u0430\u043A\u0441\u0438\u043C\u0430\u043B\u044C\u043D\u0430\u044F \u043A\u043E\u043C\u0431\u0438\u043D\u0430\u0446\u0438\u044F","gameOver.stats.duration_per_level":"\u041F\u0440\u043E\u0434\u043E\u043B\u0436\u0438\u0442\u0435\u043B\u044C\u043D\u043E\u0441\u0442\u044C \u0437\u0430 \u0443\u0440\u043E\u0432\u0435\u043D\u044C","gameOver.stats.hit_rate":"\u0421\u043A\u043E\u0440\u043E\u0441\u0442\u044C \u043F\u043E\u043F\u0430\u0434\u0430\u043D\u0438\u044F","gameOver.stats.intro":"","gameOver.stats.level_reached":"\u0414\u043E\u0441\u0442\u0438\u0433\u043D\u0443\u0442\u044B\u0439 \u0443\u0440\u043E\u0432\u0435\u043D\u044C","gameOver.stats.total_score":"\u041E\u0431\u0449\u0438\u0439 \u0431\u0430\u043B\u043B","gameOver.stats.upgrades_applied":"\u041F\u0440\u0438\u043C\u0435\u043D\u0435\u043D\u043D\u044B\u0435 \u043E\u0431\u043D\u043E\u0432\u043B\u0435\u043D\u0438\u044F","gameOver.stats_intro":"\u041D\u0438\u0436\u0435 \u043F\u0440\u0438\u0432\u0435\u0434\u0435\u043D\u0430 \u0441\u0442\u0430\u0442\u0438\u0441\u0442\u0438\u043A\u0430 \u0432\u0430\u0448\u0435\u0439 \u0438\u0433\u0440\u044B \u043F\u043E \u0441\u0440\u0430\u0432\u043D\u0435\u043D\u0438\u044E \u0441 \u0432\u0430\u0448\u0438\u043C\u0438 {{count}} \u043B\u0443\u0447\u0448\u0438\u043C\u0438 \u0438\u0433\u0440\u0430\u043C\u0438.","gameOver.unlocked_perk":"\u041E\u0431\u043D\u043E\u0432\u043B\u0435\u043D\u0438\u0435 \u0440\u0430\u0437\u0431\u043B\u043E\u043A\u0438\u0440\u043E\u0432\u0430\u043D\u043E","gameOver.unlocked_perk_plural":"\u0412\u044B \u0442\u043E\u043B\u044C\u043A\u043E \u0447\u0442\u043E \u0440\u0430\u0437\u0431\u043B\u043E\u043A\u0438\u0440\u043E\u0432\u0430\u043B\u0438 {{count}} \u043F\u0440\u0438\u0432\u0438\u043B\u0435\u0433\u0438\u0439","gameOver.win.summary":"\u0418\u0433\u0440\u0430 \u043E\u043A\u043E\u043D\u0447\u0435\u043D\u0430. \u0412\u044B \u0441\u043F\u0440\u044F\u0442\u0430\u043B\u0438 {{score}} \u043C\u043E\u043D\u0435\u0442.","gameOver.win.title":"\u0412\u044B \u0437\u0430\u0432\u0435\u0440\
2025-04-12 09:24:07 +02:00
2025-04-13 09:58:09 +02:00
},{}],"1l6Zs":[function(require,module,exports,__globalThis) {
module.exports = JSON.parse('{"confirmRestart.no":"Abbrechen","confirmRestart.text":"Sie sind dabei, ein neues Spiel zu beginnen. Sind Sie sicher, dass Sie weitermachen wollen?","confirmRestart.title":"Ein neues Spiel beginnen?","confirmRestart.yes":"Spiel neu starten","gameOver.creative":"Dieser Lauf wird nicht aufgezeichnet.","gameOver.cumulative_total":"Ihre kumulative Gesamtpunktzahl ist von {{startTs}} auf {{endTs}}gestiegen.","gameOver.lost.summary":"Du hast den Ball fallen lassen, nachdem du {{score}} M\xfcnzen gefangen hast.","gameOver.lost.title":"Spiel vorbei","gameOver.stats.balls_lost":"Verlorene B\xe4lle","gameOver.stats.bricks_broken":"Ziegelsteine gebrochen","gameOver.stats.bricks_per_minute":"Ziegelsteinbruch pro Minute","gameOver.stats.catch_rate":"Fangquote","gameOver.stats.combo_avg":"Durchschnittliche Combo","gameOver.stats.combo_max":"Max-Kombo","gameOver.stats.duration_per_level":"Dauer pro Stufe","gameOver.stats.hit_rate":"Trefferquote","gameOver.stats.intro":"","gameOver.stats.level_reached":"Erreichte Stufe","gameOver.stats.total_score":"Gesamtpunktzahl","gameOver.stats.upgrades_applied":"Angewandte Upgrades","gameOver.stats_intro":"Hier finden Sie Ihre Spielstatistik im Vergleich zu Ihren {{count}} besten Spielen.","gameOver.unlocked_perk":"Upgrade freigeschaltet","gameOver.unlocked_perk_plural":"Du hast soeben {{count}} Verg\xfcnstigungen freigeschaltet","gameOver.win.summary":"Das Spiel ist vorbei. Du hast {{score}} M\xfcnzen versteckt.","gameOver.win.title":"Du hast dieses Spiel abgeschlossen","help.content":"## Ziel\\n\\nSammle in 7 Levels so viele M\xfcnzen wie m\xf6glich ein.\\nDie M\xfcnzen erscheinen, wenn du Ziegel zerbrichst.\\nFangen Sie sie mit Ihrem Paddel auf, um Ihre Punktzahl zu erh\xf6hen.\\nIhr Punktestand wird in der oberen rechten Ecke des Bildschirms angezeigt.\\nLassen Sie den Ball nicht fallen, sonst ist das Spiel vorbei.\\n\\nWenn du alle Ziegel zerst\xf6rt hast, kannst du dir ein Upgrade aussuchen.\\n\\n## Upgrades\\n\\nDie Upgrades, die du w\xe4hlst, gelten bis zum Ende des Laufs.\\nEinige k\xf6nnen mehrmals ausgew\xe4hlt werden, um die Wirkung zu verst\xe4rken.\\nEinige helfen beim Zielen oder machen das Spiel auf andere Weise einfacher.\\nEinige sind nur in Kombination n\xfctzlich.\\n\\nZu Beginn eines jeden Spiels erh\xe4ltst du immer ein Upgrade.\\nIhr Symbol dient als Baustein des ersten Levels.\\nDu kannst die Start-Upgrades in den Einstellungen ausw\xe4hlen.\\n\\nViele Upgrades wirken sich auf deine Kombo aus.\\n\\n## Combo\\n\\nDeine \\"Combo\\" ist die Anzahl der M\xfcnzen, die beim Zerbrechen eines Steins entstehen.\\nSie wird auf deinem Paddel angezeigt, zum Beispiel x4 bedeutet, dass jeder Stein 4 M\xfcnzen hervorbringt.\\nDie meisten Upgrades, die den Combo erh\xf6hen, f\xfcgen auch eine Bedingung hinzu, um ihn zur\xfcckzusetzen.\\nDie Kombo wird auch zur\xfcckgesetzt, wenn der Ball zum Schl\xe4ger zur\xfcckkehrt, ohne einen Stein zu treffen.\\nIn diesem Fall wird eine \\"Miss\\"-Meldung angezeigt.\\n\\nVersuchen Sie, jedes Mal auf einen Stein zu zielen.\\n\\n## Anvisieren\\n\\nNur die Position des Balls auf dem Schl\xe4ger entscheidet dar\xfcber, wie der Ball abprallt.\\nWenn der Ball das Paddel genau in der Mitte trifft, prallt er senkrecht nach oben ab.\\nWenn du ihn mehr auf einer Seite triffst, hat er einen gr\xf6\xdferen Winkel.\\nDie Paddelgeschwindigkeit und der Auftreffwinkel haben keinen Einfluss auf die Richtung des Balls nach dem Aufprall.\\n\\nViele Upgrades, die beim Zielen helfen, k\xf6nnen freigeschaltet werden.\\n\\n## Freischaltungen\\n\\nWenn du Breakout 71 zum ersten Mal spielst, sind die meisten Upgrades und Levels gesperrt.\\nUpgrades werden freigeschaltet, indem du einfach spielst und viele M\xfcnzen f\xe4ngst.\\nDie ersten Level werden durch das Erreichen einer hohen Punktzahl freigeschaltet.\\nSp\xe4tere Levels f\xfcgen eine Bedingung hinzu, welche Verg\xfcnstigungen Sie ausw\xe4hlen k\xf6nnen.\\n\\nEine hohe Punktzahl zu erreichen ist viel einfacher, wenn du nach jedem Level mehrere Upgrades erh\xe4ltst.\\n\\n## Re-Rolls und koste
},{}],"l4sLF":[function(require,module,exports,__globalThis) {
module.exports = JSON.parse('{"confirmRestart.no":"\u0130ptal etmek","confirmRestart.text":"Yeni bir oyuna ba\u015Flamak \xfczeresiniz. Devam etmek istedi\u011Finizden emin misiniz?","confirmRestart.title":"Yeni bir oyuna m\u0131 ba\u015Flasam?","confirmRestart.yes":"Oyunu yeniden ba\u015Flat","gameOver.creative":"Bu ko\u015Fu kaydedilmeyecek.","gameOver.cumulative_total":"Toplam k\xfcm\xfclatif puan\u0131n\u0131z {{startTs}} \'dan {{endTs}}\'e \xe7\u0131kt\u0131.","gameOver.lost.summary":" {{score}} jeton yakalad\u0131ktan sonra topu d\xfc\u015F\xfcrd\xfcn.","gameOver.lost.title":"Oyun bitti","gameOver.stats.balls_lost":"Kaybedilen toplar","gameOver.stats.bricks_broken":"Tu\u011Flalar k\u0131r\u0131ld\u0131","gameOver.stats.bricks_per_minute":"Dakikada k\u0131r\u0131lan tu\u011Fla say\u0131s\u0131","gameOver.stats.catch_rate":"Yakalama oran\u0131","gameOver.stats.combo_avg":"Ortalama kombo","gameOver.stats.combo_max":"Maksimum kombo","gameOver.stats.duration_per_level":"Seviye ba\u015F\u0131na s\xfcre","gameOver.stats.hit_rate":"\u0130sabet oran\u0131","gameOver.stats.intro":"","gameOver.stats.level_reached":"Seviyeye ula\u015F\u0131ld\u0131","gameOver.stats.total_score":"Toplam Puan","gameOver.stats.upgrades_applied":"Uygulanan y\xfckseltmeler","gameOver.stats_intro":"A\u015Fa\u011F\u0131da {{count}} en iyi oyunlar\u0131n\u0131zla kar\u015F\u0131la\u015Ft\u0131r\u0131ld\u0131\u011F\u0131nda oyun istatistiklerinizi bulabilirsiniz.","gameOver.unlocked_perk":"Y\xfckseltme kilidi a\xe7\u0131ld\u0131","gameOver.unlocked_perk_plural":"Az \xf6nce {{count}} avantaj\u0131n kilidini a\xe7t\u0131n\u0131z","gameOver.win.summary":"Bu oyun bitti. {{score}} jeton saklad\u0131n.","gameOver.win.title":"Bu oyunu tamamlad\u0131n","help.content":"## Hedef\\n\\n7 seviye boyunca m\xfcmk\xfcn oldu\u011Funca \xe7ok jeton topla. \\nTu\u011Flalar\u0131 k\u0131rd\u0131\u011F\u0131nda jetonlar belirir.\\nPuan\u0131n\u0131 art\u0131rmak i\xe7in k\xfcre\u011Finle topla.\\nPuan\u0131n ekran\u0131n sa\u011F \xfcst k\xf6\u015Fesinde g\xf6sterilir.\\nTopu d\xfc\u015F\xfcrme yoksa oyun biter.\\n\\nT\xfcm tu\u011Flalar\u0131 yok ettikten sonra bir y\xfckseltme se\xe7ebilirsin.\\n\\n## Y\xfckseltmeler \\n\\nSe\xe7ti\u011Fin y\xfckseltmeler ko\u015Funun sonuna kadar ge\xe7erli olur. \\nBaz\u0131lar\u0131 daha g\xfc\xe7l\xfc etki i\xe7in birden fazla kez se\xe7ilebilir.\\nBaz\u0131lar\u0131 ni\u015Fan almaya yard\u0131mc\u0131 olur veya oyunu ba\u015Fka \u015Fekillerde kolayla\u015Ft\u0131r\u0131r. \\nBaz\u0131lar\u0131 yaln\u0131zca birle\u015Ftirildi\u011Finde i\u015Fe yarar.\\n\\nHer oyunun ba\u015F\u0131nda her zaman bir y\xfckseltme al\u0131rs\u0131n. \\nSimgesi ilk seviyenin tu\u011Flalar\u0131 olarak hizmet eder. \\nAyarlardan ba\u015Flang\u0131\xe7 y\xfckseltmelerini se\xe7ebilirsin.\\n\\nBir\xe7ok y\xfckseltme kombonu etkiler. \\n\\n## Kombo\\n\\n\\"Kombon\\", bir tu\u011Fla k\u0131r\u0131ld\u0131\u011F\u0131nda ortaya \xe7\u0131kan jeton say\u0131s\u0131d\u0131r. \\nK\xfcre\u011Finizde g\xf6r\xfcnt\xfclenir, \xf6rne\u011Fin x4 her tu\u011Flan\u0131n 4 jeton \xfcretece\u011Fi anlam\u0131na gelir. \\nKomboyu art\u0131ran \xe7o\u011Fu y\xfckseltme, onu s\u0131f\u0131rlamak i\xe7in bir ko\u015Ful da ekler. \\nTop herhangi bir tu\u011Flaya \xe7arpmadan k\xfcre\u011Fe geri d\xf6nerse kombo da s\u0131f\u0131rlan\u0131r. \\nBu oldu\u011Funda bir \\"\u0131skalama\\" mesaj\u0131 g\xf6sterilir. \\n\\nHer seferinde bir tu\u011Flaya do\u011Fru ni\u015Fan almaya \xe7al\u0131\u015F\u0131n. \\n\\n## Ni\u015Fan Alma\\n\\nSadece k\xfcre\u011Fin \xfczerindeki top konumu nas\u0131l sekece\u011Fine karar verir. \\nTop k\xfcre\u011Fin tam ortas\u0131na \xe7arparsa, dikey olarak geri sekecektir. \\nBir tarafa daha fazla vurursan\u0131z, daha fazla a\xe7\u0131ya sahip olacakt\u0131r. \\nK\xfcrek h\u0131z\u0131 ve gelen a\xe7\u0131, z\u0131plad\u0131ktan sonra topun y\xf6n\xfc \xfczerinde hi\xe7bir etkiye sahip de\u011Fildir. \\n\\nNi\u015Fan almaya yard\u0131mc\u0131 olan bir\xe7ok y\xfckseltme a\xe7\u0131labilir. \\n\\n## Kilit A\xe7malar\\n\\nBreakout 71\'i ilk kez oy
2025-04-06 11:27:26 +02:00
},{}],"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-04-08 14:03:38 +02:00
parcelHelpers.export(exports, "firstWhere", ()=>firstWhere);
2025-04-08 21:54:19 +02:00
parcelHelpers.export(exports, "wallBouncedBest", ()=>wallBouncedBest);
parcelHelpers.export(exports, "wallBouncedGood", ()=>wallBouncedGood);
parcelHelpers.export(exports, "levelTimeBest", ()=>levelTimeBest);
parcelHelpers.export(exports, "levelTimeGood", ()=>levelTimeGood);
parcelHelpers.export(exports, "catchRateBest", ()=>catchRateBest);
parcelHelpers.export(exports, "catchRateGood", ()=>catchRateGood);
parcelHelpers.export(exports, "missesBest", ()=>missesBest);
parcelHelpers.export(exports, "missesGood", ()=>missesGood);
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-04-08 14:03:38 +02:00
function firstWhere(arr, mapper) {
for(let i = 0; i < arr.length ; i + + ) {
const result = mapper(arr[i], i);
if (typeof result !== "undefined") return result;
}
}
2025-04-08 21:54:19 +02:00
const wallBouncedBest = 3, wallBouncedGood = 10, levelTimeBest = 30, levelTimeGood = 60, catchRateBest = 95, catchRateGood = 90, missesBest = 3, missesGood = 6;
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;
2025-04-09 11:40:16 +02:00
ctx.clearRect(0, 0, size, size);
2025-03-20 18:44:46 +01:00
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,
2025-04-11 09:36:31 +02:00
name: (0, _i18N.t)("settings.sounds"),
help: (0, _i18N.t)("settings.sounds_help")
2025-03-19 18:13:41 +01:00
},
"mobile-mode": {
default: window.innerHeight > window.innerWidth,
2025-04-11 09:36:31 +02:00
name: (0, _i18N.t)("settings.mobile"),
help: (0, _i18N.t)("settings.mobile_help")
2025-03-19 18:13:41 +01:00
},
basic: {
default: false,
2025-04-11 09:36:31 +02:00
name: (0, _i18N.t)("settings.basic"),
help: (0, _i18N.t)("settings.basic_help")
2025-03-19 18:13:41 +01:00
},
2025-03-28 10:21:14 +01:00
colorful_coins: {
default: false,
2025-04-11 09:36:31 +02:00
name: (0, _i18N.t)("settings.colorful_coins"),
help: (0, _i18N.t)("settings.colorful_coins_help")
2025-03-28 10:21:14 +01:00
},
2025-04-03 16:10:51 +02:00
extra_bright: {
default: true,
2025-04-11 09:36:31 +02:00
name: (0, _i18N.t)("settings.extra_bright"),
help: (0, _i18N.t)("settings.extra_bright_help")
2025-04-03 16:10:51 +02:00
},
2025-04-04 12:07:24 +02:00
contrast: {
default: false,
2025-04-11 09:36:31 +02:00
name: (0, _i18N.t)("settings.contrast"),
help: (0, _i18N.t)("settings.contrast_help")
2025-04-04 12:07:24 +02:00
},
2025-03-23 15:48:21 +01:00
show_fps: {
default: false,
2025-04-11 09:36:31 +02:00
name: (0, _i18N.t)("settings.show_fps"),
help: (0, _i18N.t)("settings.show_fps_help")
2025-03-23 15:48:21 +01:00
},
2025-03-28 10:21:14 +01:00
show_stats: {
default: false,
2025-04-11 09:36:31 +02:00
name: (0, _i18N.t)("settings.show_stats"),
help: (0, _i18N.t)("settings.show_stats_help")
2025-03-28 10:21:14 +01:00
},
2025-03-19 18:13:41 +01:00
pointerLock: {
default: false,
2025-04-11 09:36:31 +02:00
name: (0, _i18N.t)("settings.pointer_lock"),
help: (0, _i18N.t)("settings.pointer_lock_help")
2025-03-19 18:13:41 +01:00
},
easy: {
default: false,
2025-04-11 09:36:31 +02:00
name: (0, _i18N.t)("settings.kid"),
help: (0, _i18N.t)("settings.kid_help")
2025-03-19 18:13:41 +01:00
},
// 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,
2025-04-11 09:36:31 +02:00
name: (0, _i18N.t)("settings.record"),
help: (0, _i18N.t)("settings.record_help")
2025-03-29 17:40:07 +01:00
},
fullscreen: {
default: false,
2025-04-11 09:36:31 +02:00
name: (0, _i18N.t)("settings.fullscreen"),
help: (0, _i18N.t)("settings.fullscreen_help")
2025-03-30 21:07:58 +02:00
},
donation_reminder: {
default: (0, _pureFunctions.hoursSpentPlaying)() > 5,
2025-04-11 09:36:31 +02:00
name: (0, _i18N.t)("settings.donation_reminder"),
help: (0, _i18N.t)("settings.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-11 09:36:31 +02:00
name: (0, _i18N.t)("settings.red_miss"),
help: (0, _i18N.t)("settings.red_miss_help")
2025-04-02 19:50:05 +02:00
},
comboIncreaseTexts: {
2025-04-04 12:07:24 +02:00
default: true,
2025-04-11 09:36:31 +02:00
name: (0, _i18N.t)("settings.comboIncreaseTexts"),
help: (0, _i18N.t)("settings.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);
2025-04-10 21:40:45 +02:00
parcelHelpers.export(exports, "getClosestBall", ()=>getClosestBall);
2025-03-29 21:22:19 +01:00
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-04-10 14:49:28 +02:00
parcelHelpers.export(exports, "ballTransparency", ()=>ballTransparency);
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-08 14:03:38 +02:00
var _settings = require("./settings");
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;
}
2025-04-10 21:40:45 +02:00
function getClosestBall(gameState, x, y) {
let closestBall = null;
let dist = 0;
gameState.balls.forEach((ball)=>{
const d2 = (ball.x - x) * (ball.x - x) + (ball.y - y) * (ball.y - y);
if (d2 < dist | | ! closestBall ) {
closestBall = ball;
dist = d2;
}
});
return closestBall;
}
2025-03-29 21:22:19 +01:00
function getPossibleUpgrades(gameState) {
2025-04-08 14:03:38 +02:00
return (0, _loadGameData.upgrades).filter((u)=>(0, _settings.getTotalScore)() >= 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-08 10:36:30 +02:00
let excluded;
function isExcluded(id) {
if (!excluded) {
excluded = new Set([
2025-04-07 14:08:48 +02:00
"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-08 10:36:30 +02:00
}
return excluded.has(id);
}
function getLevelUnlockCondition(levelIndex) {
// Returns "" if level is unlocked, otherwise a string explaining how to unlock it
let required = [], forbidden = [], minScore = Math.max(-1000 + 100 * levelIndex, 0);
if (levelIndex > 20) {
const possibletargets = (0, _upgrades.rawUpgrades).slice(0, Math.floor(levelIndex / 2)).map((u)=>u).filter((u)=>!isExcluded(u.id)).sort((a, b)=>(0, _getLevelBackground.hashCode)(levelIndex + a.id) - (0, _getLevelBackground.hashCode)(levelIndex + b.id));
2025-04-08 14:29:00 +02:00
const length = Math.min(3, Math.ceil(levelIndex / 30));
2025-04-07 14:08:48 +02:00
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-04-10 14:49:28 +02:00
function ballTransparency(ball, gameState) {
2025-04-10 21:40:45 +02:00
if (!gameState.perks.transparency) return 0;
return (0, _pureFunctions.clamp)(gameState.perks.transparency * (1 - ball.y / gameState.gameZoneHeight * 1.2), 0, 1);
2025-04-10 14:49:28 +02:00
}
2025-03-29 21:22:19 +01:00
2025-04-08 15:17:14 +02:00
},{"./loadGameData":"l1B4x","./i18n/i18n":"eNPRm","./pure_functions":"6pQh7","./upgrades":"1u3Dx","./getLevelBackground":"7OIPf","./settings":"5blfu","@parcel/transformer-js/src/esmodule-helpers.js":"gkKU3"}],"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-08 15:17:14 +02:00
},{"b04459cc43e56e8c":"pb85M","@parcel/transformer-js/src/esmodule-helpers.js":"gkKU3"}],"pb85M":[function(require,module,exports,__globalThis) {
module.exports = require("5dcff9a30a9dc436").getBundleURL('1j15T') + "sw-b71.41cdff1b.js";
2025-03-19 18:13:41 +01:00
2025-04-08 15:17:14 +02:00
},{"5dcff9a30a9dc436":"lgJ39"}],"lgJ39":[function(require,module,exports,__globalThis) {
2025-04-06 11:27:26 +02:00
"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-04-08 14:03:38 +02:00
var _addToTotalScore = require("./addToTotalScore");
2025-04-12 20:01:43 +02:00
var _getLevelBackground = require("./getLevelBackground");
2025-03-19 18:13:41 +01:00
function setMousePos(gameState, x) {
2025-04-12 20:01:43 +02:00
if (gameState.computer_controlled) return;
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);
}
2025-04-12 20:01:43 +02:00
function computerControl(gameState) {
let targetX = gameState.puckPosition;
const ball = (0, _gameUtils.getClosestBall)(gameState, gameState.puckPosition, gameState.gameZoneHeight);
if (!ball) return;
const puckOffset = ((0, _getLevelBackground.hashCode)(gameState.runStatistics.puck_bounces + "goeirjgoriejg") % 100 - 50) / 100 * gameState.puckWidth;
if (ball.y > gameState.gameZoneHeight / 2 & & ball.vy > 0) targetX = ball.x + puckOffset;
else {
let coinsTotalX = 0, coinsCount = 0;
forEachLiveOne(gameState.coins, (c)=>{
if (c.vy > 0 & & c.y > gameState.gameZoneHeight / 2) {
coinsTotalX += c.x;
coinsCount++;
}
});
if (coinsCount) targetX = coinsTotalX / coinsCount;
2025-04-12 20:58:24 +02:00
else targetX = gameState.canvasWidth / 2;
2025-04-12 20:01:43 +02:00
}
gameState.puckPosition += (0, _pureFunctions.clamp)((targetX - gameState.puckPosition) / 10, -10, 10);
if (gameState.levelTime > 30000) (0, _game.startComputerControlledGame)();
}
2025-03-19 18:13:41 +01:00
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-04-11 20:34:11 +02:00
const corner = (gameState.levelTime ? gameState.perks.corner_shot * gameState.puckWidth : 0) - gameState.perks.unbounded * gameState.brickWidth;
let minX = gameState.offsetXRoundedDown + gameState.puckWidth / 2 - corner;
let maxX = gameState.offsetXRoundedDown + gameState.gameZoneWidthRoundedUp - gameState.puckWidth / 2 + 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-08 08:57:41 +02:00
const mineFieldBonus = gameState.perks.minefield & & gameState.bricks.filter((b)=>b === "black").length * gameState.perks.minefield;
return 1 + gameState.perks.base_combo * 3 + gameState.perks.smaller_puck * 5 + mineFieldBonus;
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-04-08 08:57:41 +02:00
if (gameState.perks.minefield) decreaseCombo(gameState, gameState.perks.minefield, x, y);
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;
2025-04-08 08:57:41 +02:00
if (gameState.lastCombo > coinsToSpawn) // In case a reset happens in the same frame as a spawn, i want the combo to stay high (for minefield and zen in particular)
coinsToSpawn = gameState.lastCombo;
2025-03-19 18:13:41 +01:00
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-04-10 14:49:28 +02:00
if (gameState.perks.transparency) coinsToSpawn = Math.round(coinsToSpawn * (1 + (0, _gameUtils.ballTransparency)(ball, gameState) * gameState.perks.transparency / 2));
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-11 20:34:11 +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, ball.x, ball.y);
2025-04-08 08:57:41 +02:00
if (Math.abs(ball.y - y) < Math.abs ( ball . x - x ) ) {
if (gameState.perks.side_kick) {
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);
}
if (gameState.perks.side_flip) {
if (ball.previousVX < 0 ) increaseCombo ( gameState , gameState . perks . side_flip , ball . x , ball . y ) ;
else decreaseCombo(gameState, gameState.perks.side_flip * 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;
2025-04-08 08:57:41 +02:00
if (!(0, _options.isOptionOn)("sound")) return;
2025-04-12 20:01:43 +02:00
if (gameState.computer_controlled) return;
2025-03-19 18:13:41 +01:00
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;
2025-04-08 14:03:38 +02:00
(0, _addToTotalScore.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-04-12 15:39:32 +02:00
gameState.level = gameState.runLevels[l % gameState.runLevels.length];
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;
2025-04-11 20:34:11 +02:00
(0, _game.fitSize)(gameState);
2025-03-19 18:13:41 +01:00
}
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-04-08 15:17:14 +02:00
document.body.style.setProperty("--level-background", lvl.color || "#000000");
document.getElementById("themeColor")?.setAttribute("content", lvl.color || "#000000");
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-04-08 08:57:41 +02:00
if (gameState.perks.minefield & & color === "black") increaseCombo(gameState, gameState.perks.minefield, (0, _gameUtils.brickCenterX)(gameState, index), (0, _gameUtils.brickCenterY)(gameState, index));
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;
2025-04-11 20:34:11 +02:00
if (coin.x < gameState.offsetXRoundedDown + radius ) {
2025-03-19 20:14:55 +01:00
coin.x = gameState.offsetXRoundedDown + radius + (gameState.offsetXRoundedDown + radius - coin.x);
coin.vx *= -1;
hhit = 1;
}
2025-04-11 20:34:11 +02:00
if (coin.y < radius ) {
2025-03-19 20:14:55 +01:00
coin.y = radius + (radius - coin.y);
coin.vy *= -1;
vhit = 1;
}
2025-04-11 20:34:11 +02:00
if (coin.x > gameState.canvasWidth - gameState.offsetXRoundedDown - radius) {
2025-03-19 20:14:55 +01:00
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) {
2025-04-12 20:01:43 +02:00
// Ai movement of puck
if (gameState.computer_controlled) computerControl(gameState);
2025-03-19 18:13:41 +01:00
gameState.runStatistics.max_combo = Math.max(gameState.runStatistics.max_combo, gameState.combo);
2025-04-08 08:57:41 +02:00
gameState.lastCombo = 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)) {
2025-04-12 20:01:43 +02:00
if (gameState.computer_controlled) (0, _game.startComputerControlledGame)();
else 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-04-10 21:40:45 +02:00
if (gameState.perks.ball_attracts_coins & & gameState.balls.length) {
2025-04-09 09:24:15 +02:00
// Find closest ball
2025-04-10 21:40:45 +02:00
let closestBall = (0, _gameUtils.getClosestBall)(gameState, coin.x, coin.y);
if (closestBall) {
let dist = (0, _gameUtils.distance2)(closestBall, coin);
const minDist = gameState.brickWidth * gameState.brickWidth;
if (dist > minDist & & dist < minDist * 16 * gameState . perks . ball_attracts_coins ) {
// Slow down coins in effect radius
const ratio = 1 - 0.02 * (0.5 + gameState.perks.ball_attracts_coins);
coin.vx *= ratio;
coin.vy *= ratio;
coin.vy *= ratio;
// Carry them
const dx = (closestBall.x - coin.x) / dist * 50 * gameState.perks.ball_attracts_coins;
const dy = (closestBall.y - coin.y) / dist * 50 * gameState.perks.ball_attracts_coins;
coin.vx += dx;
coin.vy += dy;
if (!(0, _options.isOptionOn)("basic") & & Math.random() * gameState.perks.ball_attracts_coins * frames > 0.9) makeParticle(gameState, coin.x + dx * 5, coin.y + dy * 5, dx * 2, dy * 2, rainbowColor(), true, gameState.coinSize / 2, 100);
}
}
}
2025-04-11 20:34:11 +02:00
if (gameState.perks.bricks_attract_coins) goToNearestBrick(gameState, coin, gameState.perks.bricks_attract_coins * frames, 2, false);
2025-04-06 10:13:10 +02:00
const ratio = 1 - (gameState.perks.viscosity * 0.03 + 0.002) * frames / (1 + gameState.perks.etherealcoins);
2025-04-10 14:49:28 +02:00
if (!gameState.perks.etherealcoins) {
coin.vy *= ratio;
coin.vx *= ratio;
}
2025-03-19 18:13:41 +01:00
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-04-10 21:40:45 +02:00
const flip = gameState.perks.helium > 0 & & Math.abs(coin.x - gameState.puckPosition) * 2 > gameState.puckWidth + coin.size;
let dvy = frames * coin.weight * 0.8 * (flip ? -gameState.perks.helium : 1);
if (gameState.perks.etherealcoins) {
if (gameState.perks.helium) dvy *= 0.2 / gameState.perks.etherealcoins;
else dvy *= 0;
2025-03-19 20:14:55 +01:00
}
2025-04-10 21:40:45 +02:00
coin.vy += dvy;
if (gameState.perks.helium & & !(0, _options.isOptionOn)("basic") & & Math.random() < 0.1 * frames ) makeParticle ( gameState , coin . x , coin . y , 0 , dvy * 10 , gameState . perks . metamorphosis | | ( 0 , _options . isOptionOn ) ( " colorful_coins " ) ? coin . color : " # ffd300 " , true , 5 , 250 ) ;
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
}
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-04-10 21:40:45 +02:00
if (gameState.perks.hypnosis) {
const closestBall = (0, _gameUtils.getClosestBall)(gameState, coin.x, coin.y);
if (closestBall) {
coin.x = closestBall.x;
coin.y = closestBall.y;
coin.vx = (Math.random() - 0.5) * gameState.baseSpeed;
coin.vy = (Math.random() - 0.5) * gameState.baseSpeed;
coin.metamorphosisPoints = gameState.perks.metamorphosis;
}
}
2025-03-19 18:13:41 +01:00
}
}
2025-03-23 19:11:01 +01:00
if (!gameState.perks.ghost_coins & & typeof hitBrick !== "undefined" || hitBorder) {
2025-04-10 21:40:45 +02:00
const ratio = 1 - 0.2 / (1 + gameState.perks.etherealcoins);
coin.vx *= ratio;
coin.vy *= ratio;
if (Math.abs(coin.vy) < 1 ) coin . vy = 0;
2025-03-19 18:13:41 +01:00
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;
} 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) {
2025-04-11 20:34:11 +02:00
flash.vy += 0.5 * frames;
2025-03-19 18:13:41 +01:00
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);
});
}
2025-04-11 20:34:11 +02:00
function ballTick(gameState, ball, frames) {
2025-03-19 18:13:41 +01:00
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-11 20:34:11 +02:00
ball.vx += (gameState.puckPosition - ball.x) / 1000 * frames * 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-11 20:34:11 +02:00
ball.vx += (gameState.puckPosition - ball.x) / 1000 * frames * gameState.perks.yoyo * (0, _gameUtils.yoyoEffectRate)(gameState, ball);
2025-03-19 20:14:55 +01:00
}
2025-04-11 20:34:11 +02:00
if (ball.hitSinceBounce < gameState.perks.bricks_attract_ball * 3 ) goToNearestBrick ( gameState , ball , gameState . perks . bricks_attract_ball * frames * 0 . 2 , 2 + gameState . perks . bricks_attract_ball , Math . random ( ) < 0 . 5 * frames ) ;
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-04-11 20:34:11 +02:00
const borderHitCode = bordersHitCheck(gameState, ball, gameState.ballSize / 2, frames);
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 ;
2025-04-08 10:36:30 +02:00
if (ball.y > ylimit & & ball.vy > 0 & & (ballIsUnderPuck || gameState.balls.length < 2 & & gameState . perks . extra_life & & ball . y > ylimit + gameState.puckHeight / 2)) {
2025-03-19 18:13:41 +01:00
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-04-11 20:34:11 +02:00
if (gameState.running & & ball.y > gameState.gameZoneHeight + gameState.ballSize / 2) {
2025-03-19 18:13:41 +01:00
ball.destroyed = true;
gameState.runStatistics.balls_lost++;
2025-04-12 20:01:43 +02:00
if (!gameState.balls.find((b)=>!b.destroyed)) {
if (gameState.computer_controlled) (0, _game.startComputerControlledGame)();
else (0, _gameOver.gameOver)((0, _i18N.t)("gameOver.lost.title"), (0, _i18N.t)("gameOver.lost.summary", {
score: gameState.score
}));
}
2025-03-19 18:13:41 +01:00
}
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
}
}
2025-04-10 21:40:45 +02:00
if (!(0, _options.isOptionOn)("basic") & & (0, _gameUtils.ballTransparency)(ball, gameState) < Math.random ( ) ) {
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-04-10 14:49:28 +02:00
if (gameState.perks.trickledown) y = -20;
2025-04-10 21:40:45 +02:00
if (gameState.perks.rainbow & & Math.random() > 1 / (1 + gameState.perks.rainbow)) color = rainbowColor();
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-11 20:34:11 +02:00
function goToNearestBrick(gameState, coin, strength, size = 2, particle = false) {
const row = Math.floor(coin.y / gameState.brickWidth);
const col = Math.floor((coin.x - gameState.offsetX) / gameState.brickWidth);
let vx = 0, vy = 0;
for(let dcol = -size; dcol < size ; dcol + + ) for ( let drow = -size; drow < size ; drow + + ) {
const index = (0, _gameUtils.getRowColIndex)(gameState, row + drow, col + dcol);
if (gameState.bricks[index]) {
const dx = (0, _gameUtils.brickCenterX)(gameState, index) + (0, _pureFunctions.clamp)(-dcol, -1, 1) * gameState.brickWidth / 2 - coin.x;
const dy = (0, _gameUtils.brickCenterY)(gameState, index) + (0, _pureFunctions.clamp)(-drow, -1, 1) * gameState.brickWidth / 2 - coin.y;
const d2 = dx * dx + dy * dy;
vx += dx / d2 * 20;
vy += dy / d2 * 20;
}
}
coin.vx += vx * strength;
coin.vy += vy * strength;
const s2 = coin.vx * coin.vx + coin.vy * coin.vy;
if (s2 > gameState.baseSpeed * gameState.baseSpeed * 2) {
coin.vx *= 0.95;
coin.vy *= 0.95;
}
if ((vx || vy) & & particle) makeParticle(gameState, coin.x, coin.y, -vx * 2, -vy * 2, rainbowColor(), true);
}
2025-03-19 18:13:41 +01:00
2025-04-12 20:01:43 +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","./addToTotalScore":"ka4dG","@parcel/transformer-js/src/esmodule-helpers.js":"gkKU3","./getLevelBackground":"7OIPf"}],"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");
2025-04-08 21:54:19 +02:00
var _pureFunctions = require("./pure_functions");
2025-03-19 18:13:41 +01:00
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-08 21:54:19 +02:00
< span class = "${catchRate > (0, _pureFunctions.catchRateBest) / 100 && " great " | | catchRate > (0, _pureFunctions.catchRateGood) / 100 & & "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-08 21:54:19 +02:00
< span class = "${gameState.levelTime < (0, _pureFunctions.levelTimeBest) * 1000 && " great " | | gameState . levelTime < ( 0 , _pureFunctions . levelTimeGood ) * 1000 & & " 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-08 21:54:19 +02:00
< span class = "${gameState.levelWallBounces < (0, _pureFunctions.wallBouncedBest) && " great " | | gameState . levelWallBounces < ( 0 , _pureFunctions . wallBouncedGood ) & & " 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-08 21:54:19 +02:00
< span class = "${gameState.levelMisses < (0, _pureFunctions.missesBest) && " great " | | gameState . levelMisses < ( 0 , _pureFunctions . missesGood ) & & " 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-04-12 20:58:24 +02:00
scoreDisplay.className = gameState.computer_controlled & & "hidden" || gameState.lastScoreIncrease > gameState.levelTime - 500 & & "active" || "";
2025-03-19 18:13:41 +01:00
// 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";
2025-04-08 08:57:41 +02:00
haloCanvasCtx.globalAlpha = 0.1 + 5 / ((0, _gameStateMutators.liveCount)(gameState.coins) + 10);
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
});
gameState.balls.forEach((ball)=>{
2025-04-10 21:40:45 +02:00
haloCanvasCtx.globalAlpha = 0.3 * (1 - (0, _gameUtils.ballTransparency)(ball, gameState));
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-10 21:40:45 +02:00
const hollow = gameState.perks.metamorphosis & & !coin.metamorphosisPoints;
2025-04-06 10:13:10 +02:00
ctx.globalCompositeOperation = "source-over";
2025-04-10 21:40:45 +02:00
drawCoin(ctx, hollow ? "transparent" : color, coin.size, coin.x, coin.y, // Red border around coins with asceticism
2025-04-09 09:24:15 +02:00
hasCombo & & gameState.perks.asceticism & & "#FF0000" || // Gold coins
// (color === "#ffd300" & & "#ffd300") ||
2025-04-10 21:40:45 +02:00
hollow & & color || 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";
gameState.balls.forEach((ball)=>{
2025-04-10 14:49:28 +02:00
ctx.globalAlpha = Math.min(0.8, (0, _gameStateMutators.liveCount)(gameState.coins) / 20) * (1 - (0, _gameUtils.ballTransparency)(ball, gameState));
2025-03-19 18:13:41 +01:00
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-04-11 20:34:11 +02:00
for(let i = 0; i < gameState.perks.extra_life ; i + + ) ctx . fillRect ( gameState . offsetXRoundedDown , gameState . gameZoneHeight - gameState . puckHeight / 2 + 2 * i , 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-04-10 14:49:28 +02:00
const ballAlpha = 1 - (0, _gameUtils.ballTransparency)(ball, gameState);
ctx.globalAlpha = ballAlpha;
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-10 14:49:28 +02:00
ctx.globalAlpha = Math.max((0, _gameUtils.telekinesisEffectRate)(gameState, ball), (0, _gameUtils.yoyoEffectRate)(gameState, ball)) * ballAlpha;
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-09 09:24:15 +02:00
drawCoin(ctx, "#ffd300", gameState.coinSize, left + gameState.coinSize / 2, gameState.gameZoneHeight - gameState.puckHeight / 2, "#ffd300", 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-04-11 20:34:11 +02:00
ctx.globalAlpha = 1;
let redLeftSide = hasCombo & & (gameState.perks.left_is_lava || gameState.perks.trampoline);
let redRightSide = hasCombo & & (gameState.perks.right_is_lava || gameState.perks.trampoline);
let redTop = hasCombo & & (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-11 20:34:11 +02:00
drawStraightLine(ctx, gameState, redLeftSide & & "#FF0000" || "#FFFFFF", gameState.offsetXRoundedDown - 1, 0, gameState.offsetXRoundedDown - 1, height, 1);
drawStraightLine(ctx, gameState, redRightSide & & "#FF0000" || "#FFFFFF", width - gameState.offsetXRoundedDown + 1, 0, width - gameState.offsetXRoundedDown + 1, height, 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-11 20:34:11 +02:00
if (redTop) drawStraightLine(ctx, gameState, "#FF0000", gameState.offsetXRoundedDown, 1, 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-04-10 21:40:45 +02:00
if (color === "transparent") canctx.lineWidth = 2;
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;
2025-04-09 11:28:32 +02:00
if (!color?.startsWith("#")) debugger;
2025-03-19 18:13:41 +01:00
const size = Math.round(width * 3);
2025-04-09 09:24:15 +02:00
if (!size || isNaN(size)) {
debugger;
return;
}
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");
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-09 09:24:15 +02:00
const key = "brick" + color + "_" + "_" + width + "_" + height + "_" + offset + "_" + borderOnly + "_";
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-09 09:24:15 +02:00
canctx.strokeStyle = offset !== -1 & & "#FF000033" || color;
2025-03-19 18:13:41 +01:00
canctx.lineJoin = "round";
2025-04-09 09:24:15 +02:00
canctx.lineWidth = 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) {
2025-04-11 07:55:06 +02:00
if (gameState.perks.metamorphosis || (0, _options.isOptionOn)("colorful_coins") || gameState.perks.hypnosis || gameState.perks.rainbow) return coin.color;
2025-04-06 10:13:10 +02:00
return "#ffd300";
}
2025-03-19 18:13:41 +01:00
2025-04-08 21:54:19 +02:00
},{"./gameStateMutators":"9ZeQl","./game_utils":"cEeac","./i18n/i18n":"eNPRm","./game":"edeGs","./options":"d5NoS","@parcel/transformer-js/src/esmodule-helpers.js":"gkKU3","./pure_functions":"6pQh7"}],"caCAf":[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, "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);
// 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,
2025-04-08 21:54:19 +02:00
text: (0, _i18N.t)("confirmRestart.yes"),
2025-03-19 18:13:41 +01:00
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 {
2025-04-08 17:14:11 +02:00
runsHistory = JSON.parse(localStorage.getItem("breakout_71_runs_history") || "[]").sort((a, b)=>b.score - a.score).slice(0, 100);
2025-04-06 15:38:30 +02:00
} 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-04-11 09:36:31 +02:00
if (runStats) runStats = `< p > ${(0, _i18N.t)("gameOver.stats_intro", {
2025-03-19 18:13:41 +01:00
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-08 15:17:14 +02:00
},{"./loadGameData":"l1B4x","./i18n/i18n":"eNPRm","./game":"edeGs","./game_utils":"cEeac","./settings":"5blfu","./recording":"godmD","./asyncAlert":"rSqLY","./upgrades":"1u3Dx","@parcel/transformer-js/src/esmodule-helpers.js":"gkKU3"}],"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;
2025-04-11 09:36:31 +02:00
a.textContent = (0, _i18N.t)("settings.record_download", {
2025-03-19 18:13:41 +01:00
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-04-08 21:54:19 +02:00
const h1 = document.createElement("h1");
h1.innerHTML = title;
popup.appendChild(h1);
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-04-08 14:03:38 +02:00
},{"./i18n/i18n":"eNPRm","@parcel/transformer-js/src/esmodule-helpers.js":"gkKU3"}],"ka4dG":[function(require,module,exports,__globalThis) {
var parcelHelpers = require("@parcel/transformer-js/src/esmodule-helpers.js");
parcelHelpers.defineInteropFlag(exports);
parcelHelpers.export(exports, "addToTotalScore", ()=>addToTotalScore);
var _loadGameData = require("./loadGameData");
var _gameStateMutators = require("./gameStateMutators");
var _toast = require("./toast");
var _i18N = require("./i18n/i18n");
var _settings = require("./settings");
function addToTotalScore(gameState, points) {
if (gameState.creative) return;
const pastScore = (0, _settings.getTotalScore)();
const newScore = pastScore + points;
(0, _settings.setSettingValue)("breakout_71_total_score", newScore);
// Check unlocked upgrades
(0, _loadGameData.upgrades).forEach((u)=>{
if (u.threshold > pastScore & & u.threshold < = newScore) {
(0, _gameStateMutators.schedulGameSound)(gameState, "colorChange", 0, 1);
(0, _toast.toast)((0, _loadGameData.icons)["icon:" + u.id] + "< strong > " + (0, _i18N.t)("gameOver.unlocked_perk") + "< / strong > ");
}
});
}
},{"./loadGameData":"l1B4x","./gameStateMutators":"9ZeQl","./toast":"nAuvo","./i18n/i18n":"eNPRm","./settings":"5blfu","@parcel/transformer-js/src/esmodule-helpers.js":"gkKU3"}],"nAuvo":[function(require,module,exports,__globalThis) {
var parcelHelpers = require("@parcel/transformer-js/src/esmodule-helpers.js");
parcelHelpers.defineInteropFlag(exports);
parcelHelpers.export(exports, "toast", ()=>toast);
let onScreen = 0;
function toast(html) {
const div = document.createElement("div");
div.classList = "toast";
div.innerHTML = html;
const lasts = 1500 + onScreen * 200;
div.style.animationDuration = lasts + "ms";
div.style.top = 40 + onScreen * 50 + "px";
document.body.appendChild(div);
onScreen++;
setTimeout(()=>{
div.remove();
onScreen--;
}, lasts);
}
},{"@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-08 14:29:00 +02:00
const unlockedBefore = new Set((0, _settings.getSettingValue)("breakout_71_unlocked_levels", []));
2025-04-06 15:38:30 +02:00
const history = (0, _gameOver.getHistory)();
2025-04-08 14:29:00 +02:00
const unlocked = (0, _loadGameData.allLevels).filter((l, li)=>unlockedBefore.has(l.name) || !(0, _gameUtils.reasonLevelIsLocked)(li, history, false));
2025-04-10 14:49:28 +02:00
const firstLevel = (0, _loadGameData.allLevelsAndIcons).filter((l)=>l.name == (params?.level || "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-04-12 15:39:32 +02:00
return firstLevel.concat(restInRandomOrder.slice(0, 10).sort((a, b)=>a.sortKey - b.sortKey)).concat(restInRandomOrder.slice(10));
2025-03-28 10:21:14 +01:00
}
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)) {
2025-04-10 13:17:38 +02:00
let giftable = (0, _loadGameData.upgrades).filter((u)=>(0, _startingPerks.isStartingPerk)(u));
if (!giftable.length) giftable = (0, _loadGameData.upgrades).filter((u)=>!(0, _startingPerks.isBlackListedForStart)(u));
2025-04-07 14:22:59 +02:00
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,
2025-04-08 08:57:41 +02:00
lastCombo: 1,
2025-03-19 18:13:41 +01:00
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,
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-12 20:01:43 +02:00
creative: params?.computer_controlled || (0, _gameUtils.sumOfValues)(params.perks) > 1 || params.level & & !params.level.startsWith("icon:"),
computer_controlled: params?.computer_controlled || false
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-08 15:17:14 +02:00
},{"./loadGameData":"l1B4x","./game_utils":"cEeac","./gameStateMutators":"9ZeQl","./options":"d5NoS","./gameOver":"caCAf","./settings":"5blfu","./startingPerks":"lv30m","@parcel/transformer-js/src/esmodule-helpers.js":"gkKU3"}],"lv30m":[function(require,module,exports,__globalThis) {
2025-04-07 14:08:48 +02:00
var parcelHelpers = require("@parcel/transformer-js/src/esmodule-helpers.js");
parcelHelpers.defineInteropFlag(exports);
parcelHelpers.export(exports, "startingPerkMenuButton", ()=>startingPerkMenuButton);
2025-04-10 13:17:38 +02:00
parcelHelpers.export(exports, "isBlackListedForStart", ()=>isBlackListedForStart);
2025-04-07 14:08:48 +02:00
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-11 09:36:31 +02:00
var _upgrades = require("./upgrades");
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"],
2025-04-11 09:36:31 +02:00
text: (0, _i18N.t)("starting_perks.title"),
help: (0, _i18N.t)("starting_perks.help"),
2025-04-07 14:08:48 +02:00
async value () {
await openStartingPerksEditor();
}
};
}
2025-04-10 13:17:38 +02:00
function isBlackListedForStart(u) {
2025-04-11 09:36:31 +02:00
return !!((0, _upgrades.notStartingPerk).includes(u.id) || u.requires || u.threshold > (0, _settings.getTotalScore)());
2025-04-10 13:17:38 +02:00
}
2025-04-07 14:08:48 +02:00
function isStartingPerk(u) {
2025-04-11 09:36:31 +02:00
return !isBlackListedForStart(u) & & (0, _settings.getSettingValue)("start_with_" + u.id, u.gift);
2025-04-07 14:08:48 +02:00
}
async function openStartingPerksEditor() {
2025-04-10 13:17:38 +02:00
const avaliable = (0, _loadGameData.upgrades).filter((u)=>!isBlackListedForStart(u));
2025-04-07 14:08:48 +02:00
const buttons = avaliable.map((u)=>{
const checked = isStartingPerk(u);
return {
icon: u.icon,
text: u.name,
tooltip: u.help(1),
2025-04-10 13:17:38 +02:00
value: [
u
],
2025-04-07 14:08:48 +02:00
checked
};
});
2025-04-10 13:17:38 +02:00
const checkedList = buttons.filter((b)=>b.checked);
const perks = await (0, _asyncAlert.asyncAlert)({
2025-04-11 09:36:31 +02:00
title: (0, _i18N.t)("starting_perks.title"),
2025-04-07 14:08:48 +02:00
className: "actionsAsGrid",
content: [
2025-04-11 09:36:31 +02:00
checkedList.length ? (0, _i18N.t)("starting_perks.checked") : (0, _i18N.t)("starting_perks.random"),
2025-04-10 13:17:38 +02:00
...checkedList,
2025-04-11 09:36:31 +02:00
(0, _i18N.t)("starting_perks.unchecked"),
2025-04-07 14:08:48 +02:00
...buttons.filter((b)=>!b.checked)
]
});
2025-04-10 13:17:38 +02:00
if (perks) {
perks?.forEach((perk)=>{
(0, _settings.setSettingValue)("start_with_" + perk.id, !isStartingPerk(perk));
});
2025-04-07 14:08:48 +02:00
openStartingPerksEditor();
}
}
2025-04-11 09:36:31 +02:00
},{"./asyncAlert":"rSqLY","./i18n/i18n":"eNPRm","./loadGameData":"l1B4x","./settings":"5blfu","./options":"d5NoS","@parcel/transformer-js/src/esmodule-helpers.js":"gkKU3","./upgrades":"1u3Dx"}],"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"],
2025-04-11 09:36:31 +02:00
text: (0, _i18N.t)("help.title"),
help: (0, _i18N.t)("help.help"),
2025-04-06 10:13:10 +02:00
async value () {
await (0, _asyncAlert.asyncAlert)({
2025-04-11 09:36:31 +02:00
title: (0, _i18N.t)("help.title"),
2025-04-06 10:13:10 +02:00
allowClose: true,
content: [
2025-04-11 09:36:31 +02:00
(0, _pureFunctions.miniMarkDown)((0, _i18N.t)("help.content", {
2025-04-08 21:54:19 +02:00
catchRateBest: (0, _pureFunctions.catchRateBest),
catchRateGood: (0, _pureFunctions.catchRateGood),
levelTimeBest: (0, _pureFunctions.levelTimeBest),
levelTimeGood: (0, _pureFunctions.levelTimeGood),
missesBest: (0, _pureFunctions.missesBest),
missesGood: (0, _pureFunctions.missesGood),
wallBouncedBest: (0, _pureFunctions.wallBouncedBest),
wallBouncedGood: (0, _pureFunctions.wallBouncedGood)
})),
2025-04-11 09:36:31 +02:00
(0, _pureFunctions.miniMarkDown)((0, _i18N.t)("help.upgrades")),
2025-04-06 10:13:10 +02:00
...(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)}
`),
2025-04-11 09:36:31 +02:00
"< h2 > " + (0, _i18N.t)("help.levels") + "< / h2 > ",
2025-04-08 15:02:38 +02:00
...(0, _loadGameData.allLevels).filter((l)=>l.credit?.trim()).map((l)=>`
2025-04-06 10:13:10 +02:00
< div class = "upgrade used" >
${(0, _loadGameData.icons)[l.name]}
2025-04-08 15:02:38 +02:00
< div >
2025-04-06 10:13:10 +02:00
< p >
2025-04-08 15:02:38 +02:00
< strong > ${l.name}< / strong >
2025-04-06 10:13:10 +02:00
< / p >
2025-04-08 15:02:38 +02:00
${(0, _pureFunctions.miniMarkDown)(l.credit || "")}
< / div >
2025-04-06 10:13:10 +02:00
< / 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-11 09:36:31 +02:00
var _upgrades = require("./upgrades");
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-11 09:36:31 +02:00
help: (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;
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-11 09:36:31 +02:00
...(0, _loadGameData.upgrades).filter((u)=>!(0, _upgrades.noCreative).includes(u.id)).map((u)=>({
2025-04-01 13:35:33 +02:00
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-11 09:36:31 +02:00
},{"./loadGameData":"l1B4x","./i18n/i18n":"eNPRm","./settings":"5blfu","./game":"edeGs","./asyncAlert":"rSqLY","./game_utils":"cEeac","./gameOver":"caCAf","@parcel/transformer-js/src/esmodule-helpers.js":"gkKU3","./upgrades":"1u3Dx"}],"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");
2025-04-08 10:36:30 +02:00
var _gameUtils = require("./game_utils");
var _loadGameData = require("./loadGameData");
2025-04-06 18:21:53 +02:00
// 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-08 10:36:30 +02:00
function afterMigration() {
// 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) {
window.location.hash = "#reloadAfterMigration";
window.location.reload();
}
if (!migrationsRun) window.location.hash = "";
}
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));
});
2025-04-08 10:36:30 +02:00
migrate("set_breakout_71_unlocked_levels" + (0, _versionJsonDefault.default), ()=>{
// We want to lock any level unlocked by an app upgrade too
let runsHistory = JSON.parse(localStorage.getItem("breakout_71_runs_history") || "[]");
let breakout_71_unlocked_levels = JSON.parse(localStorage.getItem("breakout_71_unlocked_levels") || "[]");
(0, _loadGameData.allLevels).filter((l, li)=>!(0, _gameUtils.reasonLevelIsLocked)(li, runsHistory, false)).forEach((l)=>{
if (!breakout_71_unlocked_levels.includes(l.name)) breakout_71_unlocked_levels.push(l.name);
});
localStorage.setItem("breakout_71_unlocked_levels", JSON.stringify(breakout_71_unlocked_levels));
});
afterMigration();
2025-04-06 18:21:53 +02:00
2025-04-08 15:17:14 +02:00
},{"./data/version.json":"iyP6E","./generateSaveFileContent":"iEcoB","./game_utils":"cEeac","./loadGameData":"l1B4x","@parcel/transformer-js/src/esmodule-helpers.js":"gkKU3"}],"iEcoB":[function(require,module,exports,__globalThis) {
2025-04-06 18:21:53 +02:00
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
},
...(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-08 15:17:14 +02:00
},{"./gameOver":"caCAf","./loadGameData":"l1B4x","./i18n/i18n":"eNPRm","./asyncAlert":"rSqLY","./upgrades":"1u3Dx","@parcel/transformer-js/src/esmodule-helpers.js":"gkKU3"}],"aHTmD":[function(require,module,exports,__globalThis) {
2025-04-07 14:08:48 +02:00
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");
2025-04-08 14:03:38 +02:00
var _pureFunctions = require("./pure_functions");
var _settings = require("./settings");
2025-04-07 14:08:48 +02:00
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-08 14:03:38 +02:00
const unlocked = new Set((0, _settings.getSettingValue)("breakout_71_unlocked_levels", []));
const firstUnlockable = (0, _pureFunctions.firstWhere)((0, _loadGameData.allLevels), (l, li)=>{
if (unlocked.has(l.name)) return;
const reason = (0, _gameUtils.reasonLevelIsLocked)(li, (0, _gameOver.getHistory)(), false);
if (!reason) return;
2025-04-07 14:08:48 +02:00
const { minScore, forbidden, required } = (0, _gameUtils.getLevelUnlockCondition)(li);
2025-04-08 14:03:38 +02:00
const missing = required.filter((u)=>!gameState?.perks?.[u.id]);
// we can't have a forbidden perk
if (forbidden.find((u)=>gameState?.perks?.[u.id])) return;
// All required upgrades need to be unlocked
if (missing.find((u)=>u.threshold > (0, _settings.getTotalScore)())) return;
2025-04-07 14:08:48 +02:00
return {
l,
li,
minScore,
forbidden,
required,
2025-04-08 14:03:38 +02:00
missing,
reason
2025-04-07 14:08:48 +02:00
};
2025-04-08 14:03:38 +02:00
});
2025-04-07 14:08:48 +02:00
if (!firstUnlockable) return "";
2025-04-11 08:15:58 +02:00
let missingPoints = Math.max(0, firstUnlockable.minScore - gameState.score);
2025-04-07 14:08:48 +02:00
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
2025-04-08 14:03:38 +02:00
}) || (0, _i18N.t)("score_panel.score_to_unlock", {
2025-04-07 14:08:48 +02:00
points: missingPoints,
level: firstUnlockable.l.name
});
return `
2025-04-11 08:15:58 +02:00
< p > ${(0, _i18N.t)("score_panel.close_to_unlock")}< / p >
2025-04-07 14:08:48 +02:00
< div class = "upgrade used" >
${(0, _loadGameData.icons)[firstUnlockable.l.name]}
< p >
< strong > ${title}< / strong >
${firstUnlockable.reason?.text}
< / p >
< / div >
`;
}
2025-04-08 15:17:14 +02:00
},{"./asyncAlert":"rSqLY","./i18n/i18n":"eNPRm","./game_utils":"cEeac","./gameOver":"caCAf","./game":"edeGs","./loadGameData":"l1B4x","./pure_functions":"6pQh7","./settings":"5blfu","@parcel/transformer-js/src/esmodule-helpers.js":"gkKU3"}],"jjD0P":[function(require,module,exports,__globalThis) {
2025-04-08 10:36:30 +02:00
var parcelHelpers = require("@parcel/transformer-js/src/esmodule-helpers.js");
parcelHelpers.defineInteropFlag(exports);
parcelHelpers.export(exports, "monitorLevelsUnlocks", ()=>monitorLevelsUnlocks);
var _settings = require("./settings");
var _loadGameData = require("./loadGameData");
var _gameUtils = require("./game_utils");
var _i18N = require("./i18n/i18n");
var _toast = require("./toast");
var _gameStateMutators = require("./gameStateMutators");
let list;
2025-04-08 14:03:38 +02:00
let unlocked = new Set((0, _settings.getSettingValue)("breakout_71_unlocked_levels", []));
2025-04-08 10:36:30 +02:00
function monitorLevelsUnlocks(gameState) {
if (gameState.creative) return;
if (!list) list = (0, _loadGameData.allLevels).map((l, li)=>({
name: l.name,
li,
l,
...(0, _gameUtils.getLevelUnlockCondition)(li)
}));
list.forEach(({ name, minScore, forbidden, required, l })=>{
// Already unlocked
if (unlocked.has(name)) return;
// Score not reached yet
if (gameState.score < minScore ) return ;
// We are missing a required perk
if (required.find((id)=>!gameState.perks[id])) return;
// We have a forbidden perk
if (forbidden.find((id)=>gameState.perks[id])) return;
// Level just got unlocked
unlocked.add(name);
2025-04-08 14:03:38 +02:00
(0, _settings.setSettingValue)("breakout_71_unlocked_levels", (0, _settings.getSettingValue)("breakout_71_unlocked_levels", []).concat([
2025-04-08 10:36:30 +02:00
name
]));
2025-04-08 14:03:38 +02:00
(0, _toast.toast)((0, _loadGameData.icons)[name] + "< strong > " + (0, _i18N.t)("unlocks.just_unlocked") + "< / strong > ");
(0, _gameStateMutators.schedulGameSound)(gameState, "colorChange", 0, 1);
2025-04-08 10:36:30 +02:00
});
}
2025-04-08 15:17:14 +02:00
},{"./settings":"5blfu","./loadGameData":"l1B4x","./game_utils":"cEeac","./i18n/i18n":"eNPRm","./toast":"nAuvo","./gameStateMutators":"9ZeQl","@parcel/transformer-js/src/esmodule-helpers.js":"gkKU3"}]},["j3Ih9"], "j3Ih9", "parcelRequire94c2")
2025-03-19 18:13:41 +01:00
< / script >
< / body >
< / html >
