técnicas para desarrollo de videojuegos 2d

Técnicas para desarrollo

de videojuegos 2DUnity Roadshow, 2016

por Esteban Durán

Temas• Ogre Pixel - Introducción• Pixel Art en Ogre Pixel• Pixel Art, qué es• Pixel Perfect, qué es• Sprites• Configuraciones• Escalado• Animaciones• Pixel rotation y partículas

• Warcher Defenders

Ogre Pixel - IntroducciónCreando historias en forma de videojuegos…Estudio de desarrollo de videojuegos con base en Aguascalientes, México, desde marzo de 2014.

Working hard to live the dream…

Pixel Art en Ogre Pixel

Pixel Art, qué es

Pixel art – Forma de arte digital dónde las imágenes son editadas a nivel de pixeles.

Pixel Art en Ogre Pixel

Pixel Perfect, qué es

Se considera Pixel Perfect a aquella imagen cuyos pixeles simulados encajan en una rejilla perfecta y uniforme de pixeles.

Pixel Art en Ogre Pixel

Sprites

• Los sprites usados son archivos PNG con transparencia y a una resolución real (tamaño de pixeles reales) • Los tiles base para objetos y personajes son de 16 x 16 px

Pixel Art en Ogre Pixel

Configuraciones

Para los sprites se utilizan las siguientes configuraciones:• Sprite mode: Multiple (para cortar lasspritesheets)• Pixels per unit: 16 (para facilitar manejoDe coordenadas)• Generate mip maps: off (no es necesario)• Filter mode: Point (para mantener loshard edges)

Pixel Art en Ogre Pixel

Escalado

Para la cámara se utilizan las siguientes configuraciones:• Projection: Orthographic (por default enproyectos 2D, es importante)• Size: 5 (tamaño adecuado)

*Importante: Settings anteriores definidosbajo esos valores ya que el juego estádiseñado bajo una resolución de 320 x 160 px.

Pixel Art en Ogre Pixel

EscaladoSe diseñó bajo una resolución con un ancho mayor al de cualquier resolución (320 x 160 px) para facilitar el despliegue en diferentes resoluciones: al cambiar de resolución el alto se mantiene (160 px), mientras que el ancho puede variar. Esto facilita cálculos y escalados posteriores

Pixel Art en Ogre Pixel

Animaciones

Las animaciones se realizan mediante el intercambio de sprites, cuadro por cuadro.

Pixel Art en Ogre Pixel

Pixel rotation y partículas

• Pixel rotationPlugin de la asset store muy útil que permite rotar un sprite evitando inclinar los pixeles

https://www.assetstore.unity3d.com/en/#!/content/33829

• Pixel art particle systemTutorial muy completo sobre la creación de sistemas de partículas con un estilo Pixel Art

http://warcher-devlog.tumblr.com/search/pixel+particles

Pixel Art en Ogre Pixel

Warcher Defenders

Más información: http://ogrepixel.com/warcher-defenders

Gracias! =)Contacto

• Website: www.ogrepixel.com• Twitter: @ogrepixel

@steveOgre@juaniniLe

• Facebook: www.facebook.com/ogrepixel