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

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

（来自博客园，有鄙人的部分注释！张忠喜2012-12-26）

由于项目需要，要求用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中的脚本，此脚本实现点击物体，弹出物体的属性。