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. Github webhooks 自动部署博客文章，使用总结【含视频】

    作者:小傅哥 博客:https://bugstack.cn 原文:https://mp.weixin.qq.com/s/VtTHUfyiITNSoGy052jkXQ 沉淀.分享.成长,让自己和他人都能 ...

  2. scrapy的安装，scrapy创建项目

    简要: scrapy的安装 # 1)pip install scrapy -i https://pypi.douban.com/simple(国内源) 一步到位 # 2) 报错1: building ...

  3. 为什么MySQL字符串不加引号索引失效？《死磕MySQL系列 十一》

    群里一个小伙伴在问为什么MySQL字符串不加单引号会导致索引失效,这个问题估计很多人都知道答案.没错,是因为MySQL内部进行了隐式转换. 本期文章就聊聊什么是隐式转换,为什么会发生隐式转换. 系列文 ...

  4. Java 获取PDF数字签名证书信息

    PDF文档中可添加数字签名,在添加签名前,需要准备可信任签名证书.对文档中已有的签名,可验证书签是否有效.也可通过一定方法来获取数字签名或者签名证书信息.下面以Java代码示例展示如何读取签名的证书信 ...

  5. Maven中所用的Dependency查找方法

    用了Maven,所需的JAR包就不能再像往常一样,自己找到并下载下来,用IDE导进去就完事了,Maven用了一个项目依赖(Dependency)的概念,用俗话说,就是我的项目需要用你这个jar包,就称 ...

  6. git使用小技巧

    1. 合并一个分支的某次提交到另一个分支上 例如 将dev的某次提交 asfdiwehfsalkdnva872383 合并到master # git checkout master # git che ...

  7. scanner对象，顺序及选择结构

    scanner对象 基本语法: Scanner s = new Scanner(System.in) 使用next()和nextLine()读取前,使用hasNext()和hasNextLine()来 ...

  8. 【2020五校联考NOIP #6】最佳观影

    题意: 给出一个 \(k \times k\) 的网格和 \(n\) 次操作.其中 \(k\) 为奇数. 每次操作给出一个数 \(m\).每次你要找出一个三元组 \((x,l,r)\) 使得: \(r ...

  9. [R] cbind和filter函数的坑

    最近我用cbind函数整合数据后,再用filter过滤数据,碰到了一个大坑. 以两组独立样本t检验筛选差异蛋白为例进行说明吧. pro2 <- df2[1:6] Pvalue<-c(rep ...

  10. 【Python小试】去除核酸特定长度的接头序列

    输入 input.txt ATTCGATTATAAGCTCGATCGATCGATCGATCGATCGATCGATCGATCGATCGATC ATTCGATTATAAGCACTGATCGATCGATCG ...