Coisas que eu quero fazer
Usaremos o Phaser3 para exibir em tela cheia.
Em vez de exibir uma grande parte da janela do navegador, a interface gráfica do navegador fica oculta, semelhante a quando você assiste a um vídeo em tela cheia e sai do modo de tela cheia pressionando ESC.
implementação
Tela cheia
Na aula infantil do Scene, basta chamar o seguinte:
this.scale.startFullscreen();Desbloqueio em tela cheia
Na aula infantil do Scene, basta chamar o seguinte:
this.scale.stopFullscreen();Em relação às transições de cena
Eu estava preocupado que o estado de tela cheia não fosse mantido ao trocar de cenas, já que startFullscreen/stopFullscreen estão localizados dentro de uma cena, mas não é o caso; o estado de tela cheia é mantido mesmo ao trocar de cenas.
Soluções para quando o modo de tela cheia não funciona corretamente
A API só pode ser iniciada por um gesto do usuário.
O seguinte erro pode ocorrer, impedindo que o jogo entre em tela cheia.
Failed to execute 'requestFullscreen' on 'Element': API can only be initiated by a user gesture.Isso ocorre porque a função `requestFullscreen` está sendo chamada sem nenhuma interação do usuário. Certifique-se de que ela seja chamada somente quando um botão for clicado ou algo semelhante. ( Não é possível alternar automaticamente para o modo de tela cheia após o carregamento da página.)
A imagem fica em tela cheia, mas a tela do jogo não se ajusta corretamente.
Às vezes, ao alternar para o modo de tela cheia, a tela do jogo pode não se ajustar corretamente.
Isso ocorre porque o Phaser3 não está maximizando a tela que está criando.
Por favor, revise o contêiner e suas classes pai especificadas em main.js. (Se necessário, reescreva as classes/estilos para o modo de tela cheia.) No meu caso, o estilo Height da div pai do contêiner estava causando o problema.
Resultado
Consegui obter exibição em tela cheia com o Phaser3.
Sites que utilizei como referência
コメント