Snap 1 - introduccion a la herramienta snap

10

Click here to load reader

description

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

Transcript of Snap 1 - introduccion a la herramienta snap

Page 1: Snap 1 -  introduccion a la herramienta snap

Aprendo a programar con Snap:Introducción a Snap

Flor Palomares, PatriciaHuertas Fernández, José IgnacioMoreno León, Jesús Moriana Coronel, María

Septiembre 2012

1

Programamos Videojuegos y Apps

CICLOS FORMATIVOShttp://programamos.es@programamos

Page 2: Snap 1 -  introduccion a la herramienta snap

©Programamos, Septiembre de 2013

Algunos derechos reservados.Este artículo se distribuye bajo la licencia“Reconocimiento-

CompartirIgual 3.0 España" de CreativeCommons, disponible enhttp://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

Licencia

Page 3: Snap 1 -  introduccion a la herramienta snap

¿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 por la Universidad de California, Berkeley.

● Ellos mismos lo definen como “a visual, drag-and-drop 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

Page 4: Snap 1 -  introduccion a la herramienta snap

Interfaz de Snap

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

Page 5: Snap 1 -  introduccion a la herramienta snap

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.

Page 6: Snap 1 -  introduccion a la herramienta snap

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.

Page 7: Snap 1 -  introduccion a la herramienta snap

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.

Page 8: Snap 1 -  introduccion a la herramienta snap

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

Page 9: Snap 1 -  introduccion a la herramienta snap

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.

Page 10: Snap 1 -  introduccion a la herramienta snap

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?