lunes, 5 de septiembre de 2016

Curso Basico con Stencyl II - Agregando actores a nuestro juego parte final

15:55 Posted by theosko , , , , 7 comments
Stencyl para principiantes IV

En el anterior tutorial pudimos agregar los tileset para nuestra plataforma en nuestra escena y ahora agregaremos los objetos, yo no agregaré los hongos, pues lo usaremos más adelante de otro modo.

importamos los tilesets que tenemos descargados desde el tutorial 1 , creando uno nuevo y de nombre le pondré objetos.


importamos los recursos de objetos que usaremos para añadirle más belleza a nuestro juego.



nota : los arboles que nos descargamos tienen un tamaño muy grande, por lo que debemos importarlos haciendo una escala al numero 2. y no tendremos problemas.

lo hacemos de este modo ,modificando en  Scale le ponemos el numero 2 y procedemos a importar nuestros arboles:



luego, procedemos a seleccionar nuestros objetos, y le quitamos toda colisión, lo hacemos para cada uno, seleccionandolos y eligiendo no collisions. 



ahora queda cerrar nuestro tileset y dirigirnos a nuestra escena principal y a ponernos a pintar con los objetos que guardamos , y ya tenemos todo listo!
nota : yo le añadí el background del tutorial, es el mismo proceso, pero el tamaño del la imagen de fondo debe tener 640 x 480 de tamaño.


luego de añadir el background, procedemos a añadir nuestro personaje "ORCO", este será nuestro actor principal.

para añadir nuestro actor, nos dirigimos en dashboard y hacemos click en Actors Types, y le ponemos el nombre a nuestro actor, yo le puse "orco" .


y nuestro actor, no cuenta con ninguna animación por lo que nos pedirá que le añadamos una animación, y para eso debemos dirigirnos a la carpeta donde descargamos nuestro personaje y buscar en los recursos los gráficos siguientes :
gracias a creador de este personaje muy completo tenemos los frame donde nuestro actor corre y se mantiene estático.



ahora, tenemos que importarlo y lo primero que creamos es un animación,  nos pedirá que le pongamos un nombre y yo la nombraré "stopleft ", esto significa  a que será el frame donde nuestro personaje estará detenido pero mirando hacia el lado izquierdo.
debemos importar uno a uno de forma ordenada las imagenes con estos nombres.
idle001
idle002
idle003
idle004



Pero no piensen que he cometido un error, ustedes verán a nuestro personaje mirando hacia el lado derecho, así que debemos cambiar de lado, stencyl nos facilita eso con un solo click.

lo primero que haremos será duplicar nuestra animación "stopleft" de la siguiente manera dando click al icono que aparece en la imagen y automaticamente duplicaremos nuestro frame. ahora solo debemos cambiarle de nombre. a "stopright" que seria su nombre correcto.


y a nuestra animación anterior "stopleft" le cambiamos de lado, haciendo click al icono  de la rueda como muestra la imagen y hacemos click en el menu flip horizontal y nuestro frame cambiará de lado, mirando hacia el lado izquierdo.






ahora ya tenemos las dos animaciones, de forma correcta, y posteriormente hacemos el mismo procedimiento para añadir las animaciones donde nuestro personaje está corriendo.

añadimos de forma ordenada las imagenes con nombre :
run001
run002
run003
run004
run005
run006
run007
run008

al terminar debemos ya haber creado las 2 animaciones donde nuestro personaje corre, y  la animación stop left le marcamos como animación por defecto para que sea la primera animación que nos muestre al ejecutar nuestro juego.


ya finalmente creada las animaciones de nuestro juego debemos probarlo en nuestra escena, nos dirigimos a ella y le insertamos para luego "hacer un test game" y ver que todo esta bien.



como vemos nuestro juego ya tiene forma, y se ve muy bien! y como notarán al ejecutar, nuestro personaje muestra un comportamiento inusual de estar elevado, no se asusten esto es normal por que aun no le hemos añadido limites a la colisión ...
y así finalizamos esta parte donde hemos aprendido a añadir  tileset, actores a nuestro juego, si has llegado a este punto sin saltarte , estoy seguro que podrás añadir los enemigos que descargamos anteriormente, te espero en la siguiente parte donde al fin comenzaremos a jugar!.

ver la siguiente parte : http://stencylforyou.blogspot.pe/2016/09/stencylbasicotutorial5.html

ver la parte anterior : http://stencylforyou.blogspot.pe/2016/09/stencylbasicotutorial3.html

Curso Basico con Stencyl II - Agregando actores a nuestro juego parte 2

15:50 Posted by theosko , , , , 4 comments
Stencyl para principiantes III

Anteriormente Bajábamos los recursos necesarios para este tutorial , y tenemos todo listo para darle vida a nuestro juego.

primero, procedemos a crear una nueva escena.

una escena es el escenario donde se va a construir el juego, los actores, enemigos, tileset,background,sonido, y se va a implementar los Comportamientos, por eso debemos crearla primeramente.

de esta forma, sin modificar nada(por ahora) solo ponerle nombre a tu "Scene",le damos en create.


y procedemos a hacer click en Test Game :



y si tenemos Exito, nos cargará nuestro juego así :


Nota : si no te carga nada, es probable que no cuentes con una version reciente de adobe flash player, por lo que es importante que lo descargues desde esta direccion web:https://get.adobe.com/es/flashplayer/

si todo ha salido correcto, entonces ya hemos podido probar la ejecucion de nuestro juego, por defecto nuestro juego generado se guarda en esta Ruta:


y si queremos guardar nuestro progreso, hacemos click en el menu, File - Save Game .

normalmente nuestro juego se guarda cada vez que hacemos una edición grande.


Creando los Tileset

los tileset a diferencia de los background son los objetos que van en la escena cuyos atributos varian de acuerdo a que le asignemos pueden servir para crear rapidamente una plataforma, o arboles, cajas, flores, etc. y añadirle colisión si es necesario.

creamos desde el dashboard un Tileset


le ponemos nombre,e insertamos el tileset que descargamos en el tutorial anterior, haciendo click en Choose image.



le damos abrir, y luego abrimos los tiles que queremos, y seguimos añadiendo haciendo click en el pequeño cuadro que marco yo en un cuadro rojo para añadir más tiles.



luego, seleccionamos nuestros bloques con toda su forma y diseño y le añadimos la colicion Square(cuadrado), es decir, al añadirle esa colicion nuestro bloque será una plataforma en la que se
podrá caminar. lo hacemos como en la imagen :

1 , seleccionamos la forma
2 , seleccionamos square
(hacemos ese paso para las formas que usaremos y cerramos nuestro tile creado)


volviendo a la escena.

ya tenemos creado nuestro primer tileset de la plataforma!


ahora procedemos a insertar nuestros tileset creados en mi escena , nos vamos a la paleta en el lado derecho de nuestro programa, y seleccionamos los bloques y procedemos a pintar en la scena y fácilmente creamos nuestra plataforma y quedará de la siguiente forma.



y con éxito tenemos nuestra primera plataforma ya lista donde podrá caminar nuestros actores y enemigos, ven que no fue difícil?  ahora procedemos a hacer click en Test Game para ver nuestro resultado.


aun no es momento para emocionarse, pero si has llegado hasta aqui te felicito, ahora vamos a proceder con nuestro personaje,

Parte III en el siguiente enlace : http://stencylforyou.blogspot.pe/2016/09/stencylbasicotutorial4.html

Curso Basico con Stencyl II - Agregando actores a nuestro juego

15:48 Posted by theosko , , , , 2 comments
                   Stencyl para principiantes II

Bienvenidos a la parte 2 del curso para principiantes de stencyl, en la parte uno, vimos como descargar stencyl y creamos nuestro juego, ahora vamos a darle forma a nuestro primer juego, les voy a enseñar como crear un juego sencillo de plataformas, para lo que necesitamos primeramente los personajes de nuestro juego.

para esto, he tomado unos recursos de esta pagina web  : http://opengameart.org/



                  Land Monster 2 : http://opengameart.org/content/red-horn-land-monster


Importante*
todos los materiales que usaremos en este Tutorial están en este archivo . RAR que subí a MEGA
click "AQUI" para descargar.

Deben Descargar los Respectivos Archivos .zip, de las paginas expuestas arriba.
una vez descargado esos archivos, vamos a guardarlos en una carpeta de forma ordenada, para dar paso a implementarlo en nuestro juego de plataforma.

los espero en la Parte III del tutorial.




click para ir a la Parte III  =http://stencylforyou.blogspot.pe/2016/09/stencylbasicotutorial3.html

volver a la parte 1 enlace = http://stencylforyou.blogspot.pe/2016/09/stencylbasicotutorial1.html

Curso Basico con Stencyl I - Introduccion y Descarga de Stencyl

15:45 Posted by theosko , , , , 3 comments
 Stencyl -  para principiantes

 - Introducción a mi primer juego con Stencyl.

Navegando por la web hace unos meses me encontré con este  espectacular engenie que por la facilidad de crear juegos en flash, android y en IOS sin tener bastos conocimientos de programación es muy usada en la comunidad de desarrolladores en el mercado.

actualmente Stencyl permite desarrollar para android, IOS, Flash, HTML(Beta).  el lenguaje de programación de Stencyl es java. y para empezar con esta serie de pequeños tutoriales vamos a conocer un poco sobre el programa, los menús, las herramientas que vamos a usar, y se que ustedes con la practica van a desarrollar juegos más avanzados.

para empezar no necesitamos por ahora adquirir  Stencyl en su versión paga, ya que con su versión gratuita podemos hacer prácticamente todo , la única desventaja es que no podremos monetizar los juegos creados ni venderlos, pues no tendrán las respectivas licencias.

 primero nos vamos a su pagina principal y sin necedidad de registrarnos podemos descargarlo.

 esta es la Url : http://www.stencyl.com/download/ (version  3.4.0).

 primero al instalar el programa, nos saldrá un menú  que si no estas familiarizado con algun programa de diseño o desarrollo, te va a resultar un poco difícil adaptarte al manejo de los menú. 
pero descuida, yo te explicaré el funcionamiento de los que vamos a utilizar en este pequeño tutorial.

  1. primero Abrimos Stencyl, y hacemos click en create new game:
    2. después elegimos "blank game", para que se cree nuestro primer juego.



3. Es importante que el nombre que pongan sea el de su juego, pues es lo que se mostrará al ejecutar por ejemplo si exportan en android, IOS.

4.El tamaño es importante, por Defecto nos muestra una resolución de 640 x 480 que es lo normal en los juegos Flash, pero si vas a hacer un juego para android, debes elegir si es un juego unicamente vertical 320 x 480 si es únicamente vertical el tamaño de 480 x 320. nosotros lo dejaremos en 640 x 480.


 Si has Llegado hasta este punto, no dudes te invito a la segunda parte del curso.
has click aquí para ir a la Parte II 

PARTE II del curso. : http://stencylforyou.blogspot.pe/2016/09/stencylbasicotutorial2.html