解决Unity WebGLInput插件全屏输入的问题

解决Unity WebGLInput插件全屏输入的问题

unity webgl的中文输入插件WebglInput在全屏的时候会出现无法输入中文/输入的英文会字母出现在光标后面/什么都输入不了的等无法正常使用的情况。

插件官网作者给出了unity的2017,2018,2019版本的全屏输入解决方法。

最新插件下载地址:https://github.***/kou-yeung/WebGLInput

这里将unity的2017,2018,2019,和2020版本的全屏输入解决方法写出来供大家参考:

用于Unity2017和Unity2018

更改html的全屏按键方法

<div class="fullscreen" onclick="gameInstance.SetFullscreen(1)"></div> 
↓ 
<div class="fullscreen" onclick="document.makeFullscreen('gameContainer')"></div>

用于Unity2019

更改html的全屏按键方法

<div class="fullscreen" onclick="gameInstance.SetFullscreen(1)"></div>
 ↓ 
<div class="fullscreen" onclick="document.makeFullscreen('unityContainer')"></div>

用于Unity2020

更改html的全屏按键方法

fullscreenButton.onclick = () => 
{ 
//unityInstance.SetFullscreen(1);
 document.makeFullscreen('unity-container');
 };

并在最后添加以下代码:

//添加屏幕全屏和非全屏的监听 
document.addEventListener('fullscreenchange', handleFullscreenChange); 
function handleFullscreenChange() 
{ 
  var isFullscreen = document.fullscreenElement !== null; 
  if (isFullscreen) 
  { 
    console.log('Entered fullscreen mode'); 
    canvas.style.width = screen.width+ 'px'; 
    canvas.style.height = screen.height+ 'px';
  }
  else
  {
     console.log('Exited fullscreen mode');
     canvas.style.width = "1366px";//根据实际发布的画布大小
     canvas.style.height = "768px";//根据实际发布的画布大小 
  } 
}

修改时确认自己的插件版本最好是最新版本。

转载请说明出处内容投诉
CSS教程_站长资源网 » 解决Unity WebGLInput插件全屏输入的问题

发表评论

欢迎 访客 发表评论

一个令你着迷的主题!

查看演示 官网购买