main.coffee

   1 #   HexBog, a word game
   2 #   Copyright (C) 2012 Jason Woofenden
   3
   4 #   This program is free software: you can redistribute it and/or modify
   5 #   it under the terms of the GNU Affero General Public License as published by
   6 #   the Free Software Foundation, either version 3 of the License, or
   7 #   (at your option) any later version.
   8
   9 #   This program is distributed in the hope that it will be useful,
  10 #   but WITHOUT ANY WARRANTY; without even the implied warranty of
  11 #   MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
  12 #   GNU Affero General Public License for more details.
  13
  14 #   You should have received a copy of the GNU Affero General Public License
  15 #   along with this program.  If not, see <http://www.gnu.org/licenses/>.
  16
  17 ##############################################
  18 ##############    settings    ################
  19 ##############################################
  20
  21 tile_radius = 26
  22 tile_width = tile_radius * 2
  23
  24 fade_ms = 400
  25 slide_ms = 2000
  26
  27 board_col_heights = [5, 6, 7, 8, 7, 6, 5]
  28
  29
  30 ##############################################################
  31 ##############    fix javascript some more    ################
  32 ##############################################################
  33
  34 # so annoying that setTimeout has its arguments in the wrong order
  35 timeout = (ms, callback) ->
  36         setTimeout callback, ms
  37
  38 # warning: it's shalow (sub-elements are not cloned)
  39 Array::clone = ->
  40         return this.slice(0)
  41
  42 Array::sum = ->
  43         ret = 0
  44         ret += i for i in this
  45         return ret
  46
  47 # ascending. All values must be Numbers
  48 Array::num_sort = -> return this.sort((a, b) -> return a - b)
  49
  50 Array::last = ->
  51         return this[this.length - 1]
  52
  53
  54 ##############################################################
  55 ##############    cookies (auto-save game)    ################
  56 ##############################################################
  57
  58 set_cookie = (name, value, days) ->
  59         date = new Date()
  60         date.setTime date.getTime()+(days*24*60*60*1000)
  61         cookie = "#{name}=#{value}; expires=#{date.toGMTString()}; path=/"
  62         document.cookie = cookie
  63 window.sc = set_cookie
  64
  65 get_cookie = (name) ->
  66         key = name + '='
  67         for c in document.cookie.split /; */
  68                 if c.indexOf key is 0
  69                         return c.substr key.length
  70         return null
  71
  72 delete_cookie = (name) ->
  73         set_cookie name, '', -1
  74 window.dc = delete_cookie
  75
  76
  77 board_cols = board_col_heights.length
  78 board_tiles = board_col_heights.sum()
  79 board_col_top_px = []
  80 score = 0
  81 tiles = new Array(board_tiles)
  82 board_neighbors = [] # array of tile numbers "next to" this one
  83 tile_top_px = [] # array of pixel coordinates for top of column
  84 board_left_px = [] # array of pixel coordinates for left of column
  85 board_aboves = [] # array of tile numbers above, starting from top
  86 board_below = [] # tile number of next tile below or false
  87
  88 selected = []
  89
  90 letters = "ABCDEFGHIJKLMNOPQRSTUVWXYZ"
  91 letter_distribution = [
  92         14355 # a
  93          3968 # b
  94          6325 # c
  95          7045 # d
  96         20258 # e
  97          2739 # f
  98          5047 # g
  99          4372 # h
 100         13053 # i
 101           516 # j
 102          2600 # k
 103          9631 # l
 104          5115 # m
 105         10082 # n
 106         11142 # o
 107          5292 # p
 108           287 # qu
 109         12341 # r
 110         16571 # s
 111         10215 # t
 112          6131 # u
 113          1728 # v
 114          2184 # w
 115           619 # x
 116          3512 # y
 117           831 # z
 118
 119 ]
 120
 121 letter_distribution_total = 175973 # letter_distribution.sum()
 122
 123
 124 new_letter_queue = []
 125 new_letter = ->
 126         if new_letter_queue.length
 127                 l = new_letter_queue.shift()
 128                 if l is 'Q'
 129                         return 'Qu'
 130                 else
 131                         return l
 132         r = Math.floor Math.random() * (letter_distribution_total + 1)
 133         for i in [0..25]
 134                 r -= letter_distribution[i]
 135                 if r <= 0
 136                         if letters[i] is 'Q'
 137                                 return 'Qu'
 138                         return letters[i]
 139         return 'Z' # just in case
 140
 141
 142
 143 # in memory it's layed out like this:
 144 # a c f j m
 145 # b d g k n
 146 #   e h l
 147 #     i
 148 # for display, columns are slid vertically like so:
 149 #       f
 150 #     c   j
 151 #   a   g   m
 152 #     d   k
 153 #   b   h   n
 154 #     e   l
 155 #       i
 156 #
 157 # work out which grid spaces are connected
 158 init_board_layout = () ->
 159         col_offset = 0
 160         middle_col = (board_cols - 1) / 2
 161
 162         # how many tiles before the current tile?
 163         for col_num in [0 .. board_cols - 1]
 164                 if col_num < middle_col
 165                         fw_other = 1
 166                 else
 167                         fw_other = -1
 168
 169                 if col_num > middle_col
 170                         bw_other = 1
 171                 else
 172                         bw_other = -1
 173
 174                 is_first_col = col_num is 0
 175                 is_last_col = col_num is board_cols - 1
 176
 177                 neighbors = []
 178                 push = (offset) ->
 179                         neighbors.push col_offset + offset
 180
 181                 col_top_px = Math.abs col_num - middle_col
 182                 col_top_px *= tile_radius
 183                 board_col_top_px.push col_top_px
 184
 185                 above = []
 186                 for i in [0 .. board_col_heights[col_num] - 1]
 187                         is_top_tile = i is 0
 188                         is_bottom_tile = i is board_col_heights[col_num] - 1
 189
 190                         # link tile number to pixel "top" and "left" of containing column
 191                         tile_top_px.push col_top_px + i * tile_width
 192                         board_left_px.push col_num * tile_width
 193
 194                         # aboves (array of tile numbers above, starting from top)
 195                         board_aboves.push above.clone()
 196                         above.push i + col_offset
 197
 198                         # below (SINGLE tile number of tile below or false)
 199                         if is_bottom_tile
 200                                 board_below.push false
 201                         else
 202                                 board_below.push col_offset + i + 1
 203
 204                         # neighbors (array of tile numbers "next to" this one)
 205                         neighbors = []
 206                         unless is_top_tile # upward link
 207                                 push i - 1
 208                         unless is_bottom_tile # downward links
 209                                 push i + 1
 210                         unless is_first_col # leftward links
 211                                 unless is_bottom_tile and bw_other is -1
 212                                         push i - board_col_heights[col_num - 1]
 213                                 unless is_top_tile and bw_other is -1
 214                                         push i - board_col_heights[col_num - 1] + bw_other
 215                         unless is_last_col # rightward links
 216                                 unless is_bottom_tile and fw_other is -1
 217                                         push i + board_col_heights[col_num]
 218                                 unless is_top_tile and fw_other is -1
 219                                         push i + board_col_heights[col_num] + fw_other
 220
 221                         board_neighbors.push neighbors.clone()
 222
 223                 col_offset += board_col_heights[col_num]
 224
 225
 226 init_board = ->
 227         encoded = window.location.hash
 228         if encoded? and encoded.charAt 0 is '#'
 229                 encoded = encoded.substr 1
 230         unless encoded? and encoded.length > board_tiles
 231                 encoded = get_cookie 'hexbog'
 232         if encoded? and encoded.length > board_tiles
 233                 new_letter_queue = (encoded.substr 0, board_tiles).split ''
 234                 score = parseInt(encoded.substr(board_tiles), 10)
 235
 236         # work out which grid spaces are connected
 237         # (neighbors, above, down)
 238         init_board_layout()
 239
 240 $big_tip = null # initialized by init_html_board
 241 $little_tip = null # initialized by init_html_board
 242 $score_display = null # initialized by init_html_board
 243 $definition_body = null # initialized by init_html_board
 244 update_selection_display = ->
 245         word = selected_word()
 246         $big_tip.removeClass('good')
 247         if word.length > 0
 248                 if word.length < 3
 249                         $big_tip.html word
 250                         $little_tip.html "Click more tiles (3 minimum)"
 251                 else
 252                         if is_word word
 253                                 if word.indexOf(word.substr(word.length - 1)) < word.length - 1
 254                                         last = 'last '
 255                                 else
 256                                         last = ''
 257                                 $little_tip.html "Click the #{last}\"#{word.substr(word.length - 1)}\" for #{score_for word} points"
 258                                 $big_tip.html "<a href=\"http://en.wiktionary.org/wiki/#{word}\" target=\"_blank\" title=\"click for definition\">#{word}</a>"
 259                                 $big_tip.addClass('good')
 260                         else
 261                                 $big_tip.html word
 262                                 $little_tip.html "\"#{word}\" is not in the word list."
 263         else
 264                 $big_tip.html "← Click a word"
 265                 $little_tip.html "(tiles must be touching)"
 266
 267         # color the selected tiles according to whether they're a word or not
 268         if word.length
 269                 classes = ['selected_word', 'selected']
 270                 if is_word word
 271                         c = 0
 272                 else
 273                         c = 1
 274                 for num in selected
 275                         tiles[num].dom.addClass classes[c]
 276                         tiles[num].dom.removeClass classes[1 - c]
 277
 278 # unselects the last tile of the selecetion
 279 unselect_tile = ->
 280         _unselect_tile()
 281         update_selection_display()
 282
 283 _unselect_tile = ->
 284         num = selected.pop()
 285         html_tile = tiles[num].dom
 286         html_tile.removeClass 'selected_word'
 287         html_tile.removeClass 'selected'
 288
 289 unselect_all = ->
 290         while selected.length
 291                 _unselect_tile()
 292         update_selection_display()
 293
 294 shrink_selection = (leave_count) ->
 295         while selected.length > leave_count
 296                 _unselect_tile()
 297         update_selection_display()
 298
 299 selected_word = ->
 300         word = ''
 301         word += tiles[i].text for i in selected
 302         return word.toLowerCase()
 303
 304 save_game = ->
 305         encoded = ''
 306         for t in tiles
 307                 encoded += t.text.substr 0, 1
 308         encoded += score
 309         set_cookie 'hexbog', encoded, 365
 310         window.location.hash = encoded
 311
 312 # remove the selected tiles from the board, create new tiles, and slide everything into place
 313 blip_selection = ->
 314         faders = selected.num_sort()
 315         selected = []
 316         update_selection_display()
 317         for i in faders
 318                 tiles[i].dom.unbind('click').fadeOut fade_ms
 319         for i in tiles
 320                 unless i in faders
 321                         unless i.hp < 1
 322                                 i.dom.removeClass "hp#{i.hp}"
 323                                 i.hp -= 1
 324                                 i.dom.addClass "hp#{i.hp}"
 325         timeout fade_ms + 1, ->
 326                 # which tiles need to be slid down
 327                 sliders = (false for i in tiles)
 328
 329                 prev_col_top = null
 330                 next_new_y = null
 331                 for deleted in faders
 332                         # find the tile number of the top tile in this column
 333                         if board_aboves[deleted].length is 0
 334                                 col_top = deleted
 335                         else
 336                                 col_top = board_aboves[deleted][0]
 337
 338                         # reset location where new tiles appear when we change columns
 339                         if prev_col_top isnt col_top
 340                                 next_new_y = -10 - tile_width
 341                                 prev_col_top = col_top
 342
 343                         tiles[deleted].dom.remove()
 344
 345                         # For each each tile above the one we've deleted:
 346                         # 1. move it down one slot in the data scructures
 347                         # 2. mark it as needing to slide
 348                         dest = deleted
 349                         aboves = board_aboves[deleted].clone().reverse()
 350                         for above in aboves
 351                                 tiles[dest] = tiles[above]
 352                                 tiles[dest].id = dest
 353                                 tiles[dest].dom.data 'tile_number', dest
 354                                 sliders[dest] = true
 355                                 --dest
 356                         sliders[col_top] = true # the new tile needs to be slid down too
 357
 358                         new_tile col_top, board_left_px[col_top], next_new_y
 359                         next_new_y -= tile_width + 50
 360
 361                 for slide, i in sliders
 362                         if slide
 363                                 tiles[i].dom.animate {top: "#{tile_top_px[i]}px"}, slide_ms
 364                                 sliders[i] = false
 365                 save_game()
 366
 367 score_for = (word) -> Math.round(Math.pow(1.7, word.length))
 368
 369 activate_selection = ->
 370         word = selected_word()
 371         if word.length < 3
 372                 # FIXME make this a hint
 373                 log "Too short: \"#{word}\""
 374                 return
 375         unless is_word word
 376                 # FIXME make this automatically part of the selection display
 377                 log "Not on word list: \"#{word}\""
 378                 return
 379         word_score = score_for word
 380         score += word_score
 381         $score_display.html score
 382         # FIXME make some kind of animation showing score gain
 383         log "blipped \"#{word}\" for #{word_score} points"
 384         blip_selection()
 385         look_up_definition word
 386         $('#definition').click()
 387
 388
 389 show_definition = (word, type, definition, language) ->
 390         html = "<a href=\"http://en.wiktionary.org/wiki/#{word}\" target=\"_blank\">"
 391         html += "#{word.substr(0, 1).toUpperCase() + word.substr(1)}</a>, #{type}"
 392         if language isnt 'English'
 393                 html += " (#{language})"
 394         html += ': '
 395         html += definition
 396         html += '<div id="definition_credit">Definition &copy;<a href="http://en.wiktionary.org/" target="_blank">wiktionary.org</a> CC-BY-SA</div>'
 397         $definition_body.html html
 398
 399
 400 select_tile = (num) ->
 401         html_tile = tiles[num].dom
 402         # html_tile.css backgroundColor: tile_selected_color
 403         selected.push num
 404         update_selection_display()
 405         return
 406
 407 new_tile = (num, x, y) ->
 408         letter = new_letter()
 409
 410         html_tile = $("<div class=\"tile hp10\" style=\"left: #{x}px; top: #{y}px\" unselectable=\"on\">#{letter}</div>")
 411         $board.append(html_tile)
 412
 413         html_tile.data 'tile_number', num
 414         tiles[num] = text: letter, dom: html_tile, hp: 10, id: num
 415
 416         html_tile.click ->
 417                 me = $(this)
 418                 num = me.data 'tile_number'
 419                 if num in selected
 420                         nth_of_word = selected.indexOf(num)
 421                         first = nth_of_word is 0
 422                         last = nth_of_word is selected.length - 1
 423
 424                         if first and last
 425                                 unselect_all() # Clicking only selected letter unselects it
 426                         else if first and !last
 427                                 shrink_selection 1 # Clicking start of word goes back to just that letter
 428                                 # should this unselect all?
 429                         else if last
 430                                 activate_selection()
 431                         else
 432                                 shrink_selection nth_of_word + 1
 433                 else # (not clicking on selected tile)
 434                         if selected.length is 0
 435                                 select_tile num
 436                         else
 437                                 unless num in board_neighbors[selected.last()]
 438                                         unselect_all()
 439                                 select_tile num
 440
 441
 442 $board = null
 443 init_html_board = ->
 444         $('#loading').remove()
 445         $big_tip = $('#big_tip')
 446         $little_tip = $('#little_tip')
 447         $score_display = $('#score')
 448         $score_display.html score
 449         $definition_body = $('#definition_body')
 450         $board = $('#board')
 451         # make html for board
 452         tile_number = 0
 453         for col_num in [0 .. board_cols - 1]
 454                 for num in [0 .. board_col_heights[col_num] - 1]
 455                         x = col_num * tile_width
 456                         y = board_col_top_px[col_num] + num * tile_width
 457                         new_tile tile_number, x, y
 458                         tile_number++
 459
 460 word_bins = []; word_bins.push(',') for [0...997]
 461 hash_word = (word) ->
 462         h = 0
 463         for i in [0...word.length]
 464                 h ^= word.charCodeAt(i) << ((i*3) % 21)
 465         return h % 997
 466 is_word = (str) ->
 467         word_bins[hash_word str].indexOf(",#{str},") > -1
 468
 469 # this is called automatically by the compressed wordlist
 470 parse_word_list = (compressed) ->
 471         prefix = ''
 472         cap_a = "A".charCodeAt 0
 473         i = 0
 474         next_chunk = ->
 475                 chunk = compressed[i]
 476                 for word in chunk.match(/[a-z]*[A-Z]/g)
 477                         # the capital letter (at the end of the match) says how many characters
 478                         # from the end of the previous word should be removed to create the prefix
 479                         # for the next word. "A" for 0, "B" for 1, "C" for 2, etc
 480                         bs = word[word.length - 1].charCodeAt(0) - cap_a
 481                         word = prefix + word[0 ... word.length - 1]
 482                         word_bins[hash_word word] += word + ','
 483                         prefix = word[0 ... word.length - bs]
 484                 if ++i is compressed.length
 485                         return
 486                 else
 487                         timeout 1, next_chunk
 488         timeout 1, next_chunk
 489
 490 extract_wiktionary_definiton = (html) ->
 491         found = false
 492         finds = {}
 493         language = false
 494         part = false
 495
 496         # clean HTML
 497         ##################
 498         # when we instantiate the html so we can use dom traversal, the browser
 499         # will start loading images and such. This section attempts to mangle the
 500         # html so no resources are loaded when the html is parsed.
 501
 502         # attributes
 503         #                            src: <img>, <audio>, etc
 504         #                         onload: only <body>?
 505         #   archive,codebase,data,usemap: <object>
 506         #                           href: <link>
 507         #                 id,class,style: background: url(foo.png), etc
 508         html = html.replace /(src|onload|archive|codebase|data|usemap|href|style|id|class)=['"][^"']*['"]/ig, '', html
 509
 510         elements = $(html)
 511
 512         valid_parts = ["Abbreviation", "Adjective", "Adverb", "Article", "Cardinal number", "Conjunction", "Determiner", "Interjection", "Noun", "Numeral", "Particle", "Preposition", "Pronoun", "Verb"]
 513
 514         edit_link_regex = new RegExp(' ?\\[edit\\] ?')
 515
 516         elements.each (i, el) ->
 517                 #which tag: el.tagName
 518                 if el.tagName is 'H2'
 519                         # if we found a definition in the previous language section, run with it
 520                         # (we only stop for verbs, in hopes of finding one in english)
 521                         if found
 522                                 return false # break
 523                         part = false # mark us not being in a definition section unless the next section finds a part of speach header
 524                         language = $(el).text().replace(edit_link_regex, '')
 525                 if language and el.tagName is 'H3' or el.tagName is 'H4' # eg yak def uses one for english and one for dutch
 526                         part = false
 527                         text = $(el).text().replace(edit_link_regex, '')
 528                         for p in valid_parts
 529                                 if text is "#{p}"
 530                                         part = p.toLowerCase()
 531                                         # FIXME break
 532                 if part and el.tagName is 'OL'
 533                         $(el).children().each (i, el) ->
 534                                 new_def = $(el).text()
 535                                 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 "
 536                                         key = 'lame'
 537                                 else
 538                                         if part is 'verb'
 539                                                 key = 'verb'
 540                                         else
 541                                                 key = 'nonverb'
 542                                 finds[key] ?= [part, new_def, language]
 543                                 found = true
 544                                 if part is 'verb'
 545                                         # verbs are the best! stop scanning when we find one
 546                                         return false # break
 547                         if found.verb
 548                                 return false # break
 549
 550         part_defs = (finds[i] for i in ['verb', 'nonverb', 'lame'] when finds[i])
 551         unless part_defs.length
 552                 return false
 553
 554         return part_defs[0]
 555
 556
 557 look_up_definition = (word) ->
 558         $definition_body.html "Looking up definition for \"#{word}\"..."
 559         $.ajax({
 560                 url: "http://en.wiktionary.org/w/api.php?action=parse&format=json&page=#{word}"
 561                 jsonpCallback: "lud_#{word}" # always use the same callback for the same word so it's cacheable
 562                 dataType: 'jsonp'
 563                 cache: true
 564                 success: (data, error_msg, xhr) ->
 565                         if data?.parse?.text?['*']?
 566                                 tdl = extract_wiktionary_definiton data.parse.text['*']
 567                                 if tdl
 568                                         show_definition word, tdl[0], tdl[1], tdl[2]
 569                                 else
 570                                         $definition_body.html "Oops, could't find a definition for \"#{word}\"."
 571                         else
 572                                 $definition_body.html "Sorry, couldn't find a definition for \"#{word}\"."
 573         })
 574
 575 board_as_txt = ->
 576         ret = ''
 577         index = 0
 578         for i in [0 .. board_min_height * 2]
 579                 unless i % 2
 580                         ret += '   ' + tiles[j].text for j in [board_min_height + index .. board_tiles - 1] by 2 * board_min_height + 1
 581                 else
 582                         ret += ' ' + tiles[j].text + '  ' for j in [index .. board_tiles - 1] by 2 * board_min_height + 1
 583                         index += 1
 584
 585                 ret += '\n'
 586         return ret
 587
 588 start_over = ->
 589         selected = []
 590         score = 0
 591         $score_display.html score
 592         for i in [0...board_tiles]
 593                 selected.push i
 594         blip_selection()
 595
 596 init_start_over_link = ->
 597         $('#start-over').click (event) ->
 598                 event.preventDefault()
 599                 if confirm "Are you sure you want to start over? There is no undo."
 600                         start_over()
 601
 602 cur_tab = 'instructions'
 603 tabtab_height = 20
 604 tab_height = 150
 605 init_tab = (t) ->
 606         $('#' + t).click ->
 607                 return if t is cur_tab
 608                 $('#' + cur_tab).removeClass('selected-tab').addClass('tab').animate({height: tabtab_height}, 1000)
 609                 $('#' + t).removeClass('tab').addClass('selected-tab').animate({height: tab_height}, 1000)
 610                 cur_tab = t
 611 init_tabs = ->
 612         for t in ['instructions', 'definition', 'donate', 'restart']
 613                 init_tab t
 614
 615 init_keybinding = ->
 616         $(window).keydown (e) ->
 617                 switch e.keyCode
 618                         when 32, 10, 13
 619                                 activate_selection()
 620                         when 27
 621                                 unselect_all()
 622
 623 $log = undefined
 624 init_log = ->
 625         $log = $('#log')
 626 log = (msg) ->
 627         console.log msg if console.log?
 628
 629 init_game = ->
 630         init_log()
 631         if $(window).height() >= 440
 632                 $('#centerer').css('margin-top', '25px')
 633         init_keybinding()
 634         init_tabs()
 635         init_board()
 636         init_html_board()
 637         init_start_over_link()
 638         update_selection_display()
 639
 640 $(init_game)