Desktop apps

C

C++

Win32

C#

VB

.NET SL

HTML JavaScript

Internet Explorer

Metro style apps

Windows Kernel Services

Communication

& Data

Devices

& Printing

WinRT APIs

Graphics

& Media

Application Model

XAML

JavaScript

HTML / CSS

C

C++

C#

VB

DX

UI

XAML

C#

VB.NET

C++/CX

Metro style

Application

DirectX DirectX

(C++/CX)

Logic

XAML & C#

XAML &

VB.NET

XAML &

C++/CX

XAML &

DirectX

Only DirectX

HTML/CSS JavaScript HTML/CSS &

JavaScript

http://msdn.microsoft.com/en-us/library/windows/apps/hh825871.aspx

XAML DirectX

XAML DirectX

XAML

SurfaceImageSource(600

Grid Rectangle

手軽に利用できる！

画像 描画領域

描画領域（画面のこと）

DirectX XAML

<SwapChainBackground

Panel>

• XAML <SwapChainBackgroundPanel x:Class="MyApp.MainPage"

x:Name="SwapChainPanel"

PointerMoved="OnPointerMoved">

<Slider x:Name="ScaleX" Grid.Row="1"

Grid.Column="2" Minimum="0" Maximum="4“

StepFrequency="0.01“

ValueChanged="OnScaleXValueChanged"/>

</SwapChainBackgroundPanel>

DX::ThrowIfFailed(

dxgiFactory->CreateSwapChainForComposition(

m_d3dDevice.Get(),

&swapChainDesc,

nullptr,

&m_swapChain

)

);

ComPtr<ISwapChainBackgroundPanelNative> Panel;

reinterpret_cast<IUnknown*>(m_swapChainPanel)->QueryInterface(

IID_PPV_ARGS(&Panel));

DX::ThrowIfFailed( Panel->SetSwapChain(m_swapChain.Get()));

Grid Rectangle

画像 描画領域

描画領域

DirectX XAML

http://channel9.msdn.com/Events/Windows-Camp/Developing-Windows-8-Metro-style-apps-in-Cpp/Building-Apps-with-Cpp-XAML-and-DirectX

http://www.codertakeout.com/v/35674/52T24/Metro_Direct2D_and_XAML_Burst_of_Performance_in_Windows_8.html

http://msdn.microsoft.com/en-us/library/windows/apps/hh825871.aspx

http://code.msdn.microsoft.com/windowsapps/Windows-8-Modern-Style-App-Samples

http://blogs.msdn.com/b/windowsappdev_ja/archive/2012/03/22/xaml-directx.aspx

[] : ラムダキャプチャ

() : 関数の引数

{} : 関数の本体、コード

() : 関数呼び出し

[] : ラムダキャプチャ

() : 関数の引数

{} : 関数の本体、コード

() : 関数呼び出し

[] : ラムダキャプチャ

() : 関数の引数

{} : 関数の本体、コード

() : 関数呼び出し

[] : ラムダキャプチャ

() : 関数の引数

{} : 関数の本体、コード

() : 関数呼び出し

[] : ラムダキャプチャ

() : 関数の引数

{} : 関数の本体、コード

() : 関数呼び出し

[] : ラムダキャプチャ

() : 関数の引数

{} : 関数の本体、コード

() : 関数呼び出し

[] : ラムダキャプチャ

() : 関数の引数

{} : 関数の本体、コード

() : 関数呼び出し