stimuli/heirarchy.html at master · erindb/stimuli · GitHub

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
<html><head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title>Stimuli</title>
<meta name="viewport" content="initial-scale=1.0">
<style>
svg {display: inline;}
</style>
</head>

<body>

<div id="imgs"></div>

<!-- Erin's stimuli scripts -->
<!-- <script src="http://code.lib/jquery.com/lib/jquery-1.11.0.min.js" type="text/javascript"></script>-->
<script src="lib/jquery-2.0.3.min.js" type="text/javascript"></script>
<script src="lib/raphael.js" type="text/javascript"></script>
<script src="ecosystem.js" type="text/javascript"></script>

<script>

for (var i=0; i<20; i++) {
	$("#imgs").append(
		"<svg id='svg" + i.toString() +
		"'></svg>");
}

var fish_colors = new ColorRandomizer(3);

var wug_fish_colors = {
	mean: fish_colors.get(),
	sample: function() {return Ecosystem.myColor(this.mean, 0.5);}
}

var fep_fish_colors = {
	mean: fish_colors.get(),
	sample: function() {return Ecosystem.myColor(this.mean, 0.5);}
}

console.log(wug_fish_colors.sample());
console.log(wug_fish_colors.sample());
console.log(wug_fish_colors.sample());

var wug1 = new Ecosystem.Genus("fish", {"col1": {"mean": wug_fish_colors.sample()}, "var": 0.1});
wug1.draw("svg0", {tar1:true, tar2:true, tar3:true});
wug1.draw("svg1", {tar1:true, tar2:true, tar3:true});
wug1.draw("svg2", {tar1:true, tar2:true, tar3:true});
var wug2 = new Ecosystem.Genus("fish", {"col1": {"mean": wug_fish_colors.sample()}, "var": 0.1});
wug2.draw("svg3");
wug2.draw("svg4");
wug2.draw("svg5");

var fep1 = new Ecosystem.Genus("fish", {"col1": {"mean": fep_fish_colors.sample()}, "var": 0.1});
fep1.draw("svg6");
fep1.draw("svg7");
fep1.draw("svg8");
var fep2 = new Ecosystem.Genus("fish", {"col1": {"mean": fep_fish_colors.sample()}, "var": 0.1});
fep2.draw("svg9");
fep2.draw("svg10");
fep2.draw("svg11");

//genus.draw("svg3");
//genus.draw("svg4");
/*var nrow = 3;
var ncol = 4;
var critters = ["bug", "bird", "fish", "flower"];
for (var c=0; c<critters.length; c++) {
	var critter = critters[c];

	var tablestring = '<table><tbody>';
	for (var i=0; i<nrow; i++) {
		tablestring += '<tr>';
		for (var j=0; j<ncol; j++) {
			tablestring += '<td><svg id="' + critter + '-' + i + '-' + j +
			               '" width="250px" height="250px"></svg></td>'
		}
		tablestring += '</tr>';
	}
	tablestring += '</tbody></table>';

	$("#"+critter).html(tablestring);
	var props = [
		{
			"var":0.2, tar1:1, tar2:0,
			col1:{"mean":"#ff0000"},
			col2:{"mean":"#00ff00"},
			col3:{"mean":"#0000ff"},
			col4:{"mean":"#ffff00"},
			col5:{"mean":"#00ffff"},
		},
		{tar1:0, tar2:1,
			col1:{"mean":"#ff0000"},
			col2:{"mean":"#00ff00"},
			col3:{"mean":"#0000ff"},
			col4:{"mean":"#ffff00"},
			col5:{"mean":"#00ffff"},
		},
		{"var":0.6, tar1:0, tar2:0}
	];
	for (var i=0; i<nrow; i++) {
		for (var j=0; j<ncol; j++) {
			var p = props[i] ? props[i] : {};
			var genus = new Ecosystem.Genus(critter, p);
			genus.draw(critter + '-' + i + '-' + j, {}, 0.5);
		}
	}
}*/
</script>

</body></html>