/
index.html
117 lines (116 loc) · 5.91 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
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
<!doctype html>
<html lang="en">
<head>
<meta name="twitter:card" content="summary"/>
<meta name="twitter:site" content="@jobtalle"/>
<meta name="twitter:description" content="Cephalopods"/>
<meta name="twitter:title" content="Cephalopods"/>
<meta name="twitter:image" content="https://jobtalle.com/Cephalopods/preview.png"/>
<meta property="og:image" content="https://jobtalle.com/Cephalopods/preview.png"/>
<title>Cephalopods</title>
<link rel="stylesheet" type="text/css" href="css/style.css">
</head>
<body>
<div id="startMenu" class="outerMenu">
<div class="middleMenu">
<div class="innerMenu">
<form class="form">
<div class="formDiv">
<label for="perGenTime" class="text formContent">Per generation time</label>
<input id="perGenTime" class="formContent" type="number" name="perGenTime">
</div>
<div class="formDiv">
<label for="foodCoef" class="text formContent">Food coef</label>
<input id="foodCoef" class="formContent" type="number" name="foodCoef">
</div>
<div class="formDiv">
<label for="agentsCnt" class="text formContent">Cephalopods count</label>
<input id="agentsCnt" class="formContent" type="number" name="agentsCnt">
</div>
<div class="formDiv">
<label for="axonMutChance" class="text formContent">Axon mutation chance</label>
<input id="axonMutChance" class="formContent" type="number" name="axonMutChance">
</div>
<div class="formDiv">
<label for="axonMutAmpl" class="text formContent">Axon mutation amplitude</label>
<input id="axonMutAmpl" class="formContent" type="number" name="axonMutAmpl">
</div>
<div class="formDiv">
<label for="axonCreateChance" class="text formContent">Axon creation chance</label>
<input id="axonCreateChance" class="formContent" type="number" name="axonCreateChance">
</div>
<div class="formDiv">
<label for="axonRemoveChance" class="text formContent">Axon removing chance</label>
<input id="axonRemoveChance" class="formContent" type="number" name="axonRemoveChance">
</div>
<div class="formDiv">
<label for="bodyMassPerArea" class="text formContent">Body mass per area</label>
<input id="bodyMassPerArea" class="formContent" type="number" name="bodyMassPerArea">
</div>
<div class="formDiv">
<label for="bodyNeuronPerArea" class="text formContent">Body neurons per area</label>
<input id="bodyNeuronPerArea" class="formContent" type="number" name="bodyNeuronPerArea">
</div>
<div class="formDiv">
<label for="agentsToNextGen" class="text formContent">Save agents to next generation</label>
<input id="agentsToNextGen" class="formContent" type="number" name="agentsToNextGen">
</div>
<div class="formDiv">
<input type="button" onclick="ValidateVariables()" class="formContent" value="Start!">
</div>
</form>
</div>
</div>
</div>
<div id="wrapper">
<div id="viewport">
<canvas id="renderer"></canvas>
<div id="controls" class="gui left">
<div id="simulation-info"></div>
<div id="buttons"></div>
</div>
<div id="inspector" class="gui right">
<div id="agent-info"></div>
<div id="brain"></div>
</div>
</div>
</div>
<script src="js/vector.js"></script>
<script src="js/agent/dna/dnaAppendage.js"></script>
<script src="js/agent/dna/dnaTentacle.js"></script>
<script src="js/agent/dna/dnaAxon.js"></script>
<script src="js/agent/dna/dnaBrain.js"></script>
<script src="js/agent/dna/dnaBody.js"></script>
<script src="js/agent/dna/dna.js"></script>
<script src="js/agent/appendage.js"></script>
<script src="js/agent/brain/neuron.js"></script>
<script src="js/agent/brain/axon.js"></script>
<script src="js/agent/brain/brain.js"></script>
<script src="js/agent/tentacle/segment.js"></script>
<script src="js/agent/tentacle/segmentHead.js"></script>
<script src="js/agent/tentacle/tentacle.js"></script>
<script src="js/agent/body.js"></script>
<script src="js/agent/agent.js"></script>
<script src="js/rater.js"></script>
<script src="js/selector.js"></script>
<script src="js/mutator/mutator.js"></script>
<script src="js/mutator/mutatorBody.js"></script>
<script src="js/mutator/mutatorBrain.js"></script>
<script src="js/mutator/mutatorAxon.js"></script>
<script src="js/food.js"></script>
<script src="js/environment.js"></script>
<script src="js/cephalopods.js"></script>
<script src="js/gui/line.js"></script>
<script src="js/gui/button.js"></script>
<script src="js/gui/toggleButton.js"></script>
<script src="js/gui/simulation/simulationInfo.js"></script>
<script src="js/gui/simulation/buttons.js"></script>
<script src="js/gui/agent/agentInfo.js"></script>
<script src="js/gui/agent/neuronPlot.js"></script>
<script src="js/gui/agent/axonPlot.js"></script>
<script src="js/gui/agent/brainPlot.js"></script>
<script src="js/gui/agent/brainView.js"></script>
<script src="js/gui/gui.js"></script>
<script src="js/main.js"></script>
</body>
</html>