unity3D与网页的交互---做项目的一点总结

(来自博客园

由于项目需要,要求用unity来展示三维场景,并在三维中能够方便的查询数据库等。一开始尝试在unity中直接连接数据库,当时连的xml,然而每次发布成网页后都会出现路径找不到等问题,所以迫不得已采用了unity向网页传送数据,网页中处理数据(查询数据库),然后将处理过的数据再反传送给unity,最终在unity中将其展示(在网页中展示更为灵活)。

原理很简单:

1、unity向网页发送数据的函数:Application.ExternalCall("SayHello",gameObject.name),这个函数将调用网页中的SayHello函数,gameObject.name为传递的参数。

2、网页向unity发送数据的函数:网页中用GetUnity().SendMessage(message, "AcceptName", buildingname)函数来调用unity中的函数,此函数的参数message为unity中的物体,AcceptName为物体上的函数,buildingname为传递的参数。

网页中的函数如下:

1 function SayHello(message){//此函数来接收unity中发送出来的message值,并将处理后的数据再发送回unity中
 2       jQuery.post('../Unity/javascript/DBhelper.ashx',
{id:message}, function(data)
 3
        {
 4
            var msg=JSON.parse(data);//将json数据解析
 5              var buildingname =
msg[0].Building_name;
 6
            var
buildingcategory=msg[0].Building_category;
 7
            var buildingpic =
msg[0].Building_pic;
 8
          GetUnity().SendMessage(message,
"AcceptName", buildingname);//向unity中的message物体上的MyFunction函数发送buildingname值
 9            GetUnity().SendMessage(message,
"AcceptCategory", buildingcategory);
10
11            GetUnity().SendMessage(message,
"AcceptImg", buildingpic);
12         });   

13 }

此函数将unity中发送的数据message传到DBhelper.ashx中,在DBhelper.ashx中将传递过来的数据进行查询等操作,然后再用GetUnity().SendMessage(message,
"AcceptName", buildingname)将处理好的数据buildingname传给unity中的AcceptName函数。

以下是unity中的脚本,可以实现中文,关于中文的实现由于文章有限,在此不再说明,只说明怎样接收网页中的数据。

1 var chineseSkin : GUISkin;//在此可以选择字体,并设置为中文。建议编辑器设为uft-8。
 2
 3
var
buildingname:String;//用来接收从网页中传递过来的buildingname值
 4 var
buildingcategory:String;//用来接收从网页中传递过来的buildingcategory值
 5
 6
var buildingpic:Texture2D;//用来接收从网页中传递过来的buildingpic值
 7 var windowRect0 = Rect (20,
20, 250, 200);
 8
var enable:boolean;
 9
function Awake(){
10 enable = false ;
11 }

//鼠标按下去时触发的事件
12 function OnMouseDown () {
13 Application.ExternalCall("SayHello",gameObject.name);// 向网页中的SayHello函数发送gameObject.name数据
14 enable = true;
15 }
16 function AcceptName(bdname){//用于接收网页中发送回来的数据
17 buildingname=bdname;
18 }
19 function AcceptCategory(buildingType){//用于接收网页中发送回来的数据
20 buildingcategory=buildingType;
21 }
22
23 function AcceptImg(img){

//读取文件夹下的图片文件
24 var www :WWW = new
WWW("http://localhost:1166/Unity/images/"+img+"");
25 yield www;

//为buildingpic设置纹理
26 buildingpic=www.texture;
27 }

//绘制GUI元素时触发的事件
28 function OnGUI(){
29 GUI.skin=chineseSkin;
30 if(enable)
31 {

//绘制一个窗体,记住第三个参数是方法名字
32 windowRect0 = GUI.Window (0,
windowRect0, DoMyWindow, "属性");
33 }
34 }

//绘制一个窗体,windID是不可缺少的元素,指向窗体的索引值
35 function DoMyWindow (windowID : int) {
36 GUI.Label(Rect(10,50,80,30),"建筑物名字");
37 GUI.TextField(Rect(100,50,100,30),buildingname);
38 GUI.Label(Rect(10,100,80,30),"建筑物类型");
39 GUI.TextField(Rect(100,100,100,30),buildingcategory);
40
41 GUI.DrawTexture(Rect(10,150,200,50),buildingpic,ScaleMode.ScaleToFit,true,0);
42 if(GUI.Button(Rect(190,20,50,30),"退出")){
43 enable = false;
44 }
45 GUI.DragWindow
(Rect (0,0,10000,10000));
46 }

//鼠标在上面时触发
47 function OnMouseOver(){
48     transform.Rotate(0,Time.deltaTime*100,0,Space.World);
49 }

//鼠标进入时触发
50 function OnMouseEnter(){
51     renderer.material.color = Color.blue;
52 }

//鼠标离开时触发
53 function OnMouseExit(){
54     renderer.material.color =
Color.yellow;   
55 }

这是unity中的脚本,此脚本实现点击物体,弹出物体的属性。

上一篇:解决audio 在部分移动端浏览器不能自动播放(目前包括ios、微博)


下一篇:Thread 线程池