【Js13kGames】Crea un mundo de juego de solo 13kb basado en JavaScript

Prefacio

Aunque había oído hablar del juego de 13kb antes, nunca lo había tomado en serio. Hoy, cuando estaba comprando en AB, accidentalmente encontré un video relacionado . De hecho, lo probé y leí parte del código fuente: ¡me sorprendió! Ojalá pueda codificar y producir en el futuro.
La competencia de este año acaba de terminar y todo es nuevo. Comencemos con algunos que creo que son divertidos. Es inútil decir más y experimentarlos directamente:

  • Battle Commander - Edad Media (Estrategia): https://js13kgames.com/entries/battle-commander-middle-ages
  • Es Merlín (¿similar a Isaac?): https://js13kgames.com/games/its-merlin/index.html
  • Camino a la gloria (¿similar a Isaac?): https://js13kgames.com/entries/path-to-glory
  • Cannon Bolf (resolución de rompecabezas): https://js13kgames.com/entries/cannonbolf
  • Castle Escape (resolución de rompecabezas): https://js13kgames.com/entries/castle-escapea-2023
  • Robin, de trece años (un juego bidimensional, me encanta el estilo de pintura): https://js13kgames.com/entries/robin-of-thirteensley
  • Knight (juego de audio): https://js13kgames.com/entries/knight
  • Jurassic Nursery (cultivo de ocio): https://js13kgames.com/entries/jurassic-nursery

¿Qué es Js13kGames?

Insertar descripción de la imagen aquí

Concurso de desarrollo de juegos HTML5 y JavaScript en solo 13 kB
https://js13kgames.com/

Introducción: js13kgames es una competencia anual de desarrollo de juegos que requiere que los concursantes creen un juego HTML5 completo en un plazo de 30 días con un límite de código fuente de 13 KB. Este desafío extremo anima a los desarrolladores a optimizar el código y los recursos para cumplir con las reglas de la competencia.

regla:

  • Los juegos deben estar dentro del límite de 13 KB, incluido todo el código y los recursos.
  • Debes proporcionar dos versiones del código fuente del juego: una versión comprimida y una versión legible. Una versión legible por humanos debe incluir nombres de variables descriptivos y comentarios y estar alojada en GitHub.
  • No se permiten bibliotecas, imágenes o archivos de datos externos. Todos los recursos deben cumplir con los límites de tamaño de archivo.

Tema: Cada año la competencia tiene un tema diferente, pero eres libre de interpretar el tema e implementarlo en el juego.

  • 2012年 - Malvado o no
  • 2013 - Espacio
  • 2014年 - Los elementos
  • 2015- Invertida
  • 2016 - Fallo
  • 2017- Perdido
  • 2018 - Sin conexión
  • 2019-Volver
  • 2020-404
  • 2021年 - Atrapado en un bucle
  • 2022年 - El futuro
  • 2023 - Siglo XIII

Pila de tecnología relacionada

  • HTML5 y Canvas API: utilice HTML5 y Canvas API para crear interfaces de juegos 2D. HTML5 y API de lienzo
  • Minificador de JavaScript: utilice herramientas como UglifyJS o Terser para minimizar el código JavaScript.
  • Herramientas gráficas: cree pixel art usando Aseprite o GraphicsGale .
  • Herramienta de efectos de sonido: agregue efectos de sonido usando Howler.js .
  • Sistema de control de versiones: utilice Git para el control de versiones.

Ga (motor de juego)

Insertar descripción de la imagen aquí

Un motor de juegos JavaScript liviano, extremadamente pequeño (6,5 kB) y fácil de usar que se puede utilizar para crear juegos HTML5 o cualquier juego de acción 2D.
https://github.com/kittykatattack/ga

Kontra (motor de juego)

Insertar descripción de la imagen aquí

Centrarse en motores de microjuegos JavaScript de tamaño pequeño. Aunque es pequeño, proporciona funciones básicas como control, eventos y bucles comúnmente utilizados en los juegos.
https://github.com/straker/kontra

código comprimido

La compresión de código generalmente reduce el contenido inútil, como espacios y nuevas líneas, reduciendo así el tamaño del código.
Compilador de cierre de Google: https://github.com/google/closure-compiler
MiniMinifier: https://github.com/xem/miniMinifier

Piskel (imagen)

Insertar descripción de la imagen aquí

Herramienta de creación de imágenes de píxeles en línea fácil de usar.
https://github.com/piskelapp/piskel

miniMúsica (sonido)

Insertar descripción de la imagen aquí

Los efectos de sonido se pueden convertir en proyectos JavaScript. De esta manera, el "volumen" del sonido se puede reducir de manera efectiva. También admite operaciones visuales en línea para editar y generar efectos de sonido.
https://github.com/xem/miniMusic

Supongo que te gusta

Origin blog.csdn.net/qq_45277554/article/details/132899848
Recomendado
Clasificación