Memorión. Ayuda. Ejercicios. PHP. Bartolomé Sintes Marco. www.mclibre.org

Memorión 1

Escriba un programa que muestre un número aleatorio de imágenes de animales.

Este programa utilizará sesiones y guardará tanto el número de dibujos como los dibujos mostrados.
```
// Nos unimos a la sesión
session_name("memorion-1");
session_start();
```

Si al acceder a la primera página no están definidas las variables de sesión, redirija a la segunda página, en la que se le dará valor.

// Si no están definidas las variables de sesión, redirigimos a la segunda página
if (!isset($_SESSION["numeroDibujos"]) || !isset($_SESSION["dibujos"])) {
    header("Location:memorion-1-2.php");
    exit;
}

Si al acceder a la segunda página no están definidas las variables de sesión, se le debe dar valor. En este programa, las variables de sesión guardarán el número de dibujos y los propios dibujos. El número de dibujos es un valor al azar. para seleccionar los dibujos podemos generar una matriz con todos los dibujos posibles, barajar la matriz y quedarnos con los primeros N elementos (siendo N el número de dibujos obtenido al azar):

// Si no están definidas las variables de sesión, las definimos
if (!isset($_SESSION["numeroDibujos"]) || !isset($_SESSION["dibujos"])) {
    // Número de dibujos en la sesión
    $_SESSION["numeroDibujos"] = rand(4, 20);

    // Matriz con todos los valores posibles (61 valores)
    $valores = range(128000, 128060);
    // Los barajamos
    shuffle($valores);
    // Guardamos los N primeros (N es el número de dibujos)
    for ($i = 0; $i < $_SESSION["numeroDibujos"]; $i++) {
        $_SESSION["dibujos"][$i] = $valores[$i];
    }
}

Las imágenes serán entidades numéricas del rango entre 128000 (🐀 = 🐀) y 28060 (🐼 = 🐼).
Al actualizar la primera página se volverán a mostrar las mismas imágenes.

Al hacer clic en el botón "Nueva partida" se cambiarán las imágenes y su número.

// Si se ha pulsado "Nueva partida" ...
if ($accion == "nueva") {
    // ... borramos la partida actual
    unset($_SESSION["numeroDibujos"], $_SESSION["dibujos"]);
    // ... y redirigimos a la primera página
    header("Location:memorion-1-1.php");
    exit;
}

Memorión 2

Añada al programa anterior dos páginas para permitir al usuario modificar el número de imágenes.

Inicialmente, las fichas están "boca abajo", es decir, no se ven las imágenes.

La primera vez que se cargue la página principal, se mostrarán 5 imágenes.

// Si no está guardado en la sesión el número de dibujos ....
if (!isset($_SESSION["numeroDibujos"])) {
    // ... guardamos el número de dibujos en la sesión
    $_SESSION["numeroDibujos"] = 5;
}

Separaremos la comprobación de ambas variables de sesión porque el usuario puede elegir mostrar nuevos dibujos sin cambiar su número o cambiar el número, de forma independiente, haciendo clic en dos botones distintos.

// Si no están definidos en la sesión los dibujos de la partida ....
if (!isset($_SESSION["dibujos"])) {
    // Matriz con todos los valores posibles (61 valores)
    $valores = range(128000, 128060);
    // Los barajamos
    shuffle($valores);
    // Guardamos los N primeros (N es el número de dibujos)
    for ($i = 0; $i < $_SESSION["numeroDibujos"]; $i++) {
        $_SESSION["dibujos"][$i] = $valores[$i];
    }
}

La imágenes estarán incluidas en botones (de tipo button).

// Mostramos los dibujos seleccionados en botones
for ($i = 0; $i < $_SESSION["numeroDibujos"]; $i++) {
    print "      <button type=\"button\" style=\"font-size: 70px; width: 100px; height: 100px;\">&#{$_SESSION["dibujos"][$i]};</button> \n";
}

Al hacer clic en el botón "Cambiar número de dibujos", se redirigirá al formulario de configuración.

// Si se ha pulsado "Cambiar número de dibujos" ...
if ($accion == "numero") {
    // ... redirigimos al formulario correspondiente
    header("Location:memorion-2-3.php");
    exit;
}

El formulario mostrará en el control el número actual de imágenes. El número de imágenes se podrá elegir entre 2 y 61.

// Mostramos el control numérico con el número de dibujos actual
print "    <p><input name=\"numeroDibujos\" type=\"number\" value=\"$_SESSION[numeroDibujos]\" min=\"2\" max=\"61\"></p>\n";

Si se envían valores incorrectos, no se indicará nada al usuario.

// Validamos el dato recibido, sin hacer nada si el dato no es válido
if ($numeroDibujos == "") {
} elseif (!is_numeric($numeroDibujos)) {
} elseif (!ctype_digit($numeroDibujos)) {
} elseif ($numeroDibujos < 2 || $numeroDibujos > 61) {
} else {
    $numeroDibujosOk = true;
}

Si se intenta acceder a la tercera o cuarta página sin haber pasado por la primera o segunda página (y por tanto no estarán creadas las variables de sesión)., se redirigirá automáticamente a la segunda página, sin indicar nada al usuario.
```
// Si no están definidas las variables de sesión, redirigimos a la segunda página
if (!isset($_SESSION["numeroDibujos"]) || !isset($_SESSION["dibujos"])) {
    header("Location:memorion-2-2.php");
    exit;
}
```

Si se envía un valor numérico en el rango permitido, se borrarán los dibujos y se redirigirá a la segunda página, en la que se volverá a generar la matriz de dibujos. Si se envían a la cuarta página valores no permitidos, se redirigirá automáticamente a la tercera página, sin indicar nada al usuario.

// Si el dato es válido ...
if ($numeroDibujosOk) {
    // ... cambiamos el número de dibujos
    $_SESSION["numeroDibujos"] = $numeroDibujos;
    // Borramos la partida
    unset($_SESSION["dibujos"]);
    // Redirigimos a la segunda página
    header("Location:memorion-2-2.php");
    exit;
}

// Redirigimos a la tercera página
header("Location:memorion-2-3.php");

Memorión 3

Modifique el programa anterior de manera que:

Cada imagen se muestre dos veces.

Las imágenes se muestren barajadas.

// Si no están definidos en la sesión los dibujos de la partida ....
if (!isset($_SESSION["dibujos"])) {
    // Matriz con todos los valores posibles (61 valores)
    $valores = range(128000, 128060);
    // Los barajamos
    shuffle($valores);
    // Guardamos los N primeros (N es el número de dibujos)
    for ($i = 0; $i < $_SESSION["numeroDibujos"]; $i++) {
        $_SESSION["dibujos"][$i] = $valores[$i];
    }
    // Duplicamos los valores (creamos valores de N a 2N-1)
    for ($i = 0; $i < $_SESSION["numeroDibujos"]; $i++) {
        $_SESSION["dibujos"][$_SESSION["numeroDibujos"] + $i] = $valores[$i];
    }
    // Los barajamos de nuevo
    shuffle($_SESSION["dibujos"]);

    // Guardamos las fichas boca abajo
    for ($i = 0; $i < 2 * $_SESSION["numeroDibujos"]; $i++) {
        $_SESSION["lado"][$i] = "dorso";
    }
}

La imágenes estarán incluidas en botones (de tipo submit).

// Mostramos los dibujos seleccionados en botones
for ($i = 0; $i < 2*$_SESSION["numeroDibujos"]; $i++) {
    // La ficha puede estar boca arriba (se ve el dibujo del animal) ...
    if ($_SESSION["lado"][$i] == "dibujo") {
        print "      <button type=\"submit\" name=\"gira\" value=\"$i\" style=\"font-size: 70px; width: 100px; height: 100px;\">&#{$_SESSION["dibujos"][$i]};</button> \n";
    } else { // ... o boca abajo (se ve el dibujo del dorso)
        print "      <button type=\"submit\" name=\"gira\" value=\"$i\" style=\"font-size: 70px; width: 100px; height: 100px; color: black;\">&#10026;</button> \n";
    }
}

Al hacer clic en las imágenes, se mostrará alternativamente la imagen del animal correspondiente o una imagen común, por ejemplo, la entidad ✪ (✪). De esta manera, estamos simulando una ficha a la que se da la vuelta, viéndose o dejando de ver la imagen.

// Si el dato es válido ...
if ($giraOk || $accionOk) {
    // Si se ha pulsado "Nueva partida" ...
    if ($accion == "nueva") {
        // ... borramos la partida actual
        unset($_SESSION["dibujos"]);
        // ... y redirigimos a la primera página
        header("Location:memorion-3-1.php");
        exit;
    }

    // Si se ha pulsado "Cambiar número de dibujos" ...
    if ($accion == "numero") {
        // ... redirigimos al formulario correspondiente
        header("Location:memorion-3-3.php");
        exit;
    }

    // Si se ha pulsado una ficha, damos la vuelta a la ficha
    $_SESSION["lado"][$gira] =  $_SESSION["lado"][$gira] == "dibujo" ? "dorso" : "dibujo";
}

// Redirigimos a la primera página
header("Location:memorion-3-1.php");

Memorión 4

Modifique el programa anterior de manera que:

Al hacer clic en un primer dorso, se muestra la imagen correspondiente.

    // Si se ha pulsado una ficha que está boca abajo ...
    if ($_SESSION["lado"][$gira] == "dorso") {
        // ... la giramos
        $_SESSION["lado"][$gira] = "dibujo";
        // Si no hay ninguna ficha girada ...
        if ($_SESSION["primera"] == -1) {
            // ... guardamos qué ficha hemos girado
            $_SESSION["primera"] = $gira;

Al hacer clic en otro dorso, se muestra la imagen correspondiente.

        // Si hay sólo una ficha girada ...
        } elseif ($_SESSION["primera"] != -1 && $_SESSION["segunda"] == -1) {
            // ... guardamos qué ficha hemos girado
            $_SESSION["segunda"] = $gira;

Al hacer clic en un tercer dorso, se muestra la imagen correspondiente y se ocultan las dos primeras imágenes.

        // Si ya hay dos giradas ...
        } elseif ($_SESSION["primera"] != -1 && $_SESSION["segunda"] != -1) {
            // ... damos la vuelta a las dos fichas anteriores
            $_SESSION["lado"][$_SESSION["primera"]] = "dorso";
            $_SESSION["lado"][$_SESSION["segunda"]] = "dorso";
            // Y guardamos esa ficha como primera ficha de la jugada siguiente
            $_SESSION["primera"] = $gira;
            $_SESSION["segunda"] = -1;
        }

Si se hace clic en una imagen, no cambia nada.

Memorión 5

Modifique el programa anterior de manera que:

Al descubrir la primera imagen de una pareja, aumentaremos el contador de jugadas. Si al descubrir dos imágenes, las dos imágenes coinciden, esas imágenes ya no se volverán del revés.

        // Si hay sólo una ficha girada ...
        } elseif ($_SESSION["primera"] != -1 && $_SESSION["segunda"] == -1) {
            // ... guardamos qué ficha hemos girado y aumentamos el contador de jugadas
            $_SESSION["segunda"] = $gira;
            $_SESSION["jugadas"] += 1;
        // Si ya hay dos giradas ...
        } elseif ($_SESSION["primera"] != -1 && $_SESSION["segunda"] != -1) {
            // Si son diferentes
            if ($_SESSION["dibujos"][$_SESSION["primera"]] != $_SESSION["dibujos"][$_SESSION["segunda"]]) {
                // ... damos la vuelta a las dos fichas
                $_SESSION["lado"][$_SESSION["primera"]] = "dorso";
                $_SESSION["lado"][$_SESSION["segunda"]] = "dorso";
            }
            // Guardamos esa ficha como primera ficha de la jugada siguiente
            $_SESSION["primera"] = $gira;
            $_SESSION["segunda"] = -1;
        }

Muestre un contador de las jugadas realizadas (una jugada es mostrar dos imágenes, independientemente de que las imágenes coincidan o no).
```
// Mostramos el número de jugadas realizadas
print "    <p>Jugadas realizadas: $_SESSION[jugadas]</p>\n";
```

Ejercicios (sesiones) - Minijuegos: Memorión - Ayuda

Memorión 1

Memorión 2

Memorión 3

Memorión 4

Memorión 5