Introducción a la herramienta Snap. Descripción del entorno y realización de ejercicios para el conocimiento de la aplicación.

1. 1
Aprendo a programar con Snap:
Introducción a Snap
Programamos Videojuegos y Apps
Flor Palomares, Patricia
Huertas Fernández, José Ignacio
Moreno León, Jesús
Moriana Coronel, María
Septiembre 2012
CICLOS FORMATIVOS
http://programamos.es
@programamos

2. Licencia
©Programamos, Septiembre de 2013
Algunos derechos reservados.
Este artículo se distribuye bajo la licencia“ReconocimientoCompartirIgual 3.0 España" de CreativeCommons, disponible en
http://creativecommons.org/licenses/by-sa/3.0/es/deed.es
Este documento (o uno muy similar)
está disponible en (o enlazado desde)
http://programamos.es

3. ¿Qué es Snap?
●
●
●
●
Antes llamado BYOB, es una extensión de Scratch
que permite, además de las funciones básicas de
Scratch, crear tus propios bloques (Build Your Own
Blocks).
Realizado
Berkeley.
por
la
Universidad
de
California,
Ellos mismos lo definen como “a visual, drag-anddrop programming language”
Está realizado en javascript, por lo que puedes
utilizarlo directamente a través del navegador, en
el siguiente enlace: http://snap.berkeley.edu/run

4. Interfaz de Snap
●
Tool Bar: opciones del proyecto (nuevo,
guardar, configuración, ...), control de la
visualización y reproducción.

5. Interfaz de Snap
●
●
●
●
Palette: Contiene todos los bloques que podremos
utilizar en nuestro proyecto, agrupados en 8
categorías.
Scripting Area: sitio en el que arrastraremos los
bloques para controlar el comportamiento del
objeto seleccionado.
Sprite Corral: contenedor de los objetos que
integran el proyecto. Al seleccionar un objeto se
cargará su propio scripting area.
Stage: lugar donde se visualiza el resultado.

6. Primeros pasos con Snap
●
Por defecto hay creado un objeto, denominado
“Sprite”. Vamos a cambiarle el aspecto al de una
tortuga:
●
●
Busca una imagen de una tortuga y guárdala en tu
ordenador.
En el Scripting Area selecciona la pestaña “disfraces” y
arrastra la imagen anterior.

7. Primeros pasos con Snap
●
●
Cambia el nombre al objeto por “Tortuga”
En el Scripting Area selecciona la pestaña “objetos” y
construye el siguiente puzzle:
●
●
●
AYUDA: fíjate en los colores de cada bloque para
identificar dónde se encuentran.
Comprueba su funcionamiento.
Por último, crea una cuenta en el cloud y
guarda el proyecto.

8. Snap, construyendo proyectos
●
●
Como has comprobado, construiremos nuestros
proyectos apilando bloques, de forma similar a
como se construyen cosas en el mundo físico
apilando bloques LEGO
Hay más de 100 bloques disponibles agrupados en
8 categorías diferentes

9. Explorando: algo sorprendente
●
●
Tenéis 10 minutos para hacer que algo
sorprendente le ocurra a un personaje.
Podéis colaborar y trabajar en equipo, preguntaros
entre vosotros o al profesor y compartir con el resto
vuestros descubrimientos.

10. Reflexionando: nuestros descubrimientos
●
¿Alguien ha descubierto...
●
... cómo añadir un sonido?
●
… cómo cambiar el fondo?
●
… cómo acceder a las pantallas de ayuda de un
bloque determinado?