smart developer Ein Code für alle (Vorschau)

Entwicklung
WP7-Entwicklung mit XNA
Listing 4: Drawing in der Draw-Methode
// Clear background in black
GraphicsDevice.Clear(Color.Black);
Collection wie im gezeigten Code via Touch-
Panel.GetState() oder über Gestures, wenn
man diese für sein Spiel aktivieren will.
Wenn der User auf die linke Bildhälfte
klickt, soll der aktuelle Block nach links bewegt
werden, berührt der Spieler die rechte
Bildschirmhälfte (X Position größer als 450
Pixel), dann soll sich der Block nach rechts
bewegen. Um dies auch gleich wieder mit F5
(Start Projekt Hotkey in Visual Studio) testen
zu können, sollte man zunächst den aktuellen
Block auf den Bildschirm zeichnen (siehe
Abschnitt Drawing), um zu testen, ob alles
bisher richtig läuft. Den restlichen Code
braucht man dafür noch nicht.
Als Nächstes überprüfen Sie über die Update-Methode,
ob eine Viertelsekunde vergangen
ist. Wenn ja, dann wird der restliche
Code ausgeführt. Wie erwähnt, dient dieser
Workaround dazu, den Block nicht 30-mal
pro Sekunden nach unten bewegen zu müssen.
Kann der Block ein Feld nach unten bewegt
werden, dann tut dies die App – fertig.
spriteBatch.Begin();
// Place background in center (800 pixels width ‐ 512 pixels) / 2 = 144
spriteBatch.Draw(background, new Vector2(144, 0), Color.White);
// Draw all field blocks
for (int x = 0; x < FieldWidth; x++)
for (int y = 0; y < FieldHeight; y++)
if (field[x,y])
spriteBatch.Draw(block, GetBlockRect(x, y), Color.DarkGray);
// And finally also add the current block
spriteBatch.Draw(block, GetBlockRect(currentBlockX, currentBlockY),
Color.White);
spriteBatch.End();
Listing 5: Die Hilfsfunktion GetBlockRect
///
/// Get block position and rectangle for the current block or a field block
///
private Rectangle GetBlockRect(int x, int y)
{
// Place blocks in center (800 pixels width ‐ 480 pixels height) / 2
// Note: Reduced to 477 to make 9*53 fit into 477 (480 would have spaces)
return new Rectangle(162 + x * 477 / FieldWidth, y * 477 / FieldHeight,
477 / FieldWidth, 477 / FieldHeight);
} // GetBlockRect(x, y)
Kompliziert wird es erst wieder, wenn wir
ganz unten angelangt sind oder auf dem Zielfeld
bereits ein Block existiert. Dann stoppt
die App den aktuellen Block und brennt ihn
in das Feld. Schlussendlich wird noch überprüft,
ob wir eine komplette Zeile von links
nach rechts gefüllt haben und wenn dies der
Fall ist, wird die gesamte Zeile gelöscht und
das Spielfeld darüber einen Block nach unten
verschoben.
Drawing
Wir sind nun fast fertig, aber ohne Draw-Code
sehen wir noch nichts auf dem Bildschirm,
nur nach wie vor den hellblauen Standard-
Hintergrund des erstellten XNA-Projektes.
Zunächst löschen wir den Hintergrund in
Schwarz und dann zeichnen wir die Spielelemente
auf die Zeichenfläche (Listing 4). In
2D-XNA benutzt man dazu die SpriteBatch-
Klasse, welche mehrere Draw-Calls zusammenfasst
und für uns optimiert. Nachdem
der spriteBatch per Begin gestartet wurde,
erscheint das SpaceBackground-Hintergrundbild
zentriert.
Als Nächstes zeichnen wir alle 9x9-Feld-
Blöcke (am Anfang noch leer). Sobald der
Spieler jedoch ein paar Blöcke gefüllt hat,
werden hier mehr und mehr Blöcke gezeichnet
(Abbildung 1). Sobald eine Zeile voll ist
und wieder gelöscht wurde, vereinfacht sich
das Spielfeld natürlich wieder. Das Letzte
was noch getan werden muss, ist den aktuellen
beweglichen Block zu zeichnen. Beim fixierten
Feld wurde die Farbe Color.DarkGray
benutzt, beim aktuellen Block hingegen die
Farbe Color.White. So kann man leicht auseinanderhalten,
welcher Block momentan der
Ideal für Einsteiger
Das hier beschriebene Spiel ist in etwa ein bis
zwei Stunden Programmierarbeit entstanden.
Es wurde parallel zu diesem Artikel geschrieben
und es gibt nicht nur eine XNA-Version für
WP7, sondern auch eine Variante mit der Delta
Engine, die auf allen Plattformen läuft. Wichtig
ist, dass man sich klare Ziele setzt und konstant
testet, ob das gewünschte Ergebnis in die
richtige Richtung geht. Bei uns im Team benutzen
wir viele Tausende Unit-Tests, um kleine
Teile zu testen, und selbst bei diesem kleinen
Spiel macht es Sinn, die Einzelteile separat zu
testen (GetBlockRect, Spiellogik, Drawing, Current
Block, Block Field, etc.). Alternativ kann
man sich, auch wie in diesem Artikel beschrieben,
langsam hocharbeiten und einzelne Probleme
nacheinander lösen (erst Visual Studio
installieren, dann XNA Projekt erstellen, dann
testen, dann aktuellen Block hinzufügen, etc.).
64
02/2011 smart-developer.de