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.

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

[feat] 인트로 문구 애니메이션과 비디오 구현 #46

Merged
merged 2 commits into from
Jul 29, 2024

Conversation

darkdulgi
Copy link
Collaborator

@darkdulgi darkdulgi commented Jul 29, 2024

#️⃣ 연관 이슈

📝 작업 내용

첫 진입시 인트로 문구의 애니메이션을 작성했고 새로고침 시 화면 스크롤을 최상단으로 고정하도록 했습니다.
비디오 파일도 첨부하고 마우스 스크롤에 따라 비디오 타임라인도 변경되도록 했습니다. 현재 비디오 재생이 매끄럽게 되지 않는 이슈가 있습니다.

@darkdulgi darkdulgi added the feat 기능 구현 label Jul 29, 2024
Copy link
Collaborator

@lybell-art lybell-art left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

수고하셨읍니다:)

Comment on lines +45 to +49
<img src={vector} />

<div
className={`${style.openVector} w-full h-full bg-white absolute top-0`}
/>
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

나중에 정말로 svg 기반 라인 늘어나는 애니메이션으로 바꿔보시면 아주 재밌습니다

Comment on lines +27 to +29
useEffect(() => {
videoRef.current.currentTime = videoTimeline;
}, [videoTimeline]);
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

비디오 인코딩이 문제가 될 줄이야...

@lybell-art lybell-art merged commit 3220b87 into dev Jul 29, 2024
1 check passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
feat 기능 구현
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants