Build 2015 4/17/2017 © 2015 Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION.

Slides:



Advertisements
Similar presentations
Creating Windows Store Apps. 1. Overview of Windows Store applications 2. Worked example 3. Adding controls and event handlers Contents 2.
Advertisements

The Microsoft Technical Roadshow 2006 Windows Presentation Foundation (WPF) Marcus Perryman
 Currently there is no software solution that combines video and animation in to one platform.  Every single change drag changes in all of the environments.
Tampa Bay Windows Developers User Group File…New…Metro Jan 18th 2012
Windows Presentation Foundation ("Avalon") Overview of Windows Vista Graphics Pablo Fernicola PRS 309 Group Program Manager Microsoft Corporation
Essentials of Developing Windows Phone Apps Chinthaka Dissanayake Tech Lead Exilesoft.
App Development on Android
Go Live with.NET 3.0 Ivan Towlson, ECN Group Agenda What is.NET 3.0? Should I be considering/recommending it for current projects?
2D drawing library 2D geometry, text, images, effects, etc… For the Universal Windows Platform Windows 10 and Windows/Phone 8.1 C++, C# and CLR.
Platform Specific UI Interop Layers Generated Base MDL Model Definition Generated ViewModel XAML Interop (INPC) XAML UIJNI InteropJava.
Fast rendering of 2D applications with text and images Combines the power of DirectX and the convenience of.NET Adopted by most triple-A titles.
Introduction & Welcome Marcus Perryman Mike Taulty
Introducing the UWP.
Writing Universal Apps for Windows and Windows Phone GREG STOLL 10/18/2014.
Key Platform APIs Win32 apps Windows Kernel Services Input and InteractionRendering and Composition.
MPEG-4 By Christian Smith MUMT-621 Feb. 5 th 2012.
Windows Core OS Services JavaScript (Chakra) C C++ C# VB Metro style apps Communication & Data Application Model Devices & Printing WinRT APIs Graphics.
There has never been a better time to build a game that targets PC, tablets, phone and Xbox!
Building Windows Apps Jason Keicher, Technical Specialist

2 A First Look at Windows Presentation Foundation Everywhere ("WPF/E") Joe Stegman Lead Program Manager Microsoft Corporation.
Integrate your game with Windows platform Vladimir Kolesnikov Technical Evangelist
CS360/CS580H GUI & Windows Programming. Outline Win32/Windows API & SDK Visual Studio MFC – Microsoft Foundation Classes C# &.NET – concepts Windows Forms.
Faster 2D graphics on Windows 8 Your app will run faster on Windows 8.
Week II Platforms and Engines. Overview Platforms and Engines Tools and SDKs Netbeans Game Development Walkthrough
CS360/CS580H GUI & Windows Programming Introduction.
Silverlight Technology. Table of Contents 1.What is Silverlight Technology? 2.Silverlight Overview. 2.1 How it works 2.2 Silverlight development tools.
Easy for users to get & stay current Unified core and app platform Windows Phone 7.5 Windows Phone 8 Windows Phone 8.1 Windows 8 Xbox One Windows on Devices.
Easy for users to get & stay current Unified core and app platform Windows Phone 7.5 Windows Phone 8 Windows Phone 8.1 Windows 8 Xbox One Windows on Devices.
Windows Presentation Foundation (WPF) Declare Your Next User Interface.
Computer Graphics Using Direct 3D Introduction. 2 What are we doing here? Simply, learning how to make the computer draw.
Windows Core OS Services JavaScript (Chakra) C C++ C# VB Metro style apps Communication & Data Application Model Devices & Printing WinRT APIs Graphics.
Overview of Silverlight Mike Taulty Developer & Platform Group Microsoft Ltd
9961 SILVER MAPLE RD, HIGHLANDS RANCH, CO (303) Advanced XAML for Win 8 Apps Daren May.
A Lap Around Windows Presentation Foundation. Why hasn’t UX taken off in software? It’s Difficult! Animation 2D 3D Documents Styled Controls Video Windows.
Nick Kramer PRS313 Lead Program Manager Microsoft Corporation
Windows Store apps… lots of choices Windows Store Apps Communication & Data Application Model Devices & Printing WinRT APIs Graphics & Media JavaScript.
UI: MFC, GDI UI: DirectX still need to rethink user experience ISO C++ VC++ Runtime (CRT, PPL, …) C++/CLI OS / Win32 WinRT + Win32 subset COM.
App Theming & PVL Direct3DDirectWriteDirect2DMediaTouch.
Windows 8 for Existing.NET Developers Tim Heuer Program Manager Windows Developer Experience Microsoft Corporation.
Java 3D Web Apps and Services. Presentation Overview l Java3D Overview l Software l Java3D API l Scene Graph Programming Model l Java3D Terminology l.
Lewis Benge Bring your code to Windows MOB336.
Easy for users to get & stay current Unified core and app platform Windows Phone 7.5 Windows Phone 8 Windows Phone 8.1 Windows 8 Xbox One Windows on Devices.
Bridges to the Magickal Faerie Land of Windows 10 Hannes Nel M263.
1 Välkommen till Sommarkollo Windows Presentation Foundation Per Östman ISV Developer Evangelist
.NET Framework Presentation. About Me Patrik Löwendahl –C# MVP –Certified Vista Touchdown Trainer Cornerstone
Windows.UI.Composition: The Next gen UI foundation SDK Update
Friday, March 8 Creating real Custom Controls Kelvin van Geene 12:15.
Multitasking and Triggered Background Processing
Microsoft’s Rich Web Technology XAML,WPF and WPF/E July, 2006 John Allwright.
Windows Presentation Foundation. User Experience: Recent Past Web HTML Sacrificed UX for portability, connectivity and simplicity 1997 – DHTML.
Communication & Data Devices & Printing WinRT APIs DirectX & Media Windows 8 Desktop Apps C C++ Win32 C# VB. NET SL HTML JavaScrip t Internet Explorer.
The Windows 10 App platform: an introduction to the UWP Andy Wigley b:
0 Developing for Windows 10 Tony Champion Champion DS.
~80 System Colors (and Brushes) ~80 System Colors (and Brushes) XAML Control Colors Map to ~80 system colors SystemBaseHighColor (SystemControlHighlightBaseHighBrush)
Part of the Microsoft.NET Framework 3.0 Tomer Shamam.NET Technologies Expert Sela Group
Building Windows Phone 7 Games and Applications Yes, yes! “Games and Applications” and not “Applications and Games” Content is under NDA – please do no.
Introduction to Avalon Mike Taulty Microsoft Ltd
Building Metro style apps with XAML with.NET Tim Heuer Program Manager Microsoft Corporation DEV353.
Building engaging experiences
The Universal Windows Platform
Windows Phone 8.1 New Features
.NET and .NET Core 7. XAML Pan Wuming 2017.
תכנות אסינכרוני, תקשורת ופיתוח אפליקציות ל-Windows 8
Windows 10 Preview Andy & Jerry
Build /20/2019 © 2012 Microsoft Corporation. All rights reserved. Microsoft, Windows, and other product names are or may be registered trademarks.
Windows Presentation Foundation
Free Samples! Take One! Take advantage of Intel’s free sample code to jump-start your game development. Dave Houlton Game Technology Development.
Combining XAML and DirectX
04 | XAML in Blend 2013 Part 2 of 2 Unni Ravindranathan | Senior Program Manager Lead (Blend) Jerry Nixon | Developer Evangelist (Colorado)
Presentation transcript:

Build 2015 4/17/2017 © 2015 Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

Build 2014 James Clarke Principal Program Manager Lead @clarkezone 4/17/2017 2-672 Bring Fluid, Responsive, and Highly Scalable UI Experiences to Your Universal Windows Apps with the New Visual Layer James Clarke Principal Program Manager Lead @clarkezone © 2014 Microsoft Corporation. All rights reserved. Microsoft, Windows, and other product names are or may be registered trademarks and/or trademarks in the U.S. and/or other countries. The information herein is for informational purposes only and represents the current view of Microsoft Corporation as of the date of this presentation. Because Microsoft must respond to changing market conditions, it should not be interpreted to be a commitment on the part of Microsoft, and Microsoft cannot guarantee the accuracy of any information provided after the date of this presentation. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

Productivity Vision Build 2014 4/17/2017 © 2014 Microsoft Corporation. All rights reserved. Microsoft, Windows, and other product names are or may be registered trademarks and/or trademarks in the U.S. and/or other countries. The information herein is for informational purposes only and represents the current view of Microsoft Corporation as of the date of this presentation. Because Microsoft must respond to changing market conditions, it should not be interpreted to be a commitment on the part of Microsoft, and Microsoft cannot guarantee the accuracy of any information provided after the date of this presentation. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

Agenda slide The Visual Layer and Composition in Windows 10 Build 2014 4/17/2017 Agenda slide The Visual Layer and Composition in Windows 10 Using the Visual Layer in your Apps Roadmap & Call to action © 2014 Microsoft Corporation. All rights reserved. Microsoft, Windows, and other product names are or may be registered trademarks and/or trademarks in the U.S. and/or other countries. The information herein is for informational purposes only and represents the current view of Microsoft Corporation as of the date of this presentation. Because Microsoft must respond to changing market conditions, it should not be interpreted to be a commitment on the part of Microsoft, and Microsoft cannot guarantee the accuracy of any information provided after the date of this presentation. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

What is the Visual Layer? Build 2014 4/17/2017 What is the Visual Layer? System Compositor Composition API Graphics Hardware Windows Shell XAML / WWA Frameworks IE / Project Spartan Win32 Apps Display © 2014 Microsoft Corporation. All rights reserved. Microsoft, Windows, and other product names are or may be registered trademarks and/or trademarks in the U.S. and/or other countries. The information herein is for informational purposes only and represents the current view of Microsoft Corporation as of the date of this presentation. Because Microsoft must respond to changing market conditions, it should not be interpreted to be a commitment on the part of Microsoft, and Microsoft cannot guarantee the accuracy of any information provided after the date of this presentation. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

Visual Layer Goals for Windows 10 Build 2014 4/17/2017 Visual Layer Goals for Windows 10 Vision: Create the foundational building blocks to enable next generation user experiences. Unified composition and rendering New Capabilities New Programming Model 1 2 3 © 2014 Microsoft Corporation. All rights reserved. Microsoft, Windows, and other product names are or may be registered trademarks and/or trademarks in the U.S. and/or other countries. The information herein is for informational purposes only and represents the current view of Microsoft Corporation as of the date of this presentation. Because Microsoft must respond to changing market conditions, it should not be interpreted to be a commitment on the part of Microsoft, and Microsoft cannot guarantee the accuracy of any information provided after the date of this presentation. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

New Visual Layer in Windows 10 Build 2014 4/17/2017 New Visual Layer in Windows 10 Create the foundational building blocks for next generation user experiences 1 Unified composition and rendering Converged Compositor One Compositor enabling Windows apps across all Windows OneCore devices New Rendering Engine Optimized for scalable rendering of highly dynamic scenes New Capabilities Light-Weight Visual Layer New Effects System New Animation System 2 Optimized for scale and highly dynamic content New Programming Model 3 © 2014 Microsoft Corporation. All rights reserved. Microsoft, Windows, and other product names are or may be registered trademarks and/or trademarks in the U.S. and/or other countries. The information herein is for informational purposes only and represents the current view of Microsoft Corporation as of the date of this presentation. Because Microsoft must respond to changing market conditions, it should not be interpreted to be a commitment on the part of Microsoft, and Microsoft cannot guarantee the accuracy of any information provided after the date of this presentation. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

Introducing: New WinRT Composition API Build 2014 4/17/2017 WinRT object model providing programmatic access to the visual layer: Windows.UI.Composition Usable from C#, Standard C++, C++/CX Available everywhere Universal Windows Apps run In preview now; We’re not done yet! Introducing: New WinRT Composition API © 2014 Microsoft Corporation. All rights reserved. Microsoft, Windows, and other product names are or may be registered trademarks and/or trademarks in the U.S. and/or other countries. The information herein is for informational purposes only and represents the current view of Microsoft Corporation as of the date of this presentation. Because Microsoft must respond to changing market conditions, it should not be interpreted to be a commitment on the part of Microsoft, and Microsoft cannot guarantee the accuracy of any information provided after the date of this presentation. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

Visual Layer for devs Windows 8.1 era Build 2014 4/17/2017 Visual Layer for devs Windows 8.1 era Windows 8.1 / Phone Store Apps XAML UI Tree, Control Model, Layout, Property System Databinding, Accessibility Framework Layer DirectComposition / DirectManipulation Composition Tree, Primitive Rendering, Animation Execution, Manipulation Threads Visual Layer 2D and 3D drawing, Meshes, Shaders, high degree of control over presentation DirectX Family Graphics Layer © 2014 Microsoft Corporation. All rights reserved. Microsoft, Windows, and other product names are or may be registered trademarks and/or trademarks in the U.S. and/or other countries. The information herein is for informational purposes only and represents the current view of Microsoft Corporation as of the date of this presentation. Because Microsoft must respond to changing market conditions, it should not be interpreted to be a commitment on the part of Microsoft, and Microsoft cannot guarantee the accuracy of any information provided after the date of this presentation. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

Visual Layer for devs Windows 10 Build 2014 4/17/2017 Visual Layer for devs Windows 10 Universal Windows App XAML Framework Layer Composition Tree, Primitive Rendering, Animation Execution, Manipulation Threads, Asynchronous Messaging and Events Windows.UI.Composition Visual Layer DirectX Family Graphics Layer © 2014 Microsoft Corporation. All rights reserved. Microsoft, Windows, and other product names are or may be registered trademarks and/or trademarks in the U.S. and/or other countries. The information herein is for informational purposes only and represents the current view of Microsoft Corporation as of the date of this presentation. Because Microsoft must respond to changing market conditions, it should not be interpreted to be a commitment on the part of Microsoft, and Microsoft cannot guarantee the accuracy of any information provided after the date of this presentation. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

Composition API Walkthrough: Visuals and the Visual Tree Build 2014 4/17/2017 Composition API Walkthrough: Visuals and the Visual Tree Light-Weight Visual Layer New Effects System New Animation System DirectX Interop © 2014 Microsoft Corporation. All rights reserved. Microsoft, Windows, and other product names are or may be registered trademarks and/or trademarks in the U.S. and/or other countries. The information herein is for informational purposes only and represents the current view of Microsoft Corporation as of the date of this presentation. Because Microsoft must respond to changing market conditions, it should not be interpreted to be a commitment on the part of Microsoft, and Microsoft cannot guarantee the accuracy of any information provided after the date of this presentation. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

Demo: TweetWall Build 2015 4/17/2017 12:14 PM © 2015 Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

Demo: TweetWall on Windows Phone Build 2015 4/17/2017 12:14 PM Demo: TweetWall on Windows Phone © 2015 Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

Visual object and class hierarchy Build 2015 4/17/2017 12:14 PM Visual object and class hierarchy Composition Objects that display content derive from Visual Specialized Visuals exist for displaying Solid color rectangles, Images and Effects Visuals that derive from ContainerVisual can have children Future: More kinds of visuals coming (e.g. geometric path, text, particle generator, etc.) © 2015 Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

What can you do with a Visual? Rasterize Content Composes and renders serialized drawing content. Basic positioning Setting offsets relative to parent or window. Clipping “Inset” from size of object Transforms 2D and 3D transformations to alter the size, position or nature of a visual. Properties: Statically set or Bound to animations Build Tree: Establish parent-child relationships

Visual tree structure and content Binding to CoreWindow CompositionTarget Top-level “root” visual ContainerVisual Content visuals SolidColorVisual ImageVisual ImageVisual ImageVisual CompositionImage CompositionImage CompositionImage

Code Demo: Visual Types Build 2015 4/17/2017 12:14 PM Code Demo: Visual Types © 2015 Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

Visual Transforms Transforms can be expressed by either Build 2015 4/17/2017 12:14 PM Visual Transforms Transforms can be expressed by either Individual Components 4x4 Matrix Both kinds are Animatable Use helper methods on numerics classes © 2015 Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

Demo: Matrix Transform in action Build 2015 4/17/2017 12:14 PM Demo: Matrix Transform in action © 2015 Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

Build 2014 4/17/2017 XAML and Composition Visual: how do composition and XAML content compose together seamlessly < /> Visual Visual Visual Visual Visual Visual WebView Visual Layer SwapChainPanel Framework Element Layer Button © 2014 Microsoft Corporation. All rights reserved. Microsoft, Windows, and other product names are or may be registered trademarks and/or trademarks in the U.S. and/or other countries. The information herein is for informational purposes only and represents the current view of Microsoft Corporation as of the date of this presentation. Because Microsoft must respond to changing market conditions, it should not be interpreted to be a commitment on the part of Microsoft, and Microsoft cannot guarantee the accuracy of any information provided after the date of this presentation. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

Build 2014 4/17/2017 XAML and Composition Why use the Visual Layer in XAML apps? 80% of the time you will use the XAML Drop down to realize more complex animations and effects with very little code Scale: need to animate a lot of different elements simultaneously Input-driven animations: like Sticky Headers, Parallax Lower level toolkit for building richer custom controls © 2014 Microsoft Corporation. All rights reserved. Microsoft, Windows, and other product names are or may be registered trademarks and/or trademarks in the U.S. and/or other countries. The information herein is for informational purposes only and represents the current view of Microsoft Corporation as of the date of this presentation. Because Microsoft must respond to changing market conditions, it should not be interpreted to be a commitment on the part of Microsoft, and Microsoft cannot guarantee the accuracy of any information provided after the date of this presentation. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

How to use Composition APIs in a XAML app Build 2014 4/17/2017 How to use Composition APIs in a XAML app The model will change in the future. Enable Windows.UI.Composition API for app* Retrieve XAML UIElement that you want to add composition content to Use static helper method on Windows.UI.Xaml.Hosting.ElementCompositionPreview to retrieve composition visual (object) Cast return value to ContainerVisual Use Compositor property on visual you get to access the Compositor Create composition objects and add them to *Temporary you need: 1: Code snippet on next slide 2: Conditional compilation symbol added to project © 2014 Microsoft Corporation. All rights reserved. Microsoft, Windows, and other product names are or may be registered trademarks and/or trademarks in the U.S. and/or other countries. The information herein is for informational purposes only and represents the current view of Microsoft Corporation as of the date of this presentation. Because Microsoft must respond to changing market conditions, it should not be interpreted to be a commitment on the part of Microsoft, and Microsoft cannot guarantee the accuracy of any information provided after the date of this presentation. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

Code Demo: XAML Integration Build 2015 4/17/2017 12:14 PM Code Demo: XAML Integration © 2015 Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

Composition API Walkthrough: New Effects System Build 2014 4/17/2017 Composition API Walkthrough: New Effects System Light-Weight Visual Layer New Effects System New Animation System DirectX Interop © 2014 Microsoft Corporation. All rights reserved. Microsoft, Windows, and other product names are or may be registered trademarks and/or trademarks in the U.S. and/or other countries. The information herein is for informational purposes only and represents the current view of Microsoft Corporation as of the date of this presentation. Because Microsoft must respond to changing market conditions, it should not be interpreted to be a commitment on the part of Microsoft, and Microsoft cannot guarantee the accuracy of any information provided after the date of this presentation. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

Effects Rich UI: High performance effects and blend modes. Build 2014 4/17/2017 Effects New, real-time Effects system whose effects are applied as a content on a visual. Rich UI: High performance effects and blend modes. Flexibility: Effects can be Customized, Animated and chained. Consistency: Same effect descriptions used for composition, graphics, video (future) © 2014 Microsoft Corporation. All rights reserved. Microsoft, Windows, and other product names are or may be registered trademarks and/or trademarks in the U.S. and/or other countries. The information herein is for informational purposes only and represents the current view of Microsoft Corporation as of the date of this presentation. Because Microsoft must respond to changing market conditions, it should not be interpreted to be a commitment on the part of Microsoft, and Microsoft cannot guarantee the accuracy of any information provided after the date of this presentation. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

Types of Effects Right now Many more to come. Considering… Build 2015 4/17/2017 12:14 PM Types of Effects Right now Composite (13 modes) Blend (21 modes) Color source Saturation 2D Affine Transform Many more to come. Considering… Additional pixel and vertex shader effects (e.g. Lighting effects) Time-based effects (e.g. Transition effects) © 2015 Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

Code Demo: Add Circle mask to Images Build 2015 4/17/2017 12:14 PM Code Demo: Add Circle mask to Images © 2015 Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

Composition API Walkthrough: New Animation System Build 2014 4/17/2017 Composition API Walkthrough: New Animation System Light-Weight Visual Layer New Effects System New Animation System DirectX Interop © 2014 Microsoft Corporation. All rights reserved. Microsoft, Windows, and other product names are or may be registered trademarks and/or trademarks in the U.S. and/or other countries. The information herein is for informational purposes only and represents the current view of Microsoft Corporation as of the date of this presentation. Because Microsoft must respond to changing market conditions, it should not be interpreted to be a commitment on the part of Microsoft, and Microsoft cannot guarantee the accuracy of any information provided after the date of this presentation. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

What does the Animation system do? Declaratively animate Visual and Effect properties Geometry: Position, Size, Transform (in 3D space), Orientation (as quaternions in 3D space) Appearance: Opacity, Effect properties etc. All animations are fluid, running in the Compositor process Interrupted animations resume smoothly Creation and scheduling: performance at scale Modes: Explicit animations (today), Implicit animations (soon) time value

Build 2015 4/17/2017 12:14 PM Explicit Animations Keyframe animations Animations as a function of time defined as a sequence of key frames. Control acceleration using easing functions: Linear, Cubic Bezier. Support for various property types: Scalar, Vector2/3/4, Quaternion (Future). Expression animations Animations as a function of a math expression, typically on another property’s value. Easily create complex user experiences: Sticky headers, Parallax, Scrolling indicators… Built-in functions: Abs, Clamp, Max, Min, Mod, Scale, Transform, Vector*, Matrix* E.g. animation.Expression = "foreground.Offset * (foreground.Size / background.Size)"; © 2015 Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

Demo Applying animations to objects Build 2015 4/17/2017 12:14 PM Demo Applying animations to objects © 2015 Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

Composition API Walkthrough: New Animation System Build 2014 4/17/2017 Composition API Walkthrough: New Animation System Light-Weight Visual Layer New Effects System New Animation System DirectX Interop © 2014 Microsoft Corporation. All rights reserved. Microsoft, Windows, and other product names are or may be registered trademarks and/or trademarks in the U.S. and/or other countries. The information herein is for informational purposes only and represents the current view of Microsoft Corporation as of the date of this presentation. Because Microsoft must respond to changing market conditions, it should not be interpreted to be a commitment on the part of Microsoft, and Microsoft cannot guarantee the accuracy of any information provided after the date of this presentation. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

Build 2014 4/17/2017 DirectX Interop ImageVisual supports Native DirectX interop via native interfaces: IImageVisual / ICompositionSurface / ICompositorInterop Interop with Direct3D, Direct2D family, Win2D possible using this mechanism Scenarios: Multi-layer game HUD, Advanced video playback Requires native code to hook up Full set of animation / effects features continue to apply to ImageVisual Considering for Future Out-of-box support for Win2D © 2014 Microsoft Corporation. All rights reserved. Microsoft, Windows, and other product names are or may be registered trademarks and/or trademarks in the U.S. and/or other countries. The information herein is for informational purposes only and represents the current view of Microsoft Corporation as of the date of this presentation. Because Microsoft must respond to changing market conditions, it should not be interpreted to be a commitment on the part of Microsoft, and Microsoft cannot guarantee the accuracy of any information provided after the date of this presentation. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

Demo: Direct3D / ImageVisual interop Build 2015 4/17/2017 12:14 PM Demo: Direct3D / ImageVisual interop © 2015 Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

Demo: Win2D Interop Build 2015 4/17/2017 12:14 PM © 2015 Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

Build 2014 4/17/2017 Over to you What’s coming in RTM & beyond: how to take advantage of our APIs and help shape our feature set! Contact us: WinComp@microsoft.com Follow us on Twitter: @wincomposition © 2014 Microsoft Corporation. All rights reserved. Microsoft, Windows, and other product names are or may be registered trademarks and/or trademarks in the U.S. and/or other countries. The information herein is for informational purposes only and represents the current view of Microsoft Corporation as of the date of this presentation. Because Microsoft must respond to changing market conditions, it should not be interpreted to be a commitment on the part of Microsoft, and Microsoft cannot guarantee the accuracy of any information provided after the date of this presentation. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

Composition in Windows 10 RTM Build 2014 4/17/2017 Composition in Windows 10 RTM Composition between now and Windows 10 RTM Usable now in Insider builds of Windows 10 / Visual Studio 2015 SDK: Initial WinRT API surface including Visual Tree, Animation, Effects, XAML Interop We want your feedback! For Windows 10 RTM build, APIs will be restricted to in-box callers only Target: end of 2015 final V1 API surface will be available and callable by any store app. © 2014 Microsoft Corporation. All rights reserved. Microsoft, Windows, and other product names are or may be registered trademarks and/or trademarks in the U.S. and/or other countries. The information herein is for informational purposes only and represents the current view of Microsoft Corporation as of the date of this presentation. Because Microsoft must respond to changing market conditions, it should not be interpreted to be a commitment on the part of Microsoft, and Microsoft cannot guarantee the accuracy of any information provided after the date of this presentation. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

in Insider Builds Today New APIs will light up in successive flights 4/17/2017 Unified Compositor Light-Weight Visual Layer Rendering Engine Effects System Animation System WinRT Programming Model_ Roadmap Enhanced Multi-Threading Some things we’re thinking about.. Enhanced Multi-Threading Broader Effects Library Tree Effects Implicit Animations Enhanced Interop with XAML, Win2D Path Animations And more.. Let us know what would be most impactful for your apps! Available for Preview in Insider Builds Today New APIs will light up in successive flights © 2014 Microsoft Corporation. All rights reserved. Microsoft, Windows, and other product names are or may be registered trademarks and/or trademarks in the U.S. and/or other countries. The information herein is for informational purposes only and represents the current view of Microsoft Corporation as of the date of this presentation. Because Microsoft must respond to changing market conditions, it should not be interpreted to be a commitment on the part of Microsoft, and Microsoft cannot guarantee the accuracy of any information provided after the date of this presentation. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

❤ Call to Action Other Talks: MSDN Documentation Developer Forums Build 2015 4/17/2017 12:14 PM Call to Action We ❤ Your Feedback Other Talks: 737: “Use new Motion and Effects features to captivate users and truly bring your app to life” 631: “Introducing Win2D: DirectX-powered Drawing in C#” 733: “API Contracts (or How I Learned to Stop…)” MSDN Documentation Developer Forums Samples from this talk are on GitHub Contact us: WinComp@microsoft.com Follow us on Twitter: @wincomposition © 2015 Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.