start on deck designer

[peach-cgt.git] / client.coffee

diff --git a/client.coffee b/client.coffee
index 139158d..967917d 100644 (file)
--- a/client.coffee
+++ b/client.coffee
@@ -44,10 +44,18 @@ transform_y = (y) ->
        return y unless state.agent is 'p2'
        return flip_y y
 
-next_card_z = -> return top_card_z += 1
+next_card_z = ->
+       top_card_z += 1
+       # p1 gets even numbers, p2 gets odd numbers
+       if state.agent is 'p1'
+               top_card_z += top_card_z % 2
+       else
+               top_card_z += 1 - (top_card_z % 2)
+
+       show_message "new z: #{top_card_z}"
+
+       return top_card_z
 
-bring_card_to_front = (card) ->
-       card.view.css "z-index": next_card_z()
 
 new_blank_card = (x, y, css_class) ->
        view = $ $ "<div class=\"blank_card #{css_class}\" style=\"left: #{transform_x x}px; top: #{transform_y y}px; z-index: 0\"></div>"
@@ -201,7 +209,7 @@ initialize_cards = () ->
 
        update_pile_views()
 
-# also makes sure all non-piled cards are instantiated FIXME rename
+# also makes sure all non-piled cards are instantiated
 update_pile_views = ->
        ps = {}
        for card in state.cards
@@ -253,23 +261,27 @@ init = ->
 
        state = window.game_model.new me
        state.on 'move', (agent, card, x, y, z, pile) ->
-               update_pile_views()
-               if state.cards[card].view? # the card is visible
+               if z > top_card_z
+                       top_card_z = z
+               update_pile_views() # ensures instantiation of all visible cards
+               if @cards[card].view? # the card is visible
                        # show it face down if it's in the other player's hand
-                       state.cards[card].view.toggleClass 'your_hand', in_your_hand state.cards[card]
+                       @cards[card].view.toggleClass 'your_hand', in_your_hand @cards[card]
 
                if agent is me
                        tell_server ['move', agent, card, x, y, z, pile]
                else
-                       # FIXME use the z from the server
-                       bring_card_to_front state.cards[card]
-                       state.cards[card].view.animate { left: "#{transform_x x}px", top: "#{transform_y y}px"}, 800
+                       if @cards[card].view?
+                               @cards[card].view.css "z-index": z
+                               @cards[card].view.animate { left: "#{transform_x x}px", top: "#{transform_y y}px"}, 800
        state.on 'mark', (agent, card, state) ->
-               @cards[card].view.toggleClass 'marked', state
+               if @cards[card].view?
+                       @cards[card].view.toggleClass 'marked', state
                if agent is me
                        tell_server ['mark', agent, card, state]
        state.on 'flip', (agent, card, state) ->
-               @cards[card].view.toggleClass 'flipped', state
+               if @cards[card].view?
+                       @cards[card].view.toggleClass 'flipped', state
                if agent is me
                        tell_server ['flip', agent, card, state]
        state.on 'set_cards', (agent, cards) ->