Making Your Game Bigger with the Full-Screen API

With the smaller screens available on mobile devices, anything you can do to maximize the screen real estate available to your game can benefit playability.

On the desktop, Firefox, Chrome, and Safari have added support for a full-screen API that enables you to indicate a single DOM element that should be shown full screen. The specification for this API is still in flux. A working draft is available at http://dvcs.w3.org/hg/fullscreen/raw-file/tip/Overview.html.

The API is currently available only with vendor prefixes in desktop browsers. No announcement of support has been made for mobile browsers, although Apple has announced that iOS 6 will have a full-screen landscape mode. This mode is different from a full-screen API but should still provide game developers with some extra screen space.

Get Professional HTML5 Mobile Game Development now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.