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