Programación visual con Scratch: Una introducción práctica

Scratch: El entorno de trabajoPrimeras Nociones: Eventos y Movimientos

Control: Repeticiones y ConditionalesDatos: Variables

Programación visual con Scratch:Una introducción práctica

José F. Quesada Moreno 1

1Departamento de Ciencias de la Computación e Inteligencia Arti�cial

Universidad de Seville

CICA: Centro de Informática Cientí�ca de Andalucía

José F. Quesada Moreno Programación visual con Scratch: Una introducción práctica



Qué es Scracth?

Con Scratch, puedes crear tus propias historias interactivas,

juegos, y animaciones

Y además puedes compartir tus creaciones con otros en una

comunidad online.

scratch.mit.edu




Únete a Scratch: Crear una cuenta




Scratch: Interfaz




Scratch: Interfaz: Áreas principales

Barra de herramientas

Escenario

Panel de objetos

Paleta de bloques

Área de scripts




Scratch: Escenario




Conceptos: Position y Movimiento: Absoluto y Relativo

MOTION

Movimiento absoluto: ir a x: y:

Movimiento relativo: mover N pasos

Movimiento relativo (deslizar): deslizar en N secs a x: y:




Conceptos: Eventos

EVENTOS

Al pulsar la bandera verde




Colocando el objeto en el escenario




Moviendo el objeto a una posición absoluta




Conceptos: Esperar y Decir

CONTROL

Esperar N segundos

APARIENCIA

Decir ALGO por N segundos




Movimiento: Mensajes y Esperar




Deslizamiento




Conceptos: Lápiz

LÁPIZ

Clear

Lápiz down

Lápiz up




Dibujar una línea

Eventos

Al pulsar la bandera verde

Movimiento

ir a x: y:

deslizar en N secs a x: y:

Lápiz

borrar

bajar lápiz

subir lápiz up

�jar color de lápiz a




Primeras nociones: Dibujar una línea




Scratch: Direcciones en el Escenario




Dibujar una línea, 45o, usando movimiento relativo




Ejemplo: Dibujar un cuadrado

Primera versión: Posiciones absolutas





Segunda versión: Movimiento relativo y giros




Conceptos: Repetir

CONTROL

Repetir N




Andar paso a paso

Qué ocurriría si repetimos 50 veces en lugar de 10?




Conceptos: Condiciones

MOVIMIENTO

rebotar si toca un borde

�jar estilo de rotaciónizquierda-derecha

en todas direcciones

no rotar




De izquierda a derecha




Conceptos: repetición in�nita: por siempre

CONTROL

por siempre




Un paseo interminable





Tercera versión: Repeticiones




Ejercicio: Dibujar un pentágono

Qué tenemos que cambiar para obtener un pentágono en lugar

de un cuadrado?

Cuál es la estrategia más simple y rápida?

Posiciones absolutas

Movimientos relativos

Repeticiones




Solución: Dibujar un pentágono




Ejercicio: Dibujar un círculo

Ahora, intenta dibujar un círculo




Solución: Dibujar un círculo




Mostrar la posición y dirección de un objeto




Conceptos: Preguntar y respuesta

SENSORES

Preguntar ... y esperar

Respuesta




Saludo




Conceptos: Condiciones: Si Entonces Si no

CONTROL

Si Condición Entonces Acción

Si Condición Entonces Acción1 Si no Acción2




Números pares o impares




Crear variables




Número máximo




Adivinar un número




A math Quizz

http://scratch.mit.edu/projects/20026655/




Nyan Cat: The Math Game





2048





Video Juegos

4510man's escape

http://scratch.mit.edu/projects/22955812/Flappy Bird Scratch Edition

http://scratch.mit.edu/projects/16743509/Super Hexagon (pen)- Sidewinder

http://scratch.mit.edu/projects/19605132/ALONE the Game



Programación visual con Scratch: Una introducción práctica

Documents

Transcript of Programación visual con Scratch: Una introducción práctica