2048.html
author Oleksandr Gavenko <gavenkoa@gmail.com>
Wed, 10 Sep 2014 20:27:57 +0300
changeset 42 716508d5494c
parent 41 359719178176
child 43 8b1577211149
permissions -rw-r--r--
Save board between browser sessions.
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
0
2821cc5e0189 basic implementation
Oleksandr Gavenko <gavenkoa@gmail.com>
parents:
diff changeset
     1
<!DOCTYPE html>
2821cc5e0189 basic implementation
Oleksandr Gavenko <gavenkoa@gmail.com>
parents:
diff changeset
     2
<html>
2821cc5e0189 basic implementation
Oleksandr Gavenko <gavenkoa@gmail.com>
parents:
diff changeset
     3
<head>
2821cc5e0189 basic implementation
Oleksandr Gavenko <gavenkoa@gmail.com>
parents:
diff changeset
     4
  <title>2048 AI</title>
2821cc5e0189 basic implementation
Oleksandr Gavenko <gavenkoa@gmail.com>
parents:
diff changeset
     5
  <meta name="viewport" content="width=device-width; initial-scale=1.0"/>
2821cc5e0189 basic implementation
Oleksandr Gavenko <gavenkoa@gmail.com>
parents:
diff changeset
     6
  <meta charset="utf-8"/>
2821cc5e0189 basic implementation
Oleksandr Gavenko <gavenkoa@gmail.com>
parents:
diff changeset
     7
10
70ece7f758a0 Move rule and AI engine to separate files.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 7
diff changeset
     8
  <script src="rule.js"></script>
7
d8106c8c0481 Rename methods and use sequential numbers instead of power of 2.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 4
diff changeset
     9
  <script src="board.js"></script>
d8106c8c0481 Rename methods and use sequential numbers instead of power of 2.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 4
diff changeset
    10
  <script src="perf.js"></script>
10
70ece7f758a0 Move rule and AI engine to separate files.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 7
diff changeset
    11
  <script src="ai.js"></script>
7
d8106c8c0481 Rename methods and use sequential numbers instead of power of 2.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 4
diff changeset
    12
0
2821cc5e0189 basic implementation
Oleksandr Gavenko <gavenkoa@gmail.com>
parents:
diff changeset
    13
  <style>
27
8f96d09a4d94 Add Blind cycle AI. Add example of setting passing.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 26
diff changeset
    14
    body {
8f96d09a4d94 Add Blind cycle AI. Add example of setting passing.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 26
diff changeset
    15
      font-size: 11pt;
8f96d09a4d94 Add Blind cycle AI. Add example of setting passing.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 26
diff changeset
    16
    }
4
732aef931a9e Report mockup.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 3
diff changeset
    17
    h1, div.area {
0
2821cc5e0189 basic implementation
Oleksandr Gavenko <gavenkoa@gmail.com>
parents:
diff changeset
    18
      text-align: center;
4
732aef931a9e Report mockup.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 3
diff changeset
    19
      margin: 10px auto;
0
2821cc5e0189 basic implementation
Oleksandr Gavenko <gavenkoa@gmail.com>
parents:
diff changeset
    20
    }
2821cc5e0189 basic implementation
Oleksandr Gavenko <gavenkoa@gmail.com>
parents:
diff changeset
    21
    #board {
2821cc5e0189 basic implementation
Oleksandr Gavenko <gavenkoa@gmail.com>
parents:
diff changeset
    22
      margin: 10px auto;
2821cc5e0189 basic implementation
Oleksandr Gavenko <gavenkoa@gmail.com>
parents:
diff changeset
    23
    }
2821cc5e0189 basic implementation
Oleksandr Gavenko <gavenkoa@gmail.com>
parents:
diff changeset
    24
    #board td {
2821cc5e0189 basic implementation
Oleksandr Gavenko <gavenkoa@gmail.com>
parents:
diff changeset
    25
      width: 40px;
2821cc5e0189 basic implementation
Oleksandr Gavenko <gavenkoa@gmail.com>
parents:
diff changeset
    26
      height: 40px;
2821cc5e0189 basic implementation
Oleksandr Gavenko <gavenkoa@gmail.com>
parents:
diff changeset
    27
      border: 1px solid red;
2821cc5e0189 basic implementation
Oleksandr Gavenko <gavenkoa@gmail.com>
parents:
diff changeset
    28
      margin: 0;
2821cc5e0189 basic implementation
Oleksandr Gavenko <gavenkoa@gmail.com>
parents:
diff changeset
    29
      text-align: center;
2821cc5e0189 basic implementation
Oleksandr Gavenko <gavenkoa@gmail.com>
parents:
diff changeset
    30
    }
33
f1bbe12e2c3d Highlight score area.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 32
diff changeset
    31
    div.ai-control, div.move-control, div.score-conrol {
30
1d19768ca71d Highlight AI controls.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 27
diff changeset
    32
      border: 1px red solid;
1d19768ca71d Highlight AI controls.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 27
diff changeset
    33
      display: inline-block;
1d19768ca71d Highlight AI controls.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 27
diff changeset
    34
      margin: 10px 0 2px 0;
31
9de51a02b039 Visualise buttons.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 30
diff changeset
    35
      background-color: cornsilk;
9de51a02b039 Visualise buttons.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 30
diff changeset
    36
    }
33
f1bbe12e2c3d Highlight score area.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 32
diff changeset
    37
    div.move-control, div.score-conrol {
f1bbe12e2c3d Highlight score area.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 32
diff changeset
    38
      padding: 3px;
31
9de51a02b039 Visualise buttons.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 30
diff changeset
    39
    }
34
16b711a81a16 Show AI suggestion.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 33
diff changeset
    40
    div.move-control button.suggestion {
16b711a81a16 Show AI suggestion.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 33
diff changeset
    41
      background-color: cyan;
16b711a81a16 Show AI suggestion.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 33
diff changeset
    42
    }
31
9de51a02b039 Visualise buttons.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 30
diff changeset
    43
    div.ai-control {
30
1d19768ca71d Highlight AI controls.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 27
diff changeset
    44
      padding: 2px 2px 2px 1em;
1d19768ca71d Highlight AI controls.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 27
diff changeset
    45
    }
1d19768ca71d Highlight AI controls.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 27
diff changeset
    46
    div.ai-control:before {
1d19768ca71d Highlight AI controls.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 27
diff changeset
    47
      content: "AI: ";
1d19768ca71d Highlight AI controls.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 27
diff changeset
    48
      margin-left: -.5em;
1d19768ca71d Highlight AI controls.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 27
diff changeset
    49
      padding: 0;
1d19768ca71d Highlight AI controls.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 27
diff changeset
    50
    }
4
732aef931a9e Report mockup.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 3
diff changeset
    51
    .report > .name {
732aef931a9e Report mockup.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 3
diff changeset
    52
      font-weight: bold;
732aef931a9e Report mockup.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 3
diff changeset
    53
    }
25
2ef10a49a28f Prepare UI for AI configuration.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 21
diff changeset
    54
    div.ai {
2ef10a49a28f Prepare UI for AI configuration.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 21
diff changeset
    55
      border: 1px red solid;
2ef10a49a28f Prepare UI for AI configuration.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 21
diff changeset
    56
      margin-top: 20px;
2ef10a49a28f Prepare UI for AI configuration.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 21
diff changeset
    57
      padding: 2px;
2ef10a49a28f Prepare UI for AI configuration.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 21
diff changeset
    58
      position: relative;
2ef10a49a28f Prepare UI for AI configuration.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 21
diff changeset
    59
      background-color: cornsilk;
2ef10a49a28f Prepare UI for AI configuration.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 21
diff changeset
    60
    }
2ef10a49a28f Prepare UI for AI configuration.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 21
diff changeset
    61
    div.ai.enabled {
2ef10a49a28f Prepare UI for AI configuration.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 21
diff changeset
    62
      background-color: wheat;
2ef10a49a28f Prepare UI for AI configuration.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 21
diff changeset
    63
    }
2ef10a49a28f Prepare UI for AI configuration.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 21
diff changeset
    64
    div.ai > h5 {
27
8f96d09a4d94 Add Blind cycle AI. Add example of setting passing.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 26
diff changeset
    65
      margin: 2px 0 2px 6em;
25
2ef10a49a28f Prepare UI for AI configuration.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 21
diff changeset
    66
    }
2ef10a49a28f Prepare UI for AI configuration.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 21
diff changeset
    67
    button.ai {
2ef10a49a28f Prepare UI for AI configuration.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 21
diff changeset
    68
      position: absolute;
2ef10a49a28f Prepare UI for AI configuration.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 21
diff changeset
    69
      left: 1em;
2ef10a49a28f Prepare UI for AI configuration.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 21
diff changeset
    70
      top: -1em;
2ef10a49a28f Prepare UI for AI configuration.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 21
diff changeset
    71
    }
27
8f96d09a4d94 Add Blind cycle AI. Add example of setting passing.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 26
diff changeset
    72
    div.ai > div.option {
8f96d09a4d94 Add Blind cycle AI. Add example of setting passing.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 26
diff changeset
    73
      display: inline-block;
8f96d09a4d94 Add Blind cycle AI. Add example of setting passing.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 26
diff changeset
    74
      float: left;
8f96d09a4d94 Add Blind cycle AI. Add example of setting passing.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 26
diff changeset
    75
      margin: 1px 4px;
36
a18fc2601ce8 Add blind eight random AI.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 35
diff changeset
    76
      padding: 2px;
a18fc2601ce8 Add blind eight random AI.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 35
diff changeset
    77
      border: 1px solid tan;
a18fc2601ce8 Add blind eight random AI.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 35
diff changeset
    78
      border-radius: 4px;
a18fc2601ce8 Add blind eight random AI.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 35
diff changeset
    79
    }
a18fc2601ce8 Add blind eight random AI.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 35
diff changeset
    80
    div.ai > div.option > input.int {
a18fc2601ce8 Add blind eight random AI.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 35
diff changeset
    81
      text-align: right;
a18fc2601ce8 Add blind eight random AI.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 35
diff changeset
    82
      max-width: 4em;
a18fc2601ce8 Add blind eight random AI.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 35
diff changeset
    83
      margin-rght: 2px;
27
8f96d09a4d94 Add Blind cycle AI. Add example of setting passing.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 26
diff changeset
    84
    }
8f96d09a4d94 Add Blind cycle AI. Add example of setting passing.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 26
diff changeset
    85
    .clearfix {
8f96d09a4d94 Add Blind cycle AI. Add example of setting passing.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 26
diff changeset
    86
      clear: both;
8f96d09a4d94 Add Blind cycle AI. Add example of setting passing.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 26
diff changeset
    87
    }
31
9de51a02b039 Visualise buttons.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 30
diff changeset
    88
    #test {
9de51a02b039 Visualise buttons.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 30
diff changeset
    89
      display: none;
9de51a02b039 Visualise buttons.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 30
diff changeset
    90
    }
0
2821cc5e0189 basic implementation
Oleksandr Gavenko <gavenkoa@gmail.com>
parents:
diff changeset
    91
  </style>
2821cc5e0189 basic implementation
Oleksandr Gavenko <gavenkoa@gmail.com>
parents:
diff changeset
    92
</head>
2821cc5e0189 basic implementation
Oleksandr Gavenko <gavenkoa@gmail.com>
parents:
diff changeset
    93
<body>
2821cc5e0189 basic implementation
Oleksandr Gavenko <gavenkoa@gmail.com>
parents:
diff changeset
    94
2821cc5e0189 basic implementation
Oleksandr Gavenko <gavenkoa@gmail.com>
parents:
diff changeset
    95
  <h1>2048</h1>
2821cc5e0189 basic implementation
Oleksandr Gavenko <gavenkoa@gmail.com>
parents:
diff changeset
    96
33
f1bbe12e2c3d Highlight score area.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 32
diff changeset
    97
  <div id="score-area" class="area">
f1bbe12e2c3d Highlight score area.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 32
diff changeset
    98
    <div class="score-conrol">
f1bbe12e2c3d Highlight score area.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 32
diff changeset
    99
      Score: <span id="score">0</span>, Max: <span id="max">0</span>, Turn: <span id="turn">0</span>, Speed: <span id="speed">0</span> t/s
f1bbe12e2c3d Highlight score area.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 32
diff changeset
   100
    </div>
f1bbe12e2c3d Highlight score area.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 32
diff changeset
   101
  </div>
0
2821cc5e0189 basic implementation
Oleksandr Gavenko <gavenkoa@gmail.com>
parents:
diff changeset
   102
4
732aef931a9e Report mockup.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 3
diff changeset
   103
  <div id="message-area" class="area"></div>
0
2821cc5e0189 basic implementation
Oleksandr Gavenko <gavenkoa@gmail.com>
parents:
diff changeset
   104
2821cc5e0189 basic implementation
Oleksandr Gavenko <gavenkoa@gmail.com>
parents:
diff changeset
   105
  <table id="board">
2821cc5e0189 basic implementation
Oleksandr Gavenko <gavenkoa@gmail.com>
parents:
diff changeset
   106
    <tr>
2821cc5e0189 basic implementation
Oleksandr Gavenko <gavenkoa@gmail.com>
parents:
diff changeset
   107
      <td></td>
2821cc5e0189 basic implementation
Oleksandr Gavenko <gavenkoa@gmail.com>
parents:
diff changeset
   108
      <td></td>
2821cc5e0189 basic implementation
Oleksandr Gavenko <gavenkoa@gmail.com>
parents:
diff changeset
   109
      <td></td>
2821cc5e0189 basic implementation
Oleksandr Gavenko <gavenkoa@gmail.com>
parents:
diff changeset
   110
      <td></td>
2821cc5e0189 basic implementation
Oleksandr Gavenko <gavenkoa@gmail.com>
parents:
diff changeset
   111
    </tr>
2821cc5e0189 basic implementation
Oleksandr Gavenko <gavenkoa@gmail.com>
parents:
diff changeset
   112
    <tr>
2821cc5e0189 basic implementation
Oleksandr Gavenko <gavenkoa@gmail.com>
parents:
diff changeset
   113
      <td></td>
2821cc5e0189 basic implementation
Oleksandr Gavenko <gavenkoa@gmail.com>
parents:
diff changeset
   114
      <td></td>
2821cc5e0189 basic implementation
Oleksandr Gavenko <gavenkoa@gmail.com>
parents:
diff changeset
   115
      <td></td>
2821cc5e0189 basic implementation
Oleksandr Gavenko <gavenkoa@gmail.com>
parents:
diff changeset
   116
      <td></td>
2821cc5e0189 basic implementation
Oleksandr Gavenko <gavenkoa@gmail.com>
parents:
diff changeset
   117
    </tr>
2821cc5e0189 basic implementation
Oleksandr Gavenko <gavenkoa@gmail.com>
parents:
diff changeset
   118
    <tr>
2821cc5e0189 basic implementation
Oleksandr Gavenko <gavenkoa@gmail.com>
parents:
diff changeset
   119
      <td></td>
2821cc5e0189 basic implementation
Oleksandr Gavenko <gavenkoa@gmail.com>
parents:
diff changeset
   120
      <td></td>
2821cc5e0189 basic implementation
Oleksandr Gavenko <gavenkoa@gmail.com>
parents:
diff changeset
   121
      <td></td>
2821cc5e0189 basic implementation
Oleksandr Gavenko <gavenkoa@gmail.com>
parents:
diff changeset
   122
      <td></td>
2821cc5e0189 basic implementation
Oleksandr Gavenko <gavenkoa@gmail.com>
parents:
diff changeset
   123
    </tr>
2821cc5e0189 basic implementation
Oleksandr Gavenko <gavenkoa@gmail.com>
parents:
diff changeset
   124
    <tr>
2821cc5e0189 basic implementation
Oleksandr Gavenko <gavenkoa@gmail.com>
parents:
diff changeset
   125
      <td></td>
2821cc5e0189 basic implementation
Oleksandr Gavenko <gavenkoa@gmail.com>
parents:
diff changeset
   126
      <td></td>
2821cc5e0189 basic implementation
Oleksandr Gavenko <gavenkoa@gmail.com>
parents:
diff changeset
   127
      <td></td>
2821cc5e0189 basic implementation
Oleksandr Gavenko <gavenkoa@gmail.com>
parents:
diff changeset
   128
      <td></td>
2821cc5e0189 basic implementation
Oleksandr Gavenko <gavenkoa@gmail.com>
parents:
diff changeset
   129
    </tr>
2821cc5e0189 basic implementation
Oleksandr Gavenko <gavenkoa@gmail.com>
parents:
diff changeset
   130
  </table>
2821cc5e0189 basic implementation
Oleksandr Gavenko <gavenkoa@gmail.com>
parents:
diff changeset
   131
4
732aef931a9e Report mockup.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 3
diff changeset
   132
  <div id="control-area" class="area">
0
2821cc5e0189 basic implementation
Oleksandr Gavenko <gavenkoa@gmail.com>
parents:
diff changeset
   133
    <div>
2821cc5e0189 basic implementation
Oleksandr Gavenko <gavenkoa@gmail.com>
parents:
diff changeset
   134
      <button id="start">Start</button>
38
d476efde7242 2 modes of value showing: 0,1,...,11 and 0,2,4,...,2048.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 37
diff changeset
   135
      <span><input type="checkbox" id="2048" checked> 2048</span>
30
1d19768ca71d Highlight AI controls.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 27
diff changeset
   136
    </div>
1d19768ca71d Highlight AI controls.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 27
diff changeset
   137
    <div class="ai-control">
1d19768ca71d Highlight AI controls.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 27
diff changeset
   138
      <button id="suggest">Suggest</button>
0
2821cc5e0189 basic implementation
Oleksandr Gavenko <gavenkoa@gmail.com>
parents:
diff changeset
   139
      <button id="step">Step</button>
2821cc5e0189 basic implementation
Oleksandr Gavenko <gavenkoa@gmail.com>
parents:
diff changeset
   140
      <button id="finish">Finish</button>
2821cc5e0189 basic implementation
Oleksandr Gavenko <gavenkoa@gmail.com>
parents:
diff changeset
   141
    </div>
31
9de51a02b039 Visualise buttons.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 30
diff changeset
   142
    <div class="clearfix"></div>
9de51a02b039 Visualise buttons.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 30
diff changeset
   143
    <div class="move-control">
9de51a02b039 Visualise buttons.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 30
diff changeset
   144
      <table>
9de51a02b039 Visualise buttons.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 30
diff changeset
   145
        <tr>
9de51a02b039 Visualise buttons.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 30
diff changeset
   146
          <td></td><td><button id="up">up</button></td><td></td>
9de51a02b039 Visualise buttons.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 30
diff changeset
   147
        </tr>
9de51a02b039 Visualise buttons.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 30
diff changeset
   148
        <tr>
9de51a02b039 Visualise buttons.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 30
diff changeset
   149
          <td><button id="left">left</button></td><td><button id="down">down</button></td><td><button id="right">right</button></td>
9de51a02b039 Visualise buttons.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 30
diff changeset
   150
        </tr>
9de51a02b039 Visualise buttons.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 30
diff changeset
   151
      </table>
12
a9a44cfc3e08 Moves for 2d array board + test toolkit.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 11
diff changeset
   152
      <button id="test">test</button>
0
2821cc5e0189 basic implementation
Oleksandr Gavenko <gavenkoa@gmail.com>
parents:
diff changeset
   153
    </div>
25
2ef10a49a28f Prepare UI for AI configuration.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 21
diff changeset
   154
    <h1>AIs</h1>
0
2821cc5e0189 basic implementation
Oleksandr Gavenko <gavenkoa@gmail.com>
parents:
diff changeset
   155
    <div>
35
3d56325d7002 Rename AI.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 34
diff changeset
   156
      <div class="ai" id="ai-blind-random">
25
2ef10a49a28f Prepare UI for AI configuration.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 21
diff changeset
   157
        <button class="ai">enable</button>
2ef10a49a28f Prepare UI for AI configuration.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 21
diff changeset
   158
        <h5>bling random</h5>
2ef10a49a28f Prepare UI for AI configuration.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 21
diff changeset
   159
      </div>
36
a18fc2601ce8 Add blind eight random AI.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 35
diff changeset
   160
      <div class="ai" id="ai-blind-weight-random">
a18fc2601ce8 Add blind eight random AI.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 35
diff changeset
   161
        <button class="ai">enable</button>
a18fc2601ce8 Add blind eight random AI.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 35
diff changeset
   162
        <h5>bling weight random</h5>
a18fc2601ce8 Add blind eight random AI.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 35
diff changeset
   163
        <div class="option">
a18fc2601ce8 Add blind eight random AI.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 35
diff changeset
   164
          <input type="text" name="left" class="int" pattern="[0-9]*" value="1"/> left weight
a18fc2601ce8 Add blind eight random AI.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 35
diff changeset
   165
        </div>
a18fc2601ce8 Add blind eight random AI.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 35
diff changeset
   166
        <div class="option">
a18fc2601ce8 Add blind eight random AI.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 35
diff changeset
   167
          <input type="text" name="right" class="int" pattern="[0-9]*" value="1"/> right weight
a18fc2601ce8 Add blind eight random AI.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 35
diff changeset
   168
        </div>
a18fc2601ce8 Add blind eight random AI.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 35
diff changeset
   169
        <div class="option">
a18fc2601ce8 Add blind eight random AI.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 35
diff changeset
   170
          <input type="text" name="up" class="int" pattern="[0-9]*" value="1"/> up weight
a18fc2601ce8 Add blind eight random AI.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 35
diff changeset
   171
        </div>
a18fc2601ce8 Add blind eight random AI.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 35
diff changeset
   172
        <div class="option">
a18fc2601ce8 Add blind eight random AI.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 35
diff changeset
   173
          <input type="text" name="down" class="int" pattern="[0-9]*" value="1"/> down weight
a18fc2601ce8 Add blind eight random AI.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 35
diff changeset
   174
        </div>
a18fc2601ce8 Add blind eight random AI.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 35
diff changeset
   175
        <div class="clearfix"></div>
a18fc2601ce8 Add blind eight random AI.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 35
diff changeset
   176
      </div>
27
8f96d09a4d94 Add Blind cycle AI. Add example of setting passing.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 26
diff changeset
   177
      <div class="ai" id="ai-blind-cycle">
25
2ef10a49a28f Prepare UI for AI configuration.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 21
diff changeset
   178
        <button class="ai">enable</button>
27
8f96d09a4d94 Add Blind cycle AI. Add example of setting passing.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 26
diff changeset
   179
        <h5>blind cycle</h5>
8f96d09a4d94 Add Blind cycle AI. Add example of setting passing.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 26
diff changeset
   180
        <div class="option">
8f96d09a4d94 Add Blind cycle AI. Add example of setting passing.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 26
diff changeset
   181
          <input type="checkbox" name="clockwise"/> clockwise
8f96d09a4d94 Add Blind cycle AI. Add example of setting passing.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 26
diff changeset
   182
        </div>
8f96d09a4d94 Add Blind cycle AI. Add example of setting passing.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 26
diff changeset
   183
        <div class="option">
8f96d09a4d94 Add Blind cycle AI. Add example of setting passing.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 26
diff changeset
   184
          <input type="checkbox" name="whilePossible"/> max move in one direction
8f96d09a4d94 Add Blind cycle AI. Add example of setting passing.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 26
diff changeset
   185
        </div>
8f96d09a4d94 Add Blind cycle AI. Add example of setting passing.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 26
diff changeset
   186
        <div class="clearfix"></div>
25
2ef10a49a28f Prepare UI for AI configuration.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 21
diff changeset
   187
      </div>
2ef10a49a28f Prepare UI for AI configuration.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 21
diff changeset
   188
      <div class="ai" id="ai-next-max-value">
2ef10a49a28f Prepare UI for AI configuration.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 21
diff changeset
   189
        <button class="ai">enable</button>
2ef10a49a28f Prepare UI for AI configuration.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 21
diff changeset
   190
        <h5>next merge makes max value</h5>
2ef10a49a28f Prepare UI for AI configuration.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 21
diff changeset
   191
      </div>
26
fba85224a8f0 Remove debug code.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 25
diff changeset
   192
      <div class="ai" id="ai-deep-max-score">
25
2ef10a49a28f Prepare UI for AI configuration.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 21
diff changeset
   193
        <button class="ai">enable</button>
2ef10a49a28f Prepare UI for AI configuration.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 21
diff changeset
   194
        <h5>deep merges without simulation make max score</h5>
2ef10a49a28f Prepare UI for AI configuration.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 21
diff changeset
   195
      </div>
2ef10a49a28f Prepare UI for AI configuration.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 21
diff changeset
   196
      <div class="ai" id="ai-deep-max-score-corner">
2ef10a49a28f Prepare UI for AI configuration.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 21
diff changeset
   197
        <button class="ai">enable</button>
2ef10a49a28f Prepare UI for AI configuration.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 21
diff changeset
   198
        <h5>deep merges without simulation make max score + bonus if max value at corner/edge</h5>
2ef10a49a28f Prepare UI for AI configuration.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 21
diff changeset
   199
      </div>
2ef10a49a28f Prepare UI for AI configuration.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 21
diff changeset
   200
      <div class="ai" id="ai-expectimax">
2ef10a49a28f Prepare UI for AI configuration.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 21
diff changeset
   201
        <button class="ai">enable</button>
2ef10a49a28f Prepare UI for AI configuration.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 21
diff changeset
   202
        <h5>expectimax</h5>
2ef10a49a28f Prepare UI for AI configuration.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 21
diff changeset
   203
      </div>
0
2821cc5e0189 basic implementation
Oleksandr Gavenko <gavenkoa@gmail.com>
parents:
diff changeset
   204
    </div>
2821cc5e0189 basic implementation
Oleksandr Gavenko <gavenkoa@gmail.com>
parents:
diff changeset
   205
  </div>
2821cc5e0189 basic implementation
Oleksandr Gavenko <gavenkoa@gmail.com>
parents:
diff changeset
   206
4
732aef931a9e Report mockup.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 3
diff changeset
   207
  <div id="report-area" class="area">
732aef931a9e Report mockup.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 3
diff changeset
   208
    <h1>Reports</h1>
732aef931a9e Report mockup.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 3
diff changeset
   209
    <div class="report" class="area">
732aef931a9e Report mockup.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 3
diff changeset
   210
      <div class="name">next max score</div>
732aef931a9e Report mockup.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 3
diff changeset
   211
      <table>
732aef931a9e Report mockup.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 3
diff changeset
   212
        <tr>
732aef931a9e Report mockup.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 3
diff changeset
   213
          <th>Max</th>
732aef931a9e Report mockup.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 3
diff changeset
   214
          <th>Count</th>
732aef931a9e Report mockup.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 3
diff changeset
   215
          <th>%</th>
732aef931a9e Report mockup.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 3
diff changeset
   216
        </tr>
732aef931a9e Report mockup.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 3
diff changeset
   217
        <tr>
732aef931a9e Report mockup.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 3
diff changeset
   218
          <td>128</td><td>8</td><td><div style="background: red; width: 100px">x</div></td>
732aef931a9e Report mockup.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 3
diff changeset
   219
        </tr>
732aef931a9e Report mockup.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 3
diff changeset
   220
        <tr>
732aef931a9e Report mockup.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 3
diff changeset
   221
          <td>256</td><td>4</td><td><div style="background: red; width: 50px">x</div></td>
732aef931a9e Report mockup.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 3
diff changeset
   222
        </tr>
732aef931a9e Report mockup.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 3
diff changeset
   223
        <tr>
732aef931a9e Report mockup.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 3
diff changeset
   224
          <td>512</td><td>12</td><td><div style="background: red; width: 150px">x</div></td>
732aef931a9e Report mockup.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 3
diff changeset
   225
        </tr>
732aef931a9e Report mockup.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 3
diff changeset
   226
      </table>
732aef931a9e Report mockup.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 3
diff changeset
   227
    </div>
732aef931a9e Report mockup.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 3
diff changeset
   228
  </div>
732aef931a9e Report mockup.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 3
diff changeset
   229
0
2821cc5e0189 basic implementation
Oleksandr Gavenko <gavenkoa@gmail.com>
parents:
diff changeset
   230
  <script>
2821cc5e0189 basic implementation
Oleksandr Gavenko <gavenkoa@gmail.com>
parents:
diff changeset
   231
    "use strict";
2821cc5e0189 basic implementation
Oleksandr Gavenko <gavenkoa@gmail.com>
parents:
diff changeset
   232
2821cc5e0189 basic implementation
Oleksandr Gavenko <gavenkoa@gmail.com>
parents:
diff changeset
   233
    var boardDom = document.getElementById("board");
2821cc5e0189 basic implementation
Oleksandr Gavenko <gavenkoa@gmail.com>
parents:
diff changeset
   234
    var ui = {};
2821cc5e0189 basic implementation
Oleksandr Gavenko <gavenkoa@gmail.com>
parents:
diff changeset
   235
    ui.board = {};
38
d476efde7242 2 modes of value showing: 0,1,...,11 and 0,2,4,...,2048.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 37
diff changeset
   236
    ui.board.val2048Dom = document.getElementById('2048');
d476efde7242 2 modes of value showing: 0,1,...,11 and 0,2,4,...,2048.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 37
diff changeset
   237
    ui.board.val2048Dom.addEventListener("click", function(event) {
d476efde7242 2 modes of value showing: 0,1,...,11 and 0,2,4,...,2048.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 37
diff changeset
   238
      ui.board.update(board.current);
d476efde7242 2 modes of value showing: 0,1,...,11 and 0,2,4,...,2048.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 37
diff changeset
   239
      event.target.blur();
d476efde7242 2 modes of value showing: 0,1,...,11 and 0,2,4,...,2048.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 37
diff changeset
   240
    });
d476efde7242 2 modes of value showing: 0,1,...,11 and 0,2,4,...,2048.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 37
diff changeset
   241
    ui.board.val2048 = function(val) {
d476efde7242 2 modes of value showing: 0,1,...,11 and 0,2,4,...,2048.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 37
diff changeset
   242
      if (ui.board.val2048Dom.checked)
d476efde7242 2 modes of value showing: 0,1,...,11 and 0,2,4,...,2048.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 37
diff changeset
   243
        return Math.pow(2, val);
d476efde7242 2 modes of value showing: 0,1,...,11 and 0,2,4,...,2048.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 37
diff changeset
   244
      return val;
d476efde7242 2 modes of value showing: 0,1,...,11 and 0,2,4,...,2048.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 37
diff changeset
   245
    }
15
0fa97e430a9e ui.board.set care about 'val' argument.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 14
diff changeset
   246
    /* 'val' typesafe.  */
0
2821cc5e0189 basic implementation
Oleksandr Gavenko <gavenkoa@gmail.com>
parents:
diff changeset
   247
    ui.board.set = function(i, j, val) {
16
ab283d2534db Fix typo.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 15
diff changeset
   248
      if (typeof val !== 'number')
15
0fa97e430a9e ui.board.set care about 'val' argument.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 14
diff changeset
   249
        val = 0;
13
b3bfa9d1b537 Add color to board depending on values..
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 12
diff changeset
   250
      var dom = boardDom.querySelectorAll("tr")[i].querySelectorAll("td")[j];
15
0fa97e430a9e ui.board.set care about 'val' argument.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 14
diff changeset
   251
      if (0 < val && val < 15) {
38
d476efde7242 2 modes of value showing: 0,1,...,11 and 0,2,4,...,2048.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 37
diff changeset
   252
        dom.innerHTML = ui.board.val2048(val);
15
0fa97e430a9e ui.board.set care about 'val' argument.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 14
diff changeset
   253
        var rgb = 'rgb(255,'+ (255-5*val-2*(val%2)) +','+ (255-10*val-5*((val-1)%2)) +')';
0fa97e430a9e ui.board.set care about 'val' argument.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 14
diff changeset
   254
      } else {
0fa97e430a9e ui.board.set care about 'val' argument.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 14
diff changeset
   255
        dom.innerHTML = '';
0fa97e430a9e ui.board.set care about 'val' argument.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 14
diff changeset
   256
        var rgb = 'white';
0fa97e430a9e ui.board.set care about 'val' argument.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 14
diff changeset
   257
      }
13
b3bfa9d1b537 Add color to board depending on values..
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 12
diff changeset
   258
      dom.style.backgroundColor = rgb;
0
2821cc5e0189 basic implementation
Oleksandr Gavenko <gavenkoa@gmail.com>
parents:
diff changeset
   259
    }
2821cc5e0189 basic implementation
Oleksandr Gavenko <gavenkoa@gmail.com>
parents:
diff changeset
   260
    ui.board.update = function(brd) {
2821cc5e0189 basic implementation
Oleksandr Gavenko <gavenkoa@gmail.com>
parents:
diff changeset
   261
      for (var i = 0; i < 4; i++) {
2821cc5e0189 basic implementation
Oleksandr Gavenko <gavenkoa@gmail.com>
parents:
diff changeset
   262
        for (var j = 0; j < 4; j++) {
15
0fa97e430a9e ui.board.set care about 'val' argument.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 14
diff changeset
   263
          ui.board.set(i, j, brd[i][j]);
0
2821cc5e0189 basic implementation
Oleksandr Gavenko <gavenkoa@gmail.com>
parents:
diff changeset
   264
        }
2821cc5e0189 basic implementation
Oleksandr Gavenko <gavenkoa@gmail.com>
parents:
diff changeset
   265
      }
2821cc5e0189 basic implementation
Oleksandr Gavenko <gavenkoa@gmail.com>
parents:
diff changeset
   266
    }
17
06ad7999b9f6 Add board editor.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 16
diff changeset
   267
    ui.board.handleEdit = function(tdDom, i, j) {
06ad7999b9f6 Add board editor.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 16
diff changeset
   268
      if (!tdDom.firstChild || tdDom.firstChild.nodeType === Node.TEXT_NODE) {
06ad7999b9f6 Add board editor.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 16
diff changeset
   269
        if (tdDom.firstChild)
06ad7999b9f6 Add board editor.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 16
diff changeset
   270
          tdDom.removeChild(tdDom.firstChild);
06ad7999b9f6 Add board editor.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 16
diff changeset
   271
        var inputDom = document.createElement('input');
06ad7999b9f6 Add board editor.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 16
diff changeset
   272
        inputDom.value = board.current[i][j];
06ad7999b9f6 Add board editor.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 16
diff changeset
   273
        inputDom.style.width = '1em';
06ad7999b9f6 Add board editor.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 16
diff changeset
   274
        tdDom.appendChild(inputDom);
06ad7999b9f6 Add board editor.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 16
diff changeset
   275
        inputDom.focus();
06ad7999b9f6 Add board editor.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 16
diff changeset
   276
        inputDom.select();
06ad7999b9f6 Add board editor.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 16
diff changeset
   277
        inputDom.addEventListener("blur", function(tdDom, i, j) {
06ad7999b9f6 Add board editor.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 16
diff changeset
   278
          return function(event) {
06ad7999b9f6 Add board editor.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 16
diff changeset
   279
            ui.board.handleEdit(tdDom, i, j);
06ad7999b9f6 Add board editor.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 16
diff changeset
   280
            return false;
06ad7999b9f6 Add board editor.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 16
diff changeset
   281
          }
06ad7999b9f6 Add board editor.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 16
diff changeset
   282
        }(tdDom, i, j));
06ad7999b9f6 Add board editor.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 16
diff changeset
   283
      } else {
06ad7999b9f6 Add board editor.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 16
diff changeset
   284
        var inputDom = tdDom.firstChild;
06ad7999b9f6 Add board editor.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 16
diff changeset
   285
        var val = parseInt(inputDom.value);
06ad7999b9f6 Add board editor.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 16
diff changeset
   286
        if (0 <= val && val < 15) {
06ad7999b9f6 Add board editor.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 16
diff changeset
   287
          board.current[i][j] = val;
06ad7999b9f6 Add board editor.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 16
diff changeset
   288
          ui.board.set(i, j, val);
06ad7999b9f6 Add board editor.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 16
diff changeset
   289
        } else {
06ad7999b9f6 Add board editor.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 16
diff changeset
   290
          ui.board.set(i, j, board.current[i][j]);
06ad7999b9f6 Add board editor.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 16
diff changeset
   291
        }
06ad7999b9f6 Add board editor.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 16
diff changeset
   292
      }
06ad7999b9f6 Add board editor.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 16
diff changeset
   293
    }
06ad7999b9f6 Add board editor.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 16
diff changeset
   294
    ui.board.enableEdit = function() {
06ad7999b9f6 Add board editor.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 16
diff changeset
   295
      var trDoms = boardDom.querySelectorAll("tr");
06ad7999b9f6 Add board editor.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 16
diff changeset
   296
      for (var i = 0; i < 4; i++) {
06ad7999b9f6 Add board editor.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 16
diff changeset
   297
        var tdDoms = trDoms[i].querySelectorAll("td");
06ad7999b9f6 Add board editor.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 16
diff changeset
   298
        for (var j = 0; j < 4; j++) {
06ad7999b9f6 Add board editor.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 16
diff changeset
   299
          var tdDom = tdDoms[j];
06ad7999b9f6 Add board editor.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 16
diff changeset
   300
          tdDom.addEventListener("click", function(tdDom, i, j) {
06ad7999b9f6 Add board editor.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 16
diff changeset
   301
            return function(event) {
06ad7999b9f6 Add board editor.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 16
diff changeset
   302
              ui.board.handleEdit(tdDom, i, j);
06ad7999b9f6 Add board editor.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 16
diff changeset
   303
              return false;
06ad7999b9f6 Add board editor.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 16
diff changeset
   304
            }
06ad7999b9f6 Add board editor.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 16
diff changeset
   305
          }(tdDom, i, j));
06ad7999b9f6 Add board editor.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 16
diff changeset
   306
          tdDom.addEventListener("keyup", function(tdDom, i, j) {
06ad7999b9f6 Add board editor.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 16
diff changeset
   307
            return function(event) {
06ad7999b9f6 Add board editor.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 16
diff changeset
   308
              if (event.keyCode === 13)
06ad7999b9f6 Add board editor.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 16
diff changeset
   309
                ui.board.handleEdit(tdDom, i, j);
06ad7999b9f6 Add board editor.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 16
diff changeset
   310
            }
06ad7999b9f6 Add board editor.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 16
diff changeset
   311
          }(tdDom, i, j));
06ad7999b9f6 Add board editor.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 16
diff changeset
   312
        }
06ad7999b9f6 Add board editor.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 16
diff changeset
   313
      }
06ad7999b9f6 Add board editor.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 16
diff changeset
   314
    }
06ad7999b9f6 Add board editor.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 16
diff changeset
   315
    ui.board.enableEdit();
06ad7999b9f6 Add board editor.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 16
diff changeset
   316
41
359719178176 Reorganise code. Warn about uninitialised AI.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 40
diff changeset
   317
    ////////////////////////////////////////////////////////////////
359719178176 Reorganise code. Warn about uninitialised AI.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 40
diff changeset
   318
    // Score statistic.
359719178176 Reorganise code. Warn about uninitialised AI.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 40
diff changeset
   319
0
2821cc5e0189 basic implementation
Oleksandr Gavenko <gavenkoa@gmail.com>
parents:
diff changeset
   320
    ui.score = {};
2821cc5e0189 basic implementation
Oleksandr Gavenko <gavenkoa@gmail.com>
parents:
diff changeset
   321
    var scoreDom = document.getElementById("score");
2821cc5e0189 basic implementation
Oleksandr Gavenko <gavenkoa@gmail.com>
parents:
diff changeset
   322
    var maxDom = document.getElementById("max");
1
8fb744f2df13 Speed measure.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 0
diff changeset
   323
    var speedDom = document.getElementById("speed");
8fb744f2df13 Speed measure.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 0
diff changeset
   324
    var turnDom = document.getElementById("turn");
0
2821cc5e0189 basic implementation
Oleksandr Gavenko <gavenkoa@gmail.com>
parents:
diff changeset
   325
    ui.score.clear = function(brd) {
2821cc5e0189 basic implementation
Oleksandr Gavenko <gavenkoa@gmail.com>
parents:
diff changeset
   326
      scoreDom.innerHTML = '0';
2821cc5e0189 basic implementation
Oleksandr Gavenko <gavenkoa@gmail.com>
parents:
diff changeset
   327
      maxDom.innerHTML = '0';
1
8fb744f2df13 Speed measure.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 0
diff changeset
   328
      speedDom.innerHTML = '0';
8fb744f2df13 Speed measure.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 0
diff changeset
   329
      turnDom.innerHTML = '0';
0
2821cc5e0189 basic implementation
Oleksandr Gavenko <gavenkoa@gmail.com>
parents:
diff changeset
   330
    }
2821cc5e0189 basic implementation
Oleksandr Gavenko <gavenkoa@gmail.com>
parents:
diff changeset
   331
    ui.score.update = function(brd) {
2821cc5e0189 basic implementation
Oleksandr Gavenko <gavenkoa@gmail.com>
parents:
diff changeset
   332
      var score = board.score(brd);
2821cc5e0189 basic implementation
Oleksandr Gavenko <gavenkoa@gmail.com>
parents:
diff changeset
   333
      scoreDom.innerHTML = '' + score.score;
2821cc5e0189 basic implementation
Oleksandr Gavenko <gavenkoa@gmail.com>
parents:
diff changeset
   334
      maxDom.innerHTML = '' + score.max;
2821cc5e0189 basic implementation
Oleksandr Gavenko <gavenkoa@gmail.com>
parents:
diff changeset
   335
    }
1
8fb744f2df13 Speed measure.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 0
diff changeset
   336
    ui.score.speed = function(speed, turn) {
8fb744f2df13 Speed measure.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 0
diff changeset
   337
      speedDom.innerHTML = '' + speed;
8fb744f2df13 Speed measure.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 0
diff changeset
   338
      turnDom.innerHTML = '' + turn;
8fb744f2df13 Speed measure.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 0
diff changeset
   339
    }
0
2821cc5e0189 basic implementation
Oleksandr Gavenko <gavenkoa@gmail.com>
parents:
diff changeset
   340
39
a75cc5aa5d19 Some renaming and reordering.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 38
diff changeset
   341
    ////////////////////////////////////////////////////////////////
41
359719178176 Reorganise code. Warn about uninitialised AI.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 40
diff changeset
   342
    // Suggestion UI.
359719178176 Reorganise code. Warn about uninitialised AI.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 40
diff changeset
   343
359719178176 Reorganise code. Warn about uninitialised AI.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 40
diff changeset
   344
    ui.suggestion = {};
359719178176 Reorganise code. Warn about uninitialised AI.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 40
diff changeset
   345
    ui.suggestion.btns = document.querySelectorAll('div.move-control button');
359719178176 Reorganise code. Warn about uninitialised AI.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 40
diff changeset
   346
    ui.suggestion.clear = function() {
359719178176 Reorganise code. Warn about uninitialised AI.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 40
diff changeset
   347
      for (var i = 0; i < ui.suggestion.btns.length; i++)
359719178176 Reorganise code. Warn about uninitialised AI.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 40
diff changeset
   348
        ui.suggestion.btns[i].classList.remove('suggestion');
359719178176 Reorganise code. Warn about uninitialised AI.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 40
diff changeset
   349
    }
359719178176 Reorganise code. Warn about uninitialised AI.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 40
diff changeset
   350
    ui.suggestion.set = function(dir) {
359719178176 Reorganise code. Warn about uninitialised AI.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 40
diff changeset
   351
      document.getElementById(dir).classList.add('suggestion');
359719178176 Reorganise code. Warn about uninitialised AI.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 40
diff changeset
   352
    }
359719178176 Reorganise code. Warn about uninitialised AI.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 40
diff changeset
   353
359719178176 Reorganise code. Warn about uninitialised AI.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 40
diff changeset
   354
    ////////////////////////////////////////////////////////////////
39
a75cc5aa5d19 Some renaming and reordering.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 38
diff changeset
   355
    // Game flow.
a75cc5aa5d19 Some renaming and reordering.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 38
diff changeset
   356
40
84e0c62adc08 Generalise code.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 39
diff changeset
   357
    ui.game = {};
84e0c62adc08 Generalise code.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 39
diff changeset
   358
    ui.game.dirs = ["up", "right", "down", "left"];
39
a75cc5aa5d19 Some renaming and reordering.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 38
diff changeset
   359
a75cc5aa5d19 Some renaming and reordering.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 38
diff changeset
   360
    var messageDom = document.getElementById("message-area");
a75cc5aa5d19 Some renaming and reordering.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 38
diff changeset
   361
    ui.game.clearMessage = function() {
a75cc5aa5d19 Some renaming and reordering.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 38
diff changeset
   362
      messageDom.innerHTML = "";
a75cc5aa5d19 Some renaming and reordering.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 38
diff changeset
   363
    }
a75cc5aa5d19 Some renaming and reordering.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 38
diff changeset
   364
    ui.game.setMessage = function(msg) {
a75cc5aa5d19 Some renaming and reordering.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 38
diff changeset
   365
      messageDom.innerHTML = msg;
a75cc5aa5d19 Some renaming and reordering.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 38
diff changeset
   366
    }
a75cc5aa5d19 Some renaming and reordering.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 38
diff changeset
   367
a75cc5aa5d19 Some renaming and reordering.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 38
diff changeset
   368
    ui.game.checkGameOver = function() {
a75cc5aa5d19 Some renaming and reordering.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 38
diff changeset
   369
      if (board.gameOver(board.current)) {
a75cc5aa5d19 Some renaming and reordering.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 38
diff changeset
   370
        ui.game.setMessage("Game over!");
a75cc5aa5d19 Some renaming and reordering.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 38
diff changeset
   371
        return true;
a75cc5aa5d19 Some renaming and reordering.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 38
diff changeset
   372
      } else {
a75cc5aa5d19 Some renaming and reordering.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 38
diff changeset
   373
        return false;
a75cc5aa5d19 Some renaming and reordering.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 38
diff changeset
   374
      }
a75cc5aa5d19 Some renaming and reordering.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 38
diff changeset
   375
    }
a75cc5aa5d19 Some renaming and reordering.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 38
diff changeset
   376
    ui.game.checkMoveValid = function(move) {
a75cc5aa5d19 Some renaming and reordering.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 38
diff changeset
   377
      var tmpBrd = board.create();
a75cc5aa5d19 Some renaming and reordering.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 38
diff changeset
   378
      board.copy(board.current, tmpBrd);
40
84e0c62adc08 Generalise code.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 39
diff changeset
   379
      if (ui.game.dirs.indexOf(move) === -1) {
39
a75cc5aa5d19 Some renaming and reordering.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 38
diff changeset
   380
        ui.game.setMessage("AI can't find move!");
a75cc5aa5d19 Some renaming and reordering.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 38
diff changeset
   381
        return false;
a75cc5aa5d19 Some renaming and reordering.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 38
diff changeset
   382
      }
a75cc5aa5d19 Some renaming and reordering.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 38
diff changeset
   383
      if ( ! board.move[move].call(null, tmpBrd)) {
a75cc5aa5d19 Some renaming and reordering.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 38
diff changeset
   384
        ui.game.setMessage("AI move "+move+" is ivalid!");
a75cc5aa5d19 Some renaming and reordering.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 38
diff changeset
   385
        return false;
a75cc5aa5d19 Some renaming and reordering.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 38
diff changeset
   386
      }
a75cc5aa5d19 Some renaming and reordering.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 38
diff changeset
   387
      return true;
a75cc5aa5d19 Some renaming and reordering.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 38
diff changeset
   388
    }
a75cc5aa5d19 Some renaming and reordering.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 38
diff changeset
   389
41
359719178176 Reorganise code. Warn about uninitialised AI.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 40
diff changeset
   390
    ui.game.beginStep = function() {
359719178176 Reorganise code. Warn about uninitialised AI.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 40
diff changeset
   391
      ui.suggestion.clear();
359719178176 Reorganise code. Warn about uninitialised AI.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 40
diff changeset
   392
      ui.game.clearMessage();
359719178176 Reorganise code. Warn about uninitialised AI.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 40
diff changeset
   393
      if (ui.game.checkGameOver())
359719178176 Reorganise code. Warn about uninitialised AI.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 40
diff changeset
   394
        return false;
359719178176 Reorganise code. Warn about uninitialised AI.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 40
diff changeset
   395
      return true;
359719178176 Reorganise code. Warn about uninitialised AI.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 40
diff changeset
   396
    }
359719178176 Reorganise code. Warn about uninitialised AI.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 40
diff changeset
   397
    ui.game.finishStep = function() {
359719178176 Reorganise code. Warn about uninitialised AI.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 40
diff changeset
   398
      board.putRandom(board.current);
359719178176 Reorganise code. Warn about uninitialised AI.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 40
diff changeset
   399
      ui.board.update(board.current);
359719178176 Reorganise code. Warn about uninitialised AI.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 40
diff changeset
   400
      ui.score.update(board.current);
42
716508d5494c Save board between browser sessions.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 41
diff changeset
   401
      localStorage.savedBoard = JSON.stringify(board.current);
41
359719178176 Reorganise code. Warn about uninitialised AI.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 40
diff changeset
   402
    }
359719178176 Reorganise code. Warn about uninitialised AI.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 40
diff changeset
   403
39
a75cc5aa5d19 Some renaming and reordering.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 38
diff changeset
   404
    ////////////////////////////////////////////////////////////////
a75cc5aa5d19 Some renaming and reordering.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 38
diff changeset
   405
    // Actions.
a75cc5aa5d19 Some renaming and reordering.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 38
diff changeset
   406
30
1d19768ca71d Highlight AI controls.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 27
diff changeset
   407
    ui.action = {};
1d19768ca71d Highlight AI controls.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 27
diff changeset
   408
1d19768ca71d Highlight AI controls.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 27
diff changeset
   409
    ui.action.start = function() {
0
2821cc5e0189 basic implementation
Oleksandr Gavenko <gavenkoa@gmail.com>
parents:
diff changeset
   410
      ui.score.clear();
41
359719178176 Reorganise code. Warn about uninitialised AI.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 40
diff changeset
   411
      ui.suggestion.clear();
39
a75cc5aa5d19 Some renaming and reordering.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 38
diff changeset
   412
      ui.game.clearMessage();
0
2821cc5e0189 basic implementation
Oleksandr Gavenko <gavenkoa@gmail.com>
parents:
diff changeset
   413
      board.current = board.create();
7
d8106c8c0481 Rename methods and use sequential numbers instead of power of 2.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 4
diff changeset
   414
      board.putRandom(board.current);
0
2821cc5e0189 basic implementation
Oleksandr Gavenko <gavenkoa@gmail.com>
parents:
diff changeset
   415
      ui.board.update(board.current);
2821cc5e0189 basic implementation
Oleksandr Gavenko <gavenkoa@gmail.com>
parents:
diff changeset
   416
    }
30
1d19768ca71d Highlight AI controls.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 27
diff changeset
   417
    document.getElementById("start").addEventListener("click", ui.action.start);
0
2821cc5e0189 basic implementation
Oleksandr Gavenko <gavenkoa@gmail.com>
parents:
diff changeset
   418
40
84e0c62adc08 Generalise code.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 39
diff changeset
   419
    for (var i = 0; i < ui.game.dirs.length; i++) {
84e0c62adc08 Generalise code.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 39
diff changeset
   420
      var dir = ui.game.dirs[i];
84e0c62adc08 Generalise code.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 39
diff changeset
   421
      ui.action[dir] = function(dir) {
84e0c62adc08 Generalise code.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 39
diff changeset
   422
        return function() {
84e0c62adc08 Generalise code.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 39
diff changeset
   423
          if (ui.game.checkGameOver())
84e0c62adc08 Generalise code.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 39
diff changeset
   424
            return;
41
359719178176 Reorganise code. Warn about uninitialised AI.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 40
diff changeset
   425
          ui.suggestion.clear();
40
84e0c62adc08 Generalise code.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 39
diff changeset
   426
          var updated = board.move[dir](board.current);
84e0c62adc08 Generalise code.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 39
diff changeset
   427
          if (updated) {
41
359719178176 Reorganise code. Warn about uninitialised AI.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 40
diff changeset
   428
            ui.game.finishStep();
40
84e0c62adc08 Generalise code.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 39
diff changeset
   429
            ui.ai.current && ui.ai.current.cleanup();
84e0c62adc08 Generalise code.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 39
diff changeset
   430
          }
84e0c62adc08 Generalise code.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 39
diff changeset
   431
        }
84e0c62adc08 Generalise code.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 39
diff changeset
   432
      } (dir);
84e0c62adc08 Generalise code.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 39
diff changeset
   433
      document.getElementById(dir).addEventListener("click", ui.action[dir]);
0
2821cc5e0189 basic implementation
Oleksandr Gavenko <gavenkoa@gmail.com>
parents:
diff changeset
   434
    }
2821cc5e0189 basic implementation
Oleksandr Gavenko <gavenkoa@gmail.com>
parents:
diff changeset
   435
2821cc5e0189 basic implementation
Oleksandr Gavenko <gavenkoa@gmail.com>
parents:
diff changeset
   436
    document.body.addEventListener("keydown", function(event) {
37
fe75d168a605 Ignore board movement when user edit input.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 36
diff changeset
   437
      if (document.activeElement.value)
fe75d168a605 Ignore board movement when user edit input.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 36
diff changeset
   438
        return false;
0
2821cc5e0189 basic implementation
Oleksandr Gavenko <gavenkoa@gmail.com>
parents:
diff changeset
   439
      var key = event.keyCode || event.which;
2821cc5e0189 basic implementation
Oleksandr Gavenko <gavenkoa@gmail.com>
parents:
diff changeset
   440
      switch (key) {
30
1d19768ca71d Highlight AI controls.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 27
diff changeset
   441
          case 38: ui.action.up(); break;
1d19768ca71d Highlight AI controls.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 27
diff changeset
   442
          case 40: ui.action.down(); break;
1d19768ca71d Highlight AI controls.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 27
diff changeset
   443
          case 37: ui.action.left(); break;
1d19768ca71d Highlight AI controls.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 27
diff changeset
   444
          case 39: ui.action.right(); break;
0
2821cc5e0189 basic implementation
Oleksandr Gavenko <gavenkoa@gmail.com>
parents:
diff changeset
   445
      }
39
a75cc5aa5d19 Some renaming and reordering.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 38
diff changeset
   446
      event.preventDefault();
0
2821cc5e0189 basic implementation
Oleksandr Gavenko <gavenkoa@gmail.com>
parents:
diff changeset
   447
      return false;
2821cc5e0189 basic implementation
Oleksandr Gavenko <gavenkoa@gmail.com>
parents:
diff changeset
   448
    });
12
a9a44cfc3e08 Moves for 2d array board + test toolkit.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 11
diff changeset
   449
a9a44cfc3e08 Moves for 2d array board + test toolkit.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 11
diff changeset
   450
    document.getElementById("test").addEventListener("click", function() {
a9a44cfc3e08 Moves for 2d array board + test toolkit.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 11
diff changeset
   451
      board.move.replaceByBoardJS(ui.brdEngine);
a9a44cfc3e08 Moves for 2d array board + test toolkit.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 11
diff changeset
   452
    });
34
16b711a81a16 Show AI suggestion.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 33
diff changeset
   453
16b711a81a16 Show AI suggestion.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 33
diff changeset
   454
    ui.action.suggest = function() {
41
359719178176 Reorganise code. Warn about uninitialised AI.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 40
diff changeset
   455
      if ( ! ui.ai.current) {
359719178176 Reorganise code. Warn about uninitialised AI.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 40
diff changeset
   456
        ui.game.setMessage('Select AI!');
359719178176 Reorganise code. Warn about uninitialised AI.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 40
diff changeset
   457
        return;
359719178176 Reorganise code. Warn about uninitialised AI.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 40
diff changeset
   458
      }
359719178176 Reorganise code. Warn about uninitialised AI.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 40
diff changeset
   459
      if ( ! ui.game.beginStep())
0
2821cc5e0189 basic implementation
Oleksandr Gavenko <gavenkoa@gmail.com>
parents:
diff changeset
   460
        return;
2821cc5e0189 basic implementation
Oleksandr Gavenko <gavenkoa@gmail.com>
parents:
diff changeset
   461
      var tmpBrd = board.create();
2821cc5e0189 basic implementation
Oleksandr Gavenko <gavenkoa@gmail.com>
parents:
diff changeset
   462
      board.copy(board.current, tmpBrd);
25
2ef10a49a28f Prepare UI for AI configuration.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 21
diff changeset
   463
      var move = ui.ai.current.analyse(tmpBrd);
34
16b711a81a16 Show AI suggestion.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 33
diff changeset
   464
      ui.ai.current.cleanup();
39
a75cc5aa5d19 Some renaming and reordering.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 38
diff changeset
   465
      if ( ! ui.game.checkMoveValid(move))
34
16b711a81a16 Show AI suggestion.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 33
diff changeset
   466
        return;
41
359719178176 Reorganise code. Warn about uninitialised AI.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 40
diff changeset
   467
      ui.suggestion.set(move);
34
16b711a81a16 Show AI suggestion.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 33
diff changeset
   468
    }
16b711a81a16 Show AI suggestion.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 33
diff changeset
   469
    document.getElementById("suggest").addEventListener("click", ui.action.suggest);
16b711a81a16 Show AI suggestion.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 33
diff changeset
   470
    ui.action.step = function() {
41
359719178176 Reorganise code. Warn about uninitialised AI.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 40
diff changeset
   471
      if ( ! ui.ai.current) {
359719178176 Reorganise code. Warn about uninitialised AI.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 40
diff changeset
   472
        ui.game.setMessage('Select AI!');
359719178176 Reorganise code. Warn about uninitialised AI.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 40
diff changeset
   473
        return;
359719178176 Reorganise code. Warn about uninitialised AI.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 40
diff changeset
   474
      }
359719178176 Reorganise code. Warn about uninitialised AI.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 40
diff changeset
   475
      if ( ! ui.game.beginStep())
0
2821cc5e0189 basic implementation
Oleksandr Gavenko <gavenkoa@gmail.com>
parents:
diff changeset
   476
        return;
34
16b711a81a16 Show AI suggestion.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 33
diff changeset
   477
      var tmpBrd = board.create();
16b711a81a16 Show AI suggestion.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 33
diff changeset
   478
      board.copy(board.current, tmpBrd);
16b711a81a16 Show AI suggestion.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 33
diff changeset
   479
      var move = ui.ai.current.analyse(tmpBrd);
16b711a81a16 Show AI suggestion.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 33
diff changeset
   480
      ui.ai.current.cleanup();
39
a75cc5aa5d19 Some renaming and reordering.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 38
diff changeset
   481
      if ( ! ui.game.checkMoveValid(move))
34
16b711a81a16 Show AI suggestion.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 33
diff changeset
   482
        return;
16b711a81a16 Show AI suggestion.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 33
diff changeset
   483
      board.move[move].call(null, board.current);
41
359719178176 Reorganise code. Warn about uninitialised AI.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 40
diff changeset
   484
      ui.game.finishStep();
0
2821cc5e0189 basic implementation
Oleksandr Gavenko <gavenkoa@gmail.com>
parents:
diff changeset
   485
    }
34
16b711a81a16 Show AI suggestion.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 33
diff changeset
   486
    document.getElementById("step").addEventListener("click", ui.action.step);
0
2821cc5e0189 basic implementation
Oleksandr Gavenko <gavenkoa@gmail.com>
parents:
diff changeset
   487
30
1d19768ca71d Highlight AI controls.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 27
diff changeset
   488
    ui.action.finish = function() {
41
359719178176 Reorganise code. Warn about uninitialised AI.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 40
diff changeset
   489
      if ( ! ui.ai.current) {
359719178176 Reorganise code. Warn about uninitialised AI.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 40
diff changeset
   490
        ui.game.setMessage('Select AI!');
359719178176 Reorganise code. Warn about uninitialised AI.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 40
diff changeset
   491
        return;
359719178176 Reorganise code. Warn about uninitialised AI.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 40
diff changeset
   492
      }
359719178176 Reorganise code. Warn about uninitialised AI.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 40
diff changeset
   493
      ui.game.beginStep();
1
8fb744f2df13 Speed measure.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 0
diff changeset
   494
      var step = 0;
8fb744f2df13 Speed measure.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 0
diff changeset
   495
      var tsFrom = new Date().getTime();
0
2821cc5e0189 basic implementation
Oleksandr Gavenko <gavenkoa@gmail.com>
parents:
diff changeset
   496
      while (!board.gameOver(board.current)) {
2821cc5e0189 basic implementation
Oleksandr Gavenko <gavenkoa@gmail.com>
parents:
diff changeset
   497
        var tmpBrd = board.create();
2821cc5e0189 basic implementation
Oleksandr Gavenko <gavenkoa@gmail.com>
parents:
diff changeset
   498
        board.copy(board.current, tmpBrd);
25
2ef10a49a28f Prepare UI for AI configuration.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 21
diff changeset
   499
        var move = ui.ai.current.analyse(tmpBrd);
10
70ece7f758a0 Move rule and AI engine to separate files.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 7
diff changeset
   500
        if (typeof move === 'undefined') {
39
a75cc5aa5d19 Some renaming and reordering.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 38
diff changeset
   501
          ui.game.setMessage("I don't know how to move!");
0
2821cc5e0189 basic implementation
Oleksandr Gavenko <gavenkoa@gmail.com>
parents:
diff changeset
   502
          return;
2821cc5e0189 basic implementation
Oleksandr Gavenko <gavenkoa@gmail.com>
parents:
diff changeset
   503
        }
10
70ece7f758a0 Move rule and AI engine to separate files.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 7
diff changeset
   504
        var updated = board.move[move].call(null, board.current);
0
2821cc5e0189 basic implementation
Oleksandr Gavenko <gavenkoa@gmail.com>
parents:
diff changeset
   505
        if (updated) {
7
d8106c8c0481 Rename methods and use sequential numbers instead of power of 2.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 4
diff changeset
   506
          board.putRandom(board.current);
0
2821cc5e0189 basic implementation
Oleksandr Gavenko <gavenkoa@gmail.com>
parents:
diff changeset
   507
        } else {
41
359719178176 Reorganise code. Warn about uninitialised AI.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 40
diff changeset
   508
          ui.game.finishStep();
39
a75cc5aa5d19 Some renaming and reordering.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 38
diff changeset
   509
          ui.game.setMessage("Wrong move!");
0
2821cc5e0189 basic implementation
Oleksandr Gavenko <gavenkoa@gmail.com>
parents:
diff changeset
   510
          return;
2821cc5e0189 basic implementation
Oleksandr Gavenko <gavenkoa@gmail.com>
parents:
diff changeset
   511
        }
1
8fb744f2df13 Speed measure.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 0
diff changeset
   512
        step++; 
0
2821cc5e0189 basic implementation
Oleksandr Gavenko <gavenkoa@gmail.com>
parents:
diff changeset
   513
      }
1
8fb744f2df13 Speed measure.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 0
diff changeset
   514
      var tsTo = new Date().getTime();
41
359719178176 Reorganise code. Warn about uninitialised AI.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 40
diff changeset
   515
      ui.game.finishStep();
1
8fb744f2df13 Speed measure.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 0
diff changeset
   516
      ui.score.speed(step*1000.0/(tsTo-tsFrom), step);
39
a75cc5aa5d19 Some renaming and reordering.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 38
diff changeset
   517
      ui.game.setMessage("Game over!");
30
1d19768ca71d Highlight AI controls.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 27
diff changeset
   518
      ui.ai.current && ui.ai.current.cleanup();
0
2821cc5e0189 basic implementation
Oleksandr Gavenko <gavenkoa@gmail.com>
parents:
diff changeset
   519
    }
30
1d19768ca71d Highlight AI controls.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 27
diff changeset
   520
    document.getElementById("finish").addEventListener("click", ui.action.finish);
0
2821cc5e0189 basic implementation
Oleksandr Gavenko <gavenkoa@gmail.com>
parents:
diff changeset
   521
10
70ece7f758a0 Move rule and AI engine to separate files.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 7
diff changeset
   522
    ////////////////////////////////////////////////////////////////
70ece7f758a0 Move rule and AI engine to separate files.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 7
diff changeset
   523
    // Register AIs.
0
2821cc5e0189 basic implementation
Oleksandr Gavenko <gavenkoa@gmail.com>
parents:
diff changeset
   524
25
2ef10a49a28f Prepare UI for AI configuration.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 21
diff changeset
   525
    ui.ai = {};
2ef10a49a28f Prepare UI for AI configuration.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 21
diff changeset
   526
    ui.ai.current = null;
2ef10a49a28f Prepare UI for AI configuration.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 21
diff changeset
   527
    ui.ai.algList = {
35
3d56325d7002 Rename AI.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 34
diff changeset
   528
      "ai-blind-random": function() {
3d56325d7002 Rename AI.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 34
diff changeset
   529
        return new ai.blindRandom(ui.brdEngine);
25
2ef10a49a28f Prepare UI for AI configuration.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 21
diff changeset
   530
      },
36
a18fc2601ce8 Add blind eight random AI.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 35
diff changeset
   531
      "ai-blind-weight-random": function(aiDom) {
a18fc2601ce8 Add blind eight random AI.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 35
diff changeset
   532
        var cfg = {};
a18fc2601ce8 Add blind eight random AI.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 35
diff changeset
   533
        cfg.left = aiDom.querySelectorAll("input[name='left']")[0].value;
a18fc2601ce8 Add blind eight random AI.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 35
diff changeset
   534
        cfg.right = aiDom.querySelectorAll("input[name='right']")[0].value;
a18fc2601ce8 Add blind eight random AI.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 35
diff changeset
   535
        cfg.up = aiDom.querySelectorAll("input[name='up']")[0].value;
a18fc2601ce8 Add blind eight random AI.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 35
diff changeset
   536
        cfg.down = aiDom.querySelectorAll("input[name='down']")[0].value;
a18fc2601ce8 Add blind eight random AI.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 35
diff changeset
   537
        return new ai.blindWeightRandom(ui.brdEngine);
a18fc2601ce8 Add blind eight random AI.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 35
diff changeset
   538
      },
27
8f96d09a4d94 Add Blind cycle AI. Add example of setting passing.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 26
diff changeset
   539
      "ai-blind-cycle": function(aiDom) {
8f96d09a4d94 Add Blind cycle AI. Add example of setting passing.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 26
diff changeset
   540
        var cfg = {};
8f96d09a4d94 Add Blind cycle AI. Add example of setting passing.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 26
diff changeset
   541
        cfg.clockwise = aiDom.querySelectorAll("input[name='clockwise']")[0].checked;
8f96d09a4d94 Add Blind cycle AI. Add example of setting passing.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 26
diff changeset
   542
        cfg.whilePossible = aiDom.querySelectorAll("input[name='whilePossible']")[0].checked;
8f96d09a4d94 Add Blind cycle AI. Add example of setting passing.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 26
diff changeset
   543
        return new ai.blindCycle(ui.brdEngine, cfg);
8f96d09a4d94 Add Blind cycle AI. Add example of setting passing.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 26
diff changeset
   544
      },
25
2ef10a49a28f Prepare UI for AI configuration.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 21
diff changeset
   545
      "ai-next-max-score": function() {
2ef10a49a28f Prepare UI for AI configuration.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 21
diff changeset
   546
        return new ai.nextMaxScore(ui.brdEngine);
2ef10a49a28f Prepare UI for AI configuration.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 21
diff changeset
   547
      },
2ef10a49a28f Prepare UI for AI configuration.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 21
diff changeset
   548
      "ai-next-max-value": function() {
2ef10a49a28f Prepare UI for AI configuration.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 21
diff changeset
   549
        return new ai.nextMaxValue(ui.brdEngine);
2ef10a49a28f Prepare UI for AI configuration.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 21
diff changeset
   550
      },
2ef10a49a28f Prepare UI for AI configuration.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 21
diff changeset
   551
      "ai-deep-max-score": function() {
2ef10a49a28f Prepare UI for AI configuration.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 21
diff changeset
   552
        return new ai.deepMaxScore(ui.brdEngine);
2ef10a49a28f Prepare UI for AI configuration.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 21
diff changeset
   553
      },
2ef10a49a28f Prepare UI for AI configuration.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 21
diff changeset
   554
      "ai-deep-max-score-corner": function() {
2ef10a49a28f Prepare UI for AI configuration.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 21
diff changeset
   555
        return new ai.deepMaxScoreCorner(ui.brdEngine);
2ef10a49a28f Prepare UI for AI configuration.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 21
diff changeset
   556
      },
2ef10a49a28f Prepare UI for AI configuration.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 21
diff changeset
   557
      "ai-expectimax": function() {
2ef10a49a28f Prepare UI for AI configuration.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 21
diff changeset
   558
        return new ai.expectimax(ui.brdEngine);
2ef10a49a28f Prepare UI for AI configuration.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 21
diff changeset
   559
      },
2ef10a49a28f Prepare UI for AI configuration.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 21
diff changeset
   560
      // "": function() {
2ef10a49a28f Prepare UI for AI configuration.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 21
diff changeset
   561
      //   return new ai.(ui.brdEngine);
2ef10a49a28f Prepare UI for AI configuration.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 21
diff changeset
   562
      // },
2ef10a49a28f Prepare UI for AI configuration.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 21
diff changeset
   563
    };
2ef10a49a28f Prepare UI for AI configuration.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 21
diff changeset
   564
    ui.ai.domList = document.querySelectorAll('div.ai');
2ef10a49a28f Prepare UI for AI configuration.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 21
diff changeset
   565
    for (var i = 0; i < ui.ai.domList.length; i++) {
2ef10a49a28f Prepare UI for AI configuration.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 21
diff changeset
   566
      ui.ai.domList[i].querySelectorAll('button.ai')[0].addEventListener("click", function (event) {
2ef10a49a28f Prepare UI for AI configuration.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 21
diff changeset
   567
        ui.ai.enable(event.target.parentNode);
2ef10a49a28f Prepare UI for AI configuration.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 21
diff changeset
   568
      });
2ef10a49a28f Prepare UI for AI configuration.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 21
diff changeset
   569
    }
0
2821cc5e0189 basic implementation
Oleksandr Gavenko <gavenkoa@gmail.com>
parents:
diff changeset
   570
25
2ef10a49a28f Prepare UI for AI configuration.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 21
diff changeset
   571
    ui.ai.moveToTop = function(aiDom) {
2ef10a49a28f Prepare UI for AI configuration.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 21
diff changeset
   572
      for (var i = 0; i < ui.ai.domList.length; i++) {
2ef10a49a28f Prepare UI for AI configuration.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 21
diff changeset
   573
        ui.ai.domList[i].classList.remove('enabled');
2ef10a49a28f Prepare UI for AI configuration.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 21
diff changeset
   574
      }
2ef10a49a28f Prepare UI for AI configuration.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 21
diff changeset
   575
      var rootDom = aiDom.parentNode;
2ef10a49a28f Prepare UI for AI configuration.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 21
diff changeset
   576
      rootDom.removeChild(aiDom);
2ef10a49a28f Prepare UI for AI configuration.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 21
diff changeset
   577
      rootDom.insertBefore(aiDom, rootDom.firstChild);
2ef10a49a28f Prepare UI for AI configuration.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 21
diff changeset
   578
      aiDom.classList.add('enabled');
2ef10a49a28f Prepare UI for AI configuration.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 21
diff changeset
   579
    }
2ef10a49a28f Prepare UI for AI configuration.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 21
diff changeset
   580
    ui.ai.enable = function(aiDom) {
2ef10a49a28f Prepare UI for AI configuration.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 21
diff changeset
   581
      if (ui.ai.current)
2ef10a49a28f Prepare UI for AI configuration.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 21
diff changeset
   582
        ui.ai.current.cleanup();
2ef10a49a28f Prepare UI for AI configuration.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 21
diff changeset
   583
      ui.ai.moveToTop(aiDom);
27
8f96d09a4d94 Add Blind cycle AI. Add example of setting passing.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 26
diff changeset
   584
      ui.ai.current = ui.ai.algList[aiDom.id](aiDom);
25
2ef10a49a28f Prepare UI for AI configuration.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 21
diff changeset
   585
    }
2ef10a49a28f Prepare UI for AI configuration.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 21
diff changeset
   586
2ef10a49a28f Prepare UI for AI configuration.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 21
diff changeset
   587
    ui.brdEngine = BoardArr2d; // TODO make user selectable
0
2821cc5e0189 basic implementation
Oleksandr Gavenko <gavenkoa@gmail.com>
parents:
diff changeset
   588
41
359719178176 Reorganise code. Warn about uninitialised AI.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 40
diff changeset
   589
    if (localStorage.savedBoard) {
42
716508d5494c Save board between browser sessions.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 41
diff changeset
   590
      try {
716508d5494c Save board between browser sessions.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 41
diff changeset
   591
        board.current = JSON.parse(localStorage.savedBoard);
716508d5494c Save board between browser sessions.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 41
diff changeset
   592
        ui.board.update(board.current);
716508d5494c Save board between browser sessions.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 41
diff changeset
   593
      } catch (ex) { }
41
359719178176 Reorganise code. Warn about uninitialised AI.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 40
diff changeset
   594
    } else {
359719178176 Reorganise code. Warn about uninitialised AI.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 40
diff changeset
   595
      ui.action.start();
359719178176 Reorganise code. Warn about uninitialised AI.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 40
diff changeset
   596
    }
32
f48151863cdf Start game after page load.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 31
diff changeset
   597
0
2821cc5e0189 basic implementation
Oleksandr Gavenko <gavenkoa@gmail.com>
parents:
diff changeset
   598
  </script>
2821cc5e0189 basic implementation
Oleksandr Gavenko <gavenkoa@gmail.com>
parents:
diff changeset
   599
  
2821cc5e0189 basic implementation
Oleksandr Gavenko <gavenkoa@gmail.com>
parents:
diff changeset
   600
</body>
2821cc5e0189 basic implementation
Oleksandr Gavenko <gavenkoa@gmail.com>
parents:
diff changeset
   601
</html>