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. C# WINFORM进销存系统开发（内涵免费源码+部分实操视频讲解）

    互联网的时代,电商火爆,大家都开始进行线上销售货品,那你是如何管理你的商品库存和进销问题?软积木--小敏用的是C# WINFORM进销存系统来管理我的数据,给我带来了很多便利. 它是高频需求项目,很多 ...

  2. Android Activity Deeplink启动来源获取源码分析

    一.前言 目前有很多的业务模块提供了Deeplink服务,Deeplink简单来说就是对外部应用提供入口. 针对不同的跳入类型,app可能会选择提供不一致的服务,这个时候就需要对外部跳入的应用进行区分 ...

  3. 菜鸡的Java笔记 第三十四 Annotation

    Annotation        多例模式特点:            1. 多例类可以有多个实例            2. 多例类必须自己创建自己的实例,并管理自己的实例,和向外界提供自己的实例 ...

  4. 100_第一个vue-cli项目

    目录 什么是vue-cli 主要的功能 需要的环境 Node.js : http://nodejs.cn/download/ Git : https://git-scm.com/downloads 安 ...

  5. go程序不停机重启

    让我们给http服务写一个版本更新接口,让它自动更新版本并重启服务吧. 初步例子 注:为了精简,文中代码都去除了err处理 main.go var Version = "1.0" ...

  6. DataGrid首次进入页面时,不加载任何数据[转]

    首次不加载数据问题,必须搞明白如何才能不加载数据.根据Easu UI的官方API: http://www.jeasyui.com/documentation/ 仔细观察DataGrid的事件当中有一个 ...

  7. Go语言核心36讲（Go语言实战与应用十四）--学习笔记

    36 | unicode与字符编码 在开始今天的内容之前,我先来做一个简单的总结. Go 语言经典知识总结 在数据类型方面有: 基于底层数组的切片: 用来传递数据的通道: 作为一等类型的函数: 可实现 ...

  8. DP+单调队列详解+题目

    介绍: 单调队列优化的原理   先回顾单调队列的概念,它有以下特征:   (1)单调队列的实现.用双端队列实现,队头和队尾都能插入和弹出.手写双端队列很简单.   (2)单调队列的单调性.队列内的元素 ...

  9. BehaviorTree.CPP行为树BT的队列节点（三）

    Sequences(队列) 只要序列的所有子代返回SUCCESS,它便会对其进行Tick. 如果有任何子级返回FAILURE,则序列中止. 当前,该框架提供三种节点: Sequence Sequenc ...

  10. CF1539F Strange Array

    这玩意为啥是紫. 考虑对每个小于\(x\)的数值设为1,大于\(x\)的数值设为-1. 那么对于答案要求的就是绝对值最大的连续段. 线段树是很显然的. 考虑我们不能对每个数都进行一遍重构,这样就退化到 ...