X-Git-Url: https://jasonwoof.com/gitweb/?p=hexbog.git;a=blobdiff_plain;f=main.coffee;h=b44afb6b5cc0e21a7141199f07be543b20c7d9c3;hp=12fb70da826a2dd7cc7fb1da9b1d4b6d8d48c8a5;hb=418e647c63e4edd7853456a0f9b462f1ebe37fb6;hpb=6f6384594cea325b2b141576af1fd683a9adadb4 diff --git a/main.coffee b/main.coffee index 12fb70d..b44afb6 100644 --- a/main.coffee +++ b/main.coffee @@ -26,6 +26,8 @@ slide_ms = 2000 board_col_heights = [5, 6, 7, 8, 7, 6, 5] +# code and css will need adjusting if you change HP_MAX +HP_MAX = 10 ############################################################## ############## fix javascript some more ################ @@ -78,14 +80,13 @@ board_cols = board_col_heights.length board_tiles = board_col_heights.sum() board_col_top_px = [] score = 0 -board = new Array(board_tiles) # letters ("Qu" or single letter) +tiles = new Array(board_tiles) board_neighbors = [] # array of tile numbers "next to" this one -board_top_px = [] # array of pixel coordinates for top of column +tile_top_px = [] # array of pixel coordinates for top of column board_left_px = [] # array of pixel coordinates for left of column board_aboves = [] # array of tile numbers above, starting from top board_below = [] # tile number of next tile below or false -slides = [] selected = [] letters = "ABCDEFGHIJKLMNOPQRSTUVWXYZ" @@ -189,7 +190,7 @@ init_board_layout = () -> is_bottom_tile = i is board_col_heights[col_num] - 1 # link tile number to pixel "top" and "left" of containing column - board_top_px.push col_top_px + tile_top_px.push col_top_px + i * tile_width board_left_px.push col_num * tile_width # aboves (array of tile numbers above, starting from top) @@ -232,21 +233,38 @@ init_board = -> encoded = get_cookie 'hexbog' if encoded? and encoded.length > board_tiles new_letter_queue = (encoded.substr 0, board_tiles).split '' - score = parseInt(encoded.substr(board_tiles), 10) - - # how far each tile needs to be slid down - slides = (0 for i in board) + score = parseInt(encoded.substr(board_tiles), HP_MAX) # work out which grid spaces are connected # (neighbors, above, down) init_board_layout() -$selection_display = null # initialized by init_html_board +$big_tip = null # initialized by init_html_board +$little_tip = null # initialized by init_html_board $score_display = null # initialized by init_html_board $definition_body = null # initialized by init_html_board update_selection_display = -> word = selected_word() - $selection_display.html word + $big_tip.removeClass('good') + if word.length > 0 + if word.length < 3 + $big_tip.html word + $little_tip.html "Click more tiles (3 minimum)" + else + if is_word word + if word.indexOf(word.substr(word.length - 1)) < word.length - 1 + last = 'last ' + else + last = '' + $little_tip.html "Click the #{last}\"#{word.substr(word.length - 1)}\" for #{score_for word} points" + $big_tip.html "#{word}" + $big_tip.addClass('good') + else + $big_tip.html word + $little_tip.html "\"#{word}\" is not in the word list." + else + $big_tip.html "← Click a word" + $little_tip.html "(tiles must be touching)" # color the selected tiles according to whether they're a word or not if word.length @@ -256,8 +274,8 @@ update_selection_display = -> else c = 1 for num in selected - html_tiles[num].addClass classes[c] - html_tiles[num].removeClass classes[1 - c] + tiles[num].dom.addClass classes[c] + tiles[num].dom.removeClass classes[1 - c] # unselects the last tile of the selecetion unselect_tile = -> @@ -266,7 +284,7 @@ unselect_tile = -> _unselect_tile = -> num = selected.pop() - html_tile = html_tiles[num] + html_tile = tiles[num].dom html_tile.removeClass 'selected_word' html_tile.removeClass 'selected' @@ -282,74 +300,128 @@ shrink_selection = (leave_count) -> selected_word = -> word = '' - word += board[i] for i in selected + word += tiles[i].text for i in selected return word.toLowerCase() -html_slide = (num, dist) -> - if dist - cur = html_tiles[num].css 'top' - cur = Number(cur.substr(0, cur.length - 2)) - dest = cur + (dist * tile_width) - html_tiles[num].animate {top: "#{dest}px"}, slide_ms - save_game = -> encoded = '' - for t in board - encoded += t.substr 0, 1 + for t in tiles + encoded += t.text.substr 0, 1 encoded += score set_cookie 'hexbog', encoded, 365 window.location.hash = encoded +# remove the selected tiles from the board, create new tiles, and slide everything into place blip_selection = -> - faders = selected.clone().num_sort() + difficulty = 7 # higher numbers are easier + unsink = difficulty * score_for selected_word() # how much tile restoration we have left to do + faders = selected.num_sort() selected = [] - for num in faders - html_tiles[num].unbind('click').fadeOut fade_ms - timeout fade_ms, -> - top_tile = -1 - new_px = 0 - new_slide = 0 - for fader in faders - cur_top = board_aboves[fader][0] - if cur_top is undefined - cur_top = fader - if top_tile isnt cur_top - new_px = board_top_px[fader] - tile_width - new_slide = 1 - top_tile = cur_top - html_tiles[fader].remove() - dest = fader - aboves = board_aboves[fader].clone().reverse() + update_selection_display() + neighbors = {} + nneighbors = {} + for i in faders + tiles[i].dom.unbind('click').fadeOut fade_ms + tiles[i].new_hp = tiles[i].hp + for n in board_neighbors[i] + neighbors[n] = tiles[n] + for nn in board_neighbors[n] + nneighbors[nn] = tiles[nn] + for i in faders + delete nneighbors[i] + delete neighbors[i] + for k, v of neighbors + delete nneighbors[k] + # convert to arrays so we can sort, etc + nneighbors = (v for k, v of nneighbors) + neighbors = (v for k, v of neighbors) + # TODO randsort neighbors and nneighbors + for nei in [neighbors, nneighbors] + if unsink > 0 + for i in nei + if i.hp is 0 and unsink >= 15 + i.new_hp = 10 + unsink -= 15 + i.text = new_letter() + i.dom.html i.text + if unsink > 0 + for i in nei + if i.hp > 0 and unsink > 0 + unsink -= 10 - i.hp + i.new_hp = 10 + for i in tiles + i.new_hp ?= i.hp - 1 + if i.new_hp < 0 + i.new_hp = 0 + else if i.new_hp > HP_MAX + i.new_hp = HP_MAX + if i.new_hp isnt i.hp + i.dom.removeClass "hp#{i.hp}" + i.dom.addClass "hp#{i.new_hp}" + i.hp = i.new_hp + delete i.new_hp + timeout fade_ms + 1, -> + # which tiles need to be slid down + sliders = (false for i in tiles) + + prev_col_top = null + next_new_y = null + for deleted in faders + # find the tile number of the top tile in this column + if board_aboves[deleted].length is 0 + col_top = deleted + else + col_top = board_aboves[deleted][0] + + # reset location where new tiles appear when we change columns + if prev_col_top isnt col_top + next_new_y = -10 - tile_width + prev_col_top = col_top + + tiles[deleted].dom.remove() + + # For each each tile above the one we've deleted: + # 1. move it down one slot in the data scructures + # 2. mark it as needing to slide + dest = deleted + aboves = board_aboves[deleted].clone().reverse() for above in aboves - html_tiles[dest] = html_tiles[above] - html_tiles[dest].data 'tile_number', dest - board[dest] = board[above] - slides[dest] = slides[above] + 1 + tiles[dest] = tiles[above] + tiles[dest].id = dest + tiles[dest].dom.data 'tile_number', dest + sliders[dest] = true --dest - new_tile top_tile, board_left_px[top_tile], new_px - slides[top_tile] = new_slide - new_px -= tile_width - new_slide += 1 - for i in [0 .. board.length - 1] - html_slide i, slides[i] - slides[i] = 0 + sliders[col_top] = true # the new tile needs to be slid down too + + new_tile col_top, board_left_px[col_top], next_new_y + next_new_y -= tile_width + 50 + + for slide, i in sliders + if slide + tiles[i].dom.animate {top: "#{tile_top_px[i]}px"}, slide_ms + sliders[i] = false save_game() - update_selection_display() + +score_for = (word) -> Math.round(Math.pow(1.7, word.length)) activate_selection = -> word = selected_word() if word.length < 3 + # FIXME make this a hint log "Too short: \"#{word}\"" return unless is_word word + # FIXME make this automatically part of the selection display log "Not on word list: \"#{word}\"" return - score += Math.round(Math.pow(1.7, word.length)) + word_score = score_for word + score += word_score $score_display.html score - log "blipped: #{word}" + # FIXME make some kind of animation showing score gain + log "blipped \"#{word}\" for #{word_score} points" blip_selection() look_up_definition word - $('#definition').click() if cur_tab is 'instructions' + $('#definition').click() show_definition = (word, type, definition, language) -> @@ -364,7 +436,7 @@ show_definition = (word, type, definition, language) -> select_tile = (num) -> - html_tile = html_tiles[num] + html_tile = tiles[num].dom # html_tile.css backgroundColor: tile_selected_color selected.push num update_selection_display() @@ -373,12 +445,13 @@ select_tile = (num) -> new_tile = (num, x, y) -> letter = new_letter() - html_tile = $("
#{letter}
") + hp = Math.floor(Math.random() * HP_MAX) + + html_tile = $("
#{letter}
") $board.append(html_tile) html_tile.data 'tile_number', num - board[num] = letter - html_tiles[num] = html_tile + tiles[num] = text: letter, dom: html_tile, hp: hp, id: num html_tile.click -> me = $(this) @@ -407,10 +480,10 @@ new_tile = (num, x, y) -> $board = null -html_tiles = [] init_html_board = -> $('#loading').remove() - $selection_display = $('#selection') + $big_tip = $('#big_tip') + $little_tip = $('#little_tip') $score_display = $('#score') $score_display.html score $definition_body = $('#definition_body') @@ -478,6 +551,8 @@ extract_wiktionary_definiton = (html) -> valid_parts = ["Abbreviation", "Adjective", "Adverb", "Article", "Cardinal number", "Conjunction", "Determiner", "Interjection", "Noun", "Numeral", "Particle", "Preposition", "Pronoun", "Verb"] + edit_link_regex = new RegExp(' ?\\[edit\\] ?') + elements.each (i, el) -> #which tag: el.tagName if el.tagName is 'H2' @@ -486,19 +561,19 @@ extract_wiktionary_definiton = (html) -> if found return false # break part = false # mark us not being in a definition section unless the next section finds a part of speach header - language = $(el).text().substr 7 + language = $(el).text().replace(edit_link_regex, '') if language and el.tagName is 'H3' or el.tagName is 'H4' # eg yak def uses one for english and one for dutch part = false - text = $(el).text() + text = $(el).text().replace(edit_link_regex, '') for p in valid_parts - if text is "[edit] #{p}" + if text is "#{p}" part = p.toLowerCase() # FIXME break if part and el.tagName is 'OL' $(el).children().each (i, el) -> new_def = $(el).text() - if new_def.substr(0, 9) is '(obsolete' or new_def.substr(0, 8) is "(archaic" - key = 'obsolete' + if new_def.substr(0, 9) is '(obsolete' or new_def.substr(0, 8) is "(archaic" or new_def.substr(0, 20) is "Alternative form of " or new_def.substr(0, 24) is "Alternative spelling of " + key = 'lame' else if part is 'verb' key = 'verb' @@ -512,7 +587,7 @@ extract_wiktionary_definiton = (html) -> if found.verb return false # break - part_defs = (finds[i] for i in ['verb', 'nonverb', 'obsolete'] when finds[i]) + part_defs = (finds[i] for i in ['verb', 'nonverb', 'lame'] when finds[i]) unless part_defs.length return false @@ -520,6 +595,7 @@ extract_wiktionary_definiton = (html) -> look_up_definition = (word) -> + $definition_body.html "Looking up definition for \"#{word}\"..." $.ajax({ url: "http://en.wiktionary.org/w/api.php?action=parse&format=json&page=#{word}" jsonpCallback: "lud_#{word}" # always use the same callback for the same word so it's cacheable @@ -530,10 +606,10 @@ look_up_definition = (word) -> tdl = extract_wiktionary_definiton data.parse.text['*'] if tdl show_definition word, tdl[0], tdl[1], tdl[2] + else + $definition_body.html "Oops, could't find a definition for \"#{word}\"." else - log "Sorry, couldn't find a definition for \"#{word}\"" - error: -> - log "wiktionary failed to load: \"#{error_msg}\"" + $definition_body.html "Sorry, couldn't find a definition for \"#{word}\"." }) board_as_txt = -> @@ -541,9 +617,9 @@ board_as_txt = -> index = 0 for i in [0 .. board_min_height * 2] unless i % 2 - ret += ' ' + board[j] for j in [board_min_height + index .. board_tiles - 1] by 2 * board_min_height + 1 + ret += ' ' + tiles[j].text for j in [board_min_height + index .. board_tiles - 1] by 2 * board_min_height + 1 else - ret += ' ' + board[j] + ' ' for j in [index .. board_tiles - 1] by 2 * board_min_height + 1 + ret += ' ' + tiles[j].text + ' ' for j in [index .. board_tiles - 1] by 2 * board_min_height + 1 index += 1 ret += '\n' @@ -573,23 +649,28 @@ init_tab = (t) -> $('#' + t).removeClass('tab').addClass('selected-tab').animate({height: tab_height}, 1000) cur_tab = t init_tabs = -> - for t in ['instructions', 'definition', 'logtab', 'restart'] + for t in ['instructions', 'definition', 'donate', 'restart'] init_tab t -$log = undefined -init_log = -> - $log = $('#log') +init_keybinding = -> + $(window).keydown (e) -> + switch e.keyCode + when 32, 10, 13 + activate_selection() + when 27 + unselect_all() + log = (msg) -> - $log.children().last().remove() - $log.prepend $('
').html msg + console.log msg if console?.log? init_game = -> - init_log() if $(window).height() >= 440 $('#centerer').css('margin-top', '25px') + init_keybinding() init_tabs() init_board() init_html_board() init_start_over_link() + update_selection_display() $(init_game)