programación visual con scratch: una introducción práctica
TRANSCRIPT
![Page 1: Programación visual con Scratch: Una introducción práctica](https://reader031.vdocuments.site/reader031/viewer/2022012018/61686af6d394e9041f6f73bd/html5/thumbnails/1.jpg)
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
![Page 2: Programación visual con Scratch: Una introducción práctica](https://reader031.vdocuments.site/reader031/viewer/2022012018/61686af6d394e9041f6f73bd/html5/thumbnails/2.jpg)
Scratch: El entorno de trabajoPrimeras Nociones: Eventos y Movimientos
Control: Repeticiones y ConditionalesDatos: Variables
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
José F. Quesada Moreno Programación visual con Scratch: Una introducción práctica
![Page 3: Programación visual con Scratch: Una introducción práctica](https://reader031.vdocuments.site/reader031/viewer/2022012018/61686af6d394e9041f6f73bd/html5/thumbnails/3.jpg)
Scratch: El entorno de trabajoPrimeras Nociones: Eventos y Movimientos
Control: Repeticiones y ConditionalesDatos: Variables
Únete a Scratch: Crear una cuenta
José F. Quesada Moreno Programación visual con Scratch: Una introducción práctica
![Page 4: Programación visual con Scratch: Una introducción práctica](https://reader031.vdocuments.site/reader031/viewer/2022012018/61686af6d394e9041f6f73bd/html5/thumbnails/4.jpg)
Scratch: El entorno de trabajoPrimeras Nociones: Eventos y Movimientos
Control: Repeticiones y ConditionalesDatos: Variables
Únete a Scratch: Crear una cuenta
José F. Quesada Moreno Programación visual con Scratch: Una introducción práctica
![Page 5: Programación visual con Scratch: Una introducción práctica](https://reader031.vdocuments.site/reader031/viewer/2022012018/61686af6d394e9041f6f73bd/html5/thumbnails/5.jpg)
Scratch: El entorno de trabajoPrimeras Nociones: Eventos y Movimientos
Control: Repeticiones y ConditionalesDatos: Variables
Scratch: Interfaz
José F. Quesada Moreno Programación visual con Scratch: Una introducción práctica
![Page 6: Programación visual con Scratch: Una introducción práctica](https://reader031.vdocuments.site/reader031/viewer/2022012018/61686af6d394e9041f6f73bd/html5/thumbnails/6.jpg)
Scratch: El entorno de trabajoPrimeras Nociones: Eventos y Movimientos
Control: Repeticiones y ConditionalesDatos: Variables
Scratch: Interfaz: Áreas principales
Barra de herramientas
Escenario
Panel de objetos
Paleta de bloques
Área de scripts
José F. Quesada Moreno Programación visual con Scratch: Una introducción práctica
![Page 7: Programación visual con Scratch: Una introducción práctica](https://reader031.vdocuments.site/reader031/viewer/2022012018/61686af6d394e9041f6f73bd/html5/thumbnails/7.jpg)
Scratch: El entorno de trabajoPrimeras Nociones: Eventos y Movimientos
Control: Repeticiones y ConditionalesDatos: Variables
Scratch: Escenario
José F. Quesada Moreno Programación visual con Scratch: Una introducción práctica
![Page 8: Programación visual con Scratch: Una introducción práctica](https://reader031.vdocuments.site/reader031/viewer/2022012018/61686af6d394e9041f6f73bd/html5/thumbnails/8.jpg)
Scratch: El entorno de trabajoPrimeras Nociones: Eventos y Movimientos
Control: Repeticiones y ConditionalesDatos: Variables
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:
José F. Quesada Moreno Programación visual con Scratch: Una introducción práctica
![Page 9: Programación visual con Scratch: Una introducción práctica](https://reader031.vdocuments.site/reader031/viewer/2022012018/61686af6d394e9041f6f73bd/html5/thumbnails/9.jpg)
Scratch: El entorno de trabajoPrimeras Nociones: Eventos y Movimientos
Control: Repeticiones y ConditionalesDatos: Variables
Conceptos: Eventos
EVENTOS
Al pulsar la bandera verde
José F. Quesada Moreno Programación visual con Scratch: Una introducción práctica
![Page 10: Programación visual con Scratch: Una introducción práctica](https://reader031.vdocuments.site/reader031/viewer/2022012018/61686af6d394e9041f6f73bd/html5/thumbnails/10.jpg)
Scratch: El entorno de trabajoPrimeras Nociones: Eventos y Movimientos
Control: Repeticiones y ConditionalesDatos: Variables
Colocando el objeto en el escenario
José F. Quesada Moreno Programación visual con Scratch: Una introducción práctica
![Page 11: Programación visual con Scratch: Una introducción práctica](https://reader031.vdocuments.site/reader031/viewer/2022012018/61686af6d394e9041f6f73bd/html5/thumbnails/11.jpg)
Scratch: El entorno de trabajoPrimeras Nociones: Eventos y Movimientos
Control: Repeticiones y ConditionalesDatos: Variables
Moviendo el objeto a una posición absoluta
José F. Quesada Moreno Programación visual con Scratch: Una introducción práctica
![Page 12: Programación visual con Scratch: Una introducción práctica](https://reader031.vdocuments.site/reader031/viewer/2022012018/61686af6d394e9041f6f73bd/html5/thumbnails/12.jpg)
Scratch: El entorno de trabajoPrimeras Nociones: Eventos y Movimientos
Control: Repeticiones y ConditionalesDatos: Variables
Conceptos: Esperar y Decir
CONTROL
Esperar N segundos
APARIENCIA
Decir ALGO por N segundos
José F. Quesada Moreno Programación visual con Scratch: Una introducción práctica
![Page 13: Programación visual con Scratch: Una introducción práctica](https://reader031.vdocuments.site/reader031/viewer/2022012018/61686af6d394e9041f6f73bd/html5/thumbnails/13.jpg)
Scratch: El entorno de trabajoPrimeras Nociones: Eventos y Movimientos
Control: Repeticiones y ConditionalesDatos: Variables
Movimiento: Mensajes y Esperar
José F. Quesada Moreno Programación visual con Scratch: Una introducción práctica
![Page 14: Programación visual con Scratch: Una introducción práctica](https://reader031.vdocuments.site/reader031/viewer/2022012018/61686af6d394e9041f6f73bd/html5/thumbnails/14.jpg)
Scratch: El entorno de trabajoPrimeras Nociones: Eventos y Movimientos
Control: Repeticiones y ConditionalesDatos: Variables
Deslizamiento
José F. Quesada Moreno Programación visual con Scratch: Una introducción práctica
![Page 15: Programación visual con Scratch: Una introducción práctica](https://reader031.vdocuments.site/reader031/viewer/2022012018/61686af6d394e9041f6f73bd/html5/thumbnails/15.jpg)
Scratch: El entorno de trabajoPrimeras Nociones: Eventos y Movimientos
Control: Repeticiones y ConditionalesDatos: Variables
Conceptos: Lápiz
LÁPIZ
Clear
Lápiz down
Lápiz up
José F. Quesada Moreno Programación visual con Scratch: Una introducción práctica
![Page 16: Programación visual con Scratch: Una introducción práctica](https://reader031.vdocuments.site/reader031/viewer/2022012018/61686af6d394e9041f6f73bd/html5/thumbnails/16.jpg)
Scratch: El entorno de trabajoPrimeras Nociones: Eventos y Movimientos
Control: Repeticiones y ConditionalesDatos: Variables
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
José F. Quesada Moreno Programación visual con Scratch: Una introducción práctica
![Page 17: Programación visual con Scratch: Una introducción práctica](https://reader031.vdocuments.site/reader031/viewer/2022012018/61686af6d394e9041f6f73bd/html5/thumbnails/17.jpg)
Scratch: El entorno de trabajoPrimeras Nociones: Eventos y Movimientos
Control: Repeticiones y ConditionalesDatos: Variables
Primeras nociones: Dibujar una línea
José F. Quesada Moreno Programación visual con Scratch: Una introducción práctica
![Page 18: Programación visual con Scratch: Una introducción práctica](https://reader031.vdocuments.site/reader031/viewer/2022012018/61686af6d394e9041f6f73bd/html5/thumbnails/18.jpg)
Scratch: El entorno de trabajoPrimeras Nociones: Eventos y Movimientos
Control: Repeticiones y ConditionalesDatos: Variables
Scratch: Direcciones en el Escenario
José F. Quesada Moreno Programación visual con Scratch: Una introducción práctica
![Page 19: Programación visual con Scratch: Una introducción práctica](https://reader031.vdocuments.site/reader031/viewer/2022012018/61686af6d394e9041f6f73bd/html5/thumbnails/19.jpg)
Scratch: El entorno de trabajoPrimeras Nociones: Eventos y Movimientos
Control: Repeticiones y ConditionalesDatos: Variables
Dibujar una línea, 45o, usando movimiento relativo
José F. Quesada Moreno Programación visual con Scratch: Una introducción práctica
![Page 20: Programación visual con Scratch: Una introducción práctica](https://reader031.vdocuments.site/reader031/viewer/2022012018/61686af6d394e9041f6f73bd/html5/thumbnails/20.jpg)
Scratch: El entorno de trabajoPrimeras Nociones: Eventos y Movimientos
Control: Repeticiones y ConditionalesDatos: Variables
Ejemplo: Dibujar un cuadrado
Primera versión: Posiciones absolutas
José F. Quesada Moreno Programación visual con Scratch: Una introducción práctica
![Page 21: Programación visual con Scratch: Una introducción práctica](https://reader031.vdocuments.site/reader031/viewer/2022012018/61686af6d394e9041f6f73bd/html5/thumbnails/21.jpg)
Scratch: El entorno de trabajoPrimeras Nociones: Eventos y Movimientos
Control: Repeticiones y ConditionalesDatos: Variables
Ejemplo: Dibujar un cuadrado
Segunda versión: Movimiento relativo y giros
José F. Quesada Moreno Programación visual con Scratch: Una introducción práctica
![Page 22: Programación visual con Scratch: Una introducción práctica](https://reader031.vdocuments.site/reader031/viewer/2022012018/61686af6d394e9041f6f73bd/html5/thumbnails/22.jpg)
Scratch: El entorno de trabajoPrimeras Nociones: Eventos y Movimientos
Control: Repeticiones y ConditionalesDatos: Variables
Conceptos: Repetir
CONTROL
Repetir N
José F. Quesada Moreno Programación visual con Scratch: Una introducción práctica
![Page 23: Programación visual con Scratch: Una introducción práctica](https://reader031.vdocuments.site/reader031/viewer/2022012018/61686af6d394e9041f6f73bd/html5/thumbnails/23.jpg)
Scratch: El entorno de trabajoPrimeras Nociones: Eventos y Movimientos
Control: Repeticiones y ConditionalesDatos: Variables
Andar paso a paso
Qué ocurriría si repetimos 50 veces en lugar de 10?
José F. Quesada Moreno Programación visual con Scratch: Una introducción práctica
![Page 24: Programación visual con Scratch: Una introducción práctica](https://reader031.vdocuments.site/reader031/viewer/2022012018/61686af6d394e9041f6f73bd/html5/thumbnails/24.jpg)
Scratch: El entorno de trabajoPrimeras Nociones: Eventos y Movimientos
Control: Repeticiones y ConditionalesDatos: Variables
Conceptos: Condiciones
MOVIMIENTO
rebotar si toca un borde
�jar estilo de rotaciónizquierda-derecha
en todas direcciones
no rotar
José F. Quesada Moreno Programación visual con Scratch: Una introducción práctica
![Page 25: Programación visual con Scratch: Una introducción práctica](https://reader031.vdocuments.site/reader031/viewer/2022012018/61686af6d394e9041f6f73bd/html5/thumbnails/25.jpg)
Scratch: El entorno de trabajoPrimeras Nociones: Eventos y Movimientos
Control: Repeticiones y ConditionalesDatos: Variables
De izquierda a derecha
José F. Quesada Moreno Programación visual con Scratch: Una introducción práctica
![Page 26: Programación visual con Scratch: Una introducción práctica](https://reader031.vdocuments.site/reader031/viewer/2022012018/61686af6d394e9041f6f73bd/html5/thumbnails/26.jpg)
Scratch: El entorno de trabajoPrimeras Nociones: Eventos y Movimientos
Control: Repeticiones y ConditionalesDatos: Variables
Conceptos: repetición in�nita: por siempre
CONTROL
por siempre
José F. Quesada Moreno Programación visual con Scratch: Una introducción práctica
![Page 27: Programación visual con Scratch: Una introducción práctica](https://reader031.vdocuments.site/reader031/viewer/2022012018/61686af6d394e9041f6f73bd/html5/thumbnails/27.jpg)
Scratch: El entorno de trabajoPrimeras Nociones: Eventos y Movimientos
Control: Repeticiones y ConditionalesDatos: Variables
Un paseo interminable
José F. Quesada Moreno Programación visual con Scratch: Una introducción práctica
![Page 28: Programación visual con Scratch: Una introducción práctica](https://reader031.vdocuments.site/reader031/viewer/2022012018/61686af6d394e9041f6f73bd/html5/thumbnails/28.jpg)
Scratch: El entorno de trabajoPrimeras Nociones: Eventos y Movimientos
Control: Repeticiones y ConditionalesDatos: Variables
Ejemplo: Dibujar un cuadrado
Tercera versión: Repeticiones
José F. Quesada Moreno Programación visual con Scratch: Una introducción práctica
![Page 29: Programación visual con Scratch: Una introducción práctica](https://reader031.vdocuments.site/reader031/viewer/2022012018/61686af6d394e9041f6f73bd/html5/thumbnails/29.jpg)
Scratch: El entorno de trabajoPrimeras Nociones: Eventos y Movimientos
Control: Repeticiones y ConditionalesDatos: Variables
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
José F. Quesada Moreno Programación visual con Scratch: Una introducción práctica
![Page 30: Programación visual con Scratch: Una introducción práctica](https://reader031.vdocuments.site/reader031/viewer/2022012018/61686af6d394e9041f6f73bd/html5/thumbnails/30.jpg)
Scratch: El entorno de trabajoPrimeras Nociones: Eventos y Movimientos
Control: Repeticiones y ConditionalesDatos: Variables
Solución: Dibujar un pentágono
José F. Quesada Moreno Programación visual con Scratch: Una introducción práctica
![Page 31: Programación visual con Scratch: Una introducción práctica](https://reader031.vdocuments.site/reader031/viewer/2022012018/61686af6d394e9041f6f73bd/html5/thumbnails/31.jpg)
Scratch: El entorno de trabajoPrimeras Nociones: Eventos y Movimientos
Control: Repeticiones y ConditionalesDatos: Variables
Ejercicio: Dibujar un círculo
Ahora, intenta dibujar un círculo
José F. Quesada Moreno Programación visual con Scratch: Una introducción práctica
![Page 32: Programación visual con Scratch: Una introducción práctica](https://reader031.vdocuments.site/reader031/viewer/2022012018/61686af6d394e9041f6f73bd/html5/thumbnails/32.jpg)
Scratch: El entorno de trabajoPrimeras Nociones: Eventos y Movimientos
Control: Repeticiones y ConditionalesDatos: Variables
Solución: Dibujar un círculo
José F. Quesada Moreno Programación visual con Scratch: Una introducción práctica
![Page 33: Programación visual con Scratch: Una introducción práctica](https://reader031.vdocuments.site/reader031/viewer/2022012018/61686af6d394e9041f6f73bd/html5/thumbnails/33.jpg)
Scratch: El entorno de trabajoPrimeras Nociones: Eventos y Movimientos
Control: Repeticiones y ConditionalesDatos: Variables
Mostrar la posición y dirección de un objeto
José F. Quesada Moreno Programación visual con Scratch: Una introducción práctica
![Page 34: Programación visual con Scratch: Una introducción práctica](https://reader031.vdocuments.site/reader031/viewer/2022012018/61686af6d394e9041f6f73bd/html5/thumbnails/34.jpg)
Scratch: El entorno de trabajoPrimeras Nociones: Eventos y Movimientos
Control: Repeticiones y ConditionalesDatos: Variables
Conceptos: Preguntar y respuesta
SENSORES
Preguntar ... y esperar
Respuesta
José F. Quesada Moreno Programación visual con Scratch: Una introducción práctica
![Page 35: Programación visual con Scratch: Una introducción práctica](https://reader031.vdocuments.site/reader031/viewer/2022012018/61686af6d394e9041f6f73bd/html5/thumbnails/35.jpg)
Scratch: El entorno de trabajoPrimeras Nociones: Eventos y Movimientos
Control: Repeticiones y ConditionalesDatos: Variables
Saludo
José F. Quesada Moreno Programación visual con Scratch: Una introducción práctica
![Page 36: Programación visual con Scratch: Una introducción práctica](https://reader031.vdocuments.site/reader031/viewer/2022012018/61686af6d394e9041f6f73bd/html5/thumbnails/36.jpg)
Scratch: El entorno de trabajoPrimeras Nociones: Eventos y Movimientos
Control: Repeticiones y ConditionalesDatos: Variables
Conceptos: Condiciones: Si Entonces Si no
CONTROL
Si Condición Entonces Acción
Si Condición Entonces Acción1 Si no Acción2
José F. Quesada Moreno Programación visual con Scratch: Una introducción práctica
![Page 37: Programación visual con Scratch: Una introducción práctica](https://reader031.vdocuments.site/reader031/viewer/2022012018/61686af6d394e9041f6f73bd/html5/thumbnails/37.jpg)
Scratch: El entorno de trabajoPrimeras Nociones: Eventos y Movimientos
Control: Repeticiones y ConditionalesDatos: Variables
Números pares o impares
José F. Quesada Moreno Programación visual con Scratch: Una introducción práctica
![Page 38: Programación visual con Scratch: Una introducción práctica](https://reader031.vdocuments.site/reader031/viewer/2022012018/61686af6d394e9041f6f73bd/html5/thumbnails/38.jpg)
Scratch: El entorno de trabajoPrimeras Nociones: Eventos y Movimientos
Control: Repeticiones y ConditionalesDatos: Variables
Crear variables
José F. Quesada Moreno Programación visual con Scratch: Una introducción práctica
![Page 39: Programación visual con Scratch: Una introducción práctica](https://reader031.vdocuments.site/reader031/viewer/2022012018/61686af6d394e9041f6f73bd/html5/thumbnails/39.jpg)
Scratch: El entorno de trabajoPrimeras Nociones: Eventos y Movimientos
Control: Repeticiones y ConditionalesDatos: Variables
Número máximo
José F. Quesada Moreno Programación visual con Scratch: Una introducción práctica
![Page 40: Programación visual con Scratch: Una introducción práctica](https://reader031.vdocuments.site/reader031/viewer/2022012018/61686af6d394e9041f6f73bd/html5/thumbnails/40.jpg)
Scratch: El entorno de trabajoPrimeras Nociones: Eventos y Movimientos
Control: Repeticiones y ConditionalesDatos: Variables
Adivinar un número
José F. Quesada Moreno Programación visual con Scratch: Una introducción práctica
![Page 41: Programación visual con Scratch: Una introducción práctica](https://reader031.vdocuments.site/reader031/viewer/2022012018/61686af6d394e9041f6f73bd/html5/thumbnails/41.jpg)
Scratch: El entorno de trabajoPrimeras Nociones: Eventos y Movimientos
Control: Repeticiones y ConditionalesDatos: Variables
A math Quizz
http://scratch.mit.edu/projects/20026655/
José F. Quesada Moreno Programación visual con Scratch: Una introducción práctica
![Page 42: Programación visual con Scratch: Una introducción práctica](https://reader031.vdocuments.site/reader031/viewer/2022012018/61686af6d394e9041f6f73bd/html5/thumbnails/42.jpg)
Scratch: El entorno de trabajoPrimeras Nociones: Eventos y Movimientos
Control: Repeticiones y ConditionalesDatos: Variables
Nyan Cat: The Math Game
http://scratch.mit.edu/projects/1829916/
José F. Quesada Moreno Programación visual con Scratch: Una introducción práctica
![Page 43: Programación visual con Scratch: Una introducción práctica](https://reader031.vdocuments.site/reader031/viewer/2022012018/61686af6d394e9041f6f73bd/html5/thumbnails/43.jpg)
Scratch: El entorno de trabajoPrimeras Nociones: Eventos y Movimientos
Control: Repeticiones y ConditionalesDatos: Variables
2048
http://scratch.mit.edu/projects/19554088/
José F. Quesada Moreno Programación visual con Scratch: Una introducción práctica
![Page 44: Programación visual con Scratch: Una introducción práctica](https://reader031.vdocuments.site/reader031/viewer/2022012018/61686af6d394e9041f6f73bd/html5/thumbnails/44.jpg)
Scratch: El entorno de trabajoPrimeras Nociones: Eventos y Movimientos
Control: Repeticiones y ConditionalesDatos: Variables
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
http://scratch.mit.edu/projects/2667545/
José F. Quesada Moreno Programación visual con Scratch: Una introducción práctica