Dibujar un personaje, conseguir que se mueva por la pantalla y hacer que responda cuando alguien pulsa una tecla. A primera vista son diferentes actividades, pero con herramientas como Wick Editor pueden formar parte de un mismo proyecto. Gratuita y de código abierto, está indicada para Secundaria y permite combinar dibujo, animación y programación en un mismo entorno. Cuenta con una línea de tiempo para organizar las escenas y permite programar en JavaScript para añadir interactividad. Así, una animación puede dejar de ser un contenido que simplemente se reproduce y convertirse en un proyecto con el que los estudiantes pueden interactuar y tomar decisiones.
¿Qué actividades pueden plantearse en el aula con Wick Editor?
Entre los proyectos para trabajar con esta herramienta se encuentran los siguientes.
Una historia animada convertida en un cuento interactivo
El punto de partida puede ser un relato de la clase Lengua y Literatura, una historia escrita por los propios alumnos o una narración creada para esta actividad. Así, antes de interactuar con Wick Editor, cada grupo prepara un pequeño guion y decide qué personajes y escenarios necesita. A partir de ahí, diseña los elementos gráficos y organiza la narración utilizando las diferentes escenas y fotogramas.
El objetivo en esta primera fase es que el alumnado aprenda a crear gráficos y a organizar una animación paso a paso, trabajando al mismo tiempo la planificación y la narración. Luego, puede ir un paso más allá e introducir la interactividad: por ejemplo, un botón que permita al estudiante elegir entre dos caminos y que cada opción conduzca a una escena diferente.
Desarrollar videojuegos
Otra propuesta consiste en diseñar un videojuego. El alumnado puede diseñar los personajes y el escenario, y emplear sus conocimientos en JavaScript para definir cómo se comportan los elementos incluidos. Por ejemplo, puede programar el movimiento de un personaje, hacer que reaccione al pulsar determinadas teclas o establecer qué ocurre cuando entra en contacto con un objeto.
No es necesario que el docente plantee un videojuego completo: un personaje que tiene que alcanzar una meta, recoger objetos o evitar un obstáculo puede ser suficiente para trabajar conceptos básicos de programación, lógica y resolución de problemas.
Crear un recurso educativo interactivo
Wick Editor también puede utilizarse para transformar contenidos de diferentes materias en pequeñas experiencias interactivas. Se puede diseñar una actividad de preguntas y de respuestas en la que cada opción lleve a una escena diferente, crear una explicación animada de un concepto visto en clase o plantear un pequeño recorrido en el que los alumnos tomen decisiones para avanzar.
Por ejemplo, en Ciencias pueden crear una animación para explicar un proceso; en Historia, un recorrido por diferentes acontecimientos; y en Lengua, una actividad en la que las respuestas correctas permitan avanzar por distintas escenas. De esta forma, no solo utilizan la herramienta para aprender a programar, sino también para demostrar lo que han aprendido en otras materias.
¿Qué se trabaja con Wick Editor?
Más allá de aprender a utilizar una herramienta de animación, trabajar con Wick Editor permite desarrollar distintas competencias de forma práctica. El alumnado pone en juego la creatividad al diseñar personajes, escenarios e historias; el pensamiento computacional al establecer instrucciones y relaciones entre los distintos elementos; y la resolución de problemas al comprobar qué ocurre y corregir errores en sus proyectos. También favorece la planificación y el trabajo en equipo, especialmente cuando los estudiantes tienen que repartir tareas y organizar un proyecto común. Todo ello contribuye al desarrollo de la competencia digital desde un papel activo: no se limitan a consumir contenidos, sino que crean, programan y experimentan con ellos.
¿Qué tienes que saber de la interfaz de Wick Editor antes de utilizarla?
La interfaz está organizada en varias zonas de trabajo que conviene conocer antes de empezar:
- Barra superior: contiene las principales opciones de gestión del proyecto. En el centro aparece el nombre ‘My Project’ y en la derecha se encuentran los botones de ‘New’, ‘Open’, ‘Export’ y ‘Save’, además del icono de configuración.
- Barra de herramientas: debajo de la barra superior, reúne las herramientas para trabajar sobre el escenario o lienzo. Hay iconos de selección y edición, dibujo con pincel y lápiz, borrado, creación de formas geométricas, líneas, herramientas relacionadas con trazados, controles relacionados con el color…
- Lienzo o escenario: ocupa la zona central y es el espacio donde se dibuja, se insertan objetos, se crean personajes, se diseñan escenas y se construyen las animaciones.
- Controles del escenario: en la esquina inferior derecha del área de trabajo hay un conjunto de controles para gestionar la visualización del lienzo, con opciones relacionadas con el desplazamiento, el zoom y el ajuste de la vista.
- Panel Inspector: está pensado para mostrar y modificar las propiedades del elemento seleccionado, como sus características gráficas o determinados parámetros de edición.
- Línea de tiempo: en la parte inferior de Wick Editor se encuentra la línea de tiempo que sirve para organizar y controlar cómo avanza la animación. En ella aparecen las capas y los fotogramas que representan los distintos momentos de la animación. La capa, identificada como ‘Layer’, se usa para organizar los elementos que forman parte de una escena, mientras que los fotogramas permiten decidir qué ocurre y cuándo. El marcador vertical rojo indica el momento de la animación que se está visualizando o editando.
