How to Make a Virtual Town in Scratch | RPG | Tutorial
Summary
TLDREn este video, Zoë de Scratch muestra cómo crear una ciudad virtual en Scratch. Al finalizar, los espectadores podrán diseñar su propio pueblo con personajes y lugares personalizados donde los jugadores puedan caminar y hablar con diferentes personajes, utilizando el proyecto para crear una historia o un juego de mundo abierto. Seguidamente, Zoë guía en la selección de un personaje principal, la adición de un fondo de visualización desde arriba, y cómo dibujar un sendero. Luego, se procede a agregar un personaje hablante y a programar la capacidad de moverse entre diferentes escenarios. Además, se incluye cómo hacer que el personaje principal se mueva con las teclas de flecha, proporcionando una sensación de caminar por la ciudad. Finalmente, se ofrece un enlace a un proyecto inicial para que los espectadores puedan empezar a trabajar en su propio proyecto de ciudad virtual.
Takeaways
- 🎮 Se puede crear un juego de simulación de ciudad en Scratch donde los jugadores diseñan su propia ciudad con personajes y lugares personalizados.
- 👤 Se puede elegir un personaje principal que se moviliza por la ciudad, como Jordan en este ejemplo.
- 🖼️ Se pueden agregar fondos personalizados a la ciudad, incluyendo dibujos de casa, parques o lagos, utilizando las herramientas de pintura de Scratch.
- 🗣️ Los personajes secundarios, como el Unicornio en este tutorial, pueden programarse para hablar cuando el jugador los selecciona.
- 🔄 Los personajes pueden ser mostrados u ocultados en función del fondo en el que se encuentren, lo que permite la creación de una narrativa más rica.
- ➡️ El jugador puede moverse entre diferentes ubicaciones de la ciudad usando flechas que cambian el fondo.
- 🔄 Se pueden utilizar los bloques de código para que el personaje principal se mueva en respuesta a las pulsaciones de las teclas de flecha.
- 🏡 Se pueden crear múltiples escenarios para la ciudad, como caminos, casas y lagos, y copiar y pegar elementos para ahorrar tiempo.
- 📝 Los nombres de los fondos deben ser descriativos para facilitar la programación y la navegación entre ellos.
- 👣 La movilidad del personaje principal puede ser controlada por las teclas de flecha para una experiencia de juego más interactiva.
- 🔗 Se proporciona un enlace a un proyecto inicial en la descripción del video para que los aprendices puedan empezar a trabajar en su propio proyecto.
- 🎉 El vídeo finaliza con un ánimo positivo, animando a los espectadores a crear sus propias ciudades virtuales y compartiendo la emoción de Zoë por ver sus creaciones.
Q & A
¿Quién es Zoë y qué quiere mostrar en el video?
-Zoë es parte del equipo de Scratch y también se conoce como Zinnea. Quiere mostrar cómo crear una ciudad virtual en Scratch.
¿Qué se puede hacer al final del video?
-Al final del video, se podrá crear un juego en el que se pueda diseñar una ciudad con personajes y lugares propios, donde los jugadores puedan caminar y hablar con diferentes personajes.
¿Cómo se elige al personaje principal del proyecto?
-Para elegir al personaje principal, se debe desplazarse sobre 'choose a Sprite' y hacer clic en 'choose', pudiendo elegir cualquier personaje que se desee.
¿Cómo se agrega un fondo en Scratch?
-Se puede elegir un fondo existente en Scratch haciendo clic en el botón 'choose a background'. Si se desea un fondo de vista superior, se debe hacer clic en 'paint' y dibujar con las herramientas proporcionadas.
¿Cómo se agrega un camino en el fondo?
-Para agregar un camino, se utiliza la herramienta de pincel y se establece el color en naranja, disminuyendo el slider de saturación para obtener un tono más desvanecido, y luego se ajusta el tamaño del pincel a un valor grande para dibujar el camino.
¿Cómo se hace para que un personaje hable?
-Para hacer que un personaje hable, se va a la categoría 'looks', se arrastra un bloque 'say' y se escribe el mensaje que el personaje dirá. Además, se utiliza un bloque 'when this Sprite clicked' de la categoría 'events' para que el personaje hable al hacer clic en él.
¿Cómo se crean múltiples ubicaciones en la ciudad?
-Se deben dibujar varios fondos adicionales para la ciudad, haciendo clic en 'choose a backdrop' y luego en 'paint' para diseñar cada ubicación con elementos como casas, lagos, etc.
¿Cómo se puede copiar una forma en Scratch?
-Para copiar una forma, se hace clic en la forma y se selecciona la opción 'copy'. Para copiar múltiples formas, se seleccionan todas las formas deseadas manteniendo presionada la tecla 'shift' y luego se hace clic en 'copy'.
¿Cómo se permite que un personaje viaje entre diferentes ubicaciones?
-Se agrega un Sprite de flecha y se utiliza un bloque 'next backdrop' de la categoría 'looks' junto con un bloque 'when this Sprite clicked' de la categoría 'events' para permitir que el personaje se mueva a la siguiente ubicación al hacer clic en la flecha.
¿Cómo se asegura que un personaje aparezca solo en una ubicación específica?
-Se utilizan bloques 'hide' y 'show' de la categoría 'looks' y un bloque 'when backdrop switches to' de la categoría 'events' para programar la aparición y desaparición del personaje según el fondo en el que se encuentre el jugador.
¿Cómo se hace que el personaje principal se mueva con las teclas de flecha?
-Se utiliza un bloque 'change X by' de la categoría 'motion' junto con bloques 'when key pressed' de la categoría 'events', seleccionando las teclas de flecha derecha e izquierda para mover al personaje horizontalmente y las teclas de flecha arriba y abajo para moverlo verticalmente.
¿Dónde puedo encontrar el proyecto inicial para empezar a crear mi propia ciudad virtual?
-El enlace al proyecto inicial se encuentra en la descripción del video, donde se puede remix para comenzar a crear la propia ciudad virtual.
Outlines
🎨 Crear un pueblo virtual en Scratch
Zoë de Scratch muestra cómo crear un juego de simulación de un pueblo virtual. Se describe cómo diseñar tu propio pueblo con personajes y lugares personalizados, donde los jugadores pueden caminar y hablar con diferentes personajes. Además, se ofrece la posibilidad de utilizar esta creación para contar una historia o desarrollar un juego de mundo abierto. Se inicia el proceso eligiendo un personaje principal y seguidamente se le enseña a agregar un fondo de visualización desde arriba, creando un sendero y luego añadiendo personajes con los que el jugador pueda interactuar. Finalmente, se explica cómo hacer que el jugador pueda caminar entre diferentes ubicaciones en el juego.
🚶 Habilidad de movimiento y interacción del personaje principal
Seguidamente, Zoë explica cómo hacer que el personaje principal se mueva cuando se presionan las teclas de flecha. Se detalla cómo utilizar bloques de Scratch para que el personaje cambie su posición en el eje X y Y en función de las teclas presionadas. Además, se aborda cómo hacer que el personaje Unicornio solo aparezca en un fondo específico, el de la laguna, utilizando bloques para mostrar y ocultar el personaje en función del fondo actual. Esto permite crear un juego donde los personajes aparecen en diferentes ubicaciones y el jugador puede interactuar con ellos mientras explora el pueblo. Finalmente, se proporciona un enlace al proyecto inicial en la descripción del video para que los espectadores puedan remixarlo y comenzar su propia creación.
Mindmap
Keywords
💡Scratch
💡Caracteres
💡Fondo
💡Programación
💡Interacción
💡Movimiento del Personaje
💡Código
💡Bloques de Programación
💡Ciudad Virtual
💡Diseño Gráfico
💡Juego Abierto
Highlights
Zoë from the Scratch team introduces a tutorial on creating a virtual town in Scratch.
The video demonstrates how to design a game with customizable towns, characters, and locations.
The main character is chosen from a selection of available Sprites.
A top-down view background is created by painting a green rectangle and an orange path.
A character is added for the player to interact with, using a 'say' block for dialogue.
The character's ability to talk is triggered by a 'when this Sprite clicked' event block.
Multiple locations are created by drawing additional top-down backgrounds for the town.
A simple house is drawn using different shades of brown rectangles.
A lake is added to one of the backgrounds with a blue squiggle.
A method to copy and paste shapes for efficient background creation is shown.
Backgrounds are named for easier coding and reference.
Arrow Sprites are used to navigate between different backgrounds.
The Unicorn character is programmed to only appear at the lake background.
The 'hide' and 'show' blocks are used to control the Unicorn's visibility based on the background.
The main character is coded to move with the arrow keys, enhancing the interactive experience.
The 'when key pressed' block is utilized to control character movement in response to key presses.
The tutorial concludes with a link to a starter project for viewers to remix and create their own virtual towns.
Zoë encourages viewers to have fun and explore their creativity in building virtual towns.
Transcripts
- Hi everyone.
It's Zoë from the Scratch team, also known as Zinnea.
Today I wanted to show you
how to make a virtual town in Scratch.
By the end of this video,
you'll be able to make a game like this one,
where you can design your own town
with your own characters in it and your own locations,
where the player can walk around
and talk to different characters.
You can use this to make your own story
or your own open-world game.
Or really anything you want.
So, yeah, let's get started.
So first let's pick a character to be
the main character of the project,
the one that we'll walk around.
I'll just hover over, choose a Sprite and click choose,
and you can pick any character you want.
I think I'll pick Jordan.
Now let's add a background.
You could click this button that says, choose a background.
If you want to pick one of the backgrounds
that are already in Scratch,
but you might want a top down background.
So a background that's viewed from above.
Let me show you how to draw one of those really easily.
So just hover over, choose a background and click paint.
And here's what I'll do.
I will click on the rectangle tool
and then I'll set the color to green,
and then I'll drag a rectangle that fills the whole stage.
And now I'll draw a path across the grass.
So I'll click on the paintbrush tool and I'll set the color
to an orange color and then decrease the saturation slider.
So that makes it like a faded orange or a brown
and then I will set the paint brush size
to something really big, like a hundred.
And then I'll just scribble with the paint brush
and yeah, there you go, that's a path.
Okay, so now we have a really simple top-down background
of a part of the town.
Next let's add a character for the player to talk to.
So again, I'll just hover over, choose a Sprite
and click choose.
You can pick any character that you want to be in your town.
I think I'll pick the Unicorn.
Let's make it so this character can talk.
I'll go to the looks category and drag out a say block.
And you know, you can just click that
to have the character say something.
You can write whatever you want in here,
and let's make the character talk when we click on it.
So to do that,
I'll go to the events category
and drag out when this Sprite clicked block,
which is good for making something happen
when you click on a Sprite.
So now when I click on the Unicorn, it says, hello.
So that's how you can add a character you can talk to.
Now, let's make the player be able to walk between
multiple different locations.
So let's draw a couple more backgrounds for our town.
So I'll hover over, choose a backdrop and click paint again.
And now you get to think,
what do you want to be here at this location in your town?
I think I'll make there be a house here.
So I'll make another green rectangle to be the grass.
And then let me show you my
extremely simple way of drawing a house.
I will set the color to brown and draw a rectangle,
and then I will pick a different shade of brown
and draw another rectangle on top
and then pick a different brown color
and make a rectangle and try to get it to line up
with the bottom here.
And I say, that's a house.
Of course you can draw it however you want.
And you know, I'll also add a lake on this background,
so I'll just set the color to blue
and draw a little squiggle.
And let's draw one more background,
so I will paint a new one and make another green square.
I think for this one, I'll do three houses on a street.
And if you don't wanna have to draw a house again,
you can click on this background
and I'm gonna copy this house.
To copy one shape, you could click on it and click copy,
but we wanna copy all three shapes.
So I will click on one part and then hold down shift.
And while I'm holding down shift,
click on the other two shapes.
So now I've selected them all and I will click copy.
And then I'll go down to this background and click paste.
And now, I didn't have to draw the house again.
So I'll put this over here, and you know what?
I will paste another house and another one,
and maybe I'll make them slightly different colors.
So I can just click on any part of one of the houses
and change the color up here.
And you know what?
I will paint one road.
Okay, nice, now we have
three different locations for our town.
The last thing I'll do is
I'm just gonna name these backgrounds
so that I can know which one is which when I'm coding them.
Okay, now let's make it so the character
can travel between them.
There's actually a really easy way to do this.
So let me show you,
I'll choose another Sprite
and I'm gonna add this arrow Sprite,
and now let's make it so that when this Sprite is clicked,
it goes to the next backdrop.
In the looks category, there's this block next backdrop.
And you can click on that to go to the next background.
And I will get that when this Sprite clicked block
from the events category and put it on top.
And now if we press it, it goes to the next backdrop.
And let's also add an arrow
so that you can go to the previous background.
I'll add another arrow, Sprite.
And then I want it to flip directions,
which you can do by going to the costumes tab
and then clicking flip horizontal.
And now, let's go back to the code tab.
Now, when this Sprite is clicked,
we want to go to the previous backdrop.
And the way to do that is in the looks category,
you can drag out this block, switch backdrop to,
and in the menu, you can choose previous backdrop.
And now this block makes you go to the backdrop before.
And let's add the,
when the Sprite clicked block on top again,
and there you go.
Now, you can click this button to go forward
and this button to go backward.
Here's one thing, right now, the Unicorn shows up
no matter what background you go to.
Let's make it, so the Unicorn only appears
at one of the backgrounds.
So it's like, that's where the Unicorn is in the town.
So let's say the Unicorn is by the lake.
So we only want the Unicorn to appear
if we're at the lake background.
Here's how you do that,
in the looks category, there are these blocks hide and show,
and you can click them to make the Unicorn
appear or disappear.
And then in the events category,
there's this block when backdrop switches to,
and you can use this block to make a character do something
when the background changes to a certain background.
So for example,
I can make it so that when the backdrop switches to
house and lake, the Unicorn will appear, it will show up.
So let's go there, okay, yeah.
Now, the Unicorn appears when we go to the lake.
And let's make it so that
when we go to one of the other locations,
the Unicorn will hide, will disappear.
So when the background switches to the path,
I'll make the Unicorn hide.
And when the background switches to the houses in the path,
I'll also make the Unicorn hide.
So now, if we traveled between the backgrounds,
the Unicorn only shows up at the lake background.
And so this is really helpful because now
you can make a game where there are different characters
at different locations, and you can walk around and
meet them all.
Now, let's add one last thing.
Let's make it so that the main character
moves when you press the arrow keys.
So that the player really feels
like they're walking around the town.
I'll click on the main character
so that we can add code to her.
In the motion category, this block change X by 10.
We'll make a character move this way.
If you don't already know in Scratch
X represents how far a Sprite is
from this side of the screen to this side of the screen.
So if you increase X by 10, if you change X by 10,
this Sprite will move this way.
And if you change X by negative 10,
the Sprite will move this way 'cause you're decreasing X.
So that's how you can make a character
move this way or that way.
Let's make this happen
when we press the right arrow key and the left arrow key.
To do that, you can go to the events category,
and there's this really helpful block
when space key pressed.
So this block can make something happen
when a player presses a certain key.
So instead of space key, let's pick right arrow key,
and I'll put it on top of this change X by 10 block.
And so now when I press the right arrow key,
Jordan moves this way, changes X by 10,
and let's make it so that when I press the left arrow key,
she goes this way, so change X by negative 10, okay, nice.
And let's do the same for going up and down.
So going back to the motion category,
so X represents how far a Sprite is
from this side of the screen to that side of the screen.
And Y represents how high up a Sprite is.
So if I change Y by 10, she goes up.
And if I change Y by negative 10, she'll go down.
Let's drag out, when key pressed block and choose up arrow
and make the Sprite go up, when I press that
and drag out when key pressed block and choose down arrow
and make the Sprite go down when I click back.
So now the character can move around with the arrow keys.
So yeah, that's how you can make your own virtual town.
You could have as many characters as you want
or backgrounds as you want.
Also this link to this starter project
is in the description below.
So if you want to, you can always remix that.
I hope you have fun making virtual towns.
I can't wait to see them.
I'll see you next time and Scratch on.
(upbeat music)
Посмотреть больше похожих видео
How to Make a Pong Game in Scratch | Tutorial
How to Make a Jumping Game in Scratch | Tutorial
How to Make a Catch Game in Scratch | Tutorial
🔥 Cómo CREAR un JUEGO (Tutorial de Scratch)
PROGRAMACIÓN TIC 4 BLOQUE 1-2019
GRUA con ARDUINO || PROYECTO con servomotores || Para principiantes [Explicado paso a paso]
5.0 / 5 (0 votes)