Category: Tutorial

Tutorial Scratch – Entorno

En esta entrada vamos a realizar un tutorial para familiarizarnos con el entorno de Scratch.

Con Scratch podemos trabajar de dos formas:

  • Online. A través de página Web de Scratch. El único requisito previo consiste en que tenemos que registrarnos en esta página y ya podemos empezar. Para registrarnos pueden consultar el tutorial que realizamos en esta página.
  • Offline. Para ello, tenemos que descargarnos el editor offline de Scratch (está disponible para Windows, Mac OS y algunas versiones de Linux) desde la página Web de descargas de Scratch.

Una vez que ya nos hemos registrado o nos hemos descargado el editor offline de Scratch, nos aparecerá el entorno que podemos ver en la figura 1.

Entorno Scratch

Figura 1: Entorno Scratch

El entorno está dividido en las siguientes partes, como podemos ver en la figura 2:

Figura 2: Entorno Scratch dividido en secciones

  1. Escenario. En esta sección del interfaz situaremos los distintos objetos de nuestro videojuego que posteriormente programaremos. Al iniciar cualquier proyecto con Scratch, sólo aparece el gato Scratch que es la mascota.
  2. Barra de título. Es importante darle un nombre a cada uno de los proyectos que programemos. Desde esta sección indicaremos el título de nuestro proyecto (figura 3). También aparece una ventanita a la izquierda que sirve para maximizar el escenario y una bandera verde (iniciar la ejecución del programa) y un punto rojo (detener la ejecución del programa).

    Figura 3: Título del proyecto en Scratch

  3. Barra de herramientas. Elemento típico en cualquier programa de cualquier sistema operativo. En Scratch está dividido de la siguiente forma (de izquierda a derecha, figura 4):

    Figura 4: Barra de Herramientas Scracth 

    1. Pinchando en las letras de Scratch nos redirige a la página inicial.
    2. El icono bola del mundo nos permite cambiar el idioma de todo el interfaz.
    3. Archivo. En este apartado tenemos las siguientes opciones:
      • Nuevo.
      • Guardar ahora.
      • Guardar una copia.
      • Ir a Mis Cosas.
      • Subir de tu computadora.
      • Descargar a tu computadora.
      • Guardar y exportar un video.
      • Revertir.
    4. Editar. Dispone de las siguientes opciones:
      • Recuperar borrado.
      • Escenario pequeño.
      • Modo turbo.
    5. Sugerencias. En la parte derecha del entorno nos aparecen tutoriales para comenzar a utilizar Scratch, cómo hacer determinadas cosas en nuestro proyecto y descripción de los bloques de programación.
    6. Acerca de. Información acerca de Scratch.
    7. Icono tampón, que nos sirve para duplicar objetos.
    8. Icono tijeras, para cortar objetos.
    9. Iconos crecer y encoger, para hacer más grandes o más pequeños los objetos.
    10. Icono interrogación con ayuda de los distintos bloques de programación.
  4. Área de scripts. En esta sección es el lugar el que programaremos los distintos elementos que formarán nuestro programa. Para ello utilizaremos los elementos de código presentes en la pestaña programa.
  5. Escenario. En esta sección podemos seleccionar el fondo (o fondos) que necesitemos para nuestro videojuego. Disponemos de cuatro iconos distintos:
    1. El primer icono (fondo) nos permite seleccionar un fondo de la biblioteca de imágenes de Scratch.
    2. Con el segundo icono (pincel) podemos dibujar nuestro propio fondo.
    3. El tercero (carpeta con flecha hacia arriba) nos permite subir una imagen que tengamos en nuestro ordenador para utilizarlo como fondo.
    4. El último icono (cámara de fotos) podemos hacernos una foto, si nuestro ordenador posee cámara, para poder utilizar esa imagen como fondo.
  6. Objetos. Sección en la que podemos seleccionar los distintos objetos que formarán parte de nuestro programa. Al igual que ocurre con el escenario, disponemos de cuatro iconos para poder seleccionar objetos:
    1. Con el primer icono (duendecillo) podemos seleccionar objetos de la biblioteca de imágenes de Scratch.
    2. Con el segundo icono (pincel) podemos dibujar nuestros propios objetos.
    3. El tercer icono (carpeta con flecha hacia arriba) nos permite subir objetos o conjuntos de objetos a nuestra biblioteca de objetos.
    4. Con el cuarto y último icono (cámara de fotos) nos podemos hacer una foto para utilizarla como objeto de nuestro programa.
  7. Pestañas de programas, disfraces y sonidos. Estas pestañas las explicaremos más extensamente en nuevos tutoriales que estamos preparando, pero aquí daremos algunas pinceladas de lo que contiene cada una de ellas:
    1. Programas contiene todas las instrucciones que podremos utilizar para programar tanto objetos como escenarios que aparecerán en nuestro programa.
    2. Los Disfraces son los distintos estados que puede tomar un objeto dentro de nuestro programa. Dicho así puede sonar a complicado, pero se entiende mejor con un ejemplo: cuando un personaje de nuestro juego camina por el escenario, en lugar de tener distintos objetos con el movimiento de ese personaje, sólo es necesario incluir los distintos movimientos dentro del mismo objeto como disfraces de ese objeto.
    3. Todos los programas o juegos suelen tener Sonidos, así que desde esta pestaña podemos añadir música de fondo o efectos que nos acompañarán en el programa o videojuego.
  8. Posición de objetos. Desde aquí podemos consultar la posición en 2D (eje x, eje y) de los distintos objetos que forman nuestro programa.
  9. Compartir. Una vez que ya consideramos que nuestro programa o juego está listo, podemos compartirlo con toda la comunidad de Scratch. De esta forma, podemos tener una retroalimentación y que las personas puedan disfrutar de nuestro juego o enviarnos información sobre errores o elementos que cambiarían de nuestro juego.

 

 

 

 

Tutorial Scratch – Registro

Scratch es un proyecto del Massachusetts Institute of Technology (MIT) que está pensado para introducir en el mundo de la programación a jóvenes de entre 8 y 16 años, pero que puede ser utilizado por personas de todas las edades.

Ruth (Arsludica) y yo vamos a realizar una serie de tutoriales para comenzar a utilizar y a programar con Scratch. En este primer tutorial vamos a ver paso a paso cómo registrarnos en Scratch.

Para ello, lo primero que tenemos que hacer es ir a su página principal https://scratch.mit.edu/ y pinchar en la parte superior derecha de la misma en el enlace «Únete a Scratch», como vemos en la figura 1. Este proceso de registro está formado por 4 pasos.

Figura 1 - Unirse a Scratch

Figura 1 – Unirse a Scratch

Una vez que pinchemos en el enlace nos aparece el siguiente «pop-up» en la web, indicándonos que es necesario seleccionar un usuario y una contraseña (figura 2) para poder utilizar Scratch.

Figura 2 - Registro

Figura 2 – Usuario y contraseña

El segundo paso consiste en indicar la fecha de nacimiento, el género y el país en el que residimos, como podemos ver en la figura 3. España aparece en el menú en inglés, así que tendremos que buscar Spain.

Figura 3 - Edad, género y país

Figura 3 – Edad, género y país

En el tercer (figura 4) paso introducimos nuestra cuenta de correo electrónico, imprescindible para poder tener el usuario. Es muy importante ingresar una cuenta de correo electrónico real para poder activar nuestro usuario, ya que si no lo activamos nos eliminarán la cuenta. Si queremos recibir información sobre novedades de Scratch, tenemos que marcar el cuadrado que aparece a la izquierda.

Figura 4 - Correo electrónico

Figura 4 – Correo electrónico

Y una vez realizado esto finalizamos nuestro registro (figura 5) y nos aparecerá nuestro nombre de usuario y correo electrónico. Importante confirmar el enlace que os habrán enviado al correo electrónico.

Figura 5 - Registro completado

Figura 5 – Registro completado