Md2010 jl-wp7-sl-game-dev

Developing WP7 Appswith Silverlight
José Luis Latorre
Microsoft MVP, UX Specialist & Brainsiders CEO
http://silverlightguy.com

Generalni sponzori:
Organizatori:
Glavni sponzori:
Generalni medijski sponzor:
Sponzori:
Medijski sponzori:
Strateški partneri:
Službena PR agencija:

Gameswith Silverlight? Why?

Silverlight is for games?
Concretely, Silverlight isgood for casual gamesthatdoesn’trequireintensivegraphiccapabilities.
Wehavethefactthat:
Playerslove casual games (simple & easyto pick up and putdown).
Phone platforms are great for this
Silverlight isgreat for this.

Why Silverlight
Compelling Cross-Platform User Experience
Flexible object-oriented model
Fully managed code to improve encapsulation and centralization
Declarative presentation language (Xaml)
Role specific tools
Rapid application development
Good performance

Whatkind of games?
Word games
Desk games
Turn based strategy games
Pictorial games
Platform games
Touch interaction games
If this is what you want to write there might be no need to learn XNA..

The Game Loop

Game Loop I
The “GAME LOOP”
Executes once per frame
It handles all the game logic, animation, Collisions, manages input, applies game logic, etc.
Optimal game loop in Silverlight is usually implemented with CompositionTarget.Rendering, which executes once per rendered frame.
Final Hardware will execute 30 Frames Per Second
For details on deciding the Game Loop implementation, check http://nokola.com/ and its ”GameLoopsInSilverlight.docx” document.

Game Loop II
Is the ”Heart Beat” of the game...
Typical game loop logic
Checks for user input
Checks for collisions
Updates all the game elements visuals
Draws all game elements (Actually not needed in Silverlight due to the Visual Tree Model)
Applies Game logic & AI.

Game loop III
protectedDateTimelastTick;
public Page()
{
InitializeComponent();
CompositionTarget.Rendering += new EventHandler(CompositionTarget_Rendering);
lastTick = DateTime.Now;
}
void CompositionTarget_Rendering(object sender, EventArgs e)
{
DateTimenow = DateTime.Now;
TimeSpanelapsed = now - lastTick;
lastTick = now;
//Game Logicgoeshere
}

Sprites
The game characters can be represented by Sprites, which are usually represented by an image and a position on the game surface.
So they have:
Image.
Position.
Vector of movement.
Other details, depending on the game.

Animated Sprites
An animated sprite is the natural evolution as it can show an animation instead of a still image, which is good if the player is walking, to show a walking animation.
So they have, additionally from the Sprite:
An animation or sequence of images, also called Frames.
Speed of the animation ( frames per second)
Number of Frames.

Game character
A game character derives from a sprite or animated sprite and represents a game element, the player, an enemy, bonus, obstacle, etc..
It usually has its own logic and is tied to events that determine its behavior.

Sprite, Camera, Action
(link to demo)
Note: This demo isderivedfrom a samplefrom Andy Bealieu.

Collisions I
If two sprites (or animated sprites) collide, for example the player and a enemy, something must happen!!
For this, we must know if there is a collision between both sprites.
Usually a calculation of the bounding boxes will be enough.

Collisions II
First, we need the bounding boxes of the two elements we want to discover if they have collided:
public static RectUserControlBounds(FrameworkElement control)
{
Point ptTopLeft = new Point(Convert.ToDouble(control.GetValue(Canvas.LeftProperty)), Convert.ToDouble(control.GetValue(Canvas.TopProperty)));
Point ptBottomRight = new Point(Convert.ToDouble(control.GetValue(Canvas.LeftProperty)) + control.Width, Convert.ToDouble(control.GetValue(Canvas.TopProperty)) + control.Height);
returnnew Rect(ptTopLeft, ptBottomRight);
}

Collisions III
Next we validate if both bounding boxes overlap each other:
public static boolRectIntersect(Rectangle rectangle1, Rectangle rectangle2)
{
return (((double)rectangle1.GetValue(Canvas.LeftProperty) <= (double)rectangle2.GetValue(Canvas.LeftProperty) + rectangle2.Width)
&& ((double)rectangle1.GetValue(Canvas.LeftProperty) + rectangle1.Width >= (double)rectangle2.GetValue(Canvas.LeftProperty))
&& ((double)rectangle1.GetValue(Canvas.TopProperty) <= (double)rectangle2.GetValue(Canvas.TopProperty) + rectangle2.Height)
&& ((double)rectangle1.GetValue(Canvas.TopProperty) + rectangle1.Height >= (double)rectangle2.GetValue(Canvas.TopProperty)));
}

Input via Buttons
Back – Start – Search Only
NOT usable for Games!

Input via Touch
UIElement Class contains Events
ManipulationStarted
ManipulationDelta
ManipulationCompleted
Supported in Emulator
Requires Multitouch Monitor

Input via Accelerometer
+Y
1
Measures force applied on each axis over time
Not supported by Emulator
Can be faked using Mouse Input + Perspective Transform
-Z
-X
+X
+Z
-Y

Alltogethernow!! – A shootinggame
(link to demo)
Note: This demo isderivedfroma greatsamplefromMatthew Casperson.

Otherpoints

Performance Statistics
Set EnableFrameRateCounter = true
A – Render Thread Framerate
B – UI Thread Framerate
C – Amount of Video Memory Used
D – Total # of Textures Used
E – Total # of Intermediate Textures Used
Set EnableCacheVisualization = true
Tinted items are NOT being cached by GPU

Automatic GPU Acceleration
Automatically Applied to
StoryBoardAnimations
Perspective 3D (PlaneProjections) – but only if they are applied by Storyboard animations.
Uses Video Card for Transform, Rotate, Scale, Rectangular Clip
NOT automatic for Procedural Animation!

monetization

Monetization
The Marketplace Hub

Monetization
Try and buy
Detailed product description
Screen shots
Reviews & ratings
Related apps
Optional game content rating
More apps by developer

Monetization
70% revenue share
Trial API
Credit card & mobile operator billing
Paid, ad funded and free apps

Deployment Process
Develop
& Debug
Submit& Validate
Certify
& Sign
Windows Phone Application Deployment Service
Marketplace

resources

Good resources
http://www.andybeaulieu.com
http://www.farseergames.com/blog/
http://blogs.silverarcade.com/silverlight-games-101/
http://forums.silverlight.net/
http://laumania.net/?tag=/game+development
http://expression.microsoft.com/en-us/dd835381.aspx
http://www.bluerosegames.com/brg/silverlight_game_development.aspx
http://Silverlightguy.com

Cool games, samples & tuts
http://silverarcade.com/games/InnoveWare/quakelight
http://dobbschallenge2.com/
http://silverarcade.com/games/ddtmm/vsa
http://www.mashooo.com/SilverlightGames/Tire_Storm.aspx
http://dl.dropbox.com/u/2681028/CodeplexData/WriteableBitmapEx/BlitSample/TestPage.html
http://www.brighthub.com/internet/web-development/articles/14494.aspx

jose@brainsiders.com - @joslat

Md2010 jl-wp7-sl-game-dev

by Jose Millas on Sep 23, 2010

Accessibility

Categories

Tags

Upload Details

Usage Rights

Statistics

Md2010 jl-wp7-sl-game-dev — Presentation Transcript