-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
54 lines (50 loc) · 1.7 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
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
<!DOCTYPE html>
<html lang="en-us">
<style>
body { background-color: powderblue;}
button {
padding: 5px;
margin: 5px;
cursor: pointer;
opacity: 0.75;
border-radius: 6px;
}
button:hover {
opacity: 0.95;
}
</style>
<head>
<meta charset="utf-8">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Unity WebGL Player | Dino Might</title>
<link rel="shortcut icon" href="TemplateData/favicon.ico">
<link rel="stylesheet" href="TemplateData/style.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<script src="TemplateData/UnityProgress.js"></script>
<script src="Build/UnityLoader.js"></script>
<script>
var unityInstance = UnityLoader.instantiate("unityContainer", "Build/dino-might-1.json", {
onProgress: UnityProgress
});
</script>
</head>
<body>
<div>
<button type="button" onclick="window.open('https://youtu.be/bUDn65XtAFs', '_blank')">
<i class="fa fa-gamepad" aria-hidden="true"></i> <b>Watch our game trailer here first!</b></button>
</div>
<div>
<button type="button"
onclick="window.open('https://drive.google.com/file/d/1SkLr3tsnfdUyzKQEqfHlY21flEVr7oSm/view?usp=sharing', '_blank')">
<i class="fa fa-map-o" aria-hidden="true"></i> <b>Feature walkthrough</b></button>
</div>
<div class="webgl-content">
<div id="unityContainer" style="width: 960px; height: 600px"></div>
<div class="footer">
<div class="webgl-logo"></div>
<div class="fullscreen" onclick="unityInstance.SetFullscreen(1)"></div>
</div>
* It will take a short while on the first load.
</div>
</body>
</html>