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. VS+QT创建的项目 UI界面更新控件，代码里识别不到

    1.如果安装了小番茄,看下自己的小番茄的设置里,source of C/C++ content需要选择 Default Intellisense,选择visual assist是识别不到的,具体是为什 ...

  2. Linux 关闭系统时间同步－timedatectl的使用

    源于一次项目需要修改系统时间,但是每次修改后又被同步回网络时间,找了好久发现是这个原因: NTP即Network Time Protocol(网络时间协议),是一个互联网协议,用于同步计算机之间的系统 ...

  3. CCIE DC Multicast Part 2.

    Hi Guys! In my last blog post, we had a quick look at multicast and a more in depth look at how PIM ...

  4. 执行 dataX 数据同步命令

    :: 执行 dataX 数据同步命令 @echo off set day_interval=7@echo =========开始执行dataX数据同步========= @echo 时间周期为最近%d ...

  5. uni-app --vue3--TypeScript 微信小程序开发

    微信小程序开发文档: https://developers.weixin.qq.com/miniprogram/dev/framework/quickstart/getstart.html#%E7%9 ...

  6. 2018GPLT

    2018GPLT 7-1 天梯赛座位分配 一共有n所学校参加比赛,每所学校有\(a_i\)只队伍,每只队伍共10人,要保证每个学校的所有队员不能相邻就坐,令每一所学校的队伍排成一排纵列,然后从第一所学 ...

  7. c语言创建线程的函数封装

    头文件xxx.h #include <stdlib.h> #include <pthread.h> #include <string.h> typedef int ...

  8. kube-proxy

    1 kube-proxy报错 "--random-fully" 解决: # yum install gcc make libnftnl-devel libmnl-devel aut ...

  9. 音视频技术入门课- 05 使用FFmpeg与OBS进行直播推流

    做直播推流的前提是要有直播服务器接收直播流,所以需要我们自己建设一个流媒体服务器. 流媒体服务器SRS SRS是一个简单高效的实时视频服务器,支持RTMP/WebRTC/HLS/HTTP-FLV/SR ...

  10. Vue项目在IE报错SCRIPT1003: 缺少' : '，导致页面空白的解决方案

    一.问题 用IE浏览器访问系统,页面显示空白,控制台报错 SCRIPT1003: 缺少' : ' 二.查看报错        2.1.点击控制台报错,进入app.js,咋一看代码看不懂,不要慌,一直往 ...