Websocket と enchant.js を利用した画面の書換え

Question

WebSocketからJSONをうけとって、そのJSONを元に画面を書き換えるプログラムです。

// グローバル変数の定義
var connection = new WebSocket('ws://hogehoge.com/socket');
var JSON_obj;

window.onload = function() {
	// ゲームインスタンス作成
	game = new Game(1280, 800);
	// 初期表示処理
	game.onload = function() {
		// 最初にダミーをいれておく
		gameTable = new Group();
		game.rootScene.addChild(gameTable);
		// WebSocket受信部分
		connection.onmessage = function (event) {
			// rootSceneから削除
			game.rootScene.removeChild(gameTable);
			gameTable = null;
			// サーバーからデータ受信
			console.log('サーバーからデータ受信！');
			jsonStr = event.data;
			JSON_obj = JSON.parse(jsonStr);
			// シーン
			gameTable = new GameTable();
			game.rootScene.addChild(gameTable);
		};
	};
	// ゲームスタート
	game.start();
};

サーバーからJSONが送られた時点で

connection.onmessage = function (event) {

}

が発動して、JSONをうけとってグローバルであるJSON_objに格納され、GameTable()クラスが JSON_obj を利用して画面を書き換えるようになっています。実際に思惑通り動いてくれているんですが、どんどん速度が遅くなっていくのです。

この組み方は正しいのでしょうか？

Answer 1

Websocket と enchant.js に詳しくはないので、組み方が正しいかどうか、はお答えできませんが、いくつかコメントさせていただきます。

JSのグローバル変数とローカル変数は、varを付ける方がローカル変数です。
ご提示のコードはそれが逆になっているように見えるのですが...

もうひとつ、ブラウザーのプロファイラーを使って、遅くなっている原因をつきとめてみるのは如何ですか？