1_unity导出webgl之后，如何运行webgl

已于 2024-08-17 18:27:46 修改
阅读量368 收藏 4
点赞数 7
文章标签： unity webgl 游戏引擎
于 2024-08-17 18:25:16 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_55431276/article/details/141284668
版权

介绍

作者在使用unity导出webgl之后，直接单击html,会出现如下错误：
Failed to download file Build/factoryWebPPT.data. Loading web pages via a file:// URL without a web server is not supported by this browser. Please use a local development web server to host Unity content, or use the Unity Build and Run option.

寻找了很久运行webgl的方法。特写此博客记录！

方法：vscode + live server插件

1.先从unity导出webgl

在unity中，选择“文件”–>“生成设置”–>“玩家设置”–>“发布设置”–>“压缩格式”改为已禁用
在这里插入图片描述

在这里插入图片描述

然后就可以导出了

2.vscode插件下载

打开vscode下载live server插件,然后重启vecode。在这里插入图片描述
右键点击我们的html文件，最后==点击 “open with live server”==就结束了。

在这里插入图片描述

3.如果有任何问题，可以评论区讨论！！！！

焰之游戏
关注
  • 7
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Unity 导出WebGL 嵌入网页并通信
MiYa_ZCW的博客
06-29 7830
Unity打包WebGL 并实现双向通信逻辑
Unity WebGL项目打包后本地打开报错问题解决方法
蓝紫色的忧郁的博客
06-16 8115
打开控制面板-->程序-->启用或关闭功能-->Internet Infomation Services,全部打勾，确认即可。，点击此电脑，点击右键-->管理-->服务和应用程序-->Internet Infomation Services--网站。最后在网页上输入：127.0.0.1:8080查看效果即可 ，此时可能遇到提示权限不足无法打开配置文件的问题。右击文件夹->属性->安全，点击编辑，添加 Everyone用户 赋予它所有权限。接着点击网站-->新建一个网站。
IDEA中创建xml模板文件
qq_40493349的博客
10-24 7649
打开Settings ->Editor -> File and code Templates 提供几个常用的模板： 1、Spring的xml配置文件 <?xml version="1.0" encoding="UTF-8"?> <beans xmlns="http://www.springframework.org/schema/beans" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
Unity WebGL报错精选解决方案助你开发之路少踩坑
最新发布
他在试图用代码书写这个世界，字里行间温柔尽显。勿忘初心，努力做有价值的技术文章。
07-12 1551
工作至今，基于Unity开发过不少WebGL相关的项目，踩过不少坑也遇到各种报错，所幸也都能找到合适的解决方案。网上资料零零散散，今天有感想在此做个关于Unity开发WebGL总结，一是给自己总结经验教训，二是温故知新，三是希望能够给道上的朋友带来些许帮助。当你准备使用Unity开发WebGL项目时，如果可以先看一下官方文档，也许会让你少走不少弯路哦。Unity官方WebGL开发入门文档，当然，你说你头硬不怕，直接上手干，那就希望上述问题的解决方法能帮助到你。
untiy 配置iis服务器来打开webgl
吴梓穆的博客
11-28 950
最简单的方法是不需要配置服务器，打包的时候直接build and run，但是有时候如果我们需要调整js的内容，会很不方便，所以配置一个iis服务器还是很有必要的。这是因为iis服务器不允许浏览器加载某些文件导致的，我们需要为服务器添加允许的mime类型。通过在浏览器里输入我们电脑的ip地址+刚才指定的端口号来访问我们的webgl,如下图。我们直接把打包的webgl文件放到刚才选择的文件夹里即可。输入站点名，选择一个磁盘上的文件夹，并指定一个端口。控制面板，查看方式选类型，点击程序。
Unity-WebGL配置系统教程(含iis本地部署) --简略版
归里的博客
05-24 3214
一份系统性的完整的Unity-WebGL配置教程，绝对不会让你吃亏，可为你减少大量的时间。
Unity发布WebGL如何在本地运行
梦想是世界和平
06-15 1082
Unity发布WebGL如何在本地运行
Unity 简单的导出一个WebGL版本，以及需要注意的几个点
2302_76605236的博客
05-27 678
导出，回到这个界面，点击 Build And Run 导出并生成，创建一个文件夹存放导出来的文件；（2）、写好的组件视频，导出去无法播放视频，需要换一个路径 使用URL,创建一个文件夹将视频存放在该路径下，StreamingAssets。（3）、输入框无法输入中文，或者乱码，简单来说就是不支持，需要自己找第三方插件或者手搓一个插件，具体方法就不说了。（1）、Unity 默认字体导出WebGL 是看不见的，需要替换成自己电脑自带的字体。（2）、将Color Space： 选择Gamma。
Unity导出WebGL工程，并部署本地web服务器
shaobing32的博客
02-17 5402
Unity导出WebGL工程，并部署本地web服务器
Unity3D导出WebGL与ASP.NET交互
HAndroidevelopcker的博客
01-29 1472
当我们通过Unity发布WebGL时，通常会希望我们的Unity3D程序可以和网页中的元素进行交互，通过Unity内部的函数与网页端的方法交互实现数据的实时传递。 当我们把Unity发布出来时，通常会包含如下的文件： 在Build文件夹中包含了WebGL所有打包的内容，其中最重要的部分是UnityLoader.js和*.json这两个文件。 详细的介绍可以从官方的Interacting w
Unity3D如何导出为webGL--教程.zip
01-09
本教程将详细讲解如何使用Unity3D将项目导出为WebGL格式，以便在网页上运行。 1. **Unity3D导出设置** 在Unity3D中，选择"File" > "Build Settings"打开构建设置窗口。在这里，你会看到不同的目标平台选项，包括...
Unity导出的WebGL、网页前端、服务端以及硬件四级交互结构的实现
12-15
Unity导出的WebGL、网页前端、服务端以及硬件四级交互结构的实现（简单3d建模网页端物联网） 介绍博客地址 https://blog.csdn.net/Koweico/article/details/111195285
unity3d 打包成webgl 错误解决办法
12-21
unity 发布webgl时打包出错 il2cpp.exe did not run properly!
【开发工具】UnitySetup-WebGL-Support-for-Editor-5.3.8f2.exe
12-18
用于打包WebGL的插件，下载之后默认安装即可，很好用。
解决Unity发布WebGL无法正常浏览问题
07-27
解决Unity发布WebGL无法正常浏览问题，下载Config文件，放到发布的目录中
unity导出webgl支持手机_Unity3D打包WebGL项目
weixin_39672396的博客
12-22 1445
公司原本的手游试水转页游，由于是Unity3D项目，于是选择了打包WebGL的方式，把遇到的一些问题记录一下，方便其他有相关需求的朋友，也方便自己查询。Unity3DWebGL官方介绍需要先看一遍，介绍了浏览器兼容性、内存相关、网络相关、与页面javascript交互等知识。AssetBundle首先一个问题是要改变游戏加载的方式，原本只是打成一个包即可，下载后安装到手机里，项目里也有打包Ass...
webgl存本地文件_Unity发布WebGL后加载本地文件
weixin_30020909的博客
12-24 2681
Unity发布WebGL平台的程序是不可以直接访问用户电脑的文件的。但是在使用浏览器的时候，很多的网站都可以弹出一个窗口，选择文件并打开。像下面这种(这里↓可以点击)代码其实就一句：所以，我就有个思路，想办法用Unity调用这个组件，直接从这个组件里面获取到文件流。直接开整，先在Unity里面搞个WebGl.jslib文件。这个文件是与webgl交互用的。文件里面的内容如下：mergeInto(L...
Unity 发布WebGL在本地浏览器运行
小小魔头的BLOG
03-02 8320
其中前两个设置是强制开启webgl支持，最后一个security.fileuri.strict_origin_policy的设置是允许从本地载入资源，如果你不是webgl的开发者，不需要开发调试webgl，只是想要看一下webgl的demo，那你可以不设置此项。2、在过滤器（filter）中搜索“security.fileuri.strict_origin_policy”将security.fileuri.strict_origin_policy设置为false。网站名称：随便填一个。
unity导出webgl 并用vscode浏览
zhou_yh_的博客
04-05 435
step 7：安装后，回到资源管理器，右键html文件>选择open with live sever。step3：单击左下角玩家设置，将下面内容更改为gama，和normal equality。step4: 回到上一个窗口，单击（生成）building>选择路径>等待>输出如下。step1:在unity hub里选择版本> 右键 > 添加模块 >并选择安装。step2：安装完毕，打开项目，点击 文件>生成设置>选择WebGL。step5: 直接单击html文件，显示报错，虚借助vscode打开。
unity 导出webgl 动态获取模型文件
07-28
在Unity中导出WebGL时，可以使用动态获取模型文件的方法。首先，需要将模型文件以可访问的方式加载到Unity的资源目录中。这可以通过将模型文件放置在StreamingAssets文件夹中实现。该文件夹的内容将被打包到WebGL构建中，并可以在运行时访问。 创建一个用于加载模型文件的脚本。脚本应该包括一个公共函数，该函数可以接受模型文件的路径，并返回加载的模型对象。在函数内部，可以使用Unity的WWW类来加载模型文件。使用StreamingAssets文件夹的路径和模型文件的路径创建一个完整的URL。然后，使用WWW类的构造函数并传递该URL来加载模型文件。 一旦模型文件加载完成，可以根据应用的需求对其进行处理。例如，可以使用Unity的Instantiate函数将模型实例化到场景中，或将其用作角色模型、道具或其他游戏资产。 在Unity中，可以将模型文件导出为WebGL构建。通过依次选择“文件”→“构建设置”→“WebGL”，可以打开WebGL构建设置窗口。在窗口中，可以设置构建的目标文件夹、名称和其他设置。然后，点击“构建”按钮开始构建WebGL版本。 构建完成后，将生成一个包含所有必要文件的文件夹。此文件夹可以使用Web服务器进行托管，或直接通过浏览器打开。在浏览器中运行时，Unity的WebGL版本将动态获取模型文件并加载到场景中，实现动态获取模型文件的效果。 这是使用Unity导出WebGL并动态获取模型文件的一种方法。通过按照上述步骤设置和执行，您将能够在WebGL版本中实现动态加载模型的功能。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值