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_dialog::init())
|
||||||
.plugin(tauri_plugin_shell::init())
|
.plugin(tauri_plugin_shell::init())
|
||||||
.plugin(tauri_plugin_cors_fetch::init())
|
.plugin(tauri_plugin_cors_fetch::init())
|
||||||
.plugin(tauri_plugin_sql::Builder::default().build())
|
|
||||||
.build(tauri::generate_context!())
|
.build(tauri::generate_context!())
|
||||||
.expect("error while building tauri application");
|
.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