React.js를 활용하여 구현한 테트리스 게임 입니다.
Github Pages 링크에서 확인할 수 있습니다.
1. 블록(Block)
- 초기 블록은 게임판(Board) 최상단 중앙에서 움직이기 시작
- 0.3초(300ms)마다 1칸씩 하단으로 이동
- 마우스 위치에 따라 하단으로 이동하며 좌,우로 수평 이동 조절 가능
- 마우스위치는 3가지로 분류,
1.블록의 왼쪽
2.블록의 오른쪽
3.블록영역
- 블록의 위치가 게임판 바닥 및 쌓인 블록(Stock)에 쌓였을 때,
해당 블록은 쌓인 블록(Stock)이 되며, 새로운 블록이 떨어지기 시작
2. 게임판(Board)
- 블록이 쌓인경우, 채워진 Line을 확인하고 해당 Line을 삭제합니다.
- 삭제한 Line의 개수만큼 score를 올립니다.(line 1개 === 10점)
3. 제어부(Control)
- 게임의 시작, 종료, 초기화를 제어합니다.
- 게임 초기화 시 best 점수에는 가장 높은 점수를 기록합니다.
"react-redux": "^7.2.5",
"react-scripts": "4.0.3",
"redux": "^4.1.1",
"redux-actions": "^2.6.5",
"redux-thunk": "^2.3.0",