-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
94 lines (86 loc) · 3.35 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
90
91
92
93
94
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Behaviour Engineer - LD45</title>
<link rel="stylesheet" href="style/style.css">
<link rel="stylesheet" href="vendored/fontawesome/css/all.min.css">
</head>
<body>
<div id="main">
<div id="new-node" class="hidden"></div>
<div id="game-panel">
<div id="sim-wrapper" class="wrapper">
<canvas id="simulation"></canvas>
<!--<div class="smoothie-chart-tooltip"></div>-->
</div>
<div id="tree-wrapper" class="wrapper hidden">
<div id="tree-panel">
<div id="tree-panel-backplane">
<div class="node"><span class="fas fa-asterisk"></span></div>
</div>
</div>
</div>
</div>
<div id="menu-panel">
<div class="wrapper">
<div>
<div class="panel">
<div id="panel-cell-tracker">
<canvas id="cell-tracker"></canvas>
</div>
</div>
<div class="panel">
<div id="panel-gene-selection">
<div id="tree" class="inactive">Behaviour Tree</div>
<ul>
<!-- generated -->
</ul>
<div class="clear-float"></div>
</div>
</div>
<div class="clear-float"></div>
<div class="panel">
<div id="panel-gene-info">
</div>
</div>
<div class="panel">
<div id="panel-gene-info2">
<b>You start with nothing</b><br>
Drag behaviours from the right into your behaviour tree on the left.<br>
Hover over the Icons to find out what each behaviour does.<br>
When a new cell is spawned, either by splitting or by clicking in the world while there is no cell of color alive, it will adopt the new tree.
May the fittest survive!
</div>
</div>
<div class="panel panel-bottom">
<div id="panel-simulation-buttons">
<div>
<div id="play" class="fas fa-play active"></div>
<div id="pause" class="fas fa-pause negative"></div>
</div>
<div>
<div id="warp" class="fas fa-fast-forward"></div>
<div id="tick" class="fas fa-step-forward inactive"></div>
</div>
<div>
<div id="restart" class="">Restart World</div>
</div>
<span class="clear-float"></span>
</div>
</div>
</div>
</div>
</div>
</div>
<!--You made this?-->
<script src="vendored/smoothie.js"></script>
<script src="vendored/open-simplex-noise.js"></script>
<!--I made this!-->
<script src="scripts/util.js"></script>
<script src="scripts/behavior-tree.js"></script>
<script src="scripts/engine.js"></script>
<script src="scripts/behaviours.js"></script>
<script src="scripts/main.js"></script>
</body>
</html>