multi-mania 2013: html5 games to native windows apps - attach of the yeti

Communication

& Data

Devices &

Printing

WinRT APIs

DirectX & Media

Windows 8

Desktop Apps

C

C++

Win32

C#

VB

.NET

HTMLJavaScript

Internet

Explorer

Windows Store Apps

Application Model

XAML

JavaScript

HTML / CSS

C

C++

C#

VB

Windows Kernel Services

Syst

em

Serv

ices

Vie

wM

od

el

Co

ntr

oll

er

Kern

el

Communication

& Data

Devices &

Printing

WinRT APIs

DirectX & Media

Windows 8

Desktop Apps

C

C++

Win32

C#

VB

.NET

SL

HTMLJavaScript

Internet

Explorer

Windows Store Apps

Application Model

XAML

JavaScript

HTML / CSS

C

C++

C#

VB

Windows Kernel Services

Syst

em

Serv

ices

Vie

wM

od

el

Co

ntr

oll

er

Kern

el

HTML5 Games: some concepts

Frame 1

Frame 2

Frame 3

canvascontext.drawImage(image, //image (‘snowball.png’);0, 0, //source position256, 261, //source size50, 100, //destination position(canvas)256, 261); //destination size

256px

261px

50px

100px

256px

261px

Source

Going Windows 8

#snappedview {display:none;

}

@media screen and (-ms-view-state: snapped) {#contentHost {/*hide main content*/

display:none;}#snappedview {/*show snapped view content*/

display:block;}

}

http://yetibowl.codeplex.com/

http://dev.windows.com

http://dev.windowsphone.com

http://aka.ms/GameDesign

http://opengameart.org/

Build apps on Windows. Discover your home.

http://msdn.be/apps