DEVELOPING XBOX ONE APPS WITH UWP

Transcript

1. DEVELOPING XBOX ONE APPS
   WITH UWP
   Roberto Hernandez
   @hernandezrobert
   DC-MD-VA MS Devs (App/Game/Cloud/Web)
   RESTON, VA – JUNE 28, 2016
   

   View Slide

2. I AM ROBERTO HERNANDEZ
   • Developer Extraordinaire at InfernoRed Technology
   @hernandezrobert
   www.overridethis.com
   www.github.com/rjhernandez
   www.bitbucket.com/rjhernandez
   

   View Slide

3. UNIVERSAL WINDOWS PLATFORM (UWP)
   https://msdn.microsoft.com/en-us/windows/uwp/get-started/universal-application-platform-guide
   

   View Slide

4. View Slide

5. BUILDING UWP APPS FOR
   XBOX ONE AND TV
   • Scale factor and resolution
   • Gamepads
   • TV safe area
   • TV safe colors
   • Design for a “10 foot experience”
   • Disable mouse mode*
   

   View Slide

6. 200% scale factor
   1080presolution only
   

   View Slide

7. TV safe colors
   RGB 16 – 235
   Hex 10-EB
   

   View Slide

8. View Slide

9. Hamburger
   Hot dog
   Fries
   Settings
   

   View Slide

10. Hamburger
    Hot dog
    Fries
    Settings
    

    View Slide

11. 27px
    27px
    48px 48px
    Hamburger
    Hot dog
    Fries
    Settings
    

    View Slide

12. 27px
    27px
    48px 48px
    Hamburger
    Hot dog
    Fries
    Settings
    

    View Slide

13. 27px
    48px 48px
    Hamburger
    Hot dog
    Fries
    Settings
    27px
    

    View Slide

14. ADAPT UI SPECIFIC TO XBOX ONE
    • Device Family (“Windows.Xbox”)
    • Triggers
    • XAML Views
    

    View Slide

15. AUDIO / VIDEO APPS
    • Integrate with the System Media Transport Controls (SMTC)
    • Remote support
    • SmartGlass support
    • No dimming
    • Use the new single process background model
    

    View Slide

16. View Slide

17. SOME LIMITATIONS
    • No Xbox Live integration
    • No Kinect
    • No Cortana voice commands (speech recognition is supported)
    

    View Slide

18. RESOURCES
    • GETTING STARTED WITH UWP APP DEV ON XBOX:
    https://msdn.microsoft.com/en-us/windows/uwp/xbox-apps/getting-started
    • DESIGNING FOR XBOX AND TV:
    https://msdn.microsoft.com/windows/uwp/input-and-devices/designing-for-tv/
    • BLOG POST: BUILDING APPS FOR XBOX WITH UWP:
    http://blog.infernored.com/building-apps-for-xbox-one-with-uwp
    All icons in this slide deck are from icons8.com
    

    View Slide

19. THANK YOU!
    These slides are available at:
    www.speakerdeck.com/rjhernandez
    @hernandezrobert
    www.overridethis.com
    www.github.com/rjhernandez
    www.bitbucket.com/rjhernandez
    

    View Slide