Unity发布WebGL后跳转页面的问题

最新推荐文章于 2024-07-01 16:52:52 发布
最新推荐文章于 2024-07-01 16:52:52 发布
阅读量2.8k 收藏 5
点赞数 1
分类专栏： 疑难杂症 文章标签： Unity WebGL 页面跳转
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_39263908/article/details/103093738
版权
在Unity中构建的WebGL项目遇到页面跳转问题，Unity的内置方法在WebGL上导致页面内跳转而非新开窗口。通过在Unity中调用JS方法，并将JS文件作为.jslib放入Assets/Plugins目录下，解决了新页面打开的需求。尽管这种方法实施繁琐，但能有效解决问题，期待Unity未来在WebGL的拓展功能上有更多改进。
摘要由CSDN通过智能技术生成

Unity发布WebGL后跳转页面的问题

最近在做的一个实验平台的项目，需要自己写一个在线的编译器，但是由于WebGL的特殊性，无法在Unity内部实现这个编译器，然后只能房子啊另一个页面上，用页面跳转来实现，但是遇到了问题

Application.OpenURL(codeUrl);

这是Unity提供的跳转方法，在编辑器中跳转没发现问题。然后，导出WebGL后发现这方法是在本页面内跳转，而我需要的是打开新页面，有点坑。
后来选择在Unity中调JS的方法来解决，

// JavaScript source code
mergeInto(LibraryManager.library,
    {
最低0.47元/天 解锁文章
Yekura
关注
专栏目录
unity webgl加载assetbundle（nodejs搭建服务器）
qq_39044887的博客
04-21 1151
本文是一篇学习记录，挖了坑让自己填的。 第一步：打ab包 建立对应路径Assets/AssetBundles文件夹后，可以到menu（“Assets/Build AssetBundles”）点击按钮打包。 public class CreateAB : MonoBehaviour { [MenuItem("Assets/Build AssetBundles")] static void BuildAllAssetBundles() { UnityEditor.Buil
unity webgl踩坑指南
Loong的博客
07-21 6761
1.不支持ios设备播放音频（无论是MP3还是ogg格式）。 2.在ios设备的浏览器（无论是Safari 还是微信浏览器）都会出现ui自适应的问题，安卓设备及pc都无问题。 3.如果想做微信小程序可以通过laya进行后期制作或者通过下方工具转换（当前版本不支持videoplayer） https://github.com/wechat-miniprogram/minigame-unity-webgl-transform ......
Unity3D web网页跳转的问题及解决办法2
08-08
Unity3D web网页跳转的问题及解决办法 Posted on 2013年02月26日 by U3d / Unity3D脚本/插件/被围观 229 次 Un
unity webgl 跳转新网页不打开新窗口
最新发布
qq_40967331的博客
07-01 228
window.open("网站","_self") 打开新地址不打开新窗口。application.openurl(url) 新窗口打开。
Unity webgl路由跳转
weixin_40426854的博客
11-09 772
Unity webgl路由
Unity发布WebGL在新的页面打开网页
CarsonEdu的博客
08-27 2739
Unity发布WebGL在新的页面打开网页 mergeInto(LibraryManager.library, { OpenPage: function (str) { window.open(Pointer_stringify(str)); }, }); 将上段代码保存成txt文件，然后将后缀名改为.jslib并放在Assets/Plugins目录下，名字随意。 怎么使用？ 在C#要使用的脚本中加入以下声明 //加入以下声明 [Dl
Unity发布WebGL，如何调用浏览器打开其他网页链接
水光涵月的博客
11-05 4957
提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档 文章目录前言一、PC调取浏览器打开网页链接二、发布webgl调取浏览器打开网页链接1.写.jslib文件2.放到对应位置3.调用代码总结 前言 这几天在做webGL相关的项目，感觉遇到了各种坑，平时在PC上实现功能的思路在WebGL上有的时候根本不行，今天就来说下如何调用浏览器打开其他网页的链接 一、PC调取浏览器打开网页链接 代码如下： /// <summary> /// 跳转到web
unity webgl中视频发布webgl端的方式有哪些，怎么操作
06-06
Unity WebGL支持在WebGL应用程序中嵌入视频的几种方式，包括： 1. 通过VideoPlayer组件播放本地视频：可以在Unity编辑器中导入本地MP4、WebM和Ogg视频文件，并将其添加到场景中。然后，在WebGL构建设置中选择...
【Unity】一个场景跳转到多个场景的解决方案
BrosyveryOK的博客
08-15 4156
在某些情况下，比如我们需要设计一个探索类游戏，那么一个场景可以根据选择的不同，跳转至多个场景，甚至能够回跳场景，那么在这种情况下，我们该如何进行多场景的精确跳转呢。
Unity 2021 发布WebGL之后， 实现和网页(JS)进行交互
LWKlwk11的博客
11-16 2249
Unity WebGL JS 交互
unity webgl 嵌入vue中
weixin_44373409的博客
11-24 6419
之前有一个项目是要把在unity做的虚拟工厂嵌到管理系统里去，也就是unity进行webGl导出，然后嵌入到前端项目中。我们的前端项目是用VUE搭的。 原先尝试了安装vue-unity-webgl插件，但是失败了。最后我们用iframe实现了。方式很简单，iframe是自带的网页标签，直接使用就好。 <iframe id="unity-infame" ref="iframeDom" src="/static/newtest/index.html" fra
unity 加载场景不自动跳转
weixin_30606461的博客
12-26 929
async=Application.LoadLevelAdditiveAsync(level);async.allowSceneActivation=false;动画播完 async.allowSceneActivation=true 转载于:https://www.cnblogs.com/Uinkanade/p/4187320.html
【Unity 3D】 Asset Store无法跳转与使用
Riven_Z
05-25 5456
登录问题导致Asset Store无法跳转与使用
Unity按钮点击无效
qq_38721111的博客
02-15 5521
1、EventSystem出现问题（最有可能出现的问题） 2、Layer设置不正确（设置为UI） 3、button按钮做了旋转，把button旋转了180度，这样就点击不到按钮了。 但是如果想要旋转并且还要点击按钮，就把button按钮的某个轴的scale由1改成-1就行了。 4、层级问题 设置Raycast Target(用于接收点击) 尝试挪动按钮在Hiera...
Unity -- vscode中无法跳转到定义
gedongxi的博客
06-15 2259
vscode 更新到版本: 1.57.0 (user setup) 提交: b4c1bd0a9b03c749ea011b06c6d2676c8091a70c 日期: 2021-06-09T17:18:42.354Z Electron: 12.0.9 Chrome: 89.0.4389.128 Node.js: 14.16.0 V8: 8.9.255.25-electron.0 OS: Windows_NT x64 10.0.19042
Unity VSCode不能跳转到定义
qq_36056534的博客
06-08 1083
1，查看有没有安装 donnet Framework 2，查看有没有安装 donnet SDK
unity点击按钮跳转页面
weixin_46052359的博客
05-31 9942
注意：所有和UI有关的东西都应是Canvas的子物体。 1.首先在uI里创建一个Button 2.然后在Canvas里创建一个Image，并且将它隐藏 3.导入一张图片将图片（这个就是你想要的页面啦）改为2D精灵，拖动图片到 Image里的source image里 4.然后在Button的属性面板里找到On Click,点击如图右下角加号，将创建好的Image拖动到如图所示红框选中地方，后面的对钩要打上！ 5.如下图选择相应选项。 想要跳转别的页面同理！ ...
Unity-WebGL发布后网页分辨率自动适应
05-27
Unity-WebGL发布后网页分辨率可以通过代码自动适应浏览器窗口大小，使游戏画面始终填充整个浏览器窗口，不会出现黑边或变形等问题。以下是一些可以实现自适应的方法： 1. 使用CanvasScaler组件：在Unity中，可以为Canvas添加CanvasScaler组件，将UI自动缩放以适应不同的屏幕分辨率。同时，CanvasScaler还可以设置MatchWidthOrHeight属性，使画面在宽高比不同时仍能填充整个浏览器窗口。 2. 使用Viewport：在代码中通过设置Camera的Viewport属性可以实现画面自适应。例如，可以将Camera的Viewport设置为(0,0,1,1)，使画面填充整个屏幕。 3. 使用JavaScript：通过编写JavaScript代码，可以获取浏览器窗口大小，并将Canvas的大小设置为窗口大小。例如，可以使用以下代码实现： ```javascript function resizeCanvas() { var canvas = document.getElementById('unity-canvas'); var width = window.innerWidth; var height = window.innerHeight; canvas.width = width; canvas.height = height; } window.addEventListener('resize', resizeCanvas); ``` 这些方法都可以实现Unity-WebGL发布后的自适应，根据具体情况选择适合的方法即可。
评论 5
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值