C# Development

Windows 7 Phone Game Development: Hello World Tutorial 1

Benodigdheden

Wat heb je nodig om met windows 7 phone game development te beginnen? 
Dat is eigenlijk heel simpel. 
Als eerste heb je een visual studio versie nodig die het mogelijk maakt te developen voor windows 7 phone. 
Er zijn verschillende versies beschikbaar van visual studio 2010 en mocht je daar niet over beschikken kun je hier de benodigde tools downloaden. 
hiermee heb je alles om te kunnen beginnen met windows 7 phone development. 

...

Zoals gewoonlijk bij het beginnen van het leren programeren zal ik ook beginnen met de Hello World tutorial. 
D.w.z. we gaan het zinnetje op het scherm laten verschijnen. 
Laten we maar beginnen. 

Aanmaken van het Game project

Als eerste openen we dus de visual studio versie die je hebt gekozen voor ontwikkeling van je game. 
In mijn geval is dit visual studio 2010 ultimate maar zoals eerder gezegd voldoet de express versie voor windows 7 phone perfect. 
Klink hierna in het menu op "File" en dan "New Project". 

Let erop dat je kiest voor windows phone game en dat je meteen een goede naam kiest want de naam is ook meteen je assembly naam. 
Als je dit hebt gedaan zie je vervolgens dat er een heel begin project aangemaakt wordt zoals in de afbeelding hier onder en als je dat runt krijg je een mooi blauw scherm voor je neus. 
Het is dus eigenlijk al een compleet erkende game maar er is niets in te beleven of te doen, dat is immers aan jou.

Het mocht je misschien ook al opgevallen zijn maar er worden stiekum 2 projecten aangemaakt. 
De game en een content project. Dit content project zal alle textures, fonts en dergelijke gaan bevatten en is dus niets meer dan een verzamelbak voor resources.

Resources

Om in een windows phone game text te laten zien hebben we een font nodig. 
Zoals zojuist gezegd komen deze in het content project. Kies dan ook voor "add folder" en voeg een folder toe genaamd "Fonts".

Selecteer hierna de zojuist aangemaakte folder en kies voor "add new item" en selecteer SpriteFont.

Je hebt nu een font toegevoegd aan het content project. 
De file die open is gegaan defineerd je font maar hier zal ik nu niet verder op ingaan, dat is voor een latere tutorial.

De code

Nu we een font in ons content project hebben zitten is de tijd aangebroken om ons eens te gaan verdiepen in de code. 
Als eerste hebben we een variabele nodig om ons font in vast te houden in onze Game class. 
Dat doen we door de volgende code toe te voegen: 
SpriteFont font; 

Vervolgens scrollen we naar beneden naar de LoadContent functie en voegen daar de volgende code toe:

Hiermee hebben we het font ingeladen en is het klaar om gebruikt te worden in onze game. 
Nu willen we het zinnetje: "Hello World!!!" op het beeld toveren en dat doen we vervolgens door in de Draw functie de volgende code toe te voegen.

De spriteBatch is een in XNA ingebouwde shader die standaard in een ieuw gameproject al voor je is aangemaakt. 
Je kunt ook je eigen shaders schrijven maar dit is iets voor gevorderden. 
Om de shader aan te geven dat we beginnen met renderen voegen we de regel "spriteBatch.Begin()" toe. 
Vervolgens vertellen we de spriteBatch wat hij precies moet doen. 
Als eerste parameter vraagt de Method DrawString om een font. 
Dat font hebben we zojuist al ingeladen en dus geven we hier onze variabele aan de method mee. 
De volgende parameter is de tekst die we op beeld willen toveren, in dit geval dus "Hello World!" 
De volgende parameter is de positie waar de spriteBatch op het scherm moet beginnen met het zinnetje. 
LET OP: het punt dat je aangeeft is het meest link bovenste hoekje van de zin. In dit geval plaats ik het midden in een scherm van 480x800 wat je kunt instellen door in de constructor van de Game class het volgende toe te voegen: 
graphics.PreferredBackBufferWidth = 480; 
graphics.PreferredBackBufferHeight = 800; 
Als laatste parameter Heeft de method nog een kleur nodig om de tekst in te renderen. Ik heb gekozen voor rood omdat dit goed opvalt tegen de cornerblue background kleur.

Het resultaat