MONOGAME is an open-source and cross-platform framework that allows for cross-platform native mobile development using C# and .NET. It is a reimplementation of the abandoned XNA framework and is mainly used for 2D game development. It provides APIs for graphics, audio, input handling and more. Games developed with MONOGAME can be deployed to Android, iOS, Windows and more. The framework uses a main game loop with methods for initializing, loading content, updating and drawing each frame. It supports common game elements like sprites, tiles, animations, cameras and physics.

1. MONOGAMECross-Platform Native Mobile Development in Paris
Aloïs DENIEL
@aloisdeniel
07/09/2016

2. Technical Leader
Xamarin
My job
Aloïs DENIEL
alois.deniel@orange.com
@aloisdeniel
Why?
That was my first experience with C#
Different from common UI development
Based sur Xamarin
Adapted to different needs
Where?
Orange Applications for Business
Rennes

3. The framework
MONOGAME
Xamarin.NET DirectX OpenGL
SharpDX SDL2
Open-source and cross-platform
re-implementation of the XNA
framework, abandonned by
Microsoft few years ago. It is
mainly used in game industry,
for 2D games.

4. Renowned productions
Cross-platform games
Towerfall FEZ Bastion Infinite FlightTransistor
Mercenary
Kings

5. Outils et APIs
MONOGAME
Xamarin / .NET
C#Visual Studio
Xamarin Studio
Monogame
Content Pipeline
PNG
WAV
MP3
Font

6. Main cycle
DrawUpdateInitialize LoadContent
Real time rendering
Inputs

7. Main cycle
Main class: Game
public class Game : Idisposable
{
// …
protected virtual void Initialize ();
protected virtual void LoadContent ();
protected virtual void Update (GameTime time);
protected virtual void Draw (GameTime time);
}

9. ContentPipeline
Packaging resources

10. ContentManager
Resource container
this.Content.RootDirectory = "Content";
protected override void LoadContent()
{
this.ballTexture = this.Content.Load<Texture2D>("assets");
}

12. protected override void LoadContent()
{
this.texture = Content.Load<Texture2D>("assets");
}
Load textures
From images

13. protected override void Draw (GameTime gameTime)
{
graphics.GraphicsDevice.Clear(Color.Black);
spriteBatch.Begin(SpriteSortMode.Immediate);
spriteBatch.Draw(this.texture, this.position1, Color.White);
spriteBatch.Draw(this.texture, this.position2, Color.White);
spriteBatch.Draw(this.texture, this.position3, Color.White);
spriteBatch.End();
Spritebatch Begin
Draw
Draw
Draw
End

14. Tiles
1 2
3
1 1 1 2
3
3
Image portions

15. Tiles
var source = new Rectangle(50,0,50,50);
var destination = new Rectangle(150,0,50,50);
spriteBatch.Draw(this.tiles,
sourceRectangle: source,
destinationRectangle: destination);
Source
2
Destination
tiles.png
Image portions

16. Animations
t=1
t=2
Changing the source dynamically

17. Camera Ecran
Ecran
RotationTranslation Zoom

18. Camera
Ecran Ecran
Translation
1
Matrix.CreateTranslation(-100,0,0)
Translation

19. Camera
Ecran
Ecran
Translation
2
Matrix.CreateRotationZ(0.05f)
Rotation

20. Camera
Ecran
Ecran
Zoom
2
Matrix.CreateScale(2)
Zoom

21. Camera
Var transform = Matrix.CreateTranslation(new Vector3(-100,0,0))
* Matrix.CreateRotationZ(0.05f)
* Matrix.CreateScale(new Vector3(2,2,1));
spriteBatch.Begin(transformMatrix: transform);
Matrix maths
Ecran

22. this.font = Content.Load<SpriteFont>("font");
Polices de caractères
Chargement et affichage
spriteBatch.DrawString(this.font,"Hello World", new Vector2(20,20));

24. MediaPlayer
MediaPlayer.Play(song);
MediaPlayer.IsRepeating = true;
MediaPlayer.Pause();
Musics
this.song = Content.Load<Song>("music");

25. SoundEffect
Sounds
this.jumpSound.Play(volume,pitch,pan);
this.jumpSound = Content.Load<SoundEffect>("jump");

27. User inputs
var state = Mouse.GetState();
state.X , state.Y, state.LeftButton, state.RightButton, …
var state = Keyboard.GetState();
state.IsKeyDown(Key.A), …
var state = GamePad.GetState(PlayerIndex.One);
state.IsButtonDown(Buttons.A), state.ThumbSticks.Left, …
var state = TouchPanel.GetState();
state.First().Position, state.First().Id, state.First().Pressure, …

28. Manage irregularity
update draw update draw update draw
temps
dt = 50ms dt = 20ms
this.ballPosition +=
new Vector2(0, (float)gameTime.ElapsedTime.TotalSeconds * Ball.Speed)

29. Physics
origine
destination
théorique
destination
obstacle
collision
AABB Collisions
origine
Moves / Gravity
A = M * (0, 9.8)
V += A * delta
P += 0.5 * V * delta * delta
Simulate a world

30. Entity/Component/System
Commonly used (i.e Unity3D)
Player
int X { get; set; }
int Y { get; set; }
Texture2D Texture { get; set; }
float Health { get; set; }
void Update(int time);
void Draw();
Development pattern
Entity
int X { get; set; }
int Y { get; set; }
PositionComponent
float Health { get; set; }
HealthComponent
string Texture { get; set; }
Rectangle Source { get; set; }
Rectangle Destination{ get; set; }
SpriteComponent
RenderSystem RulesSystem
void Draw(); void Update(int time);
Int Identifier { get; set; }

31. http://goo.gl/oeYUyq

33. Solutions
Tiled + TiledSharp Map tile manager
Entitas Entity/Component/System Framework
Farseer Advanced physics simulation
Monocle Engine Engine (by Matt Thorson, Towerfall creator)
Frameworks
Other platforms
Unity Advanced tools (licences)
https://github.com/aloisdeniel/awesome-monogame

34. Start!
Different project architecture from UI projects
Expand your horizons: maths, physics, draw, audio, video, code
Start from simple APIs and grow with your own logic
Be creative
Start simple

35. Thanks
Contact me
@aloisdeniel
alois.deniel@orange.com