纳金网

标题: 网络功能教程 - 聊天室 [打印本页]

作者: 狂风大尉 时间: 2014-6-24 00:39
标题: 网络功能教程 - 聊天室

         RPC是个好东西。以 ChatRoom 为例子，我们来看看如何使用之。


         先弄个连接管理的代码 Connection.js：


         var ServerAddr : String = "127.0.0.1";


         var ServerPort : int = 2224;


         function OnGUI()


         {


         GUILayout.BeginArea(Rect(Screen.width-200,0,200,200));


         if (Network.peerType == NetworkPeerType.Disconnected)


         {


         GUILayout.Label("Connection status: Disconnected");


         ServerAddr = GUILayout.TextField(ServerAddr, GUILayout.MinWidth(100));


         ServerPort = parseInt(GUILayout.TextField(ServerPort.ToString()));


         if (GUILayout.Button("Connect as client"))


         {


            Network.Connect(ServerAddr, ServerPort);


         }


         if (GUILayout.Button("Start Server"))


         {


            Network.InitializeServer(32, ServerPort, false);


         }


         }


         else


         {


         if (Network.peerType == NetworkPeerType.Connecting)


         {


            GUILayout.Label("Connection status: Connecting");


         }


         else if (Network.peerType == NetworkPeerType.Client)


         {


            GUILayout.Label("Connection status: Connected");


         }


         else if (Network.peerType == NetworkPeerType.Server)


         {


            GUILayout.Label("Connection status: Server!");


            GUILayout.Label("Connection: " + Network.connections.length);


         }


         if (GUILayout.Button("Disconnect"))


         {


            Network.Disconnect(200);


         }


         }


         GUILayout.EndArea();


         }


         ------------------------------------


         然后弄个 Chat.js，负责写聊天的逻辑：


         ------------------------------------


         var chatWords : String = "";


         var inputWord : String = "input words here.";





         function OnGUI ()


         {


         if (Network.isClient)


         {


         GUILayout.BeginArea(Rect(0,0,300,600));


         GUILayout.TextArea(chatWords);


         GUILayout.BeginHorizontal();


         inputWord = GUILayout.TextArea(inputWord);


         if (GUILayout.Button("Send"))


         {


            networkView.RPC("SomeoneSay", RPCMode.All, inputWord);


            inputWord = "";


         }


         GUILayout.EndHorizontal();


         if (GUILayout.Button("Disconnect"))


         {


            Network.Disconnect(200);


         }


         GUILayout.EndArea();


         }


         }


         @RPC


         function SomeoneSay(sayWord : String, info : NetworkMessageInfo)


         {


         chatWords = chatWords + "
" + info.sender + ":" + sayWord;


         }


         --------------------------------------------


         好，代码就完毕了。继续下面的一些拖拽操作：


         1. 建立一个场景，把 Connection.js、Chat.js 绑到 MainCamera 上


         2. 给 MainCamera 弄个 NetworkView Component，并将 State Synchronization = off，因为不需要同步位置等等信息。


         3. 运行一下，哈哈，是不是很简单。





         代码细解


         通过 networkView.RPC("funcname", RPCMode, args ...) 调用 remote function。


         其中 RPCMode 可以决定哪些人可以收到此 RPC，具体参见：

         http://unity3d.com/support/documentation/ScriptReference/RPCMode.html


         以 @RPC 开头的函数，则为被调用的函数。RPC函数最后的 info 参数是可选项，表示 sender 的一些信息。


         Unity网络层核心思想


         把这个 ChatRoom 完成，我才真正理解了 Unity 对网络层的管理。:-P


         Scene ==1:N ==> GameObject ==1:N==> Component。


         一个场景挂着多个 GameObject，每个 GameObject 上挂了很多 Component （比如 NetworkView、各个Script 等等）


         一个 GameObject 要挂上一个 NetworkView，这个 GameObject 才能收发网络数据。对，数据的收发，都是针对一个个 GameObject 而言的。

作者: wusky751023 时间: 2014-6-24 01:43
立馬試試!!!@@
成了便截圖貼上來表示一下@@
感謝狂風大尉大人QQ

作者: hyui 时间: 2014-6-24 01:52
Nice share!

作者: wusky751023 时间: 2014-6-24 02:18
         {
         chatWords = chatWords + "
" + info.sender + ":" + sayWord;
         }

应该更正为
         {
         chatWords = chatWords + "" + info.sender + ":" + sayWord;
         }

如此才得以运行啊！@@

画面如下
貌似无法在游戏内输入文字？
点击 Start server还是 Connect as Clinet
只会变成 Disconnect
依然无法输入文字@@

螢幕擷取畫面 (24).png (368.3 KB, 下载次数: 329)

螢幕擷取畫面 (24).png

作者: wucnj 时间: 2014-6-25 09:31
感谢分享！！！

作者: ORZ2013 时间: 2014-6-25 10:11
en.zhi值得借鉴

作者: thienhaflash 时间: 2014-6-25 11:58
感谢分享！！！

欢迎光临纳金网 (http://go.narkii.com/club/)