対戦ゲームを作る。 その2

概要

対戦ゲームを作る。
通信サーバーをテストする。
２つ、開いて、送信データが両方に送られれば成功。
chatとしても、利用可能なのです。
テスト中に、知らない人、来るかも。

サンプルコード

function getUniq() {
  var strong = 3;
  return new Date().getTime().toString(16) + Math.floor(strong * Math.random()).toString(16)
}
var id0 = getUniq();
var out = document.getElementById("out");
var src = document.getElementById("src");
src.value = "{\n";
src.value += "id: " + id0 + ",\n";
src.value += "state: 0,\n";
src.value += "iro: 0,\n";
src.value += "ban: [1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 0, 2, 1, 1, 1, 1, 1, 1, 2, 0, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1],\n";
src.value += "te: 0\n";
src.value += "}";
var url = "wss://ohiapp0.herokuapp.com/pub";
var ws = new WebSocket(url);
ws.onopen = function() {
  out.innerHTML += "<p>> CONNECTED</p>"; 
  //send("open");
};
ws.onmessage = function(e) {
  out.innerHTML += "<p style='color: blue;'>> RECV: " + e.data + "</p>";
  //var json = JSON.parse(e.data);
};
ws.onerror = function(e) {
  out.innerHTML += "<p style='color: red;'>> ERROR: " + e.data + "</p>";
};
function send() {
  var m = src.value;
  out.innerHTML += "<p>> SEND: " + m + "</p>";
  ws.send(m);
}

成果物

以上。