X-Git-Url: https://jasonwoof.com/gitweb/?p=peach-cgt.git;a=blobdiff_plain;f=client.coffee;h=0ec59d6f0bb2e4b98e6feaabbef33d08ff5708ae;hp=f47f0a1d488013da99dfa9d373be27ea05ade28b;hb=HEAD;hpb=078a999a7b7ed2ae37e27d88b3039221fbc1d90c diff --git a/client.coffee b/client.coffee index f47f0a1..0ec59d6 100644 --- a/client.coffee +++ b/client.coffee @@ -1,6 +1,14 @@ +### +Peach CGT -- Card Game Table simulator +Copyright (C) 2011 Jason Woofenden +Lincensed under AGPLv3. Source here: https://gitorious.org/peach-cgt +### + # globals $table = null +table_width = 0 table_height = 0 +card_width = 0 card_height = 0 state = null server_url = null @@ -33,22 +41,43 @@ new_button = (text) -> $ $ "
#{text}
" # transform coordinates from client-side coords to server-side coords (or back) # this makes it so p2 view everything upside down (mirrored), but still sends coords rightside up +flip_x = (x) -> table_width - card_width - x flip_y = (y) -> table_height - card_height - y -transform_x = (x) -> x +transform_x = (x) -> + return x unless state.agent is 'p2' + return flip_x x 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}" -bring_card_to_front = (card) -> - card.view.css "z-index": next_card_z() + return top_card_z -new_blank_card = (x, y) -> - view = $ $ "
" + +new_blank_card = (x, y, css_class) -> + view = $ $ "
" $table.append view return view +find_pile = (x, y) -> + fudge = 40 + for pile in piles + if -fudge < pile.x - x < fudge and -fudge < pile.y - y < fudge + return pile + return null + +in_your_hand = (card) -> + return (not (card.pile?)) and ((transform_y card.y) < (card_height * 0.8)) + uninstantiate_card = (card) -> show_message "uninstantiate card #{card.number}" card.view.remove() @@ -65,6 +94,9 @@ instantiate_card = (card) -> else card_class = 'your_card' + if in_your_hand card + card_class = "#{card_class} your_hand" + if card.z > top_card_z top_card_z = card.z @@ -85,7 +117,7 @@ instantiate_card = (card) -> if card.flipped view.addClass 'flipped' $table.append view - view.draggable containment: '#table', grid: [20, 20] + view.draggable grid: [20, 20] view.bind 'dragstart', (event, ui) -> view.css 'z-index': card.z = next_card_z() if card.pile? @@ -93,8 +125,15 @@ instantiate_card = (card) -> update_pile_views() view.bind 'dragstop', (event, ui) -> p = view.position() - pile = null # FIXME figure out what pile we moved to - state.move state.agent, card.number, transform_x(p.left), transform_y(p.top), card.z, pile + x = transform_x(p.left) + y = transform_y(p.top) + pile = find_pile x, y + if pile? + x = pile.x + y = pile.y + pile = pile.key + view.css {left: transform_x(x), top: transform_y(y)} + state.move state.agent, card.number, x, y, card.z, pile error_lag = 3 @@ -111,11 +150,12 @@ send_updates = -> messages = outgoing_messages outgoing_messages = [] - $.ajax "#{server_url}/set", { + show_message "#{server_url}set" + $.ajax "#{server_url}set", { cache: false data: { agent: state.agent - game: 'test' # FIXME, and in the /get call too + game: state.slug messages: JSON.stringify(messages) } type: 'POST' @@ -133,7 +173,7 @@ send_updates = -> error_lag = 3 poll_for_updates = -> - $.ajax "#{server_url}/get?agent=#{state.agent}&game=test", { + $.ajax "#{server_url}get?agent=#{state.agent}&game=#{state.slug}", { cache: false type: 'GET' dataType: 'json' @@ -156,23 +196,33 @@ initialize_cards = () -> $('.card').remove() top_card_z = 0 # instantiate cards in play + hide_deck_designer = false for card in state.cards + if card.owner is state.agent + hide_deck_designer = true delete card.view - instantiate_card card unless card.pile? + + if hide_deck_designer + $('#deck_designer').remove() unless piles? piles = [ # global - {key: 'p2_draw', x: transform_x(140), y: transform_y(20), name: "Draw Pile"} - {key: 'p2_discard', x: transform_x(20), y: transform_y(20), name: "Discard Pile"} - {key: 'p1_draw', x: transform_x(140), y: transform_y(flip_y(20)), name: "Draw Pile"} - {key: 'p1_discard', x: transform_x(20), y: transform_y(flip_y(20)), name: "Discard Pile"} + {key: 'p2_draw', x: 140, y: 20, name: "Draw Pile"} + {key: 'p2_discard', x: 20, y: 20, name: "Discard Pile"} + {key: 'p1_draw', x: flip_x(140), y: flip_y(20), name: "Draw Pile"} + {key: 'p1_discard', x: flip_x(20), y: flip_y(20), name: "Discard Pile"} ] for pile in piles - pile.$blank = new_blank_card pile.x, pile.y + if pile.key.substr(0, 2) is state.agent + css_class = 'my_card' + else + css_class = 'your_card' + pile.$blank = new_blank_card pile.x, pile.y, css_class pile.$caption = $ $ "
#{pile.name}:
#{n_cards 0}
" update_pile_views() +# also makes sure all non-piled cards are instantiated update_pile_views = -> ps = {} for card in state.cards @@ -184,8 +234,13 @@ update_pile_views = -> uninstantiate_card ps[card.pile].top_card ps[card.pile].top_card = card ps[card.pile].top_z = card.z + else if card.view + uninstantiate_card card else ps[card.pile] = { total: 1, top_card: card, top_z: card.z } + else + # not in a pile + instantiate_card card unless card.view? for pile in piles # where should the caption be? @@ -207,47 +262,163 @@ update_pile_views = -> card_count = ps[pile.key].total if ps[pile.key]? pile.$caption.children('.n_cards').html n_cards card_count +possible_cards = {} + +valumenous = (val) -> return true unless val is '' or val is ' ' + +init_possible_cards = -> + for card in window.cs_cards + text = "#{card.cardname} (#{card.faction})" + if valumenous card.attack or valumenous card.defense + text += " #{card.attack}/#{card.defense}" + text += "
#{card.type}" + if valumenous card.subtype + text += " • #{card.subtype}" + text += "
cost: #{card.cost} thresh: #{card.threshold}
" + text += card.rules + + summary = text.replace(/
/g, "\n") + + possible_cards[card.id] = {id: card.id, text: text, summary: summary} + + +init_card_designer = -> + show_message 'init_card_designer' + cards_in_deck = {} + container = $ '#deck_designer' + init_possible_cards() + ul = $ $ '