33
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

Etoys. Interacción entre objetos: imagen, estrella y elipse

Embed Size (px)

Citation preview

Page 1: Etoys. Interacción entre objetos: imagen, estrella y elipse

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

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

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

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

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

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

ELABORAMOS UN GUIÓN PARA OCULTAR LOS OBJETOS “ESTRELLA”

Page 8: Etoys. Interacción entre objetos: imagen, estrella y elipse

Activamos los halos del Mundo. Abrimos el visor.

Page 9: Etoys. Interacción entre objetos: imagen, estrella y elipse

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

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

Deberíamos tener este guión en el Mundo de Etoys.

Page 12: Etoys. Interacción entre objetos: imagen, estrella y elipse

CREAR BOTÓN PARA ACTIVAR ESTE GUIÓN

Page 13: Etoys. Interacción entre objetos: imagen, estrella y elipse

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

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

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

TRABAJAMOS CON EL OBJETO ELIPSE

Page 17: Etoys. Interacción entre objetos: imagen, estrella y elipse

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

ELABORAMOS EL GUIÓN PARA LOS OBJETOS ELIPSE

Page 19: Etoys. Interacción entre objetos: imagen, estrella y elipse

Activamos los halos del primer objeto ELIPSE. Abrimos su visor.

Page 20: Etoys. Interacción entre objetos: imagen, estrella y elipse

De la CATEGORÍA GUIONES, arrastramos la orden ELIPSE GUIÓN VACÍO

Page 21: Etoys. Interacción entre objetos: imagen, estrella y elipse

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

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

TRANSFORMACIÓN DE LOS OBJETOS ELIPSE EN TRANSPARENTES

Page 24: Etoys. Interacción entre objetos: imagen, estrella y elipse

Coloco cada uno de los objetos ELIPSE sobre cada imagen.

Page 25: Etoys. Interacción entre objetos: imagen, estrella y elipse

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

Aparecerá la paleta de colores y ubico el cuentagotas en el sector Transparente

Page 27: Etoys. Interacción entre objetos: imagen, estrella y elipse

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

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

Selecciono ESTILO DE BORDE y luego COLOR DEL BORDE

Page 30: Etoys. Interacción entre objetos: imagen, estrella y elipse

Con el cuentagotas selecciono la opción TRANSPARENTE.

Page 31: Etoys. Interacción entre objetos: imagen, estrella y elipse

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

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

Ejemplo de juego finalizado y listo para compartir con los niños.