Inhoudsopgave:

Hoe maak je een Tic Tac Toe-spel met Swift met Xcode - Ajarnpa
Hoe maak je een Tic Tac Toe-spel met Swift met Xcode - Ajarnpa

Video: Hoe maak je een Tic Tac Toe-spel met Swift met Xcode - Ajarnpa

Video: Hoe maak je een Tic Tac Toe-spel met Swift met Xcode - Ajarnpa
Video: Tic Tac Toe Game Swift Xcode Tutorial | Noughts & Crosses 2024, November
Anonim

In deze Swift-tutorial laat ik je zien hoe je een Tic Tac Toe-app maakt. Deze app is uiterst eenvoudig en is een geweldig project voor elke beginner. Ik zal de tutorial opsplitsen in drie stappen:

1. De objecten maken

2. Objecten koppelen aan de code

3. De code

Stap 1: De objecten maken

De objecten maken
De objecten maken

Deze stap bestaat uit het toevoegen van alle afbeeldingen, labels en knoppen. Je kunt de afbeeldingen krijgen die ik hier heb gebruikt:

Voeg het raster toe aan uw storyboard als een UIImage. Voeg de cirkel toe en kruis als een knop. Voeg vervolgens nog een label en nog een knop toe aan de bovenkant van het scherm. Deze kun je naar wens aanpassen. Deze gebruiken we voor de 'Play Again Button' en het scorebordlabel.

Stap 2: De objecten koppelen aan onze code

De objecten koppelen aan onze code
De objecten koppelen aan onze code

Kopieer en plak het kruis negen keer. Verplaats elk van de kruisen naar elk van de rastervierkanten. Voeg vervolgens als functie het eerste kruis toe aan de viewcontroller. Voeg de 8 resterende kruisen toe aan die functie. Voeg ten slotte een tag toe aan elk van de kruisen. Het eerste kruis met de tag '1', en het laatste kruis met de tag '9'. Als je in de war bent, zou de code in de volgende stap je moeten helpen.

Stap 3: Variabelen en het vaststellen van de actieve speler

Variabelen en het vaststellen van de actieve speler
Variabelen en het vaststellen van de actieve speler

Dit eerste deel van de code richt zich op het vaststellen van de belangrijkste variabelen. Het legt alle winnende combinaties vast onder de variabele 'winnende Combinaties'. Het gebruikt ook de 'actie'-functie om te bepalen wie de actieve speler is.

Stap 4: De winnaar bepalen

De winnaar bepalen
De winnaar bepalen

Dit stuk gebruikt een logische verklaring om te bepalen wie het spel heeft gewonnen. Vervolgens gebruikt het een 'als anders'-statement om de naam van de winnaar op het scorebord af te drukken. Nadat de winnaar is bepaald, onthult de code een knop 'Opnieuw spelen'.

Stap 5: Het speelbord resetten

Het speelbord resetten
Het speelbord resetten

Met dit laatste stukje code wordt het spelbord gereset nadat je op de knop 'Opnieuw spelen' hebt gedrukt. Het wist alle eerdere waarden en stukken, zodat je een compleet nieuw spel kunt spelen.

Aanbevolen: