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脚本交互的更多相关文章

  1. c++与js脚本交互,C++调用JS函数/JS调用C++函数

    <!DOCTYPE html> <html> <body> <h1>我的第一段 JavaScript</h1> <p> Java ...

  2. c++与js脚本交互,C++调用JS函数JS调用C++函数

    一.javascript调用c++,方法有两种 方案1: 1.html编写 <html><head></head><body><h1>TES ...

  3. Winform控件WebBrowser与JS脚本交互

    1)在c#中调用js函数 如果要传值,则可以定义object[]数组. 具体方法如下例子: 首先在js中定义被c#调用的方法: function Messageaa(message) {       ...

  4. 【转】第6篇：Xilium CefGlue 关于 CLR Object 与 JS 交互类库封装报告：自动注册JS脚本+自动反射方法分析

    作者: 牛A与牛C之间 时间: 2013-11-21 分类: 技术文章 | 暂无评论 | 编辑文章 主页 » 技术文章 » 第6篇:Xilium CefGlue 关于 CLR Object 与 JS ...

  5. 【转】第5篇：Xilium CefGlue 关于 CLR Object 与 JS 交互类库封装报告：自动注册JS脚本+委托回调方法分析

    作者: 牛A与牛C之间 时间: 2013-11-19 分类: 技术文章 | 暂无评论 | 编辑文章 主页 » 技术文章 » 第5篇:Xilium CefGlue 关于 CLR Object 与 JS ...

  6. unity中js脚本与c#脚本互相调用

    unity中js脚本与c#脚本互相调用   test1.js function OnGUI() { if(GUI.Button(Rect(25,25,100,30),"JS Call CS& ...

  7. Unity NGUI 网络斗地主 -发牌 脚本交互

    Unity NGUI 网络斗地主 -发牌 脚本交互 @By 灰太龙 Unity4.2.1f4 NGUI 3.0.4 本篇说的问题是脚本与控件的交互! 现在对界面进行了改进,先看副图! 1.制作发牌效果 ...

  8. 样式其他与JS脚本语言

    样式其他:display(显示block和隐藏none,不占位置)  visibility(显示visible和隐藏hidden,占位置)  overflow(超出范围 hidden隐藏) 透明(op ...

  9. Win8/Win7系统下用IE11浏览器调试js脚本

    作为一个web开发者,调试js脚本是工作中的一部分,但是并不是所有的浏览器都会很好的兼容js脚本的.随着win8系统的发布,ie11也慢慢进入了大家的视野,ie11的众多优点及新特性就不必多说了(全面 ...

  10. Adriod与HTML+JS的交互

    本篇主要实现的功能点: Android 调用HTML中的javascript脚本 HTML中的javascript脚本调用Android本地代码 Android 调用HTML中的javascript脚 ...

随机推荐

  1. 【SSO单点系列】（8）：CAS4.0 之整合CMS

    一.描术 CMS 是采用shiro来认证的: 过程 1.调用 login.do  get方式 来打开登录页面 2.录入用户名密码后调用/login.do的post来提交 并且只能是post提交 Jar ...

  2. react项目--redux封装

    index.ts 1 const store = { 2 state: { 3 num: 20, 4 }, 5 actions: { 6 // 放同步的代码 7 add1(newState: { nu ...

  3. Flink常见问题解决记录

    1.Hardlink from files of previous local stored state might cross devices 开启了state.backend.local-reco ...

  4. mysql查询数据是否连续增长

    记录一次比较查询,需求是比较内容是否一次比一次高,用来作为标签依据 大致问题如下 简化: 班级中有若干人,若干次考试.需要查询某人在考试时成绩越来越好(分数是每次都有增长) 思路: 1.使用group ...

  5. 用Nodemailer发个邮件不算难？

    公司一直用邮箱做一些部门间协调的沟通留存,于是乎想用点"编程思维"做些"工作流"来自动化处理:但是公司用的邮箱有点难登呐! 选用的Nodejs 作为实现语言,那 ...

  6. JavaScript基础知识整理（对象的属性）

    对象的定义 无序属性的集合,属性可以包括基本值,对象或函数. JavaScript中有两类属性,数据属性和访问器属性. 特征值 JavaScript使用特征值来描述属性的行为,因为是为实现JavaSc ...

  7. nginx 可视化配置平台

    nginx是一个高性能的HTTP和反向代理服务器.在部署项目中,经常会用到,但是配置是比较麻烦的,很容易出错,今天大叔给大家推荐一个非常好用的可视化平台 -- nginx-gui. 项目功能 配置管理 ...

  8. docker compose服务编排简介、基于发布包构建多个webapi容器 和 基于镜像实现Nginx反向代理webapi

    一. docker compose服务编排简介 1. 背景 微服务架构的应用系统中一般包含若干个微服务,每个微服务一般都会部署多个实例,如果每个微服务都要手动启停,维护的工作量会很大: A. 要创建镜 ...

  9. idea中怎么查找替换数据？

    快捷键全局查询所有:crtl+shift+F 快捷键全局替换所有:crtl+shift+R 1.crtl+f crtl+r 快捷键全局查询所有:crtl+shift+F 快捷键全局替换所有:crtl+ ...

  10. vue3 门户网站搭建3-pinia

    引入 pinia 来方便处理全局变量. npm install pinia 1.创建 pinia 2.main 中引入(我这里是直接写的 index,所以导出的是 stores) 3.定义变量 使用: ...