Share
Este tutorial te presentará GameSalad, un motor de creación de juegos para crear prototipos de juegos 2D sin necesidad de abrir Xcode o Eclipse..
El lema de GameSalad es "Creación de juegos para todos", y eso resume con precisión qué es GameSalad y por qué existe. El concepto provoca la pregunta: ¿por qué la capacidad de crear un juego debe limitarse a aquellos que pueden codificar? Claro, muchos son capaces de leer algunos tutoriales (¡muchos se encuentran aquí en Mobiletuts +!) Combinados con algunos libros sobre desarrollo de juegos nativos y, finalmente, llegan a un punto en el que pueden codificar un juego desde cero. Al mismo tiempo, hay muchas más personas muy creativas que solo quieren ver cómo sus ideas cobran vida y tener un poco de control de su juego sin tener que abrir un editor de código. Ahí es donde GameSalad viene al rescate. Incluso para un programador como yo, GameSalad me da la oportunidad de no tener que pensar en el código y centrarme en el juego real..
GameSalad usa una interfaz de arrastrar y soltar que te permite unir tu juego y luego asignar comportamientos a todos los elementos de tu juego. Tiene una gran cantidad de personalización que puede aplicar a su juego, con pocas limitaciones, y luego tendrá un juego que funciona a una velocidad mucho más rápida que la codificación manual de todo. Si bien no tendrá que codificar nada mientras usa GameSalad, tendrá que comprender un poco cómo funcionan los programas, ya que el concepto de bucle y ejecución condicional es esencial..
¿Eso significa que GameSalad es el final de los juegos de codificación manual? No, en absoluto. Hay limitaciones a lo que GameSalad puede lograr. Uno de los más notables es el 3D, ya que GameSalad solo puede hacer juegos 2D actualmente. Sin embargo, no te preocupes, estas restricciones solo te obligan a ser más creativo.!
Antes de entrar en el desarrollo con GameSalad, hay algunos requisitos previos que debe obtener. Necesitará al menos lo siguiente:
El último no es una necesidad absoluta, pero siempre es bueno tener un dispositivo móvil real para realizar pruebas con.
Como puede ver en los requisitos previos anteriores, ahora GameSalad es solo para Mac. Sin embargo, a partir del 17 de mayo de 2012, anunciaron que el creador del juego vendrá a Windows pronto y puedes registrarte para la versión beta aquí. Todavía no he accedido a la versión beta, así que no puedo explicar si hay un proceso diferente para algo. Sospecho que el proceso será el mismo o similar, pero aún necesitará acceso a un mac (y una cuenta de desarrollador de Apple) para poder publicar en la tienda de aplicaciones iOS. Afortunadamente, GameSalad ha dicho que podrás mover archivos entre Windows y OS X fácilmente..
Entonces, lo primero que debemos hacer es seguir adelante y dirigirse al sitio web de GameSalad y hacer clic en el enlace del creador en la navegación superior. Luego verá un botón púrpura en la parte superior derecha del contenido principal y desea hacer clic en él y descargar el creador. Si tiene la intención de realizar pruebas en un dispositivo, puede continuar y descargar el visor correspondiente (iOS o Android).
Mientras espera que finalicen las descargas, continúe y regístrese para obtener una cuenta en la parte superior derecha del sitio. Cuando se registre, se le preguntará si desea actualizar desde la cuenta gratuita a la cuenta Pro. En el momento de escribir una cuenta Pro cuesta $299. La versión Pro te ofrece muchas funciones adicionales que no están en la cuenta gratuita.
Con la cuenta gratuita puede crear juegos con el creador, probarlos en su dispositivo con el visor, publicar en la web, Mac App Store y iOS App Store (suponiendo que tiene los certificados de Apple relevantes), tener una pantalla de inicio personalizada , y obtener soporte técnico básico. La desventaja es que la versión gratuita mostrará anuncios.
Para la cuenta Pro, obtiene todo lo anterior (menos el anuncio) y la posibilidad de publicar en Android Market, integración en Twitter, integración en Game Center, opciones de monetización adicionales, compras en la aplicación, enlaces externos, iAds y soporte técnico de primera calidad. . Vale la pena el precio, pero, por ahora, una cuenta gratuita será suficiente.
Cuando inicie el creador por primera vez, podrá iniciar sesión en su cuenta y ver algunas de las plantillas disponibles. Esto les ayudará a ambos a ver qué es capaz de hacer GameSalad y cómo hacer algunas de las tareas..
Estará en la nueva pestaña, que es donde puede crear un nuevo proyecto (a partir de una plantilla si es necesario). Las otras pestañas son:
Inicio: una vista web básica para un montón de enlaces de GameSalad.
Noticias: muestra las últimas actualizaciones del blog y las novedades de la comunidad GameSalad.
Inicio: Tutoriales, Wiki, blog y una guía de inicio.
Perfil: muestra tu perfil de GameSalad, notificaciones, mensajes, seguidores y me gusta.
Nuevo: Esta es la pantalla en la que empiezas..
Reciente: muestra todos tus proyectos guardados recientemente.
Portafolio: Esto muestra todas tus aplicaciones publicadas..
Continuemos y abramos el proyecto Alien Conquest y echemos un vistazo a cómo es un juego terminado (o parcialmente terminado). Cuando haces doble clic en el icono del juego, la primera pantalla a la que accedes es la pantalla de resumen del proyecto. Aquí se presenta información básica, todo explicada por sí misma. Tienes un par de pestañas dentro de esta pantalla de resumen, que te llevan a una visión general de los elementos específicos que componen tu juego. Las escenas son tus niveles y los actores son todos los otros elementos que forman un nivel..
Haz clic en la pestaña de escenas y abre la escena 1.
En el lado izquierdo tenemos todos nuestros componentes y controles de biblioteca..
El Inspector te permite profundizar en varios atributos, ya sea en la escena o en el juego en general. La Biblioteca contiene todos los comportamientos que puede asignar a la escena, el juego o los actores que conforman el juego (y en la versión Pro, es donde controla la integración de Game Center y los iAds). También puedes ver todas las imágenes y sonidos que componen el juego (y aquí es donde también los agregas).
En el lado derecho tiene su diseño de la escena. Avanza y haz clic en la vista previa en la parte superior central y disfruta del juego básico. Los controles son izquierda, derecha y espacio para disparar..
Una vez que haya terminado, vuelva a la vista general de la escena y haga doble clic en la nave espacial en la escena. Al principio se le presentará una pantalla en gris con un candado (volveremos a eso más adelante). Por ahora, adelante, haga clic para desbloquearlo y verá algo como a continuación:
Aquí puedes ver todos los atributos que el actor de la nave espacial le ha asignado.
Rebotará cuando colisione con cualquier actor que tenga una etiqueta de Walls.
Hay un conjunto de reglas que solo ocurre cuando la tecla correcta está presionada O el Acelerómetro en el eje X es mayor que 0.1. Esto mueve al actor en relación a su posición actual..
Una regla similar para moverse a la izquierda.
Una regla para cuando el botón del mouse está presionado o cuando se presiona el botón de espacio. Esto dispara una bala (genera al actor de bala) en una posición relativa al actor.
Una regla de temporizador.
Creo que de lo anterior se puede decir que, si bien no estarás codificando directamente el juego, aún así podrás unir todas las piezas del juego programáticamente..
Sigamos y agreguemos un par de atributos a este juego..
Con el jugador de la nave aún abierto, siga adelante y haga clic en "Crear regla" en la esquina superior derecha de la ventana. La regla de creación se utiliza para definir una acción basada en otra cosa que sucede. Puede configurar la regla para que reaccione cuando ocurra "Todo" o "Cualquiera" de sus condiciones definidas. Al establecerlo en "Todo" se define que la acción solo puede ocurrir si se cumplen todos los requisitos. Si se establece en "Cualquiera", la acción sucederá si se cumple alguna de las condiciones. Dentro de GameSalad, el inglés es tu lenguaje de programación. Vamos a establecer una regla que haga avanzar a nuestro actor cuando se presione la tecla de flecha hacia arriba.
Continúe y cree una regla para cuando el Actor reciba el evento clave (lo encontrará en el menú desplegable) cuando la tecla hacia arriba del teclado está presionada. Luego arrastre el comportamiento del movimiento desde la biblioteca al área gris bajo las condiciones de la regla y establezca la dirección a 90, en relación con el actor y con el tipo de movimiento de aditivo. Fije la velocidad en aproximadamente 150. Es un proceso difícil escribir realmente en instrucciones comprensibles, así que vea el video a continuación..
Ahora, cuando obtienes una vista previa del juego, puedes presionar la tecla de arriba y avanzar. El único problema es que todavía no podemos retroceder. Volvamos y ahora creemos otra regla..
En lugar de seguir el proceso de hacer clic para crear otra regla y luego arrastrar y soltar el atributo de movimiento, solo podemos utilizar un método abreviado de teclado simple. Mantenga presionada la tecla ALT y luego haga clic y mantenga presionada la regla que acabamos de crear antes de arrastrarla ligeramente hacia abajo. Suelte el clic del ratón y la regla se ha duplicado. Ahora solo cambia la llave de arriba a abajo y la dirección de movimiento a 270. Presiona la vista previa nuevamente y ahora podemos mover nuestra nave hacia atrás y hacia adelante. Pero cuando completamos el nivel, la nueva nave no tiene estos atributos. Podríamos entrar y hacer estas reglas para el actor también, pero hay una manera más rápida que nos permite no repetir continuamente el trabajo ya realizado, y también ayuda con reglas reutilizables..
Seleccione ambas reglas nuevas (mantener presionado y hacer clic para seleccionar) y luego haga clic en crear grupo. Estas reglas ahora se agrupan y podemos titular ese grupo como nos guste.
Las reglas de agrupación son útiles cuando puede tener muchas reglas para compartir o muchas reglas activas en un atributo.
Ahora podemos arrastrar y soltar nuestro grupo en la biblioteca bajo comportamientos -> Personalizar. Si nos retiramos de la vista general del actor y volvemos a nuestro inspector de juegos, puede desplazarse hacia abajo en la lista de actores hasta que vea al actor jugador 2. Haga clic en este actor para ingresar su resumen de atributos y luego simplemente arrastre y suelte su comportamiento personalizado. Ahora, vuelva a jugar y tendrá control hacia arriba y hacia abajo para ambos jugadores. De nuevo, otro video para mostrar visualmente la acción:
Ahora volvamos a nuestra lista de actores y haga clic en jugador. A medida que se desplaza por los atributos, notará que falta la regla de avanzar y retroceder. ¿Por qué? Porque cuando agregamos la regla por primera vez, la agregamos a la instancia de ese jugador en particular en esa escena en particular. Lo que estamos viendo aquí es el prototipo de ese actor. Cuando sueltas a un actor en la escena, hereda todos los atributos que tiene su prototipo, pero puedes especificar más o menos reglas para cualquier instancia en particular. ¿Recuerdas el candado en la pantalla opaca cuando nos metimos de lleno en las reglas? Eso nos recordó que estábamos editando la instancia del actor en lugar de su prototipo. Si ese actor fue destruido en esa escena y engendramos un clon, entonces surgiría del prototipo y no de la instancia, por lo que no tendría la acción de avanzar y retroceder..
Podemos arrastrar nuestro comportamiento personalizado aquí y soltarlo en el prototipo. Vuelva atrás y haga clic en el actor en la escena y haga clic en "Volver al prototipo" en la parte superior izquierda de la ventana. Ahora la instancia es la misma que el prototipo..
Antes de comenzar a crear un juego, necesitamos instalar el visor de GameSalad en nuestro dispositivo. Con iOS, obtienes un proyecto de Xcode que debes construir en tu dispositivo iOS. Si no sabe cómo hacerlo, puede buscar fácilmente en la documentación de GameSalad el procedimiento paso a paso para crear un proyecto Xcode en un dispositivo. El visor de Android es simplemente un APK que puedes instalar directamente en tu dispositivo.
Una vez que el visor esté en funcionamiento y conectado al mismo WiFi, el creador de GameSalad lo reconocerá y le dará una opción adicional para realizar una vista previa en el dispositivo. El juego con el que hemos estado jugando no funciona con un dispositivo en este momento, así que vamos a crear rápidamente algo que sí funciona..
Continúa, cierra el juego y haz clic en el ícono de Mi gran proyecto para poner en marcha un nuevo proyecto. Puede completar la información del proyecto en cualquier momento, así que déjelo por ahora y haga clic en escenas -> escena inicial.
Haga clic en el + en el inspector para agregar un nuevo actor y luego arrastrar a ese actor a la escena. Haga doble clic en el prototipo del actor y cree una regla para cuando el actor recibe un evento cuando se presiona el toque. Luego arrastraremos y soltaremos el comportamiento del atributo de restricción y lo editaremos. Haga clic en los puntos suspensivos y aparecerá el navegador de atributos. Aquí es donde podemos acceder a otros atributos que podríamos usar. Queremos hacer que el actor se toque al tacto (o ratón), por lo que primero restringiremos la posición X del actor. Configure el Actor 1 -> Posición -> X a: Dispositivo -> Ratón -> Posición -> X. Mouse y Touch se tratan de la misma manera en GameSalad, así que esto funcionará bien. Ahora haga lo mismo para el eje Y y previsualice en el creador o en un dispositivo. Ahora podrás hacer clic en el actor y arrastrarlo.
Regrese a la descripción inicial de la escena y cree otro actor y haga clic para ingresar a la descripción general del prototipo. Haga que este actor sea rojo (Verá el atributo de color en la lista de atributos de actor y usará el selector de color para elegir rojo). Agregue ese actor a la escena y luego haga clic en el actor 1 para agregar una nueva regla. Esta regla será que cuando el actor recibe el evento -> se superpone o colisiona -> con el actor de tipo -> actor 2, arrastre y suelte el atributo Mostrar texto y cambie el texto a lo que desee. Previsualiza el juego y arrastra el actor 1 al actor 2.
Hemos instalado GameSalad, hemos comprobado algunos de los aspectos básicos y hemos iniciado un proyecto. Ahora, tu creatividad es el límite. Echa un vistazo a algunas de las otras plantillas de juegos y mira qué tipo de juegos puedes crear..
Si desea aventurarse más en GameSalad, debería revisar el libro de cocina de GameSalad y GSHelper, que están llenos de tutoriales sobre todos los aspectos de la creación de juegos con GameSalad. Si desea ver más tutoriales en GameSalad, deje un comentario a continuación..
Si quieres un control real sobre tu código, GameSalad no es para ti, pero si no quieres preocuparte por el código y solo quieres ser creativo, GameSalad puede ser una gran solución.!
Accentsconagua