结合WebSocket编写WebGL综合场景示例 - ljzc002(8)_H5之家

1 var wsUri=""; 2 var websocket; Connect() 7 {// 8 var location = (window.location+'').split('http://www.cnblogs.com/'); 9 var IP=location[2]; wsUri="ws://"+$("#str_ip")[0].value+":8081/PRACTICE/websocket3"; { $("#str_ip")[0].disabled=true; 16 $("#str_name")[0].disabled=true; 17 username=$("#str_name")[0].value; 18 $("#btn_create")[0].disabled=false; { 22 onOpen(evt) 23 }; onMessage(evt) 26 }; 27 websocket.onclose = function(evt) { 28 onClose(evt) 29 }; 30 websocket.onerror = function(evt) { 31 onError(evt) 32 }; 33 } 34 catch(e) 35 { 36 alert(e); 37 $("#str_ip")[0].disabled=false; 38 $("#str_name")[0].disabled=false; 39 } 40 } onOpen(evt) { 43 state="online"; } Close() 48 { } 52 function onClose(evt) { 53 writeToScreen('本机连接关闭'); 54 $("#str_ip")[0].disabled=false; 55 $("#str_name")[0].disabled=false; 56 state="offline"; 57 } onMessage(evt) { 60 var str_data=evt.data; { 63 id=str_data.split(":")[1]; 64 $("#str_id")[0].innerHTML=id; 65 } (str_data.substr(0,6)=="@name:") { 68 username=str_data.split(":")[1]; 69 if(username=="admin") 70 { 71 $("#str_name")[0].value=username; 72 writeToScreen('本机被任命为admin'); 73 } { 76 $("#str_name")[0].value=username; 77 writeToScreen('已存在admin，本机被重命名为'+username+''); 78 } 79 } 80 。。。 onError(evt) { 84 writeToScreen('ERROR: '+ evt.data); 85 $("#str_ip")[0].disabled=false; 86 $("#str_name")[0].disabled=false; 87 state="offline"; 88 } Send() 91 { 92 doSend($("#str_message")[0].value); 93 } doSend(message) 96 { 97 websocket.send(message); 98 } writeToScreen(message) 101 { 102 var pre = document.createElement("p"); 103 pre.style.wordWrap = "break-word"; 104 pre.innerHTML = MakeDateStr()+"->"+message; 105 str_log.appendChild(pre); 106 }

　　参考网上教程编写的常规WebSocket通信代码

3、建立一些“NPC物体”，也要对他们的状态进行同步

NPC物体的建立代码在scene_link.js文件的110行：