
작동하는 임베드 데모
https://parallelkim.github.io/typewriter3js/
Typewriter3.js
깃허브 링크
https://github.com/ParallelKim/typesome
구현하려는 기능
MUST
- [x] 웹페이지에 3D 모델링 렌더링
- [x] 시점 변경 기능
- [x] 자판 터치를 통한 글자 입력 → 종이에 출력
- [x] 오버레이 UI 상호작용으로 2가지 고정 시점 제공
- [x] 키보드의 물리키를 감지해 가상 자판과 똑같이 동작시키기
- [x] 키보드 내려가는 애니메이션 구현
WOULD
- [ ] 모델링의 디테일 올리기
- [ ] 한글 지원
- [ ] 한 페이지를 채우면 종이 뽑혀나가는 디테일 살리기 + 페이지당 줄 제한 두기
- [ ] 종이의 내용 클립보드에 복사 가능하게
- [ ] 사이트를 종료하기 전에 저장할 건지 질문(종료 가드 기능)
- [ ] 결과물 보는 페이지 추가
사용 기술
- React-Typescript
- React-Three-Fiber(+ Drei)
- Zustand
- Vite
일지
1주차
1일차(12-22) - 기본 아이디어 구상
2일차(12-23) - 레이아웃 초안