Deathmatch es un juego realizado para la edición 2022 de la JS13k, cuyo tema es DEATH.
En está competencia existe la categoría de server, en la cual se entrega un proyecto el cual ya tiene configurado lo necesario para establecer una conexión en tiempo real, en este caso haciedo uso de la popular librería conocida como socket.io, la idea es que el juego comprimido en un acrhivo .zip no supere los 13KB, para este juego el archivo que contiene todo el juego y que pesa 13 KB, es el denominado dist.zip, los archivos comprimidos está ubicados en la carpeta public, de la misma forma los archivos no comprimidos del juego se encuetran en la carpeta public_uncompressed
La meta en Death Match es despejar tantas filas y columnas como sea posible utilizando el menor número de movimientos posible. Es posible despejar ítems del tablero alineando tres (o más) en una fila, lo cual se logra intercambiando las piezas hasta formar tríos de piezas iguales. gana el juagdor que tenga más puntuación al final de los cinco turnos.
user_name.mov
En la página principal del juego, es posible establecer el nombre con el cual se desea ser identificado en el juego, por defecto el juego dará un nombre aleatorio.
Se cuenta con cinco turnos, en cada uno el jugador tiene un máximo de dos intentos (o más si se consiguen premios).
Se tiene un tiempo de 20 segundos para realizar el movimiento, si en este tiempo no se hace movimiento alguno se perderá el turno, cada vez que se hace un movimiento el tiempo se pausa.
Existen 4 tipos de premios como son:
Se consigue cuando se completan 4 ítems, en este caso como un cuadrado.
| 💀 | 💀 | 🧨 |
|---|---|---|
| 💀 | 💀 |
Cuando se activa una dinamita se eliminan los elementos que están alrededor de está.
| 💥 | 💥 | 💥 |
|---|---|---|
| 💥 | 🧨 | 💥 |
| 💥 | 💥 | 💥 |
Se consigue cuando se completan 4 o más ítems de forma horizontal.
| 🎃 | 🎃 | 🎃 | 🎃 | = | 🪓 |
|---|
Al activarla se eliminarán todos elementos que estén en la fila.
Se obtiene cuando se logran tres o más ítems verticalmente.
| 👹 |
|---|
| 👹 |
| 👹 |
| 👹 |
| = |
| 🚀 |
Al activar este premio se destruyen todos los elementos de la columna.
Se obtien cuando se logran tres o más elementos de forma horizontal y vertical.
| 🧠 | ||||
|---|---|---|---|---|
| 🧠 | = | 💣 | ||
| 🧠 | 🧠 | 🧠 |
Al activar la bomba se eliminan todos los ítems que estén en un radio de dos espacios.
| 💥 | 💥 | 💥 | 💥 | 💥 |
|---|---|---|---|---|
| 💥 | 💥 | 💥 | 💥 | 💥 |
| 💥 | 💥 | 💣 | 💥 | 💥 |
| 💥 | 💥 | 💥 | 💥 | 💥 |
| 💥 | 💥 | 💥 | 💥 | 💥 |
- Es posible combinar premios, por ejemplo:
| 🚀 | 💥 | 💣 |
|---|---|---|
| 💥 | 🧨 | 💥 |
| 💥 | 💥 | 🪓 |
-
Si se activa la dinamita, está a su vez activará los demás premios.
-
Si se activa el rocket, ya que sólo tiene efecto de forma vertical, no activará los demás premios.
-
El mismo caso del hacha, ya que sólo afecta horizontalmente.
-
En e caso de la bomba debido a que tiene un mayor radio, activará los demás premios.
-
Es posible activar un premio al cambiar su posición con otro elemento o al hacer click/touch sobre éste, esto es importante por que puede cambiar el rango de destrucción:
| 🚀 | 💥 | 💣 |
|---|---|---|
| 💥 | 🧨 | 💥 |
| 💥 | 💥 | 🪓 |
Si en este caso se mueve la dinamita hacía abajo, debido a que el rango de eliminación es de una sola celda, la dinamita no activaría la bomba y el cohete.
Pero si se mueve por ejemplo el hacha hacía arriba, debido a que la fila cambia, activará la dinamita ya que estarían en la misma fila, y está a si vez activaría los demas premios.
- Cuando se consigue un premio (siempre y cuando haya sido logrado por el usuario y no por la caída de nuevos elementos) se le otorga un movimiento extra al jugador, entre más movimientos se tengan, se pueden hacer más jugadas y por consiguiente más putuación.
El juego cuenta con dos tipos de modalidades como son:
-
1️⃣ Offline: Que a la vez se componente de:
- 🧟 Two Players
- 🤖 vs Bot
-
2️⃣ Online: De la misma forma se compone de:
- 🌎 Play Online
- 🤝 Play with friends
En está modalidad toda la actividad del juego se lleva a cabo en el mismo dispotivo, gracias al uso de service workers, el juego puede funcionar offline, además de ser un PWA
Two_players.mov
En esta modalidad la partida se llevará a cabo en el mismo dispositivo.
Vs_bot.mov
En esta modalidad se competirá vs un bot, es una modalidad que también sirve como práctica, a la vez se cuenta con tres modos de dificultad.
Está modalidad requiere conexión a internet, ya que se hará uso de websockets, se tienen las siguientes opciones:
Esta modalidad nos permitirá inciar una partida con cualquier jugador que este conectado, se podría intepretar como una partida aleatoria, ya que se creará una sala con aquella persona que este disponible en ese momento.
Es una extensión de la modalidad anterior, pero en este caso se creará una sala privada, es decir, sólo aquellos usuarios que tengan el código de la sala podrán jugar la partida, se aplican las mismas funcionalidades de la modalidad anterior.
Para cada usuario se crea un token (el que se guarda en localStorage), por lo cual si desea jugar contra sí mismo en la opción online, es necesario usar otro navegador o una navegación privada, para así simular otro usuario.
Este proyecto es un fork del proyecto original creado para está categoría, en este caso se requiere de NodeJS.
npm i
npm run start:dev
En este caso el proyecto correrá en http://localhost:4000/
💡 Nota:
Se recomienda renombrar la carpeta public_uncompressed a public y ésta última ponerle otro nombre, para así ver los archivos sin compresión.
Se utilizarón los siguientes herramientas para comprimir los archivos:
- https://www.digitalocean.com/community/tools/minify
- https://csscompressor.com/
- https://tinypng.com/
- https://www.textfixer.com/html/compress-html-compression.php
Para los sonidos se uzó la librería ZzFX, la cual es una de las recomendadas entre los recursos de la competencia.
Debido a que se está usando emojis para el juego, se toman los emojis nativos de cada sistema operativo, por lo que la apariencia de estos cambian, se probó el juego en Windows (10 y 11) en iOS (mac/iPad/iPhone) y Android.
Windows/Android/iOS
- En Windows 8 e inferior algunos emojis no cargan, ya que no son soportados, una posible solución es usar los emojis de twitter (Unicode 13 emoji)
- En resoluciones inferiores de 412x732 el swipe del board está desfasado (debido al escalemiento del juego en esas resoluciones)
- No es un issue del juego per se, pero Heroku ofrecerá sólo hasta Noviembre 28 de 2022 dynos gratuitos, por lo que se debe buscar una alternativa (tal vez https://render.com/)
- Jorge Rubiano
- https://bio.link/jorgerub
- @ostjh