listen to hashchange to dynamically move to the waypoint (fix #42)

src/components/waypoint.js

@@ -272,25 +272,35 @@ AFRAME.registerComponent("waypoint", {
 AFRAME.registerComponent("move-to-spawn-point", {
   init() {
     this.move = this.move.bind(this);
+    this.locationHashChanged = this.locationHashChanged.bind(this);
+  },
+
+  locationHashChanged() {
+    const hash = window.location.hash;
+    if (hash !== "") {
+      const waypoint = document.querySelector(hash);
+      if (waypoint) {
+        waypoint.emit("click", { withTransition: false });
+        return true;
+      }
+    }
+    return false;
   },
 
   play() {
     this.el.sceneEl.addEventListener("waypoints-ready", this.move);
+    window.addEventListener("hashchange", this.locationHashChanged);
   },
 
   pause() {
     this.el.sceneEl.removeEventListener("waypoints-ready", this.move);
+    window.removeEventListener("hashchange", this.locationHashChanged);
   },
 
   move() {
     // If the url has a hash and the hash is a waypoint then spawn at that waypoint.
-    const hash = window.location.hash;
-    if (hash !== "") {
-      const waypoint = document.querySelector(hash);
-      if (waypoint) {
-        waypoint.emit("click", { withTransition: false });
-        return;
-      }
+    if (this.locationHashChanged()) {
+      return;
     }
 
     // Else spawn at the first defined spawn point or the center.