unity打包WebGL，修改默认模板

最新推荐文章于 2023-12-03 10:07:05 发布
最新推荐文章于 2023-12-03 10:07:05 发布
阅读量935 收藏
点赞数
文章标签： unity 游戏引擎
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/xzhanjian/article/details/125921830
版权

1 打包时，注意Canvas Match Width Or Height 把默认的Width改成Height

2 不能使用默认字体

3 打包的webGL不支持中文输入

4 发布webGL的默认模板index替换掉,里面的要引用xxx.json文件，需要更改自己发布出来的json文件名

5 发布webGL后生成的json文件更改，将backgroundColr改成backgroundUrl，后面改成图片的路径，用于更改加载之后长时间的黑屏

6在包里放入背景图片

7 Resolution and Pressention 改为 1920*1080

8 Splash Image √去掉

9 Other Settings Api Compatibility Level 改为 .NET2.0

10 Publishing Settings :

     WebGL Memory Size 改成适当大小，发布之后的大小在json文件中可以看到

     Enable Exceptions 改为None

     Compression Format 改为 Brotli

11 在index里面替换json文件的名称

12 在json里面修改背景图片

xjms2
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
解决unity打包webgl输入框不能输入中文Tool
06-02
1.解决unity打包webgl输入框不能输入中文的插件 2.简单好用, 3.找到里面的WebGlInput脚本,直接挂到InputField输入框上 4.里面有另外的中文字体包,需要把输入框上的字体替换一下 5.打包测试即可 6.亲测2021.3.4unity版本可以使用,其他版本都无差异 7.如果没有积分可以私信我,发我你的邮箱,我发给你
Unity通用WebGL模板Universal WebGL Template 1.2.1
06-02
Unity通用WebGL模板Universal WebGL Template 1.2.1 仅供学习，请勿商用。
[UnityWebGL]修改webgl启动模板
最新发布
NS_Speak（IVAV）
12-03 673
2、打开官方自带的模板文件夹，路径：Editor\Data\PlaybackEngines\WebGLSupport\BuildTools\WebGLTemplates\Default。1、首先在Assets下创建WebGLTemplates用来存放自己的模板，再新建一个模板名称，如MainnGlEntry，变成了下图；首页上你能看到的所有按钮图片，通过style.css可以查看谁在什么位置，大家可能最想改的是进入的LOGO，上两张图，找到他！3、把Default里面的内容赋值到自己的模板路径下。
Unity WebGL 关于构建webgl应用模板设置
qq_38062606的博客
12-21 2357
Unity WebGL 关于构建webgl应用模板设置
UnityWebGL Templates
qq_42838242的博客
03-24 723
WebGL-Templates是我们打包WebGL的模板。模板内容需要去修改index.html、style.css文件。
unity 修改 webgl 模版 位置信息 办法
qq_37524903的博客
04-03 207
2.网页状态下按F12，选择{}样式编辑器。1.直接open index。3.根据需要实时修改即可。style 代码如下。
Unity 发布webgl 网页自适应 解读canvas
热门推荐
tianyongheng的专栏
11-25 1万+
unity 发布webgl后找到index.html然后在 head 里添加 代码<head> <script> function Reset() { var canvas = document.getElementById("#canvas");//获取#canvas canvas.height= document.documentElem
Better-Minimal-WebGL-Template unity webgl打包模板 支持手机
12-09
Better-Minimal-WebGL-Template unity webgl打包模板 支持手机
Unity打包WebGL平台，能够实现自适应的Template
07-13
Unity打包WebGL平台，能够实现自适应的Template
UnityWebGL 打包模板支持手机
12-09
UnityWebGL 打包模板支持手机
如何将Unity的WebGl项目打包发布
yilvyangguang520的博客
04-25 1029
转载自https://blog.csdn.net/qq_25542475/article/details/89370682 一 如何打包WebGl项目技巧 1.Resolution and Presentation 2.Other Settings st
Unity 发布到WebGL的设置
m0_50632777的博客
03-14 540
第一次将程序发布到WebGL,直接就是一个大！报错！的大动作！！！在网上寻求解决办法，全是一些陈芝麻烂谷子的方法，不适应啊！！！话不多说，上才艺。
Unity发布WebGL浏览器自动适应宽度高度的方法
imwentao的博客
07-02 3512
Unity发布WebGL浏览器自适应的方法发布WebGL自动匹配窗体分辨率响应浏览器调整完整代码 发布WebGL 之前常做windows下运行的项目，最近项目的需求是做Web端B/S架构，所以对Unity发布WebGL进行了简单摸索，在此不多赘述发布WebGL的步骤，直接从发布WebGL后形成一个index.html文件和一个资源文件夹说起，生成的index.html如下。 注：本文使用的Unity版本为2018.3.8f <!DOCTYPE html> <html lang="en-us
unity webgl、安卓（Android）打包最简单的ProjectSettings参数设置
qq_41263535的博客
11-29 565
当使用插件导致不能打包，基本上都是插件版本问题，先更换插件版本，在打包，先不要改变ProjectSettings参数；因为你不知道你的项目中会用到多少插件，如果每个插件都改参数，到最后头都炸了。发布webgl、安卓（Android）时是否因为各种各样的原因打包错？首先，要明白的是unity空场景打包webgl、安卓（Android）时是不会报错的，这点很重要。二、webgl打包同样改变上边的两个参数，再改变两个参数。一、安卓（Android）打包只需要改变两个参数设置。之后直接打包发布即可。
Unity WebGL打包配置本地服务器
renkai2heng的博客
05-30 1310
1、None 无：选择这个你不需要任何异常支持。这提供了最佳的性能和最小的构建。使用这个选项，任何异常的抛出都会停止运行。2）、然后选择IIS（Internet Information Services）双击进入。3）、找到网站右键添加网址或者在面板右侧添加网址。6）、再次在左边点击刚刚创建的，然后在右侧点击浏览。没有配置IIS的，可根据下面这篇文章配置。5）、点击刚刚创建的，设置MIME类型。1）、打开控制面板，找到管理工具。3）、遇到异常以及压缩格式。2）、设置打包的窗口大小。4）、根据下面设置好。
UnityWebGL调研(7) 修改打包模板
llhswwha的专栏
11-14 796
需要做Unity和js代码交互，需要在原来的html基础上引用jquery，引用自己写的js代码，不能每次都打包好后再去修改，所以需要修改模板。 参考：11. Using WebGL Templates 另外，还需要修改一下Unity显示区域，在浏览器里面“全屏”显示，同时还需要修改 参考：用JS或者jQuery监听 浏览器窗口大小的变化事件 另外，可以把footer部分整个去掉，去掉全屏...
【Unity WebGL】UnityWebGL相关的小技巧（一）
qq_36423720的博客
09-07 2924
Unitywebgl 相关技巧
Unity WebGL实战笔记
iningwei的博客
12-13 5119
Unity提供了WebGL平台来，支持在浏览器中实时对3D图形应用交互。
unity 自定义webgl打包模板
吴梓穆的博客
07-06 1641
对于webgl项目，我们经常需要修改index.html里的内容，但是每次打包，都会覆盖上次的内容，如果每次都要额外保存一份index.html或者css文件的内容再替换掉打包的内容，会浪费很多时间，好在Untiy允许我们自定义打包的模板我们需要在Assets里创建一个文件夹名字叫 WebGLTemplates，这里用来存放所有的模板，然后在WebGLTemplates下再建一个文件夹，名字为我们模板的名字，然后在这个文件里放入我们的模板资源，例如 这里，我们创建了一个名为TestTemplates的模板
unity 打包webgl
08-18
Unity打包WebGL是将Unity项目转换为WebGL应用程序的过程。通过这种方式，您可以在Web浏览器中运行和展示Unity项目。要打包WebGL项目，您可以按照以下步骤进行操作： 1. 调整分辨率和演示方式（Resolution and Presentation）。您可以在Unity中设置项目的分辨率和展示方式，以确保在Web浏览器中适当显示。 2. 解决输入框不能输入中文的问题。您可以使用一个插件来解决Unity打包WebGL后输入框无法输入中文的问题。该插件中包含一个WebGlInput脚本，您只需将其挂载到输入框上，并且需要替换输入框上的字体。 3. 将打包出来的WebGL项目放置到相应的路径。在完成WebGL项目的打包后，您需要将生成的文件（包括index.html等）放置到Web服务器的对应路径下。 通过按照以上步骤进行操作，您就可以成功地打包Unity项目为WebGL应用程序，并在Web浏览器中展示它了。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* [如何将Unity的WebGl项目打包发布](https://blog.csdn.net/yilvyangguang520/article/details/116134335)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 33.333333333333336%"] - *2* [WebGLSupport解决unity打包webgl输入框不能输入中文插件](https://download.csdn.net/download/qq_42603590/85524015)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 33.333333333333336%"] - *3* [unity打包webgl 部署到本地Web服务器](https://blog.csdn.net/qq_37524903/article/details/126155477)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 33.333333333333336%"] [ .reference_list ]

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值