Key Platform APIs Win32 apps Windows Kernel Services Input and InteractionRendering and Composition

Direct2D bitmap DXGI video Direct2D HWND

Parent Window Bottom DirectComposition Layer Child Window Top DirectComposition Layer Composed Window

Parent Window Child Window Top DirectComposition Layer Composed Window

Composition Target for application window Root Visual for Top DirectComposition layer Container Visual TopLeftTape Visual TopRightTape Visual BottomRightTape Visual BottomLeftTape Visual Top DirectComposition Layer

1.Create DirectComposition device 2.Create HWND composition target 3.Set up the structure for the composition visual tree 4.Set up the content for the composition visual tree 5.Bind content and structure 6.Create/set visual properties 7.Create/set animations 8.Commit

1.Create DirectComposition device 2.Create HWND composition target 3.Set up the structure for the composition visual tree 4.Set up the content for the composition visual tree 5.Bind content and structure 6.Create/set visual properties 7.Create/set animations 8.Commit

1.Create DirectComposition device 2.Create HWND composition target 3.Set up the structure for the composition visual tree 4.Set up the content for the composition visual tree 5.Bind content and structure 6.Create/set visual properties 7.Create/set animations 8.Commit

Add engaging, smooth composition and animation scenarios to your application by using DirectComposition! Move existing code forward without having to change rendering paths