Skip to content

Commit 823dd83

Browse files
HERIUNHERIUN
authored
Add files via upload
1 parent a5e3876 commit 823dd83

File tree

5 files changed

+717
-0
lines changed

5 files changed

+717
-0
lines changed

‎Hackerthon_VR/app/README.md‎

Lines changed: 37 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,37 @@
1+
Welcome to Glitch
2+
=================
3+
4+
Click `Show` in the header to see your app live. Updates to your code will instantly deploy and update live.
5+
6+
**Glitch** is the friendly community where you'll build the app of your dreams. Glitch lets you instantly create, remix, edit, and host an app, bot or site, and you can invite collaborators or helpers to simultaneously edit code with you.
7+
8+
Find out more [about Glitch](https://glitch.com/about).
9+
10+
11+
Your Project
12+
------------
13+
14+
### ← README.md
15+
16+
That's this file, where you can tell people what your cool website does and how you built it.
17+
18+
### ← index.html
19+
20+
Where you'll write the content of your website.
21+
22+
### ← style.css
23+
24+
CSS files add styling rules to your content.
25+
26+
### ← script.js
27+
28+
If you're feeling fancy you can add interactivity to your site with JavaScript.
29+
30+
### ← assets
31+
32+
Drag in `assets`, like images or music, to add them to your project
33+
34+
Made by [Glitch](https://glitch.com/)
35+
-------------------
36+
37+
\ ゜o゜)ノ

‎Hackerthon_VR/app/index.html‎

Lines changed: 66 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,66 @@
1+
<!DOCTYPE html>
2+
<html>
3+
<head>
4+
<meta charset="utf-8">
5+
<meta http-equiv="X-UA-Compatible" content="IE=edge">
6+
<meta name="viewport" content="width=device-width, initial-scale=1">
7+
<meta name="theme-color" content="#fff78c">
8+
<title>A-Saturday-Night</title>
9+
<meta name="description" content="A WebVR dancing experience using A-Frame by Mozilla VR.">
10+
<link rel="stylesheet" href="style.css">
11+
<script src="vendor/aframe.min.js"></script>
12+
<script src="build/build.js"></script>
13+
<link rel="manifest" href="manifest.webmanifest">
14+
15+
</head>
16+
<body>
17+
<div class="instructions-overlay" id="instructions">
18+
<div class="instructions">
19+
<img src="https://cdn.glitch.com/eeddf875-83e1-4df8-a4a2-623255956007%2Flogo.PNG?v=1600968144580" alt="Logo">
20+
<div>
21+
<br><br>
22+
<h2>광인사에 오신것을 환영합니다.</h2><br><br>
23+
광주 인공지능사관학교는 멋쟁이 사자처럼의 7년 간의<br> 교육 노하우와
24+
광주시의 인공지능 클러스터 사업을 바탕으로 <br>
25+
교육생에게 AI 특화 교육을 제공하여 AI 전문인재로<br>
26+
성장할 수 있도록 돕습니다.</b><a href="http://ai.gitct.kr/">링크</a> <a href=""></a></a></p>
27+
</div>
28+
<button class="start-button" onclick="location.href='index2.html'"><span>둘러보기</span></button>
29+
<div class="credits">
30+
<span class="title">Team URL </span>
31+
</div>
32+
</div>
33+
</div>
34+
35+
<a-scene uploadcare="publicKey: 85ed3c25d99e387316bd" game-state
36+
avatar-recorder="spectatorPlay: true; spectatorPosition: 0 0 0; localStorage: false; saveFile: false"
37+
auto-enter-vr="enabled: false">
38+
39+
40+
<!-- Avatar Hands -->
41+
<a-entity id="leftHand" visible="false"></a-entity>
42+
<a-entity id="rightHand" visible="false"></a-entity>
43+
</a-entity>
44+
<!-- Texts -->
45+
46+
<div id="asaturday-ui" class="hide dialog">
47+
<div class="progress hide">
48+
Saving dance...
49+
<div class="bar"></div>
50+
</div>
51+
<div class="share hide">
52+
<div class="help">
53+
<h1>Dance saved!</h1>
54+
<p>광인사에 오신걸 환영합니다.</p>
55+
</div>
56+
<div class="form">
57+
<a id="sharetwitter" href="#" class="button" target="_blank"><img src="assets/twitter.gif" alt="Share on Twitter"></a>
58+
<a id="sharefacebook" href="#" class="button" target="_blank"><img src="assets/facebook.gif" alt="Share on Facebook"></a>
59+
<input id="asaturday-share-url" type="text" value="" readonly>
60+
<div id="copy-toclipboard" data-clipboard-target="#asaturday-share-url" class="button copy">COPY URL</div>
61+
<a href="javascript:;" class="button" id="generategif">MAKE GIF</a>
62+
</div>
63+
</div>
64+
</div>
65+
</body>
66+
</html>

‎Hackerthon_VR/app/index2.html‎

Lines changed: 191 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,191 @@
1+
<!DOCTYPE html>
2+
<html>
3+
<head>
4+
<meta charset="utf-8" />
5+
<title>360&deg; Image Gallery</title>
6+
<meta name="description" content="360&deg; Image Gallery - A-Frame" />
7+
<script src="https://aframe.io/releases/1.0.4/aframe.min.js"></script>
8+
<script src="https://unpkg.com/aframe-event-set-component@5/dist/aframe-event-set-component.min.js"></script>
9+
<script src="https://unpkg.com/[email protected]/dist/aframe-layout-component.min.js"></script>
10+
<script src="https://unpkg.com/[email protected]/dist/aframe-template-component.min.js"></script>
11+
<script src="https://unpkg.com/[email protected]/dist/aframe-proxy-event-component.min.js"></script>
12+
13+
<!-- Image link template to be reused. -->
14+
<script id="link" type="text/html">
15+
<a-entity class="link"
16+
geometry="primitive: plane; height: 1; width: 1"
17+
material="shader: flat; src: ${thumb}"
18+
event-set__mouseenter="scale: 1.2 1.2 1"
19+
event-set__mouseleave="scale: 1 1 1"
20+
event-set__click="_target: #image-360; _delay: 300; material.src: ${src}"
21+
proxy-event="event: click; to: #image-360; as: fade"
22+
sound="on: click; src: #click-sound"></a-entity>
23+
</script>
24+
25+
<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
26+
27+
28+
29+
30+
</head>
31+
<body>
32+
<a-scene
33+
cursor="rayOrigin: mouse"
34+
inspector=""
35+
keyboard-shortcuts=""
36+
screenshot=""
37+
vr-mode-ui=""
38+
device-orientation-permission-ui=""
39+
>
40+
<a-assets>
41+
<!-- Thumbnail Area -->
42+
<img id="room_1_thumb" crossorigin="anonymous" src="https://cdn.glitch.com/eeddf875-83e1-4df8-a4a2-623255956007%2FIMG_0012.JPG?v=1600952802696"/>
43+
<img id="room_2_thumb" crossorigin="anonymous" src="https://cdn.glitch.com/eeddf875-83e1-4df8-a4a2-623255956007%2FIMG_0013.JPG?v=1600952804089"/>
44+
<img id="corridor_thumb" crossorigin="anonymous" src="https://cdn.glitch.com/eeddf875-83e1-4df8-a4a2-623255956007%2FIMG_0014.JPG?v=1600952803040"/>
45+
<img id="hall_elev_thumb" crossorigin="anonymous" src="https://cdn.glitch.com/eeddf875-83e1-4df8-a4a2-623255956007%2FIMG_0015.JPG?v=1600952808661"/>
46+
<img id="hall_info_thumb" crossorigin="anonymous" src="https://cdn.glitch.com/eeddf875-83e1-4df8-a4a2-623255956007%2FIMG_0016.JPG?v=1600952804951"/>
47+
<img id="mart_door_thumb" crossorigin="anonymous" src="https://cdn.glitch.com/eeddf875-83e1-4df8-a4a2-623255956007%2FIMG_0018.JPG?v=1600952806413"/>
48+
<img id="mart_inside_thumb" crossorigin="anonymous" src="https://cdn.glitch.com/eeddf875-83e1-4df8-a4a2-623255956007%2FIMG_0019.JPG?v=1600952806948"/>
49+
<img id="classroom_thumb" crossorigin="anonymous" src="https://cdn.glitch.com/eeddf875-83e1-4df8-a4a2-623255956007%2F%EA%B0%95%EC%9D%98%EC%8B%A4.jpg?v=1600974398919"/>
50+
<img id="projectroom_thumb" crossorigin="anonymous" src="https://cdn.glitch.com/eeddf875-83e1-4df8-a4a2-623255956007%2FIMG_0023.JPG?v=1600952801401"/>
51+
<img id="lounge_thumb" crossorigin="anonymous" src="https://cdn.glitch.com/eeddf875-83e1-4df8-a4a2-623255956007%2FIMG_0021.JPG?v=1600952804206"/>
52+
<img id="second_floor_thumb" crossorigin="anonymous" src="https://cdn.glitch.com/eeddf875-83e1-4df8-a4a2-623255956007%2FIMG_0022.JPG?v=1600952803705"/>
53+
<img id="frontdoor_thumb" crossorigin="anonymous" src="https://cdn.glitch.com/eeddf875-83e1-4df8-a4a2-623255956007%2Fcopy.jpg?v=1600972963842"/>
54+
55+
<audio
56+
id="click-sound"
57+
crossorigin="anonymous"
58+
src="https://cdn.aframe.io/360-image-gallery-boilerplate/audio/click.ogg"
59+
></audio>
60+
61+
<!-- 360 Image Area -->
62+
<img id="arrow" crossorigin="anonymous" src="https://cdn.glitch.com/eeddf875-83e1-4df8-a4a2-623255956007%2Farrow.png?v=1600960871536"/>
63+
<img id="room_1" crossorigin="anonymous" src="https://cdn.glitch.com/eeddf875-83e1-4df8-a4a2-623255956007%2F%EA%B8%B0%EC%88%99%EC%82%AC.jpg?v=1600976153915"/>
64+
<img id="room_2" crossorigin="anonymous" src="https://cdn.glitch.com/eeddf875-83e1-4df8-a4a2-623255956007%2FIMG_0013.JPG?v=1600952804089"/>
65+
<img id="corridor" crossorigin="anonymous" src="https://cdn.glitch.com/eeddf875-83e1-4df8-a4a2-623255956007%2F%EA%B8%B0%EC%88%99%EC%82%AC%EB%B3%B5%EB%8F%84.jpg?v=1600975670217"/>
66+
<img id="hall_elev" crossorigin="anonymous" src="https://cdn.glitch.com/eeddf875-83e1-4df8-a4a2-623255956007%2F1%EC%B8%B5%EC%97%98%EB%B2%A0%EC%95%9E%EC%8B%9D%EB%8B%B9.jpg?v=1600976423781"/>
67+
<img id="hall_info" crossorigin="anonymous" src="https://cdn.glitch.com/eeddf875-83e1-4df8-a4a2-623255956007%2F1%EC%B8%B5%EB%A1%9C%EB%B9%84_1.jpg?v=1600976705798"/>
68+
<img id="mart_door" crossorigin="anonymous" src="https://cdn.glitch.com/eeddf875-83e1-4df8-a4a2-623255956007%2F%ED%8E%B8%EC%9D%98%EC%A0%90.jpg?v=1600974709115"/>
69+
<img id="mart_inside" crossorigin="anonymous" src="https://cdn.glitch.com/eeddf875-83e1-4df8-a4a2-623255956007%2FIMG_0019.JPG?v=1600952806948"/>
70+
<img id="classroom" crossorigin="anonymous" src="https://cdn.glitch.com/eeddf875-83e1-4df8-a4a2-623255956007%2F%EA%B0%95%EC%9D%98%EC%8B%A4.jpg?v=1600974398919"/>
71+
<img id="projectroom" crossorigin="anonymous" src="https://cdn.glitch.com/eeddf875-83e1-4df8-a4a2-623255956007%2F%ED%9A%8C%EC%9D%98%EC%8B%A4.jpg?v=1600975436155"/>
72+
<img id="lounge" crossorigin="anonymous" src="https://cdn.glitch.com/eeddf875-83e1-4df8-a4a2-623255956007%2F%ED%9C%B4%EA%B2%8C%EC%8B%A4.jpg?v=1600975032619"/>
73+
<img id="second_floor" crossorigin="anonymous" src="https://cdn.glitch.com/eeddf875-83e1-4df8-a4a2-623255956007%2F2%EC%B8%B5%EB%A1%9C%EB%B9%84.jpg?v=1600975537564"/>
74+
<img id="frontdoor" crossorigin="anonymous" src="https://cdn.glitch.com/eeddf875-83e1-4df8-a4a2-623255956007%2F%EC%9E%85%EA%B5%AC.jpg?v=1600977053597"/>
75+
76+
77+
</a-assets>
78+
79+
<!-- entities -->
80+
81+
<a-image id="to_room_1_arrow" src="https://cdn.glitch.com/05db70f4-ac72-4b1e-b0c6-1c8ddde01b68%2F%E2%80%94Pngtree%E2%80%94map%20location%20marker%20icon%20in_5004115.png?v=1600970563497" position="" rotation="0 150 0"></a-image>
82+
<a-entity id="to_room_1" layout="margin: 1.5; angle: 0; columns: 3" position="5 0 -6" rotation="0 270 0" visible="false">
83+
<a-entity template="src: #link" data-src="#room_1" data-thumb="#room_1_thumb"></a-entity>
84+
</a-entity>
85+
86+
<a-image id="to_room_2_arrow" src="https://cdn.glitch.com/05db70f4-ac72-4b1e-b0c6-1c8ddde01b68%2F%E2%80%94Pngtree%E2%80%94map%20location%20marker%20icon%20in_5004115.png?v=1600970563497" position="" rotation="0 150 0"></a-image>
87+
<a-entity id="to_room_2" layout="margin: 1.5; angle: 0; columns: 3" position="5 0 -5" rotation="0 270 0" visible="false">
88+
<a-entity template="src: #link" data-src="#room_2" data-thumb="#room_2_thumb"></a-entity>
89+
</a-entity>
90+
91+
<a-image id="to_corridor_arrow" src="https://cdn.glitch.com/05db70f4-ac72-4b1e-b0c6-1c8ddde01b68%2F%E2%80%94Pngtree%E2%80%94map%20location%20marker%20icon%20in_5004115.png?v=1600970563497" position="" rotation="0 150 0"></a-image>
92+
<a-entity id="to_corridor" layout="margin: 1.5; angle: 0; columns: 3" position="5 0 -4" rotation="0 270 0" visible="false">
93+
<a-entity template="src: #link" data-src="#corridor" data-thumb="#corridor_thumb"></a-entity>
94+
</a-entity>
95+
96+
<a-image id="to_hall_elev_arrow" src="https://cdn.glitch.com/05db70f4-ac72-4b1e-b0c6-1c8ddde01b68%2F%E2%80%94Pngtree%E2%80%94map%20location%20marker%20icon%20in_5004115.png?v=1600970563497" position="" rotation="0 150 0"></a-image>
97+
<a-entity id="to_hall_elev" layout="margin: 1.5; angle: 0; columns: 3" position="5 0 -3" rotation="0 270 0" visible="false">
98+
<a-entity template="src: #link" data-src="#hall_elev" data-thumb="#hall_elev_thumb"></a-entity>
99+
</a-entity>
100+
101+
<a-image id="to_hall_info_arrow" src="https://cdn.glitch.com/05db70f4-ac72-4b1e-b0c6-1c8ddde01b68%2F%E2%80%94Pngtree%E2%80%94map%20location%20marker%20icon%20in_5004115.png?v=1600970563497" position="-2 -0.72655 3.50001" rotation="0 150 0"></a-image>
102+
<a-entity id="to_hall_info" layout="margin: 1.5; angle: 0; columns: 3" position="-2 -0.72655 3.5" rotation="0 150 0" visible="false">
103+
<a-entity template="src: #link" data-src="#hall_info" data-thumb="#hall_info_thumb"></a-entity>
104+
</a-entity>
105+
106+
<a-image id="to_mart_door_arrow" src="https://cdn.glitch.com/05db70f4-ac72-4b1e-b0c6-1c8ddde01b68%2F%E2%80%94Pngtree%E2%80%94map%20location%20marker%20icon%20in_5004115.png?v=1600970563497" position="" rotation="0 150 0"></a-image>
107+
<a-entity id="to_mart_door" layout="margin: 1.5; angle: 0; columns: 3" position="5 0 -1" rotation="0 270 0" visible="false">
108+
<a-entity template="src: #link" data-src="#mart_door" data-thumb="#mart_door_thumb"></a-entity>
109+
</a-entity>
110+
111+
<a-image id="to_mart_inside_arrow" src="https://cdn.glitch.com/05db70f4-ac72-4b1e-b0c6-1c8ddde01b68%2F%E2%80%94Pngtree%E2%80%94map%20location%20marker%20icon%20in_5004115.png?v=1600970563497" position="" rotation="0 150 0"></a-image>
112+
<a-entity id="to_mart_inside" layout="margin: 1.5; angle: 0; columns: 3" position="5 0 0" rotation="0 270 0" visible="false">
113+
<a-entity template="src: #link" data-src="#mart_inside" data-thumb="#mart_inside_thumb"></a-entity>
114+
</a-entity>
115+
116+
<a-image id="to_classroom_arrow" src="https://cdn.glitch.com/05db70f4-ac72-4b1e-b0c6-1c8ddde01b68%2F%E2%80%94Pngtree%E2%80%94map%20location%20marker%20icon%20in_5004115.png?v=1600970563497" position="" rotation="0 150 0"></a-image>
117+
<a-entity id="to_classroom" layout="margin: 1.5; angle: 0; columns: 3" position="5 0 1" rotation="0 270 0" visible="false">
118+
<a-entity template="src: #link" data-src="#classroom" data-thumb="#classroom_thumb"></a-entity>
119+
</a-entity>
120+
121+
<a-image id="to_projectroom_arrow" src="https://cdn.glitch.com/05db70f4-ac72-4b1e-b0c6-1c8ddde01b68%2F%E2%80%94Pngtree%E2%80%94map%20location%20marker%20icon%20in_5004115.png?v=1600970563497" position="" rotation="0 150 0"></a-image>
122+
<a-entity id="to_projectroom" layout="margin: 1.5; angle: 0; columns: 3" position="5 0 2" rotation="0 270 0" visible="false">
123+
<a-entity template="src: #link" data-src="#projectroom" data-thumb="#projectroom_thumb"></a-entity>
124+
</a-entity>
125+
126+
<a-image id="to_lounge_arrow" src="https://cdn.glitch.com/05db70f4-ac72-4b1e-b0c6-1c8ddde01b68%2F%E2%80%94Pngtree%E2%80%94map%20location%20marker%20icon%20in_5004115.png?v=1600970563497" position="" rotation="0 150 0"></a-image>
127+
<a-entity id="to_lounge" layout="margin: 1.5; angle: 0; columns: 3" position="5 0 3" rotation="0 270 0" visible="false">
128+
<a-entity template="src: #link" data-src="#lounge" data-thumb="#lounge_thumb"></a-entity>
129+
</a-entity>
130+
131+
<a-image id="to_second_floor_arrow" src="https://cdn.glitch.com/05db70f4-ac72-4b1e-b0c6-1c8ddde01b68%2F%E2%80%94Pngtree%E2%80%94map%20location%20marker%20icon%20in_5004115.png?v=1600970563497" position="" rotation="0 150 0"></a-image>
132+
<a-entity id="to_second_floor" layout="margin: 1.5; angle: 0; columns: 3" position="5 0 4" rotation="0 270 0" visible="false">
133+
<a-entity template="src: #link" data-src="#second_floor" data-thumb="#second_floor_thumb"></a-entity>
134+
</a-entity>
135+
136+
<a-image id="to_frontdoor_arrow" src="https://cdn.glitch.com/05db70f4-ac72-4b1e-b0c6-1c8ddde01b68%2F%E2%80%94Pngtree%E2%80%94map%20location%20marker%20icon%20in_5004115.png?v=1600970563497" position="" rotation="0 150 0"></a-image>
137+
<a-entity id="to_frontdoor" layout="margin: 1.5; angle: 0; columns: 3" position="5 0 5" rotation="0 270 0" visible="false">
138+
<a-entity template="src: #link" data-src="#frontdoor" data-thumb="#frontdoor_thumb"></a-entity>
139+
</a-entity>
140+
141+
142+
143+
144+
145+
146+
<!-- 360-degree image. -->
147+
<a-sky
148+
id="image-360"
149+
radius="10"
150+
src="#frontdoor"
151+
animation__fade="property: components.material.material.color; type: color; from: #FFF; to: #000; dur: 300; startEvents: fade"
152+
animation__fadeback="property: components.material.material.color; type: color; from: #000; to: #FFF; dur: 300; startEvents: animationcomplete__fade"
153+
material=""
154+
geometry=""
155+
_delay="300"
156+
></a-sky>
157+
158+
159+
160+
<!-- Camera + cursor. -->
161+
<a-entity
162+
camera=""
163+
look-controls="pointerLockEnabled:true"
164+
position=""
165+
rotation="0 150 0"
166+
data-aframe-inspector-original-camera=""
167+
>
168+
<a-cursor
169+
id="cursor"
170+
animation__click="property: scale; startEvents: click; from: 0.1 0.1 0.1; to: 1 1 1; dur: 150"
171+
animation__fusing="property: fusing; startEvents: fusing; from: 1 1 1; to: 0.1 0.1 0.1; dur: 1500"
172+
event-set__mouseenter="[object Object]"
173+
event-set__mouseleave="[object Object]"
174+
raycaster="objects: .link"
175+
material=""
176+
cursor=""
177+
geometry=""
178+
color="springgreen"
179+
></a-cursor>
180+
</a-entity>
181+
<div class="a-loader-title" style="display: none;">
182+
360° Image Gallery
183+
</div>
184+
185+
</a-scene>
186+
</body>
187+
</html>
188+
189+
<script src="script.js">
190+
191+
</script>

0 commit comments

Comments
 (0)