Location via proxy:   [ UP ]  
[Report a bug]   [Manage cookies]                
Scribd Logo
Cargar

¡Te damos la bienvenida a Scribd!

  • 70 vistas

    GreenFoot - Guia 04 Movimiento Personaje TI

    Cargado por

    Andrés Torrado
    Este documento presenta tres talleres sobre el movimiento de un personaje en Scratch. El primer taller instruye cómo crear una subclase de actor llamada MiPersonaje y programar su movimiento a la derecha cambiando de imagen. El segundo taller enseña a recortar imágenes individuales de Mario de un sprite para animar su movimiento. El tercer taller modifica el código para permitir el escalado de las imágenes durante el movimiento.

    Copyright:

    © All Rights Reserved
    Descargue como PDF, TXT o lea en línea desde Scribd

    GreenFoot - Guia 04 Movimiento Personaje TI

    Cargado por

    Andrés Torrado
    70 vistas10 páginas
    Este documento presenta tres talleres sobre el movimiento de un personaje en Scratch. El primer taller instruye cómo crear una subclase de actor llamada MiPersonaje y programar su movimiento a la derecha cambiando de imagen. El segundo taller enseña a recortar imágenes individuales de Mario de un sprite para animar su movimiento. El tercer taller modifica el código para permitir el escalado de las imágenes durante el movimiento.

    Derechos de autor

    © © All Rights Reserved

    Formatos disponibles

    PDF, TXT o lea en línea desde Scribd

    ¿Le pareció útil este documento?

    ¿Este contenido es inapropiado?

    Este documento presenta tres talleres sobre el movimiento de un personaje en Scratch. El primer taller instruye cómo crear una subclase de actor llamada MiPersonaje y programar su movimiento a la derecha cambiando de imagen. El segundo taller enseña a recortar imágenes individuales de Mario de un sprite para animar su movimiento. El tercer taller modifica el código para permitir el escalado de las imágenes durante el movimiento.

    Copyright:

    © All Rights Reserved
    Descargue como PDF, TXT o lea en línea desde Scribd
    Descargar como pdf o txt
    70 vistas10 páginas

    GreenFoot - Guia 04 Movimiento Personaje TI

    Cargado por

    Andrés Torrado
    Este documento presenta tres talleres sobre el movimiento de un personaje en Scratch. El primer taller instruye cómo crear una subclase de actor llamada MiPersonaje y programar su movimiento a la derecha cambiando de imagen. El segundo taller enseña a recortar imágenes individuales de Mario de un sprite para animar su movimiento. El tercer taller modifica el código para permitir el escalado de las imágenes durante el movimiento.

    Copyright:

    © All Rights Reserved
    Descargue como PDF, TXT o lea en línea desde Scribd
    Descargar como pdf o txt
    Está en la página 1de 10

    Desarrollo del Pensamiento Computacional

    Unidad 1
    Guía 04 Movimiento Personaje
    Prof: Edgar Albornoz E

    Taller 1
    1. Inicie un nuevo proyecto

    2. Clic derecho sobre Actor para crear una nueva Subclase.

    3. Cree la nueva subclase de nombre MiPersonaje

    POO albornoz79@gmail.com Página 1


    Desarrollo del Pensamiento Computacional
    Unidad 1
    Guía 04 Movimiento Personaje
    Prof: Edgar Albornoz E

    4. Ubique la carpeta donde se creo su proyecto y guarde dentro de la carpeta


    Images las imágenes de Mario suministradas en la práctica.

    5. Clic derecho en la nueva subclase MiPersonaje y seleccione Set Image

    6. Clic en Mario01 para establecerlo como la primera imagen a mostrar y clic en


    Ok

    POO albornoz79@gmail.com Página 2


    Desarrollo del Pensamiento Computacional
    Unidad 1
    Guía 04 Movimiento Personaje
    Prof: Edgar Albornoz E

    7. Clic derecho en MiPersonaje y seleccione “Open Editor”

    8. Para el movimiento del personaje se van a crear dos variables: un vector de


    imágenes (de tamaño 4 por lo que son 4 imágenes de mario) y una de control.

    9. Se va a crear un constructor para inicializar el vector con las imágenes, e


    inicializar la variable de control.

    10. Programe el personaje para que cuando se pulse la flecha del teclado derecha,
    se mueva para la derecha. Se va a dar el comportamiento también para que
    con cada pulso en la tecla cambie la imagen a visualizar.

    POO albornoz79@gmail.com Página 3


    Desarrollo del Pensamiento Computacional
    Unidad 1
    Guía 04 Movimiento Personaje
    Prof: Edgar Albornoz E

    11. Agregue un escenario al mundo y el personaje.

    12. Para observar el comportamiento es necesario bajar la velocidad de ejecución.

    13. Ahora si pruebe la aplicación

    Analice el error… soluciónelo…

    POO albornoz79@gmail.com Página 4


    Desarrollo del Pensamiento Computacional
    Unidad 1
    Guía 04 Movimiento Personaje
    Prof: Edgar Albornoz E

    Taller 2
    En la carpeta se entregó un Sprite con las imágenes del movimiento completo de
    Mario, con ayuda de un editor de imágenes recorte las imágenes para recrear todo el
    movimiento de Mario.

    Se va a ilustrar el proceso de recorte de una imagen con una aplicación gratuita en una
    página web.

    1. Ingrese a: https://www.pixlr.com/editor/

    2. Debe visualizar la siguiente interfaz

    3. Clic en

    4. En la ventana de dialogo ubique el Sprite de imágenes de Mario para abrirlo

    POO albornoz79@gmail.com Página 5


    Desarrollo del Pensamiento Computacional
    Unidad 1
    Guía 04 Movimiento Personaje
    Prof: Edgar Albornoz E

    5. Con la herramienta de “Marquee Tool” seleccione la imagen de Mario que


    quiere extraer dejando buen espacio de margen en la selección.

    6. Clic en el Menu: Edit -> Cut

    7. Clic en el Menu: File -> New Image…

    8. Configure las propiedades de la nueva imagen el ancho será de 65 y el alto de


    129

    POO albornoz79@gmail.com Página 6


    Desarrollo del Pensamiento Computacional
    Unidad 1
    Guía 04 Movimiento Personaje
    Prof: Edgar Albornoz E

    9. Aparecerá el nuevo espacio de trabajo

    10. Clic en Menu: Edit -> Paste

    11. La imagen se pegará, con ayuda del mouse con clic sostenido posicione la
    imagen de la forma más apropiada.

    12. Seleccione la herramienta de la barita mágica “Wand Tool”

    13. Doble clic sobre el área blanca de la imagen de Mario

    POO albornoz79@gmail.com Página 7


    Desarrollo del Pensamiento Computacional
    Unidad 1
    Guía 04 Movimiento Personaje
    Prof: Edgar Albornoz E

    14. Clic en la herramienta de borrador “Eraser tool”

    15. Con clic sostenido borre el área blanca seleccionada. No se preocupe si toca
    otra área de la imagen solo se borrara el área blaca.

    16. Guardar la imagen. Menu: File -> Save

    17. Configure el formato de la imagen a PNG

    18. Clic en Ok y defina la ubicación donde quedara guardada la imagen.

    POO albornoz79@gmail.com Página 8


    Desarrollo del Pensamiento Computacional
    Unidad 1
    Guía 04 Movimiento Personaje
    Prof: Edgar Albornoz E

    Taller 3
    Es posible cambiar el tamaño de las diferentes imágenes, adaptemos el código del
    taller 1 para lograr el efecto de escalado.

    Con el taller 1 modifique el código de “MiPersonaje” a:

    1. Mejore el tamaño de vector con una variable MAX y ajuste el código a esta
    variable.

    2. Cree un método para controlar la variable I donde esta no sobrepase el tamaño


    de MAX.

    POO albornoz79@gmail.com Página 9


    Desarrollo del Pensamiento Computacional
    Unidad 1
    Guía 04 Movimiento Personaje
    Prof: Edgar Albornoz E

    3. Generar el comportamiento para el cambio de tamaño de la imagen.


    a) Tomar el tamaño de la imagen actual.
    b) Mover la ubicación de la imagen.
    c) Calcular el índice de la próxima imagen a cargar.
    d) Crear el objeto de la nueva imagen.
    e) Escalar la imagen
    f) Cargar la imagen.

    4. Pruebe y observe el resultado

    POO albornoz79@gmail.com Página 10

    También podría gustarte