Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[Deploy] version 0.1.1 #70

Merged
merged 9 commits into from
Aug 23, 2024
Merged

[Deploy] version 0.1.1 #70

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
9 commits
Select commit Hold shift + click to select a range
a2e57bb
fix: http에서 클립보드 api 사용 못해서 발생하는 버그 수정
minani-0621 Aug 23, 2024
9eef881
Merge pull request #66 from softeerbootcamp4th/hotfix/clipboard
minani-0621 Aug 23, 2024
705f242
style: 불필요한 코드 삭제
minani-0621 Aug 23, 2024
835a240
fix: FindingGameLandingPage UI 버그 수정
minani-0621 Aug 23, 2024
0901dcb
Merge pull request #67 from softeerbootcamp4th/hotfix/clipboard
minani-0621 Aug 23, 2024
caa79a4
fix: 레이싱 게임 스페이스바 이벤트 리스너를 document에 직접 걸지 않고 frontRef를 통해서 등록
minani-0621 Aug 23, 2024
606201f
Merge pull request #68 from softeerbootcamp4th/hotfix/racingGameSpacebar
minani-0621 Aug 23, 2024
29b0e98
fix: 레이싱 게임 스페이스바 이벤트리스너를 기존에 document에 걸었던 상태로 롤백
minani-0621 Aug 23, 2024
acbf9cf
Merge pull request #69 from softeerbootcamp4th/hotfix/racingGameSpace…
minani-0621 Aug 23, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
72 changes: 45 additions & 27 deletions Caecae/src/components/RacingGame/RacingGame.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -99,16 +99,6 @@ const RacingGame: React.FC = () => {
}, fadeInterval);
};

const handleSpacebar = (event: KeyboardEvent) => {
if (event.code === "Space" && state.gameStatus === "playing" && !animationCompletedRef.current) {
// animationCompletedRef.current = true
event.preventDefault();
document.removeEventListener("keydown", handleSpacebar);

handleSmoothlyStop();
}
};

const handlePlayGame = () => {
stopingMusicReset();
playingMusicPlay();
Expand Down Expand Up @@ -160,25 +150,44 @@ const RacingGame: React.FC = () => {
const baseShareUrl = "http://www.caecae.kro.kr/a/"
const shareUrl = baseShareUrl + shortUrl;

navigator.clipboard.writeText(shareUrl)
.then(() => {
setShowMessage(true);

let textArea = document.createElement("textarea");
textArea.value = shareUrl;

textArea.style.position = "fixed";
textArea.style.left = "-9999px";
textArea.style.top = "-9999px";

document.body.appendChild(textArea);
textArea.select();

return new Promise((res, rej) => {
if (document.execCommand('copy')) {
res(shareUrl)
}else {
rej();
}
textArea.remove();
}).then(() => {
setShowMessage(true);

setTimeout(() => {
setAnimate(true);

setTimeout(() => {
setAnimate(true);
setAnimate(false);

setTimeout(() => {
setAnimate(false);

setTimeout(() => {
setShowMessage(false);
setIsAnimating(false);
}, 500);

}, 3000);
}, 10);
});
setShowMessage(false);
setIsAnimating(false);
}, 500);

}, 3000);

}, 10);
}).catch((error) => {
console.error("클립보드 복사 실패:", error);
setIsAnimating(false);
});
}catch(error) {
console.error("단축 Url api 호출 실패:", error);
}
Expand All @@ -187,6 +196,15 @@ const RacingGame: React.FC = () => {
fetchData();
}

const handleSpacebar = (event: KeyboardEvent) => {
if (event.code === "Space" && state.gameStatus === "playing" && !animationCompletedRef.current) {
event.preventDefault();
document.removeEventListener("keydown", handleSpacebar);

handleSmoothlyStop();
}
};

useEffect(() => {
const frontBackgroundImg = new Image();
frontBackgroundImg.src = frontBackground;
Expand Down
52 changes: 34 additions & 18 deletions Caecae/src/features/FindingGameLanding/LadingPageTitle.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -14,32 +14,48 @@ const LadingPageTitle = ({ onClick }: LadingPageTitleProps) => {
setIsAnimating(true);
const url: string = window.location.href;

navigator.clipboard
.writeText(url)
.then(() => {
setShowMessage(true);
let textArea = document.createElement("textarea");
textArea.value = url;

textArea.style.position = "fixed";
textArea.style.left = "-9999px";
textArea.style.top = "-9999px";

document.body.appendChild(textArea);
textArea.select();

return new Promise((res, rej) => {
if (document.execCommand('copy')) {
res(url)
}else {
rej();
}
textArea.remove();
}).then(() => {
setShowMessage(true);

setTimeout(() => {
setAnimate(true);

setTimeout(() => {
setAnimate(true);
setAnimate(false);

setTimeout(() => {
setAnimate(false);
setShowMessage(false);
setIsAnimating(false);
}, 500);

setTimeout(() => {
setShowMessage(false);
setIsAnimating(false);
}, 500);
}, 3000);
}, 10);
})
.catch((err: Error) => {
console.error("URL 복사에 실패했습니다.", err);
setIsAnimating(false);
});
}, 3000);

}, 10);
}).catch((err: Error) => {
console.error('URL 복사에 실패했습니다.', err);
setIsAnimating(false);
});
};
return (
<>
<div className="flex w-screen h-screen justify-center items-center relative overflow-hidden min-h-[950px]">
<div className="flex w-full h-screen justify-center items-center relative overflow-hidden min-h-[950px]">
<div className="absolute z-20 flex flex-col items-center h-screen justify-center min-h-[950px]">
<p className="text-[#CCCCCC] text-[20px]">
<span className="font-bold text-[white]">CASPER Electric</span> 신차
Expand Down
51 changes: 33 additions & 18 deletions Caecae/src/features/RacingGameLanding/EventIntro.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -15,29 +15,44 @@ const EventIntro: React.FC<EventIntroProps> = ({isEventOpen}) => {
setIsAnimating(true);
const url: string = window.location.href;

navigator.clipboard.writeText(url)
.then(() => {
setShowMessage(true);
let textArea = document.createElement("textarea");
textArea.value = url;

textArea.style.position = "fixed";
textArea.style.left = "-9999px";
textArea.style.top = "-9999px";

document.body.appendChild(textArea);
textArea.select();

return new Promise((res, rej) => {
if (document.execCommand('copy')) {
res(url)
}else {
rej();
}
textArea.remove();
}).then(() => {
setShowMessage(true);

setTimeout(() => {
setAnimate(true);

setTimeout(() => {
setAnimate(true);
setAnimate(false);

setTimeout(() => {
setAnimate(false);

setTimeout(() => {
setShowMessage(false);
setIsAnimating(false);
}, 500);
setShowMessage(false);
setIsAnimating(false);
}, 500);

}, 3000);

}, 10);
})
.catch((err: Error) => {
console.error('URL 복사에 실패했습니다.', err);
setIsAnimating(false);
});
}, 3000);

}, 10);
}).catch((err: Error) => {
console.error('URL 복사에 실패했습니다.', err);
setIsAnimating(false);
});
};

const checkEventOpen = () => {
Expand Down
Loading