{"id":84307,"date":"2021-03-22T00:56:02","date_gmt":"2021-03-22T03:56:02","guid":{"rendered":"http:\/\/54.90.224.147\/?p=84307"},"modified":"2025-04-18T21:23:52","modified_gmt":"2025-04-18T20:23:52","slug":"hoe-een-2d-platformspel-te-maken-met-construct","status":"publish","type":"post","link":"https:\/\/blog.juandesouza.com\/nl\/tech\/hoe-een-2d-platformspel-te-maken-met-construct\/","title":{"rendered":"Hoe maak je een 2D-platformgame met Construct"},"content":{"rendered":"<p>Het cre\u00ebren van een 2D-platformgame klinkt misschien een hele uitdaging, maar geloof me, met de juiste tools is het een superleuke en lonende ervaring. Vandaag gaan we dieper in op hoe je een 2D-platformgame kunt maken. <strong>2D-platformgame<\/strong> gebruik makend van <strong>Construct<\/strong>, een fantastische tool voor game-ontwikkeling die geschikt is voor beginners, maar toch krachtig genoeg is om professionele games te maken.<\/p>\n<p>Ik heb al eerder met Construct gewerkt, en een van de dingen die ik er zo leuk aan vind, is hoe <strong>intu\u00eftief<\/strong> En <strong>gemakkelijk te gebruiken<\/strong> Dat is het. Geen programmeerervaring? Geen probleem! Construct maakt gebruik van een drag-and-drop visueel scriptsysteem, zodat jij je kunt concentreren op het tot leven brengen van je idee\u00ebn zonder je zorgen te hoeven maken over complexe programmering.<\/p><div id=\"juand-2288534443\" class=\"juand-content juand-entity-placement\"><script async src=\"https:\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js?client=ca-pub-8944986240478060\"\r\n     crossorigin=\"anonymous\"><\/script>\r\n<ins class=\"adsbygoogle\"\r\n style=\"display:block; text-align:center;\"\r\n data-ad-layout=\"in-article\"\r\n data-ad-format=\"fluid\"\r\n data-ad-client=\"ca-pub-8944986240478060\"\r\n data-ad-slot=\"9601515663\"><\/ins>\r\n<script>\r\n     (adsbygoogle = window.adsbygoogle || []).push({});\r\n<\/script>\r\n<br\/><\/div>\n<p>Laten we beginnen, en ik begeleid je door elke stap van het cre\u00ebren van je eigen <strong>2D-platformgame<\/strong> spel, compleet met <strong>spelerbeweging<\/strong>, <strong>platformen<\/strong>, En <strong>obstakels<\/strong>Aan het einde van deze gids heb je een eenvoudig, maar functioneel platformspel dat je naar eigen wens kunt uitbreiden en aanpassen.<\/p>\n<h3>Stap 1: Uw bouwproject opzetten<\/h3>\n<p>De eerste stap is om je open te stellen <strong>Construct<\/strong>Als je het nog niet hebt gedownload, ga dan naar de offici\u00eble Construct-website en download de gratis versie om te beginnen met experimenteren. Zodra je binnen bent, klik je op <strong>\u201cNieuw project\u201d<\/strong> om te beginnen. Hier kunt u uw project een naam geven en een lay-outformaat kiezen. Ik raad aan om zoiets te gebruiken als <strong>800\u00d7600<\/strong> voor de resolutie van je spel; het is een goede standaardgrootte voor een 2D-platformgame.<\/p>\n<p>Zodra uw project is ingesteld, komt u terecht in de hoofdinterface van Construct, waar u uw <strong>indeling<\/strong> (het gebied waar het spel plaatsvindt) en de <strong>evenementenblad<\/strong> (waar we de logica voor ons spel defini\u00ebren).<\/p>\n<h3>Stap 2: Het spelerpersonage cre\u00ebren<\/h3>\n<p>Nu is het tijd om je personage tot leven te brengen! Je kunt de ingebouwde Construct-functie gebruiken <strong>sprite-editor<\/strong>, of je kunt je eigen personage-graphics importeren. Laten we het voor deze handleiding simpel houden en de ingebouwde Construct-functionaliteit gebruiken. <strong>&quot;Speler&quot;<\/strong> sprite.<\/p><div id=\"juand-3792953014\" class=\"juand-content_2 juand-entity-placement\"><script async src=\"https:\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js?client=ca-pub-8944986240478060\"\r\n     crossorigin=\"anonymous\"><\/script>\r\n<ins class=\"adsbygoogle\"\r\n style=\"display:block; text-align:center;\"\r\n data-ad-layout=\"in-article\"\r\n data-ad-format=\"fluid\"\r\n data-ad-client=\"ca-pub-8944986240478060\"\r\n data-ad-slot=\"9601515663\"><\/ins>\r\n<script>\r\n     (adsbygoogle = window.adsbygoogle || []).push({});\r\n<\/script>\r\n<br\/><\/div>\n<ul>\n<li>Klik met de rechtermuisknop op uw lay-out en selecteer <strong>Nieuw object invoegen<\/strong>.<\/li>\n<li>Kiezen <strong>Sprite<\/strong> en klik <strong>Invoegen<\/strong>.<\/li>\n<li>Je wordt gevraagd om je personage te importeren of te tekenen. Voor de eenvoud gebruiken we nu gewoon een vierkant of rechthoek (je kunt dit later altijd nog veranderen!).<\/li>\n<\/ul>\n<p>Vervolgens moeten we toevoegen <strong>spelerbeweging<\/strong>. Dit is waar de magie gebeurt!<\/p>\n<ol>\n<li>Klik op je sprite (het personage) om deze te selecteren.<\/li>\n<li>In de <strong>Eigenschappenbalk<\/strong>, klik op de <strong>Gedragingen<\/strong> tabblad.<\/li>\n<li>Klik op <strong>Gedrag toevoegen<\/strong>, kies dan <strong>8 Richting<\/strong>Hiermee kan je personage met behulp van de pijltjestoetsen over het scherm bewegen.<\/li>\n<\/ol>\n<p>Dat was het voor de basisbeweging! Nu heb je een personage dat naar links, rechts, omhoog en omlaag kan bewegen. Maar we willen er een <strong>platformgame<\/strong>, dus we moeten zwaartekracht en springen toevoegen.<\/p>\n<h3>Stap 3: Zwaartekracht toevoegen en springen<\/h3>\n<p>Om het personage het gevoel te geven dat het zich in een <strong>platformgame<\/strong>, we moeten de zwaartekracht simuleren, waardoor het personage valt als het niet op de grond staat, en de mogelijkheid toevoegen om <strong>springen<\/strong>.<\/p>\n<ol>\n<li>Selecteer opnieuw uw spelersprite.<\/li>\n<li>In de <strong>Gedragingen<\/strong> tabblad, klik <strong>Gedrag toevoegen<\/strong> en selecteer <strong>Platform<\/strong>Hierdoor krijgt je sprite automatisch zwaartekracht en springmogelijkheden.<\/li>\n<li>U kunt de <strong>sprongkracht<\/strong> En <strong>zwaartekracht<\/strong> in de eigenschappen van het platformgedrag om het gewenste gevoel te krijgen. Stel bijvoorbeeld in <strong>Springkracht<\/strong> tot 12 en <strong>Zwaartekracht<\/strong> tot 30 om mee te beginnen.<\/li>\n<\/ol>\n<p>Nu zal je personage <strong>springen<\/strong> Wanneer je op de pijl omhoog drukt en op natuurlijke wijze valt wanneer je niet op vaste grond staat. Maar we hebben platforms nodig waar je personage op kan springen!<\/p>\n<h3>Stap 4: Platforms cre\u00ebren<\/h3>\n<p>Tijd om je wereld te bouwen! Je kunt eenvoudig platforms cre\u00ebren waar je personage op kan springen.<\/p><div id=\"juand-3771576720\" class=\"juand-content_3 juand-entity-placement\"><script async src=\"https:\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js?client=ca-pub-8944986240478060\"\r\n     crossorigin=\"anonymous\"><\/script>\r\n<ins class=\"adsbygoogle\"\r\n style=\"display:block; text-align:center;\"\r\n data-ad-layout=\"in-article\"\r\n data-ad-format=\"fluid\"\r\n data-ad-client=\"ca-pub-8944986240478060\"\r\n data-ad-slot=\"9601515663\"><\/ins>\r\n<script>\r\n     (adsbygoogle = window.adsbygoogle || []).push({});\r\n<\/script>\r\n<br\/><\/div>\n<ol>\n<li>Klik nogmaals met de rechtermuisknop op uw lay-out en selecteer <strong>Nieuw object invoegen<\/strong>.<\/li>\n<li>Kiezen <strong>Sprite<\/strong> om een nieuw object voor uw platform te maken.<\/li>\n<li>Teken een eenvoudige rechthoek (of importeer een aangepaste afbeelding) voor uw platform.<\/li>\n<li>Plaats deze platforms op de plekken waar je wilt dat je speler kan lopen en springen.<\/li>\n<\/ol>\n<p>Laten we er nu voor zorgen dat de platformen zich ook echt als platformen gedragen!<\/p>\n<ol>\n<li>Selecteer uw platformobject.<\/li>\n<li>In de <strong>Gedragingen<\/strong> tabblad, klik <strong>Gedrag toevoegen<\/strong> en kies <strong>Stevig<\/strong>Hiermee vertelt u het spel dat het platform iets is waarop de speler kan landen.<\/li>\n<\/ol>\n<p>Nu kan uw speler op de platforms springen en eroverheen lopen.<\/p>\n<h3>Stap 5: Obstakels en uitdagingen toevoegen<\/h3>\n<p>Geen platformgame is compleet zonder <strong>obstakels<\/strong>! Voeg iets toe om je spel wat uitdagender te maken, bijvoorbeeld spikes of een vijand.<\/p>\n<ol>\n<li>Maak een nieuwe sprite voor je obstakel (bijvoorbeeld spikes).<\/li>\n<li>Je kunt een eenvoudige toevoegen <strong>rechthoek<\/strong> of zelfs een afbeelding van stekels.<\/li>\n<li>Plaats ze op de baan en zorg ervoor dat ze op plekken liggen waar de speler er tijdens het springen tegenaan kan rennen.<\/li>\n<\/ol>\n<p>Om de spikes dodelijk te maken, moeten we een evenement cre\u00ebren in de <strong>Evenementenblad<\/strong> om de botsing te verwerken.<\/p><div id=\"juand-1834139200\" class=\"juand-content_4 juand-entity-placement\"><script async src=\"https:\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js?client=ca-pub-8944986240478060\"\r\n     crossorigin=\"anonymous\"><\/script>\r\n<ins class=\"adsbygoogle\"\r\n style=\"display:block; text-align:center;\"\r\n data-ad-layout=\"in-article\"\r\n data-ad-format=\"fluid\"\r\n data-ad-client=\"ca-pub-8944986240478060\"\r\n data-ad-slot=\"9601515663\"><\/ins>\r\n<script>\r\n     (adsbygoogle = window.adsbygoogle || []).push({});\r\n<\/script>\r\n<br\/><\/div>\n<ol>\n<li>Open je <strong>Evenementenblad<\/strong> (waar de spellogica plaatsvindt).<\/li>\n<li>Voeg een nieuwe voorwaarde toe: <strong>Over botsing tussen speler en spikes<\/strong>.<\/li>\n<li>Voeg een actie toe aan deze voorwaarde: <strong>Speler<\/strong> -&gt; <strong>Vernietigen<\/strong> (of een ander gevolg, zoals het opnieuw instellen van de positie van de speler op een controlepunt of het verliezen van een leven).<\/li>\n<\/ol>\n<p>Nu zal je spelerpersonage <strong>sterven<\/strong> wanneer ze de spikes raken. Je kunt het obstakel eenvoudig aanpassen om het complexer te maken, of andere vijanden en gevaren toevoegen.<\/p>\n<h3>Stap 6: Scoren en verzamelobjecten<\/h3>\n<p>Een klassieke functie in platformgames is het verzamelen van items en het scoren van punten. Laten we een verzamelobject toevoegen, zoals een munt, en de score weergeven.<\/p>\n<ol>\n<li>Maak een nieuwe sprite voor je munt. Plaats meerdere munten op je level.<\/li>\n<li>Ga naar je <strong>Evenementenblad<\/strong> en voeg een nieuwe voorwaarde toe: <strong>Bij een botsing tussen speler en munt<\/strong>.<\/li>\n<li>Actie toevoegen: <strong>Munt<\/strong> -&gt; <strong>Vernietigen<\/strong>en voeg een actie toe om de score te verhogen: <strong>Voeg 1 toe aan de globale variabele score<\/strong>.<\/li>\n<li>Maak in uw lay-out een <strong>Tekstobject<\/strong> om de score weer te geven. Koppel deze aan de <strong>Globale variabele score<\/strong>.<\/li>\n<\/ol>\n<p>Elke keer dat de speler nu een muntje aanraakt, wordt het muntje verzameld en gaat de score omhoog.<\/p>\n<h3>Stap 7: Testen en polijsten<\/h3>\n<p>Het is tijd om je spel te testen! Klik op de <strong>Voorvertoning<\/strong> -knop in Construct om je spel te spelen en te ervaren hoe het voelt. Je ziet misschien een paar dingen die je moet aanpassen, zoals:<\/p><div id=\"juand-2733349135\" class=\"juand-content_5 juand-entity-placement\"><script async src=\"https:\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js?client=ca-pub-8944986240478060\"\r\n     crossorigin=\"anonymous\"><\/script>\r\n<ins class=\"adsbygoogle\"\r\n style=\"display:block; text-align:center;\"\r\n data-ad-layout=\"in-article\"\r\n data-ad-format=\"fluid\"\r\n data-ad-client=\"ca-pub-8944986240478060\"\r\n data-ad-slot=\"9601515663\"><\/ins>\r\n<script>\r\n     (adsbygoogle = window.adsbygoogle || []).push({});\r\n<\/script>\r\n<br\/><\/div>\n<ul>\n<li>De sprong is mogelijk te hoog of te laag: pas de <strong>sprongkracht<\/strong> in de <strong>Platformgedrag<\/strong>.<\/li>\n<li>De zwaartekracht kan te sterk aanvoelen: verlaag de <strong>zwaartekracht<\/strong> instelling.<\/li>\n<li>Om de gameplay te verbeteren, moeten platformen of obstakels mogelijk worden verplaatst.<\/li>\n<\/ul>\n<p>Verfijn het ontwerp door achtergronden toe te voegen, het uiterlijk van je personage te verbeteren of zelfs geluidseffecten en muziek toe te voegen. Je kunt muziek- en geluidsbestanden importeren om je platformgame nog meeslepender te maken.<\/p>\n<h3>Stap 8: Je spel exporteren<\/h3>\n<p>Als je tevreden bent met je game, kun je hem met Construct exporteren naar verschillende platforms. Je kunt je game exporteren als een <strong>HTML5<\/strong> bestand om af te spelen in een webbrowser of zelfs als desktopapplicatie voor Windows, Mac of Linux. Er zijn ook opties voor export naar mobiele platforms zoals <strong>iOS<\/strong> En <strong>Android<\/strong> (Let op: hiervoor is mogelijk een betaalde versie van Construct vereist).<\/p>\n<p>Het cre\u00ebren van een 2D-platformgame met Construct is een superleuk en lonend proces! Of je nu je eerste game maakt of een bestaande game complexer maakt, de intu\u00eftieve drag-and-drop interface van Construct maakt gameontwikkeling eenvoudig en toegankelijk. Nu ken je de basis: spelersbewegingen, platformen, obstakels, scores en verzamelobjecten. Vanaf hier kun je je game verder verfijnen en uitbreiden, door meer functies toe te voegen, zoals power-ups, levels en zelfs vijanden.<\/p>\n<p>Ik hoop dat deze gids je op weg heeft geholpen met het maken van je eigen 2D-platformgame. Dus ga aan de slag en wie weet \u2013 misschien wordt jouw game wel de volgende grote hit! Veel plezier ermee en blijf experimenteren met nieuwe idee\u00ebn. Veel plezier met het ontwikkelen van je game!<\/p>\n<p>Foto door <a href=\"https:\/\/www.pexels.com\/photo\/white-xbox-controller-on-brown-wooden-surface-2106216\/\" target=\"_blank\" rel=\"noopener\">VOS ^.\u11bd.^= \u222b<\/a><\/p>","protected":false},"excerpt":{"rendered":"<p>Het cre\u00ebren van een 2D-platformgame klinkt misschien een hele uitdaging, maar geloof me, met de juiste tools is het juist een superleuke en lonende ervaring. Vandaag duiken we in hoe je een 2D-platformgame kunt maken met Construct, een fantastische game-ontwikkeltool die beginnersvriendelijk is, maar toch krachtig genoeg om professionele games te maken.<\/p>","protected":false},"author":1,"featured_media":98042,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[1289,1290],"tags":[],"class_list":["post-84307","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tech","category-tutorials"],"aioseo_notices":[],"jetpack_featured_media_url":"https:\/\/i0.wp.com\/blog.juandesouza.com\/wp-content\/uploads\/2021\/03\/pexels-fox-58267-2106216-scaled.jpg?fit=2560%2C1695&ssl=1","jetpack_shortlink":"https:\/\/wp.me\/p8STS8-lVN","jetpack_sharing_enabled":true,"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/blog.juandesouza.com\/nl\/wp-json\/wp\/v2\/posts\/84307","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blog.juandesouza.com\/nl\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.juandesouza.com\/nl\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.juandesouza.com\/nl\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.juandesouza.com\/nl\/wp-json\/wp\/v2\/comments?post=84307"}],"version-history":[{"count":2,"href":"https:\/\/blog.juandesouza.com\/nl\/wp-json\/wp\/v2\/posts\/84307\/revisions"}],"predecessor-version":[{"id":98043,"href":"https:\/\/blog.juandesouza.com\/nl\/wp-json\/wp\/v2\/posts\/84307\/revisions\/98043"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blog.juandesouza.com\/nl\/wp-json\/wp\/v2\/media\/98042"}],"wp:attachment":[{"href":"https:\/\/blog.juandesouza.com\/nl\/wp-json\/wp\/v2\/media?parent=84307"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.juandesouza.com\/nl\/wp-json\/wp\/v2\/categories?post=84307"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.juandesouza.com\/nl\/wp-json\/wp\/v2\/tags?post=84307"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}