2048-js-ai: 2048.html@7b9d1bb9c471 (annotated)

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	}
71 aa0240db128a Show statistic reports. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 70 diff changeset	51	div.ai, div.settings, div#reports {
25 2ef10a49a28f Prepare UI for AI configuration. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 21 diff changeset	52	border: 1px red solid;
2ef10a49a28f Prepare UI for AI configuration. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 21 diff changeset	53	margin-top: 20px;
2ef10a49a28f Prepare UI for AI configuration. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 21 diff changeset	54	padding: 2px;
2ef10a49a28f Prepare UI for AI configuration. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 21 diff changeset	55	position: relative;
2ef10a49a28f Prepare UI for AI configuration. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 21 diff changeset	56	background-color: cornsilk;
2ef10a49a28f Prepare UI for AI configuration. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 21 diff changeset	57	}
2ef10a49a28f Prepare UI for AI configuration. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 21 diff changeset	58	div.ai.enabled {
2ef10a49a28f Prepare UI for AI configuration. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 21 diff changeset	59	background-color: wheat;
2ef10a49a28f Prepare UI for AI configuration. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 21 diff changeset	60	}
75 ab74c80beffd Add score, turn and speed statistic selection. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 74 diff changeset	61	div.ai > h5 {
27 8f96d09a4d94 Add Blind cycle AI. Add example of setting passing. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 26 diff changeset	62	margin: 2px 0 2px 6em;
25 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	button.ai {
2ef10a49a28f Prepare UI for AI configuration. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 21 diff changeset	65	position: absolute;
2ef10a49a28f Prepare UI for AI configuration. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 21 diff changeset	66	left: 1em;
2ef10a49a28f Prepare UI for AI configuration. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 21 diff changeset	67	top: -1em;
2ef10a49a28f Prepare UI for AI configuration. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 21 diff changeset	68	}
98 eb4f89e2a001 Clean statistics button. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 97 diff changeset	69	button#statistic, button#statistic-clean {
62 a8e4d8a808c1 Add statistic area. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 61 diff changeset	70	display: inline-block;
a8e4d8a808c1 Add statistic area. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 61 diff changeset	71	float: left;
a8e4d8a808c1 Add statistic area. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 61 diff changeset	72	margin: 3px 4px;
a8e4d8a808c1 Add statistic area. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 61 diff changeset	73	}
71 aa0240db128a Show statistic reports. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 70 diff changeset	74	div.ai > div.option, div.setting, div.report {
27 8f96d09a4d94 Add Blind cycle AI. Add example of setting passing. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 26 diff changeset	75	display: inline-block;
8f96d09a4d94 Add Blind cycle AI. Add example of setting passing. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 26 diff changeset	76	margin: 1px 4px;
36 a18fc2601ce8 Add blind eight random AI. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 35 diff changeset	77	padding: 2px;
a18fc2601ce8 Add blind eight random AI. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 35 diff changeset	78	border: 1px solid tan;
a18fc2601ce8 Add blind eight random AI. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 35 diff changeset	79	border-radius: 4px;
a18fc2601ce8 Add blind eight random AI. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 35 diff changeset	80	}
100 40a3a4247e8b Fix report floating. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 99 diff changeset	81	div.ai > div.option, div.setting {
40a3a4247e8b Fix report floating. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 99 diff changeset	82	float: left;
40a3a4247e8b Fix report floating. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 99 diff changeset	83	}
94 8bbd7570f437 Iterate by AI until score or max value occur. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 88 diff changeset	84	div.ai > div.option > input.positive, div.settings > div.setting > input, div.ai-control input.positive {
36 a18fc2601ce8 Add blind eight random AI. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 35 diff changeset	85	text-align: right;
a18fc2601ce8 Add blind eight random AI. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 35 diff changeset	86	max-width: 4em;
61 eed17c93d420 Fix: Unknown property 'margin-rght'. Declaration dropped. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 59 diff changeset	87	margin-right: 2px;
27 8f96d09a4d94 Add Blind cycle AI. Add example of setting passing. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 26 diff changeset	88	}
8f96d09a4d94 Add Blind cycle AI. Add example of setting passing. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 26 diff changeset	89	.clearfix {
8f96d09a4d94 Add Blind cycle AI. Add example of setting passing. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 26 diff changeset	90	clear: both;
8f96d09a4d94 Add Blind cycle AI. Add example of setting passing. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 26 diff changeset	91	}
31 9de51a02b039 Visualise buttons. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 30 diff changeset	92	#test {
9de51a02b039 Visualise buttons. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 30 diff changeset	93	display: none;
9de51a02b039 Visualise buttons. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 30 diff changeset	94	}
75 ab74c80beffd Add score, turn and speed statistic selection. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 74 diff changeset	95	div.report > h5 {
ab74c80beffd Add score, turn and speed statistic selection. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 74 diff changeset	96	margin: 2px 0;
ab74c80beffd Add score, turn and speed statistic selection. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 74 diff changeset	97	}
71 aa0240db128a Show statistic reports. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 70 diff changeset	98	table.report-by-maxval {
aa0240db128a Show statistic reports. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 70 diff changeset	99	border-collapse: collapse;
aa0240db128a Show statistic reports. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 70 diff changeset	100	margin: 2px;
73 a50828ac954d Remove code duplication. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 72 diff changeset	101	font-size: 10pt;
71 aa0240db128a Show statistic reports. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 70 diff changeset	102	}
aa0240db128a Show statistic reports. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 70 diff changeset	103	table.report-by-maxval > tr > th {
aa0240db128a Show statistic reports. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 70 diff changeset	104	border: 2px solid green;
aa0240db128a Show statistic reports. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 70 diff changeset	105	padding: 2px;
aa0240db128a Show statistic reports. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 70 diff changeset	106	}
aa0240db128a Show statistic reports. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 70 diff changeset	107	table.report-by-maxval > tr > td {
aa0240db128a Show statistic reports. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 70 diff changeset	108	border: 1px solid green;
aa0240db128a Show statistic reports. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 70 diff changeset	109	padding: 2px;
aa0240db128a Show statistic reports. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 70 diff changeset	110	}
74 93cb48b73b39 Enable config for expectimax. Fix weight function for expectimax. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 73 diff changeset	111	table.report-by-maxval > tr > td:nth-child(3) {
93cb48b73b39 Enable config for expectimax. Fix weight function for expectimax. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 73 diff changeset	112	background-color: yellow;
93cb48b73b39 Enable config for expectimax. Fix weight function for expectimax. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 73 diff changeset	113	}
0 2821cc5e0189 basic implementation Oleksandr Gavenko <gavenkoa@gmail.com> parents: diff changeset	114	</style>
2821cc5e0189 basic implementation Oleksandr Gavenko <gavenkoa@gmail.com> parents: diff changeset	115	</head>
2821cc5e0189 basic implementation Oleksandr Gavenko <gavenkoa@gmail.com> parents: diff changeset	116	<body>
2821cc5e0189 basic implementation Oleksandr Gavenko <gavenkoa@gmail.com> parents: diff changeset	117
88 97acd9f4288b Fix navigation header. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 86 diff changeset	118	<div class="area">[ <a href="README.html">About</a> \| <a href="CHANGES.html">Changes</a> \| <a href="HACKING.html">Hacking</a> \| <a href="AUTHORS.html">Authors</a> ]</div>
77 c2bad6178c65 Add project docs. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 75 diff changeset	119
0 2821cc5e0189 basic implementation Oleksandr Gavenko <gavenkoa@gmail.com> parents: diff changeset	120	<h1>2048</h1>
2821cc5e0189 basic implementation Oleksandr Gavenko <gavenkoa@gmail.com> parents: diff changeset	121
33 f1bbe12e2c3d Highlight score area. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 32 diff changeset	122	<div id="score-area" class="area">
f1bbe12e2c3d Highlight score area. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 32 diff changeset	123	<div class="score-conrol">
f1bbe12e2c3d Highlight score area. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 32 diff changeset	124	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	125	</div>
f1bbe12e2c3d Highlight score area. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 32 diff changeset	126	</div>
0 2821cc5e0189 basic implementation Oleksandr Gavenko <gavenkoa@gmail.com> parents: diff changeset	127
4 732aef931a9e Report mockup. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 3 diff changeset	128	<div id="message-area" class="area"></div>
0 2821cc5e0189 basic implementation Oleksandr Gavenko <gavenkoa@gmail.com> parents: diff changeset	129
2821cc5e0189 basic implementation Oleksandr Gavenko <gavenkoa@gmail.com> parents: diff changeset	130	<table id="board">
2821cc5e0189 basic implementation Oleksandr Gavenko <gavenkoa@gmail.com> parents: diff changeset	131	<tr>
2821cc5e0189 basic implementation Oleksandr Gavenko <gavenkoa@gmail.com> parents: diff changeset	132	<td></td>
2821cc5e0189 basic implementation Oleksandr Gavenko <gavenkoa@gmail.com> parents: diff changeset	133	<td></td>
2821cc5e0189 basic implementation Oleksandr Gavenko <gavenkoa@gmail.com> parents: diff changeset	134	<td></td>
2821cc5e0189 basic implementation Oleksandr Gavenko <gavenkoa@gmail.com> parents: diff changeset	135	<td></td>
2821cc5e0189 basic implementation Oleksandr Gavenko <gavenkoa@gmail.com> parents: diff changeset	136	</tr>
2821cc5e0189 basic implementation Oleksandr Gavenko <gavenkoa@gmail.com> parents: diff changeset	137	<tr>
2821cc5e0189 basic implementation Oleksandr Gavenko <gavenkoa@gmail.com> parents: diff changeset	138	<td></td>
2821cc5e0189 basic implementation Oleksandr Gavenko <gavenkoa@gmail.com> parents: diff changeset	139	<td></td>
2821cc5e0189 basic implementation Oleksandr Gavenko <gavenkoa@gmail.com> parents: diff changeset	140	<td></td>
2821cc5e0189 basic implementation Oleksandr Gavenko <gavenkoa@gmail.com> parents: diff changeset	141	<td></td>
2821cc5e0189 basic implementation Oleksandr Gavenko <gavenkoa@gmail.com> parents: diff changeset	142	</tr>
2821cc5e0189 basic implementation Oleksandr Gavenko <gavenkoa@gmail.com> parents: diff changeset	143	<tr>
2821cc5e0189 basic implementation Oleksandr Gavenko <gavenkoa@gmail.com> parents: diff changeset	144	<td></td>
2821cc5e0189 basic implementation Oleksandr Gavenko <gavenkoa@gmail.com> parents: diff changeset	145	<td></td>
2821cc5e0189 basic implementation Oleksandr Gavenko <gavenkoa@gmail.com> parents: diff changeset	146	<td></td>
2821cc5e0189 basic implementation Oleksandr Gavenko <gavenkoa@gmail.com> parents: diff changeset	147	<td></td>
2821cc5e0189 basic implementation Oleksandr Gavenko <gavenkoa@gmail.com> parents: diff changeset	148	</tr>
2821cc5e0189 basic implementation Oleksandr Gavenko <gavenkoa@gmail.com> parents: diff changeset	149	<tr>
2821cc5e0189 basic implementation Oleksandr Gavenko <gavenkoa@gmail.com> parents: diff changeset	150	<td></td>
2821cc5e0189 basic implementation Oleksandr Gavenko <gavenkoa@gmail.com> parents: diff changeset	151	<td></td>
2821cc5e0189 basic implementation Oleksandr Gavenko <gavenkoa@gmail.com> parents: diff changeset	152	<td></td>
2821cc5e0189 basic implementation Oleksandr Gavenko <gavenkoa@gmail.com> parents: diff changeset	153	<td></td>
2821cc5e0189 basic implementation Oleksandr Gavenko <gavenkoa@gmail.com> parents: diff changeset	154	</tr>
2821cc5e0189 basic implementation Oleksandr Gavenko <gavenkoa@gmail.com> parents: diff changeset	155	</table>
2821cc5e0189 basic implementation Oleksandr Gavenko <gavenkoa@gmail.com> parents: diff changeset	156
4 732aef931a9e Report mockup. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 3 diff changeset	157	<div id="control-area" class="area">
0 2821cc5e0189 basic implementation Oleksandr Gavenko <gavenkoa@gmail.com> parents: diff changeset	158	<div>
2821cc5e0189 basic implementation Oleksandr Gavenko <gavenkoa@gmail.com> parents: diff changeset	159	<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	160	<span><input type="checkbox" id="2048" checked> 2048</span>
30 1d19768ca71d Highlight AI controls. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 27 diff changeset	161	</div>
1d19768ca71d Highlight AI controls. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 27 diff changeset	162	<div class="ai-control">
1d19768ca71d Highlight AI controls. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 27 diff changeset	163	<button id="suggest">Suggest</button>
0 2821cc5e0189 basic implementation Oleksandr Gavenko <gavenkoa@gmail.com> parents: diff changeset	164	<button id="step">Step</button>
2821cc5e0189 basic implementation Oleksandr Gavenko <gavenkoa@gmail.com> parents: diff changeset	165	<button id="finish">Finish</button>
2821cc5e0189 basic implementation Oleksandr Gavenko <gavenkoa@gmail.com> parents: diff changeset	166	</div>
94 8bbd7570f437 Iterate by AI until score or max value occur. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 88 diff changeset	167	<div class="ai-control">
8bbd7570f437 Iterate by AI until score or max value occur. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 88 diff changeset	168	<button id="until">Continue</button>
8bbd7570f437 Iterate by AI until score or max value occur. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 88 diff changeset	169	until <input type="text" class="positive" id="until-score" value="10000"> score
8bbd7570f437 Iterate by AI until score or max value occur. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 88 diff changeset	170	and <input type="text" class="positive" id="until-max-value" value="9"> max value
8bbd7570f437 Iterate by AI until score or max value occur. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 88 diff changeset	171	</div>
31 9de51a02b039 Visualise buttons. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 30 diff changeset	172	<div class="clearfix"></div>
9de51a02b039 Visualise buttons. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 30 diff changeset	173	<div class="move-control">
9de51a02b039 Visualise buttons. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 30 diff changeset	174	<table>
9de51a02b039 Visualise buttons. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 30 diff changeset	175	<tr>
63 251c39718d67 Replace words with arrows to show directions. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 62 diff changeset	176	<td></td><td><button id="up">↑</button></td><td></td>
31 9de51a02b039 Visualise buttons. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 30 diff changeset	177	</tr>
9de51a02b039 Visualise buttons. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 30 diff changeset	178	<tr>
63 251c39718d67 Replace words with arrows to show directions. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 62 diff changeset	179	<td><button id="left">←</button></td><td><button id="down">↓</button></td><td><button id="right">→</button></td>
31 9de51a02b039 Visualise buttons. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 30 diff changeset	180	</tr>
9de51a02b039 Visualise buttons. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 30 diff changeset	181	</table>
12 a9a44cfc3e08 Moves for 2d array board + test toolkit. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 11 diff changeset	182	<button id="test">test</button>
0 2821cc5e0189 basic implementation Oleksandr Gavenko <gavenkoa@gmail.com> parents: diff changeset	183	</div>
25 2ef10a49a28f Prepare UI for AI configuration. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 21 diff changeset	184	<h1>AIs</h1>
0 2821cc5e0189 basic implementation Oleksandr Gavenko <gavenkoa@gmail.com> parents: diff changeset	185	<div>
35 3d56325d7002 Rename AI. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 34 diff changeset	186	<div class="ai" id="ai-blind-random">
25 2ef10a49a28f Prepare UI for AI configuration. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 21 diff changeset	187	<button class="ai">enable</button>
2ef10a49a28f Prepare UI for AI configuration. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 21 diff changeset	188	<h5>bling random</h5>
2ef10a49a28f Prepare UI for AI configuration. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 21 diff changeset	189	</div>
36 a18fc2601ce8 Add blind eight random AI. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 35 diff changeset	190	<div class="ai" id="ai-blind-weight-random">
a18fc2601ce8 Add blind eight random AI. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 35 diff changeset	191	<button class="ai">enable</button>
a18fc2601ce8 Add blind eight random AI. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 35 diff changeset	192	<h5>bling weight random</h5>
a18fc2601ce8 Add blind eight random AI. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 35 diff changeset	193	<div class="option">
55 8ba9dc89be87 Automatically extract config from DOM. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 53 diff changeset	194	<input type="text" name="left" class="positive" pattern="[0-9][.]?[0-9]" value="1"/> left weight
36 a18fc2601ce8 Add blind eight random AI. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 35 diff changeset	195	</div>
a18fc2601ce8 Add blind eight random AI. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 35 diff changeset	196	<div class="option">
104 47d42234dd5c Set better coefficient for blind-weight-random AI. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 103 diff changeset	197	<input type="text" name="right" class="positive" pattern="[0-9][.]?[0-9]" value="16"/> right weight
36 a18fc2601ce8 Add blind eight random AI. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 35 diff changeset	198	</div>
a18fc2601ce8 Add blind eight random AI. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 35 diff changeset	199	<div class="option">
104 47d42234dd5c Set better coefficient for blind-weight-random AI. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 103 diff changeset	200	<input type="text" name="up" class="positive" pattern="[0-9][.]?[0-9]" value="4"/> up weight
36 a18fc2601ce8 Add blind eight random AI. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 35 diff changeset	201	</div>
a18fc2601ce8 Add blind eight random AI. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 35 diff changeset	202	<div class="option">
104 47d42234dd5c Set better coefficient for blind-weight-random AI. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 103 diff changeset	203	<input type="text" name="down" class="positive" pattern="[0-9][.]?[0-9]" value="8"/> down weight
36 a18fc2601ce8 Add blind eight random AI. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 35 diff changeset	204	</div>
a18fc2601ce8 Add blind eight random AI. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 35 diff changeset	205	<div class="clearfix"></div>
a18fc2601ce8 Add blind eight random AI. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 35 diff changeset	206	</div>
27 8f96d09a4d94 Add Blind cycle AI. Add example of setting passing. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 26 diff changeset	207	<div class="ai" id="ai-blind-cycle">
25 2ef10a49a28f Prepare UI for AI configuration. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 21 diff changeset	208	<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	209	<h5>blind cycle</h5>
8f96d09a4d94 Add Blind cycle AI. Add example of setting passing. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 26 diff changeset	210	<div class="option">
8f96d09a4d94 Add Blind cycle AI. Add example of setting passing. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 26 diff changeset	211	<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	212	</div>
8f96d09a4d94 Add Blind cycle AI. Add example of setting passing. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 26 diff changeset	213	<div class="option">
8f96d09a4d94 Add Blind cycle AI. Add example of setting passing. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 26 diff changeset	214	<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	215	</div>
8f96d09a4d94 Add Blind cycle AI. Add example of setting passing. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 26 diff changeset	216	<div class="clearfix"></div>
25 2ef10a49a28f Prepare UI for AI configuration. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 21 diff changeset	217	</div>
99 df4736e659f2 Rename AI. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 98 diff changeset	218	<div class="ai" id="ai-one-step-ahead">
25 2ef10a49a28f Prepare UI for AI configuration. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 21 diff changeset	219	<button class="ai">enable</button>
99 df4736e659f2 Rename AI. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 98 diff changeset	220	<h5>one step ahead</h5>
53 ee53cd2cb69a Join all one step deep AIs into one with linear weight function. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 52 diff changeset	221	<div class="option">
55 8ba9dc89be87 Automatically extract config from DOM. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 53 diff changeset	222	<input type="text" name="scoreCoef" class="positive" pattern="[0-9][.]?[0-9]" value="1"/> score weight
53 ee53cd2cb69a Join all one step deep AIs into one with linear weight function. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 52 diff changeset	223	</div>
ee53cd2cb69a Join all one step deep AIs into one with linear weight function. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 52 diff changeset	224	<div class="option">
55 8ba9dc89be87 Automatically extract config from DOM. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 53 diff changeset	225	<input type="text" name="maxValCoef" class="positive" pattern="[0-9][.]?[0-9]" value="0"/> max value weight
53 ee53cd2cb69a Join all one step deep AIs into one with linear weight function. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 52 diff changeset	226	</div>
ee53cd2cb69a Join all one step deep AIs into one with linear weight function. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 52 diff changeset	227	<div class="option">
55 8ba9dc89be87 Automatically extract config from DOM. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 53 diff changeset	228	<input type="text" name="cornerBonus" class="positive" pattern="[0-9][.]?[0-9]" value="100"/> max value at corner bonus
53 ee53cd2cb69a Join all one step deep AIs into one with linear weight function. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 52 diff changeset	229	</div>
ee53cd2cb69a Join all one step deep AIs into one with linear weight function. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 52 diff changeset	230	<div class="option">
55 8ba9dc89be87 Automatically extract config from DOM. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 53 diff changeset	231	<input type="text" name="edgeBonus" class="positive" pattern="[0-9][.]?[0-9]" value="0"/> max value at edge bonus
53 ee53cd2cb69a Join all one step deep AIs into one with linear weight function. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 52 diff changeset	232	</div>
ee53cd2cb69a Join all one step deep AIs into one with linear weight function. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 52 diff changeset	233	<div class="option">
55 8ba9dc89be87 Automatically extract config from DOM. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 53 diff changeset	234	<input type="text" name="freeBonus" class="positive" pattern="[0-9][.]?[0-9]" value="10"/> free cell coefficient
53 ee53cd2cb69a Join all one step deep AIs into one with linear weight function. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 52 diff changeset	235	</div>
ee53cd2cb69a Join all one step deep AIs into one with linear weight function. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 52 diff changeset	236	<div class="clearfix"></div>
25 2ef10a49a28f Prepare UI for AI configuration. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 21 diff changeset	237	</div>
110 e3a91b336976 Join N level deep on score value without random simulation AIs and add Oleksandr Gavenko <gavenkoa@gmail.com> parents: 104 diff changeset	238	<div class="ai" id="ai-static-deep-merges">
25 2ef10a49a28f Prepare UI for AI configuration. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 21 diff changeset	239	<button class="ai">enable</button>
110 e3a91b336976 Join N level deep on score value without random simulation AIs and add Oleksandr Gavenko <gavenkoa@gmail.com> parents: 104 diff changeset	240	<h5>deep merges without random simulation</h5>
e3a91b336976 Join N level deep on score value without random simulation AIs and add Oleksandr Gavenko <gavenkoa@gmail.com> parents: 104 diff changeset	241	<div class="option">
e3a91b336976 Join N level deep on score value without random simulation AIs and add Oleksandr Gavenko <gavenkoa@gmail.com> parents: 104 diff changeset	242	<input type="text" name="scoreCoef" class="positive" pattern="[0-9][.]?[0-9]" value="1"/> score weight
e3a91b336976 Join N level deep on score value without random simulation AIs and add Oleksandr Gavenko <gavenkoa@gmail.com> parents: 104 diff changeset	243	</div>
e3a91b336976 Join N level deep on score value without random simulation AIs and add Oleksandr Gavenko <gavenkoa@gmail.com> parents: 104 diff changeset	244	<div class="option">
e3a91b336976 Join N level deep on score value without random simulation AIs and add Oleksandr Gavenko <gavenkoa@gmail.com> parents: 104 diff changeset	245	<input type="text" name="maxValCoef" class="positive" pattern="[0-9][.]?[0-9]" value="0"/> max value weight
e3a91b336976 Join N level deep on score value without random simulation AIs and add Oleksandr Gavenko <gavenkoa@gmail.com> parents: 104 diff changeset	246	</div>
e3a91b336976 Join N level deep on score value without random simulation AIs and add Oleksandr Gavenko <gavenkoa@gmail.com> parents: 104 diff changeset	247	<div class="option">
e3a91b336976 Join N level deep on score value without random simulation AIs and add Oleksandr Gavenko <gavenkoa@gmail.com> parents: 104 diff changeset	248	<input type="text" name="cornerBonus" class="positive" pattern="[0-9][.]?[0-9]" value="100"/> max value at corner bonus
e3a91b336976 Join N level deep on score value without random simulation AIs and add Oleksandr Gavenko <gavenkoa@gmail.com> parents: 104 diff changeset	249	</div>
e3a91b336976 Join N level deep on score value without random simulation AIs and add Oleksandr Gavenko <gavenkoa@gmail.com> parents: 104 diff changeset	250	<div class="option">
e3a91b336976 Join N level deep on score value without random simulation AIs and add Oleksandr Gavenko <gavenkoa@gmail.com> parents: 104 diff changeset	251	<input type="text" name="edgeBonus" class="positive" pattern="[0-9][.]?[0-9]" value="0"/> max value at edge bonus
e3a91b336976 Join N level deep on score value without random simulation AIs and add Oleksandr Gavenko <gavenkoa@gmail.com> parents: 104 diff changeset	252	</div>
e3a91b336976 Join N level deep on score value without random simulation AIs and add Oleksandr Gavenko <gavenkoa@gmail.com> parents: 104 diff changeset	253	<div class="option">
e3a91b336976 Join N level deep on score value without random simulation AIs and add Oleksandr Gavenko <gavenkoa@gmail.com> parents: 104 diff changeset	254	<input type="text" name="freeBonus" class="positive" pattern="[0-9][.]?[0-9]" value="10"/> free cell coefficient
e3a91b336976 Join N level deep on score value without random simulation AIs and add Oleksandr Gavenko <gavenkoa@gmail.com> parents: 104 diff changeset	255	</div>
e3a91b336976 Join N level deep on score value without random simulation AIs and add Oleksandr Gavenko <gavenkoa@gmail.com> parents: 104 diff changeset	256	<div class="option">
e3a91b336976 Join N level deep on score value without random simulation AIs and add Oleksandr Gavenko <gavenkoa@gmail.com> parents: 104 diff changeset	257	<input type="text" name="weightThreshold" class="positive" pattern="[0-9][.]?[0-9]" value="10"/> score threshold
e3a91b336976 Join N level deep on score value without random simulation AIs and add Oleksandr Gavenko <gavenkoa@gmail.com> parents: 104 diff changeset	258	</div>
e3a91b336976 Join N level deep on score value without random simulation AIs and add Oleksandr Gavenko <gavenkoa@gmail.com> parents: 104 diff changeset	259	<div class="clearfix"></div>
25 2ef10a49a28f Prepare UI for AI configuration. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 21 diff changeset	260	</div>
2ef10a49a28f Prepare UI for AI configuration. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 21 diff changeset	261	<div class="ai" id="ai-expectimax">
2ef10a49a28f Prepare UI for AI configuration. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 21 diff changeset	262	<button class="ai">enable</button>
2ef10a49a28f Prepare UI for AI configuration. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 21 diff changeset	263	<h5>expectimax</h5>
74 93cb48b73b39 Enable config for expectimax. Fix weight function for expectimax. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 73 diff changeset	264	<div class="option">
93cb48b73b39 Enable config for expectimax. Fix weight function for expectimax. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 73 diff changeset	265	<input type="text" name="depth" class="positive" pattern="[0-9]*" value="3"/> recursion depth
93cb48b73b39 Enable config for expectimax. Fix weight function for expectimax. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 73 diff changeset	266	</div>
93cb48b73b39 Enable config for expectimax. Fix weight function for expectimax. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 73 diff changeset	267	<div class="option">
93cb48b73b39 Enable config for expectimax. Fix weight function for expectimax. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 73 diff changeset	268	<input type="text" name="balance" class="positive" pattern="[0-9][.]?[0-9]" value=".9"/> probability of 2
93cb48b73b39 Enable config for expectimax. Fix weight function for expectimax. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 73 diff changeset	269	</div>
93cb48b73b39 Enable config for expectimax. Fix weight function for expectimax. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 73 diff changeset	270	<div class="option">
93cb48b73b39 Enable config for expectimax. Fix weight function for expectimax. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 73 diff changeset	271	<input type="text" name="scoreCoef" class="positive" pattern="[0-9][.]?[0-9]" value="1"/> score weight
93cb48b73b39 Enable config for expectimax. Fix weight function for expectimax. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 73 diff changeset	272	</div>
93cb48b73b39 Enable config for expectimax. Fix weight function for expectimax. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 73 diff changeset	273	<div class="option">
93cb48b73b39 Enable config for expectimax. Fix weight function for expectimax. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 73 diff changeset	274	<input type="text" name="maxValCoef" class="positive" pattern="[0-9][.]?[0-9]" value="0"/> max value weight
93cb48b73b39 Enable config for expectimax. Fix weight function for expectimax. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 73 diff changeset	275	</div>
93cb48b73b39 Enable config for expectimax. Fix weight function for expectimax. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 73 diff changeset	276	<div class="option">
93cb48b73b39 Enable config for expectimax. Fix weight function for expectimax. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 73 diff changeset	277	<input type="text" name="cornerBonus" class="positive" pattern="[0-9][.]?[0-9]" value="100"/> max value at corner bonus
93cb48b73b39 Enable config for expectimax. Fix weight function for expectimax. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 73 diff changeset	278	</div>
93cb48b73b39 Enable config for expectimax. Fix weight function for expectimax. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 73 diff changeset	279	<div class="option">
93cb48b73b39 Enable config for expectimax. Fix weight function for expectimax. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 73 diff changeset	280	<input type="text" name="edgeBonus" class="positive" pattern="[0-9][.]?[0-9]" value="0"/> max value at edge bonus
93cb48b73b39 Enable config for expectimax. Fix weight function for expectimax. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 73 diff changeset	281	</div>
93cb48b73b39 Enable config for expectimax. Fix weight function for expectimax. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 73 diff changeset	282	<div class="option">
93cb48b73b39 Enable config for expectimax. Fix weight function for expectimax. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 73 diff changeset	283	<input type="text" name="freeBonus" class="positive" pattern="[0-9][.]?[0-9]" value="10"/> free cell coefficient
93cb48b73b39 Enable config for expectimax. Fix weight function for expectimax. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 73 diff changeset	284	</div>
93cb48b73b39 Enable config for expectimax. Fix weight function for expectimax. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 73 diff changeset	285	<div class="clearfix"></div>
25 2ef10a49a28f Prepare UI for AI configuration. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 21 diff changeset	286	</div>
0 2821cc5e0189 basic implementation Oleksandr Gavenko <gavenkoa@gmail.com> parents: diff changeset	287	</div>
2821cc5e0189 basic implementation Oleksandr Gavenko <gavenkoa@gmail.com> parents: diff changeset	288	</div>
2821cc5e0189 basic implementation Oleksandr Gavenko <gavenkoa@gmail.com> parents: diff changeset	289
100 40a3a4247e8b Fix report floating. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 99 diff changeset	290	<div id="report-area">
4 732aef931a9e Report mockup. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 3 diff changeset	291	<h1>Reports</h1>
62 a8e4d8a808c1 Add statistic area. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 61 diff changeset	292	<div class="settings">
70 01076b56feae Fix histogram calculation. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 69 diff changeset	293	<div class="setting"><input type="text" id="stat-count-limit" value="100"> times</div>
64 96e997158562 Gather game statistic. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 63 diff changeset	294	<div class="setting">limit to <input type="text" id="stat-time-limit" value="10"> sec</div>
62 a8e4d8a808c1 Add statistic area. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 61 diff changeset	295	<button id="statistic">Start</button>
98 eb4f89e2a001 Clean statistics button. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 97 diff changeset	296	<button id="statistic-clean">Clean</button>
75 ab74c80beffd Add score, turn and speed statistic selection. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 74 diff changeset	297	<div class="setting"><input type="checkbox" id="report-score"/> score</div>
ab74c80beffd Add score, turn and speed statistic selection. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 74 diff changeset	298	<div class="setting"><input type="checkbox" id="report-turn"/> turn</div>
ab74c80beffd Add score, turn and speed statistic selection. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 74 diff changeset	299	<div class="setting"><input type="checkbox" id="report-speed"/> speed</div>
62 a8e4d8a808c1 Add statistic area. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 61 diff changeset	300	<div class="clearfix"></div>
a8e4d8a808c1 Add statistic area. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 61 diff changeset	301	</div>
71 aa0240db128a Show statistic reports. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 70 diff changeset	302	<div id="reports">
aa0240db128a Show statistic reports. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 70 diff changeset	303	<div class="clearfix"></div>
4 732aef931a9e Report mockup. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 3 diff changeset	304	</div>
732aef931a9e Report mockup. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 3 diff changeset	305	</div>
732aef931a9e Report mockup. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 3 diff changeset	306
0 2821cc5e0189 basic implementation Oleksandr Gavenko <gavenkoa@gmail.com> parents: diff changeset	307	<script>
2821cc5e0189 basic implementation Oleksandr Gavenko <gavenkoa@gmail.com> parents: diff changeset	308	"use strict";
2821cc5e0189 basic implementation Oleksandr Gavenko <gavenkoa@gmail.com> parents: diff changeset	309
73 a50828ac954d Remove code duplication. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 72 diff changeset	310	var ui = {};
a50828ac954d Remove code duplication. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 72 diff changeset	311
a50828ac954d Remove code duplication. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 72 diff changeset	312	////////////////////////////////////////////////////////////////
a50828ac954d Remove code duplication. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 72 diff changeset	313	// UI widgets.
a50828ac954d Remove code duplication. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 72 diff changeset	314
a50828ac954d Remove code duplication. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 72 diff changeset	315	ui.dom = {};
98 eb4f89e2a001 Clean statistics button. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 97 diff changeset	316	ui.dom.clearfix = function() {
eb4f89e2a001 Clean statistics button. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 97 diff changeset	317	var divDom = document.createElement('div');
eb4f89e2a001 Clean statistics button. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 97 diff changeset	318	divDom.classList.add("clearfix");
eb4f89e2a001 Clean statistics button. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 97 diff changeset	319	return divDom;
eb4f89e2a001 Clean statistics button. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 97 diff changeset	320	}
73 a50828ac954d Remove code duplication. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 72 diff changeset	321	ui.dom.table = function(tbl, cols, cfg) {
a50828ac954d Remove code duplication. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 72 diff changeset	322	var tableDom = document.createElement('table');
102 6c057ac86c97 Show AI config in report as title. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 101 diff changeset	323	if (typeof cfg.tblClass === 'string')
6c057ac86c97 Show AI config in report as title. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 101 diff changeset	324	tableDom.classList.add(cfg.tblClass);
6c057ac86c97 Show AI config in report as title. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 101 diff changeset	325	if (typeof cfg.tblTitle === 'string')
6c057ac86c97 Show AI config in report as title. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 101 diff changeset	326	tableDom.title = cfg.tblTitle;
73 a50828ac954d Remove code duplication. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 72 diff changeset	327	var trDom = document.createElement('tr');
a50828ac954d Remove code duplication. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 72 diff changeset	328	for (var i = 0; i < cols.length; i++) {
a50828ac954d Remove code duplication. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 72 diff changeset	329	var thDom = document.createElement('td');
a50828ac954d Remove code duplication. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 72 diff changeset	330	thDom.appendChild(document.createTextNode(cols[i]));
a50828ac954d Remove code duplication. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 72 diff changeset	331	trDom.appendChild(thDom);
a50828ac954d Remove code duplication. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 72 diff changeset	332	}
a50828ac954d Remove code duplication. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 72 diff changeset	333	tableDom.appendChild(trDom);
a50828ac954d Remove code duplication. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 72 diff changeset	334	for (var i = 0; i < tbl.length; i++) {
a50828ac954d Remove code duplication. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 72 diff changeset	335	var row = tbl[i];
a50828ac954d Remove code duplication. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 72 diff changeset	336	var trDom = document.createElement('tr');
a50828ac954d Remove code duplication. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 72 diff changeset	337	for (var j = 0; j < row.length; j++) {
a50828ac954d Remove code duplication. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 72 diff changeset	338	var tdDom = document.createElement('td');
a50828ac954d Remove code duplication. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 72 diff changeset	339	tdDom.appendChild(document.createTextNode(row[j]));
a50828ac954d Remove code duplication. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 72 diff changeset	340	trDom.appendChild(tdDom);
a50828ac954d Remove code duplication. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 72 diff changeset	341	}
a50828ac954d Remove code duplication. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 72 diff changeset	342	tableDom.appendChild(trDom);
a50828ac954d Remove code duplication. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 72 diff changeset	343	}
a50828ac954d Remove code duplication. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 72 diff changeset	344	return tableDom;
a50828ac954d Remove code duplication. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 72 diff changeset	345	};
a50828ac954d Remove code duplication. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 72 diff changeset	346
a50828ac954d Remove code duplication. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 72 diff changeset	347	////////////////////////////////////////////////////////////////
a50828ac954d Remove code duplication. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 72 diff changeset	348	// Board.
a50828ac954d Remove code duplication. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 72 diff changeset	349
0 2821cc5e0189 basic implementation Oleksandr Gavenko <gavenkoa@gmail.com> parents: diff changeset	350	var boardDom = document.getElementById("board");
2821cc5e0189 basic implementation Oleksandr Gavenko <gavenkoa@gmail.com> parents: diff changeset	351	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	352	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	353	ui.board.val2048Dom.addEventListener("click", function(event) {
65 b8028f3e30fb Use preventDefault()/stopPropagation(). Add false to addEventListener(). Oleksandr Gavenko <gavenkoa@gmail.com> parents: 64 diff changeset	354	event.preventDefault(); event.stopPropagation();
45 0bcdec3bdaa8 Rename. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 44 diff changeset	355	ui.board.update(ui.board.position);
43 8b1577211149 Save val2048 preference. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 42 diff changeset	356	localStorage.val2048 = ui.board.val2048Dom.checked;
38 d476efde7242 2 modes of value showing: 0,1,...,11 and 0,2,4,...,2048. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 37 diff changeset	357	event.target.blur();
65 b8028f3e30fb Use preventDefault()/stopPropagation(). Add false to addEventListener(). Oleksandr Gavenko <gavenkoa@gmail.com> parents: 64 diff changeset	358	}, false);
38 d476efde7242 2 modes of value showing: 0,1,...,11 and 0,2,4,...,2048. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 37 diff changeset	359	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	360	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	361	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	362	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	363	}
15 0fa97e430a9e ui.board.set care about 'val' argument. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 14 diff changeset	364	/* 'val' typesafe. */
0 2821cc5e0189 basic implementation Oleksandr Gavenko <gavenkoa@gmail.com> parents: diff changeset	365	ui.board.set = function(i, j, val) {
16 ab283d2534db Fix typo. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 15 diff changeset	366	if (typeof val !== 'number')
15 0fa97e430a9e ui.board.set care about 'val' argument. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 14 diff changeset	367	val = 0;
13 b3bfa9d1b537 Add color to board depending on values.. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 12 diff changeset	368	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	369	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	370	dom.innerHTML = ui.board.val2048(val);
15 0fa97e430a9e ui.board.set care about 'val' argument. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 14 diff changeset	371	var rgb = 'rgb(255,'+ (255-5val-2(val%2)) +','+ (255-10val-5((val-1)%2)) +')';
0fa97e430a9e ui.board.set care about 'val' argument. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 14 diff changeset	372	} else {
0fa97e430a9e ui.board.set care about 'val' argument. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 14 diff changeset	373	dom.innerHTML = '';
0fa97e430a9e ui.board.set care about 'val' argument. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 14 diff changeset	374	var rgb = 'white';
0fa97e430a9e ui.board.set care about 'val' argument. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 14 diff changeset	375	}
13 b3bfa9d1b537 Add color to board depending on values.. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 12 diff changeset	376	dom.style.backgroundColor = rgb;
0 2821cc5e0189 basic implementation Oleksandr Gavenko <gavenkoa@gmail.com> parents: diff changeset	377	}
2821cc5e0189 basic implementation Oleksandr Gavenko <gavenkoa@gmail.com> parents: diff changeset	378	ui.board.update = function(brd) {
2821cc5e0189 basic implementation Oleksandr Gavenko <gavenkoa@gmail.com> parents: diff changeset	379	for (var i = 0; i < 4; i++) {
2821cc5e0189 basic implementation Oleksandr Gavenko <gavenkoa@gmail.com> parents: diff changeset	380	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	381	ui.board.set(i, j, brd[i][j]);
0 2821cc5e0189 basic implementation Oleksandr Gavenko <gavenkoa@gmail.com> parents: diff changeset	382	}
2821cc5e0189 basic implementation Oleksandr Gavenko <gavenkoa@gmail.com> parents: diff changeset	383	}
2821cc5e0189 basic implementation Oleksandr Gavenko <gavenkoa@gmail.com> parents: diff changeset	384	}
17 06ad7999b9f6 Add board editor. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 16 diff changeset	385	ui.board.handleEdit = function(tdDom, i, j) {
06ad7999b9f6 Add board editor. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 16 diff changeset	386	if (!tdDom.firstChild \|\| tdDom.firstChild.nodeType === Node.TEXT_NODE) {
06ad7999b9f6 Add board editor. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 16 diff changeset	387	if (tdDom.firstChild)
06ad7999b9f6 Add board editor. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 16 diff changeset	388	tdDom.removeChild(tdDom.firstChild);
06ad7999b9f6 Add board editor. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 16 diff changeset	389	var inputDom = document.createElement('input');
45 0bcdec3bdaa8 Rename. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 44 diff changeset	390	inputDom.value = ui.board.position[i][j];
17 06ad7999b9f6 Add board editor. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 16 diff changeset	391	inputDom.style.width = '1em';
06ad7999b9f6 Add board editor. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 16 diff changeset	392	tdDom.appendChild(inputDom);
06ad7999b9f6 Add board editor. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 16 diff changeset	393	inputDom.focus();
06ad7999b9f6 Add board editor. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 16 diff changeset	394	inputDom.select();
06ad7999b9f6 Add board editor. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 16 diff changeset	395	inputDom.addEventListener("blur", function(tdDom, i, j) {
06ad7999b9f6 Add board editor. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 16 diff changeset	396	return function(event) {
65 b8028f3e30fb Use preventDefault()/stopPropagation(). Add false to addEventListener(). Oleksandr Gavenko <gavenkoa@gmail.com> parents: 64 diff changeset	397	event.preventDefault(); event.stopPropagation();
17 06ad7999b9f6 Add board editor. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 16 diff changeset	398	ui.board.handleEdit(tdDom, i, j);
06ad7999b9f6 Add board editor. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 16 diff changeset	399	}
65 b8028f3e30fb Use preventDefault()/stopPropagation(). Add false to addEventListener(). Oleksandr Gavenko <gavenkoa@gmail.com> parents: 64 diff changeset	400	}(tdDom, i, j), false);
17 06ad7999b9f6 Add board editor. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 16 diff changeset	401	} else {
06ad7999b9f6 Add board editor. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 16 diff changeset	402	var inputDom = tdDom.firstChild;
06ad7999b9f6 Add board editor. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 16 diff changeset	403	var val = parseInt(inputDom.value);
06ad7999b9f6 Add board editor. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 16 diff changeset	404	if (0 <= val && val < 15) {
45 0bcdec3bdaa8 Rename. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 44 diff changeset	405	ui.board.position[i][j] = val;
17 06ad7999b9f6 Add board editor. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 16 diff changeset	406	ui.board.set(i, j, val);
06ad7999b9f6 Add board editor. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 16 diff changeset	407	} else {
45 0bcdec3bdaa8 Rename. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 44 diff changeset	408	ui.board.set(i, j, ui.board.position[i][j]);
17 06ad7999b9f6 Add board editor. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 16 diff changeset	409	}
06ad7999b9f6 Add board editor. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 16 diff changeset	410	}
06ad7999b9f6 Add board editor. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 16 diff changeset	411	}
06ad7999b9f6 Add board editor. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 16 diff changeset	412	ui.board.enableEdit = function() {
06ad7999b9f6 Add board editor. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 16 diff changeset	413	var trDoms = boardDom.querySelectorAll("tr");
06ad7999b9f6 Add board editor. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 16 diff changeset	414	for (var i = 0; i < 4; i++) {
06ad7999b9f6 Add board editor. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 16 diff changeset	415	var tdDoms = trDoms[i].querySelectorAll("td");
06ad7999b9f6 Add board editor. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 16 diff changeset	416	for (var j = 0; j < 4; j++) {
06ad7999b9f6 Add board editor. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 16 diff changeset	417	var tdDom = tdDoms[j];
06ad7999b9f6 Add board editor. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 16 diff changeset	418	tdDom.addEventListener("click", function(tdDom, i, j) {
06ad7999b9f6 Add board editor. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 16 diff changeset	419	return function(event) {
65 b8028f3e30fb Use preventDefault()/stopPropagation(). Add false to addEventListener(). Oleksandr Gavenko <gavenkoa@gmail.com> parents: 64 diff changeset	420	event.preventDefault(); event.stopPropagation();
17 06ad7999b9f6 Add board editor. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 16 diff changeset	421	ui.board.handleEdit(tdDom, i, j);
06ad7999b9f6 Add board editor. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 16 diff changeset	422	}
65 b8028f3e30fb Use preventDefault()/stopPropagation(). Add false to addEventListener(). Oleksandr Gavenko <gavenkoa@gmail.com> parents: 64 diff changeset	423	}(tdDom, i, j), false);
17 06ad7999b9f6 Add board editor. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 16 diff changeset	424	tdDom.addEventListener("keyup", function(tdDom, i, j) {
06ad7999b9f6 Add board editor. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 16 diff changeset	425	return function(event) {
65 b8028f3e30fb Use preventDefault()/stopPropagation(). Add false to addEventListener(). Oleksandr Gavenko <gavenkoa@gmail.com> parents: 64 diff changeset	426	event.preventDefault(); event.stopPropagation();
17 06ad7999b9f6 Add board editor. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 16 diff changeset	427	if (event.keyCode === 13)
06ad7999b9f6 Add board editor. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 16 diff changeset	428	ui.board.handleEdit(tdDom, i, j);
06ad7999b9f6 Add board editor. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 16 diff changeset	429	}
65 b8028f3e30fb Use preventDefault()/stopPropagation(). Add false to addEventListener(). Oleksandr Gavenko <gavenkoa@gmail.com> parents: 64 diff changeset	430	}(tdDom, i, j), false);
17 06ad7999b9f6 Add board editor. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 16 diff changeset	431	}
06ad7999b9f6 Add board editor. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 16 diff changeset	432	}
06ad7999b9f6 Add board editor. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 16 diff changeset	433	}
06ad7999b9f6 Add board editor. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 16 diff changeset	434	ui.board.enableEdit();
06ad7999b9f6 Add board editor. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 16 diff changeset	435
41 359719178176 Reorganise code. Warn about uninitialised AI. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 40 diff changeset	436	////////////////////////////////////////////////////////////////
359719178176 Reorganise code. Warn about uninitialised AI. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 40 diff changeset	437	// Score statistic.
359719178176 Reorganise code. Warn about uninitialised AI. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 40 diff changeset	438
0 2821cc5e0189 basic implementation Oleksandr Gavenko <gavenkoa@gmail.com> parents: diff changeset	439	ui.score = {};
2821cc5e0189 basic implementation Oleksandr Gavenko <gavenkoa@gmail.com> parents: diff changeset	440	var scoreDom = document.getElementById("score");
2821cc5e0189 basic implementation Oleksandr Gavenko <gavenkoa@gmail.com> parents: diff changeset	441	var maxDom = document.getElementById("max");
1 8fb744f2df13 Speed measure. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 0 diff changeset	442	var speedDom = document.getElementById("speed");
8fb744f2df13 Speed measure. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 0 diff changeset	443	var turnDom = document.getElementById("turn");
0 2821cc5e0189 basic implementation Oleksandr Gavenko <gavenkoa@gmail.com> parents: diff changeset	444	ui.score.clear = function(brd) {
2821cc5e0189 basic implementation Oleksandr Gavenko <gavenkoa@gmail.com> parents: diff changeset	445	scoreDom.innerHTML = '0';
2821cc5e0189 basic implementation Oleksandr Gavenko <gavenkoa@gmail.com> parents: diff changeset	446	maxDom.innerHTML = '0';
1 8fb744f2df13 Speed measure. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 0 diff changeset	447	speedDom.innerHTML = '0';
8fb744f2df13 Speed measure. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 0 diff changeset	448	turnDom.innerHTML = '0';
0 2821cc5e0189 basic implementation Oleksandr Gavenko <gavenkoa@gmail.com> parents: diff changeset	449	}
46 4dadaff6eba4 Update/store/restore game turn. Show max value according to value settings. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 45 diff changeset	450	ui.score.update = function(brd, turn) {
0 2821cc5e0189 basic implementation Oleksandr Gavenko <gavenkoa@gmail.com> parents: diff changeset	451	var score = board.score(brd);
2821cc5e0189 basic implementation Oleksandr Gavenko <gavenkoa@gmail.com> parents: diff changeset	452	scoreDom.innerHTML = '' + score.score;
46 4dadaff6eba4 Update/store/restore game turn. Show max value according to value settings. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 45 diff changeset	453	maxDom.innerHTML = '' + ui.board.val2048(score.max);
4dadaff6eba4 Update/store/restore game turn. Show max value according to value settings. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 45 diff changeset	454	turnDom.innerHTML = '' + turn;
0 2821cc5e0189 basic implementation Oleksandr Gavenko <gavenkoa@gmail.com> parents: diff changeset	455	}
97 b3cadad6ef14 Fix: turn value sometimes cleared or incorect. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 96 diff changeset	456	ui.score.speed = function(speed) {
1 8fb744f2df13 Speed measure. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 0 diff changeset	457	speedDom.innerHTML = '' + speed;
8fb744f2df13 Speed measure. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 0 diff changeset	458	}
0 2821cc5e0189 basic implementation Oleksandr Gavenko <gavenkoa@gmail.com> parents: diff changeset	459
39 a75cc5aa5d19 Some renaming and reordering. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 38 diff changeset	460	////////////////////////////////////////////////////////////////
41 359719178176 Reorganise code. Warn about uninitialised AI. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 40 diff changeset	461	// Suggestion UI.
359719178176 Reorganise code. Warn about uninitialised AI. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 40 diff changeset	462
359719178176 Reorganise code. Warn about uninitialised AI. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 40 diff changeset	463	ui.suggestion = {};
359719178176 Reorganise code. Warn about uninitialised AI. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 40 diff changeset	464	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	465	ui.suggestion.clear = function() {
359719178176 Reorganise code. Warn about uninitialised AI. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 40 diff changeset	466	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	467	ui.suggestion.btns[i].classList.remove('suggestion');
359719178176 Reorganise code. Warn about uninitialised AI. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 40 diff changeset	468	}
359719178176 Reorganise code. Warn about uninitialised AI. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 40 diff changeset	469	ui.suggestion.set = function(dir) {
359719178176 Reorganise code. Warn about uninitialised AI. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 40 diff changeset	470	document.getElementById(dir).classList.add('suggestion');
359719178176 Reorganise code. Warn about uninitialised AI. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 40 diff changeset	471	}
359719178176 Reorganise code. Warn about uninitialised AI. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 40 diff changeset	472
359719178176 Reorganise code. Warn about uninitialised AI. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 40 diff changeset	473	////////////////////////////////////////////////////////////////
39 a75cc5aa5d19 Some renaming and reordering. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 38 diff changeset	474	// Game flow.
a75cc5aa5d19 Some renaming and reordering. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 38 diff changeset	475
40 84e0c62adc08 Generalise code. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 39 diff changeset	476	ui.game = {};
84e0c62adc08 Generalise code. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 39 diff changeset	477	ui.game.dirs = ["up", "right", "down", "left"];
39 a75cc5aa5d19 Some renaming and reordering. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 38 diff changeset	478
a75cc5aa5d19 Some renaming and reordering. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 38 diff changeset	479	var messageDom = document.getElementById("message-area");
a75cc5aa5d19 Some renaming and reordering. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 38 diff changeset	480	ui.game.clearMessage = function() {
a75cc5aa5d19 Some renaming and reordering. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 38 diff changeset	481	messageDom.innerHTML = "";
a75cc5aa5d19 Some renaming and reordering. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 38 diff changeset	482	}
a75cc5aa5d19 Some renaming and reordering. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 38 diff changeset	483	ui.game.setMessage = function(msg) {
a75cc5aa5d19 Some renaming and reordering. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 38 diff changeset	484	messageDom.innerHTML = msg;
a75cc5aa5d19 Some renaming and reordering. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 38 diff changeset	485	}
a75cc5aa5d19 Some renaming and reordering. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 38 diff changeset	486
a75cc5aa5d19 Some renaming and reordering. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 38 diff changeset	487	ui.game.checkGameOver = function() {
45 0bcdec3bdaa8 Rename. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 44 diff changeset	488	if (board.gameOver(ui.board.position)) {
39 a75cc5aa5d19 Some renaming and reordering. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 38 diff changeset	489	ui.game.setMessage("Game over!");
a75cc5aa5d19 Some renaming and reordering. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 38 diff changeset	490	return true;
a75cc5aa5d19 Some renaming and reordering. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 38 diff changeset	491	} else {
a75cc5aa5d19 Some renaming and reordering. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 38 diff changeset	492	return false;
a75cc5aa5d19 Some renaming and reordering. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 38 diff changeset	493	}
a75cc5aa5d19 Some renaming and reordering. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 38 diff changeset	494	}
a75cc5aa5d19 Some renaming and reordering. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 38 diff changeset	495	ui.game.checkMoveValid = function(move) {
a75cc5aa5d19 Some renaming and reordering. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 38 diff changeset	496	var tmpBrd = board.create();
45 0bcdec3bdaa8 Rename. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 44 diff changeset	497	board.copy(ui.board.position, tmpBrd);
40 84e0c62adc08 Generalise code. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 39 diff changeset	498	if (ui.game.dirs.indexOf(move) === -1) {
39 a75cc5aa5d19 Some renaming and reordering. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 38 diff changeset	499	ui.game.setMessage("AI can't find move!");
a75cc5aa5d19 Some renaming and reordering. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 38 diff changeset	500	return false;
a75cc5aa5d19 Some renaming and reordering. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 38 diff changeset	501	}
a75cc5aa5d19 Some renaming and reordering. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 38 diff changeset	502	if ( ! board.move[move].call(null, tmpBrd)) {
a75cc5aa5d19 Some renaming and reordering. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 38 diff changeset	503	ui.game.setMessage("AI move "+move+" is ivalid!");
a75cc5aa5d19 Some renaming and reordering. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 38 diff changeset	504	return false;
a75cc5aa5d19 Some renaming and reordering. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 38 diff changeset	505	}
a75cc5aa5d19 Some renaming and reordering. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 38 diff changeset	506	return true;
a75cc5aa5d19 Some renaming and reordering. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 38 diff changeset	507	}
a75cc5aa5d19 Some renaming and reordering. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 38 diff changeset	508
41 359719178176 Reorganise code. Warn about uninitialised AI. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 40 diff changeset	509	ui.game.beginStep = function() {
359719178176 Reorganise code. Warn about uninitialised AI. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 40 diff changeset	510	ui.suggestion.clear();
359719178176 Reorganise code. Warn about uninitialised AI. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 40 diff changeset	511	ui.game.clearMessage();
359719178176 Reorganise code. Warn about uninitialised AI. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 40 diff changeset	512	if (ui.game.checkGameOver())
359719178176 Reorganise code. Warn about uninitialised AI. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 40 diff changeset	513	return false;
359719178176 Reorganise code. Warn about uninitialised AI. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 40 diff changeset	514	return true;
359719178176 Reorganise code. Warn about uninitialised AI. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 40 diff changeset	515	}
94 8bbd7570f437 Iterate by AI until score or max value occur. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 88 diff changeset	516	ui.game.refresh = function() {
45 0bcdec3bdaa8 Rename. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 44 diff changeset	517	ui.board.update(ui.board.position);
46 4dadaff6eba4 Update/store/restore game turn. Show max value according to value settings. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 45 diff changeset	518	ui.score.update(ui.board.position, ui.board.turn);
45 0bcdec3bdaa8 Rename. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 44 diff changeset	519	localStorage.savedBoard = JSON.stringify(ui.board.position);
46 4dadaff6eba4 Update/store/restore game turn. Show max value according to value settings. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 45 diff changeset	520	localStorage.savedTurn = ui.board.turn;
41 359719178176 Reorganise code. Warn about uninitialised AI. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 40 diff changeset	521	}
94 8bbd7570f437 Iterate by AI until score or max value occur. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 88 diff changeset	522	ui.game.finishStep = function() {
8bbd7570f437 Iterate by AI until score or max value occur. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 88 diff changeset	523	board.putRandom(ui.board.position);
8bbd7570f437 Iterate by AI until score or max value occur. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 88 diff changeset	524	ui.board.turn++;
8bbd7570f437 Iterate by AI until score or max value occur. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 88 diff changeset	525	ui.game.refresh();
8bbd7570f437 Iterate by AI until score or max value occur. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 88 diff changeset	526	}
41 359719178176 Reorganise code. Warn about uninitialised AI. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 40 diff changeset	527
39 a75cc5aa5d19 Some renaming and reordering. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 38 diff changeset	528	////////////////////////////////////////////////////////////////
a75cc5aa5d19 Some renaming and reordering. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 38 diff changeset	529	// Actions.
a75cc5aa5d19 Some renaming and reordering. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 38 diff changeset	530
30 1d19768ca71d Highlight AI controls. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 27 diff changeset	531	ui.action = {};
1d19768ca71d Highlight AI controls. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 27 diff changeset	532
1d19768ca71d Highlight AI controls. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 27 diff changeset	533	ui.action.start = function() {
0 2821cc5e0189 basic implementation Oleksandr Gavenko <gavenkoa@gmail.com> parents: diff changeset	534	ui.score.clear();
41 359719178176 Reorganise code. Warn about uninitialised AI. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 40 diff changeset	535	ui.suggestion.clear();
39 a75cc5aa5d19 Some renaming and reordering. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 38 diff changeset	536	ui.game.clearMessage();
46 4dadaff6eba4 Update/store/restore game turn. Show max value according to value settings. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 45 diff changeset	537	ui.board.turn = 0;
45 0bcdec3bdaa8 Rename. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 44 diff changeset	538	ui.board.position = board.create();
0bcdec3bdaa8 Rename. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 44 diff changeset	539	board.putRandom(ui.board.position);
0bcdec3bdaa8 Rename. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 44 diff changeset	540	ui.board.update(ui.board.position);
0 2821cc5e0189 basic implementation Oleksandr Gavenko <gavenkoa@gmail.com> parents: diff changeset	541	}
65 b8028f3e30fb Use preventDefault()/stopPropagation(). Add false to addEventListener(). Oleksandr Gavenko <gavenkoa@gmail.com> parents: 64 diff changeset	542	document.getElementById("start").addEventListener("click", ui.action.start, false);
0 2821cc5e0189 basic implementation Oleksandr Gavenko <gavenkoa@gmail.com> parents: diff changeset	543
40 84e0c62adc08 Generalise code. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 39 diff changeset	544	for (var i = 0; i < ui.game.dirs.length; i++) {
84e0c62adc08 Generalise code. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 39 diff changeset	545	var dir = ui.game.dirs[i];
84e0c62adc08 Generalise code. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 39 diff changeset	546	ui.action[dir] = function(dir) {
65 b8028f3e30fb Use preventDefault()/stopPropagation(). Add false to addEventListener(). Oleksandr Gavenko <gavenkoa@gmail.com> parents: 64 diff changeset	547	return function(event) {
b8028f3e30fb Use preventDefault()/stopPropagation(). Add false to addEventListener(). Oleksandr Gavenko <gavenkoa@gmail.com> parents: 64 diff changeset	548	event.preventDefault(); event.stopPropagation();
40 84e0c62adc08 Generalise code. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 39 diff changeset	549	if (ui.game.checkGameOver())
84e0c62adc08 Generalise code. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 39 diff changeset	550	return;
41 359719178176 Reorganise code. Warn about uninitialised AI. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 40 diff changeset	551	ui.suggestion.clear();
45 0bcdec3bdaa8 Rename. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 44 diff changeset	552	var updated = board.move[dir](ui.board.position);
40 84e0c62adc08 Generalise code. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 39 diff changeset	553	if (updated) {
41 359719178176 Reorganise code. Warn about uninitialised AI. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 40 diff changeset	554	ui.game.finishStep();
40 84e0c62adc08 Generalise code. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 39 diff changeset	555	ui.ai.current && ui.ai.current.cleanup();
84e0c62adc08 Generalise code. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 39 diff changeset	556	}
84e0c62adc08 Generalise code. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 39 diff changeset	557	}
84e0c62adc08 Generalise code. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 39 diff changeset	558	} (dir);
65 b8028f3e30fb Use preventDefault()/stopPropagation(). Add false to addEventListener(). Oleksandr Gavenko <gavenkoa@gmail.com> parents: 64 diff changeset	559	document.getElementById(dir).addEventListener("click", ui.action[dir], false);
0 2821cc5e0189 basic implementation Oleksandr Gavenko <gavenkoa@gmail.com> parents: diff changeset	560	}
2821cc5e0189 basic implementation Oleksandr Gavenko <gavenkoa@gmail.com> parents: diff changeset	561
2821cc5e0189 basic implementation Oleksandr Gavenko <gavenkoa@gmail.com> parents: diff changeset	562	document.body.addEventListener("keydown", function(event) {
37 fe75d168a605 Ignore board movement when user edit input. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 36 diff changeset	563	if (document.activeElement.value)
44 518ab579d24b Prevent from blocking Firefox key binding. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 43 diff changeset	564	return;
52 e4e21d2fcbe7 Ignore moves if shift/alt/control key pressed. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 46 diff changeset	565	if (event.altKey \|\| event.ctrlKey \|\| event.shiftKey \|\| event.metaKey)
e4e21d2fcbe7 Ignore moves if shift/alt/control key pressed. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 46 diff changeset	566	return;
0 2821cc5e0189 basic implementation Oleksandr Gavenko <gavenkoa@gmail.com> parents: diff changeset	567	var key = event.keyCode \|\| event.which;
44 518ab579d24b Prevent from blocking Firefox key binding. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 43 diff changeset	568	var keyMoves = {38: "up", 40: "down", 37: "left", 39: "right"};
518ab579d24b Prevent from blocking Firefox key binding. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 43 diff changeset	569	if (key in keyMoves) {
65 b8028f3e30fb Use preventDefault()/stopPropagation(). Add false to addEventListener(). Oleksandr Gavenko <gavenkoa@gmail.com> parents: 64 diff changeset	570	ui.action[keyMoves[key]](event);
0 2821cc5e0189 basic implementation Oleksandr Gavenko <gavenkoa@gmail.com> parents: diff changeset	571	}
65 b8028f3e30fb Use preventDefault()/stopPropagation(). Add false to addEventListener(). Oleksandr Gavenko <gavenkoa@gmail.com> parents: 64 diff changeset	572	}, false);
12 a9a44cfc3e08 Moves for 2d array board + test toolkit. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 11 diff changeset	573
a9a44cfc3e08 Moves for 2d array board + test toolkit. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 11 diff changeset	574	document.getElementById("test").addEventListener("click", function() {
65 b8028f3e30fb Use preventDefault()/stopPropagation(). Add false to addEventListener(). Oleksandr Gavenko <gavenkoa@gmail.com> parents: 64 diff changeset	575	event.preventDefault(); event.stopPropagation();
12 a9a44cfc3e08 Moves for 2d array board + test toolkit. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 11 diff changeset	576	board.move.replaceByBoardJS(ui.brdEngine);
65 b8028f3e30fb Use preventDefault()/stopPropagation(). Add false to addEventListener(). Oleksandr Gavenko <gavenkoa@gmail.com> parents: 64 diff changeset	577	}, false);
34 16b711a81a16 Show AI suggestion. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 33 diff changeset	578
65 b8028f3e30fb Use preventDefault()/stopPropagation(). Add false to addEventListener(). Oleksandr Gavenko <gavenkoa@gmail.com> parents: 64 diff changeset	579	ui.action.suggest = function(event) {
b8028f3e30fb Use preventDefault()/stopPropagation(). Add false to addEventListener(). Oleksandr Gavenko <gavenkoa@gmail.com> parents: 64 diff changeset	580	event.preventDefault(); event.stopPropagation();
41 359719178176 Reorganise code. Warn about uninitialised AI. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 40 diff changeset	581	if ( ! ui.ai.current) {
359719178176 Reorganise code. Warn about uninitialised AI. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 40 diff changeset	582	ui.game.setMessage('Select AI!');
359719178176 Reorganise code. Warn about uninitialised AI. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 40 diff changeset	583	return;
359719178176 Reorganise code. Warn about uninitialised AI. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 40 diff changeset	584	}
359719178176 Reorganise code. Warn about uninitialised AI. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 40 diff changeset	585	if ( ! ui.game.beginStep())
0 2821cc5e0189 basic implementation Oleksandr Gavenko <gavenkoa@gmail.com> parents: diff changeset	586	return;
2821cc5e0189 basic implementation Oleksandr Gavenko <gavenkoa@gmail.com> parents: diff changeset	587	var tmpBrd = board.create();
45 0bcdec3bdaa8 Rename. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 44 diff changeset	588	board.copy(ui.board.position, tmpBrd);
25 2ef10a49a28f Prepare UI for AI configuration. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 21 diff changeset	589	var move = ui.ai.current.analyse(tmpBrd);
34 16b711a81a16 Show AI suggestion. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 33 diff changeset	590	ui.ai.current.cleanup();
39 a75cc5aa5d19 Some renaming and reordering. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 38 diff changeset	591	if ( ! ui.game.checkMoveValid(move))
34 16b711a81a16 Show AI suggestion. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 33 diff changeset	592	return;
41 359719178176 Reorganise code. Warn about uninitialised AI. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 40 diff changeset	593	ui.suggestion.set(move);
34 16b711a81a16 Show AI suggestion. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 33 diff changeset	594	}
65 b8028f3e30fb Use preventDefault()/stopPropagation(). Add false to addEventListener(). Oleksandr Gavenko <gavenkoa@gmail.com> parents: 64 diff changeset	595	document.getElementById("suggest").addEventListener("click", ui.action.suggest, false);
34 16b711a81a16 Show AI suggestion. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 33 diff changeset	596	ui.action.step = function() {
41 359719178176 Reorganise code. Warn about uninitialised AI. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 40 diff changeset	597	if ( ! ui.ai.current) {
359719178176 Reorganise code. Warn about uninitialised AI. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 40 diff changeset	598	ui.game.setMessage('Select AI!');
359719178176 Reorganise code. Warn about uninitialised AI. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 40 diff changeset	599	return;
359719178176 Reorganise code. Warn about uninitialised AI. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 40 diff changeset	600	}
359719178176 Reorganise code. Warn about uninitialised AI. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 40 diff changeset	601	if ( ! ui.game.beginStep())
0 2821cc5e0189 basic implementation Oleksandr Gavenko <gavenkoa@gmail.com> parents: diff changeset	602	return;
34 16b711a81a16 Show AI suggestion. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 33 diff changeset	603	var tmpBrd = board.create();
45 0bcdec3bdaa8 Rename. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 44 diff changeset	604	board.copy(ui.board.position, tmpBrd);
34 16b711a81a16 Show AI suggestion. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 33 diff changeset	605	var move = ui.ai.current.analyse(tmpBrd);
16b711a81a16 Show AI suggestion. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 33 diff changeset	606	ui.ai.current.cleanup();
39 a75cc5aa5d19 Some renaming and reordering. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 38 diff changeset	607	if ( ! ui.game.checkMoveValid(move))
34 16b711a81a16 Show AI suggestion. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 33 diff changeset	608	return;
45 0bcdec3bdaa8 Rename. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 44 diff changeset	609	board.move[move].call(null, ui.board.position);
41 359719178176 Reorganise code. Warn about uninitialised AI. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 40 diff changeset	610	ui.game.finishStep();
0 2821cc5e0189 basic implementation Oleksandr Gavenko <gavenkoa@gmail.com> parents: diff changeset	611	}
65 b8028f3e30fb Use preventDefault()/stopPropagation(). Add false to addEventListener(). Oleksandr Gavenko <gavenkoa@gmail.com> parents: 64 diff changeset	612	document.getElementById("step").addEventListener("click", ui.action.step, false);
0 2821cc5e0189 basic implementation Oleksandr Gavenko <gavenkoa@gmail.com> parents: diff changeset	613
30 1d19768ca71d Highlight AI controls. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 27 diff changeset	614	ui.action.finish = function() {
41 359719178176 Reorganise code. Warn about uninitialised AI. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 40 diff changeset	615	if ( ! ui.ai.current) {
359719178176 Reorganise code. Warn about uninitialised AI. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 40 diff changeset	616	ui.game.setMessage('Select AI!');
359719178176 Reorganise code. Warn about uninitialised AI. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 40 diff changeset	617	return;
359719178176 Reorganise code. Warn about uninitialised AI. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 40 diff changeset	618	}
359719178176 Reorganise code. Warn about uninitialised AI. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 40 diff changeset	619	ui.game.beginStep();
1 8fb744f2df13 Speed measure. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 0 diff changeset	620	var step = 0;
66 c62a1051cef7 Move object creation out of loop. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 65 diff changeset	621	var safeBdr = board.create();
1 8fb744f2df13 Speed measure. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 0 diff changeset	622	var tsFrom = new Date().getTime();
45 0bcdec3bdaa8 Rename. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 44 diff changeset	623	while (!board.gameOver(ui.board.position)) {
66 c62a1051cef7 Move object creation out of loop. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 65 diff changeset	624	board.copy(ui.board.position, safeBdr);
c62a1051cef7 Move object creation out of loop. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 65 diff changeset	625	var move = ui.ai.current.analyse(safeBdr);
10 70ece7f758a0 Move rule and AI engine to separate files. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 7 diff changeset	626	if (typeof move === 'undefined') {
39 a75cc5aa5d19 Some renaming and reordering. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 38 diff changeset	627	ui.game.setMessage("I don't know how to move!");
0 2821cc5e0189 basic implementation Oleksandr Gavenko <gavenkoa@gmail.com> parents: diff changeset	628	return;
2821cc5e0189 basic implementation Oleksandr Gavenko <gavenkoa@gmail.com> parents: diff changeset	629	}
45 0bcdec3bdaa8 Rename. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 44 diff changeset	630	var updated = board.move[move].call(null, ui.board.position);
0 2821cc5e0189 basic implementation Oleksandr Gavenko <gavenkoa@gmail.com> parents: diff changeset	631	if (updated) {
45 0bcdec3bdaa8 Rename. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 44 diff changeset	632	board.putRandom(ui.board.position);
0 2821cc5e0189 basic implementation Oleksandr Gavenko <gavenkoa@gmail.com> parents: diff changeset	633	} else {
97 b3cadad6ef14 Fix: turn value sometimes cleared or incorect. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 96 diff changeset	634	ui.board.turn += step;
b3cadad6ef14 Fix: turn value sometimes cleared or incorect. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 96 diff changeset	635	ui.game.refresh();
39 a75cc5aa5d19 Some renaming and reordering. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 38 diff changeset	636	ui.game.setMessage("Wrong move!");
0 2821cc5e0189 basic implementation Oleksandr Gavenko <gavenkoa@gmail.com> parents: diff changeset	637	return;
2821cc5e0189 basic implementation Oleksandr Gavenko <gavenkoa@gmail.com> parents: diff changeset	638	}
1 8fb744f2df13 Speed measure. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 0 diff changeset	639	step++;
0 2821cc5e0189 basic implementation Oleksandr Gavenko <gavenkoa@gmail.com> parents: diff changeset	640	}
1 8fb744f2df13 Speed measure. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 0 diff changeset	641	var tsTo = new Date().getTime();
97 b3cadad6ef14 Fix: turn value sometimes cleared or incorect. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 96 diff changeset	642	ui.board.turn += step;
41 359719178176 Reorganise code. Warn about uninitialised AI. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 40 diff changeset	643	ui.game.finishStep();
97 b3cadad6ef14 Fix: turn value sometimes cleared or incorect. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 96 diff changeset	644	ui.score.speed(parseFloat((step*1000.0/(tsTo-tsFrom)).toPrecision(3)));
39 a75cc5aa5d19 Some renaming and reordering. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 38 diff changeset	645	ui.game.setMessage("Game over!");
96 a9a6e08c9e35 Remove unnecessary check. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 95 diff changeset	646	ui.ai.current.cleanup();
0 2821cc5e0189 basic implementation Oleksandr Gavenko <gavenkoa@gmail.com> parents: diff changeset	647	}
65 b8028f3e30fb Use preventDefault()/stopPropagation(). Add false to addEventListener(). Oleksandr Gavenko <gavenkoa@gmail.com> parents: 64 diff changeset	648	document.getElementById("finish").addEventListener("click", ui.action.finish, false);
0 2821cc5e0189 basic implementation Oleksandr Gavenko <gavenkoa@gmail.com> parents: diff changeset	649
94 8bbd7570f437 Iterate by AI until score or max value occur. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 88 diff changeset	650	ui.action.until = function() {
8bbd7570f437 Iterate by AI until score or max value occur. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 88 diff changeset	651	if ( ! ui.ai.current) {
8bbd7570f437 Iterate by AI until score or max value occur. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 88 diff changeset	652	ui.game.setMessage('Select AI!');
8bbd7570f437 Iterate by AI until score or max value occur. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 88 diff changeset	653	return;
8bbd7570f437 Iterate by AI until score or max value occur. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 88 diff changeset	654	}
8bbd7570f437 Iterate by AI until score or max value occur. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 88 diff changeset	655	if ( ! ui.game.beginStep())
8bbd7570f437 Iterate by AI until score or max value occur. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 88 diff changeset	656	return;
8bbd7570f437 Iterate by AI until score or max value occur. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 88 diff changeset	657	var step = 0;
8bbd7570f437 Iterate by AI until score or max value occur. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 88 diff changeset	658	var safeBdr = board.create();
8bbd7570f437 Iterate by AI until score or max value occur. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 88 diff changeset	659	var tsFrom = new Date().getTime();
8bbd7570f437 Iterate by AI until score or max value occur. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 88 diff changeset	660	var scoreLimit = parseInt(document.getElementById("until-score").value);
8bbd7570f437 Iterate by AI until score or max value occur. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 88 diff changeset	661	if (!isFinite(scoreLimit) \|\| scoreLimit < 0) {
8bbd7570f437 Iterate by AI until score or max value occur. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 88 diff changeset	662	scoreLimit = 1;
8bbd7570f437 Iterate by AI until score or max value occur. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 88 diff changeset	663	document.getElementById("until-score").value = scoreLimit;
8bbd7570f437 Iterate by AI until score or max value occur. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 88 diff changeset	664	}
8bbd7570f437 Iterate by AI until score or max value occur. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 88 diff changeset	665	var maxValLimit = parseInt(document.getElementById("until-max-value").value);
8bbd7570f437 Iterate by AI until score or max value occur. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 88 diff changeset	666	if (!isFinite(maxValLimit) \|\| maxValLimit < 0 \|\| maxValLimit > 13) {
8bbd7570f437 Iterate by AI until score or max value occur. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 88 diff changeset	667	maxValLimit = 1;
8bbd7570f437 Iterate by AI until score or max value occur. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 88 diff changeset	668	document.getElementById("until-max-value").value = maxValLimit;
8bbd7570f437 Iterate by AI until score or max value occur. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 88 diff changeset	669	}
95 804e751a3b7f Save and restore continuation limits. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 94 diff changeset	670	localStorage.untilScore = scoreLimit;
804e751a3b7f Save and restore continuation limits. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 94 diff changeset	671	localStorage.untilMaxVal = maxValLimit;
94 8bbd7570f437 Iterate by AI until score or max value occur. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 88 diff changeset	672	while (true) {
8bbd7570f437 Iterate by AI until score or max value occur. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 88 diff changeset	673	if (board.gameOver(ui.board.position)) {
8bbd7570f437 Iterate by AI until score or max value occur. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 88 diff changeset	674	ui.game.setMessage("Game over!");
8bbd7570f437 Iterate by AI until score or max value occur. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 88 diff changeset	675	break;
8bbd7570f437 Iterate by AI until score or max value occur. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 88 diff changeset	676	}
8bbd7570f437 Iterate by AI until score or max value occur. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 88 diff changeset	677	var stat = board.score(ui.board.position);
8bbd7570f437 Iterate by AI until score or max value occur. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 88 diff changeset	678	if (stat.score >= scoreLimit && stat.max >= maxValLimit)
8bbd7570f437 Iterate by AI until score or max value occur. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 88 diff changeset	679	break;
8bbd7570f437 Iterate by AI until score or max value occur. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 88 diff changeset	680	board.copy(ui.board.position, safeBdr);
8bbd7570f437 Iterate by AI until score or max value occur. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 88 diff changeset	681	var move = ui.ai.current.analyse(safeBdr);
8bbd7570f437 Iterate by AI until score or max value occur. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 88 diff changeset	682	if (typeof move === 'undefined') {
8bbd7570f437 Iterate by AI until score or max value occur. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 88 diff changeset	683	ui.game.setMessage("I don't know how to move!");
8bbd7570f437 Iterate by AI until score or max value occur. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 88 diff changeset	684	return;
8bbd7570f437 Iterate by AI until score or max value occur. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 88 diff changeset	685	}
8bbd7570f437 Iterate by AI until score or max value occur. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 88 diff changeset	686	var updated = board.move[move].call(null, ui.board.position);
8bbd7570f437 Iterate by AI until score or max value occur. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 88 diff changeset	687	if (updated) {
8bbd7570f437 Iterate by AI until score or max value occur. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 88 diff changeset	688	board.putRandom(ui.board.position);
8bbd7570f437 Iterate by AI until score or max value occur. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 88 diff changeset	689	} else {
41 359719178176 Reorganise code. Warn about uninitialised AI. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 40 diff changeset	690	ui.game.finishStep();
39 a75cc5aa5d19 Some renaming and reordering. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 38 diff changeset	691	ui.game.setMessage("Wrong move!");
0 2821cc5e0189 basic implementation Oleksandr Gavenko <gavenkoa@gmail.com> parents: diff changeset	692	return;
2821cc5e0189 basic implementation Oleksandr Gavenko <gavenkoa@gmail.com> parents: diff changeset	693	}
1 8fb744f2df13 Speed measure. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 0 diff changeset	694	step++;
0 2821cc5e0189 basic implementation Oleksandr Gavenko <gavenkoa@gmail.com> parents: diff changeset	695	}
1 8fb744f2df13 Speed measure. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 0 diff changeset	696	var tsTo = new Date().getTime();
97 b3cadad6ef14 Fix: turn value sometimes cleared or incorect. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 96 diff changeset	697	ui.board.turn += step;
94 8bbd7570f437 Iterate by AI until score or max value occur. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 88 diff changeset	698	ui.game.refresh();
97 b3cadad6ef14 Fix: turn value sometimes cleared or incorect. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 96 diff changeset	699	ui.score.speed(parseFloat((step*1000.0/(tsTo-tsFrom)).toPrecision(3)));
96 a9a6e08c9e35 Remove unnecessary check. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 95 diff changeset	700	ui.ai.current.cleanup();
0 2821cc5e0189 basic implementation Oleksandr Gavenko <gavenkoa@gmail.com> parents: diff changeset	701	}
94 8bbd7570f437 Iterate by AI until score or max value occur. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 88 diff changeset	702	document.getElementById("until").addEventListener("click", ui.action.until, false);
0 2821cc5e0189 basic implementation Oleksandr Gavenko <gavenkoa@gmail.com> parents: diff changeset	703
10 70ece7f758a0 Move rule and AI engine to separate files. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 7 diff changeset	704	////////////////////////////////////////////////////////////////
70ece7f758a0 Move rule and AI engine to separate files. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 7 diff changeset	705	// Register AIs.
0 2821cc5e0189 basic implementation Oleksandr Gavenko <gavenkoa@gmail.com> parents: diff changeset	706
25 2ef10a49a28f Prepare UI for AI configuration. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 21 diff changeset	707	ui.ai = {};
2ef10a49a28f Prepare UI for AI configuration. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 21 diff changeset	708	ui.ai.current = null;
53 ee53cd2cb69a Join all one step deep AIs into one with linear weight function. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 52 diff changeset	709	ui.ai.parseCfg = function(aiDom, cfg) {
102 6c057ac86c97 Show AI config in report as title. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 101 diff changeset	710	cfg = cfg \|\| {};
55 8ba9dc89be87 Automatically extract config from DOM. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 53 diff changeset	711	var optDoms = aiDom.querySelectorAll("div.option > input.positive[type='text']");
53 ee53cd2cb69a Join all one step deep AIs into one with linear weight function. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 52 diff changeset	712	for (var i = 0; i < optDoms.length; i++) {
ee53cd2cb69a Join all one step deep AIs into one with linear weight function. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 52 diff changeset	713	var val = parseFloat(optDoms[i].value);
55 8ba9dc89be87 Automatically extract config from DOM. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 53 diff changeset	714	if (val === NaN \|\| val < 0) {
8ba9dc89be87 Automatically extract config from DOM. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 53 diff changeset	715	ui.game.setMessage('' + optDoms[i].name + ' is not a positive number!');
8ba9dc89be87 Automatically extract config from DOM. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 53 diff changeset	716	cfg[optDoms[i].name] = 1;
53 ee53cd2cb69a Join all one step deep AIs into one with linear weight function. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 52 diff changeset	717	continue;
ee53cd2cb69a Join all one step deep AIs into one with linear weight function. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 52 diff changeset	718	}
ee53cd2cb69a Join all one step deep AIs into one with linear weight function. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 52 diff changeset	719	cfg[optDoms[i].name] = val;
ee53cd2cb69a Join all one step deep AIs into one with linear weight function. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 52 diff changeset	720	}
103 54dfc3b4e7d3 Parse checkbox AI config automatically. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 102 diff changeset	721	var optDoms = aiDom.querySelectorAll("div.option > input[type='checkbox']");
54dfc3b4e7d3 Parse checkbox AI config automatically. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 102 diff changeset	722	for (var i = 0; i < optDoms.length; i++) {
54dfc3b4e7d3 Parse checkbox AI config automatically. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 102 diff changeset	723	cfg[optDoms[i].name] = optDoms[i].checked;
54dfc3b4e7d3 Parse checkbox AI config automatically. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 102 diff changeset	724	}
102 6c057ac86c97 Show AI config in report as title. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 101 diff changeset	725	return cfg;
6c057ac86c97 Show AI config in report as title. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 101 diff changeset	726	}
6c057ac86c97 Show AI config in report as title. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 101 diff changeset	727	ui.ai.cfgTitle = function(aiName) {
6c057ac86c97 Show AI config in report as title. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 101 diff changeset	728	var title = JSON.stringify(ui.ai.parseCfg(document.getElementById(aiName))).replace(":", ": ", "g").replace(",", "\n", "g");
6c057ac86c97 Show AI config in report as title. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 101 diff changeset	729	title = title.substr(1);
6c057ac86c97 Show AI config in report as title. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 101 diff changeset	730	title = title.substr(0, title.length-1);
6c057ac86c97 Show AI config in report as title. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 101 diff changeset	731	return title;
53 ee53cd2cb69a Join all one step deep AIs into one with linear weight function. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 52 diff changeset	732	}
55 8ba9dc89be87 Automatically extract config from DOM. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 53 diff changeset	733
25 2ef10a49a28f Prepare UI for AI configuration. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 21 diff changeset	734	ui.ai.algList = {
35 3d56325d7002 Rename AI. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 34 diff changeset	735	"ai-blind-random": function() {
59 28613a54c71c Capitilize AI names. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 55 diff changeset	736	return new ai.BlindRandom(ui.brdEngine);
25 2ef10a49a28f Prepare UI for AI configuration. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 21 diff changeset	737	},
36 a18fc2601ce8 Add blind eight random AI. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 35 diff changeset	738	"ai-blind-weight-random": function(aiDom) {
102 6c057ac86c97 Show AI config in report as title. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 101 diff changeset	739	var cfg = ui.ai.parseCfg(aiDom);
59 28613a54c71c Capitilize AI names. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 55 diff changeset	740	return new ai.BlindWeightRandom(ui.brdEngine, cfg);
36 a18fc2601ce8 Add blind eight random AI. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 35 diff changeset	741	},
27 8f96d09a4d94 Add Blind cycle AI. Add example of setting passing. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 26 diff changeset	742	"ai-blind-cycle": function(aiDom) {
103 54dfc3b4e7d3 Parse checkbox AI config automatically. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 102 diff changeset	743	var cfg = ui.ai.parseCfg(aiDom);
59 28613a54c71c Capitilize AI names. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 55 diff changeset	744	return new ai.BlindCycle(ui.brdEngine, cfg);
27 8f96d09a4d94 Add Blind cycle AI. Add example of setting passing. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 26 diff changeset	745	},
99 df4736e659f2 Rename AI. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 98 diff changeset	746	"ai-one-step-ahead": function(aiDom) {
102 6c057ac86c97 Show AI config in report as title. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 101 diff changeset	747	var cfg = ui.ai.parseCfg(aiDom);
99 df4736e659f2 Rename AI. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 98 diff changeset	748	return new ai.OneStepAhead(ui.brdEngine, cfg);
25 2ef10a49a28f Prepare UI for AI configuration. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 21 diff changeset	749	},
110 e3a91b336976 Join N level deep on score value without random simulation AIs and add Oleksandr Gavenko <gavenkoa@gmail.com> parents: 104 diff changeset	750	"ai-static-deep-merges": function(aiDom) {
e3a91b336976 Join N level deep on score value without random simulation AIs and add Oleksandr Gavenko <gavenkoa@gmail.com> parents: 104 diff changeset	751	var cfg = ui.ai.parseCfg(aiDom);
e3a91b336976 Join N level deep on score value without random simulation AIs and add Oleksandr Gavenko <gavenkoa@gmail.com> parents: 104 diff changeset	752	return new ai.StaticDeepMerges(ui.brdEngine, cfg);
25 2ef10a49a28f Prepare UI for AI configuration. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 21 diff changeset	753	},
74 93cb48b73b39 Enable config for expectimax. Fix weight function for expectimax. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 73 diff changeset	754	"ai-expectimax": function(aiDom) {
102 6c057ac86c97 Show AI config in report as title. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 101 diff changeset	755	var cfg = ui.ai.parseCfg(aiDom);
74 93cb48b73b39 Enable config for expectimax. Fix weight function for expectimax. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 73 diff changeset	756	return new ai.expectimax(ui.brdEngine, cfg);
25 2ef10a49a28f Prepare UI for AI configuration. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 21 diff changeset	757	},
2ef10a49a28f Prepare UI for AI configuration. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 21 diff changeset	758	// "": function() {
2ef10a49a28f Prepare UI for AI configuration. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 21 diff changeset	759	// return new ai.(ui.brdEngine);
2ef10a49a28f Prepare UI for AI configuration. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 21 diff changeset	760	// },
2ef10a49a28f Prepare UI for AI configuration. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 21 diff changeset	761	};
2ef10a49a28f Prepare UI for AI configuration. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 21 diff changeset	762	ui.ai.domList = document.querySelectorAll('div.ai');
2ef10a49a28f Prepare UI for AI configuration. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 21 diff changeset	763	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	764	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	765	ui.ai.enable(event.target.parentNode);
65 b8028f3e30fb Use preventDefault()/stopPropagation(). Add false to addEventListener(). Oleksandr Gavenko <gavenkoa@gmail.com> parents: 64 diff changeset	766	}, false);
25 2ef10a49a28f Prepare UI for AI configuration. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 21 diff changeset	767	}
0 2821cc5e0189 basic implementation Oleksandr Gavenko <gavenkoa@gmail.com> parents: diff changeset	768
25 2ef10a49a28f Prepare UI for AI configuration. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 21 diff changeset	769	ui.ai.moveToTop = function(aiDom) {
2ef10a49a28f Prepare UI for AI configuration. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 21 diff changeset	770	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	771	ui.ai.domList[i].classList.remove('enabled');
2ef10a49a28f Prepare UI for AI configuration. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 21 diff changeset	772	}
2ef10a49a28f Prepare UI for AI configuration. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 21 diff changeset	773	var rootDom = aiDom.parentNode;
2ef10a49a28f Prepare UI for AI configuration. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 21 diff changeset	774	rootDom.removeChild(aiDom);
2ef10a49a28f Prepare UI for AI configuration. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 21 diff changeset	775	rootDom.insertBefore(aiDom, rootDom.firstChild);
2ef10a49a28f Prepare UI for AI configuration. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 21 diff changeset	776	aiDom.classList.add('enabled');
2ef10a49a28f Prepare UI for AI configuration. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 21 diff changeset	777	}
2ef10a49a28f Prepare UI for AI configuration. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 21 diff changeset	778	ui.ai.enable = function(aiDom) {
2ef10a49a28f Prepare UI for AI configuration. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 21 diff changeset	779	if (ui.ai.current)
2ef10a49a28f Prepare UI for AI configuration. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 21 diff changeset	780	ui.ai.current.cleanup();
2ef10a49a28f Prepare UI for AI configuration. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 21 diff changeset	781	ui.ai.moveToTop(aiDom);
27 8f96d09a4d94 Add Blind cycle AI. Add example of setting passing. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 26 diff changeset	782	ui.ai.current = ui.ai.algList[aiDom.id](aiDom);
71 aa0240db128a Show statistic reports. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 70 diff changeset	783	ui.ai.currentName = aiDom.id;
25 2ef10a49a28f Prepare UI for AI configuration. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 21 diff changeset	784	}
2ef10a49a28f Prepare UI for AI configuration. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 21 diff changeset	785
62 a8e4d8a808c1 Add statistic area. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 61 diff changeset	786
a8e4d8a808c1 Add statistic area. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 61 diff changeset	787	////////////////////////////////////////////////////////////////
a8e4d8a808c1 Add statistic area. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 61 diff changeset	788	// Reports and statistic.
a8e4d8a808c1 Add statistic area. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 61 diff changeset	789
71 aa0240db128a Show statistic reports. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 70 diff changeset	790	var reportsDom = document.getElementById('reports');
aa0240db128a Show statistic reports. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 70 diff changeset	791
73 a50828ac954d Remove code duplication. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 72 diff changeset	792	ui.report = {};
101 7f944bece417 Add number to statistic reports. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 100 diff changeset	793	ui.report.statNo = 1;
73 a50828ac954d Remove code duplication. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 72 diff changeset	794
a50828ac954d Remove code duplication. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 72 diff changeset	795	ui.report.stat = function() {
93 c2bf15c3b80b Add some BoardObj routines. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 88 diff changeset	796	/* console.profile(); */
68 f8d310e3aecf Add time and turn count to statistic data. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 67 diff changeset	797	var stats = [];
64 96e997158562 Gather game statistic. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 63 diff changeset	798	var cnt = parseInt(document.getElementById('stat-count-limit').value);
96e997158562 Gather game statistic. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 63 diff changeset	799	if (isNaN(cnt) \|\| !isFinite(cnt) \|\| cnt < 1)
96e997158562 Gather game statistic. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 63 diff changeset	800	cnt = 100;
96e997158562 Gather game statistic. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 63 diff changeset	801	var tsLimit = parseFloat(document.getElementById('stat-count-limit').value);
96e997158562 Gather game statistic. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 63 diff changeset	802	if (isNaN(tsLimit) \|\| !isFinite(tsLimit) \|\| tsLimit < 1 \|\| tsLimit > 60)
96e997158562 Gather game statistic. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 63 diff changeset	803	tsLimit = 1000 * 10;
96e997158562 Gather game statistic. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 63 diff changeset	804	else
96e997158562 Gather game statistic. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 63 diff changeset	805	tsLimit = 1000 * tsLimit;
66 c62a1051cef7 Move object creation out of loop. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 65 diff changeset	806	var safeBdr = board.create();
68 f8d310e3aecf Add time and turn count to statistic data. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 67 diff changeset	807	var tsLimitFrom = new Date().getTime();
72 0d1e5bbcde82 Fix value ordering. Fix game counting when time limit reached. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 71 diff changeset	808	for (var gameCnt = 0; gameCnt++ < cnt; void(0)) {
64 96e997158562 Gather game statistic. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 63 diff changeset	809	var turn = 0;
96e997158562 Gather game statistic. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 63 diff changeset	810	var brd = board.create();
96e997158562 Gather game statistic. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 63 diff changeset	811	board.putRandom(brd);
68 f8d310e3aecf Add time and turn count to statistic data. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 67 diff changeset	812	var tsFrom = new Date().getTime();
64 96e997158562 Gather game statistic. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 63 diff changeset	813	while (!board.gameOver(brd)) {
66 c62a1051cef7 Move object creation out of loop. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 65 diff changeset	814	board.copy(brd, safeBdr);
c62a1051cef7 Move object creation out of loop. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 65 diff changeset	815	var move = ui.ai.current.analyse(safeBdr);
64 96e997158562 Gather game statistic. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 63 diff changeset	816	if (ui.game.dirs.indexOf(move) < 0) {
96e997158562 Gather game statistic. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 63 diff changeset	817	ui.game.setMessage("I don't know how to move!");
96e997158562 Gather game statistic. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 63 diff changeset	818	return;
96e997158562 Gather game statistic. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 63 diff changeset	819	}
96e997158562 Gather game statistic. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 63 diff changeset	820	var updated = board.move[move].call(null, brd);
96e997158562 Gather game statistic. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 63 diff changeset	821	if (!updated) {
96e997158562 Gather game statistic. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 63 diff changeset	822	ui.game.setMessage("Wrong move!");
96e997158562 Gather game statistic. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 63 diff changeset	823	return;
96e997158562 Gather game statistic. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 63 diff changeset	824	}
96e997158562 Gather game statistic. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 63 diff changeset	825	board.putRandom(brd);
96e997158562 Gather game statistic. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 63 diff changeset	826	turn++;
96e997158562 Gather game statistic. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 63 diff changeset	827	}
96e997158562 Gather game statistic. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 63 diff changeset	828	var tsTo = new Date().getTime();
68 f8d310e3aecf Add time and turn count to statistic data. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 67 diff changeset	829	var stat = board.score(brd);
f8d310e3aecf Add time and turn count to statistic data. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 67 diff changeset	830	stat.turn = turn;
f8d310e3aecf Add time and turn count to statistic data. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 67 diff changeset	831	stat.ts = tsTo - tsFrom;
f8d310e3aecf Add time and turn count to statistic data. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 67 diff changeset	832	stats.push(stat);
f8d310e3aecf Add time and turn count to statistic data. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 67 diff changeset	833	if (tsTo - tsLimitFrom >= tsLimit)
64 96e997158562 Gather game statistic. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 63 diff changeset	834	break;
96e997158562 Gather game statistic. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 63 diff changeset	835	}
75 ab74c80beffd Add score, turn and speed statistic selection. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 74 diff changeset	836	var scoreChecked = document.getElementById('report-score').checked;
ab74c80beffd Add score, turn and speed statistic selection. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 74 diff changeset	837	var turnChecked = document.getElementById('report-turn').checked;
ab74c80beffd Add score, turn and speed statistic selection. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 74 diff changeset	838	var speedChecked = document.getElementById('report-speed').checked;
69 cbdfc1072009 Calculate statistic histogram. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 68 diff changeset	839	var histo = {};
cbdfc1072009 Calculate statistic histogram. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 68 diff changeset	840	for (i = stats.length-1; i >= 0; i--) {
cbdfc1072009 Calculate statistic histogram. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 68 diff changeset	841	var stat = stats[i];
cbdfc1072009 Calculate statistic histogram. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 68 diff changeset	842	if ( ! histo[stat.max])
cbdfc1072009 Calculate statistic histogram. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 68 diff changeset	843	histo[stat.max] = { n: 0, minSpeed: Infinity, meanSpeed: 0, maxSpeed: 0, minTurn: Infinity, meanTurn: 0, maxTurn: 0, minScore: Infinity, meanScore: 0, maxScore: 0 };
cbdfc1072009 Calculate statistic histogram. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 68 diff changeset	844	var row = histo[stat.max];
cbdfc1072009 Calculate statistic histogram. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 68 diff changeset	845	row.n++;
75 ab74c80beffd Add score, turn and speed statistic selection. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 74 diff changeset	846	if (scoreChecked) {
ab74c80beffd Add score, turn and speed statistic selection. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 74 diff changeset	847	row.minScore = Math.min(row.minScore, stat.score);
ab74c80beffd Add score, turn and speed statistic selection. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 74 diff changeset	848	row.meanScore += stat.score;
ab74c80beffd Add score, turn and speed statistic selection. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 74 diff changeset	849	row.maxScore = Math.max(row.maxScore, stat.score);
ab74c80beffd Add score, turn and speed statistic selection. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 74 diff changeset	850	}
ab74c80beffd Add score, turn and speed statistic selection. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 74 diff changeset	851	if (turnChecked) {
ab74c80beffd Add score, turn and speed statistic selection. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 74 diff changeset	852	row.minTurn = Math.min(row.minTurn, stat.turn);
ab74c80beffd Add score, turn and speed statistic selection. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 74 diff changeset	853	row.meanTurn += stat.turn;
ab74c80beffd Add score, turn and speed statistic selection. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 74 diff changeset	854	row.maxTurn = Math.max(row.maxTurn, stat.turn);
ab74c80beffd Add score, turn and speed statistic selection. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 74 diff changeset	855	}
ab74c80beffd Add score, turn and speed statistic selection. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 74 diff changeset	856	if (speedChecked) {
ab74c80beffd Add score, turn and speed statistic selection. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 74 diff changeset	857	var speed = (stat.turn * 1000.0) / stat.ts;
ab74c80beffd Add score, turn and speed statistic selection. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 74 diff changeset	858	row.minSpeed = Math.min(row.minSpeed, speed);
ab74c80beffd Add score, turn and speed statistic selection. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 74 diff changeset	859	row.meanSpeed += speed;
ab74c80beffd Add score, turn and speed statistic selection. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 74 diff changeset	860	row.maxSpeed = Math.max(row.maxSpeed, speed);
ab74c80beffd Add score, turn and speed statistic selection. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 74 diff changeset	861	}
69 cbdfc1072009 Calculate statistic histogram. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 68 diff changeset	862	}
cbdfc1072009 Calculate statistic histogram. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 68 diff changeset	863	for (var i in histo) {
cbdfc1072009 Calculate statistic histogram. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 68 diff changeset	864	var row = histo[i];
cbdfc1072009 Calculate statistic histogram. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 68 diff changeset	865	var n = row.n;
75 ab74c80beffd Add score, turn and speed statistic selection. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 74 diff changeset	866	if (scoreChecked)
ab74c80beffd Add score, turn and speed statistic selection. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 74 diff changeset	867	row.meanScore = row.meanScore / n;
ab74c80beffd Add score, turn and speed statistic selection. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 74 diff changeset	868	if (turnChecked)
ab74c80beffd Add score, turn and speed statistic selection. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 74 diff changeset	869	row.meanTurn = row.meanTurn / n;
ab74c80beffd Add score, turn and speed statistic selection. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 74 diff changeset	870	if (speedChecked)
ab74c80beffd Add score, turn and speed statistic selection. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 74 diff changeset	871	row.meanSpeed = row.meanSpeed / n;
69 cbdfc1072009 Calculate statistic histogram. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 68 diff changeset	872	}
71 aa0240db128a Show statistic reports. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 70 diff changeset	873	var reportDom = document.createElement('div');
aa0240db128a Show statistic reports. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 70 diff changeset	874	reportDom.classList.add('report');
aa0240db128a Show statistic reports. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 70 diff changeset	875	var h5Dom = document.createElement('h5');
101 7f944bece417 Add number to statistic reports. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 100 diff changeset	876	h5Dom.appendChild(document.createTextNode(ui.ai.currentName + " #" + ui.report.statNo++));
71 aa0240db128a Show statistic reports. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 70 diff changeset	877	reportDom.appendChild(h5Dom);
72 0d1e5bbcde82 Fix value ordering. Fix game counting when time limit reached. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 71 diff changeset	878	var maxVals = Object.keys(histo).sort(function(a,b){return a - b});
73 a50828ac954d Remove code duplication. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 72 diff changeset	879	var tbl = [];
71 aa0240db128a Show statistic reports. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 70 diff changeset	880	for (var i = maxVals.length-1; i >= 0; i--) {
aa0240db128a Show statistic reports. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 70 diff changeset	881	var maxVal = maxVals[i];
aa0240db128a Show statistic reports. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 70 diff changeset	882	var row = histo[maxVals[i]];
73 a50828ac954d Remove code duplication. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 72 diff changeset	883	var perc = parseFloat((100 * row.n / gameCnt).toPrecision(3));
75 ab74c80beffd Add score, turn and speed statistic selection. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 74 diff changeset	884	var tblRow = [maxVal, row.n, perc];
ab74c80beffd Add score, turn and speed statistic selection. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 74 diff changeset	885	if (scoreChecked) {
ab74c80beffd Add score, turn and speed statistic selection. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 74 diff changeset	886	tblRow.push(row.minScore);
ab74c80beffd Add score, turn and speed statistic selection. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 74 diff changeset	887	var meanScore = parseFloat(row.meanScore.toPrecision(3));
ab74c80beffd Add score, turn and speed statistic selection. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 74 diff changeset	888	tblRow.push(meanScore);
ab74c80beffd Add score, turn and speed statistic selection. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 74 diff changeset	889	tblRow.push(row.maxScore);
ab74c80beffd Add score, turn and speed statistic selection. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 74 diff changeset	890	}
ab74c80beffd Add score, turn and speed statistic selection. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 74 diff changeset	891	if (turnChecked) {
ab74c80beffd Add score, turn and speed statistic selection. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 74 diff changeset	892	tblRow.push(row.minTurn);
ab74c80beffd Add score, turn and speed statistic selection. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 74 diff changeset	893	tblRow.push(Math.floor(row.meanTurn));
ab74c80beffd Add score, turn and speed statistic selection. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 74 diff changeset	894	tblRow.push(row.maxTurn);
ab74c80beffd Add score, turn and speed statistic selection. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 74 diff changeset	895	}
ab74c80beffd Add score, turn and speed statistic selection. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 74 diff changeset	896	if (speedChecked) {
ab74c80beffd Add score, turn and speed statistic selection. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 74 diff changeset	897	tblRow.push(parseFloat(row.minSpeed.toPrecision(3)));
ab74c80beffd Add score, turn and speed statistic selection. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 74 diff changeset	898	tblRow.push(parseFloat(row.meanSpeed.toPrecision(3)));
ab74c80beffd Add score, turn and speed statistic selection. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 74 diff changeset	899	tblRow.push(parseFloat(row.maxSpeed.toPrecision(3)));
ab74c80beffd Add score, turn and speed statistic selection. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 74 diff changeset	900	}
ab74c80beffd Add score, turn and speed statistic selection. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 74 diff changeset	901	tbl.push(tblRow);
71 aa0240db128a Show statistic reports. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 70 diff changeset	902	}
75 ab74c80beffd Add score, turn and speed statistic selection. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 74 diff changeset	903	var tblCols = ['maxVal', 'n', '%'];
ab74c80beffd Add score, turn and speed statistic selection. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 74 diff changeset	904	if (scoreChecked) {
ab74c80beffd Add score, turn and speed statistic selection. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 74 diff changeset	905	tblCols.push('min score');
ab74c80beffd Add score, turn and speed statistic selection. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 74 diff changeset	906	tblCols.push('mean score');
ab74c80beffd Add score, turn and speed statistic selection. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 74 diff changeset	907	tblCols.push('max score');
ab74c80beffd Add score, turn and speed statistic selection. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 74 diff changeset	908	}
ab74c80beffd Add score, turn and speed statistic selection. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 74 diff changeset	909	if (turnChecked) {
ab74c80beffd Add score, turn and speed statistic selection. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 74 diff changeset	910	tblCols.push('min turn');
ab74c80beffd Add score, turn and speed statistic selection. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 74 diff changeset	911	tblCols.push('mean turn');
ab74c80beffd Add score, turn and speed statistic selection. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 74 diff changeset	912	tblCols.push('max turn');
ab74c80beffd Add score, turn and speed statistic selection. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 74 diff changeset	913	}
ab74c80beffd Add score, turn and speed statistic selection. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 74 diff changeset	914	if (speedChecked) {
ab74c80beffd Add score, turn and speed statistic selection. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 74 diff changeset	915	tblCols.push('min speed');
ab74c80beffd Add score, turn and speed statistic selection. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 74 diff changeset	916	tblCols.push('mean speed');
ab74c80beffd Add score, turn and speed statistic selection. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 74 diff changeset	917	tblCols.push('max speed');
ab74c80beffd Add score, turn and speed statistic selection. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 74 diff changeset	918	}
102 6c057ac86c97 Show AI config in report as title. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 101 diff changeset	919	var tableDom = ui.dom.table(tbl, tblCols, { tblClass: 'report-by-maxval', tblTitle: ui.ai.cfgTitle(ui.ai.currentName) });
71 aa0240db128a Show statistic reports. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 70 diff changeset	920	reportDom.appendChild(tableDom);
aa0240db128a Show statistic reports. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 70 diff changeset	921	reportsDom.insertBefore(reportDom, reportsDom.firstChild);
93 c2bf15c3b80b Add some BoardObj routines. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 88 diff changeset	922	/* console.profileEnd(); */
62 a8e4d8a808c1 Add statistic area. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 61 diff changeset	923	}
a8e4d8a808c1 Add statistic area. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 61 diff changeset	924	var statisticBtn = document.getElementById('statistic');
73 a50828ac954d Remove code duplication. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 72 diff changeset	925	statisticBtn.addEventListener("click", ui.report.stat, false);
62 a8e4d8a808c1 Add statistic area. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 61 diff changeset	926
98 eb4f89e2a001 Clean statistics button. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 97 diff changeset	927	ui.report.statClean = function() {
eb4f89e2a001 Clean statistics button. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 97 diff changeset	928	while (reportsDom.hasChildNodes()) {
eb4f89e2a001 Clean statistics button. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 97 diff changeset	929	reportsDom.removeChild(reportsDom.lastChild);
eb4f89e2a001 Clean statistics button. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 97 diff changeset	930	}
eb4f89e2a001 Clean statistics button. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 97 diff changeset	931	reportsDom.appendChild(ui.dom.clearfix());
eb4f89e2a001 Clean statistics button. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 97 diff changeset	932	}
eb4f89e2a001 Clean statistics button. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 97 diff changeset	933	var statisticCleanBtn = document.getElementById('statistic-clean');
eb4f89e2a001 Clean statistics button. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 97 diff changeset	934	statisticCleanBtn.addEventListener("click", ui.report.statClean, false);
62 a8e4d8a808c1 Add statistic area. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 61 diff changeset	935
a8e4d8a808c1 Add statistic area. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 61 diff changeset	936	////////////////////////////////////////////////////////////////
a8e4d8a808c1 Add statistic area. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 61 diff changeset	937	// Initialise game.
a8e4d8a808c1 Add statistic area. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 61 diff changeset	938
25 2ef10a49a28f Prepare UI for AI configuration. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 21 diff changeset	939	ui.brdEngine = BoardArr2d; // TODO make user selectable
93 c2bf15c3b80b Add some BoardObj routines. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 88 diff changeset	940	// ui.brdEngine = BoardObj; // TODO make user selectable
0 2821cc5e0189 basic implementation Oleksandr Gavenko <gavenkoa@gmail.com> parents: diff changeset	941
95 804e751a3b7f Save and restore continuation limits. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 94 diff changeset	942	if (localStorage.untilScore) {
804e751a3b7f Save and restore continuation limits. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 94 diff changeset	943	var scoreLimit = parseInt(localStorage.untilScore);
804e751a3b7f Save and restore continuation limits. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 94 diff changeset	944	if (isFinite(scoreLimit) && scoreLimit > 0)
804e751a3b7f Save and restore continuation limits. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 94 diff changeset	945	document.getElementById("until-score").value = scoreLimit;
804e751a3b7f Save and restore continuation limits. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 94 diff changeset	946	}
804e751a3b7f Save and restore continuation limits. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 94 diff changeset	947	if (localStorage.untilMaxVal) {
804e751a3b7f Save and restore continuation limits. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 94 diff changeset	948	var maxValLimit = parseInt(localStorage.untilMaxVal);
804e751a3b7f Save and restore continuation limits. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 94 diff changeset	949	if (isFinite(maxValLimit) && maxValLimit > 0 && maxValLimit <= 13)
804e751a3b7f Save and restore continuation limits. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 94 diff changeset	950	document.getElementById("until-max-value").value = maxValLimit;
804e751a3b7f Save and restore continuation limits. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 94 diff changeset	951	}
804e751a3b7f Save and restore continuation limits. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 94 diff changeset	952
43 8b1577211149 Save val2048 preference. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 42 diff changeset	953	if (localStorage.val2048) {
8b1577211149 Save val2048 preference. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 42 diff changeset	954	try {
8b1577211149 Save val2048 preference. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 42 diff changeset	955	ui.board.val2048Dom.checked = JSON.parse(localStorage.val2048);
8b1577211149 Save val2048 preference. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 42 diff changeset	956	} catch (ex) { }
8b1577211149 Save val2048 preference. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 42 diff changeset	957	}
41 359719178176 Reorganise code. Warn about uninitialised AI. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 40 diff changeset	958	if (localStorage.savedBoard) {
42 716508d5494c Save board between browser sessions. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 41 diff changeset	959	try {
45 0bcdec3bdaa8 Rename. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 44 diff changeset	960	ui.board.position = JSON.parse(localStorage.savedBoard);
46 4dadaff6eba4 Update/store/restore game turn. Show max value according to value settings. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 45 diff changeset	961	if (localStorage.savedTurn)
4dadaff6eba4 Update/store/restore game turn. Show max value according to value settings. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 45 diff changeset	962	ui.board.turn = JSON.parse(localStorage.savedTurn);
4dadaff6eba4 Update/store/restore game turn. Show max value according to value settings. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 45 diff changeset	963	else
4dadaff6eba4 Update/store/restore game turn. Show max value according to value settings. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 45 diff changeset	964	ui.board.turn = 0;
45 0bcdec3bdaa8 Rename. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 44 diff changeset	965	ui.board.update(ui.board.position);
46 4dadaff6eba4 Update/store/restore game turn. Show max value according to value settings. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 45 diff changeset	966	ui.score.update(ui.board.position, ui.board.turn);
42 716508d5494c Save board between browser sessions. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 41 diff changeset	967	} catch (ex) { }
41 359719178176 Reorganise code. Warn about uninitialised AI. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 40 diff changeset	968	} else {
359719178176 Reorganise code. Warn about uninitialised AI. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 40 diff changeset	969	ui.action.start();
359719178176 Reorganise code. Warn about uninitialised AI. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 40 diff changeset	970	}
32 f48151863cdf Start game after page load. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 31 diff changeset	971
0 2821cc5e0189 basic implementation Oleksandr Gavenko <gavenkoa@gmail.com> parents: diff changeset	972	</script>
2821cc5e0189 basic implementation Oleksandr Gavenko <gavenkoa@gmail.com> parents: diff changeset	973
2821cc5e0189 basic implementation Oleksandr Gavenko <gavenkoa@gmail.com> parents: diff changeset	974	</body>
2821cc5e0189 basic implementation Oleksandr Gavenko <gavenkoa@gmail.com> parents: diff changeset	975	</html>

author	Oleksandr Gavenko <gavenkoa@gmail.com>
	Mon, 22 Sep 2014 22:36:03 +0300
changeset 111	7b9d1bb9c471
parent 110	e3a91b336976
parent 93	c2bf15c3b80b
child 112	4bb8ed8448bc
permissions	-rw-r--r--