HugeFrog24/shakethefrog
1
0
Fork 0
mirror of https://github.com/HugeFrog24/shakethefrog.git synced 2026-05-01 07:02:18 +00:00
Code Issues Packages Projects Releases Wiki Activity

OK

Browse Source
This commit is contained in:
HugeFrog24
2026-04-26 17:59:01 +02:00
parent 02bb07e780
commit d5e7f8398e
2 changed files with 49 additions and 30 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/[locale]/page.tsx
+19 -19
View File
@@ -34,9 +34,9 @@ export default function Home() {
const bumpAudio = useShakeAudio();
const requestMotionPermission = async () => {
if (typeof window === 'undefined') return;
if (globalThis.window === undefined) return;
if (!('DeviceMotionEvent' in window)) {
if (!('DeviceMotionEvent' in globalThis)) {
setMotionPermission('denied');
return;
}
@@ -57,7 +57,15 @@ export default function Home() {
const triggerShake = useCallback((intensity: number) => {
bumpAudio();
if (!isAnimatingRef.current) {
if (isAnimatingRef.current) {
const timeSinceStart = Date.now() - animationStartTimeRef.current;
if (timeSinceStart > 100) {
setShakeQueue(prev => {
if (prev.length >= 1) return prev;
return [...prev, intensity];
});
}
} else {
if (animationTimeoutRef.current) {
clearTimeout(animationTimeoutRef.current);
}
@@ -86,14 +94,6 @@ export default function Home() {
return prev;
});
}, shakeConfig.animations.shakeReset);
} else {
const timeSinceStart = Date.now() - animationStartTimeRef.current;
if (timeSinceStart > 100) {
setShakeQueue(prev => {
if (prev.length >= 1) return prev;
return [...prev, intensity];
});
}
}
}, [bumpAudio]);
@@ -108,7 +108,7 @@ export default function Home() {
const acceleration = event.accelerationIncludingGravity;
if (!acceleration) return;
const currentTime = new Date().getTime();
const currentTime = Date.now();
const timeDiff = currentTime - lastUpdate;
if (timeDiff > shakeConfig.debounceTime) {
@@ -124,19 +124,19 @@ export default function Home() {
}
};
if (typeof window !== 'undefined') {
if (motionPermission === 'granted' && 'DeviceMotionEvent' in window) {
window.addEventListener('devicemotion', handleMotion);
if (globalThis.window !== undefined) {
if (motionPermission === 'granted' && 'DeviceMotionEvent' in globalThis) {
globalThis.addEventListener('devicemotion', handleMotion);
}
window.addEventListener('keydown', handleKeyPress);
globalThis.addEventListener('keydown', handleKeyPress);
}
return () => {
if (typeof window !== 'undefined') {
if (globalThis.window !== undefined) {
if (motionPermission === 'granted') {
window.removeEventListener('devicemotion', handleMotion);
globalThis.removeEventListener('devicemotion', handleMotion);
}
window.removeEventListener('keydown', handleKeyPress);
globalThis.removeEventListener('keydown', handleKeyPress);
}
};
}, [lastUpdate, motionPermission, triggerShake]);