Unity打包WebGL的全过程及在打包和使用过程中会遇到的问题(本地测试)

已于 2023-12-18 17:09:09 修改
阅读量1.5w 收藏 103
点赞数 27
文章标签： webgl unity c# 游戏引擎
于 2023-06-07 15:39:12 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_66312646/article/details/131083148
版权

目录

概要

Unity打包WebGL PlayerSettings设置

Resolution and Presentation

Other Settings

 Publishing Settings

本地服务器测试环境配置

问题盘点

概要

        盘点Unity在Build WebGL环境包时需要的配置以及遇到的难题

Unity打包WebGL PlayerSettings设置

Resolution and Presentation

Resolution and Presentation 界面主要设置打包后的WebGL界面的分辨率显示

设置的分辨率尽量要和当前编译器界面的分辨率一致 

Other Settings

Unity Other Settings的默认设置在打开后会看到有警告，其大致意思就是在提醒我们要在 Unity WebGL 构建中启用高质量的光照贴图编码并确保 WebGL 2 兼容性，解决这个警告只需要将Auto Graphics API 自动图形接口关闭后在Graphics APIs选择WebGL2就可以解决这个警告

 Publishing Settings

这是系统默认的  Publishing设置

其中Compression Format是打包后的Build包的压缩格式这里如果是要在本地服务器也就是127.0.0的环境下

最低0.47元/天 解锁文章
我 秦始皇 打钱 懂
关注
  • 27
    点赞
  • 踩
  • 103
    收藏
    觉得还不错? 一键收藏
  • 21
    评论
Unity打包Webgl端进行 全屏幕自适应
06-01
在Unity中将项目打包成WebGL格式，是为了让游戏或应用程序能在网页上运行，而全屏自适应则是提升用户体验的关键因素。本篇文章将详细介绍如何在Unity中实现WebGL端的全屏幕自适应，并关注`index.html`和`style.css`...
unity3d 打包成webgl 错误解决办法
12-21
unity 发布webgl时打包出错 il2cpp.exe did not run properly!
解决Unity发布WebGL无法正常浏览问题
07-27
解决Unity发布WebGL无法正常浏览问题，下载Config文件，放到发布的目录中
Unity打包到Webgl平台以及遇到的问题
unity_http的博客
12-08 5963
unity打包webgl
如何将Unity的WebGl项目打包发布
热门推荐
白夜的博客
04-18 3万+
一 如何打包WebGl项目技巧 1.Resolution and Presentation 2.Other Settings strip engine code：官方文档是这样描述它的"如果被选中，unity会默认剥离在项目中不会使用的组件"，也就是说，假如你的项目中没有音频功能，unity会在封装的时候去掉这部分代码以减少大小。 3.Publishing Settings 4.Bulid ...
Unity打包WebGL: 导入Vue
ice_bear221的博客
04-16 2661
Unity打包WebGL: 导入Vue
Unity打包WebGL时本地测试配置NGINX全过程
hfush的博客
02-22 972
一，首先在NGINX官网上下载安装包。
【Unity3D日常开发】Unity3D中打包WEBGL后读取本地文件数据
CSDN博客专家，Unity3D高级软件工程师，《Unity 3D从入门到实战》作者。
09-30 8939
有粉丝问我，怎么在打包后WEBGL读取本地文件数据呢？//文件流形式读取文档 using(FileStream fs = File . OpenRead(path)) {} } }运行后也没有问题：然后打包WEBGL：报错：无法找到路径，其实不是路径的问题，而是WEBGL不支持IO接下来，就来说一下WEBGL读取本地文件的方法吧。
解决unity打包webgl输入框不能输入中文Tool
06-02
1.解决unity打包webgl输入框不能输入中文的插件 2.简单好用, 3.找到里面的WebGlInput脚本,直接挂到InputField输入框上 4.里面有另外的中文字体包,需要把输入框上的字体替换一下 5.打包测试即可 6.亲测2021.3.4unity...
Better-Minimal-WebGL-Template unity webgl打包模板 支持手机
12-09
在提供的压缩包文件中，我们看到几个不同版本的模板，如"better-minimal-webgl-template-2020.2.zip"和"better-minimal-webgl-template-2020.zip"，这表明模板针对Unity的不同版本进行了更新和优化，以保持与Unity...
UnityWebGL 打包模板支持手机
12-09
- 文件名称“UnityWebGL-LoadingTest-master”暗示这是一个关于加载测试的项目，可能是为了测试和优化Unity WebGL项目的加载性能。 - 这样的测试可能包括模拟不同网络环境，检查游戏在各种条件下的加载速度，以及...
Unity打包WebGL平台，能够实现自适应的Template
07-13
本主题将深入探讨如何使用Unity打包WebGL平台，并实现自适应的Template，以确保游戏或应用在不同设备上拥有良好的表现。 Unity WebGL允许开发者创建的交互式3D和2D内容在网页上运行，无需任何插件。WebGL模板是...
【Unity开发小技巧】UnityWebGL打包本地浏览器运行查看
纯技术流日常开发商业开发记录总结等
06-28 2625
正常打包WebGL后在浏览器直接运行会报以下这个错： It seems your browser does not support running Unity WebGL content from file:// urls. Please upload it to an http server, or try a different browser. 无法打开本地链接，需把网页发布成可打开的网址放在服务器上，其实就是一个跨域的问题。我们通过部署IIS服务把本机当做服务器，配置到打包后的路径就能正常在本地
体渲染原理及WebGL实现【Volume Rendering】
新缸中之脑
08-12 2442
体渲染（Volume Rendering）是NeRF神经场辐射AI模型的基础，与传统渲染使用三角形来显示 3D 图形不同，体渲染使用其他方法，例如体积光线投射 (Volume Ray Casting)。本文介绍体渲染的原理并提供Three.js实现代码，源代码可以从下载。推荐：用快速搭建可编程3D场景。
Unity监听某个值是否改变，c#数值监听器
最新发布
GoodCooking的博客
07-23 313
Unity监听某个值是否改变，c#数值监听器
C#从Socket里获取IP地址和端口号
代码笔记
07-23 304
属性来获取连接的远程IP地址和端口号。以下是一个简单的示例代码，展示了如何从一个已连接的。这段代码将输出连接的远程IP地址和端口号。，以获取或创建一个有效的。
C# 设计模式分类
語衣的个人博客
07-23 1095
创建型模式主要关注对象的创建过程，包括如何实例化对象，并隐藏实例化的细节。结构型模式主要关注类和对象的组合，以形成更大的结构。行为型模式主要关注对象之间的通信和职责分配。
unity打包webgl中shader
08-24
在 Unity 中打包 WebGL 游戏时，涉及到的着色器（Shader）需要进行一些特殊处理才能正确运行。下面是一个简单的步骤： 1. 确保你的着色器和材质在 Unity 编辑器中正确显示和运行。确保着色器代码中没有使用不支持 WebGL 的功能。 2. 在 Unity 编辑器中选择 File -> Build Settings 打开构建设置窗口。 3. 在构建设置窗口中，选择 WebGL 平台并点击 Switch Platform 切换到 WebGL 平台。 4. 在 WebGL 设置中，选择 Player Settings 打开游戏玩家设置。 5. 在玩家设置中，确保在“Other Settings”部分，“Scripting Backend”设置为“IL2CPP”。这是为了确保 WebGL 构建使用 IL2CPP 脚本编译器。 6. 在玩家设置中，找到“Publishing Settings”部分的“WebGL Template”设置。选择一个你喜欢的模板，或者点击“New Template”创建自定义模板。 7. 完成上述设置后，点击 Build 按钮开始构建 WebGL 游戏。 8. 构建完成后，在指定的输出文件夹中会生成一个网页文件夹。将该文件夹上传到 Web 服务器上，或者通过本地文件系统打开 index.html 文件来运行游戏。 注意事项： - WebGL 平台上的性能可能会受限，因此确保优化你的着色器和代码以提高性能。 - 一些高级的着色器特性可能不被支持或以不同的方式工作。在开发过程中请测试并确保一切正常。 - 在处理跨域请求时可能会遇到问题，需要在服务器上进行正确的设置。 希望这些步骤能帮助你成功打包和运行 WebGL 游戏！如有其他问题，请随时提问。
评论 21
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值