full screen for createjs file

[codeBeastAdobe]

Hi.

I am creating HTML5 apps for classroom digital boards.

I would like to make them full screen. At the moment, you can see white around the edges ie: they are not filling the whole window. If I make the background wider at design time, it still doesn't fill it.

I know there is probably a very simple answer but I can't find it.

Any help would be appreciated.

[kglad]

you want fullscreen (requires user interaction) or full browser (fills the browser display window)?

[codeBeastAdobe]

Both methods would be interesting to know about because we are going to have different scenarios. Teachers in a classroom would want to go full screen - kids at home would probably prefer to keep the browser visible - or maybe not. Until we test we don't know. 

[codeBeastAdobe]

I've just come across a setting in publish settings - stretch to fit which remedies the white spaces. It was that easy so I feel a little dumb, anyway,

It would also be nice to know -  "fullscreen (requires user interaction)"

[kglad · Accepted solution]

full browser:  file>publish settings>enable make responsive - both>enable scale to fill and pick one of the options:

for fullscreen do the same plus add:

// put something on stage so "this" can respond to a click

this.addEventListener("click", f);

var element = document.getElementById("animation_container");

function f(){
element.requestFullscreen()
.then(function() {
// fs success
})
.catch(function(error) {
console.log(error.message);
});
}

[codeBeastAdobe]

Excellent - thanks - I just tried it and it works beautifully.

[kglad]

you're welcome.