partypages/lan-2022-10
2
0
Fork 0
forked from partypages/party-template
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Fix overlap, Add memes
All checks were successful
continuous-integration/drone/push Build is passing
Details

Browse Source
This commit is contained in:
Kai Vogelgesang 2022-10-11 15:39:19 +02:00
parent 822f97de4d
commit 316c92ecd0
1 changed files with 24 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

32
src/MatrixBackground.tsx
View File

@ -33,7 +33,9 @@ const ALPHABET = (() => {
const MEMES = [ const MEMES = [
"ABFAHRT", "ABFAHRT",
"BALLERN", "BALLERN",
"NOSLEEP", "NO SLEEP",
"ZOCKEN ALTER",
"MEGA KRASSE LAN",
"ｱﾔﾔｱﾔﾔ", // Ayaya Ayaya "ｱﾔﾔｱﾔﾔ", // Ayaya Ayaya
"ｵﾏｴﾊﾓｳｼﾝﾃｲﾙ", // Omae wa mou shindeiru "ｵﾏｴﾊﾓｳｼﾝﾃｲﾙ", // Omae wa mou shindeiru
] ]
@ -86,11 +88,22 @@ function randomTrail(): Trail {
// Pick and add a random meme // Pick and add a random meme
const meme = choice(MEMES); const meme = choice(MEMES);
content.push({
chars: meme, // If the meme has spaces, replace them with random characters
fillStyle: MEME_STYLE, // This also places a random character after the meme, ensuring
}); // that two memes don't come immediately after each other
totalLength += meme.length; for (let chunk of meme.split(" ")) {
content.push({
chars: chunk,
fillStyle: MEME_STYLE,
});
content.push({
chars: choice(ALPHABET),
fillStyle: NORMAL_STYLE,
});
}
totalLength += meme.length + 1;
} else { } else {
// No meme, just add one random character // No meme, just add one random character
current += choice(ALPHABET); current += choice(ALPHABET);
@ -160,9 +173,11 @@ const MatrixBackground = () => {
continue; continue;
} }
// draw the character // draw the character, overwriting any that are already there
ctx.fillStyle = (idx === trail.head ? HEAD_STYLE : item.fillStyle);
const y = idx * CHAR_HEIGHT; const y = idx * CHAR_HEIGHT;
ctx.fillStyle = "#000";
ctx.fillRect(x, y - CHAR_HEIGHT, CHAR_WIDTH, CHAR_HEIGHT);
ctx.fillStyle = (idx === trail.head ? HEAD_STYLE : item.fillStyle);
ctx.fillText(char, x, y); ctx.fillText(char, x, y);
idx += 1; idx += 1;
@ -177,6 +192,7 @@ const MatrixBackground = () => {
if (trails[i].head - trails[i].length > ROWS) { if (trails[i].head - trails[i].length > ROWS) {
// trail is completely off-screen, generate a new one // trail is completely off-screen, generate a new one
trails[i] = randomTrail(); trails[i] = randomTrail();
trails[i].head = 0;
} }
} }
} }