# data[].attributes.body
1. 컨셉은 바이러스를 잡는 백신 프로그램
2. 다 깰 시 성공
3. 아래에 닿으면 실패
4. 패드를 상자로 변경
5. 원래는 방어율이란 체력 개념을 넣으려고 했음

# data[].attributes.attachment_link.description
A web editor for p5.js, a JavaScript library with the goal of making coding accessible to artists, designers, educators, and beginners.

# data[].attributes.body
1.블록을 1개 깰 때마다 점수가 1점씩 증가
2.블록은 전부 부수면 클리어라는 메세지가 뜨면서 게임이 멈춤
3. 15점 이상 되면 중간에 좌우로 움직이는 패드가 생성되어 두 패드에서 공이 튕길 수 있게 함(미완성)

# data[].attributes.attachment_link.description
A web editor for p5.js, a JavaScript library with the goal of making coding accessible to artists, designers, educators, and beginners.

# data[].attributes.body
블럭이 바닥에 닿으면 멈춤
블럭과 닿을때마다 10점씩 증가
블럭1줄
모두 지웠을시 클리어 출력

# data[].attributes.attachment_link.description
A web editor for p5.js, a JavaScript library with the goal of making coding accessible to artists, designers, educators, and beginners.

# data[].attributes.body
1.하늘에 벽돌이 있다.
2.마우스 포인트로 패드를 움직이면서 공을 튕긴다.
3.패드에 못 맞추고 바닥에 닿으면 gameover가 뜬다

# data[].attributes.attachment_link.description
A web editor for p5.js, a JavaScript library with the goal of making coding accessible to artists, designers, educators, and beginners.

# data[].attributes.body
p5.js Web Editor | realrrreal (p5js.org)
1. 벽돌이나 아이템이 부서질때마다 속도 증가
2. s를 누르면 재시작,
3. 스코어도 증가함.

p5.js Web Editor | Thunder sight (p5js.org)
팀쿡 아저씨를 부시면 색이 변함

p5.js Web Editor | Bottled theater (p5js.org)( 이건 그냥 베타 )

p5.js Web Editor | Chiseled flare (p5js.org) (베타 2)

# data[].attributes.attachment_link.description
A web editor for p5.js, a JavaScript library with the goal of making coding accessible to artists, designers, educators, and beginners.

# data[].attributes.body
https://editor.p5js.org/jaemingim494/sketches/M4VQBBGt4
1. 시작하면 세줄의 블록이 생성됨
2.마우스로 하단의 바를 조종함
3.블록을 깰 때마다 우측 하단에 있는 score가 1점씩 오름
4. 공이 바닥에 닿으면 '게임오버'라는 문구와 총 점수가 화면에 뜨며 게임이 종료됨

# data[].attributes.attachment_link.description
A web editor for p5.js, a JavaScript library with the goal of making coding accessible to artists, designers, educators, and beginners.

# data[].attributes.body
p5.js Web Editor | 김영민 (p5js.org)

벽돌을 다깼을때 벽돌갯수가 늘어나고 속도가 약간 빨라진다

공이 바닥에 닿았을때 Game Over 이란문구가 뜨며 게임이중지 된다

죽고나서 클릭하면 게임이 초기화된다

# data[].attributes.attachment_link.description
A web editor for p5.js, a JavaScript library with the goal of making coding accessible to artists, designers, educators, and beginners.

# data[].attributes.body
https://editor.p5js.org/parkchan2499/sketches/L8hf5tpZo
1. 벽돌을 깰 때마다 속도가 0.7만큼 커지며, 블록과 score 문구의 색깔이 모두 랜덤으로 바뀐다.
2. 상단 위에 벽돌을 깬 수 만큼 score 점수가 나온다.
3. 공이 바닥에 떨어지면, 게임오버 문구가 나온다.
4. 마우스 포인트를 움직여 바를 움직일 수 있다.
5. 공은 벽이나 블록, 천장과 바에 닿으면 반대로 튕긴다.

# data[].attributes.attachment_link.description
A web editor for p5.js, a JavaScript library with the goal of making coding accessible to artists, designers, educators, and beginners.

# data[].attributes.body
기능
1. 벽돌 한 개당 1점씩 점수가 올라감
2. 바닥에 떨어질 경우 게임이 멈추고 점수를 보여줌
3. 배경과 블록 등 간단하게 디자인함
4. 벽돌을 다 깨면 1라운드 클리어라는 문구를 보여줌

# data[].attributes.attachment_link.description
A web editor for p5.js, a JavaScript library with the goal of making coding accessible to artists, designers, educators, and beginners.

# data[].attributes.body
https://editor.p5js.org/ijelrong/sketches/ea4DSfgdP

1. 벽돌을 부술 때마다 공의 속도 1.02배 증가

2. 벽돌을 부술 때마다 점수 1증가

3. 공이 떨어지면 게임 오버

# data[].attributes.attachment_link.description
A web editor for p5.js, a JavaScript library with the goal of making coding accessible to artists, designers, educators, and beginners.

# data[].attributes.body
기능: (1).캔버스를 6800 x 400으로 올렸습니다.
(2).볼의 속도를 올렸습니다.
(3).자연스러운 튕김을 구현했습니다.

# data[].attributes.attachment_link.description
A web editor for p5.js, a JavaScript library with the goal of making coding accessible to artists, designers, educators, and beginners.

# data[].attributes.body
실행하면 공이 빨간색으로 바뀜

# data[].attributes.attachment_link.description
A web editor for p5.js, a JavaScript library with the goal of making coding accessible to artists, designers, educators, and beginners.

# data[].attributes.body
1. 벽돌과 공이 흰.검 반복되어 색깔이 나타남
2. 공이 땅에 닿으면 '끝났습니다.'라는 문구와 함께 모든 실행이 멈춘다.

# data[].attributes.attachment_link.description
A web editor for p5.js, a JavaScript library with the goal of making coding accessible to artists, designers, educators, and beginners.

# data[].attributes.body
https://editor.p5js.org/parkhg1010/sketches/lMNS30nF3

1. 블록 30개를 모두 깨면 걸린 시간이 나오며 이겼다는 말이 나온다.
2. 블록을 깰 때마다 20%의 확률로 별이 떨어지는데, 별을 먹으면 공의 속도가 증가한다(0.5씩).
3. 공이 바닥에 떨어지면, 깬 블록의 수가 점수로 나오며 게임 오버 문구가 나온다.
4. 마우스 포인트를 움직여 바를 움직일 수 있다.
5. 공은 벽이나 블록, 천장과 바에 닿으면 반대로 튕긴다.

# data[].attributes.attachment_link.description
A web editor for p5.js, a JavaScript library with the goal of making coding accessible to artists, designers, educators, and beginners.

# data[].attributes.body
https://editor.p5js.org/msmsmsms/sketches/8aCEhR4qs

1. 노란색 배경, 파란색 벽돌과 파란색 공, 테두리는 빨간색

2. 처음부터 "끝"이라고 작게 떠서 페이크를 줬고 볼이 바닥에 닿으면 끝이 크게 뜬다

3, 공이 바에 닿으면 다시 올라가고 공이 벽돌에 닿으면 벽돌이 사라진다.

4. 마우스 포인트로 바를 움직인다.

# data[].attributes.attachment_link.description
A web editor for p5.js, a JavaScript library with the goal of making coding accessible to artists, designers, educators, and beginners.

# data[].attributes.body
https://editor.p5js.org/lss/sketches/4EbWvOHhK
1. 블록을 2줄로 생성
2. 점수를 상단에 띄움( 첫번째 블록을 깰 경우 100점, 두번째 블록을 깰 경우 200점)
3. 모든 블록을 깰 경우 clear문구가 화면 중단에 뜸

# data[].attributes.attachment_link.description
A web editor for p5.js, a JavaScript library with the goal of making coding accessible to artists, designers, educators, and beginners.

# data[].attributes.body
p5.js Web Editor | brick_game2 copy (p5js.org)
1.  벽돌이 계속 반짝거린다.

2. 화살표를 통해 밑에 바를 이동시킨다.

3. 벽돌이 사라질 때 희미해지면서 사라진다.

4.바와 공이 이동할 때 잔상이 남는다.

5.공이 바닥에 닿아도 사라지지 않고 계속 할 수 있다는 장점이 있다.

# data[].attributes.attachment_link.description
A web editor for p5.js, a JavaScript library with the goal of making coding accessible to artists, designers, educators, and beginners.

# data[].attributes.body
https://editor.p5js.org/shj050914/sketches/gorcEbblE

기능
1. 블록과 공의 색깔이 매우 빠른 속도로 바뀐다.

2. 벽돌을 다 깨면 새로운 벽돌이 생긴다.

3. 바닥에 떨어지면 "게임 오버"가 뜨면서 게임이 멈춘다.

4. 게임이 끝나면 총점을 알려준다.

# data[].attributes.attachment_link.description
A web editor for p5.js, a JavaScript library with the goal of making coding accessible to artists, designers, educators, and beginners.

# data[].attributes.body
https://editor.p5js.org/ffhh88332/sketches/4cI-jtI-z
1. 마우스를 이용하여 패드를 조작
2. 엔딩이 존재하지 않음

# data[].attributes.attachment_link.description
A web editor for p5.js, a JavaScript library with the goal of making coding accessible to artists, designers, educators, and beginners.

# data[].attributes.body
1.벽돌을 깰때마다 스코어+100
2.화면에 스코어 표시
3.사망시&클리어시 문구 표시
4.마우스 클릭시 바 길이 상승

# data[].attributes.attachment_link.description
A web editor for p5.js, a JavaScript library with the goal of making coding accessible to artists, designers, educators, and beginners.

# data[].attributes.body
[기능]
1. 마우스로 패드를 조정할 수 있다.
2.모든 벽돌을 깨지 못하고 공이 바닥에 떨어지면 '탈락'이라는 문구가 나타나면서 게임이 끝난다.
3. 모든 벽돌을 깨면 '축하드려요' 라는 문구가 나오면서 게임이 끝난다.

# data[].attributes.attachment_link.description
A web editor for p5.js, a JavaScript library with the goal of making coding accessible to artists, designers, educators, and beginners.

# data[].attributes.body
https://editor.p5js.org/chanchanjsc/sketches/e7UwI2hQ1

1, 블럭이 부서질때마다 점수가 올라간다
2, 공이 바닥에 떨어지면 끝난다.
3.블럭과 공의 색이 바뀐다.
4.일단은 블럭이 두줄이다

# data[].attributes.attachment_link.description
A web editor for p5.js, a JavaScript library with the goal of making coding accessible to artists, designers, educators, and beginners.

# data[].attributes.body
[기능]
1. 벽돌이 깨지면 score가 올라간다.

2. 벽돌의 색이 매 판마다 랜덤으로 변한다.

3. 마우스 이동으로만 바를 조종한다.

4. 공이 바에 튕기면 공과 바의 색이 랜덤으로 변한다.

5. 공이 떨어지면 Game Over 문구가 나온다.

# data[].attributes.attachment_link.description
A web editor for p5.js, a JavaScript library with the goal of making coding accessible to artists, designers, educators, and beginners.

# data[].attributes.body
https://editor.p5js.org/1.2.3.4.5/sketches/rh0IRBwXx

[기능]
1. 벽돌이 깨질때마다 점수가 10점씩 올라간다.

2.벽돌의 색깔이 랜덤하게 선정된다.

3.화면을 클릭하여 게임을 시작한다.

4.마우스 포인트를 움직여 바를 조종할 수 있다.

5.공이 화면 아래로 떨어지면 점수가 초기화되고 'Game Over!'문구와 함께 게임이 끝난다.

# data[].attributes.attachment_link.description
A web editor for p5.js, a JavaScript library with the goal of making coding accessible to artists, designers, educators, and beginners.

# data[].attributes.body
https://editor.p5js.org/CWR/sketches/GW-9wO0XH

[기능]

배경색, 블록색 변경

점수 표시

패드를 선에서 상자로 변경

자연스러운 튕김 구현

스테이지 구현(미완성, 원인불명)
(블록 초기화, 스테이지에 따른 공 속도 상승)
10점이상 - 2스테이지
20점이상 - 3스테이지
30점이상 - 4스테이지
40점이상 - 5스테이지
50점이상 - 클리어

공이 바닥에 닿을 시
"GAME OVER" 종료

# data[].attributes.attachment_link.description
A web editor for p5.js, a JavaScript library with the goal of making coding accessible to artists, designers, educators, and beginners.

# data[].attributes.body
https://editor.p5js.org/seodm/sketches/5TmYODEWy

[기능]
1. 벽돌이 깨질때마다 점수가 1점씩 올라간다.

2. 벽돌의 색깔이 랜덤하게 바뀐다.

3. 스페이스를 눌러서 시작하도록 하였다.

4. 목숨은 3개까지, 바닥에 닿을 때마다 1개씩 없어지고 목숨이 0이 되면 게임이 끝단다.

5. 블록을 다 깨면 '클리어!' 문구와 함께 게임이 끝난다.

# data[].attributes.attachment_link.description
A web editor for p5.js, a JavaScript library with the goal of making coding accessible to artists, designers, educators, and beginners.

# data[].attributes.body
https://editor.p5js.org/mirjun07/sketches/khI38Ok_8

1. 목숨은 3개. 하단에 표시된다.

2. 벽돌을 하나 깰 때마다 10% 확률로 공의 속도가 2배 빨라지는 피버 모드가 발동된다. 이는 다른 벽돌을 깼을 때, 다시 10% 확률로 사라질 수 있다.

3. 스코어가 존재하며, 화면 우측 하단에 표시된다. 벽돌을 하나 깰 때마다 1점씩 올라간다.

4. 벽돌이 모두 사라지면 다시 생성된다.

5. 목숨이 다 떨어지면 게임이 끝난다.

6. 벽돌과 패드의 색깔은 게임을 시작할 때마다 바뀐다.

# data[].attributes.attachment_link.description
A web editor for p5.js, a JavaScript library with the goal of making coding accessible to artists, designers, educators, and beginners.

# data[].attributes.body
https://editor.p5js.org/shgusdn/sketches/h6hCVgavz

1. 마우스 이동으로 패드 움직임
2. 공이 패드에 닿지 않으면 끝
3. 공이 벽에 튕김

# data[].attributes.attachment_link.description
A web editor for p5.js, a JavaScript library with the goal of making coding accessible to artists, designers, educators, and beginners.

# data[].attributes.body
https://editor.p5js.org/lenlyoa/full/NqBBXYXIV

#귀여운 감성을 가진 사람에게 추천

스코어 올라가는 거 표시
폰트 불러와서 사용함
오류 존재하는데 구동됨

스페이스바를 눌렀을 때 : 일시정지
스페이스를 땠을 때 : 일시정지 해제

죽으면 게임오버 / 스코어
꼼수가 존재함
전체적으로 색감 맞춤

블록을 다 깨면 다시 생성
블록 하나 부술 때마다 +100점
속도 8

기회는 1코
떨어뜨린다고 무조건 죽지는 않음
운 좋으면 계속 가능

# data[].attributes.attachment_link.description
A web editor for p5.js, a JavaScript library with the goal of making coding accessible to artists, designers, educators, and beginners.

# data[].attributes.body
[제목] 여러 색을 가진 벽돌깨기 게임

[기능]

1.  빨강, 초록, 파랑 3가지 색을 가진 벽돌이 존재함.

2.  빨강은 1번, 초록은 2번 공에 맞아야 벽돌이 없어짐.

3.  파랑 벽돌을 깨면 공이 3개 나오며, 모든 공이 바닥으로 떨어지면 게임이 종료되고 "Game Over" 문구와 획득한 총 점수가 화면에 표시됨.

# data[].attributes.attachment_link.description
A web editor for p5.js, a JavaScript library with the goal of making coding accessible to artists, designers, educators, and beginners.

# data[].attributes.body
[벽돌깨기 예제 코드]

이 코드를 기반으로 새로운 기능을 추가해보세요.

인터넷 검색, 유튜브 등을 활용하여 다양한 기능을 갖는 코드를 찾아보세요.

예제 코드 외에 새 코드를 기반으로 작성해도 좋습니다.

# data[].attributes.attachment_link.description
A web editor for p5.js, a JavaScript library with the goal of making coding accessible to artists, designers, educators, and beginners.