Unity WebGl 初学及碰到的问题记录

原创

已于 2024-03-11 11:31:30 修改 · 2.6k 阅读

30 ·

CC 4.0 BY-SA版权

文章标签：

#unity #webgl #游戏引擎

于 2024-02-22 12:31:12 首次发布

本文详细介绍了在Unity2022.1.10版本中使用PWA模板、全屏显示、调整Logo、处理InputField输入、WebGL限制（如HTTP、DLL支持）、文件操作、Nginx服务器配置以及天气API集成等内容，以解决开发者在浏览器环境中遇到的问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

使用的是2022.1.10版本的Unity

一、首先是Project Settings中的配置如下，可以解决一开始的报错，注意：PWA模板在2020版本中是没有的。

二、网页在浏览器中显示时，想要全屏，可以使用PWA模板，但是会有下拉条的出现，需要在导出后，在TemplateData文件中，找到style.css，打开后，在最下方输入下方的代码，即可全屏。

html,body{width:100%;height:100%;margin:0;padding:0;overflow:hidden;}
.webgl-content{width: 100%; height: 100%;}
.unityContainer{width: 100%; height: 100%;}

如图所示

三、在浏览器中显示时，标题上前面会显示“Unity WebGL Player | ”，在导出的文件中找到index.html，如下图，删掉即可。

四、要修改LOGO，可以在模板中路径的TemplateData文件夹中修改，模板路径为XX版本\Editor\Data\PlaybackEngines\WebGLSupport\BuildTools\WebGLTemplates。替换就行。或者导出后进行修改。

五、正常情况下在Input Field控件中，无法切换中文输入法，可下载“WebGLSupport.unitypackage”，把WebGLInput脚本拖到 Input Field 上即可。

Release Release · kou-yeung/WebGLInput · GitHub

六、WebGl中无法使用 System.Net.Http;、System.Threading.Tasks;，其它的还在研究中。

七、WebGl中无法使用DLL，还在找方法中。

八、WebGl无法直接打开浏览本地文件的窗口，先在Unity中创建如下脚本

using UnityEngine;
using UnityEngine.UI;
using TMPro;

public class FileOpener : MonoBehaviour
{
    public TMP_InputField urlInputField;

    private void Start()
    {
        
    }