-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
89 lines (89 loc) · 3.46 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<h1>Colorfight-JS</h1>
<h2>A JavaScript implementation of Colorfight, for testing different AI strategies</h2>
<h3>Step 1: Learn about the different AI frameworks</h3>
<h4>ExampleAI</h4>
<span>Specialty: Nothing</span>
<br />
<span>Randomly attack any adjacent cells</span>
<br />
<h4>ExampleAI+</h4>
<span>Specialty: Expansion</span>
<br />
<span>Pick a random cell, then evaluate (based on time) if it should be attacked</span>
<br />
<h4>XJ-9</h4>
<span>Specialty: Defense</span>
<br />
<span>Attacks highest value adjacent cell. Randomly builds bases, and defends with blast.</span>
<h4>AgniKai</h4>
<span>Specialty: Attack</span>
<br />
<span>Attacks highest value adjacent cell. Randomly builds bases, and defends with blast.</span>
<!-- DO NOT MODIFY THE ID OR NAME ATTRIBUTES OF THESE -->
<h3>Step 2: Select an AI framework for your bot</h3>
<select id="framework_select">
<option value="exampleAI">ExampleAI</option>
<option value="exampleAIPlus">ExampleAI+</option>
<option value="exJayNine">XJ-9</option>
<option value="exJayNine">AgniKai</option>
</select>
<br />
<h3>Step 3: Configure framework for your strategy</h3>
<h4>ExampleAI</h4>
<span>Completely random. No configurations.</span>
<h4>ExampleAI+</h4>
<h5>Attack Time</h5>
<span>ExampleAI+ picks a random cell, but will only attack it if the take time is low enough.</span>
<br />
<br />
<span>Normal Max Take Time (4 - 33 seconds): </span><input type="number" min="4" max="33" id="plus_normal_take_time" value="33" />
<br />
<span>Gold Max Take Time (4 - 33 seconds): </span><input type="number" min="4" max="33" id="plus_gold_take_time" value="33" />
<br />
<span>Energy Max Take Time (4 - 33 seconds): </span><input type="number" min="4" max="33" id="plus_energy_take_time" value="33" />
<br />
<h4>XJ-9</h4>
<h5>Attack Time</h5>
<span>Configure the max threshold for attack times of different types of cells</span>
<br />
<br />
<span>Normal Max Take Time (4 - 33 seconds): </span><input type="number" min="4" max="33" id="plus_normal_take_time" value="33" />
<br />
<span>Gold Max Take Time (4 - 33 seconds): </span><input type="number" min="4" max="33" id="plus_gold_take_time" value="33" />
<br />
<span>Energy Max Take Time (4 - 33 seconds): </span><input type="number" min="4" max="33" id="plus_energy_take_time" value="33" />
<br />
<h5>Blast Parameters</h5>
<span>XJ-9 will only blast to take high value cells from other players</span>
<br />
<br />
<span>Blast for gold cells?</span>
<br />
<input type="radio" id="xjgold_yes" name="xjgold" value="yes">
<label for="xjgold">Yes</label>
<input type="radio" id="xjgold_no" name="xjgold" value="no">
<label for="xjgold">No</label>
<br />
<span>Blast for energy cells?</span>
<br />
<input type="radio" id="xjgold_yes" name="xjenergy" value="yes">
<label for="xjgold">Yes</label>
<input type="radio" id="xjgold_no" name="xjenergy" value="no">
<label for="xjgold">No</label>
<br />
<h5>Attack Time </h5>
<h4>AgniKai</h4>
<h3>Step 4: Join the game with your AI</h3>
<input type="text" placeholder="Enter name..." id="name_input" />
<button id="join_button">Join Game</button>
<script src="main.js"></script>
<!-- END PROTECTED ATTRIBUTES -->
<h3>Step 5: Watch it in action</h3>
<span>Navigate to <a href="http://colorfight.herokuapp.com">http://colorfight.herokuapp.com</a></span>
</body>
</html>