Scirra cog

About Us

We're a London based startup that develops Construct 2, software that lets you make your own computer games!


Browse all our blog posts

Latest Blog Entries

We love brains!

Join us! Joiiinnn ussss! Mooooree brains!

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



alspal 24.6k 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
Ashley 198.6k 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
UrbanKhalifah 3,877 rep

awesome. great as always

Wednesday, April 04, 2012 at 1:07:39 AM
7Soul 15.3k 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
Kiyoshi 13.4k 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
sqiddster 32.7k rep

Brilliant. Simply brilliant.

Wednesday, April 04, 2012 at 1:32:54 AM
paobrasil 2,275 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
Velojet 21.2k rep

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

Wednesday, April 04, 2012 at 2:35:38 AM
Animate 12.4k rep

Was waiting for this, awesome...!

Wednesday, April 04, 2012 at 4:26:32 AM
AJTilley 5,086 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
Joannesalfa 28.4k rep

It makes me glad about the fullscreen option

Wednesday, April 04, 2012 at 8:36:35 AM
Kyatric 73.5k 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
plauk 6,548 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
Basseman 3,494 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
mercy 5,830 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.