Tema: Juego de dados entre dos jugadores.
Ver Mensaje Individual
  #9 (permalink)  
Antiguo 02/07/2016, 17:11
alvaro_trewhela
Invitado
  
Mensajes: n/a
Puntos:
Respuesta: Juego de dados entre dos jugadores.
Mira yo he persistido con ajax por la simple idea MÍA de que cada jugador INDEPENDIENTE, es decir, no bots como lo muestra Alexiss88, y que además cada jugador este en su ordenador.

Ahora, si ambos jugadores están en el mismo PC, se me ocurrió una solución un poco fea:

Código HTML: 
Ver original
  1. <html>
  2.     <head>
  3.         <title>Dice Game</title>
  4.         <script type="text/javascript">
  5.         start = false;
  6.         
  7.         function startGame(){
  8.             if(!start){
  9.             var name1 = document.getElementById("player1_start").value;
  10.             var name2 = document.getElementById("player2_start").value;
  11.             
  12.             var aux = true;
  13.             
  14.                 if(name1 == "" || name2 == ""){
  15.                 alert("Uno de los jugadores no ingreso su nombre");
  16.                 aux = false;
  17.                 }
  18.                 
  19.                 if(name1 == name2){
  20.                 alert("Los nombres de los jugadores coinciden");
  21.                 aux = false
  22.                 }
  23.                 
  24.                 if(aux){ 
  25.                 start=true;
  26.                 document.getElementById("start_form").style.display = "none";
  27.                 document.getElementById("game_main").style.display = "inline";
  28.                 
  29.                 document.getElementById("player1").innerHTML=name1;
  30.                 document.getElementById("player2").innerHTML=name2;
  31.                 
  32.                 alert("Juego iniciado!! suerte ;)");
  33.                 }
  34.             }
  35.             else{
  36.             alert("Juego ya iniciado"); 
  37.             }
  38.         }
  39.         
  40.         function jugar(num){
  41.             if(start){
  42.             var jugador = document.getElementById("player"+num+"_result");
  43.                 if(jugador.innerHTML == "0"){
  44.                 var dado = Math.floor(Math.random()*6)+1;
  45.                 jugador.innerHTML = dado;
  46.                 }
  47.                 else{
  48.                 alert("usted ya lanzo...");
  49.                 }
  50.             }
  51.             else{
  52.             alert("El juego aun no ha iniciado");
  53.             }       
  54.         }
  55.         
  56.         function winner(){
  57.         var r1 = parseInt(document.getElementById("player1_result").innerHTML);
  58.         var r2 = parseInt(document.getElementById("player2_result").innerHTML); 
  59.             if(r1 != 0 && r2 != 0){
  60.             var playerName1 = document.getElementById("player1").innerHTML;
  61.             var playerName2 = document.getElementById("player2").innerHTML;
  62.             
  63.                 if(r1 > r2){
  64.                 alert(playerName1+" gano!!");
  65.                 var playerScore1 = document.getElementById("score_1");
  66.                 playerScore1.innerHTML = parseInt(playerScore1.innerHTML)+1;
  67.                 }
  68.                 else if(r1 < r2){
  69.                 alert(playerName2+" gano!!");
  70.                 var playerScore2 = document.getElementById("score_2");
  71.                 playerScore2.innerHTML = parseInt(playerScore2.innerHTML)+1;
  72.  
  73.                 }
  74.                 else{
  75.                 alert("empate");
  76.                 }
  77.             document.getElementById("player1_result").innerHTML = "0";
  78.             document.getElementById("player2_result").innerHTML = "0";
  79.             }
  80.             else{
  81.             alert("Espere al otro jugador");
  82.             }
  83.         }
  84.         
  85.         </script>
  86.     </head>
  87.     <body>
  88.         <div id="start_form">
  89.         Jugador 1: <input type="text" id="player1_start"><br/>
  90.         Jugador 2: <input type="text" id="player2_start"><br/>
  91.         <input type="button" value="Start" onclick="startGame();" />
  92.         </div>
  93.         
  94.         <div id="game_main" style="display:none;">
  95.         <span id="player1"></span> <input type="button" value="Tire el dado!!" onclick="jugar(1); setTimeout('winner()', 100);"/> Su numero es <span id="player1_result" >0</span> &nbsp; Puntaje: <span id="score_1">0</span><br/>
  96.         <span id="player2"></span> <input type="button" value="Tire el dado!!" onclick="jugar(2); setTimeout('winner()', 100);"/> Su numero es <span id="player2_result" >0</span> &nbsp; Puntaje: <span id="score_2">0</span><br/>
  97.         </div>
  98.     </body>
  99. </html>

está muy fea la hice a la rápida y sin pensar en MUCHAS cosas, simplemente resolví el problema a lo bruto...

Saludos