-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
48 lines (47 loc) · 2.25 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
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Virtual Reality Space Experience with Panorama Photo</title>
<link rel="stylesheet" href="src/reset.css">
<link rel="stylesheet" href="src/style.css">
<script src="src/jquery-3.2.1.min.js"></script>
<script src="src/aframe.js" charset="utf-8"></script>
<script src="src/index.js"></script>
</head>
<body>
<div id="mainIconWrapper">
<div id="iconMenu" class="icon-menu-wrapper">
<div class="icon icon-menu"></div>
</div>
<div class="icon-photos-wrapper">
<label class="icon icon-photos" id="fileInputLabel" for="fileInput"></label>
<input type="file" class="fileInput" id="fileInput" accept="image/*" style="display: none" />
</div>
</div>
<div id="navWrapper" class="nav" style="display: none">
<div class="top-left">
<div class="main-logo-type noselect"><a href="https://junojunho.com" target="_blank">VR Space Experience</a></div>
<p class="main-desc noselect">모바일 웹 혹은 데스크톱에서 <br> 파노라마 이미지 파일을 선택해보세요. <br> VR 을 경험할 수 있습니다</p>
</div>
<div id="iconClose" class="top-right">
<div class="icon icon-close"></div>
</div>
<div class="bottom-left menu-list-wrapper noselect">
<p class="sub-desc noselect">Developed by Junho Park</p>
</div>
<div class="center-center">
<div class="">
<label class="center-btn noselect" for="inputFileInMenu">파노라마 이미지 선택하기</label>
<input type="file" class="fileInput" id="inputFileInMenu" accept="image/*" style="display: none" />
</div>
</div>
</div>
<a-scene>
<!-- <a-sky id="panoImage" src="https://raw.githubusercontent.com/aframevr/aframe/master/examples/boilerplate/panorama/puydesancy.jpg" rotation="0 -130 0"></a-sky> -->
<a-sky id="panoImage" src="https://junojunho.com/design_portfolio/images/vr_bg.png" rotation="0 -130 0"></a-sky>
</a-scene>
</body>
</html>