Juego campo minado

Clase 14 de 50 • Curso de Programación Básica 2014

Farith Comas

student•

Este sería un código que genera una matriz que puede ser dimensionada por el usuario, también se podrían elegir cuantas bombas (1) poner aleatoriamente en la matriz e ilustra la matriz final con un document.write :

function aleatorio(minimo, maximo) {  
    var numero = Math.floor(Math.random()*(maximo - minimo + 1) + minimo);  
    return numero;  
}  
  
x = prompt("Valores en x? ");  
y = prompt("Valores en y? ");  
alert("Tu matriz es de: " + x + " X " + y);  
  
numeroDeBombas = prompt("Cuantas bombas desea poner en el Campo?");  
alert("Elegiste " + numeroDeBombas + " bombas!!");  
  
var campo1 = [];  
campo1.length = x;  
  
var cesped = 0;  
var bomba = 1;  
  
var m = 0;  
  
for (i = 0; i < x; i++) {  
  
    campo1[i] = [];  
  
    for (z = 0; z < y; z++){  
  
        if (campo1[i][z] != bomba) {  
  
            campo1[i][z] = cesped;  
        }  
    }  
  
    contador = 0;  
}  
  
while (m < numeroDeBombas) {  
  
    posicionx = aleatorio(0,(x - 1));  
    posiciony = aleatorio(0,(y - 1));  
  
    if (campo1[posicionx][posiciony] != bomba) {  
  
        campo1[posicionx][posiciony] = bomba;  
  
    } else if (campo1[posicionx][posiciony] == bomba) {  
  
        m--;  
    }  
  
    m++;  
}  
  
for (n = 0; n < x; n++) {  
    for (l = 0; l < y; l++){  
        document.write(campo1[n][l] + ", ");  
    }  
    document.write("<br>");  
}

Espero les sea de utilidad,

Saludos,

Carlos Rojas

student•

Buenísimo!

Saul Navarro V

student•

wooo, que buen código, gracias compañero

Josué Manuel Echandia Asto

student•

Hola aqui les muestro mi Codigo de Campo Minado con Botones, Vidas y Puntajes

<!DOCTYPE html>  
<html>  
<head>  
    <meta charset= "utf-8"/>  
    <title>Matrices</title>  
    <script type="text/javascript" src="matriz.js">  
    </script>  
    <style type="text/css">  
    html{  
        color: lightblue;  
        background-color: black;  
        text-align: center;  
    }  
    #vida{color: lightgreen;}  
    #numerobomba{color: yellow}  
    #puntaje{color: orange}  
        </style>  
  
</head>  
<body>  
    <h1 id="titulo">Buscaminas</h1>  
    <h2 id="vida">Vida: 100</h2>  
    <h2 id="numerobomba">Bomba o Cesped</h2>  
    <h2 id="puntaje">Puntaje: 0</h2>  
    <input type="button" id="1" value="  ">  
    <input type="button" id="2" value="  ">  
    <input type="button" id="3" value="  ">  
    <input type="button" id="4" value="  ">  
    <br>  
    <input type="button" id="5" value="  ">  
    <input type="button" id="6" value="  ">  
    <input type="button" id="7" value="  ">  
    <input type="button" id="8" value="  ">  
    <br>  
    <input type="button" id="9" value="  ">  
    <input type="button" id="10" value="  ">  
    <input type="button" id="11" value="  ">  
    <input type="button" id="12" value="  ">  
    <br>  
    <input type="button" id="13" value="  ">  
    <input type="button" id="14" value="  ">  
    <input type="button" id="15" value="  ">  
    <input type="button" id="16" value="  ">  
    <br><br>  
    <input type="button" id="reiniciar" value="Reiniciar">  
    <script type="text/javascript">  
    inicio();  
    </script>  
</body>  
</hmtl>

JAVASCRIPT

function inicio ()  
{  
    alert("Estas en un Campo minado\nCada ves que toques una bomba perderas 10 de vida\nCada ves que no toques una bomba ganas 100 puntos\nSI LLEGAS A 1000 puntos Ganas!!!!!!" )  
    puntaje=0  
    vida=100  
    vidai=vida  
    asignar();  
    paso2();  
}  
function generar(minimo, maximo)  
{  
    var numero = Math.floor( Math.random() * (maximo - minimo + 1) + minimo );  
    return numero;  
}  
var num=[ , "1","2","3","4","5","6","7","8","9","10","11","12","13","14","15","16"]  
var a1, a2, a3, a4, a5, a6, a7, a8, a9, a10, a11, a12, a13, a14, a15, a16, nboton, vida, vivo, vidai,puntaje;  
var codigo=[ , a1, a2, a3,a3, a4, a5, a6, a7, a8, a9, a10, a11, a12, a13, a14, a15, a16]  
nboton=[ ,push1 ,push2,push3,push4,push5,push6,push7,push8,push9,push10,push11,push12,push13,push14,push15,push16]  
  
function paso2()  
{  
    var textovida=document.getElementById("vida");  
    textovida.textContent="Vida "+vida  
    boton();  
}  
function boton()  
{    for (var i = 1; i <= 16; i++) {  
        var n=i;  
        codigo[i]=document.getElementById(num[i])  
        var botocito=codigo[i];  
        botocito.addEventListener("click", nboton[i])  
        i=n};  
}  
  
//Botones y Accion de Boton  
function push1 ()  
{comprobar(0,0)}  
function push2 ()  
{comprobar(0,1)}  
function push3 ()  
{comprobar(0,2)}  
function push4 ()  
{comprobar(0,3)}  
function push5 ()  
{comprobar(1,0)}  
function push6 ()  
{comprobar(1,1)}  
function push7 ()  
{comprobar(1,2)}  
function push8 ()  
{comprobar(1,3)}  
function push9 ()  
{comprobar(2,0)}  
function push10 ()  
{comprobar(2,1)}  
function push11 ()  
{comprobar(2,2)}  
function push12 ()  
{comprobar(2,3)}  
function push13 ()  
{comprobar(3,0)}  
function push14 ()  
{comprobar(3,1)}  
function push15 ()  
{comprobar(3,2)}  
function push16 ()  
{comprobar(3,3)}  
  
var textos=["Cesped","Bomba"];  
var campo = [[,,,],[,,,],[,,,],[,,,]];  
function asignar()  
{  
    for (var a = 0; a<4 ;a++)  
    { campo[0][a]=generar(0,1)  
      campo[1][a]=generar(0,1)  
      campo[2][a]=generar(0,1)  
      campo[3][a]=generar(0,1)}      
      
       
}  
function comprobar(n,e)  
{  
    if (vida>0)   
    {    if (puntaje==1000) {ganaste();}  
        else  
        {  
            var posicion=campo[n][e]  
            if (posicion==1) {bomba();}  
            else { nobomba();}  
            asignar();  
        }  
    }  
    else {perdiste();}  
}  
function bomba()  
{  
    var textovida=document.getElementById("vida");  
    var textor=document.getElementById("numerobomba");  
    vida=vida-10  
    textovida.textContent="Vida "+vida  
    textor.textContent="Bomba"      
    alert("BOOOOOOMMMMMM \nPierdes 10 de Vida")  
      
}  
function perdiste()  
{  
    var textovida=document.getElementById("vida");  
    var textor=document.getElementById("numerobomba");  
    textor.textContent="Perdiste"  
    reiniciar();  
}  
function ganaste()  
{  
    alert("GANASTE LLEGASTE A 1000 points")  
    reinicio();  
}  
function nobomba()  
{  
puntaje=puntaje+100;  
var textovida=document.getElementById("vida");  
var textor=document.getElementById("numerobomba");  
var puntajer=document.getElementById("puntaje");  
textor.textContent="Cesped"  
textovida.textContent="Vida "+vida  
puntajer.textContent="Puntaje "+puntaje  
}  
function reiniciar()  
{  
    var reiniciar=document.getElementById("reiniciar")  
    reiniciar.addEventListener("click",reinicio)  
}  
function reinicio()  
{  
    vida=vidai  
    puntaje=0  
    var textovida=document.getElementById("vida");  
    textovida.textContent="Vida "+vida  
    var textor=document.getElementById("numerobomba");  
    textor.textContent="Bomba o Cesped :)"  
    var puntajer=document.getElementById("puntaje");  
    puntajer.textContent="Puntaje "+puntaje  
}

Hyrum Palmero

student•

esta genial ese codigo hermano, felicidades.

Yehoshua Cabrera Juárez

student•

De lujo

Eduardo Grajales Villanueva Gr Grajales Villanueva

student•

De acuerdo a lo que hemos visto en las clases anteriores. Hice que los valores fueran aleatorios, pero muy, muy, muy legible.

function explosion () {  
     alert("¡¡BOOM!!");  
     document.write("<h1>¡¡BOOM!! Elegiste un area minada. Perdiste :(</h1>");  
}  
function ganaste () {  
     document.write("Eres un ganador ;)");  
}  
  
acero = Math.floor(Math.random() * 2);  
auno = Math.floor(Math.random() * 2);  
ados = Math.floor(Math.random() * 2);  
bcero = Math.floor(Math.random() * 2);  
buno = Math.floor(Math.random() * 2);  
bdos = Math.floor(Math.random() * 2);  
ccero = Math.floor(Math.random() * 2);  
cuno = Math.floor(Math.random() * 2);  
cdos = Math.floor(Math.random() * 2);  
  
var campo = [ [acero, auno, ados],   
              [bcero, buno, bdos],   
              [ccero, cuno, cdos] ];  
  
var textos = ["Cesped", "Bomba"];  
  
var x, y;  
  
alert("Estás en un campo minado\n" + "Elige una posición entre el 0 y el 2 para X y para Y");  
  
x = prompt("Posición en X? (Entre 0 y 2)", 0);  
  
y = prompt("Posición en Y? (Entre 0 y 2)", 0);  
  
if (x <= 2 && y <= 2) {  
    var posicion = campo[x][y];  
  
    document.write( "Pisaste " + textos[posicion] + "<br>");  
  
    if (posicion == 0) {  
        ganaste();  
    } else {  
        explosion();  
    }  
}  
else {  
    document.write("¡TE SALISTE DEL CAMPO!")  
    explosion();  
}

Juan Javier Arce Tibaduisa

student•

Hola buena tarde,

una sugerencia con respecto al condicional planteado, es que aparte de determinar que el numero suministrado por el usuario no sea superior al numero que se haya determinado, este caso (2), también se debe agregar que no sea inferior a (0) por que entrarían todos los números negativos y el juego en este caso no hace nada cuando se suministra números así.

Cesar Anzules

student•

Campo minado aleatorio :) (Y)

var campo = [ [ a , a , a ] ,
[ a , a , a ] ,
[ a, a , a ] ];

var textos = ["Cesped", "Bomba"];

var x, y;

alert("Estás en un campo minado\n" +
"Elije una posición entre el 0 y el 2 para X y para Y");

x = prompt("Posición en X? (entre 0 y 2)");
y = prompt("Posición en Y? (entre 0 y 2)");

if(x <= 2 && y <= 2)
{
var posicion = campo[x][y];

if(posicion == 1)
{
explosion();
document.write("<h2>"+"Elegiste " + textos[posicion] +"</h2>"+ "<br />");
}
else
{
ganaste();
document.write("<h2>"+"Elegiste " + textos[posicion] +"</h2>"+ "<br />");
}
}
else
{
document.write("¡Te saliste del campo!");
explosion();
}

Luis Yanes Murillo

student•

Compañero, tu idea de un campo minado aleatorio es buenísima, pero al revisar detenidamente tu código me doy cuenta que al llenar las 9 posiciones con la variable a, al finalizar la matriz tendrá o puros 0 o puros 1, la manera de que realmente cada posición sea aleatoria sería creando 9 variables distintas, una para cada posición, y a cada una de ellas asignarle un valor aleatorio entre 1 y 0. Espero haberme explicado.

Juan Andres R

student•

Este es mi codigo, hize las opciones aleatorias, agregue un arreglo a la condicion ya que se aceptaban numero negativos y tambien cuando se elige se empieza primero por el eje Y y luego por el X, haci que cambie eso en la posicion para que el usuario realmente este escogiendo las cordenadas (x,y) y no las cordenadas (y,x) al cambiar minas[x][y] a minas[y][x], no se si me hize entender en esta ultima modificacion.

function explosion()
{
alert("Perdiste");
document.write("<h1>Elegiste un area minada </h1>");
}

function noExplosion()
{
alert("Ganaste");
document.write("<h1>Elgiste un area sin minas :D</h1>")
}

function aleatorio(minimo, maximo)

{
var numero = Math.floor( Math.random() * (maximo - minimo + 1) + minimo);
return numero;
}

var numero1 = aleatorio(0,1);
var numero2 = aleatorio(0,1);
var numero3 = aleatorio(0,1);
var numero4 = aleatorio(0,1);
var numero5 = aleatorio(0,1);
var numero6 = aleatorio(0,1);
var numero7 = aleatorio(0,1);
var numero8 = aleatorio(0,1);
var numero9 = aleatorio(0,1);

var minas = [ [ numero1 ,numero2 ,numero3],
[ numero4, numero5, numero6],
[ numero7, numero8, numero9] ];

var x;
var y;
var campo = ["Cesped","Bomba"]

alert("Estas en un campo minado, elige tu posicion:");

x = prompt("Cual es tu posicion en x entre (0,2):",0);
y = prompt("Cual es tu posicion en y entre (0,2):",0);

if (x <= 2 && x >= 0 && y <= 2 && y >= 0)
{
var posicion = minas[y][x]
document.write("<h1>elegiste <h1>" + campo[posicion]);

if (posicion == 1)
{

explosion()
}

else
{
noExplosion()
}
}

else if(x > 2 || y > 2)
{
alert("Te saliste del campo!!!!!")
explosion()
}

else
{
alert("No elegiste una opcion valida");
}

Mario Ruano Fernández

student•

+1 En mi opinión, creo que esta es una interesante mejora del código, mezclando el ejercicio de piedra, papel o tijera con el de campo minado.

Kembert Isaac Nieves Briceño

student•

Muy bueno!!

Emi Garcia

student•

buenas ,freddy tengo una duda en esta clase , ¿por que si pongo la variable "posicion" dentro de las condicionales si funciona el else y si lo pongo fuera no?. Gracias

Erick Orlando Velasco Martínez

student•

La declaración de una variable depende del ambito, si lo declaras dentro de un bloque, solo puede ser accesible desde ese ámbito

Deivid Rojas

student•

muy buena explicación, y el curso cada ves es mas interesante, es muy simple la estructura del HTML y Javascript es un lenguaje muy sencillo de aprender

Germán Restrepo Fernández

student•

El mismo juego asignando valores aleatorios a la matriz que cambian cada vez que se carga.

function aleatorio(minimo, maximo)  
{  
    var numero = Math.floor( Math.random() * (maximo - minimo + 1) + minimo);  
    return numero;  
}  
  
function explosion()  
{  
    alert("BOOM!!");  
    document.write("<h1>BOOM! Elegiste un area minada :(</h1>");  
}  
  
function ganaste()  
{  
    document.write("Eres un ganador :)");      
}  
  
// Definimos la matriz con todos los valores en cero  
var campo = [ [ 0 , 0 , 0 ] ,  
              [ 0 , 0 , 0 ] ,  
              [ 0 , 0 , 0 ] ];  
  
// Asignamos valores aleatorios a cada casilla  
for (i = 0; i < 3; i++)  
{  
    for (j = 0; j < 3; j++)  
    {  
        campo[i][j] = aleatorio(0,1);  
    }  
}  
  
var textos = ["Cesped", "Bomba"];  
  
var x, y;  
  
alert("Estás en un campo minado\n" +  
      "Elije una posición entre el 0 y el 2 para X y para Y");  
  
x = prompt("Posición en X? (entre 0 y 2)");  
y = prompt("Posición en Y? (entre 0 y 2)");  
  
  
if(x <= 2 && y <= 2)  
{  
    var posicion = campo[x][y];  
    document.write("Elegiste " + textos[posicion] + "<br />");  
    if(posicion == 1)  
    {  
        explosion();  
    }  
    else  
    {  
        ganaste();  
    }  
}  
else  
{  
    document.write("¡Te saliste del campo!");  
    explosion();  
}

Felipe Carrión

student•

Tengo una pregunta, como controlo que el usuario en su infinita sabiduría no me introduzca números negativos? Solo lo puedo realizar a través de los elementos de comparación? ( x <= 2 && x > -1 ). Gracias!

Nicolás Bobb

student•

if((x <= 2 && x >=0) && (y <= 2 && y >=0))

Edgardo Raúl Galletto

student•

Y en el caso de que ponga cualquier cosa que no sea un número entero entre en cero y el dos? Habría que filtrar eso también.

Antoly Rasmey

student•

Comparto mi aporte Excelente curso cada día aprendiendo mas!
Javascript:

//Se declaran las funciones explosion (Perdistes), ganastes,  
//paso_infalso (al salir del campo) y aleatorio generando  
//numeros entre el 0 y el 1 dentro de la matriz.  
function explosion()  
{  
    alert("BOOM!!");  
    document.write("<h1>Caistes en un mina!</h1>");  
    document.write(textos [posición]);  
}  
function ganastes()  
{  
    document.write("<h1>Sobrevivistes!</h1>");  
    document.write(textos [posición]);  
}  
function paso_infalso()  
{  
    alert("BOOM!!");  
    document.write("<h1>Caistes en un mina!</h1>");  
    document.write("Salistes del campo (Perdiste)");  
}  
function aleatorio(minimo, maximo)  
{  
    var numero = Math.floor(Math.random() * (maximo - minimo +1) + minimo);  
    return numero;  
}  
// Se define la matriz donde: 1 = Bomba. 0 = Zona segura.  
var campo = [ [ aleatorio(0,1), aleatorio(0,1), aleatorio(0,1)],  
              [ aleatorio(0,1), aleatorio(0,1), aleatorio(0,1)],  
              [ aleatorio(0,1), aleatorio(0,1), aleatorio(0,1)] ];  
  
var textos = ["Elegistes una zona segura te has salvado (Ganastes)","Has activado una mina (Perdiste)"];  
var x,y;  
  
alert("Estás en un campo minado\n" +  
      "Elije una posición entre el 0 y el 2 para X y para Y");  
  
x = prompt("¿Posición en X? (entre 0 y 2)");  
  
y = prompt("¿Posición en Y? (entre 0 y 2)");  
  
if (x <= 2 && y <= 2)   
    {  
        var posición = campo [x] [y];  
          
        if (posición == 1)  
        {  
            explosion();  
        }  
        else  
        {  
            ganastes();      
        }  
    }  
    else   
    {  
        paso_infalso();  
    }

Ricardo Arratia Joglar

student•

//una forma de elegir al azar las minas es:

function aleatorio(minimo,maximo){
var numero = Math.floor(Math.random()*(maximo - minimo + 1) - minimo);
return numero;
}

function explosion()
{
alert("BOOM!!");
document.write("<h1>BOOM! Elegiste un area minada :(</h1>");
}
function ganaste()
{
document.write("Eres un ganador :)");
}

//1 = Bomba. 0 = No hay bomba
/*var campo = [ [ 1 , 0 , 0 ] ,
[ 0 , 1 , 0 ] ,
[ 1 , 0 , 1 ] ];*/
var i,j;
var campo = new Array(3); // creo campo como un vector de tres dimensiones
alert("pasé la primera definición de array");
for(i = 0; i < 3;i++)
campo[i] = new Array(3); // genero una matriz de 3x3
// ahora genero un campo minado al azar
for(i = 0; i < 3;i++)
for(j = 0; j < 3;j++)
campo[i][j] = aleatorio(0,1); //pongo minas aleatoriamente

var textos = ["Cesped", "Bomba"];

var x, y;

alert("Estás en un campo minado\n" +
"Elije una posición entre el 0 y el 2 para X y para Y");

x = prompt("Posición en X? (entre 0 y 2)");
y = prompt("Posición en Y? (entre 0 y 2)");

if(x <= 2 && y <= 2)
{
var posicion = campo[x][y];
document.write("Elegiste " + textos[posicion] + "<br />");
if(posicion == 1)
{
explosion();
}
else
{
ganaste();
}
}
else
{
document.write("¡Te saliste del campo!");
explosion();
}

Tatiana María Tobón Arteaga

student•

**Holas,**Les comparto el código de mi buscaminas... buscaminas.html

<!DOCTYPE html>  
<html>  
  <head>  
    <meta charset="utf-8"/>  
    <title>Buscaminas</title>  
      
    <script type="text/javascript" src="js/buscaminas.js"></script>  
  </head>  
  <body>  
      <h1 style="text-align: center; font-family: 'Indie Flower', cursive;">Buscaminas!!!</h3>  
        
      <div style="display: table;margin: 0 auto;">  
          <table>  
            <tr>  
                <td>  
                    <a id="position_0_0" href="#" onclick="jugarBuscaminas(0, 0)"><img src="img/square.png" width="120" height="120"/></a>  
                </td>  
                <td>  
                    <a id="position_0_1" href="#" onclick="jugarBuscaminas(0, 1)"><img src="img/square.png" width="120" height="120"/></a>  
                </td>  
                <td>  
                    <a id="position_0_2" href="#" onclick="jugarBuscaminas(0, 2)"><img src="img/square.png" width="120" height="120"/></a>  
                </td>  
            </tr>  
            <tr>  
                <td>  
                    <a id="position_1_0" href="#" onclick="jugarBuscaminas(1, 0)"><img src="img/square.png" width="120" height="120"/></a>  
                </td>  
                <td>  
                    <a id="position_1_1" href="#" onclick="jugarBuscaminas(1, 1)"><img src="img/square.png" width="120" height="120"/></a>  
                </td>  
                <td>  
                    <a id="position_1_2" href="#" onclick="jugarBuscaminas(1, 2)"><img src="img/square.png" width="120" height="120"/></a>  
                </td>  
            </tr>  
            <tr>  
                <td>  
                    <a id="position_2_0" href="#" onclick="jugarBuscaminas(2, 0);"><img src="img/square.png" width="120" height="120"/></a>  
                </td>  
                <td>  
                    <a id="position_2_1" href="#" onclick="jugarBuscaminas(2, 1)"><img src="img/square.png" width="120" height="120"/></a>  
                </td>  
                <td>  
                    <a id="position_2_2" href="#" onclick="jugarBuscaminas(2, 2)"><img src="img/square.png" width="120" height="120"/></a>  
                </td>  
            </tr>  
          </table>  
      </div>  
  </body>  
</html>

buscaminas.js

var buscaminas = [ [randomBuscaminas(0, 1), randomBuscaminas(0, 1), randomBuscaminas(0, 1)],  
                   [randomBuscaminas(0, 1), randomBuscaminas(0, 1), randomBuscaminas(0, 1)],  
                   [randomBuscaminas(0, 1), randomBuscaminas(0, 1), randomBuscaminas(0, 1)] ];  
function randomBuscaminas(minimo, maximo){  
    var numero = Math.floor( Math.random() * (maximo - minimo + 1) + minimo );  
    return numero;  
}  
function jugarBuscaminas(posicionX, posicionY){  
    if(buscaminas[posicionX][posicionY] == 0){  
        document.getElementById("position_" + posicionX + "_" + posicionY).innerHTML = "<a href='#'><img src='img/no_boom.png' height='120' width='120'></a>";  
    }else{  
       document.getElementById("position_" + posicionX + "_" + posicionY).innerHTML = "<a href='#'><img src='img/boom.jpg' height='120' width='120'></a>";  
    }  
}

Mario Ruano Fernández

student•

Buen aporte! +1
En mi caso no utilicé la etiqueta de tabla, sino que lo hice con div. Y en lugar de usar una imagen .png usé código CSS (gris para el cuadrado, verde para zona limpia y rojo para zona con mina).
Cuando piso área limpia el programa te deja seleccionar otra área. Si es una zona de mina salta un alert("BOOM! Sorry, but you lose");
Ahora quiero conseguir que el navegador se reinicie cuando se pisa mina.

Kembert Isaac Nieves Briceño

student•

Wow! genial, puedo preguntar como subiste tu codigo en ese formato?

Daniel Martín

student•

Hago aquí otro pequeño aporte, básicamente le da "vida" al juego, pues las posiciones dejan de ser estáticas y se convierten en aleatorias.

Para aplicarlo, se debe agregar una función con Math.floor, tal cual se enseña en la clase anterior para el uso del juego de Piedra, Papel o Tijera.

function aleatorio(minimo, maximo)

    var numero = Math.floor( Math.random() * (maximo - minimo + 1) + minimo );

    return numero;

Posteriormente debe remplazarse nuestro campo minado a base de la anterior función

var campo = [ [aleatorio(0,1),aleatorio(0,1),aleatorio(0,1)],

            [aleatorio(0,1),aleatorio(0,1),aleatorio(0,1)],

            [aleatorio(0,1),aleatorio(0,1),aleatorio(0,1)] ];

Oscar

student•

Muy bueno, pero esto podría sacar solo Unos o solo Ceros en toda la matríz, ¿cierto?. ¿Como hacerle para guardar una proporción digamos 70/30 o 60/40 entre minas y cesped?

Oscar Daniel Piñeros Hernández

student•

Me molesta mucho el lenguaje, en ocaciones, hiriente, de este señor. Por ejemplo, cuando dice que los usuarios son una "manada de imbéciles". Qué irrespetuoso tratando de ser "cool".

William Nolasco Barrientos

student•

Cada persona tiene su manera de ser.El por su parte tiene su personalidad que es hablar así directamente , fluidamente y un poco con ese humor grotesco, pero eso hace que la clase sea mas activa y entretenida

URΔΝΙΟ_235

student•

Se refiere a que tenemos que hacerlo como si lo fuesen a utilizar gente con una mentalidad de 2 meses, vamos que hay que ponerlo bien clarito.

Giancarlo Vera

student•

Hola! Esta es mi versión del 'campo minado'. El código tiene diferencias marcadas con la versión de Freddy. Incluí una opción para que el ganador elija si quiere volver a jugar o no. Espero sus comentarios. Saludos!

//Campo Minado  
var ejeX = [0, 1, 2];  
var ejeY = [0, 1, 2];  
  
alert('Estás en un campo minado!'  
 + '\n' + 'Deberás elegir una valor para cada eje y así determinar las coordenadas de tu posición.');  
  
var opcionX;  
var opcionY;  
//Nueva oportunidad para jugar si ganaste  
function oportunidad(){  
    var intento = prompt('¿Quieres seguir jugando?' + '\n' + 'si: 0' + '\n' + 'no :1', '0');  
    if (intento == 0) {  
        posicion();  
    }  
    else if (intento == 1){  
        alert('Gracias por participar!');  
    }  
}  
function perdiste(){  
    alert('Te ubicaste en las coordenadas ' + '(' + opcionX + ',' + opcionY +')' + ' ..BOOM!');  
    document.write('<h2>Explotaste! Lo sentimos :(</h2>');  
}  
function ganaste(){  
    alert('Te ubicaste en las coordenadas ' + '(' + opcionX + ',' + opcionY +')' + ' ..WIN!');  
    document.write('<h2>Ganaste! Felicidades :)</h2>');  
    oportunidad();  
}  
function posicion(){  
    opcionX = prompt('Elige un valor para X entre 0 y 2');  
    opcionY = prompt('Elige un valor para Y entre 0 y 2');  
  
    if (opcionX > 2 && opcionY > 2) {  
        perdiste();  
    }  
    else if (opcionX > 2 && opcionY < 2) {  
        perdiste();  
    }  
    else if (opcionX < 2 && opcionY > 2) {  
        perdiste();  
    }  
    else if (opcionX == ejeX[0]) {  
        if (opcionY == ejeY[0]) {  
            perdiste();  
        }  
        else if (opcionY == ejeY[1]) {  
            ganaste();  
        }  
        else if (opcionY == ejeY[2]) {  
            perdiste();  
        }  
    }  
    else if (opcionX == ejeX[1]) {  
        if (opcionY == ejeY[0]) {  
            ganaste();  
        }  
        else if (opcionY == ejeY[1]) {  
            perdiste();  
        }  
        else if (opcionY == ejeY[2]) {  
            perdiste();  
        }  
    }  
    else if (opcionX == ejeX[2]) {  
        if (opcionY == ejeY[0]) {  
            ganaste();  
        }  
        else if (opcionY == ejeY[1]) {  
            ganaste();  
        }  
        else if (opcionY == ejeY[2]) {  
            perdiste();  
        }  
    }  
}  
posicion();

Rowinson Eduardo Pineda Pérez

student•

Esta muy bien tu iniciativa de hacerlo diferente, pero no es recursivo tiene muchas lineas de código, es redundante haces muchos llamados a las funciones perdiste() y ganaste(). La idea es con menos lineas hacer lo mismo.

Jesus Daniel

student•

//Buenas compañeros este es mi aporte sobre el juego para hacerlo mas interesante espero les guste.  
function explosion()  
{  
    alert("BOOM!");  
    document.write("<h1>BOOM! Elegiste un area minada :(</h1>");  
}  
function ganaste()  
{  
    document.write("Eres un ganador :)" + "<br />")  
}  
  
var campo = [ [ 1 , 0 , 0 , 1 , 1 , 0 , 0 , 0 , 1 , 0 ] ,  
              [ 0 , 1 , 0 , 0 , 0 , 0 , 1 , 1 , 1 , 0 ] ,  
              [ 0 , 0 , 0 , 0 , 1 , 1 , 0 , 1 , 0 , 1 ] ,  
              [ 0 , 1 , 0 , 1 , 0 , 1 , 0 , 1 , 0 , 1 ] ,  
              [ 1 , 1 , 0 , 1 , 0 , 0 , 1 , 0 , 1 , 1 ] ,  
              [ 1 , 0 , 0 , 1 , 0 , 0 , 1 , 1 , 0 , 0 ] ,  
              [ 0 , 1 , 1 , 0 , 0 , 1 , 0 , 1 , 1 , 1 ] ,  
              [ 1 , 0 , 0 , 0 , 1 , 1 , 0 , 1 , 0 , 0 ] ,  
              [ 0 , 1 , 0 , 0 , 1 , 0 , 1 , 0 , 1 , 0 ] ,  
              [ 1 , 1 , 1 , 1 , 1 , 0 , 1 , 1 , 1 , 1 ] ];  
  
var textos = ["un lugar seguro!", "una bomba!"];  
  
var x, y;  
  
alert("estas en un campo minado\n" +  
    "Elige una posición entre el 0 y el 9 para X y para Y");  
  
x = prompt("Posición en X? (entre 0 y 9)", 0);  
y = prompt("Posición en Y? (entre 0 y 9)", 0);  
  
  
if(x < 10 && y < 10)  
{  
    var posicion = campo[x][y];  
    document.write("Elegiste " + textos[posicion] + "<br />");  
    if(posicion == 1)  
    {  
        explosion();  
    }  
    else  
    {  
        ganaste();  
    }  
}  
else  
{  
    document.write("¡Te salistes del campo!");  
    explosion();  
}

Jhon

student•

No se si estoy equivocado pero realmente estoy confundido , cada vez que el profesor elige un valor del array ,según mis conceptos de secundaria el elige al reves, o sea en el eje x elige valor de Y y en el eje y elige un valor de X , esto realmente me está confundiendo , quisiera que porfavorrrr!!! Me corrijan si estoy mal ya que no puedo avanzar con esa duda !! ... Ejemplo :

101 010 111 En su variable escoge campo(1)(0)

El resultado debería ser 0 pero el segundo cero horizontal de la primera fila, pero el profesor elige cómo dato 0 pero de la fila vertical ... Ayudaaa!!!!

Usuario anónimo

user•

Estamos igual .-.

Usuario anónimo

user•

Acabo de comprobarlo, si están alrevez e inclusive traté de corregirlo porque pensé que el problema se debía a que el orden estaba mal pero probé con todo y nada, siempre el valor de las "X" sigue siendo el de las "Y", y el de las "Y" me da el de las "X".

var x, y;  
  
x=prompt("Posición en x (elige 1 o 2)");  
  
y=prompt("Posición en y (elige 1 o 2");  
  
var y, x;  
  
y=prompt("Posición en y (elige 1 o 2)");  
  
x=prompt("Posición en x (elige 1 o 2");  
  
var x, y;  
  
y=prompt("Posición en y (elige 1 o 2)");  
  
x=prompt("Posición en x (elige 1 o 2");  
      
var y, x;  
  
x=prompt("Posición en x (elige 1 o 2)");  
  
y=prompt("Posición en y (elige 1 o 2");

jose martinez

student•

Hola aquí dejo mi código.

<!DOCTYPE html> <html lang="es"> <head> <meta charset="UTF-8"> <title>Game</title> <script type="text/javascript" src="./minas.js"></script> </head> <body> <h1>Busca minas XD</h1> <label>Coordenada Y:</label> <input type="number" id="y" value="0"/> <label>Coordenada X:</label> <input type="number" id="x" value="0"/> <button onclick="game()">Lanza tus coordenadas</button> <p id="print"></p> </body> </html>

minas.js

var tablero =
[
["1","0","1","0","0"],
["0","0","1","1","0"],
["1","1","1","1","0"],
["0","1","0","0","1"],
["1","1","0","0","0"]

];

Dario nicolas Orazi

student•

Hola en base a tu codigo que me parecio interesante ya que no tengo mucho conocimiento en html pero me parecio usar un range en ves de un tipo number y asi no hacer la validacion dentro de minas.js aunque no pude encontrar la forma de mover el "label" por asi decirlo junto con el range espero que no te moleste que te haya robado el codigo gracias por compartirlo

arrays.html

<!DOCTYPE html> <html lang="es"> <head> <meta charset="UTF-8"> <title>Game</title> <script type="text/javascript" src="./minas.js"></script> </head> <body> <h1>Busca minas XD</h1> <fieldset> <label for="y">Coordenada Y:</label> <input type="range" id="y" name="y" value="0" min="0" max="4" onchange="document.getElementById('labelrangey').innerHTML = this.value" step="1"/> <div style="padding-left:100px;"> <em id="labelrangey" style="font-style: italic"></em> </div> </fieldset> <br> <fieldset> <label>Coordenada X:</label> <input type="range" id="x" name="x" value="0" min="0" max="4" onchange="document.getElementById('labelrangex').innerHTML = this.value" step="1"/> <div style="padding-left:100px;"> <em id="labelrangex" style="font-style: italic"></em> </div> </fieldset> <br> <br> <button onclick="game()">Lanza tus coordenadas</button> <p id="print"></p> </body> </html>

minas.js

var tablero =
[
["1","0","1","0","0"],
["0","0","1","1","0"],
["1","1","1","1","0"],
["0","1","0","0","1"],
["1","1","0","0","0"]

];

function game(){
var a = document.getElementById("y").value;
var b = document.getElementById("x").value;

var resultado = tablero[a][b];
if ( resultado == 1 ){
document.getElementById("print").innerHTML = "<h3>Sigue buscando.</h3>";
} else if( resultado == 0 ){
document.getElementById("print").innerHTML = "<h2>Has encontrado una mina. Felicidades has muerto XD.</h2>";
}
}

Sebastian Suarez

student•

Una buena práctica no sería hacer el:

if(posicion == 1)

convertirlo a

if(textos[posicion] == "bomba")

para que sea legible y fácilmente entendible, no?

Rowinson Eduardo Pineda Pérez

student•

Correto, pensé exactamente lo mismo. Cuando estemos depurando código no desarrollado por nosotros el caso que tanto habla Freddy del 80/20, es difícil entender que 1 es bomba, en cambio como lo sugieres es mucho más fácil.

function aleatorio(minimo, maximo) {  
    var numero = Math.floor(Math.random()*(maximo - minimo + 1) + minimo);  
    return numero;  
}  
  
x = prompt("Valores en x? ");  
y = prompt("Valores en y? ");  
alert("Tu matriz es de: " + x + " X " + y);  
  
numeroDeBombas = prompt("Cuantas bombas desea poner en el Campo?");  
alert("Elegiste " + numeroDeBombas + " bombas!!");  
  
var campo1 = [];  
campo1.length = x;  
  
var cesped = 0;  
var bomba = 1;  
  
var m = 0;  
  
for (i = 0; i < x; i++) {  
  
    campo1[i] = [];  
  
    for (z = 0; z < y; z++){  
  
        if (campo1[i][z] != bomba) {  
  
            campo1[i][z] = cesped;  
        }  
    }  
  
    contador = 0;  
}  
  
while (m < numeroDeBombas) {  
  
    posicionx = aleatorio(0,(x - 1));  
    posiciony = aleatorio(0,(y - 1));  
  
    if (campo1[posicionx][posiciony] != bomba) {  
  
        campo1[posicionx][posiciony] = bomba;  
  
    } else if (campo1[posicionx][posiciony] == bomba) {  
  
        m--;  
    }  
  
    m++;  
}  
  
for (n = 0; n < x; n++) {  
    for (l = 0; l < y; l++){  
        document.write(campo1[n][l] + ", ");  
    }  
    document.write("<br>");  
}

<!DOCTYPE html>  
<html>  
<head>  
    <meta charset= "utf-8"/>  
    <title>Matrices</title>  
    <script type="text/javascript" src="matriz.js">  
    </script>  
    <style type="text/css">  
    html{  
        color: lightblue;  
        background-color: black;  
        text-align: center;  
    }  
    #vida{color: lightgreen;}  
    #numerobomba{color: yellow}  
    #puntaje{color: orange}  
        </style>  
  
</head>  
<body>  
    <h1 id="titulo">Buscaminas</h1>  
    <h2 id="vida">Vida: 100</h2>  
    <h2 id="numerobomba">Bomba o Cesped</h2>  
    <h2 id="puntaje">Puntaje: 0</h2>  
    <input type="button" id="1" value="  ">  
    <input type="button" id="2" value="  ">  
    <input type="button" id="3" value="  ">  
    <input type="button" id="4" value="  ">  
    <br>  
    <input type="button" id="5" value="  ">  
    <input type="button" id="6" value="  ">  
    <input type="button" id="7" value="  ">  
    <input type="button" id="8" value="  ">  
    <br>  
    <input type="button" id="9" value="  ">  
    <input type="button" id="10" value="  ">  
    <input type="button" id="11" value="  ">  
    <input type="button" id="12" value="  ">  
    <br>  
    <input type="button" id="13" value="  ">  
    <input type="button" id="14" value="  ">  
    <input type="button" id="15" value="  ">  
    <input type="button" id="16" value="  ">  
    <br><br>  
    <input type="button" id="reiniciar" value="Reiniciar">  
    <script type="text/javascript">  
    inicio();  
    </script>  
</body>  
</hmtl>

function inicio ()  
{  
    alert("Estas en un Campo minado\nCada ves que toques una bomba perderas 10 de vida\nCada ves que no toques una bomba ganas 100 puntos\nSI LLEGAS A 1000 puntos Ganas!!!!!!" )  
    puntaje=0  
    vida=100  
    vidai=vida  
    asignar();  
    paso2();  
}  
function generar(minimo, maximo)  
{  
    var numero = Math.floor( Math.random() * (maximo - minimo + 1) + minimo );  
    return numero;  
}  
var num=[ , "1","2","3","4","5","6","7","8","9","10","11","12","13","14","15","16"]  
var a1, a2, a3, a4, a5, a6, a7, a8, a9, a10, a11, a12, a13, a14, a15, a16, nboton, vida, vivo, vidai,puntaje;  
var codigo=[ , a1, a2, a3,a3, a4, a5, a6, a7, a8, a9, a10, a11, a12, a13, a14, a15, a16]  
nboton=[ ,push1 ,push2,push3,push4,push5,push6,push7,push8,push9,push10,push11,push12,push13,push14,push15,push16]  
  
function paso2()  
{  
    var textovida=document.getElementById("vida");  
    textovida.textContent="Vida "+vida  
    boton();  
}  
function boton()  
{    for (var i = 1; i <= 16; i++) {  
        var n=i;  
        codigo[i]=document.getElementById(num[i])  
        var botocito=codigo[i];  
        botocito.addEventListener("click", nboton[i])  
        i=n};  
}  
  
//Botones y Accion de Boton  
function push1 ()  
{comprobar(0,0)}  
function push2 ()  
{comprobar(0,1)}  
function push3 ()  
{comprobar(0,2)}  
function push4 ()  
{comprobar(0,3)}  
function push5 ()  
{comprobar(1,0)}  
function push6 ()  
{comprobar(1,1)}  
function push7 ()  
{comprobar(1,2)}  
function push8 ()  
{comprobar(1,3)}  
function push9 ()  
{comprobar(2,0)}  
function push10 ()  
{comprobar(2,1)}  
function push11 ()  
{comprobar(2,2)}  
function push12 ()  
{comprobar(2,3)}  
function push13 ()  
{comprobar(3,0)}  
function push14 ()  
{comprobar(3,1)}  
function push15 ()  
{comprobar(3,2)}  
function push16 ()  
{comprobar(3,3)}  
  
var textos=["Cesped","Bomba"];  
var campo = [[,,,],[,,,],[,,,],[,,,]];  
function asignar()  
{  
    for (var a = 0; a<4 ;a++)  
    { campo[0][a]=generar(0,1)  
      campo[1][a]=generar(0,1)  
      campo[2][a]=generar(0,1)  
      campo[3][a]=generar(0,1)}      
      
       
}  
function comprobar(n,e)  
{  
    if (vida>0)   
    {    if (puntaje==1000) {ganaste();}  
        else  
        {  
            var posicion=campo[n][e]  
            if (posicion==1) {bomba();}  
            else { nobomba();}  
            asignar();  
        }  
    }  
    else {perdiste();}  
}  
function bomba()  
{  
    var textovida=document.getElementById("vida");  
    var textor=document.getElementById("numerobomba");  
    vida=vida-10  
    textovida.textContent="Vida "+vida  
    textor.textContent="Bomba"      
    alert("BOOOOOOMMMMMM \nPierdes 10 de Vida")  
      
}  
function perdiste()  
{  
    var textovida=document.getElementById("vida");  
    var textor=document.getElementById("numerobomba");  
    textor.textContent="Perdiste"  
    reiniciar();  
}  
function ganaste()  
{  
    alert("GANASTE LLEGASTE A 1000 points")  
    reinicio();  
}  
function nobomba()  
{  
puntaje=puntaje+100;  
var textovida=document.getElementById("vida");  
var textor=document.getElementById("numerobomba");  
var puntajer=document.getElementById("puntaje");  
textor.textContent="Cesped"  
textovida.textContent="Vida "+vida  
puntajer.textContent="Puntaje "+puntaje  
}  
function reiniciar()  
{  
    var reiniciar=document.getElementById("reiniciar")  
    reiniciar.addEventListener("click",reinicio)  
}  
function reinicio()  
{  
    vida=vidai  
    puntaje=0  
    var textovida=document.getElementById("vida");  
    textovida.textContent="Vida "+vida  
    var textor=document.getElementById("numerobomba");  
    textor.textContent="Bomba o Cesped :)"  
    var puntajer=document.getElementById("puntaje");  
    puntajer.textContent="Puntaje "+puntaje  
}

function explosion () {  
     alert("¡¡BOOM!!");  
     document.write("<h1>¡¡BOOM!! Elegiste un area minada. Perdiste :(</h1>");  
}  
function ganaste () {  
     document.write("Eres un ganador ;)");  
}  
  
acero = Math.floor(Math.random() * 2);  
auno = Math.floor(Math.random() * 2);  
ados = Math.floor(Math.random() * 2);  
bcero = Math.floor(Math.random() * 2);  
buno = Math.floor(Math.random() * 2);  
bdos = Math.floor(Math.random() * 2);  
ccero = Math.floor(Math.random() * 2);  
cuno = Math.floor(Math.random() * 2);  
cdos = Math.floor(Math.random() * 2);  
  
var campo = [ [acero, auno, ados],   
              [bcero, buno, bdos],   
              [ccero, cuno, cdos] ];  
  
var textos = ["Cesped", "Bomba"];  
  
var x, y;  
  
alert("Estás en un campo minado\n" + "Elige una posición entre el 0 y el 2 para X y para Y");  
  
x = prompt("Posición en X? (Entre 0 y 2)", 0);  
  
y = prompt("Posición en Y? (Entre 0 y 2)", 0);  
  
if (x <= 2 && y <= 2) {  
    var posicion = campo[x][y];  
  
    document.write( "Pisaste " + textos[posicion] + "<br>");  
  
    if (posicion == 0) {  
        ganaste();  
    } else {  
        explosion();  
    }  
}  
else {  
    document.write("¡TE SALISTE DEL CAMPO!")  
    explosion();  
}

function aleatorio(minimo, maximo)  
{  
    var numero = Math.floor( Math.random() * (maximo - minimo + 1) + minimo);  
    return numero;  
}  
  
function explosion()  
{  
    alert("BOOM!!");  
    document.write("<h1>BOOM! Elegiste un area minada :(</h1>");  
}  
  
function ganaste()  
{  
    document.write("Eres un ganador :)");      
}  
  
// Definimos la matriz con todos los valores en cero  
var campo = [ [ 0 , 0 , 0 ] ,  
              [ 0 , 0 , 0 ] ,  
              [ 0 , 0 , 0 ] ];  
  
// Asignamos valores aleatorios a cada casilla  
for (i = 0; i < 3; i++)  
{  
    for (j = 0; j < 3; j++)  
    {  
        campo[i][j] = aleatorio(0,1);  
    }  
}  
  
var textos = ["Cesped", "Bomba"];  
  
var x, y;  
  
alert("Estás en un campo minado\n" +  
      "Elije una posición entre el 0 y el 2 para X y para Y");  
  
x = prompt("Posición en X? (entre 0 y 2)");  
y = prompt("Posición en Y? (entre 0 y 2)");  
  
  
if(x <= 2 && y <= 2)  
{  
    var posicion = campo[x][y];  
    document.write("Elegiste " + textos[posicion] + "<br />");  
    if(posicion == 1)  
    {  
        explosion();  
    }  
    else  
    {  
        ganaste();  
    }  
}  
else  
{  
    document.write("¡Te saliste del campo!");  
    explosion();  
}

//Se declaran las funciones explosion (Perdistes), ganastes,  
//paso_infalso (al salir del campo) y aleatorio generando  
//numeros entre el 0 y el 1 dentro de la matriz.  
function explosion()  
{  
    alert("BOOM!!");  
    document.write("<h1>Caistes en un mina!</h1>");  
    document.write(textos [posición]);  
}  
function ganastes()  
{  
    document.write("<h1>Sobrevivistes!</h1>");  
    document.write(textos [posición]);  
}  
function paso_infalso()  
{  
    alert("BOOM!!");  
    document.write("<h1>Caistes en un mina!</h1>");  
    document.write("Salistes del campo (Perdiste)");  
}  
function aleatorio(minimo, maximo)  
{  
    var numero = Math.floor(Math.random() * (maximo - minimo +1) + minimo);  
    return numero;  
}  
// Se define la matriz donde: 1 = Bomba. 0 = Zona segura.  
var campo = [ [ aleatorio(0,1), aleatorio(0,1), aleatorio(0,1)],  
              [ aleatorio(0,1), aleatorio(0,1), aleatorio(0,1)],  
              [ aleatorio(0,1), aleatorio(0,1), aleatorio(0,1)] ];  
  
var textos = ["Elegistes una zona segura te has salvado (Ganastes)","Has activado una mina (Perdiste)"];  
var x,y;  
  
alert("Estás en un campo minado\n" +  
      "Elije una posición entre el 0 y el 2 para X y para Y");  
  
x = prompt("¿Posición en X? (entre 0 y 2)");  
  
y = prompt("¿Posición en Y? (entre 0 y 2)");  
  
if (x <= 2 && y <= 2)   
    {  
        var posición = campo [x] [y];  
          
        if (posición == 1)  
        {  
            explosion();  
        }  
        else  
        {  
            ganastes();      
        }  
    }  
    else   
    {  
        paso_infalso();  
    }

<!DOCTYPE html>  
<html>  
  <head>  
    <meta charset="utf-8"/>  
    <title>Buscaminas</title>  
      
    <script type="text/javascript" src="js/buscaminas.js"></script>  
  </head>  
  <body>  
      <h1 style="text-align: center; font-family: 'Indie Flower', cursive;">Buscaminas!!!</h3>  
        
      <div style="display: table;margin: 0 auto;">  
          <table>  
            <tr>  
                <td>  
                    <a id="position_0_0" href="#" onclick="jugarBuscaminas(0, 0)"><img src="img/square.png" width="120" height="120"/></a>  
                </td>  
                <td>  
                    <a id="position_0_1" href="#" onclick="jugarBuscaminas(0, 1)"><img src="img/square.png" width="120" height="120"/></a>  
                </td>  
                <td>  
                    <a id="position_0_2" href="#" onclick="jugarBuscaminas(0, 2)"><img src="img/square.png" width="120" height="120"/></a>  
                </td>  
            </tr>  
            <tr>  
                <td>  
                    <a id="position_1_0" href="#" onclick="jugarBuscaminas(1, 0)"><img src="img/square.png" width="120" height="120"/></a>  
                </td>  
                <td>  
                    <a id="position_1_1" href="#" onclick="jugarBuscaminas(1, 1)"><img src="img/square.png" width="120" height="120"/></a>  
                </td>  
                <td>  
                    <a id="position_1_2" href="#" onclick="jugarBuscaminas(1, 2)"><img src="img/square.png" width="120" height="120"/></a>  
                </td>  
            </tr>  
            <tr>  
                <td>  
                    <a id="position_2_0" href="#" onclick="jugarBuscaminas(2, 0);"><img src="img/square.png" width="120" height="120"/></a>  
                </td>  
                <td>  
                    <a id="position_2_1" href="#" onclick="jugarBuscaminas(2, 1)"><img src="img/square.png" width="120" height="120"/></a>  
                </td>  
                <td>  
                    <a id="position_2_2" href="#" onclick="jugarBuscaminas(2, 2)"><img src="img/square.png" width="120" height="120"/></a>  
                </td>  
            </tr>  
          </table>  
      </div>  
  </body>  
</html>

var buscaminas = [ [randomBuscaminas(0, 1), randomBuscaminas(0, 1), randomBuscaminas(0, 1)],  
                   [randomBuscaminas(0, 1), randomBuscaminas(0, 1), randomBuscaminas(0, 1)],  
                   [randomBuscaminas(0, 1), randomBuscaminas(0, 1), randomBuscaminas(0, 1)] ];  
function randomBuscaminas(minimo, maximo){  
    var numero = Math.floor( Math.random() * (maximo - minimo + 1) + minimo );  
    return numero;  
}  
function jugarBuscaminas(posicionX, posicionY){  
    if(buscaminas[posicionX][posicionY] == 0){  
        document.getElementById("position_" + posicionX + "_" + posicionY).innerHTML = "<a href='#'><img src='img/no_boom.png' height='120' width='120'></a>";  
    }else{  
       document.getElementById("position_" + posicionX + "_" + posicionY).innerHTML = "<a href='#'><img src='img/boom.jpg' height='120' width='120'></a>";  
    }  
}

//Campo Minado  
var ejeX = [0, 1, 2];  
var ejeY = [0, 1, 2];  
  
alert('Estás en un campo minado!'  
 + '\n' + 'Deberás elegir una valor para cada eje y así determinar las coordenadas de tu posición.');  
  
var opcionX;  
var opcionY;  
//Nueva oportunidad para jugar si ganaste  
function oportunidad(){  
    var intento = prompt('¿Quieres seguir jugando?' + '\n' + 'si: 0' + '\n' + 'no :1', '0');  
    if (intento == 0) {  
        posicion();  
    }  
    else if (intento == 1){  
        alert('Gracias por participar!');  
    }  
}  
function perdiste(){  
    alert('Te ubicaste en las coordenadas ' + '(' + opcionX + ',' + opcionY +')' + ' ..BOOM!');  
    document.write('<h2>Explotaste! Lo sentimos :(</h2>');  
}  
function ganaste(){  
    alert('Te ubicaste en las coordenadas ' + '(' + opcionX + ',' + opcionY +')' + ' ..WIN!');  
    document.write('<h2>Ganaste! Felicidades :)</h2>');  
    oportunidad();  
}  
function posicion(){  
    opcionX = prompt('Elige un valor para X entre 0 y 2');  
    opcionY = prompt('Elige un valor para Y entre 0 y 2');  
  
    if (opcionX > 2 && opcionY > 2) {  
        perdiste();  
    }  
    else if (opcionX > 2 && opcionY < 2) {  
        perdiste();  
    }  
    else if (opcionX < 2 && opcionY > 2) {  
        perdiste();  
    }  
    else if (opcionX == ejeX[0]) {  
        if (opcionY == ejeY[0]) {  
            perdiste();  
        }  
        else if (opcionY == ejeY[1]) {  
            ganaste();  
        }  
        else if (opcionY == ejeY[2]) {  
            perdiste();  
        }  
    }  
    else if (opcionX == ejeX[1]) {  
        if (opcionY == ejeY[0]) {  
            ganaste();  
        }  
        else if (opcionY == ejeY[1]) {  
            perdiste();  
        }  
        else if (opcionY == ejeY[2]) {  
            perdiste();  
        }  
    }  
    else if (opcionX == ejeX[2]) {  
        if (opcionY == ejeY[0]) {  
            ganaste();  
        }  
        else if (opcionY == ejeY[1]) {  
            ganaste();  
        }  
        else if (opcionY == ejeY[2]) {  
            perdiste();  
        }  
    }  
}  
posicion();

//Buenas compañeros este es mi aporte sobre el juego para hacerlo mas interesante espero les guste.  
function explosion()  
{  
    alert("BOOM!");  
    document.write("<h1>BOOM! Elegiste un area minada :(</h1>");  
}  
function ganaste()  
{  
    document.write("Eres un ganador :)" + "<br />")  
}  
  
var campo = [ [ 1 , 0 , 0 , 1 , 1 , 0 , 0 , 0 , 1 , 0 ] ,  
              [ 0 , 1 , 0 , 0 , 0 , 0 , 1 , 1 , 1 , 0 ] ,  
              [ 0 , 0 , 0 , 0 , 1 , 1 , 0 , 1 , 0 , 1 ] ,  
              [ 0 , 1 , 0 , 1 , 0 , 1 , 0 , 1 , 0 , 1 ] ,  
              [ 1 , 1 , 0 , 1 , 0 , 0 , 1 , 0 , 1 , 1 ] ,  
              [ 1 , 0 , 0 , 1 , 0 , 0 , 1 , 1 , 0 , 0 ] ,  
              [ 0 , 1 , 1 , 0 , 0 , 1 , 0 , 1 , 1 , 1 ] ,  
              [ 1 , 0 , 0 , 0 , 1 , 1 , 0 , 1 , 0 , 0 ] ,  
              [ 0 , 1 , 0 , 0 , 1 , 0 , 1 , 0 , 1 , 0 ] ,  
              [ 1 , 1 , 1 , 1 , 1 , 0 , 1 , 1 , 1 , 1 ] ];  
  
var textos = ["un lugar seguro!", "una bomba!"];  
  
var x, y;  
  
alert("estas en un campo minado\n" +  
    "Elige una posición entre el 0 y el 9 para X y para Y");  
  
x = prompt("Posición en X? (entre 0 y 9)", 0);  
y = prompt("Posición en Y? (entre 0 y 9)", 0);  
  
  
if(x < 10 && y < 10)  
{  
    var posicion = campo[x][y];  
    document.write("Elegiste " + textos[posicion] + "<br />");  
    if(posicion == 1)  
    {  
        explosion();  
    }  
    else  
    {  
        ganaste();  
    }  
}  
else  
{  
    document.write("¡Te salistes del campo!");  
    explosion();  
}

var x, y;  
  
x=prompt("Posición en x (elige 1 o 2)");  
  
y=prompt("Posición en y (elige 1 o 2");  
  
var y, x;  
  
y=prompt("Posición en y (elige 1 o 2)");  
  
x=prompt("Posición en x (elige 1 o 2");  
  
var x, y;  
  
y=prompt("Posición en y (elige 1 o 2)");  
  
x=prompt("Posición en x (elige 1 o 2");  
      
var y, x;  
  
x=prompt("Posición en x (elige 1 o 2)");  
  
y=prompt("Posición en y (elige 1 o 2");

Juego campo minado

Bienvenido

Aprender a programar es fácil

La Web con Visión Profesional

Aprende sobre Algoritmos

Condicionales y operadores en programación

Qué lenguaje de programación aprender primero

Material del curso / Archivos del curso

Introducción básica a HTML y Javascript para programar

Uso del sistema de vídeo y notas

Lenguajes y compiladores

HTML y Javascript

Variables y funciones

Piedra, papel y tijera con Javascript

Variables, Matrices y Objetos en Javascript

Escribir HTML desde JS (document.write)

Matrices

Juego campo minado

Objetos del navegador

Objetos en JS

Preguntas

Ciclos y Dibujos con Canvas

Ciclos

Dibujos con canvas

Dibujar con eventos

Preguntas y respuestas

Programando juegos con canvas

Tipos de imágenes

Insertar imágenes en canvas

Dibujo de múltiples imágenes en canvas

Dibujar al enemigo y controlar a Diana

Sesión de preguntas y respuestas

Uso de Objetos, Prototype y juego de ahorcado en Canvas

Objetos en JavaScript con Prototype

Creando el juego del Ahorcado

Dibujo de un ahorcado usando Canvas

Sesión de preguntas y respuestas

Cómo crear un algoritmo para el juego del ahorcado

Extendiendo la funcionalidad de los Strings

Creando nuestro algoritmo para el juego del ahorcado

Sesión de preguntas y respuestas

Pregúntale a Freddy lo que quieras ... acerca de programación ;)

Todo lo que siempre quisiste saber sobre este curso y no te atrevías a preguntar - Parte 1

Todo lo que siempre quisiste saber sobre este curso y no te atrevías a preguntar - Parte 2

Conceptos básicos de programación: Frontend-Backend

¿Qué es Frontend y Backend?

Ejemplo de un login usando POST y GET

Ejemplo de un login usando AJAX

Sesión de preguntas y respuestas

Crea tu primer servidor web con Node.JS

Instalación de Node.js

Instalación de librerías de Node con npm

Modelo cliente servidor y seguridad web básica

Servidor web con Express y Node.js

Formulario de login con Node.js

Sesión de preguntas y respuestas

Aprende a volar un dron con Javascript

Introducción a los drones

Bases de Node.js para drones

Vuela un dron con Node.js

Sesión de preguntas y respuestas

Complementos del curso

Publica tu sitio web usando GitHub Pages