Trabajo en el set de filmación

mayo 06, 2018

Estuve esta semana en el set de producción de la pelicula animada de los Ponies. Usaban un pro
Me gustó el equipo de trabajo, aunque me pareció muchisimo laburo. Estaría trabajar en est

Comentarios

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

Trabajo en el set de filmación

Comentarios

Publicar un comentario

Entradas populares de este blog

Trabajos varios

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