概述

本章记录在使用unity3D制作场景并导出webgl，然后unity和js进行两边交互，本人使用unity的版本为5.6.7。在初始化进入场景时cube并没有旋转，我们在点击开始旋转按钮后unity的cube开始旋转，效果图：

unity向html传递“开启旋转”的参数值：

步骤

在unity中编写js脚本，首先创建一个cube，然后将脚本挂载到cube上

var a:boolean = false;function Start () {}function Update () {if (a) {tRotate();}
}function tRotate() {// Application.ExternalCall("startRotate", "开启旋转"); 中的startRotate为js需要调用的方法名，"开启旋转"为unity向html中startRotate方法传递的参数值Application.ExternalCall("startRotate", "开启旋转");// 将unity中的变量名设置为bool，update函数检测到后会执行旋转a=true;transform.Rotate(0, 5, 0);
}

对应的html中页面编写脚本

  // startRotate对应unity中定义的方法名，str参数接收传递过来的值function startRotate(str) {console.log(str);}// 此处定义一个id为btn的按钮，并定义一个点击事件，当点击的时候向unity中名为Cube1的游戏对象执行tRotate方法document.getElementById('btn').onclick = () =>  {gameInstance.SendMessage("Cube1","tRotate","")}

github地址为打包后的webgl文件

链接: github地址

unity3D中导出webgl并使用js进行交互相关推荐

【Unity3D日常开发】Unity3D中打包WEBGL后读取本地文件数据
推荐阅读 CSDN主页 GitHub开源地址 Unity3D插件分享简书地址我的个人博客 QQ群:1040082875 大家好,我是佛系工程师☆恬静的小魔龙☆,不定时更新Unity开发技巧,觉得有 ...
WebGL实时视频(4) js代码交互
1.uinty内使用js代码参考:unity WegGL 调用js 2.webrtc的js代码两个文件awrtc.jspre和awrtc_unity.jslib,copy一份,把后缀改成js,用v ...
unity3d中ScriptingBackend选择mono和il2cpp的区别
unity3d中ScriptingBackend选择mono和il2cpp的区别在iOS和Android上,在Player Settings中选择mono或il2cpp脚本后端.要更改脚本后端,请转 ...
webgl 着色器_如何在WebAssembly中使用WebGL着色器
webgl 着色器 by Dan Ruta 通过Dan Ruta 在WebAssembly中使用WebGL着色器 (Using WebGL shaders in WebAssembly) WebAss ...
在Unity3D中使用Protobuf3
Protobuf:平台无关.语言无关.可扩展且轻便高效的序列化数据结构的协议,一般用于网络通信和数据存储第一步:下载并准备DLL文件链接:mvn9(或者 https://github.com/pr ...
Web3D编程入门总结——WebGL与Three.js基础介绍
1 /*在这里对这段时间学习的3D编程知识做个总结,以备再次出发.计划分成"webgl与three.js基础介绍"."面向对象的基础3D场景框架编写".&quo ...
Unity3D中的动态字体和静态字体
Unity3D中支持动态字体和静态字体两种格式字体,动态字体即使用TTF格式字体库,静态字体则需要自己打包字体图集.动态字体和静态字体区别在于,动态字体如果出现字体库中不存在的字体,会使用系统字体,而 ...
3Dmax已经贴好图的文件如何导入unity3D中
3Dmax已经贴好图的文件如何导入unity3D中,对于初学者而言,有时候在3Dmax中贴好图,配好颜色的模型导入unity3D中会丢失贴图的问题. 解决方法: 1.在3Dmax中建好模型.贴图完成. ...
Unity3D中C#调用iOS的静态库(*.a)
Unity3D中C#调用iOS的静态库(*.a) https://blog.csdn.net/skylin19840101/article/details/51039176 C#端的处理 C#调用其他 ...
layui数据表格中导出所有数据的简易解决办法
layui数据表格中导出所有数据的简易解决办法官方文档的困惑解决办法官方文档的困惑首先要说明的是:layui在 table 的工具栏内置了数据导出按钮,如果你是用它内置的导出按钮来导出数据,是 ...

unity3D中导出webgl并使用js进行交互

unity3D中导出webgl并使用js进行交互

概述

步骤

unity3D中导出webgl并使用js进行交互相关推荐

最新文章

热门文章