Vyvíjíme hry v XNA pro Windows Phone – Seminář 2

Vývoj her v XNApro Windows Phone 7.5Tomáš Slavíčekmail@tomasslavicek.cz Twitter: @tomasslavicek

Agenda přesné pozicování (otáčení) animace, tiled grafika, pohyb pokročilejší kolize ve 2D načítání z XML „multitasking“ na WP, tombstoning zvuky a hudba, „Tango“ telefony propojení Silverlight + XNA

Windows Phone motivace

Windows Phone klíčová slova: Mango, Tango, Nokia

Budoucnost Windows 8 WP Apollo

Marketplace CZ přes 300 českých aplikací, 40 her

Podpora vývojářů soutěž o Lumia 800 msdn.cz/nokia soutěž s Mercedes-Benz hackathony

Další akce Nokia roadshow (dnes na Flóře) přednáška o Silverlightu zítra 28. března 2012, 17:30

Webové zdroje SmartMania.cz články rozcestník – můj blog tomasslavicek.cz

Hry na Windows Phone

Hry na Windows Phone ukázka…

Opakování XNA kdo ještě nezná?  vývoj pro PC, mobil, Xbox 360 herní smyčka, Content Pipeline, SpriteBatch…

Opakování XNA herní smyčka

Co budeme dělat? začátek nové hry obrázky:  bit.ly/xna_s2

Bylo minule… orientace displeje gesta na displeji akcelerometr pohyb objektů základní kolize text, Isolated Storage

Vykreslení obrázku objekt Sprite  Vector2 Position  Vector2 Size  Texture2D Texture  LoadContent()  Draw()

Obrázek i s rotací objekt Sprite  RotatedSprite  Vector2 Position  Vector2 Position  Vector2 Size  Vector2 AnchorPoint  Texture2D Texture  float Rotation  float Scale  LoadContent()  Texture2D Texture  Draw()  Color Color  Draw() x

Obrázek i s rotací parametry SpriteBatch.Draw() x

Animovaný obrázek několik měnících se obrázků objekt AnimatedSprite  poděděný od RotatedSprite  navíc: pole Textures  upravené LoadContent() Draw()

„Tiled“ grafika jeden obrázek hra se skládá z jeho výřezů  optimalizace výkonu

„Tiled“ grafika Tiled map editor mapeditor.com

Pohyb míčku úhel a rychlost  vektor přírustku odrážení od stěn ElapsedGameTime.TotalMilliseconds

Kolize bod vs. obdélník  rect1.Contains( point1 ) obdélník vs. obdélník  rect1.Intersects( rect2 )

Kolize kruh vs. kruh ?

Kolize kruh vs. kruh  vzdálenost středů < součet poloměrů  Vector2.Distance( center1, center2 ) < r1 + r2

Kolize kruh vs. obdélník ?

Kolize kruh vs. obdélník  najdu nejbližší bod od středu k obdélníku  nesmí být menší, než poloměr  Vector2.Clamp( v, min, max )

Kolize orientované obdélníky ?

Kolize orientované obdélníky  Separating Axis Theorem  za některou stranou 1. obdélníku se musí nacházet všechny body 2.

Separating axis theorem orientované obdélníky  nutné testovat oba vzájemně

Pozice bodu vůči přímce skalární součin  Vector2.Dot( … )  pro 2 normalizované vektory… v1.Normalize()  >0 …úhel >90° <0 … <90° =1 … rovnoběžné  pozor na přehozenou osu Y

Kolize kruh vs. orientovaný obdélník ?

Kolize kruh vs. orientovaný obdélník  pootočit souřadnice, aby byl obdélník osově srovnaný  angle = Math.Atan2( point1.Y - point2.Y, point2.X - point1.X )  Vector2.Transform( point, Matrix.CreateRotationZ( angle ))

Ukázka v praxi kruh vs. orientovaný obdélník  obdélník máme už reprezentovaný správně = osově srovnaný  posuneme/otočíme k němu střed kruhu

Ukázka v praxi dokončení kolizí  odrážení míčku podle úhlu dopadu

Načítání levelu podle XML data v XML tagách  <SpriteInfo X="20" Y="50„ AssetName="obrazek" /> streamové čtení  XmlReader reader = XmlReader.Create(path)  while (reader.Read())  if (reader.NodeType == XmlNodeType.Element && reader.Name == "SpriteInfo")

„Multitasking“ na WP koncept Fast App Switching agenti na pozadí + push notifikace

S čím přišlo Mango pro vývojáře:  „multitasking“  Fast App Switching, background agents / audio / file transfers, push notifikace…  Motion API… sockety…  Silverlight + XNA

Operace „na pozadí“ background audio / file transfer Alarm, Reminder PeriodicTask ResourceIntesiveTask  nejsou u 256 MB telefonů push notifikace

PeriodicTask volána každých 30 až 40 min max. 15 sekund max. paměť: 6 MB nefunguje v Battery Save módu max. 10 služeb / zařízení

Životní cyklus aplikace

Odpovídající události v XNAherní smyčka:InitializeLoadContentUnloadContentUpdateDraw

Odpovídající události v XNAherní smyčka: metody XNA:Initialize OnActivatedLoadContentUnloadContent OnDeactivatedUpdate OnExitingDraw

Odpovídající události v XNAherní smyčka: metody XNA: PhoneApplicationService:Initialize OnActivated LaunchingLoadContent OnDeactivatedUnloadContent Activated OnExitingUpdate DeactivatedDraw Closing

Životní cyklus aplikace

Životní cyklus hry

Tombstoning v XNA nevyužívat události = pouze zobrazení / skrytí okna, ne WP chování this.Activated += … this.Deactivated += … řešení: PhoneApplicationService class  reference na System.Windows + Microsoft.Phone  using Microsoft.Phone.Shell;  události appService.Launching, Activated, Deactivated, Closing...

Uložení dat při tombstoningu Isolated Storage = uložení nastavení hry,  IsolatedStorageSettings skóre, odehraných levelů...  IsolatedStorageFile State  PhoneApplicationService.Current.State = uložení dočasného stavu rozehrané hry, otevřených obrazovek... = stav se využije při obnově z tombstoningu

Doporučení: Isolated Storage  ulož vždy, když se změní hodnoty  příp. v metodách Deactivated, Closing  hodnoty zůstanou v paměti i po vypnutí aplikace

Doporučení: State Deactivated ulož stav Activated pokud z dormant:  nic nedělej pokud z tombstoned:  načti stav zpátky

Opakování hra může být ukončena buď v Closing nebo Deactivated (umře v tombstoned stavu) Activated se volá při návratu z dormant i z tombstoned stavu uvažujeme události z PhoneApplicationService, NE ty z XNA

IsolatedStorageSettings použití jako Dictionary  v namespace System.Windows

Serializace dat uložení celého objektu reference System.Runtime.Serialisation serializace do souboru pomocí DataContractSerializer

Zvuky a hudba SoundEffect a SoundEffectInstance MediaPlayer  hudba na pozadí  nutné kontrolovat, zda už nehraje jiná!  v Launching i v Activated  if (MediaPlayer.GameHasControl)

Co přinese Tango? nové telefony (Lumia 610, ZTE Orbit / Mimosa…) snížené minimální požadavky HW

Minimální požadavky 256 MB RAM < 8 GB paměti ROM slabší procesory (800 MHz) volitelný fotoaparát NE PeriodicTask a ResourceIntensiveTask displej stejný (800x480 pix)

Aplikace v Tango 5% by prý zatím nefungovalo  vývojáři už byli kontaktováni nové Windows Phone SDK 7.1.1  nový emulátor

Aplikace v Tango NE PeriodicTask a ResourceIntensiveTask paměť: 90 MB na aplikaci (jako v Mango)  ale jen 60 MB v paměti! (ostatní stránkováno)

Aplikace v Tango ověření, kolik má telefon RAM místo PeriodicTask můžeme použít Push notifikace

Optimalizace kvalita obrázků  snížit rozlišení  DXT komprese  XNA: obejít Content Pipeline zvuky alokovat jen jednou nepoužívat „Page transitions“ mapy/web otevírat mimo aplikace, nevykreslovat přímo uvnitř

Aplikace v Tango Memory profiler – dobré používat! aktuální vytížení paměti lze zjistit i přímo z aplikace

Mogade.com sdílení skóre, achievementy, online statistiky jednoduché API, přímo pro WP návod pro XNA mají na fóru pozor na speciální znaky ve jménu hráče

Silverlight + XNA možnost propojení   i kombinace na 1 obrazovce Silverlight = menu, XNA = herní část

Silverlight + XNA vlastnosti:  navigační model ze Silverlightu  nejsou GameComponent, DrawableG.C.  SharedGraphicsDeviceManager  jiné předpisy metod Update(), Draw()…  nepoužívat Mouse API, ale TouchCollection

Navigační model navigace přes QueryString  objekt NavigationService  NavigationService.Navigate(...)  NavigationContext.QueryString.TryGetValue(...)  nutné občas řešit „back stack“

Ukázka v praxi hybridní projekt  obrazovka menu + hra  implementace Initialize a LoadContent  předání parametru  další obrazovka – výhra  oprava „back stacku“  implementace pauzy ve hře  + ukončení hry z XNA

Webové zdroje SmartMania.cz články rozcestník – můj blog tomasslavicek.czTomáš Slavíčekmail@tomasslavicek.cz Twitter: @tomasslavicek

http://vbnet.cz	279
http://www.vbnet.cz	128

Vyvíjíme hry v XNA pro Windows Phone – Seminář 2

by Tomáš Slavíček

Accessibility

Upload Details

Usage Rights

2 Embeds 407

Statistics