{"id":238,"date":"2017-12-23T12:05:58","date_gmt":"2017-12-23T12:05:58","guid":{"rendered":"http:\/\/carlosadan.net\/?page_id=238"},"modified":"2018-10-25T22:37:26","modified_gmt":"2018-10-25T22:37:26","slug":"go-go-pixel","status":"publish","type":"page","link":"https:\/\/calaran.net\/?page_id=238","title":{"rendered":"Go! Go! Pixel"},"content":{"rendered":"<div><\/div>\n<h3>Descripci\u00f3n<\/h3>\n<p><em>Go! Go! Pixel <\/em>es un peque\u00f1o juego de plataformas que fue desarrollado durante el M\u00e1ster en creaci\u00f3n de videojuegos que realic\u00e9. Si bien es cierto que es de los primeros juegos en los que particip\u00e9, especialmente en 3D y siendo parte de un equipo, decid\u00ed incluirlo por el hecho de utilizar un motor propio desarrollado desde cero para la ocasi\u00f3n. Adem\u00e1s las cr\u00edticas de aquellos que lo han jugado han sido, en general, bastante positivas, ya que a pesar de ser bastante corto (consta de un nivel dividido en varias salas) y el aparente simplismo, consta de una curva de dificultad bien cuidada, procurando que sea sencilla al principio pero acabe suponiendo un reto adictivo, adem\u00e1s de se le a\u00f1adieron detalles que invitan a la rejugabilidad.<\/p>\n<p>El juego transcurre en el reino de Bitland, un mundo en 2D en el que Piky, un p\u00edxel travieso, est\u00e1 aburrido y quiere tener aventuras. Por eso decide robar la <em>Poly Emerald,<\/em> una gema capaz de satisfacer deseos, y pedirle algo para que ni \u00e9l ni sus amigos se aburran. Sin embargo al robar la gema, provoca un accidente multidimensional en el que todo pasa a ser tridimensional, pero adem\u00e1s despertar\u00e1 a Chucky-Chucky, el guardi\u00e1n de la gema que le perseguir\u00e1 por todo el templo. Durante las persecuciones el juego pasa de ser totalmente en 3D a tener una perspectiva lateral y viceversa, adaptando el movimiento, de forma que el jugador puede tener un mayor campo de visi\u00f3n para anticiparse, compensando as\u00ed el hecho de no poder parar hasta quedar a salvo.<\/p>\n<h3>Objetivos de dise\u00f1o<\/h3>\n<ul>\n<li>Crear un motor propio en C++, capaz de satisfacer los requisitos del juego e importar mallas y animaciones desde 3D Studio Max.<\/li>\n<li>Dise\u00f1ar y crear el primer nivel de un juego de plataformas que combine varias de las mec\u00e1nicas comunes en el g\u00e9nero, adem\u00e1s de a\u00f1adir alguna nueva, combinando perspectivas y movimiento en 3D y 2D.<\/li>\n<li>Demostrar habilidades en el dise\u00f1o de niveles y del juego, aplicando mec\u00e1nicas existentes m\u00e1s comunes, combinarlas y a\u00f1adir alguna nueva, o menos com\u00fan dentro del g\u00e9nero.<\/li>\n<li>Demostrar habilidades en el dise\u00f1o de puzles y retos integrados en el entorno.<\/li>\n<li>Crear una narrativa original, entretenida y cargada de sentido del humor que anime al jugador a llegar hasta el final y rejugar el nivel para descubrir los detalles que puedan haber y conseguir todos los coleccionables para desbloquear im\u00e1genes de la galer\u00eda.<\/li>\n<li>Crear un nivel en que combine mec\u00e1niscas y perspectivas 3D y 2D con una curva de dificultad creciente que llegue a suponer un reto.<\/li>\n<\/ul>\n<h5 id=\"design-doc\">Link de descarga del juego<\/h5>\n<p>El juego est\u00e1 disponible para Windows. A continuaci\u00f3n se a\u00f1aden los archivos de descarga tanto el instalador como el archivo zip.<\/p>\n<p><a href=\"https:\/\/www.dropbox.com\/s\/m8dcsja2l44muzp\/setup.exe?dl=0\">\u00a0<\/a><a href=\"https:\/\/www.dropbox.com\/s\/m8dcsja2l44muzp\/setup.exe?dl=1\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone\" src=\"https:\/\/www.kurulumyap.com\/resimler\/327\/windows-installer-icon.jpg\" alt=\"Setup File\" width=\"61\" height=\"61\" \/><\/a>\u00a0 <a href=\"https:\/\/www.dropbox.com\/s\/m8dcsja2l44muzp\/setup.exe?dl=1\">Instalador<\/a><\/p>\n<p><a href=\"https:\/\/www.dropbox.com\/s\/r0ndt6gn39ftn0v\/GoGoPixel.7z?dl=1\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone\" src=\"http:\/\/icons.iconarchive.com\/icons\/sora-meliae\/matrilineare\/1024\/Mimes-application-x-7zip-icon.png\" alt=\"7Zip File\" width=\"75\" height=\"75\" \/><\/a><a href=\"https:\/\/www.dropbox.com\/s\/r0ndt6gn39ftn0v\/GoGoPixel.7z?dl=1\">Archivo extra\u00edble (Sin instalador)<\/a><\/p>\n<p>Para ejecutarlo a trav\u00e9s del .zip basta con descomprimir, instalar todo lo necesario de la carpeta <em>redist<\/em> y ejecutar el juego a trav\u00e9s del ejecutable \u00abGoGoPixel.exe\u00bb. En el archivo README se encuentra la informaci\u00f3n detallada.<\/p>\n<h5><strong>GDD Y LDD<\/strong><\/h5>\n<p>Para ver los documentos de Game Design y Level Design hacer click en las im\u00e1genes o enlaces correspondientes.<\/p>\n<h6>Game Design Document<\/h6>\n<p><a href=\"https:\/\/drive.google.com\/open?id=1iNbL-tE9o_mikEyLsm0rU0WoZom-B26d\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" class=\"alignleft\" src=\"https:\/\/www.sterkmiddendrenthe.nl\/wp-content\/uploads\/2017\/06\/pdf-icon-png-17-300x300.png\" alt=\"GDD Go! Go! Pixel\" width=\"95\" height=\"113\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p><a href=\"https:\/\/drive.google.com\/open?id=1iNbL-tE9o_mikEyLsm0rU0WoZom-B26d\" target=\"_blank\" rel=\"noopener\">Go! Go! Pixel &#8211; Documento de Dise\u00f1o<\/a><\/p>\n<h6><\/h6>\n<h6>Level Design Document<\/h6>\n<h6><\/h6>\n<p><a href=\"https:\/\/drive.google.com\/open?id=1XFwAojUjj5RN6uJ6xQYPZL69MxkFtC5M\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" class=\"alignleft\" src=\"https:\/\/www.sterkmiddendrenthe.nl\/wp-content\/uploads\/2017\/06\/pdf-icon-png-17-300x300.png\" alt=\"LDD Go! Go! Pixel\" width=\"95\" height=\"113\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p><a href=\"https:\/\/drive.google.com\/open?id=1XFwAojUjj5RN6uJ6xQYPZL69MxkFtC5M\" target=\"_blank\" rel=\"noopener\">Go! Go! Pixel &#8211; Documento dise\u00f1o de nivel<\/a><\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<hr \/>\n<h3>Gameplay<\/h3>\n<p><iframe loading=\"lazy\" width=\"810\" height=\"456\" src=\"https:\/\/www.youtube.com\/embed\/jMND5xAmFFA?feature=oembed\" frameborder=\"0\" allow=\"autoplay; encrypted-media\" allowfullscreen><\/iframe><\/p>\n<hr \/>\n<h3>Informaci\u00f3n detallada<\/h3>\n<p><em>Go! Go! Pixel <\/em>se cre\u00f3 durante el m\u00e1ster en creaci\u00f3n de videojuegos. El motivo de incluirlo en el portfolio, m\u00e1s all\u00e1 de mostrar un juego de otro g\u00e9nero al ser un plataformas que combina las perspectivas en 3D y 2D, es que se utiliz\u00f3 un motor propio que se cre\u00f3 expresamente para el mismo. Adem\u00e1s dada su tem\u00e1tica y su historia, apta para toda la familia, y la jugabilidad, que sin ser desesperante puede suponer un reto, el juego fue seleccionado para formar parte del programa <a href=\"http:\/\/www.uab.cat\/web\/estudiar\/visita-la-uab\/jornades-croma-1345708841708.html\">CROMA<\/a> de la UAB.<\/p>\n<p>El equipo se dividi\u00f3 en programadores y artistas, dejando las fases iniciales del dise\u00f1o (Game y Level Design) como algo com\u00fan para ambos grupos. Posteriormente, dado que la cantidad de programadores del equipo era muy superior a los artistas, compagin\u00e9 el rol de programador con el de game designer, especialmente en temas de balanceo y ritmo de nivel, respetando siempre el feedback de los dem\u00e1s. Para un mayor detalle sobre el dise\u00f1o no dude en echar un vistazo los <a href=\"#design-doc\">documentos de dise\u00f1o (GDD y LDD).<\/a><\/p>\n<h5><strong>Mapa del nivel<\/strong><\/h5>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-272 size-full\" src=\"https:\/\/carlosadan.net\/wp-content\/uploads\/2018\/01\/gogoPixelMapFinal.png\" alt=\"Go! Go! Pixel map\" width=\"1000\" height=\"800\" srcset=\"https:\/\/calaran.net\/wp-content\/uploads\/2018\/01\/gogoPixelMapFinal.png 1000w, https:\/\/calaran.net\/wp-content\/uploads\/2018\/01\/gogoPixelMapFinal-300x240.png 300w, https:\/\/calaran.net\/wp-content\/uploads\/2018\/01\/gogoPixelMapFinal-768x614.png 768w, https:\/\/calaran.net\/wp-content\/uploads\/2018\/01\/gogoPixelMapFinal-150x120.png 150w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><\/p>\n<h5><strong>Game &amp; Level Design<\/strong><\/h5>\n<p>Elementos y caracter\u00edsticas que particip\u00e9 durante el dise\u00f1o:<\/p>\n<ul>\n<li>Elementos narrativos (personajes, enemigos, historia, cinem\u00e1ticas&#8230;).<\/li>\n<li>Dise\u00f1o del combate (ataques orientados al g\u00e9nero de plataformas, salud, ataques de enemigos&#8230;).<\/li>\n<li>Dise\u00f1o de la estructura de men\u00fas y UI:\n<ul>\n<li>Men\u00fa Principal.<\/li>\n<li>Men\u00fas In-Game:\n<ul>\n<li>Pausa.<\/li>\n<li>Galer\u00eda de im\u00e1genes.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n<li>Dise\u00f1o de los puzles y pruebas:\n<ul>\n<li>Prueba de eliminar enemigos.<\/li>\n<li>Puzle de los botones.<\/li>\n<li>Puzle de activaci\u00f3n de plataforma.<\/li>\n<\/ul>\n<\/li>\n<li>\u00cdtems (coleccionables, pixelites o monedas, power ups).<\/li>\n<li>Dise\u00f1o del contenido y estructura de las salas.<\/li>\n<li>Ritmo del nivel.<\/li>\n<li>Eventos (apariciones de Chucky-Chucky,\u00a0 feedback de los puzles&#8230;).<\/li>\n<li>Distribuci\u00f3n de teclas y botones para Input.<\/li>\n<li>Introducci\u00f3n de easter eggs y secretos.<\/li>\n<\/ul>\n<h5><strong>Desarrollo (Programaci\u00f3n):<\/strong><\/h5>\n<p>La programaci\u00f3n se hizo utilizando varios lenguajes, dependiendo de si se trataba del motor (C++), MaxScript o scripting para el Gameplay (Lua). A continuaci\u00f3n indico las partes del desarrollo en las que particip\u00e9.<\/p>\n<p>C++.<\/p>\n<ul>\n<li>Creaci\u00f3n del motor del juego, incorporando las librer\u00edas necesarias (Physx, DirectX&#8230;), a\u00f1adir la posibilidad de ser configurado mediante XML, etc.<\/li>\n<li>A\u00f1adir la posibilidad de importar elementos desde 3D Studio Max.<\/li>\n<li>Gestor de part\u00edculas.<\/li>\n<li>Shaders con HLSL y DirectX 9.<\/li>\n<li>M\u00e1nagers para personajes y su IA.<\/li>\n<li>Input Manager.<\/li>\n<li>Forward\/Deferred rendering.<\/li>\n<\/ul>\n<p>MaxScript.<\/p>\n<ul>\n<li>Exportaci\u00f3n de escenas (y elementos por separado) a archivos binarios.<\/li>\n<\/ul>\n<p>Gameplay (Lua)<\/p>\n<ul>\n<li>Player Controller.<\/li>\n<li>Interacci\u00f3n con los men\u00fas:\n<ul>\n<li>Navegaci\u00f3n entre los distintos men\u00fas.<\/li>\n<li>Funcionalidades de los men\u00fas (Men\u00fa Principal, Galer\u00eda de im\u00e1genes, Men\u00fa de pausa&#8230;).<\/li>\n<\/ul>\n<\/li>\n<li>IA:\n<ul>\n<li>Enemigos menores.<\/li>\n<li>Chucky-Chucky perseguidor.<\/li>\n<li>Chucky-Chucky boss final.<\/li>\n<\/ul>\n<\/li>\n<li>Gesti\u00f3n de vidas y game over.<\/li>\n<li>GUI (HUD y men\u00fas).<\/li>\n<li>Distintos tipos de \u00edtems.<\/li>\n<li>Triggers y feedback:\n<ul>\n<li>Elementos interactivos.<\/li>\n<li>Eventos.<\/li>\n<\/ul>\n<\/li>\n<li>Puzles, pruebas y eventos relacionados.\n<ul>\n<li>Sala de mik-miks.<\/li>\n<li>Puzle de los botones.<\/li>\n<li>Puzle de activaci\u00f3n de plataformas.<\/li>\n<\/ul>\n<\/li>\n<li>A\u00f1adir m\u00fasica y sonido.<\/li>\n<li>Testing y correcci\u00f3n de bugs.<\/li>\n<\/ul>\n<h5><strong>Ejemplos de pruebas en algunas salas<\/strong><\/h5>\n<h5><em>Sala de mik-miks<\/em><\/h5>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-249 aligncenter\" src=\"https:\/\/carlosadan.net\/wp-content\/uploads\/2018\/01\/Captura-de-pantalla-2018-01-11-a-las-13.49.37.png\" alt=\"\" width=\"665\" height=\"450\" srcset=\"https:\/\/calaran.net\/wp-content\/uploads\/2018\/01\/Captura-de-pantalla-2018-01-11-a-las-13.49.37.png 665w, https:\/\/calaran.net\/wp-content\/uploads\/2018\/01\/Captura-de-pantalla-2018-01-11-a-las-13.49.37-300x203.png 300w, https:\/\/calaran.net\/wp-content\/uploads\/2018\/01\/Captura-de-pantalla-2018-01-11-a-las-13.49.37-150x102.png 150w, https:\/\/calaran.net\/wp-content\/uploads\/2018\/01\/Captura-de-pantalla-2018-01-11-a-las-13.49.37-297x201.png 297w\" sizes=\"auto, (max-width: 665px) 100vw, 665px\" \/><\/p>\n<p><strong>Objetivos:<\/strong><\/p>\n<p>Para llegar al punto final deber\u00e1 llegar a la plataforma Poly Emerald y activarla, para ello deber\u00e1 abrir la puerta, que est\u00e1 cerrada y se abrir\u00e1 tras derrotar como m\u00ednimo 2 Mik-Miks. Si elimina a todos los Mik-Miks aparecer\u00e1 un cromo coleccionable.<\/p>\n<h5><em>Sala de lava (activaci\u00f3n de plataformas)<\/em><\/h5>\n<h6><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-250 aligncenter\" src=\"https:\/\/carlosadan.net\/wp-content\/uploads\/2018\/01\/Captura-de-pantalla-2018-01-11-a-las-13.55.55.png\" alt=\"\" width=\"597\" height=\"648\" srcset=\"https:\/\/calaran.net\/wp-content\/uploads\/2018\/01\/Captura-de-pantalla-2018-01-11-a-las-13.55.55.png 597w, https:\/\/calaran.net\/wp-content\/uploads\/2018\/01\/Captura-de-pantalla-2018-01-11-a-las-13.55.55-276x300.png 276w, https:\/\/calaran.net\/wp-content\/uploads\/2018\/01\/Captura-de-pantalla-2018-01-11-a-las-13.55.55-138x150.png 138w\" sizes=\"auto, (max-width: 597px) 100vw, 597px\" \/><\/h6>\n<p><b>Objetivos:<\/b><\/p>\n<p>El objetivo de esta zona es llegar al punto final. Para ello, el jugador deber\u00e1 moverse correctamente a trav\u00e9s de las plataformas saltando sobre ellas y activar las plataformas Poly Emerald en el momento oportuno, adem\u00e1s una plataforma se romper\u00e1 en cuanto sea pisada. Para conseguir el coleccionable deber\u00e1 activar la plataforma correspondiente. En caso de caer se perder\u00e1 una vida y Piky reaparecer\u00e1 en el checkpoint.<\/p>\n<h5><em>Sala de plataformas m\u00f3viles (con puzle de botones)<br \/>\n<\/em><\/h5>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-252 aligncenter\" src=\"https:\/\/carlosadan.net\/wp-content\/uploads\/2018\/01\/Captura-de-pantalla-2018-01-11-a-las-14.05.38.png\" alt=\"\" width=\"622\" height=\"600\" srcset=\"https:\/\/calaran.net\/wp-content\/uploads\/2018\/01\/Captura-de-pantalla-2018-01-11-a-las-14.05.38.png 622w, https:\/\/calaran.net\/wp-content\/uploads\/2018\/01\/Captura-de-pantalla-2018-01-11-a-las-14.05.38-300x289.png 300w, https:\/\/calaran.net\/wp-content\/uploads\/2018\/01\/Captura-de-pantalla-2018-01-11-a-las-14.05.38-150x145.png 150w\" sizes=\"auto, (max-width: 622px) 100vw, 622px\" \/> <img loading=\"lazy\" decoding=\"async\" class=\"wp-image-253 aligncenter\" src=\"https:\/\/carlosadan.net\/wp-content\/uploads\/2018\/01\/Captura-de-pantalla-2018-01-11-a-las-14.06.26.png\" alt=\"\" width=\"623\" height=\"517\" srcset=\"https:\/\/calaran.net\/wp-content\/uploads\/2018\/01\/Captura-de-pantalla-2018-01-11-a-las-14.06.26.png 632w, https:\/\/calaran.net\/wp-content\/uploads\/2018\/01\/Captura-de-pantalla-2018-01-11-a-las-14.06.26-300x249.png 300w, https:\/\/calaran.net\/wp-content\/uploads\/2018\/01\/Captura-de-pantalla-2018-01-11-a-las-14.06.26-150x124.png 150w\" sizes=\"auto, (max-width: 623px) 100vw, 623px\" \/><\/p>\n<p><strong>Objetivos:<\/strong><\/p>\n<p>El objetivo de esta zona es llegar al punto final situado en la parte 2 saltando por las plataformas m\u00f3viles. Por otra parte es posible acceder a un camino secundario desde el primer grupo de plataformas m\u00f3viles de la segunda parte. Para llegar a dichas plataformas m\u00f3viles el jugador deber\u00e1 abrir la puerta del final de la Parte 1 activando los tres interruptores saltando sobre ellos, momento en el que adem\u00e1s aparecer\u00e1 el cromo coleccionable. Sin embargo para conseguirlo deber\u00e1 utilizar el teletransporte y volver al principio de la sala.<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Descripci\u00f3n Go! Go! Pixel es un peque\u00f1o juego de plataformas que fue desarrollado durante el M\u00e1ster en creaci\u00f3n de videojuegos que realic\u00e9. Si bien es cierto que es de los primeros juegos en los que particip\u00e9, especialmente en 3D y siendo parte de un equipo, decid\u00ed incluirlo por el hecho\u2026<\/p>\n<p class=\"continue-reading-button\"> <a class=\"continue-reading-link\" href=\"https:\/\/calaran.net\/?page_id=238\">Continue reading<i class=\"crycon-right-dir\"><\/i><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"templates\/template-twocolumns-left.php","meta":{"footnotes":""},"class_list":["post-238","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/calaran.net\/index.php?rest_route=\/wp\/v2\/pages\/238","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/calaran.net\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/calaran.net\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/calaran.net\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/calaran.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=238"}],"version-history":[{"count":30,"href":"https:\/\/calaran.net\/index.php?rest_route=\/wp\/v2\/pages\/238\/revisions"}],"predecessor-version":[{"id":388,"href":"https:\/\/calaran.net\/index.php?rest_route=\/wp\/v2\/pages\/238\/revisions\/388"}],"wp:attachment":[{"href":"https:\/\/calaran.net\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=238"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}