-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
24 lines (22 loc) · 1.42 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
<!DOCTYPE html>
<html>
<head>
<title>A frame test</title>
<!-- reset some default props and add state classes used for active toggles -->
<link rel="stylesheet" href="css/main.css" type="text/css" />
<!-- including required JS -->
<script src="/js/aframe.min.js" type="text/javascript"></script>
<script src="/js/aframe-cubemap.min.js" type="text/javascript"></script>
<!-- ES2015 (ES6) version of this file is also available when the time comes (and much more readable than the ES5 one) -->
<script src="/js/panorama.min.js" type="text/javascript"></script>
<script async src="/js/main.js" type="text/javascript"></script>
</head>
<body>
<!-- attributes can also be set in HTML, use dashes instead of underscores e.g. auto_rotate: true becomes auto-rotate="true" -->
<!-- cubemap specific parameters (defined by cubemap_*) are to be used without the cubemap prefix in HTML -->
<!-- last but not least, if cubemap_folder_template is defined, the placeholders can also be used in HTML and will be replaced by their value -->
<!-- in the js/main.js file the cubemap_folder_template is defined globally which allows us to use :panorama_id within html as panorama-id -->
<!-- this removes the need to add a folder="/some/path" attribute on the html element and allows for much more consise properties to be used instead -->
<div class="panorama" panorama-id="18755"></div>
</body>
</html>