Notice
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
Tags
- Next.js
- react native
- GIT
- firebase 라이브러리
- Access Key 생성
- img upload
- react native 개발
- 백준
- babel.config.js
- error
- s3 upload
- 에러
- 문자열 대소문자 구별
- react native picker
- fire base
- react native 세팅
- React
- Project
- js
- aws bucket 정책
- 문자열 대소문자
- 리액트
- AWS Access Key
- PongWorld
- AWS
- react native font
- react native CLI
- 리엑트 네이티브 아이콘
- 리액트 네이티브
- 리액트 네이티브 에러
Archives
- Today
- Total
목록2024/10/23 (1)
밝을희 클태
React에서 Canvas 태그로 구현한 애니메이션: Lerp와 벡터 활용
HTML의 캔버스 태그를 공부해 보고 싶었는데 뭘 만들까 생각하다가 어둠 속에서 도라에몽을 찾는 게임을 만들고 싶어졌다.기초는 공식 문서랑 어떤 분이 작성한 개발 블로그를 보고 어느 정도 canvas 태그에 대해 익숙해지고 본격적으로 구현에 들어갔다. 일단 가장 먼저 스트라이트 시트를 골라야 한다스프라이트 시트(sprite sheet)는 여러 개의 작은 그래픽을 그리드(grid)에 정렬하여 구성한 비트맵 이미지 파일이다.게임 개발에서 캐릭터의 연속적인 키 포즈를 한 장의 이미지에 구성하여 2D 애니메이션 제작에 사용된다. 나는 도라에몽 스프라이트 시트를 골랐다. 처음에 아래의 이미지를 무료로 받고 사용하려는데 캐릭터의 움직이는 애니메이션을 구현하고 나니 지진이 났다. 내가 잘 못 그렸나 싶었는데 그냥 스..
사이드 프로젝트/도라에몽 잡기 [React]
2024. 10. 23. 20:31