3. Scene Setup: Camera, Zon en Skybox
Leer de basis scene setup: camera positioneren, zon toevoegen en skybox instellen
Scene setup: camera, zon en skybox
In deze tutorial ga je je knikkerbaan visueel aantrekkelijker maken door de camera, belichting en achtergrond (skybox) aan te passen. Deze elementen bepalen hoe je scene eruitziet wanneer je het spel speelt.
Pas de camera aan
De Camera3D bepaalt wat de speler ziet wanneer het spel draait. Op dit moment heeft je scene waarschijnlijk al een standaard camera, maar je gaat deze aanpassen om een betere kijk op je knikkerbaan te krijgen.
Eerst moet je controleren of je scene een camera heeft, en deze eventueel toevoegen.
Kijk in het Hierarchy-venster of er al een Camera3D node aanwezig is.
Als er nog geen camera is, rechtsklik op de root Node (Node3D) en selecteer Add Child Node.
Zoek naar Camera3D en voeg deze toe aan je scene.
De camera uitlijnen met de viewport
Nu ga je de positie en rotatie van de camera aanpassen. In plaats van handmatig coördinaten in te typen, ga je de Viewport gebruiken om de perfecte camerahoek te vinden, en deze vervolgens toewijzen aan je Camera3D.
Gebruik de Freelook Mode (rechts-klik + WASD) of de Rotate, Pan en Zoom tools om in de Viewport naar een positie te navigeren waar je een goed overzicht hebt van je knikkerbaan.
Zoek een hoek die de start en het grootste deel van je knikkerbaan laat zien. Denk aan een isometrische kijk (van schuin boven) of een andere interessante hoek.
Wanneer je tevreden bent met de kijk in de Viewport, selecteer de Camera3D in het Hierarchy-venster.
Klik in de linkerbovenhoek van de Viewport op de drie puntjes (het menu-icoon).
Selecteer Align Transform with View uit het menu.
De Camera3D neemt nu exact de positie en rotatie over van je huidige Viewport-kijk!
Test je camera door op Run Current Scene te klikken. Je zult nu zien dat het spel begint met de camerahoek die je hebt ingesteld.
Let op: Vergeet niet om je scene op te slaan met Ctrl+S (macOS: Cmd+S) na het aanpassen van de camera!
Voeg een zon toe
Belichting is essentieel voor hoe je 3D scene eruitziet. Zonder licht zou alles zwart zijn! Godot maakt het gemakkelijk om snel een zon (DirectionalLight3D) toe te voegen aan je scene, die zorgt voor realistische belichting en schaduwen.
Kijk bovenaan de Viewport naar de toolbar met verschillende knoppen (zoals Select Mode, Move, Rotate, Scale).
Zoek de drie puntjes naast het Transform menu.
Klik op de drie puntjes en selecteer Add Sun to Scene uit het menu.
Godot voegt nu automatisch een DirectionalLight3D toe aan je scene met standaardinstellingen voor zonlicht.
Opmerking: Als deze optie uitgegrijsd is of niet beschikbaar, controleer dan of je al een DirectionalLight3D in je scene hebt. Godot voegt niet meerdere zonnen toe via deze snelkoppeling.
Pas de belichting aan
Nu ga je de richting, kleur en intensiteit van het zonlicht aanpassen om je scene een mooiere uitstraling te geven.
Selecteer de DirectionalLight3D in het Hierarchy-venster.
Pas in de Inspector de Transform > Rotation aan om de richting van het licht te veranderen:
Probeer bijvoorbeeld X = -45, Y = 45, Z = 0 voor een mooie schaduw-richting
Kijk in de Viewport hoe de schaduwen veranderen terwijl je de rotatie aanpast
Scroll in de Inspector naar de Light sectie en pas de volgende eigenschappen aan:
Color: Klik op het witte kleurvak en kies een licht gele of oranje tint voor een warme zonsondergang-sfeer (of behoud wit voor normaal zonlicht)
Energy: Pas de intensiteit aan (bijvoorbeeld 0.8 voor zachter licht of 1.5 voor helderder licht)
Scroll verder naar de Shadow sectie:
Controleer of Enabled is aangevinkt zodat objecten schaduwen werpen
Pas eventueel Opacity aan (bijvoorbeeld 0.8) om de schaduwen zachter te maken
Experimenteer: Probeer verschillende kleuren en intensiteiten uit. Een licht blauwig licht kan een koude, winterse sfeer creëren, terwijl warm oranje licht een zonsondergang suggereert!
Voeg een environment toe
De skybox (of environment) bepaalt de achtergrond van je scene — wat je ziet wanneer je naar de lucht kijkt. Een mooie skybox kan je knikkerbaan veel professioneler en aantrekkelijker maken.
Net zoals bij de zon, heeft Godot een handige snelkoppeling om een standaard skybox toe te voegen.
Kijk bovenaan de Viewport naar de toolbar met verschillende knoppen.
Zoek de drie puntjes naast het Transform menu.
Klik op de drie puntjes en selecteer Add Environment to Scene uit het menu.
Godot voegt nu automatisch een WorldEnvironment node toe aan je scene met een standaard skybox.
Pas de skybox aan
Je zult nu een blauwe lucht met wolken zien in de achtergrond van je scene. Maar je kunt deze aanpassen naar je eigen smaak!
Selecteer de WorldEnvironment node in het Hierarchy-venster.
In de Inspector, klik op de Environment eigenschap om deze uit te klappen.
Klik op de Environment resource (het witte vakje) om de eigenschappen te bekijken.
Scroll naar de Sky sectie en klik op Sky om deze uit te klappen.
Klik op de Sky Material om de eigenschappen ervan te bekijken.
Hier kun je verschillende eigenschappen aanpassen:
Sky Top Color: De kleur van de lucht aan de bovenkant (probeer een helder blauw of oranje voor een zonsondergang)
Sky Horizon Color: De kleur van de horizon (vaak lichter dan de top)
Ground Bottom Color: De kleur van de "grond" in de achtergrond (wat je ziet wanneer je naar beneden kijkt)
Gebruik je creativiteit: Probeer extreme kleuren voor interessante effecten! Een paarse lucht met groene horizon kan een alien-wereld suggereren, of rode tinten voor een Mars-achtige omgeving.
Test je scene
Nu je de camera, belichting en achtergrond hebt ingesteld, is het tijd om het eindresultaat te bekijken!
Sla je scene op met Ctrl+S (macOS: Cmd+S).
Klik op Run Current Scene (of druk op F6) om je knikkerbaan te testen.
Bekijk hoe de camera, het licht en de skybox samenwerken om een mooie visuele ervaring te creëren.
Als je niet tevreden bent, stop het spel en pas de instellingen verder aan.
Balans is belangrijk: Een goede game heeft een balans tussen realisme en stijl. Te donker licht maakt het moeilijk om te zien, te fel licht kan verblinden. Experimenteer tot je de perfecte balans hebt gevonden!
Laatst bijgewerkt