forked from ppfun/pixelplanet
27 lines
1.4 KiB
HTML
27 lines
1.4 KiB
HTML
<!doctype html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>PixelPlanet.fun</title>
|
|
<style>
|
|
body { margin: 0; overflow: hidden; background-color: #000; font-size: 16px; font-family: Montserrat,sans-serif; }
|
|
.tm { position: absolute; top: 10px; right: 10px; }
|
|
.webgl-error { font: 15px/30px monospace; text-align: center; color: #fff; margin: 50px; }
|
|
.webgl-error a { color: #fff; }
|
|
#coorbox { position: absolute; background-color: hsla(0,0%,89%,.8); color: #000; text-align: center; vertical-align: middle; line-height: 36px; width: auto; height: 36px; padding: 0 24px; border: solid #000; border-width: thin; left: 16px; bottom: 16px}
|
|
#info { font-size: 13px; position: absolute; background-color: hsla(0,0%,89%,.8); color: #000; text-align: center; vertical-align: middle; line-height: 36px; width: auto; height: 36px; padding: 0 24px; border: solid #000; border-width: thin; left: 16px; top: 16px}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div id="webgl"></div>
|
|
<div id="coorbox">(0, 0)</div>
|
|
<div id="info">Double click on globe to go back.</div>
|
|
<script src="https://unpkg.com/three@0.91.0/build/three.min.js"></script>
|
|
<script src="https://unpkg.com/three@0.91.0/examples/js/loaders/GLTFLoader.js"></script>
|
|
<script src="Detector.js"></script>
|
|
<script src="TrackballControls.js"></script>
|
|
<script src="space.js"></script>
|
|
</body>
|
|
</html>
|