Unity WebGL与JS脚本交互
1.Unity调用JavaScript脚本方法
老版本方法
之前Unity提供的Application.ExternalCall方法现在已经被设为过时弃用。(但是现在还能用,但是不知道什么时候可能就不能用了)
Unity发送消息给JS
unity想要和js交互,提供了一个函数:Application.ExternalCall();此函数仅限于web平台下。我们编辑发布的html文件,在里面加入我们的js脚本方法如下:
需要家<script></script>标签
function GetID(id)
{
alert("序号:"+id);
}
unity里面使用
Application.ExternalCall("GetID","大概看了");
新版本方法
1.首先在Plugins文件下创建后缀为.jslib 文件,将浏览器脚本写在里面

格式如下:
mergeInto(LibraryManager.library,
{ Hello: function ()
{
window.alert("Hello, world!");
}, HelloString: function (str)
{
window.alert(Pointer_stringify(str)); }, HelloFloat: function ()
{
return 1;
}, });
这里可以添加若干个方法,方法之间记得用逗号隔开,否则WebGL平台打包的时候会报错
2.新建C#脚本引用Js方法(unity调用JS)
格式如下:
using System.Collections;
using System.Collections.Generic;
using UnityEngine;
using System.Runtime.InteropServices;
using UnityEngine.UI;
public class CallJs : MonoBehaviour
{ [DllImport("__Internal")]
public static extern void Hello(); [DllImport("__Internal")]
public static extern void HelloString(string str);
[DllImport("__Internal")]
public static extern int HelloFloat(); }
3.最后是测试脚本
using System.Collections;
using System.Collections.Generic;
using UnityEngine;
using UnityEngine.UI; public class Btn : MonoBehaviour
{
public Button btn1;
public Button btn2;
public Button btn3;
public InputField inputField;
// Start is called before the first frame update
void Start()
{
btn1.onClick.AddListener(delegate { Debug.Log(1);
CallJs.Hello();
});
btn2.onClick.AddListener(delegate { Debug.Log(2);
CallJs.HelloString("这是JS");
});
btn3.onClick.AddListener(delegate { Debug.Log(CallJs.HelloFloat());
});
} }
4.打包测试即可(测试结果如下)


5.JS调用Unity方法
测试脚本方法如下

需要在打包好的html文件里面加入要调用的方法(打webgl包里有有index.html编辑此文件测试即可)
下面是测试方法 (放到<body></body>里面)
unityInstance.SendMessage("GameManager","测试JS2","这是JS啊");
里面三个参数依次是:场景中挂载脚本(CallJs)物体的名字,你写的脚本方法,需要传的参数
<button id="lool">测试</button>
<button id="lool1">测试1</button>
<script>
function Hello(){
unityInstance.SetFullscreen(0);
unityInstance.SendMessage("GameManager","测试JS1");
console.log(unityInstance);
};
document.getElementById("lool").onclick=Hello; document.getElementById("lool1").onclick=function(){
// unityInstance.SetFullscreen(0);
unityInstance.SendMessage("GameManager","测试JS2","这是JS啊");
};
</script>
测试结果
点击测试出现

点击测试1出现

具体扩展看项目需要自己加就行了
Unity WebGL与JS脚本交互的更多相关文章
- c++与js脚本交互,C++调用JS函数/JS调用C++函数
<!DOCTYPE html> <html> <body> <h1>我的第一段 JavaScript</h1> <p> Java ...
- c++与js脚本交互,C++调用JS函数JS调用C++函数
一.javascript调用c++,方法有两种 方案1: 1.html编写 <html><head></head><body><h1>TES ...
- Winform控件WebBrowser与JS脚本交互
1)在c#中调用js函数 如果要传值,则可以定义object[]数组. 具体方法如下例子: 首先在js中定义被c#调用的方法: function Messageaa(message) { ...
- 【转】第6篇:Xilium CefGlue 关于 CLR Object 与 JS 交互类库封装报告:自动注册JS脚本+自动反射方法分析
作者: 牛A与牛C之间 时间: 2013-11-21 分类: 技术文章 | 暂无评论 | 编辑文章 主页 » 技术文章 » 第6篇:Xilium CefGlue 关于 CLR Object 与 JS ...
- 【转】第5篇:Xilium CefGlue 关于 CLR Object 与 JS 交互类库封装报告:自动注册JS脚本+委托回调方法分析
作者: 牛A与牛C之间 时间: 2013-11-19 分类: 技术文章 | 暂无评论 | 编辑文章 主页 » 技术文章 » 第5篇:Xilium CefGlue 关于 CLR Object 与 JS ...
- unity中js脚本与c#脚本互相调用
unity中js脚本与c#脚本互相调用 test1.js function OnGUI() { if(GUI.Button(Rect(25,25,100,30),"JS Call CS& ...
- Unity NGUI 网络斗地主 -发牌 脚本交互
Unity NGUI 网络斗地主 -发牌 脚本交互 @By 灰太龙 Unity4.2.1f4 NGUI 3.0.4 本篇说的问题是脚本与控件的交互! 现在对界面进行了改进,先看副图! 1.制作发牌效果 ...
- 样式其他与JS脚本语言
样式其他:display(显示block和隐藏none,不占位置) visibility(显示visible和隐藏hidden,占位置) overflow(超出范围 hidden隐藏) 透明(op ...
- Win8/Win7系统下用IE11浏览器调试js脚本
作为一个web开发者,调试js脚本是工作中的一部分,但是并不是所有的浏览器都会很好的兼容js脚本的.随着win8系统的发布,ie11也慢慢进入了大家的视野,ie11的众多优点及新特性就不必多说了(全面 ...
- Adriod与HTML+JS的交互
本篇主要实现的功能点: Android 调用HTML中的javascript脚本 HTML中的javascript脚本调用Android本地代码 Android 调用HTML中的javascript脚 ...
随机推荐
- C# 将Dll文件打包到exe中
首先在资源管理里面将需要使用的dll添加进入 然后将dll文件的生成操作改成嵌入的资源 然后新建一个类 LoadResourceDll.cs 1 using System; 2 using Syst ...
- Kubernetes--管理Pod对象的容器(3)
共享节点的网络名称空间 同一个Pod对象的各容器均运行于一个独立的.隔离的Network名称空间中,共享同一个网络协议栈及相关的网络设备.也有一些特殊的Pod对象需要运行于所在节点的名称空间中,执行系 ...
- react fiber 的运行机制
前言 1. 不同的元素类型决定不同的任务类型 2. react 的元素类型有 class component , function component ,Dom nodes, portal等等 要理解 ...
- Spring Web MVC注解
@RequestMapping @RequestMapping注解的主要用途是将Web请求与请求处理类中的方法进行映射. Spring MVC和Spring WebFlux都通过RquestM ...
- uniapp文件复制,重命名以及删除
查找某目录下的文件 plus.io.resolveLocalFileSystemURL( "_www/static/本地.png", funct ...
- 【情景题】NPDP经典题目(下)
1.员工Mary是ACE电气公司的产品经理,公司高管要求她准备一份评价标准清单,从而以该清单为基础来对该产品组合中的新机会进行评价.她提交的清单如下:-潜在市场份额-对公司获利能力的潜在贡献-产品开发 ...
- 百题计划-2 codeforces1185D Extra Element 暴力
https://codeforces.com/contest/1185/problem/D 题意:给一个序列,移除一个数然后排序后使得序列成为等差数列,求移除的下标. 解法: 先排序,把所有差值扔到m ...
- centos 防火墙开放端口
centos防火墙开放端口 开启防火墙 systemctl start firewalld 开放指定端口 firewall-cmd --zone=public --add-port=<PORT& ...
- maven加载本地的jar包
方式1 ,通过scope = system的方式加载 <dependency> <groupId>com.sun.jna</groupId> <artifac ...
- AutoMapper在.Net Core WebApi中使用
在.Net Core WebApi 里使用AutoMapper 1. 安装AutoMapper管理包 注意:service层中安装 WebApi层也需要安装 因为Webpi层有时候也需要用到Dto ...