tutorial creación de libros electrónicos con etoys

7/24/2019 Tutorial Creacin de Libros Electrnicos Con Etoys

1/12

DIGETE Direccin Pedaggica Ingrid Romero

1

DIGETE DP Mg. Ingrid Romero


2/12


2


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


3/12


3


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


4/12


4


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


5/12


5


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


6/12


6


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/12


7


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


8/12


8


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


9/12


9


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


10/12


10


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


11/12


11


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


12/12


12


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

tutorial creación de libros electrónicos con etoys

Documents