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. 关于Thread的interrupt

    关于Thread的interrupt Thread的interrupt方法会引发线程中断. 主要有以下几个作用: 如Object的wait方法,Thread的sleep等等这些能够抛出Interrup ...

  2. 大一C语言学习笔记（2）---快捷键篇

    大家好,博主呢,是一位刚刚步入大一的软件工程专业的大学生,之所以写博客,是想要与同样刚刚接触程序员一行的朋友们一起讨论,进步,在这里记录我的一些学习笔记及心得,希望通过这些点点滴滴的努力,可以让我们离 ...

  3. c++学习笔记6（结构化程序设计）

    结构化程序设计 c语言使用结构化程序设计: 程序=数据结构+算法 程序有全局变量以及众多相互调用的函数组成 算法以函数的形式实现,用于对数据结构进行操作 结构化程序设计不足

  4. 问题 N: 非洲小孩

    题目描述 家住非洲的小孩,都很黑.为什么呢? 第一,他们地处热带,太阳辐射严重. 第二,他们不经常洗澡.(常年缺水,怎么洗澡.) 现在,在一个非洲部落里,他们只有一个地方洗澡,并且,洗澡时间很短,瞬间 ...

  5. LINKERD 2.11 中文实战手册

    1. 将您的服务添加到 Linkerd. 为了让您的服务利用 Linkerd,它们还需要通过将 Linkerd 的数据平面代理注入到它们的 pod 中来进行 网格化 . 2. 自动化的金丝雀发布. 通 ...

  6. [hdu6326]Monster Hunter

    考虑树是以1为中心的菊花图的情况,也即如何安排打怪兽的顺序 用二元组$(a,b)$来描述怪兽,则对于两个怪兽$(a_{1},b_{1})$和$(a_{2},b_{2})$,交换两者不会影响血量的变化量 ...

  7. 使用idea创建Kotlin项目

    1.打开idea 2.选择项目方式: 3.nest 4.创建文件名 4.finish 看这目录结构和java没什么区别 5.在src目录下新建一个Kotlin文件 fun main(args:} fu ...

  8. PIC16 bootloader之UART bootloader

    了解更多关于bootloader 的C语言实现,请加我Q扣: 1273623966 (验证信息请填 bootloader),欢迎咨询或定制bootloader(在线升级程序). PIC16 bootl ...

  9. OI省选算法汇总及学习计划（转）

    1.1 基本数据结构 数组(√) 链表(√),双向链表(√) 队列(√),单调队列(√),双端队列(√) 栈(√),单调栈(√) 1.2 中级数据结构 堆(√) 并查集与带权并查集(√) hash 表 ...

  10. docker 使用加速器下载

    因为docker官网的镜像地址docker.hum.com是在国外的 所以下载速度比较慢,国内有一些镜像源是比较快的,内容是和docker官网的一致 常用的加速器有 docker-cn 阿里云加速器 ...