Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revision Previous revision
Next revision
Previous revision
es:gdevelop5:tutorials:platform-game:5-add-coins-and-number-of-collected-coins [2018/11/06 08:09]
yang_anjay [Añadir monedas]
es:gdevelop5:tutorials:platform-game:5-add-coins-and-number-of-collected-coins [2020/05/15 06:16] (current)
newho [Criar moedas, e mostrar o numero de moedas recolhidas.]
Line 1: Line 1:
  
-Agregar ​monedas y mostrar el número ​de monedas ​recogidas+ 
 +Crea monedas y muestra la cantidad ​de monedas ​recolectadas.
  
-<​note> ​Este tutorial ​es parte del tutorial [[gdevelop5:​ tutorials: platform-game:​ start |]], pero también ​puedes reutilizarlo ​para cualquier otro juego en el que puedas recopilar ​elementos. </​note>​+<​note> ​Esta página ​es parte del tutorial.  ​[[gdevelop5:​ tutorials: platform-game:​ start |]], pero también ​se puede reutilizar ​para cualquier otro juego, solo reproduce los elementos. ​ </​note>​
  
-En el juego de plataformas que hemos creado hasta ahora, el jugador ​no tiene mucho que hacer: vamos a agregar ​monedas para que el jugador las recoja.+En el juego de plataformas que hemos creado hasta ahora, el jugador tiene mucho que hacer: vamos a poner monedas para que el jugador las recoja.
  
 ## Añadir monedas ## Añadir monedas
Line 10: Line 11:
 Comienza creando un nuevo objeto "​Sprite"​ con una animación con la imagen "​coinGold":​ Comienza creando un nuevo objeto "​Sprite"​ con una animación con la imagen "​coinGold":​
  
-{{: gdevelop5: ​tutoriales: platform-game:​ screen_shot_2017-09-28_at_23.29.30.png?​ nolink |}}+{{ :gdevelop5:tutorials:​platform-game:​screen_shot_2017-09-28_at_23.29.30.png?​nolink |}}
  
 Puedes llamar a este objeto "​Moneda"​. Puedes llamar a este objeto "​Moneda"​.
Line 18: Line 19:
 Si mantiene presionada la tecla Mayús mientras se mueve, también podrá mover la moneda creada en el mismo eje que la original. Si mantiene presionada la tecla Mayús mientras se mueve, también podrá mover la moneda creada en el mismo eje que la original.
  
-{{: gdevelop5: ​tutorialesplataforma-juego: clone.gif? nolink |}}+{{ :gdevelop5:tutorials:platform-game:​clone.gif?​nolink |}}
  
 ## Eliminar monedas cuando se recogen ## Eliminar monedas cuando se recogen
Line 24: Line 25:
 Ahora, destruyamos el objeto de la moneda cuando el jugador los toca. Agrega un nuevo evento y agrega una condición. Elija la condición para probar una colisión entre dos objetos. El primer objeto debe ser "​Jugador"​ y el segundo objeto debe ser "​Moneda":​ Ahora, destruyamos el objeto de la moneda cuando el jugador los toca. Agrega un nuevo evento y agrega una condición. Elija la condición para probar una colisión entre dos objetos. El primer objeto debe ser "​Jugador"​ y el segundo objeto debe ser "​Moneda":​
  
-{{: gdevelop5: ​tutoriales: platform-game:​ screen_shot_2017-09-28_at_23.36.12.png?​ nolink |}}+{{ :gdevelop5:tutorials:​platform-game:​screen_shot_2017-09-28_at_23.36.12.png?​nolink |}}
  
 A continuación,​ puede agregar una acción que eliminará la moneda. La acción solo utilizará los objetos de Monedas que se hayan recogido en la primera condición, por lo que solo se eliminará la moneda que chocó con el jugador. A continuación,​ puede agregar una acción que eliminará la moneda. La acción solo utilizará los objetos de Monedas que se hayan recogido en la primera condición, por lo que solo se eliminará la moneda que chocó con el jugador.
Line 30: Line 31:
 Agregue la acción "​Eliminar un objeto"​ (de la categoría "​Acciones comunes para todos los objetos> Objetos"​) e ingrese Moneda como el objeto a eliminar: Agregue la acción "​Eliminar un objeto"​ (de la categoría "​Acciones comunes para todos los objetos> Objetos"​) e ingrese Moneda como el objeto a eliminar:
  
-{{: gdevelop5: ​tutoriales: platform-game:​ screen_shot_2017-09-28_at_23.41.46.png?​ nolink |}}+{{ :gdevelop5:tutorials:​platform-game:​screen_shot_2017-09-28_at_23.41.46.png?​nolink |}}
  
 El evento debería verse así: El evento debería verse así:
-{{: gdevelop5: ​tutoriales: platform-game:​ screen_shot_2017-09-28_at_23.42.34.png?​ nolink |}}+ 
 +{{ :gdevelop5:tutorials:​platform-game:​screen_shot_2017-09-28_at_23.42.34.png?​nolink |}}
  
 Ahora puede iniciar una vista previa y ver que la moneda se elimina cuando el jugador corre sobre ellos. Ahora puede iniciar una vista previa y ver que la moneda se elimina cuando el jugador corre sobre ellos.
Line 47: Line 49:
 Hay un montón de parámetros disponibles para reproducir un sonido. El primero y más importante es el archivo de sonido a reproducir. Haga clic en el campo y luego en "​Elegir un nuevo archivo de audio"​. Hay un montón de parámetros disponibles para reproducir un sonido. El primero y más importante es el archivo de sonido a reproducir. Haga clic en el campo y luego en "​Elegir un nuevo archivo de audio"​.
  
-{{: gdevelop5: ​tutorialesplataforma-juegoelegir-nuevo-audio-archivo_2x.png? nolink |}}+{{ :gdevelop5:tutorials:platform-game:choose-new-audio-file_2x.png?nolink |}}
  
 Elija el archivo `coin.wav` que descargó con el resto de los recursos y que puso en la carpeta del juego: Elija el archivo `coin.wav` que descargó con el resto de los recursos y que puso en la carpeta del juego:
  
-{{: gdevelop5: ​tutorialesplataforma-juegoelegir-moneda-wav_2x.png?​ nolink |}}+{{ :gdevelop5:tutorials:platform-game:choose-coin-wav_2x.png?​nolink |}}
  
 Deje los otros parámetros como están (es decir, no repita el sonido, el volumen a `100` y la velocidad predeterminada para el sonido). Deje los otros parámetros como están (es decir, no repita el sonido, el volumen a `100` y la velocidad predeterminada para el sonido).
  
-{{: gdevelop5: ​tutoriales: platform-game:​ screen_shot_2017-09-30_at_17.50.22.png?​ nolink |}}+{{ :gdevelop5:tutorials:​platform-game:​screen_shot_2017-09-30_at_17.50.22.png?​nolink |}}
  
 ¡Eso es todo! Simplemente inicia la vista previa y el sonido se reproducirá cada vez que recojas una moneda ¡Eso es todo! Simplemente inicia la vista previa y el sonido se reproducirá cada vez que recojas una moneda
Line 73: Line 75:
 Añadamos una acción en el último evento que hemos realizado. Elija la acción `Variables>​ Valor de una variable`. Esta acción se utilizará para agregar 100 a la variable Score, así que complete el parámetro como se muestra aquí: Añadamos una acción en el último evento que hemos realizado. Elija la acción `Variables>​ Valor de una variable`. Esta acción se utilizará para agregar 100 a la variable Score, así que complete el parámetro como se muestra aquí:
  
-{{: gdevelop5: ​tutoriales: platform-game:​ screen_shot_2017-09-30_at_17.52.43.png?​ nolink |}}+{{ :gdevelop5:tutorials:​platform-game:​screen_shot_2017-09-30_at_17.52.43.png?​nolink |}}
  
 En GDevelop no necesitamos declarar variables antes de usarlas, podemos usar cualquier variable sin declararla simplemente nombrándola en una acción o condición. En caso de que estemos usando una acción en una variable que no está declarada, GDevelop la creará automáticamente para nosotros, con el valor predeterminado de '​0'​ (o un texto vacío) después de ejecutar la acción en la variable para evitar cualquier problema. . En GDevelop no necesitamos declarar variables antes de usarlas, podemos usar cualquier variable sin declararla simplemente nombrándola en una acción o condición. En caso de que estemos usando una acción en una variable que no está declarada, GDevelop la creará automáticamente para nosotros, con el valor predeterminado de '​0'​ (o un texto vacío) después de ejecutar la acción en la variable para evitar cualquier problema. .
Line 80: Line 82:
 Para declarar una variable, haga clic en el botón "​..."​ a la derecha del nombre de la variable. Esto muestra la lista de variables: Para declarar una variable, haga clic en el botón "​..."​ a la derecha del nombre de la variable. Esto muestra la lista de variables:
  
-{{: gdevelop5: ​tutoriales: platform-game:​ screen_shot_2017-09-30_at_17.54.46.png?​ nolink |}}+{{ :gdevelop5:tutorials:​platform-game:​screen_shot_2017-09-30_at_17.54.46.png?​nolink |}}
  
 La lista se muestra y está vacía, ya que no se declaró ninguna variable todavía: La lista se muestra y está vacía, ya que no se declaró ninguna variable todavía:
  
-{{: gdevelop5: ​tutoriales: platform-game:​ screen_shot_2017-09-30_at_17.55.27.png?​ nolink |}}+{{ :gdevelop5:tutorials:​platform-game:​screen_shot_2017-09-30_at_17.55.27.png?​nolink |}}
  
 Puede hacer clic en el botón "​+"​ para agregar una variable e ingresar "​Puntuación"​ como su nombre: Puede hacer clic en el botón "​+"​ para agregar una variable e ingresar "​Puntuación"​ como su nombre:
  
-{{: gdevelop5: ​tutoriales: platform-game:​ screen_shot_2017-09-30_at_17.56.23.png?​ nolink |}}+{{ :gdevelop5:tutorials:​platform-game:​screen_shot_2017-09-30_at_17.56.23.png?​nolink |}}
  
 Recuerda que esto es totalmente opcional, solo una buena práctica. Recuerda que esto es totalmente opcional, solo una buena práctica.
Line 100: Line 102:
 Necesitamos usar un objeto de Texto para mostrar el valor de la variable Puntuación. Añadamos un nuevo objeto. Esta vez, elija `Texto` cuando se le pregunte qué tipo de objeto crear: Necesitamos usar un objeto de Texto para mostrar el valor de la variable Puntuación. Añadamos un nuevo objeto. Esta vez, elija `Texto` cuando se le pregunte qué tipo de objeto crear:
  
-{{: gdevelop5: ​tutoriales: platform-game:​ screen_shot_2017-09-30_at_17.58.27.png?​ nolink |}}+{{ :gdevelop5:tutorials:​platform-game:​screen_shot_2017-09-30_at_17.58.27.png?​nolink |}}
  
 Cambie entonces las propiedades del objeto para que el texto sea negro y más grande que el tamaño predeterminado:​ Cambie entonces las propiedades del objeto para que el texto sea negro y más grande que el tamaño predeterminado:​
-{{: gdevelop5: ​tutoriales: platform-game:​ screen_shot_2017-09-30_at_18.09.28.png?​ nolink |}}+{{ :gdevelop5:tutorials:​platform-game:​screen_shot_2017-09-30_at_18.09.28.png?​nolink |}}
  
 A continuación,​ puede colocar el objeto en la escena: A continuación,​ puede colocar el objeto en la escena:
-{{: gdevelop5: ​tutoriales: platform-game:​ screen_shot_2017-09-30_at_18.20.23.png?​ nolink |}}+{{ :gdevelop5:tutorials:​platform-game:​screen_shot_2017-09-30_at_18.20.23.png?​nolink |}}
  
 ### Cambiando la capa de texto ### Cambiando la capa de texto
Line 113: Line 115:
 Podemos resolver este problema fácilmente usando una capa encima de la capa base. Abre el editor de capas usando este botón: Podemos resolver este problema fácilmente usando una capa encima de la capa base. Abre el editor de capas usando este botón:
  
-{{: gdevelop5: ​tutoriales: platform-game:​ screen_shot_2017-09-30_at_18.34.33.png?​ nolink |}}+{{ :gdevelop5:tutorials:​platform-game:​screen_shot_2017-09-30_at_18.34.33.png?​nolink |}}
  
 Se muestra la lista de capas, con solo la capa base por ahora: Se muestra la lista de capas, con solo la capa base por ahora:
  
-{{: gdevelop5: ​tutoriales: platform-game:​ screen_shot_2017-09-30_at_18.35.00.png?​ nolink |}}+{{ :gdevelop5:tutorials:​platform-game:​screen_shot_2017-09-30_at_18.35.00.png?​nolink |}}
  
 Haga clic en el botón `+` para agregar una capa. Introduzca "​UI"​ para su nombre (UI significa interfaz de usuario). Haga clic en el botón `+` para agregar una capa. Introduzca "​UI"​ para su nombre (UI significa interfaz de usuario).
Line 123: Line 125:
 Finalmente, mueva el objeto de texto a esta nueva capa seleccionando la instancia de texto en la escena y en las propiedades de la izquierda, seleccione la capa de interfaz de usuario: Finalmente, mueva el objeto de texto a esta nueva capa seleccionando la instancia de texto en la escena y en las propiedades de la izquierda, seleccione la capa de interfaz de usuario:
  
-{{: gdevelop5: ​tutoriales: platform-game:​ screen_shot_2017-09-30_at_18.40.44.png?​ nolink |}}+{{ :gdevelop5:tutorials:​platform-game:​screen_shot_2017-09-30_at_18.40.44.png?​nolink |}}
  
 Asegúrese de que el objeto se muestra en algún lugar visible en la pantalla, por ejemplo, colóquelo en la parte superior izquierda. El rectángulo negro en el editor de escenas representa el tamaño de la ventana: Asegúrese de que el objeto se muestra en algún lugar visible en la pantalla, por ejemplo, colóquelo en la parte superior izquierda. El rectángulo negro en el editor de escenas representa el tamaño de la ventana:
  
-{{: gdevelop5: ​tutoriales: platform-game:​ screen_shot_2017-09-30_at_18.42.46.png?​ nolink |}}+{{ :gdevelop5:tutorials:​platform-game:​screen_shot_2017-09-30_at_18.42.46.png?​nolink |}}
  
 ### Mostrar el valor de puntuación ### Mostrar el valor de puntuación
Line 148: Line 150:
 Finalmente, podemos agregar esta expresión después de un texto estático usando el operador "​+":"​ Score: "+ ToString (Variable (Score))"​ (note las comillas dobles que rodean el texto). Finalmente, podemos agregar esta expresión después de un texto estático usando el operador "​+":"​ Score: "+ ToString (Variable (Score))"​ (note las comillas dobles que rodean el texto).
  
-{{: gdevelop5: ​tutoriales: platform-game:​ screen_shot_2017-09-30_at_18.58.12.png?​ nolink |}}+{{ :gdevelop5:tutorials:​platform-game:​screen_shot_2017-09-30_at_18.58.12.png?​nolink |}}
  
 Muchas otras funciones y expresiones están disponibles en GDevelop. Cuando se combinan, se crean acciones poderosas que hacen un trabajo avanzado. Puede encontrar más expresiones en el editor de expresiones haciendo clic en el icono azul al lado de los campos de valor: Muchas otras funciones y expresiones están disponibles en GDevelop. Cuando se combinan, se crean acciones poderosas que hacen un trabajo avanzado. Puede encontrar más expresiones en el editor de expresiones haciendo clic en el icono azul al lado de los campos de valor:
  
-{{: gdevelop5: ​tutoriales: platform-game:​ expression-icon.png?​ nolink |}} +{{ :gdevelop5:tutorials:​platform-game:​expression-icon.png?​nolink |}}
  
 Aquí está el evento final: Aquí está el evento final:
  
-{{: gdevelop5: ​tutoriales: platform-game:​ screen_shot_2017-09-30_at_18.59.31.png?​ nolink |}} +{{ :gdevelop5:tutorials:​platform-game:​screen_shot_2017-09-30_at_18.59.31.png?​nolink |}}
  
 Puedes previsualizar el juego, ver que la puntuación se muestra y se actualiza cuando recojas una moneda. Puedes previsualizar el juego, ver que la puntuación se muestra y se actualiza cuando recojas una moneda.
  
-{{: gdevelop5: ​tutoriales: platform-game:​ screen_shot_2017-09-30_at_19.00.24.png?​ nolink |}}+{{ :gdevelop5:tutorials:​platform-game:​screen_shot_2017-09-30_at_19.00.24.png?​nolink |}}
  
 ## Bonus: asegurarse de que recoger dos monedas al mismo tiempo funcione ## Bonus: asegurarse de que recoger dos monedas al mismo tiempo funcione
Line 171: Line 171:
 Para comenzar, haga clic en el botón + en la barra de herramientas del Editor de eventos: Para comenzar, haga clic en el botón + en la barra de herramientas del Editor de eventos:
  
-{{: gdevelop5: ​tutorialesjuego de plataformas: gdevelop_5_2018-05-30_11-30-39.png?​ 200 |}} +{{ :gdevelop5:tutorials:platform-game:​gdevelop_5_2018-05-30_11-30-39.png?​200 |}}
  
 Seleccione "para cada objeto":​ Seleccione "para cada objeto":​
  
-{{: gdevelop5: ​tutorialesplataforma-juego: 2018-05-30_11-33-09.png?​ 400 |}}+{{ :gdevelop5:tutorials:platform-game:​2018-05-30_11-33-09.png?​400 |}}
  
 Esto agregará un evento en la parte inferior de la página del evento. Arrástrelo hacia arriba y conviértalo en un sub-evento de la colisión del jugador con la moneda: Esto agregará un evento en la parte inferior de la página del evento. Arrástrelo hacia arriba y conviértalo en un sub-evento de la colisión del jugador con la moneda:
  
-{{: gdevelop5: ​tutorialesjuego de plataformashacer clic para elegir-4.png? 600 |}}+{{ :gdevelop5:tutorials:platform-game:click-to-choose-4.png?600 |}}
  
 Haga clic para elegir un objeto y elija el objeto Coin. Haga clic para elegir un objeto y elija el objeto Coin.
  
-{{: gdevelop5: ​tutorialesplataforma-juegohaga clic para elegir2.png? 600 |}}+{{ :gdevelop5:tutorials:platform-game:click-to-choose2.png?600 |}}
  
 Ahora que ha agregado el objeto al subevento, movamos las acciones hacia abajo al subevento (para que las acciones se repitan para cada moneda elegida por condiciones). Ahora que ha agregado el objeto al subevento, movamos las acciones hacia abajo al subevento (para que las acciones se repitan para cada moneda elegida por condiciones).
Line 190: Line 189:
 Desplácese sobre la primera acción, haga clic con el botón derecho y córtela, luego desplace el cursor sobre la acción en el subevento, haga clic con el botón derecho y pegue. Haz esto por las otras dos acciones. También puede arrastrar y soltar acciones, que es más rápido que cortarlas y pegarlas. Desplácese sobre la primera acción, haga clic con el botón derecho y córtela, luego desplace el cursor sobre la acción en el subevento, haga clic con el botón derecho y pegue. Haz esto por las otras dos acciones. También puede arrastrar y soltar acciones, que es más rápido que cortarlas y pegarlas.
  
-{{: gdevelop5: ​tutorialesplataforma-juego: move-to-sub1.png?​ 600 |}}+{{ :gdevelop5:tutorials:platform-game:​move-to-sub1.png?​600 |}}
  
 Así es como debería verse el evento final: Así es como debería verse el evento final:
  
-{{: gdevelop5: ​tutorialesplataforma-juego: move-to-sub2.png?​ 600 |}}+{{ :gdevelop5:tutorials:platform-game:​move-to-sub2.png?​600 |}}
  
 Ahora ejecute el juego y verá que si reúne dos monedas al mismo tiempo, la puntuación se actualizará correctamente si ejecuta dos monedas al mismo tiempo. Ahora ejecute el juego y verá que si reúne dos monedas al mismo tiempo, la puntuación se actualizará correctamente si ejecuta dos monedas al mismo tiempo.
Line 202: Line 201:
 Todos los juegos de plataformas vienen con enemigos que debes evitar o matar al saltar sobre ellos. Agreguemos algunos y veamos cómo podemos hacer que se muevan. Todos los juegos de plataformas vienen con enemigos que debes evitar o matar al saltar sobre ellos. Agreguemos algunos y veamos cómo podemos hacer que se muevan.
  
-Leer ** [[gdevelop5: ​tutorialesplataforma-juego: 6-agregar-enemigos]] **!+Leer ** [[es:gdevelop5: ​tutorialsplatform-game: 6-add-enemies | Agregar ​enemigos]] **!