Barra de progreso en un circuito

Este script es original de www.unity3dstudent.com
_________________________________________________________________________________

Lo que hace este script es muy sencillo: crea una una barra con una raya roja en su interior que se desplaza a lo largo de la barra, dependiendo de tu posición en el mapa. Para que lo entiendas te doy un ejemplo: el típico juego de carreras en el que mientras que avanzas en el circuito el marcador de tu coche también avanza por el mini mapa que normalmente tienes en la esquina de la pantalla. Si aun no lo has entendido aquí tienes unas imágenes de muestra:



Como podemos ver al desplazarnos en el circuito la raya roja también se ha desplazado, mostrando nuestra posición en el circuito en referencia a la salida (start) y a la meta (End)

Bien pues este es el script:


// Guión de Will Goldstone en Unity3dstudent.com
// Traducido por Unity3D-ES.blogspot.com
  2. // Establece el ancho y alto de la barra
  3. var barWidth : float = 500;  //Ancho
  4. var barHeight : float = 25;  //Alto
  6. // Textura de la raya que se mueve a lo largo de la barra. Arrastrar en 
    //el inspector.
  7. var progIcon : Texture;
  9. // posicion de la raya en cada momento
  10. private var barProgress : float;
  12. // Objetos vacíos que marquen la posición inicial y final del circuito.
    //Arrastrar en el inspector.
  13. var startPoint : Transform;
  14. var endPoint : Transform;
  16. // posición inicial del jugador
  17. var playerPos : Transform;
  19. function Update(){
  20.  // La longitud del circuito es la posicion final - p. de inicio
  21.  var totalDist : float = endPoint.position.x – startPoint.position.x;
  23.  // Distancia entre la posicion de inicio y la p. inicial del jugador
  24.  var playerDist : float = playerPos.position.x – startPoint.position.x;
  26.  //el progreso del jugador = porcentaje del circuito recorrido
     //progreso = (Distancia entre jugador e inicio) / (longitud del circuito) * 100
  27.  var playerProgress : float = playerDist / totalDist * 100;
  29.  //Aplica el porcentaje recorrido del circuito a la barra.
  30.  barProgress = playerProgress / 100 * barWidth;
  32. }
  34. function OnGUI() {
  35.  //Se crea un grupo de GUI con el ancho de la barra y dos veces la
     //altura de la barra, para dejar espacio para los text de "Start"
     // y "End" debajo de la barra.
  36.  GUI.BeginGroup (new Rect (10, 10, barWidth, barHeight*2));
  38.   //Dibuja una GUI Box para hacer de barra, con el ancho y largo que tu
      //estableciste
  39.   GUI.Box(Rect(0,0,barWidth,barHeight),"");
  41.   // se crea una Label que dibuje el progreso del icono, se usa la variable
      // barProgress para establecer la posición en X y 0 como altura, porque
      //la barra solo se mueve horizontalmente
  42.   GUI.Label (Rect (barProgress, 0, progIcon.width, progIcon.height),
  43.         progIcon);
  45.   // Se añade el inicio y el final de la Label
  46.   GUI.Label(Rect(progIcon.width/2, 25, 50, barHeight),"Start");
  47.   GUI.Label(Rect(barWidth-30, 25, 100, barHeight),"End");
  49.  GUI.EndGroup();
  50. }



Y este es el mismo script modificado por mí de manera que creo que es más fácil de entender, solo que no te pone Start y End en los extremos de la barra:


  2. // Guión de Will Goldstone en Unity3dstudent.com
    // Traducido y modificado por Unity3D-ES.blogspot.com
    2. // Establece el ancho y alto de la barra
    3. var barWidth : float = 500;  //Ancho
    4. var barHeight : float = 25;  //Alto

    7. // posicion de la raya en cada momento
    8. private var barProgress : float;

    10. // Objetos vacíos que marquen la posición inicial y final del circuito.
      //Arrastrar en el inspector.
    11. var startPoint : Transform;
    12. var endPoint : Transform;

    14. // posición inicial del jugador
    15. var playerPos : Transform;

      //Este es un GUI Texture con la textura del icono que se desplaza a lo
      //largo de la barra
      var sign : GameObject;

    17. function Update(){

    18.  // La longitud del circuito es la posicion final - p. de inicio
    19.  var totalDist : float = endPoint.position.x – startPoint.position.x;

    21.  // Distancia entre la posicion de inicio y la p. inicial del jugador
    22.  var playerDist : float = playerPos.position.x – startPoint.position.x;

    24.  //el progreso del jugador = porcentaje del circuito recorrido
       //progreso = (Distancia entre jugador e inicio) / (longitud del circuito) * 100
    25.  var playerProgress : float = playerDist / totalDist * 100;

    27.  //Aplica el porcentaje recorrido del circuito a la barra.
    28.  barProgress = playerProgress / 100 * barWidth;

       //Se posiciona la raya en la barra y hace que su posición varíe cuando
       // el jugador se mueve.
       sign.transform.pixelInset = Rect(barProgress,0, 25, barHeight);
    30. }
    32. function OnGUI()
    35.   //Dibuja una GUI Box para hacer de barra, con el ancho y largo que tu
        //estableciste
    36.   GUI.Box(Rect(0,0,barWidth,barHeight),"");
    38. }

Penulis : Oscar ~ Sebuah blog yang menyediakan berbagai macam informasi

Artikel Barra de progreso en un circuito ini dipublish oleh Oscar pada hari . Semoga artikel ini dapat bermanfaat.Terimakasih atas kunjungan Anda silahkan tinggalkan komentar.sudah ada 0 komentar: di postingan Barra de progreso en un circuito