Fullscreen HTML5 gaming experiences with Construct 2

by Ashley | 4th, April 2012

We've already blogged about common misconceptions about HTML5 games, including the misconception that "HTML5 games can't do fullscreen". In the r85 beta, released on Monday, we've added a new feature to help make fullscreen work even better with your HTML5 games: the Browser object can now request fullscreen from an in-page game. In other words, a game embedded in to a web page with other content around it can now switch in to full-monitor display! Previously this was only possible with the 'Fullscreen in browser' setting, which forced the game to take up the whole browser window, removing the opportunity to have other content on the page.

For a demo, try the fullscreen-enabled Ghost Shooter demo. Notice how the game is embedded to a page with other content, but if you press F, the game takes up the whole monitor. Note this is only currently supported in Firefox and Chrome - other browsers are yet to add fullscreen support.

This might seem like a minor tweak, but I think it's actually quite important to help engage players on the web. Often when surfing, people have short attention spans. However, if they find a game they like on their travels, it's probably annoying to have to play in a tiny rectangle in the corner of a huge monitor. There's also a whole page of hyperlinks and a screen full of tabs and other apps making it just one click to leave. Being able to switch the game in to full-monitor display will help them fully immerse in the game, without any distractions, and hopefully get them playing for longer too. And you're still only a bookmark away from a fullscreen gaming experience, which is unbeatable convenience compared to any other way to run a fullscreen game.

Don't forget that fullscreen mode will resize the window, so you'll need to add support for multiple screen sizes.

I think being able to do this is kind of cool, and hopefully will help end concern about being able to make fullscreen games on the web. Let's hope the other browser makers catch up with Firefox and Chrome soon!

Now follow us and share this

Tags:

Comments

2
alspal 13.2k rep

Wish that "press escape to exit" message the brower gives either didn't exist or didn't stay for as long as it does.

Wednesday, April 04, 2012 at 12:53:02 AM
14
Ashley 112.5k rep

@alspal, it only stays for a couple of seconds in both Firefox and Chrome, I don't think it's that big a problem... also browser makers have to balance security concerns with malicious sites trying to take over your screen, so they have to make sure it's clear what happened.

Wednesday, April 04, 2012 at 12:54:50 AM
1
UrbanKhalifah 3,683 rep

awesome. great as always

Wednesday, April 04, 2012 at 1:07:39 AM
1
7Soul 10.8k rep

This is awesome, just yesterday I was playing a browser game and it was all so small and hard to focus. A feature like this would keep me playing longer ^^

Wednesday, April 04, 2012 at 1:16:16 AM
0
Kiyoshi 10.3k rep

I don't like that message either.
I've seen some games that don't show that message at all when going fullscreen (true fullscreen as well), so there must be a way to prevent it from appearing. An alternative would be making the message with black background so that it doesn't distract too much.

Wednesday, April 04, 2012 at 1:19:04 AM
2
sqiddster 26.5k rep

Brilliant. Simply brilliant.

Wednesday, April 04, 2012 at 1:32:54 AM
1
paobrasil 2,125 rep

@Ashley , this entrie it's only about experiences using a game in browser right? in case of compile the game to a native iOS or Android using AppMobi or PhoneGap the game will run in fullscreen in iPad, iPhone, or some Android mobile, right?

Wednesday, April 04, 2012 at 1:46:09 AM
0
Velojet 16.9k rep

Oh that is so cool - immersive! (provided you're in a Chrome bath).

Wednesday, April 04, 2012 at 2:35:38 AM
0
Animate 8,340 rep

Was waiting for this, awesome...!

Wednesday, April 04, 2012 at 4:26:32 AM
0
AJTilley 4,782 rep

A nice feature to add to construct2 making it more immersive for the gamer. thank you.

Wednesday, April 04, 2012 at 8:04:40 AM
0
Joannesalfa 15.1k rep

It makes me glad about the fullscreen option

Wednesday, April 04, 2012 at 8:36:35 AM
0
Kyatric 41.4k rep

@Ashley @Tom: From now on could games uploaded to the Scirra Arcade have this fullscreen option ?

Wednesday, April 04, 2012 at 9:41:29 AM
0
plauk 5,613 rep

It's definitely another step in the right direction. There are still problems, that I'm guessing will be up to the browsers... the "you're in fullscreen mode" message pops up in chrome whenever your mouse strays near the top of the screen. Frustrating.

Wednesday, April 04, 2012 at 9:42:46 AM
0
Basseman 3,333 rep

Hmm, i use Chrome and the only thing that happens when i press F is that the text in the bottom and top dissapears but the game doesn't fill upp the whole screen.

Isn't it supposed to fill it up ?

Cheers !!

Wednesday, April 04, 2012 at 10:44:55 AM
0
mercy 4,905 rep

Fullscreen successful in Firefox 11.0. Helps greatly with immersion!!

Wednesday, April 04, 2012 at 10:56:48 AM

Leave a comment

Everyone is welcome to leave their thoughts! Register a new account or login.