From 14ee6399bb3baced400fcf5381322860048ffe29 Mon Sep 17 00:00:00 2001
From: cleitondeive <cleitondeive@gmail.com>
Date: Mon, 18 Sep 2017 15:17:23 -0400
Subject: [PATCH] =?UTF-8?q?Altera=C3=A7=C3=A3o=20da=20cor=20das=20Bordas?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 parte-1/primeiro-jogo-html5.html | 50 +++++++++++++-------------
 parte-2/primeiro-jogo-html5.html | 62 ++++++++++++++++----------------
 2 files changed, 56 insertions(+), 56 deletions(-)
diff --git a/parte-1/primeiro-jogo-html5.html b/parte-1/primeiro-jogo-html5.html
index 4b51476..206a53b 100644
--- a/parte-1/primeiro-jogo-html5.html
+++ b/parte-1/primeiro-jogo-html5.html
@@ -4,43 +4,43 @@
         <title>Seu Primeiro Jogo - HTML5</title>
 		<style type="text/css">
 			canvas {
-			  border: 1px solid #000000;
+			  border: 1px solid #7c89df;
 			}
 		</style>
-    </head>   
+    </head>
     <body  onload="inicializar()">
 		<canvas id="canvas" width="600" height="480">
 			Navegador não suporta HTML5
 		</canvas>
-		
+
 		<script type="text/javascript">
-		
+
 			var barraAltura, barraLargura, jogadorPosicaoX, velocidadeJogador, bolaDiametro, bolaPosX, bolaPosY, velocidadeBola, pontosJogador, colisao;
-		
+
 			function inicializar()
 			{
-				barraAltura = 15;
-				barraLargura = 90;
-				
+				barraAltura = 19;
+				barraLargura = 92;
+
 				pontosJogador = 0;
 				jogadorPosicaoX = (canvas.width - barraLargura) / 2;
 				velocidadeJogador = 20;
-				
+
 				canvas = document.getElementById("canvas");
-				context = canvas.getContext("2d");				
-				
+				context = canvas.getContext("2d");
+
                 bolaDiametro = 10;
                 bolaPosX = canvas.width / 2;
                 bolaPosY = -10;
 				velocidadeBola = 10;
 				colisao = false;
-				
+
 				document.addEventListener('keydown', keyDown);
-				
+
 				setInterval(gameLoop, 30);
 			}
-			
-			function keyDown(e) 
+
+			function keyDown(e)
 			{
 				if(e.keyCode == 37)
 				{
@@ -49,7 +49,7 @@
 						jogadorPosicaoX -= velocidadeJogador;
 					}
 				}
-				
+
 				if(e.keyCode == 39)
 				{
 					if(jogadorPosicaoX < (canvas.width - barraLargura))
@@ -58,17 +58,17 @@
 					}
 				}
 			}
-			
+
 			function gameLoop()
 			{
 				//Limpa Tela
 				context.clearRect(0, 0, canvas.width, canvas.height);
-				
+
 				// Bola
 				context.beginPath();
                 context.arc(bolaPosX, bolaPosY, bolaDiametro, 0, Math.PI * 2, true);
                 context.fill();
-				
+
 				if(bolaPosY <= canvas.height)
 				{
 					bolaPosY += velocidadeBola;
@@ -79,23 +79,23 @@
 					bolaPosY = -10;
 					colisao = false;
 				}
-				
+
 				// Checar Colisão
 				if((bolaPosX > jogadorPosicaoX && bolaPosX < jogadorPosicaoX + barraLargura) && bolaPosY >= canvas.height - barraAltura && colisao == false)
 				{
 					pontosJogador++;
 					colisao = true;
 				}
-				
+
 				// Escreve placar
                 context.font = "32pt Tahoma";
 				context.fillText(pontosJogador, canvas.width - 70, 50);
-				
+
 				// Jogador
 				context.fillRect(jogadorPosicaoX, canvas.height - barraAltura, barraLargura, barraAltura);
 			}
-			
+
 		</script>
-		
+
 	</body>
-</html>
\ No newline at end of file
+</html>
diff --git a/parte-2/primeiro-jogo-html5.html b/parte-2/primeiro-jogo-html5.html
index 9cf6bb4..9110bb5 100644
--- a/parte-2/primeiro-jogo-html5.html
+++ b/parte-2/primeiro-jogo-html5.html
@@ -4,58 +4,58 @@
         <title>Seu Primeiro Jogo - HTML5</title>
 		<style type="text/css">
 			canvas {
-			  border: 1px solid #000000;
+			  border: 1px solid #c82971;
 			}
 		</style>
-    </head>   
+    </head>
     <body  onload="inicializar()">
 		<canvas id="canvas" width="600" height="480">
 			Navegador não suporta HTML5
 		</canvas>
-		
+
 		<script type="text/javascript">
-		
+
 			var barraAltura, barraLargura, jogadorPosicaoX, velocidadeJogador, pontosJogador;
-		
+
 			var diametros = new Array(
-				{'diametro' : 7, 'pontos' : 1},
+				{'diametro' : 8, 'pontos' : 1},
 				{'diametro' : 10, 'pontos' : 2},
-				{'diametro' : 15, 'pontos' : 3}
+				{'diametro' : 25, 'pontos' : 3}
 			);
-			
+
 			function bola()
 			{
 				var index = Math.round(Math.random() * (3 - 1) + 1) - 1;
                 this.bolaDiametro = diametros[index]['diametro'];
 				this.pontos = diametros[index]['pontos'];
-				
+
                 this.bolaPosX = Math.random() * 600;
                 this.bolaPosY = -10;
 				this.velocidadeBola = Math.random() * (10 - 6) + 6;
 				this.colisao = false;
 			}
-		
+
 			function inicializar()
 			{
 				barraAltura = 15;
 				barraLargura = 90;
-				
+
 				pontosJogador = 0;
 				jogadorPosicaoX = (canvas.width - barraLargura) / 2;
 				velocidadeJogador = 20;
-				
+
 				canvas = document.getElementById("canvas");
-				context = canvas.getContext("2d");				
-				
+				context = canvas.getContext("2d");
+
 				primeira = new bola()
 				bolas = new Array(primeira);
-				
+
 				document.addEventListener('keydown', keyDown);
-				
+
 				setInterval(gameLoop, 30);
 			}
-			
-			function keyDown(e) 
+
+			function keyDown(e)
 			{
 				if(e.keyCode == 37)
 				{
@@ -64,7 +64,7 @@
 						jogadorPosicaoX -= velocidadeJogador;
 					}
 				}
-				
+
 				if(e.keyCode == 39)
 				{
 					if(jogadorPosicaoX < (canvas.width - barraLargura))
@@ -73,31 +73,31 @@
 					}
 				}
 			}
-			
+
 			function gameLoop()
 			{
 				//Limpa Tela
 				context.clearRect(0, 0, canvas.width, canvas.height);
-				
+
 				// Checar bolas
 				if(bolas.length <= 0)
 				{
 					bolas.push(new bola());
 				}
-				
-				// Bolas				
+
+				// Bolas
 				bolas.forEach(function(b, index)
 				{
 					context.beginPath();
 	                context.arc(b.bolaPosX, b.bolaPosY, b.bolaDiametro, 0, Math.PI * 2, true);
 	                context.fill();
-					
+
 					// Criar nova bola?
 					if(b.bolaPosY >= 50 && bolas.length <= 2)
 					{
 						bolas.push(new bola());
 					}
-					
+
 					if(b.bolaPosY <= canvas.height)
 					{
 						b.bolaPosY += b.velocidadeBola;
@@ -106,7 +106,7 @@
 					{
 						bolas.splice(index, 1);
 					}
-					
+
 					// Checar Colisão
 					if((b.bolaPosX > jogadorPosicaoX && b.bolaPosX < jogadorPosicaoX + barraLargura) && b.bolaPosY >= canvas.height - barraAltura && b.colisao == false)
 					{
@@ -114,16 +114,16 @@
 						b.colisao = true;
 					}
 				});
-				
+
 				// Escreve placar
                 context.font = "32pt Tahoma";
 				context.fillText(pontosJogador, canvas.width - 70, 50);
-				
+
 				// Jogador
 				context.fillRect(jogadorPosicaoX, canvas.height - barraAltura, barraLargura, barraAltura);
 			}
-			
+
 		</script>
-		
+
 	</body>
-</html>
\ No newline at end of file
+</html>
