Mobile game development Cocos2d Framework UI elements Animations Navigation Native UI Advanced topics

1. Cross-platform Game Dev w/
CocosSharp
with Alex Sorokoletov and Alexey Strakh

2. Agenda
• Mobile game development
• Cocos2d
• Framework
• UI elements
• Animations
• Navigation
• Native UI
• Advanced topics

3. Mobile game development
• Why games?
• Most rated
• Most downloaded
• Stores tops
• Top grossing

4. Stores tops

5. Top grossing
Daily stats (App Store):
• Clash of Clans
$1.6M, 140k installs, 4.5M users
• Game of War - Fire Age
$1M, 40k installs, 3M users
• Candy Crush Saga
$0.9M, 100k installs, 11.5M users

6. About Cocos2d
• Cocos2d
• MonoGame
• CocosSharp

7. Demo 1
Creating new game using Xamarin/CocosSharp

8. Components and layers
• Node
• Sprite
• Layer
• Scene
• Director
• AppDelegate

9. UI Elements
• CCLabel and Text
• CCMenuItem Image/Label/Toggle
• CCMenu

10. Animations
• Apply to any node
• Show, Hide, Move, Rotate, Fade, Skew…
• Easing functions
• Chaining
• Custom functions

11. Navigation between screens
• DefaultDirector
• Transitions (easing, rotate, slides, etc.)
• Navigation Stack (push, pop, replace)
var congratsScene = Scenes.CongratsScene(this.Window);
var congratsSceneAnimation = new CCTransitionFade(0.5f, congratsScene);
DefaultDirector.ReplaceScene(congratsSceneAnimation);

12. Demo 2. Luau
• Bootstrap
• Scenes
• Layers
• Animations
• Navigation

13. Mixing CocosSharp and native UI
• Native Storyboards
• Application bootstrap
• Start/Exit CocosSharp game

14. Advanced topics: audio, particles, physics
• Audio engine
• Particles system
• Physics (box2d)
• Leader board integration
• Power of Portable Class Libraries (PCL) and Xamarin

15. Q&A
• Alexey Strakh (@alexeystrakh)
• Alex Sorokoletov (@alexsorokoletov)