Untitled

작동하는 임베드 데모

https://parallelkim.github.io/typewriter3js/

깃허브 링크

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) - 레이아웃 초안