How do I make my app run full screen on a tap?

Help & Support
1

How do I make my app run full screen on a tap?

Thanks

2

You can call the browser Fullscreen API, check here for how it works:

https://developer.mozilla.org/en-US/docs/Web/API/Fullscreen_API

3

Thanks, so I just use
Element.requestFullscreen();
directly in PlayCanvas, or do I need to prepend something to to that line be able to access Element?

4

I think for that to work it has to execute as a response to user input (clicking on a button, pressing a keyboard key etc.), check the examples on the MDN site:

image
image1047×631 27.4 KB

1 Like
5

Note that iOS Safari doesn’t have a full screen API.

We also have an API for fullscreen too that wraps around the browser API. https://developer.playcanvas.com/en/api/pc.GraphicsDevice.html#fullscreen

6

I was under the impression that there was a motion to deprecate engine support for going fullscreen, and promote the usage of the browser Fullscreen API directly:

Let me know if I am wrong!

7

Thanks, but I really have no idea how I should be using that. The help just says:

boolean fullscreen

That doesn’t tell me anything of how I should call it using the PlayCanvas syntax.

8 
this.app.graphicsDevice.fullscreen = true; // enter fullscreen
this.app.graphicsDevice.fullscreen = false; // exit full screen
9

Perfect. Thank You! :slight_smile:

10

Hmm… Before my time so not sure tbh. @will should know more :grimacing:

1 Like
11

Oh wow! There’s more fullscreen code in the engine? Geez, how did that get there? :frowning_face:

I’ll deprecate that too when I get a second. Apps should be calling the fullscreen API directly instead of PlayCanvas doing it internally.

4 Likes