{"id":2554,"date":"2016-09-21T17:47:45","date_gmt":"2016-09-21T16:47:45","guid":{"rendered":"http:\/\/canaltic.com\/blog\/?p=2554"},"modified":"2016-09-21T17:48:16","modified_gmt":"2016-09-21T16:48:16","slug":"taller-ideas-para-el-diseno-de-videojuegos-con-wimi5","status":"publish","type":"post","link":"https:\/\/canaltic.com\/blog\/?p=2554","title":{"rendered":"Taller \u00abVideojuegos con WIMi5\u00bb"},"content":{"rendered":"<p><strong><a href=\"http:\/\/wimi5.com\/\" target=\"_blank\">WIMI5<\/a>\u00a0<\/strong>es un servicio en l\u00ednea gratuito que ofrece la posibilidad de <strong>crear y publicar <\/strong>videojuegos en lenguaje HTML5. El est\u00e1ndar <strong>HMTL5<\/strong> es una alternativa a<strong> Adobe Flash<\/strong> para el dise\u00f1o de juegos permitiendo usarlos en todo tipo de dispositivos incluyendo las tabletas y los smartphones.<\/p>\n<p>Se pueden programar animaciones interactivas muy complejas mediante el arrastre, configuraci\u00f3n y conexi\u00f3n de bloques. Esta\u00a0herramienta de programaci\u00f3n\u00a0visual, al igual que otras, permite el aprovechamiento educativo en el desarrollo de la l\u00f3gica computacional en distintas etapas educativas.<\/p>\n<p>El prop\u00f3sito de este taller\u00a0es la <strong>iniciaci\u00f3n al dise\u00f1o de videojuegos casuales<\/strong> usando esta aplicaci\u00f3n.\u00a0<strong>\u00a0<\/strong>Durante su desarrollo se explican conceptos y principios b\u00e1sicos en el dise\u00f1o de juegos que nos permitir\u00e1n la iniciaci\u00f3n en este apasionante mundo adem\u00e1s de la aplicaci\u00f3n de los conocimientos adquiridos en otras \u00e1reas: matem\u00e1ticas, lengua, idioma, ciencias, fisica, etc.<\/p>\n<p>Las actividades planteadas est\u00e1n pensadas\u00a0para j\u00f3venes\u00a0de Secundaria<strong>\u00a0<\/strong>y Bachillerato <strong>(12-18 a\u00f1os)<\/strong>. El recurso puede resultar de utilidad en la iniciativa\u00a0de dise\u00f1ar\u00a0un itinerario formativo relacionado con la competencia para programar a lo largo\u00a0de la escolarizaci\u00f3n obligatoria del alumnado.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-2555\" src=\"http:\/\/canaltic.com\/blog\/wp-content\/uploads\/2016\/09\/w5.jpg\" alt=\"w5\" width=\"400\" height=\"160\" srcset=\"https:\/\/canaltic.com\/blog\/wp-content\/uploads\/2016\/09\/w5.jpg 400w, https:\/\/canaltic.com\/blog\/wp-content\/uploads\/2016\/09\/w5-300x120.jpg 300w\" sizes=\"auto, (max-width: 400px) 100vw, 400px\" \/><\/p>\n<h3>Objetivo general:<\/h3>\n<ul>\n<li>Conocer y aplicar los conceptos y procedimientos b\u00e1sicos del dise\u00f1o de videojuegos (sprites, colisiones, scroll, etc) usando una herramienta de programaci\u00f3n visual en l\u00ednea como WIMI5 para la creaci\u00f3n y publicaci\u00f3n de animaciones interactivas.<\/li>\n<\/ul>\n<h3>Objetivos espec\u00edficos:<\/h3>\n<ul>\n<li>Familiarizarse con la interfaz del editor de escenas (gr\u00e1ficos) y del editor de scripts (l\u00f3gica).<\/li>\n<li>Conocer y utilizar de forma comprensiva el vocabulario espec\u00edfico del dise\u00f1o de juegos y de la herramienta de edici\u00f3n.<\/li>\n<li>Comprender y aplicar el uso, configuraci\u00f3n y conexi\u00f3n de bloques para el dise\u00f1o de scripts.<\/li>\n<li>Crear un sprite animado con distintos estados para invocarlos desde la programaci\u00f3n y crear animaciones interactivas sobre el escenario.<\/li>\n<li>Comprender el concepto de colisi\u00f3n en un videojuego e implementar su programaci\u00f3n utilizando los bloques correspondientes.<\/li>\n<li>Reconocer la utilidad del scroll como t\u00e9cnica de animaci\u00f3n\u00a0creando un fondo animado continuo a partir de una imagen est\u00e1tica.<\/li>\n<li>Dise\u00f1ar un juego completo \u00abclic&amp;play\u00bb que contenga targets, distractores, puntuaci\u00f3n y gameover.<\/li>\n<\/ul>\n<h3>Metodolog\u00eda<\/h3>\n<ul>\n<li><strong>Descubrimiento guiado<\/strong>. A partir de un planteamiento inicial de requisitos, el alumnado elabora un proyecto siguiendo las instrucciones que se van proponiendo paso a paso de forma significativa y razonada.<\/li>\n<li><b>Desaf\u00edo-reto<\/b>. Se propone una situaci\u00f3n problema nueva para que el alumno\/a construya\u00a0otro proyecto de forma aut\u00f3noma, creativa\u00a0y personal incluyendo si es posible variaciones\u00a0al planteamiento original. Se exponen los resultados de forma colectiva.<\/li>\n<\/ul>\n<h3>Criterios de evaluaci\u00f3n<\/h3>\n<ol>\n<li>Comprende y sigue un texto instructivo.<\/li>\n<li>Aplica conceptos matem\u00e1ticos y cient\u00edficos a la resoluci\u00f3n.<\/li>\n<li>Maneja con soltura el interfaz del programa.<\/li>\n<li>Traduce con \u00e9xito el lenguaje natural a c\u00f3digo.<\/li>\n<li>Programa su animaci\u00f3n\u00a0de acuerdo con unos requisitos previos.<\/li>\n<li>Utiliza con destreza archivos y carpetas, almacena de forma organizada sus trabajos.<\/li>\n<li>Muestra h\u00e1bitos de trabajo individual, esfuerzo, responsabilidad, autonom\u00eda, organizaci\u00f3n, curiosidad e inter\u00e9s por aprender.<\/li>\n<li>Colabora con los dem\u00e1s en el trabajo de grupo.<\/li>\n<\/ol>\n<h3>Acceso\u00a0al taller:<\/h3>\n<ul>\n<li>Taller \u00ab<strong><a href=\"http:\/\/canaltic.com\/talleres\/wimi5\/index.html\" target=\"_blank\">Ideas para el dise\u00f1o de videojuegos con WIMI5<\/a><\/strong>\u00ab<\/li>\n<\/ul>\n<h3>M\u00e1s informaci\u00f3n:<\/h3>\n<ul>\n<li>WIMI5: <a href=\"http:\/\/www.wimi5.com\/\" target=\"_blank\">http:\/\/www.wimi5.com<\/a><\/li>\n<li>Tutoriales de WIMI5:\u00a0<a href=\"http:\/\/wimi5.com\/ayuda\/\" target=\"_blank\">http:\/\/wimi5.com\/ayuda\/<\/a><\/li>\n<li>Manual de consulta de Blackboxes:\u00a0<a href=\"http:\/\/developer.wimi5.com\/doc\/latest\/\" target=\"_blank\">http:\/\/developer.wimi5.com\/doc\/latest\/<\/a><\/li>\n<li>Foros de ayuda y consulta:\u00a0<a href=\"http:\/\/wimi5.com\/forums\/\" target=\"_blank\">http:\/\/wimi5.com\/forums\/<\/a><\/li>\n<li>Blog de WIMI5:\u00a0<a href=\"http:\/\/wimi5.com\/blog\/\" target=\"_blank\">http:\/\/wimi5.com\/blog\/<\/a><\/li>\n<li>WIMI5 Play:\u00a0<a href=\"http:\/\/play.wimi5.com\/\">http:\/\/play.wimi5.com\/<\/a><a href=\"http:\/\/wimi5.com\/blog\/\"><br \/>\n<\/a><\/li>\n<li>Brands de WIMI5:\u00a0<a href=\"http:\/\/wimi5.com\/brands\/\" target=\"_blank\">http:\/\/wimi5.com\/brands\/<\/a><\/li>\n<li>WIMI5 for Education:\u00a0<a href=\"http:\/\/wimi5.com\/education\/\">http:\/\/wimi5.com\/education\/<\/a><\/li>\n<li>Recursos gratuitos para juegos:\u00a0<a href=\"http:\/\/wimi5.com\/free-game-resources\/\" target=\"_blank\">http:\/\/wimi5.com\/free-game-resources\/<\/a><\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>WIMI5\u00a0es un servicio en l\u00ednea gratuito que ofrece la posibilidad de crear y publicar videojuegos en lenguaje HTML5. El est\u00e1ndar HMTL5 es una alternativa a Adobe Flash para el dise\u00f1o de juegos permitiendo usarlos en todo tipo de dispositivos incluyendo las tabletas y los smartphones. Se pueden programar animaciones interactivas muy complejas mediante el arrastre, [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":2556,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[16,11],"tags":[73,56,71],"class_list":["post-2554","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-aplicaciones-web","category-recursos","tag-programacion","tag-robotica","tag-taller"],"_links":{"self":[{"href":"https:\/\/canaltic.com\/blog\/index.php?rest_route=\/wp\/v2\/posts\/2554","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/canaltic.com\/blog\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/canaltic.com\/blog\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/canaltic.com\/blog\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/canaltic.com\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2554"}],"version-history":[{"count":2,"href":"https:\/\/canaltic.com\/blog\/index.php?rest_route=\/wp\/v2\/posts\/2554\/revisions"}],"predecessor-version":[{"id":2558,"href":"https:\/\/canaltic.com\/blog\/index.php?rest_route=\/wp\/v2\/posts\/2554\/revisions\/2558"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/canaltic.com\/blog\/index.php?rest_route=\/wp\/v2\/media\/2556"}],"wp:attachment":[{"href":"https:\/\/canaltic.com\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2554"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/canaltic.com\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=2554"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/canaltic.com\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=2554"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}