5. 3D Object Transformatie
Leer werken met Move en Rotate tools voor 3D object transformatie
Je kan nu vlot navigeren doorheen het Viewport-venster.
De volgende vaardigheden die je in Godot zal leren, is het verplaatsen en draaien van objecten binnen de scene.
In deze tutorial ga je de Move- en Rotate-gereedschappen gebruiken om enkele puzzels te maken van je eigen ontwerp, met kleurrijke vormen uit een klassieke Tetris-puzzel.
Open de 3d scene
Open in de Scenes-map de map Levels, en dubbelklik vervolgens op 1-tetris-scene.tscn om deze te openen.
Verplaats de camera naar een top-view overzicht
Eerst wil je een optimaal uitzicht innemen om je puzzel van bovenaf te bekijken en te rangschikken.
Je krijgt ook 2 referentieafbeeldingen met puzzels die je kan oplossen.
Probeer eerst de 2 voorbeelden uit te werken. Daarna heb je eronder een groot, vrij veld waar je zelf een afbeelding kunt samenstellen.
Selecteer in het Hierarchy-venster het Flower Object.
Maak het voorbeeld zichtbaar door op het oogje te klikken.
Druk op F (frame) om de Flower te centreren.
Gebruik shift en de midden-muisknop om een optimale positie te vinden boven het bloemen-kader.
Selecteer de move mode
Move Mode stelt je in staat om objecten in de omgeving te verplaatsen met behulp van de drie richtingsassen:
De rode X-as
De groene Y-as
De blauwe Z-as
Het Move-gereedschap geeft je ook de mogelijkheid om te werken met Global of Local space.
Global-space is vergelijkbaar met noord, zuid, oost en west — dit blijft altijd gelijk. Local-space is meer als links en rechts — dit verandert afhankelijk van de richting waarin je kijkt.
Selecteer het Move-gereedschap, het tweede pictogram op de werkbalk in het Viewport-venster.
Selecteer bovenaan in het Viewport-venster het Use Local Space-gereedschap, het negende pictogram in het Viewport-venster.
Selecteer verschillende puzzel-stukken één voor één. Let op dat in deze modus, afhankelijk van welk puzzelstuk je selecteert, de drie assen van richting veranderen — ze volgen de oriëntatie van het individuele object.
Deselecteer het Local Space gereedschap om het verschil te zien.
Ongeacht welk object je selecteert, wijzen de assen nu allemaal in dezelfde richting.
In dit geval is het logischer om Global coordinates te gebruiken.
Verplaats de stukken nog niet — dat doe je in de volgende stap!
Plaats het eerste puzzelstuk
Je volgende taak is het plaatsen van puzzelstukken van de Flower puzzel, te beginnen met het positioneren van het grote, groene, vierkante puzzelstuk.
In het voorbeeld gebruiken we de Flower-puzzel als referentie, maar je mag natuurlijk ook aan de House puzzel of een eigen ontwerp beginnen.
Zorg ervoor dat het Move-gereedschap nog steeds is geselecteerd en dat Global coordinates zijn ingeschakeld.
Selecteer in het Scene-venster het grote, groene, vierkante stuk in het midden.
Gebruik CTRL+D om het geselecteerde object te dupliceren.
Gebruik de Scene-Hierarchy view om de kopie te koppelen aan het Flower object.
Klik en sleep de rode X-as-pijl om het gekozen puzzelstuk naar de onderkant van het kader te verplaatsen.
💡 Tip: Klik bij voorkeur op de punt van de as-pijl om te voorkomen dat je per ongeluk een andere pijl selecteert.
Klik en sleep de blauwe as-pijl om het object vooruit of achteruit te verplaatsen langs de blauwe Z-as.
De rotatie is op dit moment nog niet belangrijk — concentreer je alleen op het positioneren van het stuk in het midden van het speelveld.
Verplaats en roteer het tweede puzzelstuk
Nu je eerste puzzelstuk is gepositioneerd, is de volgende stap om het tweede stuk te plaatsen. Ditmaal moet je niet enkel het stuk verplaatsen, maar ook roteren zodat het correct uitgelijnd is met de puzzel.
Hiervoor gebruik je het Rotate-gereedschap, dat zich direct naast het Move-gereedschap op de werkbalk bevindt. Het Rotate-gereedschap wordt weergegeven met drie gekleurde ringen, die de assen voorstellen waarlangs je het object kunt draaien. Wanneer je met de muis over een ring beweegt, wordt deze duidelijker zichtbaar — dat betekent dat hij klaar is voor gebruik.
Voor deze oefening, omdat het object plat op de grond ligt, zullen we ons concentreren op het roteren rond de globale Y-as, die je kunt zien als de as die recht omhoog uit de grond steekt.
Gebruik CTRL+D om de lange, zwarte balk te dupliceren, en verplaats het naar het kader.
Selecteer het Rotate-gereedschap om het te activeren.
Zodra je het object hebt geselecteerd, zie je drie gekleurde ringen rond het object. Om het object te roteren rond de Y-as (de groene ring), selecteer je die ring en sleep je in een rechte lijn weg van het object.
Pas de rotatie aan totdat het stuk ongeveer overeenkomt met het ontwerp van je muurschildering.
Het hoeft nog niet perfect te zijn!
Experimenteer gerust met het roteren van het object rond de andere assen en maak ongewenste aanpassingen ongedaan met Ctrl+Z (macOS: Cmd+Z).
Opmerking: Het kan verleidelijk zijn om nu alvast je hele puzzel af te maken, maar wacht nog even! In de volgende stappen leer je een aantal belangrijke vaardigheden die het afwerken van je puzzel veel efficiënter zullen maken.
Gebruik shortcuts om het volgende puzzelstuk te plaatsen
Tot nu toe heb je het Move- en Rotate-gereedschap handmatig geselecteerd via de werkbalk. Godot biedt echter een snellere manier om tussen deze gereedschappen te wisselen met sneltoetsen op de bovenste rij van je toetsenbord.
De toetsen Q, W, E, R, T en Y (A, Z, E, R, T en Y op Azerty layouts) laten je snel schakelen tussen verschillende gereedschappen — waarbij W het Move-gereedschap activeert en E het Rotate-gereedschap.
Je gaat deze sneltoetsen nu gebruiken om je tweede puzzelstuk te verplaatsen en te roteren.
Het beheersen van deze sneltoetsen zal je werktempo aanzienlijk verhogen, maar als je het prettiger vindt om de gereedschappen handmatig te selecteren, mag dat natuurlijk ook!
Selecteer het rode Z-puzzelstuk en dupliceer het net zoals de vorige stukken.
Druk vervolgens op de eerste zes toetsen op de bovenste rij van je toetsenbord: Q, W, E, R, T en Y.
Merk op hoe je hiermee door de gereedschappen in de werkbalk bladert.
Druk op W om over te schakelen naar het Move-gereedschap.
Selecteer het volgende grote, driehoekige stuk. Gebruik de rode en blauwe pijlen van het Move-gereedschap om het stuk ongeveer op de juiste plaats te positioneren voor je ontwerp.
Zodra het stuk op zijn plek staat, druk op E om over te schakelen naar het Rotate-gereedschap. Klik en sleep om het stuk naar wens te roteren.
⚠️ Let op: Sleep je muis niet in cirkels alsof je een wiel draait. Klik in plaats daarvan en sleep in een rechte lijn.
Als je de positie nog wilt bijstellen, druk dan opnieuw op W om terug te schakelen naar het Move-gereedschap.
Herhaal dit proces van verplaatsen en roteren totdat het stuk correct gepositioneerd en uitgelijnd is voor je puzzel.
Plaats het volgende puzzelstuk in orthogonaal zicht
Voor het volgende puzzelstuk ga je je werkproces nog verder optimaliseren!
Eerst schakel je over naar de orthogonale modus om perspectiefvervorming uit te schakelen. Zo kun je je volledig richten op het verplaatsen van objecten langs de horizontale en verticale assen.
Daarna gebruik je een nieuwe techniek: het verplaatsen van een object langs twee assen tegelijk. Dit is veel efficiënter dan een object steeds maar langs één as te verplaatsen.
Selecteer het volgende puzzelstuk dat je wilt toevoegen aan je puzzel en dupliceer het net zoals de vorige stukken.
Het Viewport-gizmo is het richtingskompas in de rechterbovenhoek van het Viewport-venster. Elke as heeft hier een positieve en negatieve bol waar je op kan klikken.
Klik op de positieve Y-as. Deze actie schakelt je weergave over naar de orthogonale modus in bovenaanzicht. In deze modus zie je nu alleen de Z-as (blauwe pijl, wijst naar voren) en de X-as (rode pijl, wijst naar rechts). De Y-as (groene pijl, omhoog) is niet meer zichtbaar.
Met het Move-gereedschap nog steeds actief, zoek je het kleine groene vierkant op het snijpunt van de Z- en X-assen. Selecteer dit vierkant — je zult merken dat je het puzzelstuk nu vrij kunt verplaatsen over beide assen tegelijk, alsof je een puzzelstuk over een tafel schuift.
Positioneer het stuk precies waar je het wilt hebben binnen de opzet van je muurschildering.
Als je het object nog wilt roteren, druk dan op E op je toetsenbord of selecteer het Rotate-gereedschap, en draai het stuk naar wens.
Vervolledig de puzzel
Met al deze nieuwe methodes ben je nu klaar om je puzzel op de meest efficiënte manier af te maken!
Daag jezelf uit om tijdens het werken de sneltoetsen te gebruiken om snel te wisselen tussen het Move- en Rotate-gereedschap.
Blijf de overgebleven stukken verplaatsen en roteren totdat je puzzel volledig is voltooid. Zorg ervoor dat elk stuk correct gepositioneerd en uitgelijnd is binnen het kader.
Bewaar de scene
Je wilt natuurlijk niet al het harde werk aan je puzzel verliezen!
Om je scène op te slaan, druk op Ctrl+S (macOS: Cmd+S).
Als er een asterisk (*) naast de naam van de scène in het Viewport-venster stond, zou deze nu moeten verdwijnen.
Opmerking: Je kunt je scène ook opslaan via het hoofdmenu door te klikken op File > Save.
Laatst bijgewerkt