Microsoft Ignite NZ 25-28 October 2016 SKYCITY, Auckland

Universal Windows Platform apps on Xbox One OMG! Damian Karzon

What is UWP What’s different about Xbox? How do I do that? Microsoft Ignite 2016 11/11/2018 3:04 PM What is UWP What’s different about Xbox? How do I do that? © 2016 Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

What’s a Universal Windows Platform (UWP) app 11/11/2018 3:04 PM What’s a Universal Windows Platform (UWP) app One API set, One Package, One Store Adaptive controls and input Extension SDKs for device family features © 2014 Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

UWP design principles Keep it simple Make it personal Think universal 11/11/2018 3:04 PM UWP design principles Keep it simple Effortless UI Make it personal People are people Think universal All of the world Create delight Enjoyable UX © 2014 Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

dev.windows.com/design 11/11/2018 3:04 PM dev.windows.com/design © 2014 Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

10-foot design principles (~3 metres) 11/11/2018 3:04 PM 10-foot design principles (~3 metres) Simple Double simple Coherent Easy to use Captivating Immersive, cinematic experiences © 2014 Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

Controller/Remote Less is more Focus 11/11/2018 3:04 PM © 2014 Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

TV Safe Colours TV Safe Area 11/11/2018 3:04 PM © 2014 Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

Getting setup with Xbox One dev 11/11/2018 3:04 PM Getting setup with Xbox One dev Requirements Xbox One Anniversary Update Dev mode activation app Visual Studio 2015 Update 3 Developer Center Account © 2014 Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

Demo Environment File -> New Project -> Deploy to Xbox One Microsoft Ignite 2016 11/11/2018 3:04 PM Demo Environment File -> New Project -> Deploy to Xbox One © 2016 Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

defaults for UWP “it just works” 11/11/2018 3:04 PM defaults for UWP “it just works” “acceptable method” UWP desktop example UWP Defaults – Works on Xbox / TV Scale Factor applied by default TV safe box applied by default “Mouse Emulation” with Gamepad Automatic TV Safe Area © 2014 Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

optimised for 10’ premium experience UWP desktop example 11/11/2018 3:04 PM optimised for 10’ premium experience UWP desktop example “UWP XBOX” – Optimized for Xbox (TV) Optimize for Gamepad (“X-Y Focus”) Focus Rectangle for TV Account for TV Safe area Use TV Safe colors Less dense control layout and bigger controls Integrate SMTC (or use our media controls) Use adaptive layout to account for snapped apps © 2014 Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

Controller and Remote Interaction Basics Microsoft Build 2016 11/11/2018 3:04 PM Controller and Remote Interaction Basics Requires Pointer XY Focus Recommended for most UI surfaces Use for drawing canvases, web content, etc. © 2016 Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

Configuring XY Focus vs. Requires Pointer Microsoft Build 2016 11/11/2018 3:04 PM Configuring XY Focus vs. Requires Pointer Application.RequiresPointer= "Auto" : XY Focus or pointer depending on device (default) "WhenRequested" : XY Focus, except on controls where specifically requested For specific controls or pages where pointer makes sense: Control.RequiresPointer="WhenFocused"> or Control.RequiresPointer="WhenEngaged"> © 2016 Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

Tuning XY Focus //focusable control Microsoft Build 2016 11/11/2018 3:04 PM Tuning XY Focus //focusable control IsTabStop=true & Visibility=Visible //Customise direction focus control1.XYFocusLeft = control2; control1.XYFocusRight = control2; control1.XYFocusUp = control2; control1.XYFocusDown = control2; © 2016 Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

Demo Optimise UWP app for Xbox Microsoft Ignite 2016 11/11/2018 3:04 PM Demo Optimise UWP app for Xbox © 2016 Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

11/11/2018 3:04 PM © 2014 Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

11/11/2018 3:04 PM © 2014 Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

Universal Windows Store 11/11/2018 3:04 PM Universal Windows Store © 2014 Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

Session recap UWP Xbox design principles Microsoft Build 2016 11/11/2018 3:04 PM Session recap UWP Xbox design principles Controller/Remote Input (Focus) Interaction modes Inputs and Behaviors Tuning XY Focus Focus Engagement Focus Visualization Presenting on the TV UI sizing TV-safe area Colors Sound © 2016 Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

Questions? /dkarzon /dkarzon Microsoft Ignite 2016 11/11/2018 3:04 PM © 2016 Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

11/11/2018 3:04 PM © 2014 Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.