Aan de slag met Construct 2

De manier om videogames te consumeren is de afgelopen jaren sterk veranderd, het is niet langer beperkt tot het gebruik van een pc of een console om deze te spelen, maar er zijn meer informele manieren zoals een tablet of zelfs een smartphone.
Net zoals de manier om toegang te krijgen tot games is veranderd, evenals de manier om ze te ontwikkelen, hebben we frameworks die ons helpen games te maken met een specifieke programmeertaal zoals Phaser of Cocos2d-JS, maar die ons dwingen een gedegen kennis van de talen op waarop deze kaders vertrouwen.
Maar voor mensen die enthousiast zijn over het maken van videogames en die geen programmeerkennis hebben, zijn er tools die hen helpen dit doel te bereiken. Een van deze tools is: Construeer 2, een applicatie die een eenvoudige bediening heeft op basis van de drag-drop-functionaliteit voor het maken van 2D-videogames.
Construeer 2 is een tool die game-ontwikkeling eenvoudig maakt, het kan worden gebruikt door een breed scala aan gebruikers, van de meest beginner tot de experts die snel en gemakkelijk een prototype willen maken. Construeer 2 is gebaseerd op HTML5 en het heeft bepaalde kenmerken die het tot een van de beste opties van vandaag maken:
Multi platformDe spellen publiceren die zijn gemaakt met Construeer 2 omvat niet alleen de huidige besturingssystemen zoals: ramen, Mac en zelfs Linux. Deze kunnen worden uitgebreid tot: Android, iOS, Blackberry en zelfs Windows telefoon. Ook als we een ontwikkelaarslicentie hebben, kunnen we ze publiceren voor Nintendo Wii U.
Programmeren is niet nodigConstrueer 2 Het gebruikt geen programmeertaal voor het maken van videogames, maar gebruikt een evenementensysteem dat eenvoudig genoeg is voor iedereen om het te gebruiken.
Natuurkunde inbegrepenTijdens gebruik Construeer 2 Het is niet nodig om ingewikkelde functies te maken om de fysica van ons spel te verwerken, alles is inbegrepen in de tool en het is heel gemakkelijk te gebruiken.
UitbreidbaarDaarnaast zijn er veel plug-ins ontwikkeld voor: Construeer 2 in het geval dat we een extra functionaliteit voor onze game bedenken.
Zoals we de kenmerken van Construeer 2 Ze maken het perfect voor mensen die altijd al hebben willen experimenteren met het ontwikkelen van videogames, maar het nog nooit hebben geprobeerd omdat ze geen programmeerkennis hebben.
Construct 2 installerenVoor installatie: Construeer 2 het is alleen nodig dat we naar de productpagina gaan, de nieuwste versie downloaden en installeren zoals we zouden doen met elk ander softwareprogramma. ramen.
Voordat we beginnen met het ontwikkelen van videogames, is het belangrijk dat we even de tijd nemen om de interface van Construeer 2 Omdat ze anders zijn dan de andere tools, kunnen er enkele dingen zijn die we kunnen negeren.
Wanneer we onze applicatie voor de eerste keer uitvoeren, worden we ontvangen door het hoofdscherm van de tool, hier kunnen we onze recente projecten openen en nieuwe maken, het zou er als volgt uit moeten zien:

VERGROTEN

Het eerste wat we zullen doen is een nieuw project maken, hiervoor drukken we op Bestand en we selecteren de optie Nieuw. Er wordt een dialoogvenster weergegeven met een uitgebreid aantal sjablonen om te beginnen met het maken van onze game, dit kan in het begin een beetje verwarrend zijn, dus we zullen voor de optie gaan Nieuw leeg project en we krijgen een lege lay-out te zien, zoals we kunnen zien in de volgende afbeelding:

VERGROTEN

Het centrale witte deel is de lay-out van de applicatie en vertegenwoordigt onze werkruimte, hier zullen we de personages, vijanden of zelfs onze zwevende munten toevoegen, tot slot, wat we hier doen, zal het eindresultaat zijn voor onze game.
Aan de rechterkant hebben we de bronnenstructuur voor het project, we hebben de objecten die worden gebruikt in onze lay-out, de gebeurtenissen, geluiden, families en bestanden die we kunnen gebruiken binnen onze ontwikkeling. Aan de linkerkant hebben we de basisgegevens voor ons spel, van de naam, beschrijving en versie ervan en zelfs informatie over onze lay-out en enkele instellingen ervoor.
Zoals we de interface van . zien Construeer 2 Het is vrij eenvoudig, maar het is belangrijk om te weten hoe de elementen erin zijn verdeeld om het meeste uit de tijd te halen wanneer we met de tool beginnen.
Alles wat binnen bestaat Construeer 2 een object is, kunnen deze variëren van dingen die we op het scherm zien, zoals sprites of teksten, tot dingen die we niet zien, zoals arrays, woordenboeken, toetsenbord, muis, enzovoort. Om een ​​object te maken, kunnen we dubbelklikken op onze lay-out (behalve op een ander object) of rechtsklikken en selecteren Nieuw object invoegen. Bij het uitvoeren van enkele van deze twee acties, wordt het dialoogvenster voor het selecteren van het type object weergegeven:

VERGROTEN

Er zijn twee soorten objecten, de objecten die in de actieve lay-out worden ingevoegd en de objecten die in het hele project worden ingevoegd, dat wil zeggen, deze objecten die zichtbaar zijn op ons scherm worden ingevoegd in de lay-out en die niet, zijn ingevoegd in het hele project.
Voor nu zullen we een object maken van sprite-type, hiervoor selecteren we hetzelfde in het dialoogvenster en drukken op InvoegenHierna verandert onze muiscursor in een kruis, we klikken op onze lay-out en automatisch wordt een venster voor beeldbewerking weergegeven, waar we kunnen kiezen tussen het tekenen van onze sprite of het laden van een afbeelding.

VERGROTEN

Nadat we dit hebben gedaan, wordt ons object automatisch toegevoegd aan onze lay-out door op de X in ons beeldbewerkingsvenster te drukken.
De lagen Ze zijn een zeer handige manier om de visuele hiërarchie van objecten te beheren, we kunnen zelfs visuele effecten aan het spel toevoegen door ze te gebruiken. Om de lagen toe te voegen, hoeven we alleen maar naar onze bronstructuur te gaan en te selecteren lagen.

Hier kunnen we zoveel lagen toevoegen als we willen met de plusknop (+), ze hernoemen, verwijderen en zelfs reorganiseren, bovendien kunnen we het niveau van zichtbaarheid ervan zien volgens het nummer aan de rechterkant, waar altijd het laagste getal Het staat onderaan en het hoogste getal bovenaan.
Construeer 2 Zoals we al zeiden, gebruikt het geen programmeertaal, maar een unieke stijl genaamd de evenementensysteem, die de volgende kenmerken heeft:

• Voer opdrachten uit van boven naar beneden in de boom.
• Het heeft variabelen, zowel globaal als lokaal
• Het heeft functies die op dezelfde manier werken als functies in traditionele programmeertalen, maar zonder dat u de code daarvoor hoeft aan te raken.

Dit evenementensysteem regelt de objecten in de lay-out en kan zelfs worden gebruikt om de laatste te besturen. Het is belangrijk om te vermelden dat dit systeem uit twee componenten bestaat, een gebeurtenis en een actie, waarbij gebeurtenissen de dingen zijn die gebeuren in ons spel en acties de dingen zijn die gebeuren wanneer een gebeurtenis plaatsvindt.
Evenementen worden aangemaakt in de evenementenblad, die zich naast onze lay-out bevindt, waar we een evenement kunnen maken, we selecteren het en net als onze objecten kunnen we dubbelklikken of gewoon met de rechtermuisknop klikken en selecteren Voeg evenement toe:

Hier zullen we een lijst hebben van de objecten die we hebben gemaakt waaraan we de gebeurtenis kunnen toevoegen, het interessante aan Construeer 2 is dat ongeacht het feit dat we geen object hebben gemaakt, we altijd een systeemobject beschikbaar hebben om een ​​gebeurtenis toe te voegen. Door het te selecteren, hebben we een lijst met evenementen die hierop van toepassing zijn, voor nu zullen we selecteren Elke x seconden en we accepteren het volgende dialoogvenster om het evenement te maken:

VERGROTEN

Zoals we al zeiden, bestaat het evenementensysteem uit twee componenten, in dit geval moeten we de actie ervoor toevoegen, hiervoor hoeven we alleen de link te selecteren die naast ons evenement staat genaamd Actie toevoegen.
We selecteren het systeemobject opnieuw en in laag & achtergrond wij selecteren Achtergrondkleur laag instellen, we veranderen de kleur van deze actie en drukken op de knop Doneren. Wat we hebben gedaan is heel eenvoudig en het is een actie die de kleur van onze nullaag verandert in de kleur die we in de actie specificeren.
Als we willen zien hoe ons evenement werkt, hoeven we alleen maar op het pictogram te drukken Lay-out uitvoeren of voer http: // localhost: 50001 / in waar na een seconde de achtergrond van onze lay-out van kleur verandert:

VERGROTEN

Zoals we kunnen zien, is het niet erg functioneel of zelfs visueel aantrekkelijk, maar het stelt ons in staat te begrijpen hoe het evenementensysteem werkt in Construeer 2Hiermee hebben we deze tutorial voltooid, waar we meer te weten kwamen over deze eenvoudige maar krachtige tool voor het maken van 2D-games waarvoor we geen programmeerkennis nodig hebben, alleen de wens om zowel geweldige als leuke games te leren en te maken.