API tools faq
paste
Advertisement
Guest User

escape

a guest
Sep 30th, 2016
59
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 22.81 KB | None | 0 0
raw download clone embed print report
  1.  
  2. <!DOCTYPE html>
  3. <html>
  4. <head>
  5. <meta charset="utf-8">
  6. <title>Escape Game WebVR Website Experience A-Frame</title>
  7. <meta name="author" content="Donovan Kraeker">
  8. <meta name="description" content="Escape Game WebVR virtual reality example website experience using A-Frame designed by Donovan Kraeker">
  9. <script src="https://aframe.io/releases/0.2.0/aframe.min.js"></script>
  10. </head>
  11. <body>
  12. <a-scene>
  13.  
  14.  
  15.  
  16.  
  17. <!-- Level 6 -->
  18. <a-entity geometry="primitive: sphere; radius: 5" position="0 2.5 -101" rotation="0 90 0" material="shader: flat; side:double;
  19. color: #222"></a-entity>
  20. <a-entity geometry="primitive: plane; height: 0.58; width: 2" position="0 2 -103" rotation="0 0 0" material="shader: flat; side: double; transparent: true;
  21. src: url(images/congrats.png);"></a-entity>
  22.  
  23. <!-- Level 5 -->
  24. <a-entity geometry="primitive: box; depth: 0.5; height: 6; width: 10" position="-5 2.5 -80" rotation="0 90 0" material="shader: standard; side: double; roughness: 1.5;
  25. src: url(images/wall5b.jpg); repeat: 1 1"></a-entity>
  26. <a-entity geometry="primitive: box; depth: 0.5; height: 6; width: 10" position="5 2.5 -80" rotation="0 90 0" material="shader: standard; side: double; roughness: 1.5;
  27. src: url(images/wall5b.jpg); repeat: 1 1"></a-entity>
  28. <a-entity geometry="primitive: box; depth: 0.5; height: 6; width: 10" position="0 2.5 -85" rotation="0 0 0" material="shader: standard; side: double; roughness: 1.5;
  29. src: url(images/wall5b.jpg); repeat: 1 1"></a-entity>
  30. <a-entity geometry="primitive: box; depth: 0.5; height: 6; width: 10" position="0 2.5 -75" rotation="0 0 0" material="shader: standard; side: double; roughness: 1.5;
  31. src: url(images/wall5b.jpg); repeat: 1 1"></a-entity>
  32. <a-entity geometry="primitive: plane; height: 10; width: 10" position="0 5.5 -80" rotation="-90 0 0" material="shader: flat; side: double;
  33. src: url(images/wall5b.jpg); repeat: 1 2"></a-entity>
  34. <a-entity geometry="primitive: plane; height: 10; width: 10" position="0 -0.5 -80" rotation="-90 0 0" material="shader: flat;
  35. src: url(images/wall2.jpg); repeat: 4 4"></a-entity>
  36. <a-entity geometry="primitive: plane; height: 5.1; width: 2.9" position="0 2 -84.745" rotation="0 0 0" material="shader: flat; side: double; transparent: true;
  37. src: url(images/door5.jpg);"></a-entity>
  38. <a-entity id="link5" visible="false" geometry="primitive: plane; height: 1.2; width: 1.6" position="6 -0.4 -83.9" rotation="0 0 0" material="shader: flat; side: double; transparent: true;
  39. src: url(images/mouse.png);">
  40. <a-animation attribute="position" begin="0" from="6 -0.4 -84.5" to="-6 -0.4 -84.5" repeat="indefinite" easing="linear" repeat="1000" dur="3000"></a-animation>
  41. </a-entity>
  42. <a-entity id="key5" geometry="primitive: plane; height: 0.46; width: 0.6" position="0 0.1 -77" rotation="0 0 0" material="shader: flat; side: double; transparent: true;
  43. src: url(images/cheese.png);"></a-entity>
  44.  
  45. <!-- Level 4 -->
  46. <a-entity geometry="primitive: plane; height: 1.1; width: 8.5" position="0 5 -64.3" rotation="30 0 0" material="shader: flat; side: double; transparent: true;
  47. src: url(images/vines.png);"></a-entity>
  48. <a-entity geometry="primitive: plane; height: 1.1; width: 8.5" position="0 5 -55.7" rotation="-30 0 0" material="shader: flat; side: double; transparent: true;
  49. src: url(images/vines.png);"></a-entity>
  50. <a-entity geometry="primitive: plane; height: 1.1; width: 9.2" position="-4.4 5 -60" rotation="30 90 0" material="shader: flat; side: double; transparent: true;
  51. src: url(images/vines.png);"></a-entity>
  52. <a-entity geometry="primitive: plane; height: 1.1; width: 9.2" position="4.4 5 -60" rotation="-30 90 0" material="shader: flat; side: double; transparent: true;
  53. src: url(images/vines.png);"></a-entity>
  54. <a-entity geometry="primitive: box; depth: 0.5; height: 6; width: 10" position="-5 2.5 -60" rotation="0 90 0" material="shader: standard; side: double; roughness: 1.5;
  55. src: url(images/wall4.jpg); repeat: 2 1"></a-entity>
  56. <a-entity geometry="primitive: box; depth: 0.5; height: 6; width: 10" position="5 2.5 -60" rotation="0 90 0" material="shader: standard; side: double; roughness: 1.5;
  57. src: url(images/wall4.jpg); repeat: 2 1"></a-entity>
  58. <a-entity geometry="primitive: box; depth: 0.5; height: 6; width: 10" position="0 2.5 -65" rotation="0 0 0" material="shader: standard; side: double; roughness: 1.5;
  59. src: url(images/wall4.jpg); repeat: 2 1"></a-entity>
  60. <a-entity geometry="primitive: box; depth: 0.5; height: 6; width: 10" position="0 2.5 -55" rotation="0 0 0" material="shader: standard; side: double; roughness: 1.5;
  61. src: url(images/wall4.jpg); repeat: 2 1"></a-entity>
  62. <a-entity geometry="primitive: plane; height: 10; width: 10" position="0 5.5 -60" rotation="-90 0 0" material="shader: flat; side: double;
  63. src: url(images/wall4.jpg); repeat: 2 2"></a-entity>
  64. <a-entity geometry="primitive: plane; height: 10; width: 10" position="0 -0.5 -60" rotation="-90 0 0" material="shader: flat;
  65. src: url(images/floor4.jpg); repeat: 2 2"></a-entity>
  66. <a-entity geometry="primitive: plane; height: 5.2; width: 4.85" position="0 2 -64.745" rotation="0 0 0" material="shader: flat; side: double; transparent: true;
  67. src: url(images/door4.png);"></a-entity>
  68. <a-entity geometry="primitive: plane; height: 6; width: 0.9" position="-3.8 -1.1 -64" rotation="0 0 0" material="shader: flat; side: double; transparent: true;
  69. src: url(images/vines2.png);"></a-entity>
  70. <a-entity geometry="primitive: plane; height: 6; width: 0.9" position="3.8 -1.1 -64" rotation="0 0 0" material="shader: flat; side: double; transparent: true;
  71. src: url(images/vines2.png);">
  72. <a-animation attribute="position" begin="click" to="3.8 2.7 -64" repeat="0" easing="linear" dur="2000"></a-animation>
  73. <a-entity look-controls geometry="primitive: plane; height: 0.2; width: 0.3" position="-0.1 3 0.1" rotation="0 0 0" material="shader: flat; side: double; transparent: true;
  74. src: url(images/oculus.png);"></a-entity>
  75. <a-entity id="key4" geometry="primitive: plane; height: 0.9; width: 0.43" position="-0.2 -0.6 0.1" rotation="-30 0 0" material="shader: flat; transparent: true; side: double;
  76. src: url(images/key.png)">
  77. <a-animation attribute="rotation" to="0 359 0" easing="linear" repeat="indefinite" dur="2000"></a-animation>
  78. </a-entity>
  79. </a-entity>
  80.  
  81. <a-entity id="link4a" visible="false" geometry="primitive: plane; height: 1.2; width: 0.62" position="-0.35 1.47 -64.74" rotation="0 0 0" material="shader: flat; side: double; transparent: true;
  82. src: url(images/lock.png);"></a-entity>
  83. <a-entity id="link4b" visible="false" geometry="primitive: plane; height: 1.2; width: 0.62" position="0.35 1.47 -64.74" rotation="0 0 0" material="shader: flat; side: double; transparent: true;
  84. src: url(images/lock2.png);"></a-entity>
  85. <a-entity id="nolink4a" geometry="primitive: plane; height: 1.2; width: 0.62" position="-0.35 1.47 -64.74" rotation="0 0 0" material="shader: flat; side: double; transparent: true;
  86. src: url(images/lock.png);"></a-entity>
  87. <a-entity id="nolink4b" geometry="primitive: plane; height: 1.2; width: 0.62" position="0.35 1.47 -64.74" rotation="0 0 0" material="shader: flat; side: double; transparent: true;
  88. src: url(images/lock2.png);"></a-entity>
  89. <a-entity geometry="primitive: plane; height: 6; width: 0.9" position="-3.8 -1.1 -56" rotation="0 0 0" material="shader: flat; side: double; transparent: true;
  90. src: url(images/vines2.png);"></a-entity>
  91. <a-entity geometry="primitive: plane; height: 6; width: 0.9" position="3.8 -1.1 -56" rotation="0 0 0" material="shader: flat; side: double; transparent: true;
  92. src: url(images/vines2.png);"></a-entity>
  93. <a-entity geometry="primitive: cylinder; height: 2; radius: 0.5; open-ended: true" position="-3.8 -0.3 -64" rotation="0 0 0" material="shader: flat; side: double;
  94. color: #5a6c4e"></a-entity>
  95. <a-entity geometry="primitive: cylinder; height: 1.8; radius: 0.49" position="-3.8 -0.3 -64" rotation="0 0 0" material="shader: flat; side: double;
  96. color: #6c362a"></a-entity>
  97. <a-entity geometry="primitive: cylinder; height: 2; radius: 0.5; open-ended: true" position="3.8 -0.3 -64" rotation="0 0 0" material="shader: flat; side: double;
  98. color: #5a6c4e"></a-entity>
  99. <a-entity geometry="primitive: cylinder; height: 1.8; radius: 0.49" position="3.8 -0.3 -64" rotation="0 0 0" material="shader: flat; side: double;
  100. color: #6c362a"></a-entity>
  101. <a-entity geometry="primitive: cylinder; height: 2; radius: 0.5; open-ended: true" position="-3.8 -0.3 -56" rotation="0 0 0" material="shader: flat; side: double;
  102. color: #5a6c4e"></a-entity>
  103. <a-entity geometry="primitive: cylinder; height: 1.8; radius: 0.49" position="-3.8 -0.3 -56" rotation="0 0 0" material="shader: flat; side: double;
  104. color: #6c362a"></a-entity>
  105. <a-entity geometry="primitive: cylinder; height: 2; radius: 0.5; open-ended: true" position="3.8 -0.3 -56" rotation="0 0 0" material="shader: flat; side: double;
  106. color: #5a6c4e"></a-entity>
  107. <a-entity geometry="primitive: cylinder; height: 1.8; radius: 0.49" position="3.8 -0.3 -56" rotation="0 0 0" material="shader: flat; side: double;
  108. color: #6c362a"></a-entity>
  109.  
  110. <!-- Level 3 -->
  111. <a-entity geometry="primitive: box; depth: 0.5; height: 6; width: 10" position="-5 2.5 -40" rotation="0 90 0" material="shader: standard; side: double; roughness: 1.5;
  112. src: url(images/wall3.jpg); repeat: 2 1"></a-entity>
  113. <a-entity geometry="primitive: box; depth: 0.5; height: 6; width: 10" position="5 2.5 -40" rotation="0 90 0" material="shader: standard; side: double; roughness: 1.5;
  114. src: url(images/wall3.jpg); repeat: 2 1"></a-entity>
  115. <a-entity geometry="primitive: box; depth: 0.5; height: 6; width: 10" position="0 2.5 -45" rotation="0 0 0" material="shader: standard; side: double; roughness: 1.5;
  116. src: url(images/wall3.jpg); repeat: 2 1"></a-entity>
  117. <a-entity geometry="primitive: box; depth: 0.5; height: 6; width: 10" position="0 2.5 -35" rotation="0 0 0" material="shader: standard; side: double; roughness: 1.5;
  118. src: url(images/wall3.jpg); repeat: 2 1"></a-entity>
  119. <a-entity geometry="primitive: plane; height: 10; width: 10" position="0 5.5 -40" rotation="-90 0 0" material="shader: flat; side: double;
  120. src: url(images/wall3.jpg); repeat: 2 2"></a-entity>
  121. <a-entity geometry="primitive: plane; height: 10; width: 10" position="0 -0.5 -40" rotation="-90 0 0" material="shader: flat;
  122. src: url(images/wall3.jpg); repeat: 2 2"></a-entity>
  123. <a-entity geometry="primitive: plane; height: 5; width: 4.25" position="0 2 -44.745" rotation="0 0 0" material="shader: flat; side: double; transparent: true;
  124. src: url(images/door3.png);"></a-entity>
  125. <a-entity id="key3" geometry="primitive: plane; height: 2; width: 0.9" position="-4.5 2.2 -40.6" rotation="0 -90 0" material="shader: flat; transparent: true; side: double;
  126. src: url(images/balloon.png)"></a-entity>
  127. <a-entity geometry="primitive: plane; height: 0.8; width: 0.5" position="-0.34 1.64 -44.74" rotation="0 0 0" material="shader: flat; side: double; transparent: true;
  128. src: url(images/lock.png);"></a-entity>
  129. <a-entity geometry="primitive: plane; height: 0.8; width: 0.5" position="0.34 1.64 -44.74" rotation="0 0 0" material="shader: flat; side: double; transparent: true;
  130. src: url(images/lock2.png);"></a-entity>
  131. <a-entity geometry="primitive: plane; height: 4.19; width: 8" position="0 2.5 -35.3" rotation="0 180 0" material="shader: flat; side: double; transparent: true;
  132. src: url(images/pte.png);"></a-entity>
  133. <a-entity id="link3" visible="false" geometry="primitive: plane; height: 0.6; width: 0.6" position="-3.8 4.3 -35.31" rotation="0 0 0" material="shader: flat; side: double; opacity: 0.1;
  134. src: url(images/000.jpg)"></a-entity>
  135.  
  136. <!-- Level 2 -->
  137. <a-entity geometry="primitive: box; depth: 0.5; height: 6; width: 10" position="-5 2.5 -20" rotation="0 90 0" material="shader: standard; side: double; roughness: 1.5;
  138. src: url(images/wall2.jpg); repeat: 2 1"></a-entity>
  139. <a-entity geometry="primitive: box; depth: 0.5; height: 6; width: 10" position="5 2.5 -20" rotation="0 90 0" material="shader: standard; side: double; roughness: 1.5;
  140. src: url(images/wall2.jpg); repeat: 2 1"></a-entity>
  141. <a-entity geometry="primitive: box; depth: 0.5; height: 6; width: 10" position="0 2.5 -25" rotation="0 0 0" material="shader: standard; side: double; roughness: 1.5;
  142. src: url(images/wall2.jpg); repeat: 2 1"></a-entity>
  143. <a-entity geometry="primitive: box; depth: 0.5; height: 6; width: 10" position="0 2.5 -15" rotation="0 0 0" material="shader: standard; side: double; roughness: 1.5;
  144. src: url(images/wall2.jpg); repeat: 2 1"></a-entity>
  145. <a-entity geometry="primitive: plane; height: 10; width: 10" position="0 5.5 -20" rotation="-90 0 0" material="shader: flat; side: double;
  146. src: url(images/wall2.jpg); repeat: 2 2"></a-entity>
  147. <a-entity geometry="primitive: plane; height: 10; width: 10" position="0 -0.5 -20" rotation="-90 0 0" material="shader: flat;
  148. src: url(images/floor2.jpg); repeat: 1 1"></a-entity>
  149. <a-entity geometry="primitive: plane; height: 5; width: 4.25" position="0 2 -24.745" rotation="0 0 0" material="shader: flat; side: double; transparent: true;
  150. src: url(images/door2.png);"></a-entity>
  151. <a-entity geometry="primitive: plane; height: 2.15; width: 3" position="4.74 3 -20" rotation="0 90 0" material="shader: flat; side: double; transparent: true;
  152. src: url(images/painting.jpg);">
  153. <a-animation attribute="position" begin="click" to="4.74 3 -22.5" easing="linear" dur="2000"></a-animation>
  154. </a-entity>
  155. <a-entity geometry="primitive: plane; height: 2.15; width: 3" position="-4.74 3 -20" rotation="0 90 0" material="shader: flat; side: double; transparent: true;
  156. src: url(images/painting2.jpg);"></a-entity>
  157. <a-entity id="link2" geometry="primitive: plane; height: 0.5; width: 0.55" position="4.741 2.8 -20.1" rotation="0 90 0"
  158. material="shader: flat; side: double; transparent: true; src: url(images/lock-round.png);"></a-entity>
  159.  
  160. <!-- Level 1 -->
  161. <a-entity geometry="primitive: box; depth: 0.5; height: 6; width: 10" position="-5 2.5 0" rotation="0 90 0" material="shader: standard; side: double; roughness: 1.5;
  162. color:#494f49"></a-entity>
  163. <a-entity geometry="primitive: box; depth: 0.5; height: 6; width: 10" position="5 2.5 0" rotation="0 90 0" material="shader: standard; side: double; roughness: 1.5;
  164. color:#494f49"></a-entity>
  165. <a-entity geometry="primitive: box; depth: 0.5; height: 6; width: 10" position="0 2.5 -5" rotation="0 0 0" material="shader: standard; side: double; roughness: 1.5;
  166. color:#494f49"></a-entity>
  167. <a-entity geometry="primitive: box; depth: 0.5; height: 6; width: 10" position="0 2.5 5" rotation="0 0 0" material="shader: standard; side: double; roughness: 1.5;
  168. color:#494f49"></a-entity>
  169. <a-entity geometry="primitive: plane; height: 0.5; width: 10" position="-4.747 -0.3 0" rotation="0 90 0" material="shader: flat; side: double;
  170. src: url(images/molding-floor.jpg);"></a-entity>
  171. <a-entity geometry="primitive: plane; height: 0.5; width: 10" position="4.747 -0.3 0" rotation="0 90 0" material="shader: flat; side: double;
  172. src: url(images/molding-floor.jpg);"></a-entity>
  173. <a-entity geometry="primitive: plane; height: 0.5; width: 10" position="0 -0.3 -4.747" rotation="0 0 0" material="shader: flat; side: double;
  174. src: url(images/molding-floor.jpg);"></a-entity>
  175. <a-entity geometry="primitive: plane; height: 0.5; width: 10" position="0 -0.3 4.747" rotation="0 0 0" material="shader: flat; side: double;
  176. src: url(images/molding-floor.jpg);"></a-entity>
  177. <a-entity geometry="primitive: plane; height: 0.5; width: 0.3" position="1.6 2.3 -4.747" rotation="0 0 0" material="shader: flat; side: double;
  178. src: url(images/light-switch.png);"></a-entity>
  179. <a-entity geometry="primitive: plane; height: 1; width: 1" position="0 5.2 0" rotation="90 0 0" material="shader: flat; side: double; transparent: true;
  180. src: url(images/light-fixture.png);"></a-entity>
  181. <a-entity geometry="primitive: plane; height: 2.18; width: 3.2" position="4.745 3.2 0" rotation="0 90 0" material="shader: flat; side: double;
  182. src: url(images/window.jpg);"></a-entity>
  183. <a-entity geometry="primitive: plane; height: 2.18; width: 3.2" position="-4.745 3.2 0" rotation="0 90 0" material="shader: flat; side: double;
  184. src: url(images/window.jpg);"></a-entity>
  185. <a-entity geometry="primitive: plane; height: 5; width: 2.36" position="0 2 -4.745" rotation="0 0 0" material="shader: flat; side: double;
  186. src: url(images/door.jpg);"></a-entity>
  187. <a-entity geometry="primitive: plane; height: 10; width: 10" position="0 5.5 0" rotation="-90 0 0" material="shader: flat; side: double;
  188. src: url(images/ceiling.jpg); repeat: 8 8"></a-entity>
  189. <a-entity geometry="primitive: plane; height: 10; width: 10" position="0 -0.5 0" rotation="-90 0 0" material="shader: flat;
  190. src: url(images/floor.jpg); repeat: 2 2"></a-entity>
  191. <a-entity id="key" geometry="primitive: plane; height: 1; width: 0.4" position="3.5 -0.2 -4.6" rotation="-30 0 0" material="shader: flat; transparent: true; side: double;
  192. src: url(images/keylink.png)">
  193. <a-animation attribute="rotation" begin="15000" from="-30 0 0" to="-30 0 45" repeat="indefinite" repeat="20" dur="250"></a-animation>
  194. </a-entity>
  195. <a-entity id="link1" visible="false" geometry="primitive: plane; height: 0.8; width: 0.5" position="0.7 1.8 -4.74" rotation="0 0 0" material="shader: flat; side: double; transparent: true;
  196. src: url(images/lock.png);"></a-entity>
  197. <a-entity geometry="primitive: plane; height: 0.8; width: 0.5" position="0.7 1.8 -4.74" rotation="0 0 0" material="shader: flat; side: double; transparent: true;
  198. src: url(images/lock.png);"></a-entity>
  199.  
  200. <!-- Level 0 -->
  201. <a-entity geometry="primitive: sphere; radius: 5" position="0 2.5 20" rotation="0 90 0" material="shader: flat; side:double;
  202. color: #222"></a-entity>
  203. <a-entity geometry="primitive: plane; height: 0.58; width: 2" position="0 2.4 18" rotation="0 0 0" material="shader: flat; side: double; transparent: true;
  204. src: url(images/solve.png);"></a-entity>
  205.  
  206. <a-entity id="enter" geometry="primitive: plane; height: 0.42; width: 1" position="0 1.4 18" rotation="0 0 0" material="shader: flat; side: double; transparent: true;
  207. src: url(images/enter.jpg);"></a-entity>
  208.  
  209. <!-- Camera -->
  210. <a-entity id="camera" camera gamepad-controls look-controls position="0 2.2 20" cursor-visible="enabled: false" wasd-controls="enabled: false">
  211. <a-animation attribute="position" begin="level0" to="0 2.2 -1" dur="0"></a-animation>
  212. <a-animation attribute="position" begin="level1" to="0 2.2 -21" dur="0"></a-animation>
  213. <a-animation attribute="position" begin="level2" to="0 2.2 -41" dur="0"></a-animation>
  214. <a-animation attribute="position" begin="level3" to="0 2.2 -61" dur="0"></a-animation>
  215. <a-animation attribute="position" begin="level4" to="0 2.2 -81" dur="0"></a-animation>
  216. <a-animation attribute="position" begin="level5" to="0 2.2 -101" dur="0"></a-animation>
  217. <a-entity id="cursor" cursor="fuse: true; maxDistance: 20; timeout: 0.1" geometry="primitive: ring; radiusInner: 0.02; radiusOuter: 0.03" material="shader: flat; color: #ff0000" opacity="1" position="0 0 -2"></a-entity>
  218.  
  219. <a-entity id="keygrab" visible="false" geometry="primitive: plane; height: 0.3; width: 0.11" position="0 -0.18 -1" material="shader: flat; transparent: true; side: double;
  220. src: url(images/key.png)"></a-entity>
  221. <a-entity id="keygrab3" visible="false" geometry="primitive: plane; height: 0.5; width: 0.23" position="0 -0.29 -1" material="shader: flat; transparent: true; side: double;
  222. src: url(images/balloon.png)"></a-entity>
  223. <a-entity id="keygrab4" visible="false" geometry="primitive: plane; height: 0.3; width: 0.11" position="0 -0.18 -1" material="shader: flat; transparent: true; side: double;
  224. src: url(images/key.png)"></a-entity>
  225. <a-entity id="keygrab5" visible="false" geometry="primitive: plane; height: 0.15; width: 0.20" position="0 -0.14 -1" material="shader: flat; transparent: true; side: double;
  226. src: url(images/cheese.png)"></a-entity>
  227. </a-entity>
  228.  
  229. <a-sky radius="10000"></a-sky>
  230. </a-scene>
  231. <script>
  232. document.querySelector('#key').addEventListener('click', function () {
  233. document.querySelector('#key').setAttribute('visible', 'false')
  234. document.querySelector('#keygrab').setAttribute('visible', 'true')
  235. document.querySelector('#link1').setAttribute('visible', 'true')
  236. });
  237. document.querySelector('#link1').addEventListener('click', function () {
  238. document.querySelector('#camera').emit('level1')
  239. document.querySelector('#keygrab').setAttribute('visible', 'false')
  240. });
  241. document.querySelector('#link2').addEventListener('click', function () {
  242. document.querySelector('#camera').emit('level2')
  243. });
  244.  
  245. document.querySelector('#key3').addEventListener('click', function () {
  246. document.querySelector('#key3').setAttribute('visible', 'false')
  247. document.querySelector('#keygrab3').setAttribute('visible', 'true')
  248. document.querySelector('#link3').setAttribute('visible', 'true')
  249. });
  250. document.querySelector('#link3').addEventListener('click', function () {
  251. document.querySelector('#camera').emit('level3')
  252. document.querySelector('#keygrab3').setAttribute('visible', 'false')
  253. });
  254. document.querySelector('#key4').addEventListener('click', function () {
  255. document.querySelector('#key4').setAttribute('visible', 'false')
  256. document.querySelector('#keygrab4').setAttribute('visible', 'true')
  257. document.querySelector('#link4a').setAttribute('visible', 'true')
  258. document.querySelector('#link4b').setAttribute('visible', 'true')
  259. });
  260. document.querySelector('#link4a').addEventListener('click', function () {
  261. document.querySelector('#camera').emit('level4')
  262. document.querySelector('#keygrab4').setAttribute('visible', 'false')
  263. });
  264. document.querySelector('#link4b').addEventListener('click', function () {
  265. document.querySelector('#camera').emit('level4')
  266. document.querySelector('#keygrab4').setAttribute('visible', 'false')
  267. });
  268.  
  269.  
  270. document.querySelector('#key5').addEventListener('click', function () {
  271. document.querySelector('#key5').setAttribute('visible', 'false')
  272. document.querySelector('#keygrab5').setAttribute('visible', 'true')
  273. document.querySelector('#link5').setAttribute('visible', 'true')
  274. });
  275. document.querySelector('#link5').addEventListener('click', function () {
  276. document.querySelector('#camera').emit('level5')
  277. document.querySelector('#keygrab5').setAttribute('visible', 'false')
  278. document.querySelector('#cursor').setAttribute('visible', 'false')
  279. });
  280. document.querySelector('#enter').addEventListener('click', function () {
  281. document.querySelector('#camera').emit('level0')
  282. });
  283. </script>
  284.  
  285. <script>
  286. document.querySelector('#key2').addEventListener('click', function () {
  287. document.querySelector('#key2').setAttribute('visible', 'false')
  288. document.querySelector('#keygrab2').setAttribute('visible', 'true')
  289. document.querySelector('#link2').setAttribute('visible', 'true')
  290. });
  291. </script>
  292.  
  293. <script>
  294. (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  295. (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  296. m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  297. })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
  298.  
  299. ga('create', 'UA-56782327-23', 'auto');
  300. ga('send', 'pageview');
  301.  
  302. </script>
  303. </body>
  304. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!