forked from lo-th/3d.city
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
35 lines (33 loc) · 1.63 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
<!DOCTYPE html>
<html lang="en">
<head>
<title>3D.CITY</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
<link rel="icon" href="favicon.ico" />
<style>
*{ padding:0; margin: 0; -o-user-select:none; -ms-user-select:none; -khtml-user-select:none; -webkit-user-select:none; -moz-user-select: none;}
html { width:100%; height:100%; }
body { background:#6666E6; font:10px sans-serif; width:100%; height:100%; color:#FFFFFF; overflow: hidden; }
#container{ min-width:465px; min-height:465px; width:100%; height:100%; overflow:hidden; text-align:center; }
#container canvas{ position:absolute;top:0;left:0;width:100%;height:100% }
#debug{ position:absolute; padding:5px; right:0; bottom:0; text-align:right; width:20%; pointer-events:none; display:block; color:#000;}
#hub{ position:absolute; top:0; left:0; height:100%; width:100%; pointer-events:none; display:block; text-align:center;}
#miniGlCanvas{ position:absolute; bottom:60px; left:15px; pointer-events:none;}
#logo{pointer-events:none; display:none;}
a:link {text-decoration: none; color:#FFAA66;}
a:visited {text-decoration: none; color:#FFAA66;}
a:active {text-decoration: none; color:#FFAA66;}
a:hover {text-decoration: underline; color: red;}
</style>
<script src="js/three.min.js"></script>
<script src="js/sea3d.min.js"></script>
<script src="build/view.min.js"></script>
</head>
<body onload="init()">
<div id="container"></div>
<div id="debug">v 0.3</div>
<canvas id="miniGlCanvas"></canvas>
<div id="hub"></div>
<object id="logo" width="300" height="300" type="image/svg+xml" data="img/logo.svg"></object>
</body></html>