# Programación con Scratch: como un profesional

Scratch es una **plataforma de lenguaje de código abierto ideal para aprender a programar en condiciones simplificadas**. En este tutorial de programación con Scratch, descubrirás en qué consiste este proyecto dirigido principalmente a los niños y cómo funciona.

## ¿Qué caracteriza a la programación con Scratch?

Scratch se basa en una interfaz gráfica de usuario, por lo que no requiere dominar una sintaxis de lenguaje compleja ni escribir código en general. La prioridad del software es ofrecer una introducción a la programación. Por tanto, es evidente que la **facilidad de uso** prima sobre la variedad de funciones. A pesar de estas limitaciones, Scratch presenta algunas de las características más importantes de los [paradigmas de programación](https://www.ionos.mx/digitalguide/paginas-web/desarrollo-web/paradigmas-de-programacion/ "Paradigmas de programación") tradicionales, que son las siguientes:

- **Visual**: todos los elementos de Scratch se representan como un elemento **gráfico** comprensible para el usuario ―los comandos, por ejemplo, son unas piezas de construcción que se colocan y ensamblan fácilmente mediante la función de **arrastrar y soltar**.
- **Orientado a objetos**: la programación con Scratch no contempla ni clases ni sistemas de herencia. Con características como la **encapsulación de datos** (acceso controlado a los datos a través de interfaces definidas) o el **polimorfismo** (objetos que pueden incorporar diferentes tipos de datos), Scratch cuenta con los elementos de la programación orientada a objetos.
- **Imperativo**: algunos de los *scripts* disponibles para programar con Scratch siguen el paradigma de la programación imperativa. Las **secuencias de comandos** determinan qué acciones que se llevan a cabo y en qué orden.
- **Orientado a eventos**: cada **script** que se incluye en un proyecto de Scratch se ejecuta tan pronto como **se produce el evento** definido en el bloque que lo encabeza. Si se utiliza un bloque de tipo “esperar hasta”, la ejecución del proyecto también se puede retrasar hasta que ocurra un evento determinado.
- **Compatibilidad con la programación paralela**: la división de los programas informáticos en subcomponentes individuales que caracteriza el principio de la programación paralela es uno de los conceptos básicos de Scratch.

## Scratch: tutorial para aprender a programar

Se dice que la práctica hace al maestro, y eso mismo también es aplicable a la programación con Scratch. Aunque este proyecto presenta muchos menos obstáculos para principiantes que los lenguajes de programación clásicos, siempre se necesitará **cierta formación** para aprender a usar e interiorizar la interfaz de usuario y los bloques. En el siguiente tutorial de Scratch, te explicamos en qué consiste la programación con Scratch.

Nota Si quieres enseñar a niños a programar con Scratch, conviene que te familiarices con esta plataforma de código abierto con antelación. Cuanto más conozcas el lenguaje y la interfaz de usuario, más podrás ayudar a los más pequeños a empezar a utilizarlos. En nuestro artículo “[Programación para niños](https://www.ionos.mx/digitalguide/paginas-web/desarrollo-web/programacion-para-ninos/ "Programación para niños")” te mostramos las mejores formas de que los más pequeños aprendan a programar mientras se divierten.

### Aprender a programar con Scratch: interfaz de usuario

Una vez hayas creado tu cuenta de usuario e iniciado sesión en tu perfil, verás varias opciones en la barra de menú superior.

Por ejemplo, si haces clic en el **botón de la cuenta** (imagen en miniatura y nombre de la cuenta), podrás administrar tu perfil, configurar la ubicación, cambiar la contraseña o la dirección de correo electrónico, acceder a un resumen de tus proyectos activos (“Mis cosas”) o cerrar sesión en la aplicación:

[![Imagen: Aprender a programar con Scratch: menú rápido para gestionar tu perfil, cuenta y proyectos](https://www.ionos.mx/digitalguide/fileadmin/_processed_/c/d/csm_scratch-settings-menu_5247776174.webp "Aprender a programar con Scratch: menú rápido para gestionar tu perfil, cuenta y proyectos")](https://www.ionos.mx/digitalguide/fileadmin/DigitalGuide/Screenshots_2023/scratch-settings-menu.png) Además del botón de la cuenta, hay otros dos botones para acceder rápidamente a los proyectos (icono de la carpeta) y los mensajes recibidos (icono del sobre). La barra superior también incluye los siguientes elementos:

- **Crear**. El componente central del proyecto web Scratch es el entorno de desarrollo gráfico, al que se accede en la pestaña “Crear”. Con este editor web, puedes programar aplicaciones con Scratch directamente en el navegador.
- **Explorar**. En esta sección, puedes acceder a los proyectos de otros usuarios, no solo para reproducirlos o jugar con ellos, sino también para visualizar todo su código de programación con Scratch. Los proyectos de tipo similar se agrupan en los llamados “Estudios”.
- **Ideas**. En la sección de “Ideas”, podrás acceder a varios tutoriales y manuales que te ayudarán a desarrollar tus propios proyectos, especialmente si buscas inspiración. También se incluye un enlace para descargarte la aplicación de Scratch (para Windows, macOS, ChromeOS y Android), que permite programar con Scratch sin conexión a Internet.
- **Acerca de Scratch**. El enlace “Acerca de Scratch” te redirecciona a una página de información general sobre el proyecto Scratch que incluye, entre otras cosas, enlaces a otros recursos para madres, padres y profesores, así como consejos y un apartado de preguntas frecuentes.

### Estructura del editor de programación de Scratch

En muchos aspectos, el entorno de desarrollo de Scratch recuerda a las plataformas para crear páginas web, lo cual no sorprende, dada la similitud de los scripts con las piezas de construcción. Además de estos ***scripts***, que constituyen la mayoría de los elementos que pueden utilizarse, también es posible añadir\* *disfraces* *y* *sonidos* *a los proyectos, los cuales también se aplican y controlan mediante las piezas. La opción de “**Añadir extensión**” permite ampliar la variedad de* scripts\* y disponer también de un lápiz para dibujar, un sensor de vídeo o una función para pasar de texto a voz.

Consejo Scratch ofrece gran variedad de disfraces, sonidos y scripts que puedes integrar de inmediato en tus proyectos. Si lo prefieres o no encuentras el elemento que buscas en la colección del proyecto, también puedes generar tus propios *scripts*, e **importar** o **grabar** tus propias imágenes y sonidos.

#### Disfraces: dar vida a los personajes y objetos

Con independencia de lo que quieras programar con Scratch, un videojuego, un vídeo, una animación o incluso un simple cómic, los bloques de construcción centrales de tu historia serán los personajes y otros objetos. Mediante la pestaña “**Disfraces**”, puedes seleccionar e incorporar una cantidad ilimitada de gráficos en el proyecto. Es posible **elegir entre la colección de imágenes existente, dibujar objetos a mano o importar gráficos** guardados en el equipo. También puedes tomar una **foto** si el dispositivo tiene cámara.

[![Imagen: Scratch: menú para elegir los disfraces](https://www.ionos.mx/digitalguide/fileadmin/_processed_/5/e/csm_scratch-choosing-costume_9ee9aa9a82.webp "Scratch: menú para elegir los disfraces")](https://www.ionos.mx/digitalguide/fileadmin/DigitalGuide/Screenshots_2023/scratch-choosing-costume.png) Los objetos y los personajes en diferentes poses permiten crear secuencias de movimiento más adelante. Una vez hayas seleccionado los disfraces, puedes modificarlos. Para ello, **selecciona el objeto que quieras en el menú a la izquierda** (donde puedes eliminarlo en cualquier momento haciendo clic en el icono de la papelera) y, a continuación, utiliza las herramientas disponibles en el editor, por ejemplo, para cambiar los colores, eliminar ciertos detalles con el borrador, añadir texto o dar otra forma al objeto. También es posible **convertir el gráfico** en una imagen en mapa de bits o gráfico vectorial. En el campo de “Disfraces”, también puedes definir el **nombre del disfraz** que los correspondientes *scripts* utilizarán como referencia más adelante.

[![Imagen: Scratch: editor de disfraces](https://www.ionos.mx/digitalguide/fileadmin/_processed_/2/c/csm_scratch-costume-fill_a89c825c5e.webp "Scratch: editor de disfraces")](https://www.ionos.mx/digitalguide/fileadmin/DigitalGuide/Screenshots_2023/scratch-costume-fill.png) En este tutorial de Scratch, cambiamos el aspecto del objeto aplicando un color de relleno. En la parte inferior derecha de la ventana aparece el botón “**Elige un fondo**”. Con esta opción, puedes establecer la **imagen de fondo** del proyecto. También aquí puedes elegir entre los fondos predefinidos de Scratch, importar tus propias imágenes o echar mano del pincel y crear tu propio gráfico de fondo.

[![Imagen: Tutorial de Scratch: personaje con imagen de fondo](https://www.ionos.mx/digitalguide/fileadmin/_processed_/1/2/csm_scratch-backdrop-menu_c0359b67e7.webp "Tutorial de Scratch: personaje con imagen de fondo")](https://www.ionos.mx/digitalguide/fileadmin/DigitalGuide/Screenshots_2023/scratch-backdrop-menu.png) Al igual que con los objetos y personajes, también puedes mover o modificar la imagen de fondo al programar con Scratch. #### Sonidos y música de fondo

Para muchos proyectos creativos, tener un paisaje sonoro adecuado es tan importante como los propios objetos y personajes. El menú “**Sonidos**” de la interfaz de Scratch permite aplicar y configurar todo tipo de sonidos. Al igual que con los elementos gráficos, hay una colección de sonidos predeterminados en Scratch a la que puedes acceder mediante el botón de “**Elige un sonido**”. Por otro lado, es posible **importar o grabar sonidos** si tienes conectado un micrófono.

Los sonidos insertados pueden seleccionarse haciendo clic en la miniatura correspondiente en el menú de la izquierda y editarlos de diversas maneras. Entre otras cosas, puedes **cortar secuencias** seleccionadas, **modificar el volumen** o aumentar o disminuir la **velocidad de reproducción**. Como los sonidos también se integran en el proyecto Scratch mediante *scripts*, cada uno de ellos debe tener asignado un nombre único, el cual ha de introducirse en el campo de “Sonido”:

[![Imagen: Tutorial de Scratch: ventana para editar un archivo de sonido](https://www.ionos.mx/digitalguide/fileadmin/_processed_/7/b/csm_scratch-sound-example_dee2fa7c3b.webp "Tutorial de Scratch: ventana para editar un archivo de sonido")](https://www.ionos.mx/digitalguide/fileadmin/DigitalGuide/Screenshots_2023/scratch-sound-example.png) Si quieres cortar o editar una secuencia concreta del bloque de sonido, puedes marcarla arrastrando el botón izquierdo del ratón desde el inicio hasta el final de la misma. #### Scripts: el núcleo de la programación con Scratch

Para aprender a programar bien con Scratch, es muy importante practicar con los *scripts* del software. El código real que hay detrás de estos *scripts* se genera automáticamente en cuanto colocas uno de los bloques en el proyecto, independientemente de si se trata de un **evento**, una **función**, un **operador** o una **variable**. Como usuario, puedes centrarte en cambiar los valores de algunos *scripts* e incorporar los componentes gráficos y de sonido correspondientes.

Todos los *scripts* predefinidos tienen una descripción concisa que explica para qué sirven. Si quieres colocar un *script* en el proyecto, no tienes más que arrastrar el **bloque** correspondiente, así es como se llaman los comandos en Scratch, a la ventana central del editor. Los **valores** u **opciones** que definir se pueden ver, **escribir o seleccionar** directamente en el bloque. Si un nuevo bloque debe referirse directamente a otro ya insertado, solo tienes que encajarlo en el mismo, como si fueran las piezas de un puzle.

[![Imagen: Tutorial de Scratch: diferentes posibilidades para unir scripts](https://www.ionos.mx/digitalguide/fileadmin/_processed_/2/6/csm_scratch-scripts-example_6192950398.webp "Tutorial de Scratch: diferentes posibilidades para unir scripts")](https://www.ionos.mx/digitalguide/fileadmin/DigitalGuide/Screenshots_2023/scratch-scripts-example.png) En la ventana de vista previa, puedes ver en todo momento la versión actual del proyecto de Scratch y probar los procesos implementados.  Nota A la hora de aprender a programar con Scratch, lo complicado no es interiorizar reglas sintácticas o formatos de marcado, como en otros lenguajes, sino entender cómo funcionan todos los bloques para emplearlos y combinarlos de la mejor manera.

### Programación con Scratch: ejemplo de proyecto sencillo

Hasta ahora, en este tutorial de Scratch, hemos hablado de los componentes más importantes de esta plataforma de programación. Ahora, te mostraremos las **posibilidades que ofrece Scratch** mediante un ejemplo concreto.

En primer lugar, buscaremos una imagen de fondo para nuestro proyecto. Mueve el ratón sobre el icono del escenario, en la parte inferior de la pantalla, y haz clic en “**Elige un fondo**”. Aplica la imagen “**Blue Sky**”, que utilizaremos sin efectuar ningún cambio:

[![Imagen: Imagen de fondo “Blue Sky” de Scratch](https://www.ionos.mx/digitalguide/fileadmin/_processed_/5/a/csm_scratch-backdrop-blue-sky_ff22275dbe.webp "Imagen de fondo “Blue Sky” de Scratch")](https://www.ionos.mx/digitalguide/fileadmin/DigitalGuide/Screenshots_2023/scratch-backdrop-blue-sky.png) Para nuestro ejemplo, elegimos la imagen de fondo “Blue Sky” de Scratch. A continuación, añadiremos un personaje al proyecto de muestra. Para ello, como actualmente tenemos abierta la pestaña “Elige un fondo” en lugar de la de “Disfraces”, haremos clic en “**Elige un objeto**” (abajo a la derecha). Scratch ofrece una colección de personajes con varios disfraces, que pueden emplearse para simular secuencias de movimiento. La figura “**Cat**” está disponible, por ejemplo, en las variantes “cat-a” y “cat-b”, que dan la impresión de que el gato esté caminando cuando se reproducen una tras otra.

Nota Cuantas más variantes de disfraces haya para un personaje, mejor se podrá programar la secuencia de movimiento con Scratch.

[![Imagen: Tutorial de Scratch: objeto “Cat”](https://www.ionos.mx/digitalguide/fileadmin/_processed_/1/2/csm_scratch-backdrop-menu_c0359b67e7.webp "Tutorial de Scratch: objeto “Cat”")](https://www.ionos.mx/digitalguide/fileadmin/DigitalGuide/Screenshots_2023/scratch-backdrop-menu.png) La programación con Scratch permite dar vida a un objeto gracias a los diferentes disfraces o poses. En el último paso de este sencillo ejemplo, queremos llegar al corazón de la programación con Scratch y ser capaces de controlar el objeto. Por ejemplo, para que el gato camine de izquierda a derecha mientras mantienes pulsada la tecla de la flecha derecha, añade los siguientes scripts:

- **Evento**: al presionar tecla \[ \]
- **Control**: esperar \[ \] segundos
- **Apariencia**: siguiente disfraz
- **Movimiento**: mover \[ \] pasos

En el bloque del evento, puedes especificar la **tecla que quieras**: en nuestro tutorial de Scratch, asignamos la flecha derecha. Con el siguiente *script* de “Control”, estableces el **tiempo de espera entre los cambios de disfraz**. Introduce el valor “**0.2**”, para que transcurran 0,2 segundos antes de que el objeto cambie de apariencia, lo que hará que el movimiento parezca más natural. La secuencia de comandos de “Apariencia” sirve para que el objeto vaya **cambiando de “cat-a” a “cat-b”** siempre que se mantenga pulsada la tecla de la flecha. El cuarto bloque, el de “Movimiento”, también **mueve la figura** a la derecha al cambiar de disfraz. Optamos por la opción predeterminada, la de diez pasos:

[![Imagen: Programación con Scratch: vista del script en el proyecto de ejemplo](https://www.ionos.mx/digitalguide/fileadmin/_processed_/4/2/csm_scratch-script-preview_1dc8badafc.webp "Programación con Scratch: vista del script en el proyecto de ejemplo")](https://www.ionos.mx/digitalguide/fileadmin/DigitalGuide/Screenshots_2023/scratch-script-preview.png) Los valores que utilizamos en este tutorial de Scratch son meros ejemplos: puedes especificar otra cantidad de pasos o segundos de espera para el cambio de disfraz.  Consejo Puedes probar el **resultado de este pequeño ejemplo de código** en la [página del proyecto Scratch](https://scratch.mit.edu/projects/375556456 "Ejemplo de proyecto"). Solo tienes que mover la figura hacia la derecha pulsando la tecla de la flecha derecha en tu teclado.

### Publicar el proyecto Scratch

En cuanto te unas a Scratch y hayas creado tu propia cuenta de usuario, podrás publicar tus proyectos de programación en la plataforma. Para ello, selecciona la opción de “**Compartir**” en la barra del menú superior.

En la ventana que se abre, tienes la opción de **cambiar el título** del proyecto, redactar unas **instrucciones** o añadir **notas* *y* *créditos**. Además, puedes habilitar o deshabilitar la **función de “Comentarios”** mediante el control deslizante, dependiendo de si deseas recibir o no comentarios de otros usuarios.


This is a markdown version of: [https://www.ionos.mx/digitalguide/paginas-web/desarrollo-web/programacion-con-scratch/](https://www.ionos.mx/digitalguide/paginas-web/desarrollo-web/programacion-con-scratch/) for AI/LLM consumption.