Grab a Teleporter and Go!Agarra un teletransportador y en marcha

With your StoryQuest Kit open in Godot, make a new branch off main in Backstitch or Git and call it teleporter-challenge. This gives you a separate place to experiment without changing the main version of the project.Con tu StoryQuest Kit abierto en Godot, crea una rama nueva desde main en Backstitch o Git y llámala teleporter-challenge. Esto te da un lugar aparte para experimentar sin cambiar la versión principal del proyecto.

▶Making a branchCrear una rama

Then find, open, and play the teleporter_test_2 scene. It's a small experimental scene for trying out the teleporter. Play with it for a minute and look around the scene. You'll be borrowing pieces from it soon.Luego busca, abre y ejecuta la escena teleporter_test_2. Esta escena no forma parte del juego principal de Threadbare. Es una escena experimental hecha para probar y jugar con un componente concreto del juego. Quienes hacen juegos hacen esto a menudo cuando intentan decidir qué podría funcionar bien en su juego. Pruébala ahora en Godot para hacerte una idea de la mecánica del teletransportador.

▶Find, open and play itBuscarla, abrirla y jugarla

You'll notice the teleporter can do two things. It can move you between two points in the same scene. It can also move you into a different scene, using a transition when the destination is somewhere you can't currently see.Notarás que el teletransportador puede hacer dos cosas. Puede llevarte entre dos puntos de la misma escena. También puede llevarte a una escena distinta, usando una transición cuando el destino está en un sitio que ahora mismo no ves.

⤢Click to enlargeClic para ampliar

⤢Click to enlargeClic para ampliar

Leave teleporter_test_2 open and go back to the FileSystem to find and open teleporter_challenge. This scene is yours to build in and starts mostly empty. Now you should have two tabs across the top: the test scene to look at and your challenge scene to work in. You'll be borrowing pieces from the test scene shortly.Deja abierta teleporter_test_2 y vuelve al FileSystem para buscar y abrir teleporter_challenge. Esta escena es tuya para construir y empieza prácticamente vacía. Ahora deberías tener dos pestañas arriba: la escena de prueba para mirar y tu escena del reto para trabajar. Dentro de poco vas a tomar piezas prestadas de la escena de prueba.

Right now, the teleporter in the test scene doesn't have a look of its own. It's just a space that moves the player from A to B, so visually it could become almost anything. What could you make it look like, and what might that tell a player about the world around it? That is a small piece of game narrative.Ahora mismo, el teletransportador de la escena de prueba no tiene ningún aspecto. Es solo un espacio donde algo mueve al jugador de A a B. Podría parecer cualquier cosa, la verdad. Pero ¿cómo puede su aspecto ayudar a servir a una narrativa del juego?

Let's quickly brainstorm what this teleporter might be. You can imagine some story around it first, or just start describing the object itself and see what ideas emerge. The more specific you get, the more information you'll have when you draw it.Hagamos una lluvia de ideas rápida sobre lo que podría ser este teletransportador. Puedes imaginar primero alguna historia a su alrededor, o simplemente empezar describiendo el objeto en sí y ver qué ideas surgen. Cuanto más concreto seas, más información tendrás al dibujarlo.

Ancient gatePuerta antigua Beast remainsRestos de bestia Static TVTele con estática StorybookLibro de cuentos

Example teleporters: four different potential narratives.Teletransportadores de ejemplo: cuatro narrativas posibles distintas.

tell the player more!cuéntale más al jugador

Can the image do more than suggest "This is a spot for movement"?¿Puede la imagen decir algo más que "aquí se viaja"?

An arrow, a glow, or a pad on the floor can all tell the player, this does something, come over here. That's signposting. Your additional challenge is to see whether the same object can guide the player and suggest something about the world around it.Una flecha, un brillo o una plataforma en el suelo pueden decirle al jugador esto hace algo, ven aquí. Eso es señalización. Tu reto añadido es ver si el mismo objeto puede guiar al jugador y sugerir algo sobre el mundo que lo rodea.

What signposting looks likeCómo se ve la señalización

Once you've got an idea it is time to build. Let's move on to the next section…Cuando tengas una idea, toca construir. Pasemos a la siguiente sección…

Working on your own? You can just work on a single Teleporter branch for this.¿Trabajas por tu cuenta? Para esto puedes trabajar en una sola rama del teletransportador.

teams onlysolo para equiposWork on separate branches, then merge your work.Trabajad en ramas separadas y luego fusionad vuestro trabajo.

Working on the same branch at the same time can cause conflicts or lost work. Instead, create separate sub-branches so each person has their own space to work. The names below are just examples. Divide the work in whatever way makes sense for your team.Trabajar en la misma rama al mismo tiempo puede causar conflictos o trabajo perdido. En su lugar, cread sub-ramas separadas para que cada persona tenga su propio espacio para trabajar. Los nombres de abajo son solo ejemplos. Repartid el trabajo de la forma que tenga sentido para vuestro equipo.

main

└─teleporter challenge

├─teleporter art

├─sprite2d and image placement

└─teleporter and spawns

▶Making a sub-branchCrear una sub-rama ▶Merging it backFusionarla de vuelta

One of the main things to try in this challenge is reusing something that already works. Find the nodes or gameplay elements you need in an existing scene, copy them into your own, and see if you can get them working there. You don't need to understand everything inside them yet.Una de las cosas principales que probar en este reto es reutilizar algo que ya funciona. Encuentra los nodos o elementos de juego que necesites en una escena existente, cópialos en la tuya y prueba si puedes hacerlos funcionar ahí. Todavía no hace falta que entiendas todo lo que hay dentro de ellos.

Your challenge scene doesn't have a teleporter yet, but teleporter_test_2 does. Instead of building one from scratch, you're going to borrow one of the working teleporters and the pieces it needs.Tu escena del reto todavía no tiene un teletransportador, pero teleporter_test_2 sí. En vez de construir uno desde cero, vas a tomar prestado uno de los teletransportadores que funcionan y las piezas que necesita.

1. In teleporter_test_2, right-click a teleporter node, copy it, and paste it into your challenge scene.En teleporter_test_2, haz clic derecho en un nodo de teletransportador, cópialo y pégalo en tu escena de reto.
   ▶Copying nodes from one scene to anotherCopiar nodos de una escena a otra
2. Copy its spawn point into your challenge scene, too. The teleporter needs a spawn point to know where the player should appear. They are kind of a package deal.Copia también su punto de aparición en tu escena del reto. El teletransportador necesita un punto de aparición para saber dónde debe aparecer el jugador. Son como un paquete.
3. Give the teleporter and spawn point useful names if it will help you keep track of them. DoorToTheCabin is easier to find later than SceneToSceneTeleporter2.Ponles nombres útiles al teletransportador y al punto de aparición si eso te ayuda a no perderles la pista. PuertaDeLaCabaña se encuentra luego más fácil que SceneToSceneTeleporter2.
4. Move the teleporter and spawn point where you want them. Select the node in the Scene tree first, choose the Move tool (), then drag it in the viewport so you only move the object you intended.Mueve el teletransportador y el punto de aparición a donde quieras. Selecciona primero el nodo en el árbol de escena, elige la herramienta de mover (), y luego arrástralo en el viewport para mover solo el objeto que querías.
5. Now link the teleporter to a spawn point. Click the teleporter node in your scene and select the spawn point from the drop-down in the Inspector. If you add more spawn points later, they will appear in this drop-down too.Ahora enlaza el teletransportador con un punto de aparición. Haz clic en el nodo del teletransportador en tu escena y elige el punto de aparición en el desplegable del Inspector. Si añades más puntos de aparición después, aparecerán también en este desplegable.
   ▶Not in the list? Reload¿No está? Recarga la escena
6. Run the scene and test the teleporter. If you come out the other side, it works.Ejecuta la escena y prueba el teletransportador. Si sales por el otro lado, funciona.

optionalopcional

Want an extra challenge?¿Quieres un reto extra?

The teleporter can also move the player between two different scenes. Watch the example, then see if you can make the teleporter in your challenge scene send the player back to teleporter_test_2.El teletransportador también puede mover al jugador entre dos escenas distintas. Mira el ejemplo y luego prueba si puedes hacer que el teletransportador de tu escena del reto envíe al jugador de vuelta a teleporter_test_2.

▶Connecting two scenes with a teleporterConectar dos escenas con un teletransportador

For scene-to-scene teleporting, give the teleporter two things:Para teletransportar entre escenas, dale al teletransportador dos cosas:

1. The path to the scene you want the player to go to.La ruta de la escena a la que quieres que vaya el jugador.
2. A spawn point in that destination scene where the player should appear.Un punto de aparición en esa escena de destino donde debe aparecer el jugador.

The scene you are leaving does not need its own spawn point for this teleporter.La escena de la que sales no necesita su propio punto de aparición para este teletransportador.

The visual style of Threadbare is pixel art. Use one of the tools below, or a tool of your own. For this first pixel-art drawing, keep it small and simple. A 32 × 32 or 64 × 64 canvas and a limited color palette let you focus on the shape, idea, and personality of your image instead of tiny details.El estilo visual de Threadbare es pixel art. Usa una de las herramientas de abajo, o una propia. Para este primer dibujo de pixel art, mantenlo pequeño y sencillo. Un lienzo de 32 × 32 o 64 × 64 y una paleta de colores limitada te dejan centrarte en la forma, la idea y la personalidad de tu imagen en vez de en detalles diminutos.

1. Consider one of these basic tools to draw your picture.Considera una de estas herramientas básicas para dibujar tu imagen.
   • PixelStitchPixelStitchStart hereEmpieza aquí
   • PiskelPiskel
2. Resize your canvas to 32 × 32 or 64 × 64.Cambia el tamaño de tu lienzo a 32 × 32 o 64 × 64.
   in PixelStitchen PixelStitch in Piskelen Piskel
3. Draw your teleporter.Dibuja tu teletransportador.
4. Pixel Art Tip: Try using clear outlines and cel shading to add depth without creating lots of tiny details.Consejo de pixel art: prueba a usar contornos claros y sombreado cel para dar profundidad sin crear un montón de detalles diminutos.
   ▶Outlines and shadingContornos y sombreado
5. Save the image to your computer, then add it to your Godot project using the FileSystem panel.Guarda la imagen en tu ordenador y luego añádela a tu proyecto de Godot usando el panel FileSystem.
   ▶Export, then importExportar y luego importar

To get the image into the scene, you need a node that will hold it and draw it into your scene. That node is called a Sprite2D.Para llevar la imagen a la escena necesitas un nodo que la sostenga y la dibuje en tu escena. Ese nodo se llama Sprite2D.

1. Select the teleporter in the Scene tree.Selecciona el teletransportador en el árbol de escena.
2. Add a Sprite2D node to your scene.Añade un nodo Sprite2D a tu escena.
   Adding the nodeAñadir el nodo
3. Find your drawing in the FileSystem panel — search for it by name if it is quicker.Busca tu dibujo en el panel FileSystem — búscalo por nombre si es más rápido.
4. Attach the drawing to the Sprite2D's Texture field in the Inspector — the node is empty until you do.Adjunta el dibujo al campo Texture del Sprite2D en el Inspector — el nodo está vacío hasta que lo haces.
   ▶Attaching the drawingAdjuntar el dibujo
5. Move the image in your viewport so your artwork sits where you want it on top of the working teleporter. You should also move the Sprite2D node in your Scene tree to be underneath, or as a child node of, the teleporter node. This way the two nodes are grouped and move together when you want to adjust them in the scene.Mueve la imagen en el viewport para que tu ilustración quede donde quieras encima del teletransportador que funciona. También deberías mover el nodo Sprite2D en tu árbol de escena para que quede debajo del nodo del teletransportador, o como un nodo hijo de él. Así los dos nodos quedan agrupados y se mueven juntos cuando quieras ajustarlos en la escena.
   ▶Positioning your artworkColocar tu ilustración
6. Run the scene, see whether it looks the way you wanted, and adjust.Ejecuta la escena, mira si se ve como querías, y ajusta.

You just practiced a pattern you'll use often in Godot: add a node, find a resource in the FileSystem, and assign it in the Inspector.Acabas de practicar un patrón que usarás a menudo en Godot: añadir un nodo, encontrar un recurso en el FileSystem y asignarlo en el Inspector.