Clean Up in Aisle Three
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 

107 lines
3.0 KiB

<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, height=device-height, initial-scale=1, maximum-scale=1, user-scalable=no">
<style type="text/css">
body {
margin: 0;
background-color: #111;
font-family: helvetica, arial, sans-serif;
}
canvas {
display: block;
}
/* remove outline on canvas */
canvas:focus {
outline: none;
}
#application-splash {
position: absolute;
top: 40%;
width: 30%;
left: 35%;
}
#application-splash img {
width: 100%;
}
/* Small devices */
@media (min-width: 768px) {
#application-splash {
width: 20%;
left: 40%;
}
}
/* Large devices */
@media (min-width: 992px) {
#application-splash {
width: 10%;
left: 45%;
}
}
}
</style>
<title>PlayCanvas</title>
<script src="code.playcanvas.com/playcanvas-0.153.0.min.js"></script>
<script>
var options = {};
(function (options) {
var uri = new pc.URI(window.location.href);
var query = uri.getQuery();
pc.config = pc.config || {};
pc.config['frame'] = {
url: window.location.href
};
pc.extend(options, {
useApi: false,
repository: pc.string.toBool(query.repository),
scriptPrefix: "",
displayLoader: (query.loader && query.loader === 'debug')
});
}(options));
</script>
<script src="data.js"></script>
</head>
<body>
<div id="application-splash">
<a href="http://playcanvas.com" target="_blank">
<img src="logo.png" />
</a>
<div id="application-progress"></div>
</div>
<script src="bootstrap.js"></script>
<script>
window.addEventListener('message', function (e) {
if (e.origin === 'http://apps.playcanvas.com') {
pc.config['frame'] = JSON.parse(e.data);
}
}, false);
// Tell parent window w
window.top.postMessage('frame:listening', '*');
var progress = new pc.ProgressBar(document.getElementById('application-progress'), 2);
progress.attach(document.body);
var bootstrap = new pc.Bootstrap(options);
bootstrap.on('progress', function (v) {
if (v >= progress.value) {
progress.value = v;
}
});
bootstrap.on('loaded', function () {
var splash = document.getElementById('application-splash');
splash.parentNode.removeChild(splash);
});
bootstrap.start("e73877a6-1c1a-11e4-a44a-22000a4a0339");
</script>
</body>
</html>