关于Unity发布的WebGL项目出现问题的解决方法和本地网站部署

一、关于将Unity的项目打包为WebGL出现Exception: E:\Unity\Editor\Data\il2cpp/build/il2cpp.exe did not run properly!
UnityEditorInternal.Runner.RunManagedProgram (System.String exe, System.String args, System.String workingDirectory。。。。
错误。

解决办法:

①检查自己打包的目录文件是否存在中文路径(比如你的项目路径为:E:\项目测试\TestDemo,则需要讲该路径下的中文名称替换为英文路径,比如修改为:E:\TestProjects\TestDemo)

②重新运行打包为WebGL文件即可。

 

二、关于出现将打包出来的项目发布到本地Web服务,然后通过网页访问出现WebGL build error :Uncaught SyntaxError: Unexpected token < || UnityLoader.js is not a function (SOLVED)错误

解决办法:①新建一个名为文本文件

                  ②打开该文本文件,然后给该文件添加如下内容

 

 <configuration>
        <system.webServer>
           <staticContent>
              <mimeMap fileExtension=".json" mimeType ="text/json" />
              <mimeMap fileExtension=".unity3d" mimeType ="application/octet-stream" />
              <mimeMap fileExtension=".unityweb" mimeType ="application/binary" />
           </staticContent>
        </system.webServer> 
</configuration>

               ③保存该文本文件内容

               ④将该文本文件修改为web.config文件保存,如下所示:

               ⑤将该文本文件放置打包出来的根目录下面即可(也就是和index.html同级别),如下图所示:

               ⑥此时在网页输入该项目的网址即可打开比如(127.0.0.1:8080),如下所示:

 

三、将打包出来的WebGL项目部署到本地Web服务器方法:

①打开Web服务,打开控制面板-->程序-->启用或关闭功能-->Internet Infomation Services,全部打勾,确认即可

②网站配置,点击此电脑,点击右键-->管理-->服务和应用程序-->Internet Infomation Services--网站

 

③新建一个网站:

        首先将打包出来的WebGL项目放置到对应路径(比如:E:\WebGlTest\TestWebGL_LaoZhaSheBei)

        接着点击网站-->新建一个网站

         最后在网页上输入:127.0.0.1:8080查看效果即可

 

本内容参考:Unity 发布WebGL出错失败

                     WebGL build error :Uncaught SyntaxError: Unexpected token < || UnityLoader.js is not a function (SOLVED)

                     

 

 

  • 4
    点赞
  • 38
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
Unity发布WebGL版本时,默认情况下WebGL会以一个固定的分辨率来呈现游戏画面。如果浏览器窗口大小发生变化,游戏画面就会出现变形或者留有空白。为了解决这个问题,需要在发布WebGL版本时添加自适应宽度高度的代码。 下面是一份示例代码,可以将其添加到Unity项目的index.html文件中: ```html <!DOCTYPE html> <html lang="en-us"> <head> <meta charset="utf-8"> <title>My Unity WebGL Game</title> <style> /* Set the canvas to fill the browser window */ canvas { width: 100%; height: 100%; margin: 0; padding: 0; position: absolute; top: 0; left: 0; } </style> </head> <body> <script src="Build/UnityLoader.js"></script> <script> var gameInstance = UnityLoader.instantiate("gameContainer", "Build/MyWebGLGame.json", {onProgress: UnityProgress}); /* Handle window resizing */ window.onresize = function() { var canvas = document.getElementsByTagName('canvas')[0]; canvas.width = window.innerWidth; canvas.height = window.innerHeight; gameInstance.Module.canvas.width = canvas.width; gameInstance.Module.canvas.height = canvas.height; } </script> <div id="gameContainer" style="width: 100%; height: 100%;"></div> </body> </html> ``` 这份代码做了以下几件事情: 1. 在CSS样式中,将canvas元素的宽度和高度都设置为100%,并将其位置设置为绝对定位,以充满整个浏览器窗口。 2. 在JavaScript代码中,添加了一个window.onresize事件处理函数,当浏览器窗口大小发生变化时,重新设置canvas元素的宽度和高度,并将WebGL模块的canvas宽度和高度也设置为相应的值。 这份代码可以确保在不同的浏览器窗口大小下,游戏画面都能够自适应地填满整个窗口。不过需要注意的是,自适应宽度高度可能会影响游戏画面的质量和性能,因此需要根据具体情况进行调整。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

牛奶咖啡13

我们一起来让这个世界有趣一点…

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值