lunes, 22 de julio de 2013

Conociendo Viscuit

Cuando me encontré con la infografía que os presenté en un post anterior sobre lenguajes de programación visuales, me interesó mucho probar los que desconocía.
Especialmente me llamó mucho la atención Viscuit
Por su breve explicación vi que parecía sencillo de usar para los más pequeños y además me pareció ver que se usaba en algunas aulas japonesas.

Cuando pude entré en su página web, para ver como funcionaba, pero me encontré con que estaba totalmente en japonés, así que como desconozco por completo el idioma busqué información por la red, y me encontré con un artículo en inglés llamado:"Computer Programming Education Using the Visual Programming Language Viscuit" de Yasunori Harada. 
En este artículo su autor explica de manera resumida el funcionamiento de Viscuit, su experiencia en talleres que se han realizado en escuelas japonesas con esta herramienta, junto a la necesidad de la programación en la educación.
Después de leerlo, usé un poco de ayuda del google traductor que decidí usar en la página de Viscuit (la cual no es para nada precisa, pero al menos me sirve para orientarme y encontrar la pestaña donde se halla la herramienta para usarla), junto a los vídeos (eso si en japonés también, pero al ser una aplicación más visual lo que va realizando la persona en los mismos, te guía un poco sobre las posibilidades que tiene), ya que así era la mejor manera en la que pude encontrar ejemplos de como crear animaciones ó juegos sencillos para poder usarlo.
Interfaz de Viscuit

Y como lo que me interesa es el programa en sí a continuación os expondré brevemente según lo poco que he podido manejarlo cómo es Viscuit.
Viscuit es un lenguaje visual de programación online en japonés creado por Yasunori Haradael cual comenzó a desarrollar en el año 2003. 



Es una aplicación web revolucionaria, la cuál usa el sistema drag and drop, dispone de una interfaz sencilla, clara e intuitiva para crear videojuegos sencillos y animaciones (de manera limitada como indica el propio autor en su artículo). La interfaz precisamente está diseñada para niños y niñas pequeños/as que inician sus primeras experiencias en programación mediante el cual pueden aprender habilidades de programación.
Su funcionamiento se basa en manipular los dibujos que realicemos mediante su colocación en unos circulos que son como dos gafas.
Cuando colocamos un dibujo en la lente de la izquierda, tenemos que colocar otro igual en la derecha y si queremos que otorgarle movimiento, ponemos el de la derecha en una posición diferente, por ejemplo yo con la mariquita en las primeras gafas, he colocado la de la derecha un poco más arriba para que así vaya hacia arriba automáticamente.

Ejemplo mío creado con Viscuit
Además de esto podemos añadir a nuevas lentes con dibujos, además de alguna flecha las cuáles sirven para manejar el personaje e incluso números que entiendo sirven para que se muevan los personajes solo cuando se presionen los botones de los números, entre otras cosas que aun me queda por descubrir.

Os dejo en el siguiente link un ejemplo muy simple (por el tiempo que disponía) de lo que he realizado trasteando con Viscuit:

http://develop.viscuit.com/3.1/Land.html?path=1599982&name=30&smoothMotion=true&dynamicFile=false&singleview=on



Realmente veréis como una especie de vídeo en el link porque solo he logrado poder obtener la url y embeberlo, pero no se como se guarda para poder jugarlo, quizás requiere crearse alguna cuenta o algo similar, es algo a investigar.
La idea de lo que quería hacer es sencilla, las mariquitas tienen que lograr llegar arriba a las nubes evitando ser atrapadas por las redes, si contactan con estas se quedan atrapadas y tristes y si llegan a las nubes se ponen contentas y aparece una especie de premio.
(El pollo que aparece en el link que os he dado es una figura más que quise añadir al cual tenía pensado darle una función, pero finalmente no me dio tiempo y se quedó grabado así en movimiento circular. Igualmente las mariquitas como podéis apreciar tienen un movimiento curvo, que en el juego estaba pensado moverlas por el escenario con las flechas del game pad. Os recomiendo que os fijéis en las imágenes de arriba en las cuales puede verse de qué manera se crea el juego).

La verdad es una pena que no esté en inglés al menos, porque puedes ver las creaciones de otros usuarios, incluso modificarlas y supongo que compartir las tuyas propias, lo que no se es como se puede realizar.
Habrá que esperar a que terminen de desarrollarlo para Android e ios, como indican en una de las páginas que os pongo a continuación y quizás con el tiempo de esa manera lo traduzcan a otros idiomas y traspase fronteras.

Para terminar aquí encontramos muchos juegos realizados por niños http://develop.viscuit.com/3.1/index.html


Referencias

- Página web de Viscuit:


- Y, Harada, (2010). Computer Programming Education Using the Visual Programming Language Viscuit. Vol 8: No. 11. NTT Communication Science Research Laboratories. Disponible en:
https://www.ntt-review.jp/archive/ntttechnical.php?contents=ntr201011sf6.html


- Resumida información sobre Viscuit en la página de NTT Communication Science Laboratories
http://www.kecl.ntt.co.jp/rps/english/Research_e/cn22/research_media11_e.html


* Lo escrito en color rojo ha sido añadido o modificado