Initiated repository

- Added all third floor images with vr page, all scripts and README.MD
Andreybest · Nov 26, 2019 · b46ee83 · b46ee83
commit b46ee83
Show file tree

Hide file tree

Showing 33 changed files with 326 additions and 0 deletions.
diff --git a/README.MD b/README.MD
@@ -0,0 +1,20 @@
+## PPC NTU "KHPI" VR Tour
+VR Tour of [Poltava Polytechnic college](http://www.polytechnic.poltava.ua/).
+Explore all audiences, halls and other rooms from your browser!
+
+Link: 
+
+**WARNING!**
+1. Page can load slow at first time, due to big amount of images
+2. It is recommended to use PC, mobile phones may sometimes crash because of overload.
+3. If you downloaded repository, make sure to open html files through some type of server (for example VS Code extension [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer)), if you open html file without server, it may not load pictures due to CORS policy.
+
+TO-DO:
+1. Main menu
+2. Transition animations
+3. 2 floor
+4. 1 floor
+5. Optimisation
+
+Made with: A-Frame, JS and love <3
+Made by: [Andrey Kotliar](https://github.com/Andreybest)
diff --git a/img/logo.png b/img/logo.png
diff --git a/img/navArrow.png b/img/navArrow.png
diff --git a/img/panoramas/3floor/assemblyHall.jpg b/img/panoramas/3floor/assemblyHall.jpg
diff --git a/img/panoramas/3floor/audience302.jpg b/img/panoramas/3floor/audience302.jpg
diff --git a/img/panoramas/3floor/audience303.jpg b/img/panoramas/3floor/audience303.jpg
diff --git a/img/panoramas/3floor/audience304.jpg b/img/panoramas/3floor/audience304.jpg
diff --git a/img/panoramas/3floor/audience305.jpg b/img/panoramas/3floor/audience305.jpg
diff --git a/img/panoramas/3floor/audience306.jpg b/img/panoramas/3floor/audience306.jpg
diff --git a/img/panoramas/3floor/audience309.jpg b/img/panoramas/3floor/audience309.jpg
diff --git a/img/panoramas/3floor/audience310.jpg b/img/panoramas/3floor/audience310.jpg
diff --git a/img/panoramas/3floor/audience312.jpg b/img/panoramas/3floor/audience312.jpg
diff --git a/img/panoramas/3floor/audience313.jpg b/img/panoramas/3floor/audience313.jpg
diff --git a/img/panoramas/3floor/audience314.jpg b/img/panoramas/3floor/audience314.jpg
diff --git a/img/panoramas/3floor/audience315.jpg b/img/panoramas/3floor/audience315.jpg
diff --git a/img/panoramas/3floor/audience317.jpg b/img/panoramas/3floor/audience317.jpg
diff --git a/img/panoramas/3floor/audience319.jpg b/img/panoramas/3floor/audience319.jpg
diff --git a/img/panoramas/3floor/audienceLabProgramming.jpg b/img/panoramas/3floor/audienceLabProgramming.jpg
diff --git a/img/panoramas/3floor/hallLeft1.jpg b/img/panoramas/3floor/hallLeft1.jpg
diff --git a/img/panoramas/3floor/hallLeft2.jpg b/img/panoramas/3floor/hallLeft2.jpg
diff --git a/img/panoramas/3floor/hallLeft3.jpg b/img/panoramas/3floor/hallLeft3.jpg
diff --git a/img/panoramas/3floor/hallMiddle1.jpg b/img/panoramas/3floor/hallMiddle1.jpg
diff --git a/img/panoramas/3floor/hallMiddle2.jpg b/img/panoramas/3floor/hallMiddle2.jpg
diff --git a/img/panoramas/3floor/hallMiddle3.jpg b/img/panoramas/3floor/hallMiddle3.jpg
diff --git a/img/panoramas/3floor/hallRight1.jpg b/img/panoramas/3floor/hallRight1.jpg
diff --git a/img/panoramas/3floor/hallRight2.jpg b/img/panoramas/3floor/hallRight2.jpg
diff --git a/img/panoramas/3floor/hallRight3.jpg b/img/panoramas/3floor/hallRight3.jpg
diff --git a/img/panoramas/3floor/hallRight4.jpg b/img/panoramas/3floor/hallRight4.jpg
diff --git a/img/panoramas/3floor/studentsUnion.jpg b/img/panoramas/3floor/studentsUnion.jpg
diff --git a/img/panoramas/main.jpg b/img/panoramas/main.jpg
diff --git a/index.html b/index.html
diff --git a/js/hotspotClicked.js b/js/hotspotClicked.js
@@ -0,0 +1,38 @@
+AFRAME.registerComponent('hotspot-clicked', {
+    schema: {
+        loadScene: {default: 'sceneMain'}
+    },
+
+    init: function () {
+        var data = this.data;
+        var el = this.el;
+
+        el.addEventListener('click', function () {
+            setScenesVisibleToFalse();
+
+            var sceneToLoad = document.getElementById(data.loadScene);
+            sceneToLoad.object3D.visible = true;
+
+            let entity = document.querySelectorAll('#' + sceneToLoad.id + ' .link');
+            for (let i = 0; i < entity.length; i++) {
+                entity[i].classList.add('clickable');
+            }
+        });
+    }
+});
+
+/**
+ * Hide all Scenes
+ */
+function setScenesVisibleToFalse() {
+    var scenes = document.getElementsByClassName('scene');
+
+    for(var i = 0; i < scenes.length; i++) {
+        scenes[i].object3D.visible = false;
+    }
+
+    let query = document.getElementsByClassName('link');
+		for (let j = 0; j < query.length; j++) {
+				query[j].classList.remove('clickable');
+		}
+}
diff --git a/js/index.js b/js/index.js
@@ -0,0 +1,17 @@
+
+// add clickble class to a-enities of main scene.
+AFRAME.registerComponent('starting-scene', {
+  	schema: {
+		scene: {default: 'sceneMain'}
+	},
+
+  init: function () {
+		let sceneToLoad = document.getElementById(this.data.scene);
+		sceneToLoad.object3D.visible = true;
+
+		let entity = document.querySelectorAll('#' + sceneToLoad.id + ' .link');
+		for (let i = 0; i < entity.length; i++) {
+				entity[i].classList.add('clickable');
+		}
+  }
+});