벽돌깨기 게임

패들로 공을 튕겨내 모든 벽돌을 깨보세요!

점수: 0남은 기회: 3

마우스를 움직이거나 화면을 터치해 드래그하거나 방향키(←/→)로 패들을 조작하세요. P 키로 일시정지합니다.

공의 움직임부터 이해하기

이 벽돌깨기는 공이 단 하나이고, 공의 방향이 늘 가로 3px·세로 3px 조합이라는 점이 가장 큰 특징입니다. 공은 벽이나 벽돌, 패들에 닿을 때 한 축의 부호만 뒤집을 뿐 속도를 바꾸지 않으므로 이동 경로는 언제나 45도 대각선입니다. 패들의 가운데에 맞든 끝자락에 맞든 되튀는 각도가 같고, 공이 점점 빨라지지도 않습니다. 그래서 이 게임에서 패들 조작의 목표는 "각도 조절"이 아니라 "공이 내려올 자리를 미리 읽어 거기에 서 있기"입니다. 화면은 480×400 캔버스이고 게임은 초당 60번 갱신되며, 모니터 주사율이 달라도 속도는 같습니다.

코드에서 읽은 물리 수치

항목값
공이 한 프레임에 가는 거리가로 3px, 세로 3px (대각선 약 4.24px)
초당 이동 거리각 축 180px, 대각선 약 255px
키보드 패들 속도5px/프레임 = 초당 300px
패들이 화면 끝에서 끝까지(키보드)80프레임 = 1.33초
공이 좌우 벽 사이를 한 번 건너는 시간156프레임 = 2.60초
패들 높이에서 천장까지 올라가는 시간약 125프레임 = 2.08초
공이 패들 폭(80px)을 가로지르는 시간약 26.7프레임

키보드 패들 속도(초당 300px)가 공의 가로 속도(초당 180px)보다 빠르기 때문에 키보드만으로도 공의 낙하 지점을 늘 따라갈 수 있습니다. 마우스나 터치는 패들 중심이 포인터 위치로 즉시 이동하므로 속도 제약이 없습니다. 패들은 화면 밖으로 나가지 않도록 양쪽 끝에서 멈춥니다.

벽돌 배치와 도달 시간

벽돌은 8열×5줄, 모두 40개이고 한 개당 1점이라 만점은 40점입니다. 한 번 맞으면 사라지며 내구도가 2 이상인 벽돌이나 아이템은 없습니다. 벽돌 한 칸은 52×18px이고 사이에 4px 틈이 있으며, 전체 폭은 444px로 왼쪽 18px에서 시작해 오른쪽 462px에서 끝나 양쪽 여백이 같습니다. 아래 표는 공이 패들에서 튕긴 뒤 각 줄의 아랫면에 이르기까지의 시간입니다(공 중심 기준, 벽에 부딪히지 않고 직진한다고 가정).

위에서부터색세로 범위(px)도달 프레임도달 시간(초)
1번째 줄빨강40 ~ 581081.79
2번째 줄주황62 ~ 801001.67
3번째 줄노랑84 ~ 102931.54
4번째 줄초록106 ~ 124861.42
5번째 줄파랑128 ~ 146781.30

공의 판정은 반지름 6px의 원이 아니라 중심점만 사용합니다. 중심이 벽돌 사각형 안에 들어와야 맞은 것으로 처리되므로 공이 벽돌 모서리를 살짝 파고든 뒤 튕겨 나오는 것처럼 보일 수 있습니다. 패들도 마찬가지로 공의 중심이 패들 폭(80px) 안에 있어야 받아낸 것으로 보고, 공이 패들 위로 겨우 걸친 정도라도 중심이 밖이면 놓친 것입니다.

판정 규칙 정리

패들을 얼마나 일찍 움직여야 하는가

공의 가로 속도는 프레임당 3px, 키보드 패들은 프레임당 5px입니다. 패들 중심이 낙하 지점에서 좌우 40px 안에만 있으면 받아내므로, 공이 13.3프레임 동안 가로로 이동하는 거리(= 40px)가 곧 허용 오차입니다. 아래 표는 패들이 키보드로 일정 거리를 움직이는 데 걸리는 시간과, 그 시간 동안 공이 가로로 가는 거리입니다. 마우스와 터치는 포인터 위치로 바로 이동하므로 이 표가 적용되지 않습니다.

패들 이동 거리(px)키보드 소요 프레임소요 시간(초)그동안 공의 가로 이동(px)
60120.2036
120240.4072
200400.67120
300601.00180
400801.33240

표에서 읽을 수 있는 것은, 패들이 공보다 항상 빠르다는 사실입니다. 같은 시간에 패들은 공보다 약 1.7배 멀리 갑니다. 그래서 낙하 지점이 패들에서 300px 떨어져 있어도 60프레임이면 도착하는데, 맨 아랫줄을 맞고 되돌아오는 가장 짧은 왕복도 156프레임이 걸립니다. 실제로 놓치는 경우는 속도 부족보다 낙하 지점을 잘못 읽었거나 입력 방식이 섞였을 때가 대부분입니다.

기회를 잃은 뒤 첫 경로

기회를 잃으면 공은 항상 (240, 370) 위치에서 가로 +3, 세로 -3으로 출발합니다. 이 경로를 코드의 갱신 순서(충돌 검사, 벽 반사, 이동)대로 계산하면, 공은 83프레임째에 오른쪽 벽(중심 x=474)에 한 번 닿은 직후 8열 4번째 줄의 벽돌을 처음 맞힙니다. 벽돌 8열의 오른쪽 끝은 462px이고 공이 올라가는 길은 그보다 오른쪽이라 맨 아랫줄에서는 막히지 않고 지나갑니다. 즉 기회를 잃은 직후 첫 벽돌은 늘 같은 자리에서 깨지므로, 이 시간(약 1.4초) 동안은 공을 걱정하지 않고 패들을 다음 낙하 지점 쪽으로 옮겨 둘 수 있습니다. 위 83프레임은 해당 벽돌이 남아 있고 그 앞 경로의 벽돌이 모두 있는 경우이며, 이미 깬 벽돌이 많을수록 경로가 달라집니다.

예시로 확인하는 공략

  1. 반응 시간 계산. 맨 아랫줄(벽돌 5번째 줄)을 맞고 돌아오는 공은 패들에서 이 줄까지 올라간 시간 1.30초만큼 걸려 돌아옵니다. 가장 빠른 왕복 시간이 약 2.6초라는 뜻이며, 이 시간 안에 가로로 약 468px를 이동한 공을 받아야 합니다.
  2. 키보드로 따라갈 수 있는가. 위 왕복 동안 키보드 패들은 최대 780px까지 움직일 수 있어 공의 가로 이동량보다 넉넉하므로 (벽에 튕기면 이동 거리는 더 줄어듭니다) 키보드만으로도 막을 수 있습니다.
  3. 점수 구성. 만점은 5줄×8열 = 40점이고 줄마다 점수 차이가 없습니다. 위쪽 줄이 더 비싸지 않으므로 아래쪽 줄부터 깨는 것이 위험이 적습니다.

실전 전략

입력 방식별로 달라지는 플레이

흔한 실수와 한계

벽돌깨기의 유래

벽돌깨기 장르는 1976년 아타리(Atari)가 내놓은 아케이드 게임 "브레이크아웃(Breakout)"에서 널리 알려졌습니다. 패들, 공, 벽돌이라는 단순한 구성은 이후 수많은 변형과 모방작으로 이어졌습니다. 이 페이지의 게임은 그 원형을 단순화한 형태입니다.

자주 묻는 질문

모바일에서도 즐길 수 있나요?

네, 캔버스 위를 손가락으로 터치하거나 좌우로 드래그하면 패들이 따라옵니다. 캔버스 위에서는 화면 스크롤이 일어나지 않도록 막아 두었으니 스크롤은 캔버스 바깥에서 하세요.

공의 속도가 점점 빨라지나요?

아니요, 공은 처음부터 끝까지 같은 속도(각 축 프레임당 3px)로 움직입니다. 벽돌을 많이 깨도 빨라지지 않습니다.

패들의 어느 부분에 맞아도 같은 방향으로 튕기나요?

네, 공의 세로 방향만 뒤집히고 가로 속도는 그대로여서 패들의 위치와 관계없이 각도가 같습니다. 방향을 결정하는 것은 공이 오던 방향뿐입니다.

일시정지는 어떻게 하나요?

일시정지 버튼이나 P 키를 누르면 멈추고 다시 누르면 이어집니다. 다른 탭으로 이동해도 게임 시간이 흐르지 않습니다.

점수나 기록이 저장되나요?

저장되지 않습니다. 점수는 화면에만 표시되고 새로고침하면 처음부터 시작하며, 브라우저에 지울 데이터도 없습니다.

새 게임 버튼을 누르면 무엇이 초기화되나요?

점수 0, 기회 3개, 벽돌 40개 전부, 공과 패들의 위치가 모두 처음 상태로 돌아가고 일시정지도 풀립니다. 승리나 패배 뒤에도 같은 버튼으로 다시 시작합니다.

벽돌을 한참 못 깨고 공만 돌아다닐 때가 있는데 정상인가요?

정상입니다. 공은 항상 45도로 움직이고 패들에서 되튀는 각도도 일정하므로, 벽돌이 몇 개 남지 않으면 공이 남은 벽돌을 비껴 지나가는 경로가 이어질 수 있습니다. 이 게임에는 패들 위치로 각도를 바꾸는 규칙이 없지만, 받아낸 시점의 공 위치가 달라지면 이후 경로도 평행하게 옮겨지므로 같은 경로가 반복될 때는 공을 받는 가로 위치가 달라진 만큼 다음 경로도 달라집니다. 벽돌 하나가 사라질 때마다 판이 달라진다는 점도 함께 기억해 두세요.

화면 크기가 작은 휴대폰에서는 판정이 달라지나요?

캔버스는 480×400 내부 좌표를 쓰고 화면에서는 폭에 맞춰 줄어들 뿐이므로 게임 규칙과 속도는 같습니다. 터치 위치는 줄어든 비율만큼 보정해 내부 좌표로 바꿔 쓰므로 손가락 아래에 패들 중심이 놓입니다.

다른 클래식 게임도 즐겨보세요

뱀을 조종해 먹이를 먹는 스네이크 게임, 공을 튕겨 상대 쪽에 넣는 퐁 바운스 게임, 퍽을 쳐서 골을 노리는 에어하키 게임, 색 구슬을 쏘아 맞히는 버블 슈터 게임도 해 보세요.