Saltar al contenido

Nuestra página personalizada de error 404

A raíz de unos cambios que hicimos en la web, nos encontrábamos con la posibilidad de que hubiese algún error 404. Al revisar la página de error 404 de nuestro template, vimos que era muy limitada y bastante fea. Llegados a este punto quisimos hacer modificaciones en esta página 404 para dejarla a nuestro gusto y entonces es cuando pensamos ¿Por qué no poder elegir fácilmente una de las páginas de las que tenemos y poderla utilizar como error 404? ¿Por qué no tener la posibilidad de tener varias páginas e in cambiándolas si nos apetece?.



De esta manera nace nuestro plugin Easy Custom 404 Page que tienen disponible en el repositorio de plugins de WordPress completamente gratis. Con nuestro plugin se puede elegir cualquier página de las que tenemos o bien hacer una nueva y u utilizarla como página de error. Llegados aquí, tenemos un pequeño problema. ¿Qué página usamos? ¿Qué podemos hacer para diferenciarnos sobre los demás?. Así que decidimos hacer una página de error interactiva con un pequeño juego de asteroides y utilizarlo como parte del error 4o4.

Juego interactivo dentro de nuestra página de error 404

Descripción de la página de error y juego que estamos utilizando

Nuestra página de error 404 está dividida en dos partes. Por un lado, tenemos información y por el otro el propio juego. Al cargarse la página web y sin que se note mucho, el botón de Inicio superior queda oculto. El juego  se activa automáticamente y pide que la nave no se estrelle con los meteoritos por lo menos durante 15 segundos. Si se pasa de 15 segundos, automáticamente aparece el botón superior de Inicio y un nuevo botón para salir del ciberespacio. Si no se pasan los 15 segundos y hay un impacto, el juego vuelve a reiniciarse. Aguantar más de 15 segundos se considera misión cumplida y se da por finalizado el juego.

Pruebe nuestra página de error 404 personalizada.

Información sobre el juego

  • Está hecho utilizando JavaScript.
  • Se puede jugar con teclado o ratón. Aconsejamos con ratón porque es más fácil esquivar los meteoritos.
  • Los asteroides no siguen un patrón fijado, tienen una caída aleatoria por toda la pantalla del juego.
  • La velocidad de caída de los asteroides aumentará progresivamente por cada 10 asteroides esquivados.

Lo más difícil

Ha sido conseguir el tiempo para hacerlo, mejorarlo, probarlo. En cuanto a hacer la programación, sin lugar a dudas la lógica para controlar la caída de los meteoritos y tampoco ha estado mal  la integración con WordPress para que al llegar a los 15 segundos se activase el botón superior sin tener que recargar la página.

Hemos desarrollado el juego, incorporado nuevas funciones y cambiado el aspecto utilizando un WordPress instalado en local con WampServer. Esta foto es de cuando empezamos a hacer el juego, cuando todavía no funcionaba ni el ratón.

Primer inicio de nuestro juego de meteoritos

¿Qué opina de este artículo?.

Valore este artículo de 1 a 5 estrellas.

Valoración: 5 / 5. Total votos recibidos: 6

Sin votos. ¿Quiere ser la primera persona en votar este artículo?.