19

Multi-mania 2013: HTML5 Games to native Windows apps - attach of the yeti

Embed Size (px)

Citation preview

Page 1: Multi-mania 2013: HTML5 Games to native Windows apps - attach of the yeti
Page 2: Multi-mania 2013: HTML5 Games to native Windows apps - attach of the yeti
Page 3: 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

Page 4: 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

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

Page 5: Multi-mania 2013: HTML5 Games to native Windows apps - attach of the yeti
Page 6: Multi-mania 2013: HTML5 Games to native Windows apps - attach of the yeti
Page 7: Multi-mania 2013: HTML5 Games to native Windows apps - attach of the yeti

HTML5 Games: some concepts

Page 8: Multi-mania 2013: HTML5 Games to native Windows apps - attach of the yeti
Page 9: Multi-mania 2013: HTML5 Games to native Windows apps - attach of the yeti

Frame 1

Frame 2

Frame 3

Page 10: Multi-mania 2013: HTML5 Games to native Windows apps - attach of the yeti

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

Page 11: Multi-mania 2013: HTML5 Games to native Windows apps - attach of the yeti

Going Windows 8

Page 12: Multi-mania 2013: HTML5 Games to native Windows apps - attach of the yeti

#snappedview {display:none;

}

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

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

display:block;}

}

Page 13: Multi-mania 2013: HTML5 Games to native Windows apps - attach of the yeti
Page 14: Multi-mania 2013: HTML5 Games to native Windows apps - attach of the yeti
Page 15: Multi-mania 2013: HTML5 Games to native Windows apps - attach of the yeti
Page 16: Multi-mania 2013: HTML5 Games to native Windows apps - attach of the yeti

http://yetibowl.codeplex.com/

Page 17: Multi-mania 2013: HTML5 Games to native Windows apps - attach of the yeti

http://dev.windows.com

http://dev.windowsphone.com

http://aka.ms/GameDesign

http://opengameart.org/

Page 18: Multi-mania 2013: HTML5 Games to native Windows apps - attach of the yeti

Build apps on Windows. Discover your home.

http://msdn.be/apps

Page 19: Multi-mania 2013: HTML5 Games to native Windows apps - attach of the yeti