chore: remove unneeded component and tauri app register
This commit is contained in:
@@ -67,7 +67,6 @@ pub fn run() {
|
||||
.plugin(tauri_plugin_dialog::init())
|
||||
.plugin(tauri_plugin_shell::init())
|
||||
.plugin(tauri_plugin_cors_fetch::init())
|
||||
.plugin(tauri_plugin_sql::Builder::default().build())
|
||||
.build(tauri::generate_context!())
|
||||
.expect("error while building tauri application");
|
||||
|
||||
|
@@ -1,150 +0,0 @@
|
||||
<script lang="ts">
|
||||
import ezppLogo from '../../../../assets/logo.png';
|
||||
import { osudirect } from '@/api/osudirect';
|
||||
import { gameSounds } from '@/utils';
|
||||
import { BeatmapDecoder } from 'osu-parsers';
|
||||
import { onMount } from 'svelte';
|
||||
|
||||
type logoProps = {
|
||||
beatmapId: number;
|
||||
extended: boolean;
|
||||
onclick: () => void;
|
||||
};
|
||||
|
||||
let { beatmapId, extended, onclick }: logoProps = $props();
|
||||
|
||||
let hovered = $state(false);
|
||||
let bpm = $state(150); // 1000 * 60 / bpm
|
||||
let lastTimeout: number | undefined = undefined;
|
||||
|
||||
onMount(async () => {
|
||||
gameSounds.preload();
|
||||
|
||||
const beatmapData = await osudirect.osu(beatmapId);
|
||||
if (beatmapData) {
|
||||
const decoder = new BeatmapDecoder();
|
||||
const beatmap = decoder.decodeFromString(beatmapData);
|
||||
console.log(beatmap);
|
||||
|
||||
const audio = new Audio(`https://osu.direct/api/media/audio/${beatmapId}`);
|
||||
audio.volume = 0.3;
|
||||
|
||||
// Function to play the heartbeat sound
|
||||
const playHeartbeat = () => {
|
||||
gameSounds.play('menuHeartbeat', {
|
||||
volume: hovered ? 1 : 0.3,
|
||||
});
|
||||
};
|
||||
|
||||
// Function to synchronize the heartbeat with the song
|
||||
const syncHeartbeat = () => {
|
||||
const currentTime = audio.currentTime * 1000 - 25; // Convert to milliseconds
|
||||
const timingPoint = beatmap.controlPoints.timingPointAt(currentTime);
|
||||
const timingPointTime = timingPoint.startTime;
|
||||
console.log(currentTime, timingPointTime);
|
||||
if (timingPoint && bpm !== timingPoint.bpm) {
|
||||
bpm = timingPoint.bpm;
|
||||
|
||||
if (lastTimeout) window.clearTimeout(lastTimeout);
|
||||
|
||||
const interval = (1000 * 60) / bpm; // Interval in milliseconds
|
||||
const nextBeat = currentTime % interval; // Invert: time since last beat
|
||||
|
||||
// Schedule the next heartbeat at the correct time
|
||||
lastTimeout = window.setTimeout(() => {
|
||||
playHeartbeat();
|
||||
// Clear any previous interval
|
||||
if (lastTimeout) {
|
||||
window.clearInterval(lastTimeout);
|
||||
lastTimeout = undefined;
|
||||
}
|
||||
if (!lastTimeout) lastTimeout = window.setInterval(playHeartbeat, interval);
|
||||
}, nextBeat);
|
||||
}
|
||||
// Continue syncing
|
||||
requestAnimationFrame(syncHeartbeat);
|
||||
};
|
||||
|
||||
// Wait for audio to be ready before starting playback and syncing
|
||||
audio.addEventListener('canplay', async () => {
|
||||
audio.addEventListener('play', syncHeartbeat);
|
||||
audio.addEventListener('ended', async () => await audio.play());
|
||||
await audio.play();
|
||||
syncHeartbeat();
|
||||
});
|
||||
}
|
||||
});
|
||||
</script>
|
||||
|
||||
<div
|
||||
class="w-screen {extended
|
||||
? hovered
|
||||
? '-translate-y-1 scale-100'
|
||||
: '-translate-y-1 scale-90'
|
||||
: hovered
|
||||
? 'translate-y-5 scale-150'
|
||||
: 'translate-y-5 scale-125'} transition-transform select-none"
|
||||
>
|
||||
<!-- svelte-ignore a11y_click_events_have_key_events -->
|
||||
<!-- svelte-ignore a11y_no_static_element_interactions -->
|
||||
<div
|
||||
class="logo-animation relative w-44 h-44 mx-auto cursor-pointer"
|
||||
onmouseenter={() => (hovered = true)}
|
||||
onmouseleave={() => (hovered = false)}
|
||||
onclick={() => {
|
||||
if (extended) {
|
||||
gameSounds.play('menuBack');
|
||||
} else {
|
||||
gameSounds.play('menuHit');
|
||||
}
|
||||
onclick();
|
||||
}}
|
||||
>
|
||||
<img
|
||||
class="absolute pulse-logo"
|
||||
style="animation-duration: {(1000 * 60) / bpm}ms;"
|
||||
src={ezppLogo}
|
||||
alt="logo-pulse"
|
||||
/>
|
||||
<img
|
||||
class="absolute main-logo"
|
||||
style="animation-duration: {(1000 * 60) / bpm}ms;"
|
||||
src={ezppLogo}
|
||||
alt="logo"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<style lang="scss">
|
||||
.logo-animation {
|
||||
.pulse-logo {
|
||||
animation: 0.5s 0.2s infinite forwards beat-pulse;
|
||||
}
|
||||
.main-logo {
|
||||
animation: 0.5s infinite forwards beat;
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes beat {
|
||||
0%,
|
||||
100% {
|
||||
scale: 1;
|
||||
}
|
||||
90% {
|
||||
scale: 1.08;
|
||||
}
|
||||
}
|
||||
@keyframes beat-pulse {
|
||||
0%,
|
||||
10% {
|
||||
scale: 0.5;
|
||||
opacity: 0.5;
|
||||
filter: blur(0px);
|
||||
}
|
||||
100% {
|
||||
scale: 1.4;
|
||||
opacity: 0;
|
||||
filter: blur(2px);
|
||||
}
|
||||
}
|
||||
</style>
|
Reference in New Issue
Block a user