dis9034-2024-1
clase-14. Idea Examen
En esta solemne vamos a intentar a hacer una programación en Scratch. https://scratch.mit.edu
¿Qué es Scratch?
Scratch es la comunidad más grande de codificación para niños, por lo mismo utiliza un lenguaje de programación con una interfaz visual sencilla y pedagógica para facilitar su aprendizaje. Lo que permite que jóvenes sin conocimientos de programación puedan programar de forma diferente la creación de historias digitales, juegos, y animaciones. Scratch está diseñado, desarrollado, y moderado por Fundación Scratch, una organización libre de lucro. Fuente: https://scratch.mit.edu/about
Scratch está diseñado especialmente para personas entre los 8 y 16 años, pero es usado por personas de todas las edades.
Opciones de la página de inicio
En la página de inicio encontramos en el menú superior las opciones de:
- Crear: comenzar tu propio proyecto
- Explorar: ver contenido de otros usuarios de Scratch, dicha página puede también seleccionar contenido según tus preferencias, añadir proyectos que te gusten a tu biblioteca y seguir personas que creen contenido de tu interés.
- Ideas: ideas sobre lo que podrías hacer en Scratch: ver tutoriales, comenzar un proyecto, ver otro proyectos, etc.
- Acerca de: información sobre Scratch como programa.
¿Debería crearme una cuenta?
Para acceder a todas estas funciones no es necesario crearse una cuenta, sin embargo, es muy recomendable que te crees una. Esto es porque es gratuito, no pone condiciones de uso negativas, puedes compartir tu contenido con el resto de la comunidad y lo más importante, te permite guardar tu proyecto en la web y así trabajar desde cualquier ordenador.
Creación de un proyecto
Como dijimos antes, para iniciar un proyecto debes apretar en la opción crear en la porte superior del menú. La interfaz de creación de Scratch te recibe inmediatamente con un elemento de ejemplo y una ventana de video tutorial, que te enseña lo básico de cómo moverte en el programa y con el que puedes trabajar en conjunto a tiempo real.
Ejemplo de trabajo junto a un tutorial dentro del programa
https://github.com/BelenVeAg/dis9034-2024-1/assets/163448892/1d6fdbb5-d504-44ac-a18a-ed2bf9bc6c38
En la barra superior de la página existe una opción que dice Tutoriales, ahí tú puedes seleccionar el tutorial que quieras y al seleccionarlo aparecerá encima de la página de creación como vimos en el ejemplo anterior.
*Editar: al permitir activar el modo turbo, los programas se ejecutan a la mayor velocidad que permite el ordenador.
El tutorial de antes se llama “Cómo empezar” te muestra las funciones básicas del menú de herramientas (que está en la parte izquierda) y como su nombre lo dice, cómo empezar a crear.
Tutorial “Cómo empezar”
Menú de herramientas izquierdo, apartado de “Código”
¿Cuáles son las herramientas del menú?
- Código: apartado de la programación y las acciones que quieres que ocurran en los elementos de tu proyecto. Dichos elementos pueden ser un “objeto” o un “fondo”.
- Disfraz/Fondo: apartado para hacer modificaciones visuales de un objeto u fondo. Es muy similar a lo que sería la interfaz de Photoshop, aunque trabaja con vectores en lugar de pixeles. También puedes subir tus propios archivos.
-
Sonido: apartado para poner y modificar sonidos de los elementos.
*Tanto la herramienta de sonido y disfraz/fondo tiene una biblioteca en la que puedes explorar, o sino puedes subir tus propios archivos y trabajar con ellos. En el caso de los objetos es recomendable que se encuentren en png.
*Las herramientas van a hacer modificaciones al elemento que tengas seleccionado, por ejemplo, en la imagen de abajo se está modificando al “dog2”, pero si hago click en otro objeto o en el fondo, las herramientas trabajarán en la nueva selección. Es por esto que debes tener en cuenta en qué elemento de tu proyecto estás trabajando.
IMPORTANTE para deshacer una acción NO aprietes cmd+z o ctrl+z, tienes que usar las flechitas de deshacer que están en el menú de opciones.
Grabación mostrando el cambio de opciones entre objeto y fondo
https://github.com/BelenVeAg/dis9034-2024-1/assets/163448892/d72fd4b7-7120-4244-bc82-07a05b7f1eb5
Problema que se convirtió en oportunidad: Scratch estuvo en mantenimiento el viernes por lo que tuve que descargar la app “Scratch3” que mostró el mismo sitio para avanzar en mi proyecto. La interfaz es muy similar a la web y funciona offline, por lo que el mantenimiento no la afectó. Otro descubrimiento es que en mi propio computador no me causó problemas usar el cmd+z para deshacer ni en la web ni en la aplicación.
Imagen de Scratch en mantenimiento, abajo sale la opción de descargar la app
Editando una foto en “Disfraz”
https://github.com/BelenVeAg/dis9034-2024-1/assets/163448892/4792518d-40aa-4868-a50d-ed79e0f48329
Creando una imagen en disfraz
https://github.com/BelenVeAg/dis9034-2024-1/assets/163448892/0a1ff2d4-7343-4f31-a5fe-0bacdb1e4779
https://github.com/BelenVeAg/dis9034-2024-1/assets/163448892/4996ddaf-26d1-4290-90f1-8ec1819996fe
Con estos comandos podemos hacer que nuestro objeto se mueva con las teclas del mousepad
¿Cómo subir tu proyecto de la app a tu cuenta de internet?
https://github.com/BelenVeAg/dis9034-2024-1/assets/163448892/4fd74512-568b-4de8-a81f-0916e150dec6
Este programa es de mucha experimentación, prueba y error, aquí se ve como estaba jugando con un audio.
https://github.com/BelenVeAg/dis9034-2024-1/assets/163448892/09a1b13a-512e-4a39-811e-723277675c35
Ejemplos útiles de algunos tutoriales
Tutorial 1:
Tutorial 2:
También existen unos tutoriales de Cçartoon Network que explican acciones más avanzadas.
¿Cómo ver el código de otros proyectos?
https://github.com/BelenVeAg/dis9034-2024-1/assets/163448892/a29a8a83-dbcf-4b58-9961-a989e60df6a1
Quería que al apretar la tecla A mi elemento de inicio cambiara a otro elemento, pero no me dejaba a hacerlo. Después me di cuenta de que había una opción que me dejaba “cambiar de disfraz” al activar un comando. Por lo tanto, en vez de cambiar elementos, decidí cambiar cambiar disfraces y para eso, os elementos los transformé en disfraces
https://github.com/BelenVeAg/dis9034-2024-1/assets/163448892/8fde3fdd-73a3-4445-bbc7-351927025189
Más cosas que aprendí en el camino:
Si pongo dos acciones que ocurren con un mismo actuador de forma separada, ambas van a ocurrir simultáneamente.
Errores que en un futuro pueden servir de algo:
https://github.com/BelenVeAg/dis9034-2024-1/assets/163448892/29c8d62f-0240-4217-aff8-b9f6fbcb1f4a