Fascinated/scoresaber-reloadedv3
Archived
1
1
Fork 0
Code Issues 1 Pull Requests 2 Actions Packages Activity

make score difficulty random

Browse Source
This commit is contained in:
Rainnny7 2024-10-29 16:25:57 -04:00
parent 8814b9881e
commit 5774f51b06
2 changed files with 16 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
projects/website/src/common/song-utils.ts
View File

@ -1,6 +1,6 @@
import { MapDifficulty } from "@ssr/common/score/map-difficulty";
type Difficulty = {
export type Difficulty = {
/**
* The name of the difficulty
*/
@ -63,14 +63,21 @@ export function getScoreBadgeFromAccuracy(acc: number): ScoreBadge {
return scoreBadges[scoreBadges.length - 1];
}
/**
* Get a random difficulty, except ExpertPlus.
*/
export function getRandomDifficulty(): Difficulty {
return difficulties[Math.floor(Math.random() * (difficulties.length - 1))];
}
/**
* Gets a {@link Difficulty} from its name
*
* @param diff the name of the difficulty
* @returns the difficulty
*/
export function getDifficulty(diff: MapDifficulty) {
const difficulty = difficulties.find(d => d.name === diff);
export function getDifficulty(diff: Difficulty | MapDifficulty) {
const difficulty = difficulties.find(d => d.name === (typeof diff === "string" ? diff : diff.name));
if (!difficulty) {
throw new Error(`Unknown difficulty: ${diff}`);
}

11
projects/website/src/components/home/realtime-scores.tsx
View File

@ -1,7 +1,7 @@
import { Database } from "lucide-react";
import { getRandomInteger } from "@/common/utils";
import { GlobeAmericasIcon } from "@heroicons/react/24/solid";
import { getDifficulty } from "@/common/song-utils";
import { Difficulty, getDifficulty, getRandomDifficulty } from "@/common/song-utils";
import { AnimatedList } from "@/components/ui/animated-list";
type ScoreProps = {
@ -28,7 +28,7 @@ let scores: ScoreProps[] = [
songArt: "https://cdn.scoresaber.com/covers/8E4B7917C01E5987A5B3FF13FAA3CA8F27D21D34.png",
songName: "RATATA",
songAuthor: "Skrillex, Missy Elliot & Mr. Oizo",
setBy: "Minion",
setBy: "Rainnny",
},
{
songArt: "https://cdn.scoresaber.com/covers/98F73BD330852EAAEBDC695140EAC8F2027AEEC8.png",
@ -63,7 +63,7 @@ export default function RealtimeScores() {
{/* Content */}
<div className="w-full flex flex-col justify-center items-center">
<AnimatedList className="w-full max-w-[32rem] h-96 divide-y divide-muted overflow-hidden">
<AnimatedList className="w-full max-w-[32rem] h-96 divide-y divide-muted overflow-hidden" delay={1500}>
{scores.map((score, index) => (
<Score key={index} {...score} />
))}
@ -74,6 +74,7 @@ export default function RealtimeScores() {
}
function Score({ songArt, songName, songAuthor, setBy }: ScoreProps) {
const difficulty: Difficulty = getRandomDifficulty();
return (
<figure className="py-2 flex flex-col text-sm">
{/* Set By */}
@ -98,10 +99,10 @@ function Score({ songArt, songName, songAuthor, setBy }: ScoreProps) {
<div
className="absolute inset-x-0 bottom-0 py-px flex justify-center text-xs rounded-t-lg"
style={{
backgroundColor: getDifficulty("Hard").color + "f0", // Transparency value (in hex 0-255)
backgroundColor: getDifficulty(difficulty).color + "f0", // Transparency value (in hex 0-255)
}}
>
Hard
{difficulty.name}
</div>
</div>