nealsbo.github.io/index.html at master · Nealsbo/nealsbo.github.io · 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
<html>
	<head>
		<title>WebGL Renderer</title>
		<style>
			body {
				color: #808080;
				font-family:Monospace;
				font-size:32px;
				text-align:center;
				background-color: #fff;
				margin: 0px;
				overflow: hidden;
			}
			.pet-select {
				font-size:32px;
				width:300px;
				height:50;
				text-align:center;
				font-weight: bold;
			}
			.button {
				color: white;
				background-color: #555555;
				border-radius: 50%;
				padding: 12px 24px;
				text-align: center;
				display: inline-block;
				font-size: 28px;
			}
			canvas { width: 100%; height: 100% }
		</style>
	</head>
	<body>
		<div id="body">
			<select class="pet-select" onchange="loadModel(this.value)">
				<option value="cat">Cat</option>
				<option value="dog">Dog</option>
				<option value="fish">Fish</option>
				<option value="parrot">Parrot</option>
			</select>
		</div>

		<script src="js/three.min.js"></script>
		<script src="js/ColladaLoader.js"></script>
		<script src="js/OrbitControls.js"></script>
		<script src="render.js"></script>
	</body>
</html>