Manchmal sieht man bei Spielen eine Benutzeroberfläche mit einer kreisförmigen Anzeige, die sich verkleinert oder vergrößert, und dieses Mal würde ich gerne etwas Ähnliches machen.

Bereiten Sie zunächst ein png-Bild eines Kreises mit einem transparenten Hintergrund vor.

Das Bild sollte in Unity platziert werden.

Als Nächstes platzieren Sie das Bild im Canvas, dieses Mal mit dem Namen „Kreis“.

Setzen Sie das SourceImage der Image-Komponente von Cricle auf das vorbereitete png-Bild, setzen Sie den Image Type auf Filled, die Fill Method auf Radial360 und den Fill Origin auf Top.

Dieses Mal wurde ein Skript in Circle erstellt und wie folgt beschrieben.

using System.Collections;
using System.Collections.Generic;
using UnityEngine;
using UnityEngine.UI;

public class Circle : MonoBehaviour {
  // Use this for initialization
  void Start () {
    this.GetComponent<Image>().fillAmount = 0;
  }

  // Update is called once per frame
  void Update () {
    if(Input.GetMouseButton (0)){
      this.GetComponent<Image>().fillAmount += 0.01f;
      if( this.GetComponent<Image>().fillAmount >= 1.0f ) {
        this.GetComponent<Image>().fillAmount = 0;
      }
    }
  }
}

Die Kreisanzeige schreitet voran, wenn die Maus mit der linken Maustaste angeklickt wird, und hält an, wenn die Maus losgelassen wird.
Da es sich um Beispielcode handelt, wird der Kreisanzeiger so eingestellt, dass er auf 0 zurückgeht, wenn er voll ist.

Wenn Sie möchten, sehen Sie sich den Beispielcode an. m

– Beispiel -.

Tweet