티스토리 뷰
드디어 블렌더로 3d 기초 모델과 에니메이션을 만들었다! 그리고 three.js에서 클릭시 페이지 넘기기 상호작용도 구현하였다. 텍스쳐를 입히는 작업은 이미 한 번 해봐서 문제 될게 없을거 같다.
물론 아직 모델을 좀 더 손봐야 하지만, 기초적인 틀은 만드는데 성공했다.
블렌더 모델 제작과 에니메이션 생성에 너무 많은 시간을 쏟은거 같다. 책을 제외한 웬만한 메쉬나 기타 등등은 남들이 만들걸 최대한 가져와서 사용할 생각이다.
Todo
1. node.js 에서 생성한 pdf 파일 가져오기 및 각 페이지 별 이미지화 & 이미지화한 파일 페이지 별로 입히기
2. three.js 광원 효과에 대해 공부
3. 책 모델 좀 더 손보기 (뒤로 가는 모션 적용 등)
4. 현재 그래픽 ui를 좀 더 캐주얼 하고 가볍게 변화.
5. 동화책 만들기 로직 좀 더 구체적으로 변경 (사실상 핵심)
6. 책 만들기 ui & ux 구성
7. 코드 리펙토링
'프로젝트 > FairyTaleBook' 카테고리의 다른 글
프론트엔드 Lighthouse를 이용해 최적화 시키기 (with three.js ) (0) | 2023.12.11 |
---|---|
배포에 관하여 (4/4) [cloudRun의 요청 제한 시간 설정 변경] (0) | 2023.05.31 |
배포에 관하여 (2/4) [CloudType의 60초 timeout 504 cors error] (0) | 2023.05.31 |
배포에 관하여 (1/4) [CloudType과 Google CloudRun] (0) | 2023.05.31 |
[20230410] 때아닌 블렌더 공부중.. (0) | 2023.04.10 |
공지사항
최근에 올라온 글
최근에 달린 댓글
- Total
- Today
- Yesterday
링크
TAG
- rollup typescript react
- ts glsl
- react 3d 에니메이션
- 카카오 카드 짝 맞추기 자바스크립트
- typescript gsls
- leva
- 카드 짝 맞추기 javascript
- vue3
- attempted import error: bvh_struct_definitions' is not exported from './gpu/bvhshaderglsl.js' (imported as 'bvhshaderglsl').
- 카카오 카드 짝 맞추기 javascript
- react fiber 3d
- react glsl
- 카드 짝 맞추기 자바스크립트
- Vue.js
- react three fiber
- next.js import glsl
- rollup react.js npm
- react three fiber leva
- react 3d animation
- react 3d text
- next.js glsl
- three.js leva
- eslint
- react leva
- rollup ts react npm
- rollup typescript
- react 3d
- vue
- 카카오 2021 카드 짝 맞추기
- webpack glsl
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
글 보관함