cody - HTMLify profile
files of /cody/bradtraversy/vanillawebprojects/breakout-game/
README.md
/cody/bradtraversy/vanillawebprojects/breakout-game/README.md
## Breakout! Game
Game where you control a paddle with the arrow keys to bounce a ball up to break bricks. This app uses the
Game where you control a paddle with the arrow keys to bounce a ball up to break bricks. This app uses the
index.html
/cody/bradtraversy/vanillawebprojects/breakout-game/index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, in
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, in
plan.txt
/cody/bradtraversy/vanillawebprojects/breakout-game/plan.txt
1. Create canvas context
2. Create and draw ball
3. Create and draw paddle
4. Create bricks
5. Draw score
6. Add update() -
2. Create and draw ball
3. Create and draw paddle
4. Create bricks
5. Draw score
6. Add update() -
script.js
/cody/bradtraversy/vanillawebprojects/breakout-game/script.js
const rulesBtn = document.getElementById('rules-btn');
const closeBtn = document.getElementById('close-btn');
const rules = docu
const closeBtn = document.getElementById('close-btn');
const rules = docu
style.css
/cody/bradtraversy/vanillawebprojects/breakout-game/style.css
* {
box-sizing: border-box;
}
body {
background-color: #0095dd;
display: flex;
flex-direction: column;
box-sizing: border-box;
}
body {
background-color: #0095dd;
display: flex;
flex-direction: column;