{"id":387,"date":"2020-03-19T14:26:54","date_gmt":"2020-03-19T14:26:54","guid":{"rendered":"https:\/\/keruanima.com\/?p=387"},"modified":"2020-03-19T14:26:54","modified_gmt":"2020-03-19T14:26:54","slug":"estas-bien-informado-coronavirus-minigame-quiz","status":"publish","type":"post","link":"https:\/\/keruanima.com\/en\/mis-proyectos\/estas-bien-informado-coronavirus-minigame-quiz\/","title":{"rendered":"\u00bfest\u00e1s bien informado? (coronavirus minigame-quiz)"},"content":{"rendered":"\n<p>Bueno no voy a extenderme mucho aqu\u00ed, no hace mucho que empez\u00f3 la semana de confinamiento para evitar la propagaci\u00f3n. Estoy concienciado, como lo est\u00e1n muchos, de que es importante permanecer en casa para evitar la propagaci\u00f3n y el contagio, sobre todo por los grupos que sufren mayor riesgo con este virus.<\/p>\n\n\n\n<p>En esta primera semana se me ha dado por probar a hacer un miniquiz sobre el virus, ha sido un trabajo m\u00e1s sencillo que el de <a href=\"https:\/\/keruanima.com\/2017\/12\/06\/fingers-vs-zombies-historia-de-un-desarrollo-en-solitario\/\">fingers vs zombies<\/a>, este en concreto me ha tomado 2 d\u00edas, quiz\u00e1 le haga un lavado de cara metiendo mejores animaciones a la UI pero en principio se quedara as\u00ed a modo anecd\u00f3tico de este evento.<\/p>\n\n\n\n<p>La mec\u00e1nica es sencilla, simplemente decidir si una afirmaci\u00f3n es verdadera o falsa, si acertamos el % subir\u00e1, son un total de 30 preguntas por el momento. \u00bfse podr\u00eda decir que esto es algo as\u00ed como un \u00abserius game\u00bb? \\(\u2267\u25bd\u2266)\/<\/p>\n\n\n\n<p><script>\n  function resizeIframe(obj) {\n    obj.style.height = obj.contentWindow.document.documentElement.scrollHeight + 'px';\n  }\n<\/script> <script type=\"application\/javascript\">\n\nfunction resizeIFrameToFitContent( iFrame ) {\n\n    iFrame.width  = iFrame.contentWindow.document.body.scrollWidth;\n    iFrame.height = iFrame.contentWindow.document.body.scrollHeight;\n}\n\nwindow.addEventListener('DOMContentLoaded', function(e) {\n\n    var iFrame = document.getElementById( 'iFrame1' );\n    resizeIFrameToFitContent( iFrame );\n\n    \/\/ or, to resize all iframes:\n    var iframes = document.querySelectorAll(\"iframe\");\n    for( var i = 0; i < iframes.length; i++) {\n        resizeIFrameToFitContent( iframes[i] );\n    }\n} );\n\n<\/script> <iframe loading=\"lazy\" src=\"https:\/\/www.keruanima.com\/coronavirus\/\" width=\"700\" height=\"700 id=\" frameborder=\"0\" scrolling=\"no\"><\/iframe><\/p>\n\n\n\n<p>si os da problemas para probar el juego aqu\u00ed, pod\u00e9is usar este enlace <a href=\"https:\/\/www.keruanima.com\/coronavirus\/\">https:\/\/www.keruanima.com\/coronavirus\/<\/a> para jugarlo en una ventana nueva. <strong>OJO recomiendo probarlo en pc, no lo he preparado para jugar en dispositivos m\u00f3viles.<\/strong><\/p>\n\n\n\n<p>Si le encontr\u00e1is fallos y\/u os interesa comentarme vuestras impresiones siempre pod\u00e9is contactarme por aqu\u00ed o por mis redes sociales. \u00bfQu\u00e9 porcentaje de aciertos hab\u00e9is sacado? ^^<\/p>\n\n<h3>Sobre el desarrollo<\/h3>\n<p>Para este mini juego he usado un XML que almacena las preguntas con sus ids, respuesta y explicaci\u00f3n. para la l\u00f3gica he usado maquinas de estado: -primero se lee todo el xml para almacenar en arrays las preguntas, respuestas... <br \/>-una vez terminado este primer recorrido empieza a randomizar la id de pregunta que entra en pantalla y la elimina de la lista <br \/>-los botones de verdadero y falso hacen una llamada al estado correcto o incorrecto en base a si la pregunta estaba marcada como verdadera o falsa. <br \/>- el % de aciertos sube en base a un float cuyo valor es determinado por el n\u00ba total de elementos de la lista que hay al principio del juego. <br \/>- el relleno verde es un slider que sube en base a ese porcentaje partiendo de 0 y llegando a 1 cuando se tiene un 100% de aciertos. Este valor se actualiza constantemente. <br \/><br \/>-en cuanto al look, he usado un material design de Google y una la fuente \"bellota-regular\" de google fonts, el icono del coronavirus lo descargue de flaticon y lo edite un poco en photoshop para sustituir el cursor y el monigote es cosa m\u00eda. <br \/>-En el men\u00fa decid\u00ed meter el sistema de part\u00edculas por darle algo de vida.<\/p>","protected":false},"excerpt":{"rendered":"<p>Bueno no voy a extenderme mucho aqu\u00ed, no hace mucho que empez\u00f3 la semana de confinamiento para evitar la propagaci\u00f3n. Estoy concienciado, como lo est\u00e1n muchos, de que es importante permanecer en casa para evitar la propagaci\u00f3n y el contagio, sobre todo por los grupos que sufren mayor riesgo con este virus. En esta primera [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":388,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[6,7],"tags":[25,26,8,9],"class_list":["post-387","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-mis-proyectos","category-ultimas-entradas","tag-coronavirus","tag-desarrollo-personal","tag-unity","tag-videojuegos"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/keruanima.com\/en\/wp-json\/wp\/v2\/posts\/387","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/keruanima.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/keruanima.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/keruanima.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/keruanima.com\/en\/wp-json\/wp\/v2\/comments?post=387"}],"version-history":[{"count":0,"href":"https:\/\/keruanima.com\/en\/wp-json\/wp\/v2\/posts\/387\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/keruanima.com\/en\/wp-json\/wp\/v2\/media\/388"}],"wp:attachment":[{"href":"https:\/\/keruanima.com\/en\/wp-json\/wp\/v2\/media?parent=387"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/keruanima.com\/en\/wp-json\/wp\/v2\/categories?post=387"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/keruanima.com\/en\/wp-json\/wp\/v2\/tags?post=387"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}