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

Help

Browse source
This commit is contained in:
Renan LE CARO 2025-03-31 20:13:47 +02:00
parent af65f22c70
commit d31f8ef0b4
12 changed files with 124 additions and 115 deletions
Download patch file Download diff file Expand all files Collapse all files

2
src/PWA/sw-b71.js
View file

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

2
src/data/levels.json
View file

@ -1108,4 +1108,4 @@
"color": "",
"credit": "https://prohama.com/balloon-1/"
}
]
]

2
src/data/version.json
View file

@ -1 +1 @@
"29056849"
"29057409"

2
src/game.less
View file

@ -189,7 +189,7 @@ body:not(.has-alert-open) #popup {
button#close-modale {
color: white;
position: absolute;
position: fixed;
top: 0;
right: 0;
width: 60px;

4
src/game.ts
View file

@ -63,7 +63,7 @@ import {
import { isOptionOn, options, toggleOption } from "./options";
import { hashCode } from "./getLevelBackground";
import { hoursSpentPlaying } from "./pure_functions";
import {helpMenuEntry} from "./help";
import { helpMenuEntry } from "./help";
export function play() {
if (applyFullScreenChoice()) return;
@ -556,7 +556,7 @@ export async function openMainMenu() {
openSettingsMenu();
},
},
helpMenuEntry()
helpMenuEntry(),
];
const cb = await asyncAlert<() => void>({

60
src/help.ts
View file

@ -1,23 +1,22 @@
import {allLevels, icons, upgrades} from "./loadGameData";
import {t} from "./i18n/i18n";
import {asyncAlert} from "./asyncAlert";
import {miniMarkDown} from "./pure_functions";
import { allLevels, icons, upgrades } from "./loadGameData";
import { t } from "./i18n/i18n";
import { asyncAlert } from "./asyncAlert";
import { miniMarkDown } from "./pure_functions";
export function helpMenuEntry() {
return {
icon: icons['icon:help'],
text: t('main_menu.help_title'),
help: t('main_menu.help_help'),
async value() {
await asyncAlert({
title:t('main_menu.help_title'),
allowClose:true,
content:[
miniMarkDown(t('main_menu.help_content')),
t('main_menu.help_upgrades'),
...upgrades.map(u=>`
return {
icon: icons["icon:help"],
text: t("main_menu.help_title"),
help: t("main_menu.help_help"),
async value() {
await asyncAlert({
title: t("main_menu.help_title"),
allowClose: true,
content: [
miniMarkDown(t("main_menu.help_content")),
t("main_menu.help_upgrades"),
...upgrades.map(
(u) => `
<div class="upgrade used">
${u.icon}
<p>
@ -27,22 +26,25 @@ export function helpMenuEntry() {
</div>
${miniMarkDown(u.fullHelp)}
`),
miniMarkDown(t('main_menu.credits')),
`,
),
miniMarkDown(t("main_menu.credits")),
t('main_menu.credit_levels'),
...allLevels.filter(l=>l.credit?.startsWith('http')).map(l=>`
t("main_menu.credit_levels"),
...allLevels
.filter((l) => l.credit?.startsWith("http"))
.map(
(l) => `
<div class="upgrade used">
${icons[l.name]}
<p>
<strong>${l.name}</strong><br/>
<a href="${l.credit}" target="_blank">${l.credit}</a>
</p>
</div>`)
]
})
}
}
</div>`,
),
],
});
},
};
}

6
src/level_editor/levels_editor.less
View file

@ -33,12 +33,12 @@ body {
& > div {
display: grid;
grid-template-columns: auto auto;
grid-template-areas: "name credits" "buttons bricks";
.name{
grid-template-areas: "name credits" "buttons bricks";
.name {
grid-area: name;
width: 100px;
}
.credits{
.credits {
grid-area: credits;
}

14
src/level_editor/levels_editor.tsx
View file

@ -53,7 +53,7 @@ function App() {
>
<div id={"levels"}>
{levels.map((level, li) => {
const { name,credit, bricks, size, svg, color } = level;
const { name, credit, bricks, size, svg, color } = level;
const brickButtons = [];
for (let x = 0; x < size; x++) {
@ -97,23 +97,19 @@ function App() {
return (
<div key={li}>
<input
className={"name"}
className={"name"}
type="text"
value={name}
onChange={(e) => updateLevel(li, { name: e.target.value })}
/>
<input
className={"credit"}
className={"credit"}
type="text"
value={credit||''}
value={credit || ""}
onChange={(e) => updateLevel(li, { credit: e.target.value })}
/>
<div
className={"buttons"}
>
<div className={"buttons"}>
<button onClick={() => deleteLevel(li)}>Delete</button>
<button onClick={() => updateLevel(li, resizeLevel(level, -1))}>
-

93
src/pure_functions.ts
View file

@ -1,54 +1,67 @@
export function clamp(value: number, min: number, max: number) {
return Math.max(min, Math.min(value, max));
return Math.max(min, Math.min(value, max));
}
export function comboKeepingRate(level: number) {
return clamp(1 - (1 / (1 + level)) * 1.5, 0, 1);
return clamp(1 - (1 / (1 + level)) * 1.5, 0, 1);
}
export 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;
}
try {
const timePlayed =
localStorage.getItem("breakout_71_total_play_time") || "0";
return Math.floor(parseFloat(timePlayed) / 1000 / 60 / 60);
} catch (e) {
return 0;
}
}
export function miniMarkDown(md: string) {
let html = []
let lastNode = null
let html: { tagName: string; text: string }[] = [];
let lastNode: { tagName: string; text: string } | null = null;
md.split('\n').forEach(line => {
md.split("\n").forEach((line) => {
const titlePrefix = line.match(/^#+ /)?.[0];
const titlePrefix = line.match(/^#+ /)?.[0]
if (titlePrefix) {
if (lastNode) html.push(lastNode)
lastNode = {tagName: 'h' + (titlePrefix.length - 1), text: line.slice(titlePrefix.length)}
} else if (line.startsWith('- ')) {
if (lastNode?.tagName !== 'ul') {
if (lastNode)
html.push(lastNode)
lastNode = {tagName: 'ul', text: ''}
}
lastNode.text+='<li>' +line.slice(2) + '</li>'
} else if (!line.trim()) {
if (lastNode) html.push(lastNode)
lastNode=null
} else {
if (lastNode?.tagName!=='p') {
if(lastNode)
html.push(lastNode)
lastNode={tagName: 'p', text: ''}
}
lastNode.text+= line+' '
}
})
if(lastNode){
html.push(lastNode)
if (titlePrefix) {
if (lastNode) html.push(lastNode);
lastNode = {
tagName: "h" + (titlePrefix.length - 1),
text: line.slice(titlePrefix.length),
};
} else if (line.startsWith("- ")) {
if (lastNode?.tagName !== "ul") {
if (lastNode) html.push(lastNode);
lastNode = { tagName: "ul", text: "" };
}
lastNode.text += "<li>" + line.slice(2) + "</li>";
} else if (!line.trim()) {
if (lastNode) html.push(lastNode);
lastNode = null;
} else {
if (lastNode?.tagName !== "p") {
if (lastNode) html.push(lastNode);
lastNode = { tagName: "p", text: "" };
}
lastNode.text += line + " ";
}
return html.map(h=>'<'+h.tagName+'>'+h.text.replace(/\bhttps?:\/\/[^\s<>]+/gi,a=>`<a href="${a}">${a}</a>`)+'</'+h.tagName+'>').join('\n')
});
if (lastNode) {
html.push(lastNode);
}
return html
.map(
(h) =>
"<" +
h.tagName +
">" +
h.text.replace(
/\bhttps?:\/\/[^\s<>]+/gi,
(a) => `<a href="${a}">${a}</a>`,
) +
"</" +
h.tagName +
">",
)
.join("\n");
}