avatarDisplayServer/randomAvatars.html at master · PIELab/avatarDisplayServer · 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
<html>
<head>
	<!-- load libraries -->
	<script type="text/javascript" src="JS/jquery-1.9.1.min.js"></script>

	<!-- load globals -->
	<script type="text/javascript" src="JS/globals.js"></script>

	<!-- load javascript functions -->
	<script src="JS/avatarEmbiggener.js"></script>
	<script src="JS/avatarInserter.js"></script>
	<script src="JS/animateAvatar.js"></script>

	<!-- define what the page does onload -->
	<script type="text/javascript">
		function startup(){
			generateRandomAvatars();
			insertAvatars();
		}
	</script>

</head>

<body onload="startup()"  bgcolor="#C4C4C0">

	<h1>Lots of Random Avatars:</h1>
	<div id="avatars">
		<!-- will look something like:
		<canvas id="avatar0" height="300" width="300" onclick="drawAvatarAnim()"></canvas>
			in older versions:
		<canvas id="avatar1" height="100" width="100"></canvas>
			even older:
		<image id='avatar2' src='images/animations/running/0.png' /> -->
	</div>

	<button type="button" onclick="insertImage(animationSize)">add avatar</button>
<!--	<button type="button" onclick="oneFrameAll()">animate avatars</button>
-->

<input type="submit" name="increment" value="Increment" />
</body>
</html>