{"id":92,"date":"2011-05-21T03:40:32","date_gmt":"2011-05-21T03:40:32","guid":{"rendered":"http:\/\/phyline.com\/blog\/?p=92"},"modified":"2012-01-31T19:51:07","modified_gmt":"2012-01-31T19:51:07","slug":"cocos2d-for-iphone-mi-nueva-aventura","status":"publish","type":"post","link":"http:\/\/sophyonline.com\/blog\/2011\/05\/cocos2d-for-iphone-mi-nueva-aventura\/","title":{"rendered":"iD-Stress y Cocos2D for iPhone: Mi nueva aventura"},"content":{"rendered":"<h1 style=\"text-align: left;\">ID-Stress<\/h1>\n<p style=\"text-align: left;\"><strong> <\/strong> es el nombre de la aplicaci\u00f3n que estamos desarrollando 3 compa\u00f1eros y yo\u00a0como <a href=\"http:\/\/mcdemprojects.blogspot.com\/\">proyecto final de master<\/a>. Es una aplicaci\u00f3n para iPhone cuyo objetivo es proporcionar tratamientos de audio para combatir el estr\u00e9s. Est\u00e1 validado por una sofr\u00f3loga experta (nuestro cliente) que ha desarrollado los tratamientos.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter\" title=\"ID-Stress\" src=\"http:\/\/2.bp.blogspot.com\/-dnTxNl2W8D8\/TdRK46vw0UI\/AAAAAAAAAFc\/KqE0-ArLsWg\/s320\/Logo3.png\" alt=\"\" width=\"200\" height=\"200\" \/><\/p>\n<p>Esta aplicaci\u00f3n permitir\u00e1 realizar los tratamientos sin necesidad de un terapeuta. Un ejemplo: constar\u00e1 de un \u201cPanic Button\u201d que permitir\u00e1 gestionar un momento dif\u00edcil o de estr\u00e9s elevado. Esta aplicaci\u00f3n tendr\u00e1 adem\u00e1s much\u00edsimos extras, enfocados hacia el aspecto l\u00fadico que provocar\u00e1 la fidelidad del usuario con nuestra aplicaci\u00f3n (o eso es lo que esperamos ;)):<\/p>\n<ul>\n<li>Un mini juego para reactivarte despu\u00e9s de realizar un tratamiento<\/li>\n<li>Un sistema de part\u00edculas que estar\u00e1n asociadas a los 4 elementos de la naturaleza: Fuego, Agua, Aire, Tierra.<\/li>\n<li>Un mundo evolutivo, que ofrecer\u00e1 la proyecci\u00f3n gr\u00e1fica de la relaci\u00f3n entre los tratamientos y el usuario\u00a0representado como una planta, por ejemplo, que ir\u00e1 creciendo y poniendose chiquita dependiendo de las evaluaciones que hayas hecho a los tratamientos y sus resultados en tu nivel de estr\u00e9s, es decir si funcion\u00f3 o no.<\/li>\n<li>Conexi\u00f3n a redes sociales: facebook y twitter.<\/li>\n<li>Una alarma que te ayudar\u00e1 a recordar los momentos en que debes hacer un tratamiento (configurado por t\u00ed mismo).<\/li>\n<li>Un cuestionario para determinar tu nivel de estr\u00e9s en ese momento, que te ofrecer\u00e1 el mejor tratamiento que se adapte a tu nivel de estr\u00e9s.<\/li>\n<\/ul>\n<h2 style=\"text-align: center;\"><strong>Pantalla inicial de la aplicaci\u00f3n.<\/strong><\/h2>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter\" title=\"ID-Stress Inicio\" src=\"http:\/\/1.bp.blogspot.com\/-q75TFK02Q6o\/Tbr21As82FI\/AAAAAAAAAEw\/nQau19AXPG4\/s320\/Captura%2Bde%2Bpantalla%2B2011-04-29%2Ba%2Blas%2B19.31.47.png\" alt=\"\" width=\"186\" height=\"320\" \/><\/p>\n<p>Mi parte en este proyecto consiste en<!--more--> implementar los interactivos que no corresponden a los tratamientos o navegaci\u00f3n dentro de la aplicaci\u00f3n. Es decir, el sistema de part\u00edculas que representar\u00e1n los 4 elementos de la naturaleza y un minijuego que te reactivar\u00e1 despu\u00e9s del tratamiento auditivo.<\/p>\n<h2>Cocos2D for iPhone<\/h2>\n<p>Para llevar a cabo mi tarea he tenido que aprender en un mes a programar o al menos intentar programar en objective C y Cocos 2D (que es un framework para el desarrollo de juegos, aplicaciones, interactivos en 2D). Pate\u00e9 la red buscando ejemplos, tutoriales y cualquier material que me guiara en esta empresa.<\/p>\n<p>Lo primero, aprender Objective-C me result\u00f3 m\u00e1s sencillo de lo que tem\u00eda y lo segundo, me gust\u00f3 mucho Cocos2D, tiene algunos ejemplos que una vez entendidos son geniales. Tiene una libreria de sistema de part\u00edculas bien elaborada que me ayud\u00f3 BASTANTE en el desarrollo de los 4 elementos.<\/p>\n<p>En cuanto al juego quer\u00eda hacer algo sencillo, porque la aplicaci\u00f3n no va orientada a un juego como tal sino a las terapias, por lo que \u00e9ste no deber\u00eda ser el elemento fundamental de la aplicaci\u00f3n sino m\u00e1s bien un valor a\u00f1adido. Para ello,\u00a0tuve que aprender sobre la librer\u00eda Chipmunk (librer\u00eda f\u00edsica) ya que los objetos deber\u00edasn tener gravedad, rebote, y deslizamientos. Por suerte encontr\u00e9 m\u00e1s ejemplos de esta librer\u00eda y pude guiarme al respecto. Tambi\u00e9n estoy participando en 3 foros de cocos2D y stackoverflow que me ayudan cuando me atasco.<\/p>\n<h1>\u00bfEn qu\u00e9 consiste el mini juego?<\/h1>\n<p>El juego consiste en tratar de eliminar N cantidad de bloques que caen aleatoriamente del \u00e1rea superior o techo en un tiempo determinado, estos rebotan y tienen gravedad, haci\u00e9ndolo m\u00e1s atractivo al usuario. Puedes ganar o volver a intentarlo, tratamos de eliminar la palabra &#8220;Perder&#8221;. Como solo tengo un mes para desarrollarlo, no creo que me de tiempo de hacer varios niveles que hagan mayor la interacci\u00f3n, pero mi intenci\u00f3n es seguir trabajando con el juego por mi parte una vez concluya el master y si tengo suerte podr\u00e9 hacer \u00a1otros juegos!, porque la verdad qued\u00e9 enamorada de Cocos2D y quiero programar sin la necesidad de ver tutoriales para ir avanzando en todo, jeje<\/p>\n<p>Los resultados que he obtenido hasta ahora son los que muestro a continuaci\u00f3n en las im\u00e1genes. Aunque es un juego muy sencillo y por ahora se ve bastante cutre respecto a las gr\u00e1ficas, considerando que comenc\u00e9 a aprender Cocos2D y Objective C en Marzo, creo que he avanzado bastante. Se supone que las cajas ser\u00e1n unos cuadros brillantes y caer\u00e1n de varios tipos: unos podr\u00e1n ser eliminados y otros no, para hacerlo m\u00e1s dif\u00edcil, el men\u00fa tendr\u00e1 un fondo m\u00e1s bonito, y las fuentes las cambiar\u00e9. Lo bueno es que ya est\u00e1 funcionando toda la l\u00f3gica, as\u00ed que me queda enchularlo gr\u00e1ficamente y tambi\u00e9n forma parte de la colaboraci\u00f3n entre el dise\u00f1ador gr\u00e1fico y yo, que por ahora tiene bastante que hacer con el resto de la aplicaci\u00f3n, por lo que hemos dejado de \u00faltimo las gr\u00e1ficas del juego.\u00a0Luego, tendr\u00e9 que testearlo con varias personas para determinar la curva de inter\u00e9s que propone Jesse Schell en sus teor\u00eda de Serious Game.<\/p>\n<p><a href=\"http:\/\/sophyonline.com\/blog\/wp-content\/uploads\/2011\/05\/Captura-de-pantalla-2011-06-08-a-las-18.45.35.png\"><img loading=\"lazy\" decoding=\"async\" class=\"size-medium wp-image-142 aligncenter\" title=\"Juego BlockStack\" src=\"http:\/\/sophyonline.com\/blog\/wp-content\/uploads\/2011\/05\/Captura-de-pantalla-2011-06-08-a-las-18.45.35-300x153.png\" alt=\"\" width=\"300\" height=\"153\" \/><\/a><\/p>\n<p style=\"text-align: center;\"><strong>Antes<\/strong><\/p>\n<p><a href=\"http:\/\/sophyonline.com\/blog\/wp-content\/uploads\/2011\/06\/IMG_00021.png\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-170 aligncenter\" title=\"Brick Madness\" src=\"http:\/\/sophyonline.com\/blog\/wp-content\/uploads\/2011\/06\/IMG_00021.png\" alt=\"\" width=\"300\" height=\"153\" \/><\/a><\/p>\n<p style=\"text-align: center;\"><strong>Despu\u00e9s<\/strong><\/p>\n<h2><\/h2>\n<h2><\/h2>\n<h2><\/h2>\n<h2><\/h2>\n<h2><strong>Part\u00edculas<\/strong><\/h2>\n<p>Tambi\u00e9n trabajo con la librer\u00eda del sistema de \u00a0part\u00edculas para realizar efectos de aire y fuego que representan los elementos de la naturaleza. Aprender los preceptos f\u00edsicos: F= m.a \u00a0para entender como funcionaba esta librer\u00eda fue lo primero. Despu\u00e9s, sobre todo como cambiar colores en RGBA que me han costado un mundo y luego como adaptar todo. Es arduo, la verdad. Se puede tocar con el dedo la pantalla para jugar con la llama.<\/p>\n<p><a href=\"http:\/\/sophyonline.com\/blog\/wp-content\/uploads\/2011\/05\/Captura-de-pantalla-2011-05-03-a-las-23.47.441.png\"><img loading=\"lazy\" decoding=\"async\" class=\"size-medium wp-image-145 aligncenter\" title=\"Captura de pantalla 2011-05-03 a las 23.47.44\" src=\"http:\/\/sophyonline.com\/blog\/wp-content\/uploads\/2011\/05\/Captura-de-pantalla-2011-05-03-a-las-23.47.441-156x300.png\" alt=\"\" width=\"156\" height=\"300\" \/><\/a><\/p>\n<p><a href=\"http:\/\/sophyonline.com\/blog\/wp-content\/uploads\/2011\/05\/fuego.png\"><img loading=\"lazy\" decoding=\"async\" class=\"size-medium wp-image-144 aligncenter\" title=\"fuego\" src=\"http:\/\/sophyonline.com\/blog\/wp-content\/uploads\/2011\/05\/fuego-153x300.png\" alt=\"\" width=\"153\" height=\"300\" \/><\/a><\/p>\n<p>Bueno, eso por ahora, espero que en la pr\u00f3xima entrega les muestre el juego acabado y un poco sobre las part\u00edculas \ud83d\ude00<\/p>\n<p>En este enlace podr\u00e1n leer un poco m\u00e1s sobre la aplicaci\u00f3n y sobre el resto de proyectos de final de master de otros compa\u00f1eros: <a href=\"http:\/\/mcdemprojects.blogspot.com\/\">MCDEM BLOG<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>ID-Stress es el nombre de la aplicaci\u00f3n que estamos desarrollando 3 compa\u00f1eros y yo\u00a0como proyecto final de master. Es una aplicaci\u00f3n para iPhone cuyo objetivo es proporcionar tratamientos de audio para combatir el estr\u00e9s. Est\u00e1 validado por una sofr\u00f3loga experta (nuestro cliente) que ha desarrollado los tratamientos. Esta aplicaci\u00f3n permitir\u00e1 realizar los tratamientos sin necesidad <a class=\"read-more\" href=\"http:\/\/sophyonline.com\/blog\/2011\/05\/cocos2d-for-iphone-mi-nueva-aventura\/\">&hellip;&nbsp;<span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"nf_dc_page":"","footnotes":""},"categories":[],"tags":[],"class_list":["post-92","post","type-post","status-publish","format-standard","hentry"],"_links":{"self":[{"href":"http:\/\/sophyonline.com\/blog\/wp-json\/wp\/v2\/posts\/92","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/sophyonline.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/sophyonline.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/sophyonline.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/sophyonline.com\/blog\/wp-json\/wp\/v2\/comments?post=92"}],"version-history":[{"count":26,"href":"http:\/\/sophyonline.com\/blog\/wp-json\/wp\/v2\/posts\/92\/revisions"}],"predecessor-version":[{"id":135,"href":"http:\/\/sophyonline.com\/blog\/wp-json\/wp\/v2\/posts\/92\/revisions\/135"}],"wp:attachment":[{"href":"http:\/\/sophyonline.com\/blog\/wp-json\/wp\/v2\/media?parent=92"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/sophyonline.com\/blog\/wp-json\/wp\/v2\/categories?post=92"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/sophyonline.com\/blog\/wp-json\/wp\/v2\/tags?post=92"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}