24a2 es un motor de juego muy básico, pero completamente operativo, para programadores de JavaScript. Tiene una apariencia inusual, pero puede usarlo para aprender los fundamentos de la programación de juegos.
Con soporte para un bucle de juego, gráficos coloridos y entrada simple, 24a2 tiene todo lo que necesitas para crear juegos pequeños con un esfuerzo mínimo.
Echa un vistazo a 24a2 y comienza tu viaje hacia el desarrollo completo del juego hoy.
¿Qué es 24a2?
24a2 es un pequeño motor de código abierto que te ayuda a crear juegos básicos. Es muy fácil de aprender y todo lo que necesita para comenzar a crear sus juegos es un navegador web y un editor de texto.
24a2 toma su nombre de su resolución: 24 x 24. Incluso en comparación con otros motores minimalistas como PICO-8, con su resolución de 128 x 128, ¡esto es diminuto! 24a2 usa "píxeles" circulares, con grandes espacios entre ellos, por lo que tiene un aspecto bastante distintivo.
Probablemente no usarás 24a2 para crear el próximo videojuego de gran éxito, pero ese no es realmente el punto. 24a2 es perfecto para principiantes y puedes usarlo para aprender algunos de los conceptos fundamentales detrás del desarrollo de juegos.
También es ideal para crear prototipos de un concepto central. Si te distraes con la física compleja del juego o las animaciones de sprites, eliminar todo eso debería ayudarte a concentrarte.
Además, el código fuente 24a2 es un único archivo TypeScript. Puede usarlo como inspiración, o incluso modificarlo, para crear su propio motor de juego más avanzado.
¿Cómo se usa 24a2?
Comienza con una plantilla básica para tu juego:
<html>
<cabeza>
<guion
origen=" https://cdn.jsdelivr.net/gh/jamesroutley/24a2/build/engine.js">
guion>
<guionorigen="juego.js">guion>
cabeza>
<cuerpo>cuerpo>
html>
Observe cómo esto utiliza una red de entrega de contenido (cdn.jsdelivr.net) para generar el motor.js archivo, por lo que ni siquiera necesita descargar o instalar nada.
El segundo guión, juego.js, es para tu propio código de juego. Comience con el código de trabajo mínimo absoluto, para verificar que todo funcione correctamente:
nuevo juego({}).ejecutar();
Este pequeño programa mostrará la cuadrícula 24a2 predeterminada en su navegador web:
A continuación, querrá familiarizarse con las funciones de devolución de llamada de 24a2 que forman el núcleo del motor. Estos conceptos son transferibles a través de los motores de juegos, por lo que aprender cómo funcionan lo beneficiará más allá de su uso de 24a2.
Hay un puñado de funciones esenciales que puede definir y pasar al constructor Game() a través de un configuración objeto.
dejar configuración = {
crear: crear,
actualizar: actualizar,
onKeyPress: onKeyPress,
onDotClicked: onDotClicked
};
dejar juego = nuevo Juego (configuración);
juego.ejecutar();
24a2 llama a la función que especifica en config.create cuando se inicia. Puede usar esto para inicializar la configuración propia de su juego, configurar estructuras de datos, etc.
funcióncrear(juego) {}La función de actualización se ejecuta periódicamente durante la duración de su juego. Esto es el bucle principal del juego que, en otros motores, generalmente consta de pasos separados para actualizar el estado del juego y volver a dibujar la pantalla. Con 24a2, manejará ambas operaciones en esta función.
funciónactualizar(juego) {}Finalmente, para capturar la entrada, querrá controlar las pulsaciones de teclas de flecha, los clics del mouse o ambos. 24a2 pasa una dirección a su función onKeyPress cuando el jugador presiona una tecla de flecha. Pasa las coordenadas x e y a onDotClicked si hacen clic en un punto con el mouse.
funciónonKeyPress(dirección) {}
funciónonDotClicked(x, y) {}
¿Qué tipos de juegos puedes crear con 24a2?
El sitio 24a2 contiene tres juegos de ejemplo que incluyen un tutorial. Los otros que presenta son un simple juego de serpientes y un desafío de esquí.
El repositorio GitHub incluye enlaces a algunos otros juegos, incluidos Space invaders, Tic-Tac-Toe y un programa Paint mínimo. You Killed a Bear es más avanzado y Maze Craze es una buena demostración de cómo superponer gráficos adicionales sobre la cuadrícula estándar.
24MadRush es un 'clon' de Tetris que hace un gran uso de la paleta de colores. También comienza con un innovador tutorial jugable que demuestra sus características.
Las especificaciones técnicas de los juegos 24a2
24a2 es muy limitado, por diseño. Pero esto proporciona una excelente oportunidad para la creatividad. Uno de los Los mejores consejos para ser más creativo. es aceptar las limitaciones.
Además de su resolución limitada, 24a2 lo restringe a:
- Una paleta de colores de solo nueve colores: los del arcoíris más el negro y el gris.
- Entrada muy básica: pulsaciones de teclas de flecha y clics del ratón en la cuadrícula de puntos.
- Silencio: no hay soporte para música o efectos de sonido de ningún tipo.
Sin embargo, siempre puedes escribir código JavaScript complementario para extender tu juego más allá de estas limitaciones. Y, dado que el motor es de código abierto, puede desarrollarlo de la manera que mejor le parezca.
Anímese a cosas más grandes con 24a2
Intente probarse a sí mismo con 24a2. Recrea un juego clásico o inventa uno propio. Los juegos por turnos, como los juegos de mesa, funcionarán muy bien con el motor.
Si 24a2 enciende su pasión por el desarrollo de juegos, hay muchas oportunidades para continuar el viaje. PICO-8, Godot, Unity y GameMaker son opciones populares.
