https://online.pubhtml5.com/igpt/khfj/

rompecabezas

// representación del tablero del juego. // ¿Grilla y matriz serán lo mismo?. var grilla = [ [1, 2, 3], [4, 5, 6], [7, 8, 9] ]; // Para ir guardando la posición vacia del rompecabezas //Me costó comprender cuál era la posición vacía. var posicionVacia = { fila:2, columna:2 }; //ganar el juego significa que la grilla está ordenada. function chequearSiGano(){ return grillaOrdenada(); } function grillaOrdenada(){ // guardo la cantidad de filas de la grilla en una variable var cantidadFilas = grilla.length; var cantidadColumnas = grilla[0].length; // En esta variable vamos a guardar el ultimo valor visto en la grilla var ultimoValorVisto = 0; var valorActual = 0; // recorro cada fila columna por columna chequeando el orden de sus elementos for(var fila=0; fila < cantidadFilas; fila++){ for(var columna=0; columna < cantidadColumnas; columna++){ valorActual = grilla[fila][columna]; // si el valorActual es menor al ultimoValorVisto entonces no está ordenada if(valorActual < ultimoValorVisto) return false; // actualizamos el valor del ultimoValorVisto ultimoValorVisto = valorActual; } } // si llegamos hasta acá quiere decir que está ordenada return true; } //Podría usar otros elementos que muestren el resultado positivo del juego. function mostrarCartelGanador(){ alert("Ganaste"); } // Idealmente la modificación del DOM y el cambio en la Grilla estarían // desacoplados. Por el momento no queremos generar esta complicación // así que aprecen juntos function intercambiarPosiciones(fila1, columna1, fila2, columna2){ // Intercambio posiciones en la grilla var pieza1 = grilla[fila1][columna1]; var pieza2 = grilla[fila2][columna2]; grilla[fila1][columna1] = pieza2; grilla[fila2][columna2] = pieza1; // Intercambio posiciones en el DOM var elementoPieza1 = document.getElementById('pieza'+pieza1); var elementoPieza2 = document.getElementById('pieza'+pieza2); var padre = elementoPieza1.parentNode; var clonElemento1 = elementoPieza1.cloneNode(true); var clonElemento2 = elementoPieza2.cloneNode(true); padre.replaceChild(clonElemento1, elementoPieza2); padre.replaceChild(clonElemento2, elementoPieza1); } function actualizarPosicionVacia(nuevaFila,nuevaColumna){ posicionVacia.fila = nuevaFila; posicionVacia.columna = nuevaColumna; } // Esta buena para entender como funcionan los booleanos. function posicionValida(fila, columna){ return (fila >= 0 && fila <= 2) && (columna >= 0 && columna <= 2); } // Movimiento de fichas, en este caso la que se mueve es // la blanca intercambiando su posición con otro elem // Podría ser diferente el movimiento y seguir siendo correcto. function moverEnDireccion(direccion){ var nuevaFilaPieza; var nuevaColumnaPieza; // Intercambia pieza blanca con la pieza que está arriba suyo if(direccion == 40){ nuevaFilaPieza = posicionVacia.fila-1; nuevaColumnaPieza = posicionVacia.columna; } // Intercambia pieza blanca con la pieza que está abajo suyo else if (direccion == 38) { nuevaFilaPieza = posicionVacia.fila+1; nuevaColumnaPieza = posicionVacia.columna; } // Intercambia pieza blanca con la pieza que está a su ize else if (direccion == 39) { nuevaFilaPieza = posicionVacia.fila; nuevaColumnaPieza= posicionVacia.columna-1; } // Intercambia pieza blanca con la pieza que está a su der else if (direccion == 37) { nuevaFilaPieza = posicionVacia.fila; nuevaColumnaPieza = posicionVacia.columna+1; } // Hay que chequear los limites, si no se puede mover, no se mueve. if (posicionValida(nuevaFilaPieza, nuevaColumnaPieza)){ intercambiarPosiciones(posicionVacia.fila, posicionVacia.columna, nuevaFilaPieza, nuevaColumnaPieza); actualizarPosicionVacia(nuevaFilaPieza,nuevaColumnaPieza); } } // Extras, ya vienen dadas function mezclarPiezas(veces){ if(veces<=0){return;} var direcciones = [40, 38, 39, 37]; var direccion = direcciones[Math.floor(Math.random()*direcciones.length)]; moverEnDireccion(direccion); setTimeout(function(){ mezclarPiezas(veces-1); },100); } function capturarTeclas(){ document.body.onkeydown = (function(evento) { moverEnDireccion(evento.which); var gano = chequearSiGano(); if(gano){ setTimeout(function(){ mostrarCartelGanador(); },500); } evento.preventDefault(); }); } function iniciar(){ mezclarPiezas(60); capturarTeclas(); } iniciar();

Buscar este blog

pruebassss

https://online.pubhtml5.com/igpt/khfj/

Comentarios

Publicar un comentario

Entradas populares de este blog

Trabajos varios

Trabajo en el set de filmación