CONTENTS

时另一个窗口中点击鼠标左键也能攻击因为按下按键的事件被所有窗口都捕捉到了这是不合理的。

canvas

调用基类构造函数相当于将自己添加到了AC_GAME_OBJECTS中this.playground

$(canvas

画布用来渲染画面tabindex0表示能够监听事件...}start()

聚焦后才能监听事件}...

this;...this.playground.game_map.$canvas.keydown(function(e)

{if

~/djangoapp/game/static/js/src/playground

并进入该目录创建

在每次打开输入框时需要将之前历史记录框的计时函数删掉this.$history

$(div

classac_game_chat_field_history/div);this.$input

$(input

classac_game_chat_field_input);this.$history.hide();this.$input.hide();this.playground.$playground.append(this.$history);this.playground.$playground.append(this.$input);this.start();}start()

{this.add_listening_events();}add_listening_events()

{let

this;this.$input.keydown(function(e)

输入框也需要监听ESC事件if

clearTimeout(this.func_id);this.func_id

{outer.$history.fadeOut();outer.func_id

null;},

{this.$input.show();this.show_history();

打开输入框顺带打开历史记录this.$input.focus();

{this.$input.hide();this.playground.game_map.$canvas.focus();

关闭输入框后要重新聚焦回Canvas上}

MultiPlayerSocket(this);this.mps.uuid

用每名玩家的唯一编号区分不同的窗口this.chat_field

new

{outer.mps.send_create_player(outer.root.settings.username,

outer.root.settings.avatar);};}}...

}现在在

this;...this.playground.game_map.$canvas.keydown(function(e)

{if

还没满人允许使用聊天功能outer.playground.chat_field.show_input();return

false;}

{outer.playground.chat_field.hide_input();return

false;}if

}.ac_game_chat_field_history::-webkit-scrollbar

滚动条

{this.add_listening_events();}add_listening_events()

{let

this;this.$input.keydown(function(e)

输入框也需要监听ESC事件if

outer.playground.root.settings.username;let

text

outer.$input.val();outer.hide_input();

发送完消息后关闭输入框if

将输入框清空outer.add_message(username,

text);}return

false;}});}render_message(message)

渲染消息return

$(div${message}/div);}add_message(username,

text)

${text};this.$history.append(this.render_message(message));this.show_history();

每次发新消息时都显示一下历史记录this.$history.scrollTop(this.$history[0].scrollHeight);

将滚动条移动到最底部}...

create_player路由outer.receive_create_player(uuid,

data.username,

move_to路由outer.receive_move_to(uuid,

data.tx,

shoot_fireball路由outer.receive_shoot_fireball(uuid,

data.tx,

attack路由outer.receive_attack(uuid,

data.attackee_uuid,

blink路由outer.receive_blink(uuid,

data.tx,

message路由outer.receive_message(data.username,

data.text);}};}...send_message(username,

text)

this;this.ws.send(JSON.stringify({event:

message,uuid:

text,}));}receive_message(username,

text)

{this.playground.chat_field.add_message(username,

text);}

MultiPlayer(AsyncWebsocketConsumer):...async

def

self.channel_layer.group_send(self.room_name,{type:

message,uuid:

json.loads(text_data)print(data)event

data[event]if

this;this.$input.keydown(function(e)

输入框也需要监听ESC事件if

outer.playground.root.settings.username;let

text

outer.$input.val();outer.hide_input();

发送完消息后关闭输入框if

将输入框清空outer.add_message(username,

text);outer.playground.mps.send_message(username,

text);