Pequeña presentación llevada a cabo dentro del Unity Roadshow 2016 donde se aborda la forma en que Ogre Pixel trabaja con gráficos estilo Pixel Art dentro de Unity3D.

1. Técnicas para desarrollo
de videojuegos 2D
Unity Roadshow, 2016
por Esteban Durán

2. 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

3. Ogre Pixel - Introducción
Creando 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…

4. Pixel Art en Ogre Pixel

5. 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

6. 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

7. 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

8. Configuraciones
Para los sprites se utilizan las siguientes configuraciones:
• Sprite mode: Multiple (para cortar las
spritesheets)
• Pixels per unit: 16 (para facilitar manejo
De coordenadas)
• Generate mip maps: off (no es necesario)
• Filter mode: Point (para mantener los
hard edges)
Pixel Art en Ogre Pixel

9. Escalado
Para la cámara se utilizan las siguientes configuraciones:
• Projection: Orthographic (por default en
proyectos 2D, es importante)
• Size: 5 (tamaño adecuado)
*Importante: Settings anteriores definidos
bajo esos valores ya que el juego está
diseñado bajo una resolución de 320 x 160 px.
Pixel Art en Ogre Pixel

10. Escalado
Se 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

11. Animaciones
Las animaciones se realizan mediante el intercambio de sprites, cuadro
por cuadro.
Pixel Art en Ogre Pixel

12. Pixel rotation y partículas
• Pixel rotation
Plugin 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 system
Tutorial 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

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

14. Gracias! =)
Contacto
• Website: www.ogrepixel.com
• Twitter: @ogrepixel
@steveOgre
@juaniniLe
• Facebook: www.facebook.com/ogrepixel