3. Editor Interface
Open je eerste Godot scene en leer de interface beter kennen.
Overzicht
In deze eerste oefening ga je stap voor stap de meest gebruikte vensters van de Godot Editor verkennen. Hoewel je de vensters kunt herschikken, gebruik je de standaardindeling van Godot, zodat je scherm overeenkomt met de schermafbeeldingen in deze handleiding.
Open een scene vanuit het filesystem venster
Het Filesystem Venster is de plaats waar je alle bestanden (assets) kunt vinden die beschikbaar zijn voor gebruik in je project, ongeacht of je ze gebruikt of niet.
Het Filesystem Venster werkt als een bestandsverkenner, georganiseerd in mappen.
Je kunt de assets in het Filesystem Venster weergeven als grote pictogrammen of in een compactere lijst.
Zoek de splitmode knop rechtsboven in het Filesystem Venster.
Klik eenmaal op de splitknop, om het mappenbeheer bovenaan te zien en de inhoud van de geselecteerde map eronder.
Klik op de View-Items-As-... knop rechtsboven in het bestandsbeheer venster. Zorg ervoor dat de bestanden als een lijst worden weergegeven, zo worden de namen van de assets niet afgekapt. Dat is voor nu gemakkelijker.
Open in de Scenes-map de map Levels, en dubbelklik vervolgens op 1-starter-scene.tscn om deze te openen.
In het midden van de Editor zie je nu een robot die op een groot wit platform staat, samen met een verzameling andere objecten.
Freelook mode: rondbewegen in de scene in 3d
In het midden van de Godot Editor vind je de Viewport. Dit is een interactief venster waarbinnen je jouw wereld creëert. Je gebruikt de Viewport om objecten te manipuleren, en ze te bekijken vanuit alle mogelijke hoeken.
Deze manier van navigeren heet ook wel de Freelook Mode.
Met je muiscursor over de Viewport, rechts-klik en sleep. Je zult merken dat de muiscursor verdwijnt wanneer je dit doet. Hiermee kan je rondkijken in de Viewport, gelijkaardig aan rondkijken in de echte wereld door je hoofd te draaien.
Terwijl je de rechter-muisknop ingedrukt houdt, kan je WASD (of ZQSD op Azerty) gebruiken om doorheen de Viewport te navigeren.
Uitdaging: Gebruik deze navigatie methodes om een goede close-up van de robot te krijgen.
Als je ooit verloren geraakt in de Viewport kan je altijd een object selecteren in de Scene Hierarchy en op F drukken. Dit zal dat object centreren in de Viewport.
Rotate, pan en zoom in de scene in 3d
Er zijn verschillende werkbalken bovenaan het Viewport-venster. Deze werkbalken bevatten knoppen en instellingen waarmee je kunt aanpassen hoe je scène wordt weergegeven. Vermijd voorlopig om op deze gereedschappen te klikken. Deze keuzes kunnen soms niet ongedaan worden gemaakt en het kan lastig zijn om je instellingen weer te herstellen.
Maak je geen zorgen — je komt later nog op deze opties terug!
Klik in het Scene Hierarchy-venster op het ROOT GameObject en druk op F om de volledige scene in beeld te brengen.
Met je muiscursor over de Viewport, klik met de midden-muisknop en sleep. — dit is het Rotate-gereedschap. Met het Rotate-gereedschap actief, klik en sleep met de linkermuisknop in het Scene-venster om van links naar rechts te draaien.
Met je muiscursor over de Viewport, houdt de shift toets ingedrukt en klik met de midden-muisknop en sleep. — dit is het Pan-gereedschap. Met het Pan-gereedschap actief, klik en sleep met de linkermuisknop in het Scene-venster om van links naar rechts te pannen.
Met je muiscursor over de Viewport, scroll met het scroll-wheel. — dit is het Zoom-gereedschap. Met het Zoom-gereedschap actief, scroll naar voor en achter in het Scene-venster om in- en uit te zoomen.
Bekijk de lijst met shortcuts
Godot heeft een heleboel shortcuts die handig zijn om te weten. Bekijk de lijst met standaard shortcuts op deze url.
Start het spel in game mode
Als het Viewport-venster vergelijkbaar is met een filmset, dan is het Game-venster wat je door de camera ziet. Dit is wat de eindgebruiker van jouw ervaring zal zien.
Wanneer je de Game-modus start om je applicatie te testen, word je automatisch naar het Game-venster gebracht.
Standaard verschijnt het Game-venster als een apart venster waarin het spel gespeeld kan worden.
Wanneer je de Game-modus verlaat, keer je automatisch terug naar het Viewport-venster.
Klik op de Run Current Scene-knop (of F6) rechts bovenaan de Editor en kijk wat er gebeurt.
Je kunt het robotpersonage besturen met de volgende toetsen:
Gebruik de pijltjestoetsen (of WASD) om rond te lopen.
Druk op de spatiebalk om te springen.
Beweeg de muis om je kijkrichting te veranderen.
Houd de Shift-toets ingedrukt om te rennen.
Als je cursor verdwijnt, druk dan op Alt-Tab om hem weer te zien.
Probeer te springen om de vlag te verzamelen van het platform bovenaan de trap.
Deze zal net buiten bereik zijn, maar dat ga je in de volgende stap proberen op te lossen.
Wanneer je klaar bent met de Game-modus, druk op de Stop-knop om de Play-modus te verlaten en terug te keren naar het Scene-venster.
Pas de eigenschappen van scenes aan in de inspector
Het Inspector-venster is de plaats waar je gedetailleerde informatie over Scene objecten kunt bekijken en aanpassen.
Wanneer je een Scene object selecteert in het Viewport-venster of in het Scene Hierarchy-venster, worden de eigenschappen van dat Scene object weergegeven in het Inspector-venster.
Deze eigenschappen worden gegroepeerd per klasse waar het object van overerft.
In deze stap gebruik je het Inspector-venster om de vlag iets dichter bij het platform te plaatsen, zodat de speler deze kan bereiken.
Selecteer een van de GameObjects in het Hierarchy-venster en bekijk vervolgens de componenten in het Inspector-venster.
Je zult waarschijnlijk nog niet begrijpen wat veel van deze componenten doen, maar dat is niet erg! Naarmate je verdergaat in deze leerroute, zul je er steeds vertrouwder mee raken.
Klik op het Flag GameObject en druk op F om het in beeld te brengen en zoek vervolgens in het Inspector-venster naar de Transform eigenschap (deel van de Node3D klasse) waar de waarden voor Position, Rotation en Scale worden bepaald.
Verlaag de X en Z Position-waardes met 1 of 2 eenheden om de vlag dichter bij het platform te verplaatsen
verlaag de Y Position-waarde met 1 of 2 eenheden om de vlag dichter bij de grond te brengen.
Ongewenste wijzigingen kun je altijd ongedaan maken met Ctrl+Z (macOS: Cmd+Z).
Start de Game-modus opnieuw, probeer te springen en de ster te verzamelen, en verlaat daarna de Game-modus wanneer je klaar bent.
Bewaar je scene
Godot slaat je scène niet automatisch op. Maak er een gewoonte van om vaak op te slaan, zodat je geen voortgang verliest.
Als er niet-opgeslagen wijzigingen in je scène zijn, verschijnt er een asterisk (*) naast de naam van de scène bovenaan het Viewport-venster.
Om je scène op te slaan, druk je op Ctrl+S (macOS: Cmd+S).
Als er een asterisk naast de scenenaam in het Viewport-venster stond, verdwijnt deze zodra de scène is opgeslagen.
Opmerking: Je kunt je scène ook opslaan via het hoofdmenu door File > Save te selecteren.
Laatst bijgewerkt