Técnicas para desarrollo de videojuegos 2D
-
Upload
ogre-pixel -
Category
Mobile
-
view
253 -
download
1
Transcript of Técnicas para desarrollo de videojuegos 2D
![Page 1: Técnicas para desarrollo de videojuegos 2D](https://reader035.fdocuments.ec/reader035/viewer/2022081502/58ec83531a28abb1528b46d5/html5/thumbnails/1.jpg)
Técnicas para desarrollo
de videojuegos 2DUnity Roadshow, 2016
por Esteban Durán
![Page 2: Técnicas para desarrollo de videojuegos 2D](https://reader035.fdocuments.ec/reader035/viewer/2022081502/58ec83531a28abb1528b46d5/html5/thumbnails/2.jpg)
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
![Page 3: Técnicas para desarrollo de videojuegos 2D](https://reader035.fdocuments.ec/reader035/viewer/2022081502/58ec83531a28abb1528b46d5/html5/thumbnails/3.jpg)
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…
![Page 4: Técnicas para desarrollo de videojuegos 2D](https://reader035.fdocuments.ec/reader035/viewer/2022081502/58ec83531a28abb1528b46d5/html5/thumbnails/4.jpg)
Pixel Art en Ogre Pixel
![Page 5: Técnicas para desarrollo de videojuegos 2D](https://reader035.fdocuments.ec/reader035/viewer/2022081502/58ec83531a28abb1528b46d5/html5/thumbnails/5.jpg)
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
![Page 6: Técnicas para desarrollo de videojuegos 2D](https://reader035.fdocuments.ec/reader035/viewer/2022081502/58ec83531a28abb1528b46d5/html5/thumbnails/6.jpg)
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
![Page 7: Técnicas para desarrollo de videojuegos 2D](https://reader035.fdocuments.ec/reader035/viewer/2022081502/58ec83531a28abb1528b46d5/html5/thumbnails/7.jpg)
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
![Page 8: Técnicas para desarrollo de videojuegos 2D](https://reader035.fdocuments.ec/reader035/viewer/2022081502/58ec83531a28abb1528b46d5/html5/thumbnails/8.jpg)
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
![Page 9: Técnicas para desarrollo de videojuegos 2D](https://reader035.fdocuments.ec/reader035/viewer/2022081502/58ec83531a28abb1528b46d5/html5/thumbnails/9.jpg)
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
![Page 10: Técnicas para desarrollo de videojuegos 2D](https://reader035.fdocuments.ec/reader035/viewer/2022081502/58ec83531a28abb1528b46d5/html5/thumbnails/10.jpg)
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
![Page 11: Técnicas para desarrollo de videojuegos 2D](https://reader035.fdocuments.ec/reader035/viewer/2022081502/58ec83531a28abb1528b46d5/html5/thumbnails/11.jpg)
Animaciones
Las animaciones se realizan mediante el intercambio de sprites, cuadro por cuadro.
Pixel Art en Ogre Pixel
![Page 12: Técnicas para desarrollo de videojuegos 2D](https://reader035.fdocuments.ec/reader035/viewer/2022081502/58ec83531a28abb1528b46d5/html5/thumbnails/12.jpg)
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
![Page 13: Técnicas para desarrollo de videojuegos 2D](https://reader035.fdocuments.ec/reader035/viewer/2022081502/58ec83531a28abb1528b46d5/html5/thumbnails/13.jpg)
Warcher Defenders
Más información: http://ogrepixel.com/warcher-defenders
![Page 14: Técnicas para desarrollo de videojuegos 2D](https://reader035.fdocuments.ec/reader035/viewer/2022081502/58ec83531a28abb1528b46d5/html5/thumbnails/14.jpg)
Gracias! =)Contacto
• Website: www.ogrepixel.com• Twitter: @ogrepixel
@steveOgre@juaniniLe
• Facebook: www.facebook.com/ogrepixel