Etoys. Interacción entre objetos: imagen, estrella y elipse.
-
Upload
tecnologia-educativa-tacuarembo -
Category
Documents
-
view
1.103 -
download
0
Transcript of Etoys. Interacción entre objetos: imagen, estrella y elipse.
![Page 1: Etoys. Interacción entre objetos: imagen, estrella y elipse.](https://reader033.fdocuments.ec/reader033/viewer/2022052506/557bd05cd8b42abd548b4ce0/html5/thumbnails/1.jpg)
Programación en Etoys: “Interacción entre objetos y
creación de un juego”
3ª Jornada de Actualización dirigida a Maestros de Apoyo Ceibal de Tacuarembó
Mtro. Fernando Mello
Junio 2012
![Page 2: Etoys. Interacción entre objetos: imagen, estrella y elipse.](https://reader033.fdocuments.ec/reader033/viewer/2022052506/557bd05cd8b42abd548b4ce0/html5/thumbnails/2.jpg)
Para este juego, utilizaremos cuatro imágenes. Dichas imágenes permanecerán ubicadas en un punto determinado del Mundo de Etoys. Intención: cada vez que presione sobre una imagen, aparecerá un objeto (Estrella).
![Page 3: Etoys. Interacción entre objetos: imagen, estrella y elipse.](https://reader033.fdocuments.ec/reader033/viewer/2022052506/557bd05cd8b42abd548b4ce0/html5/thumbnails/3.jpg)
Ingreso a PROVISIONES, y obtengo un objeto “ESTRELLA”. Ubico este objeto en una zona del Mundo de Etoys , que me permita posteriormente manipularlo.
![Page 4: Etoys. Interacción entre objetos: imagen, estrella y elipse.](https://reader033.fdocuments.ec/reader033/viewer/2022052506/557bd05cd8b42abd548b4ce0/html5/thumbnails/4.jpg)
Activando sus halos: -Modifico su tamaño (halo cambiar tamaño ) -Modifico su color (halo cambia el color)
Posteriormente DUPLICO 3 veces el objeto a través del halo DUPLICAR. A estos tres objetos duplicados les edito su color rojo por amarillo.
![Page 5: Etoys. Interacción entre objetos: imagen, estrella y elipse.](https://reader033.fdocuments.ec/reader033/viewer/2022052506/557bd05cd8b42abd548b4ce0/html5/thumbnails/5.jpg)
En esta imagen, se muestra los cuatro objetos “ESTRELLA”. Tres de ellos de color amarillo y uno de color rojo. El objetivo: la estrella de color rojo indicará que la respuesta es correcta.
![Page 6: Etoys. Interacción entre objetos: imagen, estrella y elipse.](https://reader033.fdocuments.ec/reader033/viewer/2022052506/557bd05cd8b42abd548b4ce0/html5/thumbnails/6.jpg)
Coloco cada uno de los objetos sobre las imágenes, cuidando que el objeto ESTRELLA de color ROJO esté sobre la imagen correcta.
![Page 7: Etoys. Interacción entre objetos: imagen, estrella y elipse.](https://reader033.fdocuments.ec/reader033/viewer/2022052506/557bd05cd8b42abd548b4ce0/html5/thumbnails/7.jpg)
ELABORAMOS UN GUIÓN PARA OCULTAR LOS OBJETOS “ESTRELLA”
![Page 8: Etoys. Interacción entre objetos: imagen, estrella y elipse.](https://reader033.fdocuments.ec/reader033/viewer/2022052506/557bd05cd8b42abd548b4ce0/html5/thumbnails/8.jpg)
Activamos los halos del Mundo. Abrimos el visor.
![Page 9: Etoys. Interacción entre objetos: imagen, estrella y elipse.](https://reader033.fdocuments.ec/reader033/viewer/2022052506/557bd05cd8b42abd548b4ce0/html5/thumbnails/9.jpg)
De la categoría GUIONES del MUNDO (World), arrastro “World guión vacío” al Mundo de Etoys.
![Page 10: Etoys. Interacción entre objetos: imagen, estrella y elipse.](https://reader033.fdocuments.ec/reader033/viewer/2022052506/557bd05cd8b42abd548b4ce0/html5/thumbnails/10.jpg)
Posteriormente, activo los Halos de cada uno de los cuatro objetos ESTRELLA y desde la CATEGORÍA MISCELÁNEO, arrastro la orden “Estrella ocultar”.
![Page 11: Etoys. Interacción entre objetos: imagen, estrella y elipse.](https://reader033.fdocuments.ec/reader033/viewer/2022052506/557bd05cd8b42abd548b4ce0/html5/thumbnails/11.jpg)
Deberíamos tener este guión en el Mundo de Etoys.
![Page 12: Etoys. Interacción entre objetos: imagen, estrella y elipse.](https://reader033.fdocuments.ec/reader033/viewer/2022052506/557bd05cd8b42abd548b4ce0/html5/thumbnails/12.jpg)
CREAR BOTÓN PARA ACTIVAR ESTE GUIÓN
![Page 13: Etoys. Interacción entre objetos: imagen, estrella y elipse.](https://reader033.fdocuments.ec/reader033/viewer/2022052506/557bd05cd8b42abd548b4ce0/html5/thumbnails/13.jpg)
Cambiamos el nombre de nuestro guión: se llamará “iniciar” Luego hacemos clic en MENÚ de dicho guión y seleccionamos la orden “botón para activar este guión”
![Page 14: Etoys. Interacción entre objetos: imagen, estrella y elipse.](https://reader033.fdocuments.ec/reader033/viewer/2022052506/557bd05cd8b42abd548b4ce0/html5/thumbnails/14.jpg)
Aparecerá nuestro botón y lo ubicamos en un lugar del Mundo de Etoys.
![Page 15: Etoys. Interacción entre objetos: imagen, estrella y elipse.](https://reader033.fdocuments.ec/reader033/viewer/2022052506/557bd05cd8b42abd548b4ce0/html5/thumbnails/15.jpg)
Por último: Activamos el guión “INICIAR” y colapsamos (desaparecerá de nuestra pantalla) el mismo para que no interfiera con nuestro trabajo en el Mundo de Etoys. Observaremos que los cuatro objetos ESTRELLA se ocultaron.
![Page 16: Etoys. Interacción entre objetos: imagen, estrella y elipse.](https://reader033.fdocuments.ec/reader033/viewer/2022052506/557bd05cd8b42abd548b4ce0/html5/thumbnails/16.jpg)
TRABAJAMOS CON EL OBJETO ELIPSE
![Page 17: Etoys. Interacción entre objetos: imagen, estrella y elipse.](https://reader033.fdocuments.ec/reader033/viewer/2022052506/557bd05cd8b42abd548b4ce0/html5/thumbnails/17.jpg)
Ingresamos a PROVISIONES y obtenemos un objeto ELIPSE. Posteriormente duplico 3 veces dicho objeto ubicándolos debajo de cada imagen.
![Page 18: Etoys. Interacción entre objetos: imagen, estrella y elipse.](https://reader033.fdocuments.ec/reader033/viewer/2022052506/557bd05cd8b42abd548b4ce0/html5/thumbnails/18.jpg)
ELABORAMOS EL GUIÓN PARA LOS OBJETOS ELIPSE
![Page 19: Etoys. Interacción entre objetos: imagen, estrella y elipse.](https://reader033.fdocuments.ec/reader033/viewer/2022052506/557bd05cd8b42abd548b4ce0/html5/thumbnails/19.jpg)
Activamos los halos del primer objeto ELIPSE. Abrimos su visor.
![Page 20: Etoys. Interacción entre objetos: imagen, estrella y elipse.](https://reader033.fdocuments.ec/reader033/viewer/2022052506/557bd05cd8b42abd548b4ce0/html5/thumbnails/20.jpg)
De la CATEGORÍA GUIONES, arrastramos la orden ELIPSE GUIÓN VACÍO
![Page 21: Etoys. Interacción entre objetos: imagen, estrella y elipse.](https://reader033.fdocuments.ec/reader033/viewer/2022052506/557bd05cd8b42abd548b4ce0/html5/thumbnails/21.jpg)
Abro el visor del objeto ESTRELLA y desde la CATEGORÍA MISCELÁNEO arrastro al guión la orden Estrella MOSTRAR El mismo procedimiento realizo para el resto de los objetos ELIPSE
![Page 22: Etoys. Interacción entre objetos: imagen, estrella y elipse.](https://reader033.fdocuments.ec/reader033/viewer/2022052506/557bd05cd8b42abd548b4ce0/html5/thumbnails/22.jpg)
Deberíamos tener en el Mundo de Etoys, estos cuatro guiones: Elipse (con la orden Estrella), Elipse1 (con la orden Estrella1), Elipse2 (con la orden Estrella2) y Elipse3 (con la orden Estrella3). Finalmente, colapso cada guión.
![Page 23: Etoys. Interacción entre objetos: imagen, estrella y elipse.](https://reader033.fdocuments.ec/reader033/viewer/2022052506/557bd05cd8b42abd548b4ce0/html5/thumbnails/23.jpg)
TRANSFORMACIÓN DE LOS OBJETOS ELIPSE EN TRANSPARENTES
![Page 24: Etoys. Interacción entre objetos: imagen, estrella y elipse.](https://reader033.fdocuments.ec/reader033/viewer/2022052506/557bd05cd8b42abd548b4ce0/html5/thumbnails/24.jpg)
Coloco cada uno de los objetos ELIPSE sobre cada imagen.
![Page 25: Etoys. Interacción entre objetos: imagen, estrella y elipse.](https://reader033.fdocuments.ec/reader033/viewer/2022052506/557bd05cd8b42abd548b4ce0/html5/thumbnails/25.jpg)
Tomo una de las ELIPSES y activo sus halos. Posteriormente selecciono el halo cambia el color.
![Page 26: Etoys. Interacción entre objetos: imagen, estrella y elipse.](https://reader033.fdocuments.ec/reader033/viewer/2022052506/557bd05cd8b42abd548b4ce0/html5/thumbnails/26.jpg)
Aparecerá la paleta de colores y ubico el cuentagotas en el sector Transparente
![Page 27: Etoys. Interacción entre objetos: imagen, estrella y elipse.](https://reader033.fdocuments.ec/reader033/viewer/2022052506/557bd05cd8b42abd548b4ce0/html5/thumbnails/27.jpg)
Los cuatro objetos ELIPSE quedarán así: sin color en su interior, pero mostrando su borde.
![Page 28: Etoys. Interacción entre objetos: imagen, estrella y elipse.](https://reader033.fdocuments.ec/reader033/viewer/2022052506/557bd05cd8b42abd548b4ce0/html5/thumbnails/28.jpg)
Tomo un objeto ELIPSE y activo sus halos. Hago clic en el halo MENÚ.
![Page 29: Etoys. Interacción entre objetos: imagen, estrella y elipse.](https://reader033.fdocuments.ec/reader033/viewer/2022052506/557bd05cd8b42abd548b4ce0/html5/thumbnails/29.jpg)
Selecciono ESTILO DE BORDE y luego COLOR DEL BORDE
![Page 30: Etoys. Interacción entre objetos: imagen, estrella y elipse.](https://reader033.fdocuments.ec/reader033/viewer/2022052506/557bd05cd8b42abd548b4ce0/html5/thumbnails/30.jpg)
Con el cuentagotas selecciono la opción TRANSPARENTE.
![Page 31: Etoys. Interacción entre objetos: imagen, estrella y elipse.](https://reader033.fdocuments.ec/reader033/viewer/2022052506/557bd05cd8b42abd548b4ce0/html5/thumbnails/31.jpg)
En el MUNDO de Etoys, únicamente veremos las cuatro imágenes y nuestro botón WORLD INICIAR. Ya podemos jugar!!!! Simplemente tengo que hacer clic sobre las imágenes!!
![Page 32: Etoys. Interacción entre objetos: imagen, estrella y elipse.](https://reader033.fdocuments.ec/reader033/viewer/2022052506/557bd05cd8b42abd548b4ce0/html5/thumbnails/32.jpg)
Al hacer clic, las estrellas aparecerán. Si quiero reiniciar el juego, simplemente hago clic en botón WORLD INICIAR.
![Page 33: Etoys. Interacción entre objetos: imagen, estrella y elipse.](https://reader033.fdocuments.ec/reader033/viewer/2022052506/557bd05cd8b42abd548b4ce0/html5/thumbnails/33.jpg)
Ejemplo de juego finalizado y listo para compartir con los niños.