개요

웹 페이지에서 3d 공간과 작동하는 타자기 구현해보기

목표

1. 간단한 3D 모델링을 직접 해보면서 모델링 툴에 익숙해지기
   1. 1순위 마야, 마야가 어렵다면 2순위는 블렌더
   2. 만들어야 할 오브젝트 : 타자기 틀, 한글 자판, 영어 자판, 종이(자연스럽게 휘어지게)
2. 웹페이지 상에서 3D 오브젝트를 렌더링하는 라이브러리 이용해 인터랙티브 웹 페이지 만들기
   1. 서버 필요 없음. 유저 정보, 이전 작업 기록하지 않음(github 이용해 배포? firebase?).
   2. 1순위 Three.js. 우선은 다른 라이브러리 고려하지 않고, 이후 필요시 검토
      • r3f - https://www.mornhee.works/talk/three-js-vs-react-three-fiber
   3. 개발 프레임워크는 당연히 리액트로 진행

필요 기능

1. 웹페이지에 3D 모델링 렌더링
2. 마우스를 이용해서 돌려볼 수 있게(정면으로 돌아가는 버튼 + 잠금버튼) + 확대 가능하도록
3. 키보드와 자판 터치를 통한 타자 입력 + 종이에 출력(종이 흔들리는 디테일 살리기)
4. 한 영 전환시 키 돌아가면서 한글 자판 나타남(키보드를 타자기 모양으로 옮기기)
5. 한 페이지를 채우면 종이 뽑혀나가는 디테일 살리기 + 한 페이지 넘었는지 감지 필요
6. 사이트를 종료하기 전에 저장할 건지 질문

목표 기간

2주(마감: 1월 5일)