summaryrefslogtreecommitdiff
path: root/index.html
diff options
context:
space:
mode:
authorJules Laplace <jules@okfoc.us>2016-09-11 15:49:18 -0400
committerJules Laplace <jules@okfoc.us>2016-09-11 15:49:18 -0400
commit642a0e99cfb4aeaa71cc1ac51739608ef6225b99 (patch)
tree450d97fa941216306471f5a99f55c291f3e39bd0 /index.html
parent5d18cc7380a076a0b02dff6ef47c85685d317d7e (diff)
js/vendor/StartAudioContext.js
Diffstat (limited to 'index.html')
-rw-r--r--index.html30
1 files changed, 28 insertions, 2 deletions
diff --git a/index.html b/index.html
index fcec2b2..91b0e3a 100644
--- a/index.html
+++ b/index.html
@@ -11,6 +11,31 @@ circle { cursor: pointer }
input[type=text] { width: 30px }
#mobile_controls { display: none }
.mobile #mobile_controls { display: inline }
+
+#MobileStart {
+ position: absolute;
+ width: 100%;
+ height: 100%;
+ z-index: 10000;
+ top: 0px;
+ left: 0px;
+ background-color: rgba(0, 0, 0, 0.8);
+}
+#MobileStart #Button {
+ position: absolute;
+ left: 50%;
+ top: 50%;
+ background-color: #7F33ED;
+ color: white;
+ font-family: monospace;
+ border-radius: 3px;
+ margin-top: -40px;
+ margin-left: -40px;
+ width: 80px;
+ height: 80px;
+ text-align: center;
+ line-height: 80px; }
+
</style>
</head>
<body class="loading">
@@ -53,13 +78,14 @@ input[type=text] { width: 30px }
<script src="./js/vendor/oktween.js"></script>
<script src="./js/vendor/util.js"></script>
<script src="./js/vendor/wheel.js"></script>
+<script src="./js/vendor/Tone.min.js"></script>
+<script src="./js/vendor/intersect.js"></script>
+<script src="./js/vendor/StartAudioContext.js"></script>
<script src="./js/mx/mx.js"></script>
<script src="./js/mx/mx.scene.js"></script>
<script src="./js/mx/mx.followingOrbitCamera.js"></script>
<script src="./js/lib/canvas_loader.js"></script>
<script src="./js/lib/snapmx.js"></script>
-<script src="./js/vendor/Tone.min.js"></script>
-<script src="./js/vendor/intersect.js"></script>
<script src="env.js"></script>
<script src="./js/lib/app.js"></script>
</html>