Winter wonderland는 창밖으로 눈이 내리는 겨울 풍경을 구현한 인터랙티브 3d web입니다. 눈이 내려 어둑해지고 흐릿한 배경을 뒤로, 귀여운 눈사람과 겨울 분위기를 즐길 수 있어요. 사용자들은 음악을 듣거나 눈 내리는 풍경을 바라보며 눈을 치울수 도 있습니다. 모바일로도 접속 가능합니다.
Winter Wonderland is an interactive 3D web application that simulates the winter scenery with snow falling outside the window. As snow falls and the background becomes darker and hazy, users can enjoy a cute snowman and immerse themselves in the winter atmosphere. Users have the option to listen to music or clear the snow while observing the falling snowflakes. The application is accessible on mobile devices as well.
- 눈이 계속 내립니다.
- Snow continues to fall.
- 사용자는 창틀에 쌓인 눈을 치울 수 있습니다. 약 1분 정도의 시간이 지날 때마다 새로운 눈이 쌓여요.
- Users can clear the snow piled on the window sill. New snow accumulates approximately every minute.
- 캐롤 음악을 재생할 수 있습니다.
- Users can play festive carol music.
- 선물을 눌러 방명록을 남길 수 있습니다.
- By clicking on a gift, users can leave comments in the guestbook.
Next.js (14.0.4)@react-three/drei (^9.92.5)@react-three/fiber (^8.15.12)@react-three/postprocessing (^2.15.11)tailwindcss (^3.3.0)typescript (^5)
FigmaBlender3D
supabase
- .env 파일을 만들고, 환경변수를 작성합니다.
yarn명령어로 패키지를 설치합니다.yarn run dev명령어로 로컬에서 프로젝트를 실행합니다.