$ docker
  
    
      This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
      Learn more about bidirectional Unicode characters
    
  
  
    
  | "1. SETS" | |
| "1.1 visual config" | |
| syntax on | |
| colorscheme default | |
| set relativenumber | |
| set nu rnu | |
| set mouse=a | |
| set tabstop=4 | |
| set softtabstop=4 | |
| set autoindent | 
  
    
      This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
      Learn more about bidirectional Unicode characters
    
  
  
    
  | let ctx, p1_y, p2_y, p1_points, p2_points | |
| let ball_y_orientation, ball_x_orientation, ball_x, ball_y | |
| let p1_key, p2_key | |
| const h=500, w=800, p_w=20, p_h=200, p1_x = 10, p2_x = w - p_w - 10 | |
| function setup(){ | |
| const canvas = document.getElementById("canvas") | |
| ctx = canvas.getContext("2d") | |
| // inicializa as posições y do p1 e do p2 para metade da tela | |
| p1_y = p2_y = (h / 2) - (p_h/2) | 
  
    
      This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
      Learn more about bidirectional Unicode characters
    
  
  
    
  | function writePoints(){ | |
| ctx.font = "50px monospace"; | |
| ctx.fillStyle = "#fff"; | |
| // w/4 = 1/4 da tela = metade da tela do player 1 | |
| ctx.fillText(p1_points, w/4, 50); | |
| // 3*(w/4) = 3/4 da tela = metade da tela do player 2 | |
| ctx.fillText(p2_points, 3*(w/4), 50); | |
| } | 
  
    
      This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
      Learn more about bidirectional Unicode characters
    
  
  
    
  | function loop(){ | |
| //Verifica se a bola está colidindo com o barra do player 1 | |
| if(ball_x >= p1_x && ball_x <= p1_x + 10 && ball_y >= p1_y && ball_y <= p1_y + p_h){ | |
| ball_x_orientation = 1 | |
| } | |
| //Verifica se a bola está colidindo com o barra do player 2 | |
| else if(ball_x >= p2_x && ball_x <= p2_x + 10 && ball_y >= p2_y && ball_y <= p2_y + p_h){ | |
| ball_x_orientation = -1 | |
| } | 
  
    
      This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
      Learn more about bidirectional Unicode characters
    
  
  
    
  | let ctx, p1_y, p2_y, p1_points, p2_points | |
| let ball_y_orientation, ball_x_orientation, ball_x, ball_y | |
| let p1_key, p2_key | |
| const h=500, w=800, p_w=20, p_h=200, p1_x = 10, p2_x = w - p_w - 10 | |
| function setup(){ | |
| const canvas = document.getElementById("canvas") | |
| ctx = canvas.getContext("2d") | |
| // inicializa as posições y do p1 e do p2 para metade da tela | |
| p1_y = p2_y = (h / 2) - (p_h/2) | 
  
    
      This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
      Learn more about bidirectional Unicode characters
    
  
  
    
  | function loop(){ | |
| //Verifica se a bola está colidindo com o barra do player 1 | |
| if(ball_x >= p1_x && ball_x <= p1_x + 10 && ball_y >= p1_y && ball_y <= p1_y + p_h){ | |
| ball_x_orientation = 1 | |
| } | |
| //Verifica se a bola está colidindo com o barra do player 2 | |
| else if(ball_x >= p2_x && ball_x <= p2_x + 10 && ball_y >= p2_y && ball_y <= p2_y + p_h){ | |
| ball_x_orientation = -1 | |
| } | 
  
    
      This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
      Learn more about bidirectional Unicode characters
    
  
  
    
  | function loop(){ | |
| ... | |
| if(p1_key == 87 && p1_y > 0){ | |
| p1_y -= 10 | |
| }else if(p1_key == 83 && p1_y + p_h < h){ | |
| p1_y += 10 | |
| } | |
| if(p2_key == 38 && p2_y > 0){ | |
| p2_y -= 10 | 
  
    
      This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
      Learn more about bidirectional Unicode characters
    
  
  
    
  | let p1_key, p2_key | |
| document.addEventListener("keydown",function(ev){ | |
| // keyCode 87 = w, keycode 83 = s | |
| if(ev.keyCode == 87 || ev.keyCode == 83){ | |
| p1_key = ev.keyCode | |
| } | |
| // keycode 38 = arrowUp, keycode 40 = arrowDown | |
| else if(ev.keyCode== 38 || ev.keyCode==40) | |
| p2_key = ev.keyCode | |
| }) | 
  
    
      This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
      Learn more about bidirectional Unicode characters
    
  
  
    
  | let ctx, p1_y, p2_y, p1_points, p2_points | |
| let ball_y_orientation, ball_x_orientation, ball_x, ball_y | |
| const h=500, w=800, p_w=20, p_h=200, p1_x = 10, p2_x = w - p_w - 10 | |
| function setup(){ | |
| const canvas = document.getElementById("canvas") | |
| ctx = canvas.getContext("2d") | |
| // inicializa as posições y do p1 e do p2 para metade da tela | |
| p1_y = p2_y = (h / 2) - (p_h/2) | |
NewerOlder