mirror of
https://github.com/codeninjasllc/codecombat.git
synced 2024-12-25 23:12:29 -05:00
115 lines
4.3 KiB
CoffeeScript
115 lines
4.3 KiB
CoffeeScript
CocoView = require 'views/core/CocoView'
|
|
template = require 'templates/play/level/level-flags-view'
|
|
{me} = require 'core/auth'
|
|
RealTimeCollection = require 'collections/RealTimeCollection'
|
|
|
|
multiplayerFlagDelay = 0.5 # Long, static second delay for now; should be more than enough.
|
|
|
|
module.exports = class LevelFlagsView extends CocoView
|
|
id: 'level-flags-view'
|
|
template: template
|
|
className: 'secret'
|
|
|
|
subscriptions:
|
|
'playback:real-time-playback-started': 'onRealTimePlaybackStarted'
|
|
'playback:real-time-playback-ended': 'onRealTimePlaybackEnded'
|
|
'surface:stage-mouse-down': 'onStageMouseDown'
|
|
'god:new-world-created': 'onNewWorld'
|
|
'god:streaming-world-updated': 'onNewWorld'
|
|
'surface:remove-flag': 'onRemoveFlag'
|
|
'real-time-multiplayer:joined-game': 'onJoinedMultiplayerGame'
|
|
|
|
events:
|
|
'click .green-flag': -> @onFlagSelected color: 'green', source: 'button'
|
|
'click .black-flag': -> @onFlagSelected color: 'black', source: 'button'
|
|
'click .violet-flag': -> @onFlagSelected color: 'violet', source: 'button'
|
|
|
|
shortcuts:
|
|
'g': -> @onFlagSelected color: 'green', source: 'shortcut'
|
|
'b': -> @onFlagSelected color: 'black', source: 'shortcut'
|
|
'v': -> @onFlagSelected color: 'violet', source: 'shortcut'
|
|
'esc': -> @onFlagSelected color: null, source: 'shortcut'
|
|
'delete, del, backspace': 'onDeletePressed'
|
|
|
|
constructor: (options) ->
|
|
super options
|
|
@levelID = options.levelID
|
|
@world = options.world
|
|
|
|
onRealTimePlaybackStarted: (e) ->
|
|
@realTime = true
|
|
@$el.show()
|
|
@flags = {}
|
|
@flagHistory = []
|
|
|
|
onRealTimePlaybackEnded: (e) ->
|
|
@onFlagSelected color: null
|
|
@realTime = false
|
|
@$el.hide()
|
|
|
|
onFlagSelected: (e) ->
|
|
return unless @realTime
|
|
@playSound 'menu-button-click' if e.color
|
|
color = if e.color is @flagColor then null else e.color
|
|
@flagColor = color
|
|
Backbone.Mediator.publish 'level:flag-color-selected', color: color
|
|
@$el.find('.flag-button').removeClass('active')
|
|
@$el.find(".#{color}-flag").addClass('active') if color
|
|
|
|
onStageMouseDown: (e) ->
|
|
return unless @flagColor and @realTime
|
|
@playSound 'menu-button-click' # TODO: different flag placement sound?
|
|
pos = x: e.worldPos.x, y: e.worldPos.y
|
|
delay = if @realTimeFlags then multiplayerFlagDelay else 0
|
|
now = @world.dt * @world.frames.length
|
|
flag = player: me.id, team: me.team, color: @flagColor, pos: pos, time: now + delay, active: true, source: 'click'
|
|
@flags[@flagColor] = flag
|
|
@flagHistory.push flag
|
|
@realTimeFlags?.create flag
|
|
Backbone.Mediator.publish 'level:flag-updated', flag
|
|
#console.log 'trying to place flag at', @world.age, 'and think it will happen by', flag.time
|
|
|
|
onDeletePressed: (e) ->
|
|
return unless @realTime
|
|
Backbone.Mediator.publish 'surface:remove-selected-flag', {}
|
|
|
|
onRemoveFlag: (e) ->
|
|
delete @flags[e.color]
|
|
delay = if @realTimeFlags then multiplayerFlagDelay else 0
|
|
now = @world.dt * @world.frames.length
|
|
flag = player: me.id, team: me.team, color: e.color, time: now + delay, active: false, source: 'click'
|
|
@flagHistory.push flag
|
|
Backbone.Mediator.publish 'level:flag-updated', flag
|
|
#console.log e.color, 'deleted at time', flag.time
|
|
|
|
onNewWorld: (event) ->
|
|
return unless event.world.name is @world.name
|
|
@world = @options.world = event.world
|
|
|
|
onJoinedMultiplayerGame: (e) ->
|
|
@realTimeFlags = new RealTimeCollection("multiplayer_level_sessions/#{@levelID}/#{e.realTimeSessionID}/flagHistory")
|
|
@realTimeFlags.on 'add', @onRealTimeMultiplayerFlagAdded
|
|
@realTimeFlags.on 'remove', @onRealTimeMultiplayerFlagRemoved
|
|
|
|
onLeftMultiplayerGame: (e) ->
|
|
if @realTimeFlags
|
|
@realTimeFlags.off 'add', @onRealTimeMultiplayerFlagAdded
|
|
@realTimeFlags.off 'remove', @onRealTimeMultiplayerFlagRemoved
|
|
@realTimeFlags = null
|
|
|
|
onRealTimeMultiplayerFlagAdded: (e) =>
|
|
if e.get('player') != me.id
|
|
# TODO: what is @flags used for?
|
|
# Build local flag from Backbone.Model flag
|
|
flag =
|
|
player: e.get('player')
|
|
team: e.get('team')
|
|
color: e.get('color')
|
|
pos: e.get('pos')
|
|
time: e.get('time')
|
|
active: e.get('active')
|
|
#source: 'click'? e.get('source')? nothing?
|
|
@flagHistory.push flag
|
|
Backbone.Mediator.publish 'level:flag-updated', flag
|
|
|
|
onRealTimeMultiplayerFlagRemoved: (e) =>
|