Rendering设置

Gamma和Linear颜色空间，两者有色差，Gamma有个2.25左右的修正值；

WebGL2.0可用的情况，只支持Deferred Render延迟渲染，且只支持Linear颜色空间;

UnityWebGL使用Video播放工具还不支持WegGL2.0;

使用WebGL1.0对shader有很大的限制，如果shader失效替换WebGL2.0，或者调低shader版本；

这里的设置还关系到屏幕后期处理PostProcessing能不能用；

OtherSetting

Strip Engine Code和Managed Stripping Level大概是什么代码剥离和剥离等级，打包后运行出错有可能就是这里选择了enable；

Prebake Collision Mesh：提前添加碰撞到网格，变复杂场景加载过慢问题，空间换时间；问题；

Optimize Mesh Data：静态分析材质，去掉Mesh中无用的数据，比如切线，多余UV什么的；但是如果有代码动态切换材质使用法线的，打包运行会出错，尽量也别选吧；

PublishingSettings

Enable Exceptions 是否允许打印日志，测试选择打印，报错会使用trycatch，至少能让程序跑起来；

Compression Format 发布版本文件压缩格式，如果出错也可试试看是不是因为压缩问题；

Name Files As Hashes 使用MD5哈希作为每个文件名，在Js中再处理也要用哈希名；

Data caching 允许浏览器缓存，可能需要浏览器权限；

WebGL模板

官方给了mini和Default模板，在Unity安装目录PlaybackEngines/WebGLSupport/BuildTools/WebGLTemplates/中；

可以拷贝官方的模板做修改也放在这个目录，会在playersetting中显示出自定义模板；

修改模板中Index.html即可；

下面是自定义做了浏览器自适应的模板，取消了白色加载条；

<!DOCTYPE html>

<html lang="en-us">

  <head>

    <meta charset="utf-8">

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">

    <title>Unity WebGL Player | {{{ PRODUCT_NAME }}}</title>

    <link rel="shortcut icon" href="TemplateData/favicon.ico">

    <link rel="stylesheet" href="TemplateData/style.css">

		<style>

	html,body{overflow:hidden;}

	</style>

  </head>

  <body>

    <div id="unity-container" class="unity-desktop">

      <canvas id="unity-canvas" width={{{ WIDTH }}} height={{{ HEIGHT }}}></canvas>

      <div id="unity-loading-bar">

        <div id="unity-logo"></div>

        <div id="unity-progress-bar-empty">

          <div id="unity-progress-bar-full"></div>

        </div>

      </div>

      <div id="unity-mobile-warning">

        WebGL builds are not supported on mobile devices.

      </div>

    </div>

    <script>

      var buildUrl = "Build";

      var loaderUrl = buildUrl + "/{{{ LOADER_FILENAME }}}";

      var config = {

        dataUrl: buildUrl + "/{{{ DATA_FILENAME }}}",

        frameworkUrl: buildUrl + "/{{{ FRAMEWORK_FILENAME }}}",

        codeUrl: buildUrl + "/{{{ CODE_FILENAME }}}",

#if MEMORY_FILENAME

        memoryUrl: buildUrl + "/{{{ MEMORY_FILENAME }}}",

#endif

#if SYMBOLS_FILENAME

        symbolsUrl: buildUrl + "/{{{ SYMBOLS_FILENAME }}}",

#endif

        streamingAssetsUrl: "StreamingAssets",

        companyName: "{{{ COMPANY_NAME }}}",

        productName: "{{{ PRODUCT_NAME }}}",

        productVersion: "{{{ PRODUCT_VERSION }}}",

      };

      var container = document.querySelector("#unity-container");

      var canvas = document.querySelector("#unity-canvas");

      var loadingBar = document.querySelector("#unity-loading-bar");

      var progressBarFull = document.querySelector("#unity-progress-bar-full");

      var mobileWarning = document.querySelector("#unity-mobile-warning");

      // By default Unity keeps WebGL canvas render target size matched with

      // the DOM size of the canvas element (scaled by window.devicePixelRatio)

      // Set this to false if you want to decouple this synchronization from

      // happening inside the engine, and you would instead like to size up

      // the canvas DOM size and WebGL render target sizes yourself.

      // config.matchWebGLToCanvasSize = false;

	  //监听浏览器宽度的改变

      let width =0;

      let height=0;

      function changeMargin() {

        width = document.documentElement.clientWidth

        height = document.documentElement.clientHeight + 8

		canvas.style.width = width+"px";

        canvas.style.height = height+"px";

      }

      window.onresize = function () {

          changeMargin();

      }

      if (/iPhone|iPad|iPod|Android/i.test(navigator.userAgent)) {

        container.className = "unity-mobile";

        // Avoid draining fillrate performance on mobile devices,

        // and default/override low DPI mode on mobile browsers.

        config.devicePixelRatio = 1;

        mobileWarning.style.display = "block";

        setTimeout(() => {

          mobileWarning.style.display = "none";

        }, 5000);

      } else {

		changeMargin();

      }

#if BACKGROUND_FILENAME

      canvas.style.background = "url('" + buildUrl + "/{{{ BACKGROUND_FILENAME.replace(/'/g, '%27') }}}') center / cover";

#endif

      loadingBar.style.display = "block";

	  let address = "88c8f3e4c36fce74c59a1de4fda281af25b3165a2e9e080588a693d1b839b771";

      var script = document.createElement("script");

      script.src = loaderUrl;

      script.onload = () => {

        createUnityInstance(canvas, config, (progress) => {

          progressBarFull.style.width = 100 * progress + "%";

        }).then((unityInstance) => {

          loadingBar.style.display = "none";       

		   unityInstance.SendMessage("GameInit","LoginByWallet",address);  

        }).catch((message) => {

          alert(message);

        });

      };

      document.body.appendChild(script);

    </script>

  </body>

</html>

打开日志和栈信息

OtherSetting中如下，以及上述的PublishingSetting中Enable Exceptions：

Splash Image

开屏动画，加载条，icon等素材替换；

开屏Logo把DrawMode换成顺序，然后换顺序放上Logo，点Preview可以预览；

WebGL模板文件夹TemplateData下有个css，定义了加载进度条和logo格式，同时也存放了相应图片素材，直接替换或者修改css都可；

图标.ico也在里面，png转ico要转格式；

Unity——WegGL打包问题的更多相关文章

  1. Unity资源打包学习笔记（一）、详解AssetBundle的流程

    转载请标明出处:http://www.cnblogs.com/zblade/ 本文参照unity官网上对于assetBundle的一系列讲解,主要针对assetbundle的知识点做一个梳理笔记,也为 ...

  2. Unity资源打包之Assetbundle

    转  Unity资源打包之Assetbundle 本文原创版权归 csdn janeky 所有,转载请详细注明原创作者及出处,以示尊重! 作者:janeky 原文:http://blog.csdn.n ...

  3. Unity自动打包工具

    转载 https://blog.csdn.net/ynnmnm/article/details/36774715 最开始有写打包工具的想法,是因为看到<啪啪三国>王伟峰分享的一张图,他们有 ...

  4. Unity自动打包 apk

    1.流程 Unity打包 apk,会把Unity安装目录下的默认 AndroidManifest.Xml 文件覆盖到apk中去,同时还会拷贝该文件所在目录下的其它默认设置文件,如 res 和 asse ...

  5. Unity自动打包Apk

    unity打包apk相对来说比较容易,相信出过的人都明白,出包过程,没有大的难度,一步一操作,一步一等待,繁琐耗时,不懂的人又代替不了.这时候需求就来了,如何简单的一键打包搞定,这个就稍微有点难度,当 ...

  6. unity Android 打包后读取 xml 文件

    原地址:http://www.cnblogs.com/wuzhang/p/wuzhang20140731.html 问题:    前天在做东西的过程中发现了一个让人很纠结的问题,为什么Unity 程序 ...

  7. Unity资源打包学习笔记(二)、如何实现高效的unity AssetBundle热更新

    转载请标明出处:http://www.cnblogs.com/zblade/ 0x01 目的 在实际的游戏开发中,对于游戏都需要进行打补丁的操作,毕竟,测试是有限的,而bug是无法预估的.那么在手游中 ...

  8. 【Unity】打包安卓APK常见问题

    问题:unity error invalid command android 原因:Android版本较新,Unity版本太旧(如4.X),Unity打包APK时调用Android工具使用的命令已被安 ...

  9. unity 查看打包资源占用

    想要压缩包大小,首先得知道打包出来的各个资源的大小,明确知道哪些资源占用大,可以通过如下操作打开Editor.log(可能需要先输出一遍安卓包) 1.在Unity Console界面右上角点开Open ...

随机推荐

  1. Part 34 AngularJS controller as vs scope

    There are 2 ways to expose the members from the controller to the view - $scope and CONTROLLER AS. T ...

  2. Java 中的关键字

    Java 中有多少个关键字,有大小写之分吗? Java 中有 48 个关键字在使用 + 两个保留关键字未使用,共 50 个关键字. Java 关键字全部都由是小写组成. Java 中保留关键字分别是哪 ...

  3. 体验用yarp连接websocket

    前段时间一看yarp的仓库,wow,终于发布1.0版本了..net也升级到6版本了,之前一直只是用yarp做HTTP转发,今天刚好试试websocket 话不多说,直接开搞 配置集群 首先先配置集群信 ...

  4. js 正则表达式 验证与限制

    .... //验证身份证格式 function onIDCardsValidation(e) { if (e.isValid) { var pattern = /\d*/; if (!(e.value ...

  5. vue 3 学习笔记 (八)——provide 和 inject 用法及原理

    在父子组件传递数据时,通常使用的是 props 和 emit,父传子时,使用的是 props,如果是父组件传孙组件时,就需要先传给子组件,子组件再传给孙组件,如果多个子组件或多个孙组件使用时,就需要传 ...

  6. 解决Windows7、Windows10 ping不通的问题

    在VLAN交换机网络下面不能访问Windows10或者Windows7共享.ping不通问题,关闭防火墙发现能ping通了共享也正常了. 但是关闭防火墙将给电脑系统留下安全隐患.不怕麻烦的可以继续往下 ...

  7. 7.3 自定义镜像-运行nginx与tomcat并结合PV/PVC/NFS以实现动静分离示例

    1.在NFS SERVER上为tomcat.nginx创建相关目录 NFS SERVER的部署配置参考:https://www.cnblogs.com/yanql/p/15410308.html 1. ...

  8. CF1373G

    考虑中间格子不能有相同的点,其实是没用的. 其唯一用处是用来规定最后的是无法重叠的. 我们可以证明最后位置的无重叠和中间不重叠是充要的. 那显然可以我们对每个点往后连边: 形式的话的说: 对 \((x ...

  9. Codeforces 571D - Campus（并查集+线段树+DFS 序，hot tea）

    Codeforces 题目传送门 & 洛谷题目传送门 看到集合的合并,可以本能地想到并查集. 不过这题的操作与传统意义上的并查集不太一样,传统意义上的并查集一般是用来判断连通性的,而此题还需支 ...

  10. Codeforces 1503E - 2-Coloring（组合数学）

    Codeforces 题目传送门 & 洛谷题目传送门 考虑什么样的 2-染色方式是符合题目要求的,首先蓝.黄颜色所形成的连通块个数必须 \(\le 2\),否则一定不合法,而显然如果两种颜色连 ...