¿Alguna vez has jugado a un juego en línea y has pensado: "Quiero hacer algo como esto, tengo algunas ideas geniales"? En el pasado, tenía que aprender a codificar en ActionScript 3, el lenguaje que impulsa a Flash. Sin embargo, gracias a algunos programas de creación de juegos, la experiencia de codificación es cosa del pasado. Puede hacer que los juegos sean divertidos e inmersivos manipulando objetos y lógica, sin tocar ninguna línea de código en absoluto.
Paso
Método 1 de 3: diseño de juegos
Paso 1. Escribe una descripción básica
Ingrese las características y lo que desea que logre el jugador. Es genial tener un esquema básico de lo que quieres hacer con tu juego por escrito para que puedas verlo mientras trabajas en él.
Consulte esta guía para obtener más detalles sobre cómo escribir documentos de diseño de juegos
Paso 2. Dibuja algunos bocetos
Dibuja el diseño básico de la pantalla de la forma que quieras. No tiene que ser muy detallado, pero al menos debería tener una idea de dónde se colocarán los distintos elementos en la pantalla. Esto te resultará útil más adelante, cuando comiences a crear la interfaz para tu juego.
Paso 3. Elige un método para crear tu juego
Inicialmente, debe aprender el código de ActiopnScript3 para crear juegos Flash. Si bien aún puede hacer eso, hay programas disponibles que pueden hacer que la creación de juegos sea más fácil de aprender y no requieren experiencia en codificación. Algunas opciones populares para crear juegos incluyen:
- Stencyl: esta es una herramienta más nueva que te permite crear juegos usando scripts de objetos y lógica. Este juego puede convertirse en un proyecto Flash y cargarse en cualquier sitio web que admita juegos Flash.
- Construct 2: a medida que Flash envejece, debería comenzar a ser reemplazado por otras formas de hacer juegos. Una de las formas más nuevas de crear juegos en línea es utilizando HTML5. Por lo general, esto requiere mucho conocimiento de codificación, pero Construct 2 te permite crear juegos usando objetos y secuencias de comandos, como Stencyl.
- Flash Builder: este es el método tradicional para crear juegos Flash. Requiere bastante conocimiento de ActionScript, pero es uno de los lenguajes básicos más fáciles de aprender. Flash Builder cuesta dinero, pero puede utilizar el programa abierto FlashDevelop para muchos de los mismos usos.
Método 2 de 3: uso de Stencyl
Paso 1. Descargue e instale Stencyl
Stencyl es un programa de creación de juegos que no requiere ningún conocimiento de codificación. Puedes usar varias herramientas lógicas para manipular objetos en el juego.
Stencyl se puede utilizar de forma gratuita solo si desea publicar su juego en línea. La versión gratuita tendrá el logotipo de Stencyl al principio. Si obtiene la versión paga, puede publicarla en otras plataformas
Paso 2. Crea tu nuevo juego
Cuando inicie Stencyl, se le mostrará una lista de sus juegos. Habrá algunos juegos de muestra en la lista que puede ver para ver cómo funcionan. Para comenzar a trabajar en su juego, haga clic en el cuadro de puntos con la etiqueta "Haga clic aquí para crear un nuevo juego".
Paso 3. Elija un kit
Hay varios kits que contienen activos y objetos listos para usar que pueden ayudarte a poner en marcha rápidamente tu juego. Elija un kit si lo desea, o seleccione "Juego en blanco" (Juego en blanco)
Puede descargar kits hechos por otros usuarios en línea
Paso 4. Ingrese la información de su juego
Antes de comenzar a crear su juego, debe ingresar cierta información.
- Nombre: este es el nombre de tu juego. Puedes cambiar esto más tarde a lo que quieras.
- Tamaño de pantalla: este es el tamaño de su pantalla y es muy importante, ya que afectará el arte que utiliza. Dado que la gente suele jugar su juego con su navegador web, el tamaño de la pantalla no tiene por qué ser tan grande. Pruébelo Ancho: 640 px Alto: 480 px. Este es un buen tamaño para empezar.
Paso 5. Conozca el diseño
Cuando cargues tu juego por primera vez, se te llevará al Panel de control. Aquí es donde puedes ver todas las escenas de tu juego y acceder a cualquier recurso. También puedes cambiar la configuración de tu juego desde aquí. Pasará la mayor parte de su tiempo trabajando en el Panel de control.
- Escena: esta es la ventana principal del Panel de control y muestra el juego real y todos los activos. Tu juego será una colección de escenas.
- Recursos: esta es una lista de todos los objetos y activos de tu juego. Esto incluye actores, fondos, fuentes, escenas, lógica, sonidos y conjuntos de mosaicos. Las fuentes están organizadas en el árbol a la izquierda de la pantalla.
- Configuración: las opciones de Juego y configuración te permiten personalizar cómo funciona la mecánica de tu juego, incluidos los controles, la gravedad, los bloqueos, la carga de la pantalla y más.
Paso 6. Crea actores
Un actor es cualquier objeto que se mueve o con el que se puede interactuar en el juego (jugadores, enemigos, puertas, etc.). Necesitarás crear un actor para cada objeto en tu juego. Para crear un actor, haga clic en la opción "Tipos de actor" en el menú Recursos. Seleccione el actor que desee de la lista (la lista se determina a partir del kit que seleccionó).
- Asignar actores a grupos (jugadores, enemigos). Esto ayudará a determinar las propiedades de colisión del actor. Seleccione su actor para abrir el Editor de actores. Luego haga clic en la pestaña Propiedades y seleccione el grupo apropiado en el menú desplegable.
- Elija un comportamiento (saltar, pisar, caminar). El comportamiento es lo que le permite a tu actor hacer algo. Haga clic en Comportamientos y haga clic en el botón "+ Agregar comportamiento" en la esquina inferior izquierda. Seleccione un comportamiento (como "Caminar") de la lista, luego haga clic en "Elegir".
- Establecer el control. Si está creando un personaje de jugador, querrá permitir que el jugador lo mueva. Cuando agrega un comportamiento de Caminar, se lo llevará a la pantalla de atributos de Caminar. Puede usar el menú para seleccionar qué tecla moverá al actor hacia la izquierda y hacia la derecha. También puede instalar animaciones si el kit que está utilizando las contiene.
- Puede agregar muchos comportamientos y establecer lo que pueden hacer los actores.
Paso 7. Crea una escena
La escena es lo que ve el jugador mientras juega. Este es el fondo, así como los objetos y actores visibles. Para crear una nueva escena, haga clic en la opción Escenas en el árbol de Recursos y luego haga clic en el cuadro rayado. Dale un nombre a tu nueva escena para continuar.
- Fondo: su escena cambiará de tamaño automáticamente, por lo que no tiene que preocuparse por eso por ahora. Puede optar por utilizar un color como fondo, que se colocará en mosaico sobre él. También puede elegir entre colores sólidos o degradados. Haga clic en "Crear" cuando haya terminado. Esto abrirá el Diseñador de escenas.
- Colocar mosaicos: los conjuntos de mosaicos incluidos en su kit se cargarán en el lado derecho de la ventana. Haga clic en la herramienta Lápiz en el menú de la izquierda, luego haga clic en el mosaico que desea usar. Luego puede colocar mosaicos en su escena. Haga clic y arrastre con el mouse para colocar mosaicos dobles.
- Pon el actor. Haga clic en la pestaña Actores que se encuentra sobre su conjunto de mosaicos para cambiar a los actores disponibles. Debe crear uno de antemano para que aparezca en esta lista. Haga clic en el actor que desea colocar y haga clic en la escena donde desea que aparezca. Si presiona Mayús, el actor se moverá allí.
- Gravedad añadida. Haga clic en la pestaña "Física" en la parte superior de la ventana, luego ingrese un valor en el cuadro "Gravedad (vertical)". Ingresar 85 simulará la gravedad terrestre real.
Paso 8. Prueba el juego
Una vez que hayas creado la escena y hayas puesto algunos actores, puedes probar el juego. Haz clic en el botón "Probar juego" en la parte superior de la pantalla para reproducir lo que has creado. Puedes usar las teclas que configuraste para controlar tu personaje de jugador.
Busque cualquier aspecto que no funcione e intente solucionarlo. Por ejemplo, ¿el enemigo se está comportando correctamente? ¿Puedes vencer al enemigo? ¿Hay plataformas inalcanzables o abismos infranqueables? Regrese al área relevante de su editor de juegos para solucionar cualquier problema que encuentre. Puede llevar un poco de tiempo, pero el resultado final será más divertido y fácil de jugar
Paso 9. Agregue más
Ahora que tienes una escena funcional y jugable, es hora de construir todo el juego. Agrega niveles y desafíos, y sigue probando tus complementos para asegurarte de que sean divertidos y funcionen correctamente.
Paso 10. Sitio Bloquea tu juego
Si cargará el juego en un sitio que aloja juegos Flash o lo cargará en su propio sitio, debe usar "Bloqueo de sitio". Esto evitará que se juegue su juego si no está en la lista de sitios permitidos.
- Abre "Configuración del juego" en el árbol de "Recursos". Seleccione la sección "Cargador". Ingrese los sitios que permite en el cuadro "Bloqueo del sitio", separados por comas y sin espacios. Por ejemplo, newgrounds.com, kongregate.com.
- Mientras aún estás en esta pantalla, ingresa tu página de inicio en el cuadro "Tu página de inicio", si tienes una. Esto permitirá que los jugadores que jueguen tu juego se vinculen a tu sitio /
Paso 11. Exporta el juego como Flash
Una vez que esté satisfecho con su juego, puede exportarlo a formato Flash. Esto te permitirá cargar el juego en un sitio que aloje juegos Flash o en tu propio sitio web. Haga clic en '' Publicar '' '(Publicar), seleccione "Web" y luego haga clic en "Flash". Guarde el archivo en una ubicación fácil de encontrar en su computadora.
Paso 12. Publica el juego
Una vez que tenga un archivo Flash (. SWF), puede cargarlo en un sitio de su elección. Hay varios sitios en línea que albergan juegos Flash, y algunos incluso pueden permitirle ganar dinero con los ingresos publicitarios. También puede cargar juegos en su propio sitio web, pero debe asegurarse de tener el ancho de banda para acomodar a los jugadores en caso de que el juego se vuelva popular.
- Consulte esta guía para cargar juegos en su propio sitio web.
- Si desea cargar su juego en un sitio como Newgrounds o Kongregate, deberá crear una cuenta y luego pasar por el proceso de carga para esos sitios. Los términos variarán para cada sitio.
- Si desea publicar su juego en Stencyl Arcade, puede hacerlo desde el programa Stencyl. Haga clic en "Publicar", seleccione "Stencyl" y luego haga clic en "Arcade". El juego se cargará automáticamente, así que asegúrate de estar satisfecho con el nombre antes de hacer esto. Stencyl Arcade tiene un límite de tamaño de archivo de MB.
Método 3 de 3: Uso de Construct 2
Paso 1. Descargue e instale Construct 2
Este programa te permite crear juegos HTML5 con muy poca codificación. Deberá establecer algunas variables, pero todo esto se hace a través del menú sin necesidad de codificación.
Construct 2 es gratuito, aunque algunas funciones son limitadas, excepto la actualización. La versión gratuita no se puede publicar en plataformas que no sean HTML5
Paso 2. Cree un nuevo proyecto
Cuando inicie Construct 2 por primera vez, aparecerá un menú de bienvenida. Haga clic en el enlace "Nuevo proyecto" para iniciar un nuevo juego. También hay algunos ejemplos que puede utilizar para ver cómo crear un juego básico.
Al iniciar un nuevo proyecto, se le presentará una lista de plantillas. Para su primer proyecto, le recomendamos comenzar con un proyecto en blanco. Esto le permitirá acostumbrarse a lo básico sin que las plantillas se interpongan en su camino
Paso 3. Ajuste la configuración de su proyecto
A la izquierda de la ventana del proyecto, verá una serie de objetos en el cuadro Propiedades. Puede usar esto para configurar el tamaño de su pantalla e ingresar la información de su juego y compañía.
Paso 4. Ingrese el fondo
Haz doble clic en el diseño. Seleccione "Fondo en mosaico" en la sección General. Haga clic en su diseño para colocar el fondo. Esto abrirá el editor de fondo. Deberá crear el suyo propio con un software de edición de imágenes o descargar texturas de varias ubicaciones en línea.
- Establezca el fondo al tamaño del diseño. Para ello, seleccione el objeto de fondo y cambie su tamaño en el cuadro Propiedades.
- Cambie el nombre de la capa y bloquéela. Debe bloquear la capa para evitar moverla accidentalmente al colocar otros objetos. Haga clic en la pestaña "Capas" en el lado derecho de la pantalla. Seleccione la capa y haga clic en el botón Lápiz. Nombra la capa "Fondo", luego haz clic en el botón "Candado" para bloquear el fondo.
Paso 5. Crea una nueva capa
En la pestaña de capas, haga clic en el botón "+" para crear una nueva capa. Nómbrelo "Principal". Esta será la capa donde residirán la mayoría de los objetos de tu juego. Asegúrese de que la capa Principal esté seleccionada antes de continuar.
Paso 6. Agrega entrada para tu juego
En Construct 2, su entrada debe agregarse como un objeto a su juego. Es invisible y permitirá el uso del teclado y el mouse en el proyecto.
Haga doble clic en el diseño y luego seleccione "Mouse" en la sección de entrada. Haga lo mismo para insertar el objeto "Teclado"
Paso 7. Agregue objetos
Ahora es el momento de agregar algunos objetos del juego a su diseño. Haga doble clic en el diseño y seleccione "Sprite" en la sección general. Utilice la mira para seleccionar dónde desea colocar los Sprites. Se abrirá un editor de imágenes que te permitirá cargar un objeto existente o crear uno nuevo.
Cuando seleccionas un objeto en el diseño, la propiedad del objeto se cargará en el marco izquierdo. Cambie el nombre de los sprites para que pueda identificarlos y hacer referencia a ellos más fácilmente
Paso 8. Agregue comportamiento a su objeto
Para agregar un comportamiento, haga clic en el objeto al que desea agregar un comportamiento para seleccionarlo. Haga clic en el enlace "Agregar / editar" en la sección Comportamientos del marco Propiedades. Aparecerá una lista de comportamientos disponibles.
Los comportamientos son piezas de lógica preconfiguradas que le permiten agregar rápidamente usabilidad a sus objetos. Puede elegir entre una amplia variedad de comportamientos prediseñados que pueden proporcionar una amplia variedad de usos. Por ejemplo, para hacer un piso sólido, déle un comportamiento "sólido". Para mover al personaje en 8 direcciones, dale al comportamiento "Movimiento en 8 direcciones"
Paso 9. Cambie las propiedades del comportamiento
Puede editar el comportamiento para adaptarlo a la forma en que funciona su objeto. Puede cambiar los valores para cambiar la velocidad, la dirección y otras propiedades.
Paso 10. Comprenda cómo funcionan los eventos
Los eventos son una lista de condiciones, y es lo que el juego escapa. Si se alcanza la condición, se produce el evento. Si no se cumple la condición, el evento no ocurre. La página del evento suele ejecutarse unas 60 veces por segundo. Cada ejecución se denomina "tic".
Paso 11. Cree un evento
Haga doble clic en la página Eventos. Aparecerá una lista de objetos disponibles. Seleccione el objeto para el que desea crear un evento, o puede crear un Sistema.
- Elija cuándo ocurre la acción. Después de seleccionar un objeto, se le pedirá que elija cuándo ocurrió el evento. Esto puede basarse en otros eventos o en un momento determinado. "Cada tic" siempre.
- Agregar acción. Se le pedirá que seleccione uno de sus objetos. Elija de una lista de acciones. Por ejemplo, si estás creando un tirador y quieres que el personaje del jugador siempre mire hacia el ratón, deberías crear una acción de "Punto de vista para posicionar" en cada tick establecido en el objeto del jugador. Cuando se le solicite las coordenadas, ingrese "Mouse. X" para X y "Mouse. Y" para Y. Esto hará que la nave del jugador siempre mire hacia el cursor.
Paso 12. Agregue más eventos y comportamientos
Esta es la columna vertebral de tu juego. Agregar y mejorar comportamientos y eventos lo ayudará a crear juegos únicos y divertidos que la gente querrá jugar. Experimente con diferentes eventos para intentar obtener el juego que realmente desea.
Paso 13. Agregue variables
Hay dos tipos de variables en Construct 2: variables de instancia y variables globales. Te permite crear puntajes para tus objetos y juegos, como salud, límite de tiempo, puntaje y más.
- Variable de instancia: la variable de instancia se asigna a un solo objeto. Esto se usa para cosas como enemigos y salud del jugador. Puede agregar una variable de instancia después de seleccionar un objeto haciendo clic en el enlace 'Agregar / editar' en la sección Variables del marco Propiedades. Asigne a la variable un nombre que pueda hacer referencia al evento, así como un valor inicial.
- Variable global: las variables globales son variables que se asignan a todo el juego. Se usa para cosas como las puntuaciones de los jugadores. Para crear una variable global, vaya a la página Eventos y haga clic con el botón derecho en un espacio vacío. Haga clic en "Ass global variable", asígnele un nombre para que pueda ser referenciado en el evento, luego ingrese un valor inicial.
Paso 14. Cree interfaces
Al crear interfaces, generalmente es mejor hacerlo en una nueva capa. Esto se debe a que la interfaz rara vez se mueve o cambia, por lo que es mejor colocarla en una capa bloqueada. En el cuadro Propiedades de la nueva capa, establezca "Parallax" en 0. Esto mantendrá la capa desplazada a medida que se mueve la pantalla.
Utilice cuadros de texto y variables para crear su interfaz. Puedes configurar tu cuadro de texto para que muestre salud, puntuación, munición o lo que el jugador necesite ver periódicamente
Paso 15. Prueba y revisa tu juego
Ahora que tiene algunos objetos en pantalla con eventos y comportamientos, puede comenzar a probar y agregar contenido. Haga clic en el botón "Jugar" en la parte superior de la pantalla para ayudar y probar el juego. Tome nota de cualquier cosa que no funcione e intente arreglarlo para que su juego sea jugable y agradable.
Paso 16. Exporta tu juego
Si está satisfecho con su juego, puede exportarlo para que cualquiera pueda cargarlo en un sitio web y jugarlo. Para exportar el juego, haz clic en el menú "Archivo" y selecciona "Exportar". Guarde el proyecto en una ubicación que le resulte fácil de encontrar.
Paso 17. Publica el juego
Hay varios sitios que le permiten cargar juegos HTML5 para que otros jueguen. También puede agregar juegos a su propio sitio web. Consulte esta guía para obtener detalles sobre cómo cargar juegos en su propio sitio web.
Consejos
- Si está más interesado en aprender el código detrás de los juegos Flash, puede usar el código Flash Builder y ActionScript3 para crear juegos. Esto llevará más tiempo, pero puede resultar en una experiencia más única. Consulte la guía del programa en ActionsScript3.
- Rinde homenaje a cualquier fuente de la que hayas extraído ideas y contenido, y a cualquier persona que te haya ayudado a crear el juego.
