[Unity3d]unity与html通信

简介: 谈谈今天的学习收获,发现了一个好东西,unity与html能够相互通信,意味着我之前学的web开发还能在unity中用得上,哈哈,太happy了!下面简单谈谈通过Unity3D调用HTML网页的脚本函数,以及通过HTML网页调用Unity3D中的脚本函数。

谈谈今天的学习收获,发现了一个好东西,unity与html能够相互通信,意味着我之前学的web开发还能在unity中用得上,哈哈,太happy了!下面简单谈谈通过Unity3D调用HTML网页的脚本函数,以及通过HTML网页调用Unity3D中的脚本函数。

1.1Unity3D浏览器调用HTML网页中的函数

Unity3D浏览器通过执行Application.ExternalCall()来调用任何在HTML网页里定义JavaScript函数,比如下面一句调用了HTML网页里SayHello()函数,并传递了一句话作为参数。

Application.ExternalCall("SayHello","helloworld");

在HTML网页里需定义SayHello()方法,如下所示:

<Script type = "text/javascript" language = "javascript">
	function SayHello(arg)
	{
		alert(arg);
	}
</Script>



效果:


1.2HTML网页调用Unity3D浏览器中的脚本函数

Unity3D浏览器的插件或ActiveX控件都有一个SendMessage()的函数,HTML网页通过这个函数与Unity3D进行通信,通过该函数可以传递对象名、函数名以及简单参数,然后SendMessage()就会调用Unity3D与GameObject上绑定的函数。在调用SendMessage()函数之前,必须先得到Unity WebPlayer的引用。这里可以使用JavaScript对象Document的getElementById()函数来获得该引用。

下面是一个例子,它会执行SendMessage()函数,嵌入在Object或embed标签下的Unity web player的id是UnityContent,SendMessage函数会从一个名为MyObject对象上的MyFunction()函数,并传递一句话作为参数。在Unity内容里,需要放置一个名为MyObject的对象,并在该对象上附加实现了名称为MyFunction函数的脚本文件。HTML实现关键代码如下:

<script type = "text/javascript" language = "javascript">
	function SaySomethingToUnity()
	{
		//获得Unity浏览器对象的ID
		var unity = unityObject.getObjectById("UnityContent");
		//调用SendMessage函数访问Unity3D浏览器对象中的脚本函数
		unity.SendMessage("MyObject","MyFunction","Hello from a web page!");
	}
  </script>

Unity3D浏览器中与MyObject对象绑定好的函数MyFunction

function MyFunction(param : String)
{
     语句;
}


如果以上方法不行,可以试试这个,可能是因为版本更新的原因有所不同

<script type="text/javascript" language="javascript">
var u = new UnityObject2();
u.initPlugin(jQuery("#unityPlayer")[0], "web.unity3d");
function test1(message)
{	 
	alert( message );
	u.getUnity().SendMessage("Main", "AcceptName1", message);
	alert( message );
}

</script>

或者可以查查官方的文档说明,那个是最新的!


==================== 迂者 丁小未 CSDN博客专栏=================

MyBlog:http://blog.csdn.net/dingxiaowei2013             MyQQ:1213250243

Unity QQ群:858550         cocos2dx QQ群:280818155

====================== 相互学习,共同进步 ===================

转载请注明出处:http://blog.csdn.net/dingxiaowei2013/article/details/17048089

欢迎关注我的微博: http://weibo.com/u/2590571922


下面是官方翻译:

Unity Manual>Advanced>Web PlayerDeployment > Unity Web Playerand browser communication

Unity手册->高级->web播放器部署-> Unity WEB播放器和浏览器通信

Unity Web Player and browser communication Unity WEB播放器和浏览器通信

The HTML page that contains Unity Web Playercontent can communicate with that content and vice versa. Basically there aretwo communication directions:

HTML页面,其中包含Unity Web播放的内容可以通信的内容,反之亦然。基本上有两种通信方向:

       The web page calls functions inside theUnity web player content.  

       该网页内调用Unityweb播放器内容内部的功能。

       The Unity web player content callsfunctions in the web page.

       Unity web播放器的内容调用功能在在web页中。

Eachof these communication directions is described in more detail below.

这些通信方向的每一个详细描述如下。

Calling Unity web player content functionsfrom the web page

从web页面调用Unity web播放器内容

The Unity Web Player plugin and ActiveX Controls bothhave a function,SendMessage(), that can be called from a web page inorder to call functions within Unity web player content. This function is verysimilar to theGameObject.SendMessagefunction in the Unity scripting API. When called from a web page you pass anobject name, a function name and a single argument, andSendMessage()will call the given function in the given game object.

UnityWeb Player插件和ActiveX控件都有一个函数,SendMessage(),可以从网页上一个web页面被调用,为了调用Unity web播放器内容内部功能。这个功能是非常类似于GameObject.SendMessage函数在Unity脚本API里。当从所谓的网页上你传递一个对象的名称,一个函数名和一个简单参数,和SendMessage()将调用给定的函数在在给定对象的游戏里。

Inorder to call the Unity Web Player'sSendMessage() function you mustfirst get a reference to the Unity web player content object being displayed.You can use JavaScript'sdocument object and its getElementById()function to obtain a reference to the content. Here is an example JavaScriptfunction that would execute theSendMessage() function on the Unity webplayer content with an object/embed tag id value ofUnityContent; inturn SendMessage() will then call the functionMyFunction() onthe game object namedMyObject, passing a piece of string data as anargument:

为了调用Unity Web播放器的SendMessage()函数必须先得到网站的Unity播放器内容对象的一个引用被显示出来。你可以使用JavaScript的文档对象和getElementById()函数来获取对内容的引用。下面是一个JavaScript示例函数将利用object/ embed标签的UnityContent id值在Unityweb播放器内容上执行SendMessage()函数,然后反过来SendMessage()将会调用函数调用MyFunction()在游戏对象名称上的MyObject来传递的一个字符串数据作为参数:

<scripttype="text/javascript" language="javascript">

<!--

functionSaySomethingToUnity()

{

   document.getElementById("UnityContent").SendMessage("MyObject","MyFunction", "Hello from a web page!");

}

-->

</script>

Insideof the Unity web player content you need to have a script attached to theGameObjectnamedMyObject, and that script needs to implement a function namedMyFunction:

Unity网络播放器内容的内部里你需要一个脚本附加到名为MyObjectGameObject上,该脚本需要实现名为myFunction函数:

function MyFunction(param: String)

{

    Debug.Log(param);

}

Asingle string, integer or float argument must be passed when usingSendMessage(),the parameter is required on the calling side. If you don't need it then justpass a zero or other default value and ignore it on the Unity side.Additionally, the game object specified by the name can be given in the form ofa path name. For example,/MyObject/SomeChild where SomeChildmust be a child ofMyObject andMyObject must be at the rootlevel due to the '/' in front of its name.

一个单一的字符串,整数或浮点数必须通过使用SendMessage()传递,参数是需要在非正式的调用。如果你不需要它然后只通过一个零或其他默认值并忽略它在Unity方面。此外,游戏对象指定通过名称可以得到在一个路径名。例如,/ MyObject/ SomeChild在那儿SomeChild必须是MyObject的子和MyObject必须在根级别由于'/在其名称的前面。

Thedefault html file generated when you publish web player content includes bothan object and embed tag in order to have the content load properly in allbrowsers. In order to allow browser-based JavaScript to distinguish between thetwo tag elements they each use a unique id value, UnityObject for theobject tag andUnityEmbed for the embed tag. Because of this, thedefault html file also includes a JavaScript function,GetUnity(), thatperforms some simple browser detection and returns a reference to the tagelement in use. Here is an example using that function:

默认的HTML文件生成当你发布web播放器的内容时包括了一个objectembed标签,以便在所有浏览器中的内容正确加载。为了使基于浏览器的JavaScript来区分这两种标记的元素,他们每次使用一个唯一的ID值,UnityObjectobject标签和UnityEmbedembed标签。正因为如此,默认的HTML文件还包括一个JavaScript函数,GetUnity(),即执行一些简单的浏览器检测并返回一个使用的参考标记元素。下面是一个示例使用该功能:

<scripttype="text/javascript" language="javascript">

<!--

functionSaySomethingToUnity()

{

   GetUnity().SendMessage("MyObject", "MyFunction","Hello from a web page!");

}

-->

</script>

Calling web page functions from Unity webplayer content

Unity播放器内容调用web页函数

In order to call a web page function from within yourUnity web player content you must use theApplication.ExternalCall()function. Using that function you can call any JavaScript function defined inthe web page, passing any number of parameters to it. Here is an example Unityscript that uses theApplication.ExternalCall() function to call afunction namedSayHello() found within the web page, passing a piece ofstring data as an argument:

为了从你内部Unity web播放器内容调用一个WEB页函数,你必须使用Application.ExternalCall()函数。使用该功能,你可以调用任何JavaScript函数中定义的网页,传递任意数量的参数给它。这里有一个例子Unity脚本使用Application.ExternalCall()函数来调用一个函数名为SayHello()发现的网页,传递一个字符串数据作为参数:

Application.ExternalCall("SayHello", "The game says hello!" );

Theweb page would need to define the SayHello() function, for example:

该网页将需要定义sayHello()函数,例如:

<scripttype="text/javascript" language="javascript">

<!--

function SayHello(arg )

{

    // show the message

    alert( arg );

}

-->

</script>

Executing arbitrary browser code from Unityweb player content

Unity web播放器内存执行任意浏览器的代码。

You don't even have to define functions in the embeddingweb page, instead you can use theApplication.ExternalEval()function to execute arbitrary browser code from the web player content.

你甚至不必在嵌入网页定义功能,替代的是你可以使用Application.ExternalEval()函数来执行任意浏览器的代码从网页播放器的内容。

Thefollowing example checks that the page embedding the web player content isfetched from a certain host (unity3d.com), if that's not the case then it willredirect to another URL. This technique can be used to prevent deep linking toyour web player content:

下面的例子检查该网页嵌入web播放器的内容是从某主机(unity3d.com),如果不是这样,那么它将被重定向到另一个URL。这种技术可以用来防止深层链接到你的web播放器的内容:

Application.ExternalEval(

    "if(document.location.host!= 'unity3d.com') {document.location='http://unity3d.com'; }"

);

 


相关文章
|
Web App开发 移动开发 图形学
使用Flash,HTML5和Unity开发网页游戏的对比
1.开发流程 Flash:用Flash来开发游戏非常简单。因为关于它有无数的书籍,网站,教程,框架,视频和源代码。对于开发工具来说,Flex route是免费的,Flash IDE需要付费。Flash拥有通用且强大的矢量渲染功能,这意味这你创建的动画的文件格式会非常小。
2959 0
|
1天前
|
前端开发 JavaScript 搜索推荐
HTML与CSS在Web组件化中的核心作用及前端技术趋势
本文探讨了HTML与CSS在Web组件化中的核心作用及前端技术趋势。从结构定义、语义化到样式封装与布局控制,两者不仅提升了代码复用率和可维护性,还通过响应式设计、动态样式等技术增强了用户体验。面对兼容性、代码复杂度等挑战,文章提出了相应的解决策略,强调了持续创新的重要性,旨在构建高效、灵活的Web应用。
14 6
|
19天前
|
移动开发 前端开发 JavaScript
[HTML、CSS]细节与使用经验
本文总结了前端开发中的一些重要细节和技巧,包括CSS选择器、定位、层级、全局属性、滚轮控制、轮播等。作者以纯文字形式记录,便于读者使用<kbd>Ctrl + F</kbd>快速查找相关内容。文章还提供了示例代码,帮助读者更好地理解和应用这些知识点。
40 1
[HTML、CSS]细节与使用经验
|
20天前
|
移动开发 前端开发 JavaScript
[HTML、CSS]知识点
本文涵盖前端知识点扩展、HTML标签(如video、input、canvas)、datalist和details标签的使用方法,以及CSS布局技巧(如margin、overflow: hidden和动态height)。文章旨在分享作者的学习经验和实用技巧。
30 1
[HTML、CSS]知识点
|
1月前
|
前端开发 JavaScript 搜索推荐
打造个人博客网站:从零开始的HTML和CSS之旅
【9月更文挑战第32天】在这个数字化的时代,拥有一个个人博客不仅是展示自我的平台,也是技术交流的桥梁。本文将引导初学者理解并实现一个简单的个人博客网站的搭建,涵盖HTML的基础结构、CSS样式的美化技巧以及如何将两者结合来制作一个完整的网页。通过这篇文章,你将学会如何从零开始构建自己的网络空间,并在互联网世界留下你的足迹。
|
15天前
|
移动开发 JavaScript 前端开发
html table+css实现可编辑表格的示例代码
html table+css实现可编辑表格的示例代码
|
12天前
|
前端开发 JavaScript
用HTML CSS JS打造企业级官网 —— 源码直接可用
必看!用HTML+CSS+JS打造企业级官网-源码直接可用,文章代码仅用于学习,禁止用于商业
54 1
|
17天前
|
前端开发 JavaScript 安全
HTML+CSS+JS密码灯登录表单
通过结合使用HTML、CSS和JavaScript,我们创建了一个带有密码强度指示器的登录表单。这不仅提高了用户体验,还帮助用户创建更安全的密码。希望本文的详细介绍和代码示例能帮助您在实际项目中实现类似功能,提升网站的安全性和用户友好性。
32 3