Oxygen Bar
In de escaperoom zelf moet de speler natuurlijk ook weten hoeveel tijd hij / zij nog heeft om te ontsnappen.
Ik maakte een balkje die naar gelang de tijd ook leeg liep.
Oxygen Bar
Canvas - UI
Ook hier maakte ik terug gebruik van een Canvas element met daarbinnen een afbeelding. Mijn oxygen-bar ziet er zo uit:
In mijn canvas maakte ik eerst een terug een Image. Deze image wordt de border van onze oxygen-bar, dus geeft deze de naam 'oxygenBar'.
Daarna maak je een Empty GameObject aan, en sleep je je border ook binnen het GameObject.
Maak nog een Image aan. Dit wordt de fill van onze oxygen-bar.
Op deze Empty GameObject kan je een slider component toevoegen via Add Component → Slider om de rode balk te beheren op de beste manier.
Sleep je 'fill' nu in de Fill Rect, en zet de waarden van de Slider zoals op de afbeelding.
Nu kan je de rode balk aanpassen via je component.
Een volgende stap is om terug een Script te schrijven waarbij we de Value van onze Slider Component zullen aanspreken, en manipuleren dat hij om de seconde 1 eenheid verminderd.
Ik zette de Value momenteel op 300, omdat de speler 300 seconden (of 5 minuten) heeft om te ontsnappen. Later zal ik aantal waarschijnlijk nog aanpassen.