7/24/2019 Tutorial Creacin de Libros Electrnicos Con Etoys
1/12
DIGETE Direccin Pedaggica Ingrid Romero
1
DIGETE DP Mg. Ingrid Romero
7/24/2019 Tutorial Creacin de Libros Electrnicos Con Etoys
2/12
DIGETE Direccin Pedaggica Ingrid Romero
2
DIGETE DP Mg. Ingrid Romero
Creacin de libros electrnicos con Etoys
A continuacin vamos a presentar diferentes opciones de animacin
utilizando la herramienta Libro de Etoys.
Cmo creo un libro en Etoys?
En primer lugar, abrimos el
programa y seleccionamos la nube rosa
Comenzar un proyecto.
Observaremos un documento en
blanco. Para crear un nuevo libro
hacemos clic en la caja de provisiones
y de las opciones desplegadas
seleccionamos Libroy lo arrastramos al
mundo(parte central).
Haciendo clic derecho sobre el
libro podremos ver sus halos(conos
alrededor).
Con dimensionamos nuestro
libro al tamao deseado y con lo
colocamos ubicamos al centro.
Hacemos clic en el cono central
del libro y seleccionamos la opcin
mostrar ms controles.
De esta forma podremos crear la
cantidad de pginas que necesitemos.
Nuestro libro est listo para comenzar
a escribir.
1
2
2
7/24/2019 Tutorial Creacin de Libros Electrnicos Con Etoys
3/12
DIGETE Direccin Pedaggica Ingrid Romero
3
DIGETE DP Mg. Ingrid Romero
Utilizando los halospara cambiar los colores (fondo del libro,
contornos y letras), la opcin texto de la caja de provisionesy arrastrando
algunas imgenes hemos creado nuestro primer libro:
Cmo doy movimiento en un personaje?
Muy sencillo, despus de arrastrar
la imagen al mundo, seleccionaremos
la opcin Lazode la caja de
provisiones.
Con el Lazo, seleccionamos el
contorno de la seccin a la quedaremos movimiento. Al terminar,
tendremos una nueva imagen
correspondiente al recorte.
Haciendo clic derecho, veremos
sus halos y seleccionaremos el visor
haciendo clic en .
1
2
3
7/24/2019 Tutorial Creacin de Libros Electrnicos Con Etoys
4/12
DIGETE Direccin Pedaggica Ingrid Romero
4
DIGETE DP Mg. Ingrid Romero
De la lista de opciones de
programacin seleccionaremos
Pruebay arrastraremos los
siguientes mosaicos hasta tener un
guion como el que se muestra.
A partir de este guion, haremos los cambios que necesitamos:
Direccin a ceroporque no queremos que el objeto se desplace.
Boceto gira 3porque necesitamos poca velocidad de movimiento.
Boceto gira -3para que el movimiento sea de ida y vuelta. Etoys
funciona de manera semejante a un plazo cartesiano donde arriba y
derecha son positivos e izquierda y abajo son negativos.
Cmo genero animaciones con desplazamientos?
Veamos un ejemplo, a laimagen del sapo queremos
agregarle unas moscas que giren
sobre su cabeza. Para esto
dibujaremos una mosca utilizando
la opcin de dibujo.
Hemos usado un crculo
negro y dos crculos
alargados en celeste.
Haciendo clic derecho sobre el dibujo de la mosca, abrimos sus halosy
hacemos clic en elvisor para seleccionar los mosaicos necesarios y
generar el siguiente guion:
4
7/24/2019 Tutorial Creacin de Libros Electrnicos Con Etoys
5/12
DIGETE Direccin Pedaggica Ingrid Romero
5
DIGETE DP Mg. Ingrid Romero
Los movimientos de girar y avanzar simularn el movimiento que
necesitamos. Abrimos nuevamente los halos y hacemos las copias necesarias
utilizando el cono .
Cuando tenemos varias
programaciones, es recomendable
seleccionar la opcin Todos los
guionespara poder ejecutarlos
todos al mismo tiempo con un solo
clic.
Haciendo este ltimo paso, tendremos un solo bloque de botones para
iniciar y detener el movimiento de todos los elementos.
Cmo realizo animaciones que semejen movimientos continuos?
Para realizar este tipo de animaciones es necesario contar con las
imgenes cuadro por cuadro del movimiento que queremos mostrar. Para
el ejemplo usaremos siete imgenes que semejan el movimiento de un libro.
Iniciamos seleccionado la opcin
Contenedor de lacaja de
provisionesy arrastrndola al
mundo.
1
2
1
2
5
7/24/2019 Tutorial Creacin de Libros Electrnicos Con Etoys
6/12
DIGETE Direccin Pedaggica Ingrid Romero
6
DIGETE DP Mg. Ingrid Romero
Arrastramos nuestras imgenes al
Contenedor teniendo cuidado de
colocarlas en el orden correcto.
Cuando tenemos todas las
imgenes en el Contenedor, abrimos
los halos de la primera imagen y la
duplicamos haciendo clic en yllevamos la copia al mundo.
Luego, abrimos los halosdel
Contenedory lo colapsamos
haciendo clic en .
La copia de la imagen ser la
que nos sirva para realizar laanimacin.
Abrimos sus halos y hacemos
clic enelvisor, vamos a la opcin
guionesy seleccionamos un guion
vacopara llevarlo al mundo.
Abrimos los halosdel Contenedory
hacemos clic en elvisor.
Ah vamos a la categora
colecciones y la
seleccionamos.
6
7/24/2019 Tutorial Creacin de Libros Electrnicos Con Etoys
7/12
DIGETE Direccin Pedaggica Ingrid Romero
7
DIGETE DP Mg. Ingrid Romero
En la lista de
mosaicosde
colecciones,
seleccionamos yarrastramos (desde la
flecha verde) la opcin
Contenedor cursor.
Lo colocamos debajo
del guion vaco que
tenemos en el mundo.
Usando las flechas arriba/abajo avanzamos hasta quedarnos con la
opcin cursor incrementar por 1.Esto quiere decir que el cursor del
Contenedor avanzar imagen por imagen lo que nos permitir semejar un
movimiento continuo.
Abrimos nuevamente elvisor
del libro y vamos a la categora
grficos.
Desde ah seleccionamos el
mosaico libro grfico(arrastrar
desde la flecha verde) y lo llevamos
a nuestro guion.
1
2
7
7/24/2019 Tutorial Creacin de Libros Electrnicos Con Etoys
8/12
DIGETE Direccin Pedaggica Ingrid Romero
8
DIGETE DP Mg. Ingrid Romero
Nuevamente en el visor del Contenedor, seleccionamos contenedor
grfico en el cursory lo arrastramos a nuestro guion teniendo cuidado en
acoplarlo sobre el cono que representa a la imagen (en este caso el libro).
Listo, ya tenemos nuestra animacin continua. Como hemos hecho
anteriormente, podemos reemplazar este guion por la opcin todos los
guiones.
Cmo realizo animaciones que sigan un circuito determinado?
Para realizar este tipo de
animaciones tenemos que preparar
nuestra imagen colocando dos puntos de
color en la parte frontal del mvil.
Tambin podemos hacer la imagen
completa directamente en el mundo
usando la herramienta de dibujo.
8
7/24/2019 Tutorial Creacin de Libros Electrnicos Con Etoys
9/12
DIGETE Direccin Pedaggica Ingrid Romero
9
DIGETE DP Mg. Ingrid Romero
En este ejemplo queremos que
el avin suba siguiendo una
direccin trazada; para esto, hemosusado la herramienta de dibujo
cuidando de usar un color para la
lnea central y otro para los lmites
que no deber sobrepasar.
Abriendo los halosdel avin y entrando alvisor,seleccionamos los
mosaicos de Prueba ycolor:
Realizamos la misma
operacin dos veces ms.
Al hacer clic sobre cada cuadro de color aparecer un gotero, con l
debemos tomar el color correspondiente a la programacin que deseamos.
En este ejemplo, ser como sigue:
Rojo celeste:
gira 5. Esto
permite que el
avin al
acercarse al color
celeste gire y
vuelva a la ruta.
Rojo azul:avanza 5. Dirige
al avin por la
ruta sealada.
Amarillo celeste: gira -5. Como el primer caso, permite que el avin
vuelva a la ruta. Utilizamos -5 para ir a la izquierda siguiendo la lgica
cartesiana de Etoys.
9
7/24/2019 Tutorial Creacin de Libros Electrnicos Con Etoys
10/12
DIGETE Direccin Pedaggica Ingrid Romero
10
DIGETE DP Mg. Ingrid Romero
Cmo puedo marcar los trazos que realiza un mvil?
Para marcar los trazos de unmovimiento usaremos la opcin uso
del lpiz.
Para este ejemplo trazaremos un
cuadrado.
Abriendo los halosdel dibujo y
yendo alvisorseleccionaremos la
categora uso del lpiz como
verdadero. Desde ah podemos indicar
los parmetros deseados de color y grosor
del trazo.
Para que nuestra nave dibuje un
cuadrado usamos los mosaicos
avanzarcon una distancia de 250 y
girar 90 grados.
Para poder observar el trazo
ms de una vez necesitaremos
borrar, esto lo haremos
seleccionando el mosaico borrar
todos los trazos. En este caso lo
arrastraremos al mundopero no lo
uniremos al guionanterior (de otro
modo trazar y borrar al mismo
tiempo).
10
7/24/2019 Tutorial Creacin de Libros Electrnicos Con Etoys
11/12
DIGETE Direccin Pedaggica Ingrid Romero
11
DIGETE DP Mg. Ingrid Romero
Como queremos tener un botn para iniciar el trazo y otro para borrar,
haremos clic en el cono que se muestra y seleccionaremos botn para
activar este guion.
El primer guion lo hemos dejado en la opcin normalpara trazar lnea
a lnea el cuadrado y tambin hemos generado un botn para ejecutarlo.
Con los botones listos, colapsamoslos guiones. Los cambios de color y
nombre de los botones los realizamos usando sus respectivos halos.
Cmo puedo adicionar sonidos a una animacin?
Vamos a explicar este proceso
utilizando la imagen de un gato al que
haremos mover la cola y repetir elsonido maullidode la biblioteca del
programa.
11
7/24/2019 Tutorial Creacin de Libros Electrnicos Con Etoys
12/12
DIGETE Direccin Pedaggica Ingrid Romero
12
DIGETE DP Mg. Ingrid Romero
Como en el primer ejemplo que presentamos, seleccionamos la colita
del gato utilizando la herramienta Lazode la caja de provisiones. En este
caso necesitamos que el eje de la imagen se ubique en el extremo inferior
para que al moverse este punto quede fijo.
Para esto, abrimos los halosy
hacemos clic sobre el centro de
rotacin, arrastramos manteniendo
presionada la tecla Shift.
En el visor, seleccionamos los mosaicos:
Hacemos las modificaciones necesarias y est listo.
Como hemos visto, la programacin en Etoys es sencilla aunque se
necesita mucha curiosidad y paciencia para conocer las diversas
posibilidades que presenta. Esperamos que para usted y sus nios sea una
herramienta de inters y aprendizajes.
Autor: Ingrid Romero Manco
12
Top Related