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
Top Related