Mirrors/movie-web
2
0
Fork 0
mirror of https://github.com/movie-web/movie-web.git synced 2024-06-03 03:48:45 +02:00
Code Issues Packages Projects Releases Wiki Activity

https://youtu.be/G4MV9Q83zaY Add santa hats

Browse Source
This commit is contained in:
Jip Fr 2023-12-14 21:54:05 +01:00
parent b00c89906e
commit 8e0f385024
2 changed files with 23 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
public/lightbar-images/santa.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 92 KiB

32
src/components/utils/Lightbar.tsx
View File

@ -142,30 +142,44 @@ function ParticlesCanvas() {
let imageParticleCount = particleCount;
// Holiday overrides
let imageOverride;
let sizeRange;
let imageOverride: { image: string; sizeRange?: [number, number] }[] = [];
const date = new Date();
const month = date.getMonth();
const day = date.getDate();
if (month === 11 && day >= 24 && day <= 26) {
imageOverride = "/lightbar-images/snowflake.svg";
sizeRange = [4, 15] as [number, number];
if (month === 11 && day >= 12 && day <= 26) {
imageOverride = [
{
image: "/lightbar-images/snowflake.svg",
sizeRange: [4, 15] as [number, number],
},
{
image: "/lightbar-images/santa.png",
sizeRange: [15, 30] as [number, number],
},
];
}
// Fish easter egg
const shouldShowFishie = Math.floor(Math.random() * 600) === 1;
if (shouldShowFishie) {
imageOverride = "/lightbar-images/fishie.png";
imageOverride = [
{
image: "/lightbar-images/fishie.png",
sizeRange: [10, 11] as [number, number],
},
];
imageParticleCount = particleCount / 2;
sizeRange = [10, 11] as [number, number];
}
// HOIST THE SAIL (of particles)!
for (let i = 0; i < particleCount; i += 1) {
const isImageParticle = imageOverride && i <= imageParticleCount;
const randomImageIndex = Math.floor(Math.random() * imageOverride.length);
const sizeRange = imageOverride[randomImageIndex]?.sizeRange;
const src = imageOverride[randomImageIndex]?.image;
const particle = new Particle(canvas, {
imgSrc: isImageParticle ? imageOverride : undefined,
horizontalMotion: imageOverride?.includes("fishie"),
imgSrc: isImageParticle ? src : undefined,
horizontalMotion: src?.includes("fishie"),
sizeRange,
});
particles.push(particle);