diff --git a/breakout_2.js b/breakout_2.js
new file mode 100644
index 0000000..3fd6403
--- /dev/null
+++ b/breakout_2.js
@@ -0,0 +1,32 @@
+var canvas = document.getElementById("myCanvas");
+var ctx = canvas.getContext("2d");
+var ballRadius = 12;
+var x = ballRadius;
+var y = ballRadius;
+var dx = 2;
+var dy = -2;
+
+function drawBall() {
+    ctx.beginPath();
+    ctx.arc(x, y, ballRadius, 0, 2 * Math.PI);
+    ctx.fillStyle = "#FF0000";
+    ctx.fill();
+    ctx.closePath();
+}
+
+function draw() {
+    ctx.clearRect(0, 0, canvas.width, canvas.height);
+    drawBall();
+    
+    if(x + dx > canvas.width-ballRadius || x + dx < ballRadius) {
+        dx = -dx;
+    }
+    if(y + dy > canvas.height-ballRadius || y + dy < ballRadius) {
+        dy = -dy;
+    }
+    
+    x += dx;
+    y += dy;
+}
+
+setInterval(draw, 10);
\ No newline at end of file
diff --git a/index.html b/index.html
new file mode 100644
index 0000000..091f4a1
--- /dev/null
+++ b/index.html
@@ -0,0 +1,5 @@
+<canvas id="myCanvas" width="600" height="400"></canvas>
+
+<style>canvas { background: #DAEDEB; }</style>
+
+<script src="breakout_2.js"></script>
\ No newline at end of file