mirrors/breakout71
1
0
Fork 0
mirror of https://gitlab.com/lecarore/breakout71.git synced 2025-04-20 12:15:06 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

wip

Browse source
This commit is contained in:
Renan LE CARO 2025-02-17 01:07:20 +01:00
parent d3296c4f0f
commit ed535cf470
1 changed files with 201 additions and 199 deletions
Download patch file Download diff file Expand all files Collapse all files

392
app/src/main/assets/game.js
View file

@ -382,7 +382,7 @@ function reset_perks() {
return first return first
} }
const giftable = getPossibleUpgrades().filter(u => u.giftable && u.max > 0) const giftable = getPossibleUpgrades().filter(u => u.giftable)
const randomGift = isSettingOn('easy') ? 'slow_down' : giftable[Math.floor(Math.random() * giftable.length)].id; const randomGift = isSettingOn('easy') ? 'slow_down' : giftable[Math.floor(Math.random() * giftable.length)].id;
perks[randomGift] = 1; perks[randomGift] = 1;
// TODO // TODO
@ -396,205 +396,210 @@ function reset_perks() {
const upgrades = [ const upgrades = [
{ {
minimumTotalScore: 3000, "threshold": 0,
id: 'multiball', "id": "extra_life",
giftable: true, "name": "+1 life",
name: "+1 ball", "max": 3,
max: 3, "help": "Survive dropping the ball once."
help: `Start each level with one more balls.`, },
}, {
minimumTotalScore: 5000,
id: 'pierce',
giftable: true,
name: "Ball pierces bricks",
max: 3,
help: `Pierce through 3 blocks after bouncing on the puck.`,
}, {
minimumTotalScore: 500,
id: 'telekinesis',
giftable: true,
name: "Puck controls ball",
max: 2,
help: `Control the ball's trajectory with the puck.`,
}, {
minimumTotalScore: 0,
id: 'extra_life',
name: "+1 life",
max: 3,
help: `Allows you to survive dropping the ball once.`,
}, {
minimumTotalScore: 20000,
id: 'sapper',
giftable: true,
name: "Bricks become bombs",
max: 1,
help: `Broken blocks are replaced by bombs.`,
}, {
minimumTotalScore: 100000,
id: 'soft_reset',
name: "Soft reset",
max: 2,
help: `Only loose half your combo when it resets.`,
},
{ {
minimumTotalScore: 30000, "threshold": 0,
id: 'bigger_explosions', "id": "streak_shots",
name: "Bigger explosions", "giftable": true,
max: 1, "name": "Single puck hit streak",
help: `All bombs have larger area of effect.`, "max": 1,
"help": "Break many bricks at once."
}, },
{ {
minimumTotalScore: 2000, "threshold": 0,
id: 'coin_magnet', "id": "base_combo",
name: "Puck attracts coins", "giftable": true,
max: 3, "name": "+3 base combo",
help: `Coins falling are drawn toward the puck.`, "max": 3,
"help": "Your combo starts 3 points higher."
}, },
{ {
minimumTotalScore: 7000, "threshold": 0,
id: 'metamorphosis', "id": "slow_down",
name: "Coins stain bricks", "name": "Slower ball",
color_blind_exclude: true, "max": 2,
max: 1, "help": "Slows down the ball."
help: `Coins color the bricks they touch.`,
}, },
{ {
minimumTotalScore: 6000, "threshold": 0,
id: 'picky_eater', "id": "bigger_puck",
giftable: true, "name": "Bigger puck",
name: "Single color streak", "max": 2,
color_blind_exclude: true, "help": "Catches more coins."
max: 1,
help: `Hit bricks of the same color for more coins.`,
}, },
{ {
minimumTotalScore: 80000, "threshold": 50,
id: 'pierce_color', "id": "viscosity",
name: "Color pierce", "name": "Slower coins fall",
color_blind_exclude: true, "max": 3,
max: 1, "help": "Coins quickly decelerate."
help: `Colored ball pierces bricks of the same color.`,
}, },
{ {
minimumTotalScore: 0, "threshold": 100,
id: 'streak_shots', "id": "sides_are_lava",
giftable: true, "giftable": true,
name: "Single puck hit streak", "name": "Shoot straight",
max: 1, "max": 1,
help: `Break many bricks at once for more coins.`, "help": "Avoid the sides for more coins."
}, },
{ {
minimumTotalScore: 10000, "threshold": 200,
id: 'hot_start', "id": "telekinesis",
giftable: true, "giftable": true,
name: "Hot start", "name": "Puck controls ball",
max: 3, "max": 2,
help: `Clear the level quickly for more coins.`, "help": "Control the ball's trajectory."
}, },
{ {
minimumTotalScore: 200, "threshold": 400,
id: 'sides_are_lava', "id": "top_is_lava",
giftable: true, "giftable": true,
name: "Shoot straight", "name": "Sky is the limit",
max: 1, "max": 1,
help: `Avoid the sides for more coins.`, "help": "Avoid the top for more coins."
}, {
minimumTotalScore: 600,
id: 'top_is_lava',
giftable: true,
name: "Sky is the limit",
max: 1,
help: `Avoid the top for more coins.`,
}, },
{ {
minimumTotalScore: 8000, "threshold": 800,
id: 'catch_all_coins', "id": "coin_magnet",
giftable: true, "name": "Puck attracts coins",
name: "Compound interest", "max": 3,
max: 3, "help": "Coins falling are drawn toward the puck."
help: `Catch all coins with your puck for even more coins.`,
}, {
minimumTotalScore: 0,
id: 'viscosity',
name: "Slower coins fall",
max: 3,
help: `Coins quickly decelerate and fall more slowly.`,
}, },
{ {
minimumTotalScore: 0, "threshold": 1600,
id: 'base_combo', "id": "skip_last",
giftable: true, "name": "Last brick breaks",
name: "+3 base combo", "max": 3,
max: 3, "help": "The last brick will self-destruct."
help: `Your combo starts 3 points higher.`,
}, },
{ {
minimumTotalScore: 0, "threshold": 3200,
id: 'slow_down', "id": "multiball",
name: "Slower ball", "giftable": true,
max: 2, "name": "+1 ball",
help: `Slows down the ball.`, "max": 3,
}, { "help": "Start each level with one more balls."
minimumTotalScore: 65000, },
id: 'extra_levels', {
name: "+1 level", "threshold": 5600,
max: 3, "id": "smaller_puck",
help: `Play one more level before game over.`, "name": "Smaller puck",
}, { "max": 2,
minimumTotalScore: 2500, "help": "Gives you more control."
id: 'skip_last', },
name: "Last brick breaks", {
max: 3, "threshold": 7000,
help: `The last brick will self-destruct.`, "id": "pierce",
}, { "giftable": true,
minimumTotalScore: 3600, id: 'smaller_puck', name: "Smaller puck", max: 2, help: `Gives you more control.`, "name": "Ball pierces bricks",
}, { "max": 3,
minimumTotalScore: 0, "help": "Go through 3 blocks before bouncing."
id: 'bigger_puck', },
name: "Bigger puck", {
max: 2, "threshold": 12000,
help: `Catches more coins.`, "id": "picky_eater",
}, { "giftable": true,
minimumTotalScore: 2000, "name": "Single color streak",
id: 'ball_repulse_ball', "color_blind_exclude": true,
name: "Balls repulse balls", "max": 1,
max: 3, "help": "Hit groups of bricks of the same color."
help: `Only has an effect when 2+ balls.`, },
}, { {
minimumTotalScore: 2000, "threshold": 16000,
id: 'ball_attract_ball', "id": "metamorphosis",
name: "Balls attract balls", "name": "Coins stain bricks",
max: 3, "color_blind_exclude": true,
help: `Only has an effect when 2+ balls.`, "max": 1,
}, { "help": "Coins color the bricks they touch."
minimumTotalScore: 4000, },
id: 'puck_repulse_ball', {
name: "Puck repulse balls", "threshold": 22000,
max: 3, "id": "catch_all_coins",
help: `Prevents the puck from touching the balls.`, "giftable": true,
} "name": "Compound interest",
"max": 3,
"help": "Catch all coins with your puck for even more coins."
},
{
"threshold": 26000,
"id": "hot_start",
"giftable": true,
"name": "Hot start",
"max": 3,
"help": "Clear the level quickly for more coins."
},
{
"threshold": 33000,
"id": "sapper",
"giftable": true,
"name": "Bricks become bombs",
"max": 1,
"help": "Broken blocks are replaced by bombs."
},
{
"threshold": 42000,
"id": "bigger_explosions",
"name": "Bigger explosions",
"max": 1,
"help": "All bombs have larger area of effect."
},
{
"threshold": 54000,
"id": "extra_levels",
"name": "+1 level",
"max": 3,
"help": "Play one more level before game over."
},
{
"threshold": 65000,
"id": "pierce_color",
"name": "Color pierce",
"color_blind_exclude": true,
"max": 1,
"help": "Colored ball pierces bricks of the same color."
},
{
"threshold": 760000,
"id": "soft_reset",
"name": "Soft reset",
"max": 2,
"help": "Only loose half your combo when it resets."
},
{
"threshold": 87000,
"id": "ball_repulse_ball",
"name": "Balls repulse balls",
"max": 3,
"help": "Only has an effect when 2+ balls."
},
{
"threshold": 98000,
"id": "ball_attract_ball",
"name": "Balls attract balls",
"max": 3,
"help": "Only has an effect when 2+ balls."
},
{
"threshold": 120000,
"id": "puck_repulse_ball",
"name": "Puck repulse balls",
"max": 3,
"help": "Prevents the puck from touching the balls."
},
] ]
function getPossibleUpgrades() { function getPossibleUpgrades() {
const ts = getTotalScore() const ts = getTotalScore()
return upgrades return upgrades
.filter(u => !(isSettingOn('color_blind') && u.color_blind_exclude)) .filter(u => !(isSettingOn('color_blind') && u.color_blind_exclude))
.map(u => ({ .filter(u => ts>=u.threshold)
...u, max: ts > u.minimumTotalScore ? u.max:0, originalMax: u.max
}))
} }
function levelTotalScoreCondition(l, li) { function levelTotalScoreCondition(l, li) {
@ -620,9 +625,9 @@ function getUpgraderUnlockPoints() {
upgrades upgrades
.filter(u => !(isSettingOn('color_blind') && u.color_blind_exclude)) .filter(u => !(isSettingOn('color_blind') && u.color_blind_exclude))
.forEach(u => { .forEach(u => {
if (u.minimumTotalScore) { if (u.threshold) {
list.push({ list.push({
threshold: u.minimumTotalScore, threshold: u.threshold,
title: u.name + ' (Perk)', title: u.name + ' (Perk)',
help: u.help, help: u.help,
}) })
@ -650,7 +655,6 @@ function pickRandomUpgrades(count) {
.slice(0, count) .slice(0, count)
.sort((a, b) => a.id > b.id ? 1 : -1) .sort((a, b) => a.id > b.id ? 1 : -1)
.map(u => { .map(u => {
incrementRunStatistics('offered_upgrade.' + u.id, 1) incrementRunStatistics('offered_upgrade.' + u.id, 1)
return { return {
key: u.id, text: u.name, value: () => { key: u.id, text: u.name, value: () => {
@ -658,9 +662,7 @@ function pickRandomUpgrades(count) {
incrementRunStatistics('picked_upgrade.' + u.id, 1) incrementRunStatistics('picked_upgrade.' + u.id, 1)
scoreStory.push("Picked upgrade : " + u.name); scoreStory.push("Picked upgrade : " + u.name);
}, help: u.help, max: u.max, }, help: u.help, max: u.max,
checked: perks[u.id], checked: perks[u.id],
} }
}) })
@ -1248,7 +1250,7 @@ function gameOver(title, intro) {
const done = endTs - previousUnlockAt const done = endTs - previousUnlockAt
intro += `Score ${nextUnlock.threshold - endTs} more points to reach the next unlock.` intro += `Score ${nextUnlock.threshold - endTs} more points to reach the next unlock.`
const scaleX=(done / total).toFixed(2) const scaleX = (done / total).toFixed(2)
unlocksInfo += ` unlocksInfo += `
<p class="progress" title=${JSON.stringify(unlocksInfo.help)}> <p class="progress" title=${JSON.stringify(unlocksInfo.help)}>
<span>${nextUnlock.title}</span> <span>${nextUnlock.title}</span>
@ -1474,7 +1476,8 @@ function render() {
} }
if (combo > baseCombo()) { if (combo > baseCombo()) {
ctx.globalCompositeOperation = "screen"; // The red should still be visible on a white bg
ctx.globalCompositeOperation = !level.color && level.svg ? "screen" : 'source-over';
ctx.globalAlpha = (2 + combo - baseCombo()) / 50; ctx.globalAlpha = (2 + combo - baseCombo()) / 50;
if (perks.top_is_lava) { if (perks.top_is_lava) {
@ -1760,8 +1763,8 @@ function drawBrick(ctx, color, x, y, squared) {
// It's not easy to have a 1px gap between bricks without antialiasing // It's not easy to have a 1px gap between bricks without antialiasing
} }
function drawRedGradientSquare(ctx, x, y, width, height, redX, redY, blackX, blackY, color = "red",) { function drawRedGradientSquare(ctx, x, y, width, height, redX, redY, blackX, blackY ) {
const key = "gradient" + width + "_" + height + "_" + redX + "_" + redY + "_" + blackX + "_" + blackY + "_" + color; const key = "gradient" + width + "_" + height + "_" + redX + "_" + redY + "_" + blackX + "_" + blackY ;
if (!cachedGraphics[key]) { if (!cachedGraphics[key]) {
const can = document.createElement("canvas"); const can = document.createElement("canvas");
@ -1770,8 +1773,8 @@ function drawRedGradientSquare(ctx, x, y, width, height, redX, redY, blackX, bla
const canctx = can.getContext("2d"); const canctx = can.getContext("2d");
const gradient = canctx.createLinearGradient(redX, redY, blackX, blackY); const gradient = canctx.createLinearGradient(redX, redY, blackX, blackY);
gradient.addColorStop(0, color); gradient.addColorStop(0, "rgba(255,0,0,1)");
gradient.addColorStop(1, "black"); gradient.addColorStop(1, "rgba(255,0,0,0)");
canctx.fillStyle = gradient; canctx.fillStyle = gradient;
canctx.fillRect(0, 0, width, height); canctx.fillRect(0, 0, width, height);
cachedGraphics[key] = can; cachedGraphics[key] = can;
@ -2210,29 +2213,28 @@ async function openSettingsPanel() {
text: ` text: `
<p>Your high score is ${highScore}. In total, you've cought ${ts} coins. Click an upgrade below to start a test run with it (stops after 1 level).</p> <p>Your high score is ${highScore}. In total, you've cought ${ts} coins. Click an upgrade below to start a test run with it (stops after 1 level).</p>
`, `,
actions: [...getPossibleUpgrades() actions: [...upgrades
.sort((a,b)=>a.minimumTotalScore-b.minimumTotalScore) .sort((a, b) => a.threshold - b.threshold)
.map(({ .map(({
originalMax,
name, name,
max, max,
help,id, help, id,
minimumTotalScore threshold
}) => }) => ({
({
text: name, text: name,
help:`${help} (${minimumTotalScore} coins)`, help: help + (ts >= threshold ? '' : `(${threshold} coins)`),
disabled: !max, disabled: ts < threshold,
value: {perks: {[id]: 1}} value: {perks: {[id]: 1}}
})
)
}))
, ,
...allLevels.map((l, li) => { ...allLevels.map((l, li) => {
const threshold=levelTotalScoreCondition(l, li) const threshold = levelTotalScoreCondition(l, li)
const avaliable= ts >= threshold const avaliable = ts >= threshold
return ({ return ({
text: l.name, text: l.name,
help:`A ${l.size}x${l.size} level (${threshold} coins)`, help: `A ${l.size}x${l.size} level` + (avaliable ? '' : `(${threshold} coins)`),
disabled: !avaliable, disabled: !avaliable,
value: {level: l.name} value: {level: l.name}