locar 0.0.2 → 0.0.3

package/README.md

@@ -24,9 +24,9 @@ For this reason, the focus at present will be on developing a **pure three.js ve
 
 ## Using the library
 
-The library will eventually be published to `npm`. For now, you should build a library tarball locally with
+The library has been published to `npm` so you can install with:
 ```
-npm run build
+npm install locar
 ```
 
 Then you can use the library in your projects with:
@@ -35,16 +35,20 @@ Then you can use the library in your projects with:
 import * as LocAR from 'locar';
 ```
 
-as long as you install the tarball locally into your projects, e.g. in your `package.json`:
+as long as you include `locar` as a dependency, e.g. in your `package.json`:
 ```
 "dependencies": {
-   "locar" : "file:location-of-the-tarball.tgz",
+   "locar" : "^0.0.3",
    "three" : "^0.169.0"
 }
 ```
 
 Including the library bundle directly as an import has issues with duplicate three.js imports which we have not resolved, so we recommend the approach above.
 
+## Tutorial
+
+Please see [here](https://github.com/AR-js-org/locar.js/blob/master/docs/tutorial/index.md) for a tutorial introducing LocAR.js.
+
 ## Disclaimer
 
 This is an open-source project licensed under the [MIT License](LICENSE) and thus comes with no warranty. Also it is a volunteer-led project; work on the project by AR.js maintainers or any other contributor will be undertaken *time-permitting* only. For this reason we welcome contributors! The more people working on the project, the more likely it is that it will become full-featured and issues will be resolved.

package/dist/locar.es.js

@@ -1,5 +1,5 @@
-import * as n from "three";
-class p {
+import * as s from "three";
+class v {
   constructor() {
     this.EARTH = 4007501668e-2, this.HALF_EARTH = 2003750834e-2;
   }
@@ -27,9 +27,9 @@ class p {
     return "epsg:3857";
   }
 }
-class E {
+class w {
   constructor(e, t, i = {}) {
-    this._scene = e, this._camera = t, this._proj = new p(), this._eventHandlers = {}, this._lastCoords = null, this._gpsMinDistance = 0, this._gpsMinAccuracy = 100, this._watchPositionId = null, this.setGpsOptions(i), this.initialPosition = null;
+    this._scene = e, this._camera = t, this._proj = new v(), this._eventHandlers = {}, this._lastCoords = null, this._gpsMinDistance = 0, this._gpsMinAccuracy = 100, this._watchPositionId = null, this.setGpsOptions(i), this.initialPosition = null;
   }
   setProjection(e) {
     this._proj = e;
@@ -53,12 +53,12 @@ class E {
   stopGps() {
     return this._watchPositionId !== null ? (navigator.geolocation.clearWatch(this._watchPositionId), this._watchPositionId = null, !0) : !1;
   }
-  fakeGps(e, t, i = null, s = 0) {
+  fakeGps(e, t, i = null, n = 0) {
     i !== null && this.setElevation(i), this._gpsReceived({
       coords: {
         longitude: e,
         latitude: t,
-        accuracy: s
+        accuracy: n
       }
     });
   }
@@ -70,12 +70,12 @@ class E {
       throw "No initial position determined";
     return [i[0], -i[1]];
   }
-  add(e, t, i, s, a = {}) {
-    e.properties = a, this.setWorldPosition(e, t, i, s), this._scene.add(e);
+  add(e, t, i, n, a = {}) {
+    e.properties = a, this.setWorldPosition(e, t, i, n), this._scene.add(e);
   }
-  setWorldPosition(e, t, i, s) {
+  setWorldPosition(e, t, i, n) {
     const a = this.lonLatToWorldCoords(t, i);
-    s !== void 0 && (e.position.y = s), [e.position.x, e.position.z] = a;
+    n !== void 0 && (e.position.y = n), [e.position.x, e.position.z] = a;
   }
   setElevation(e) {
     this._camera.position.y = e;
@@ -88,7 +88,7 @@ class E {
   }
   _gpsReceived(e) {
     let t = Number.MAX_VALUE;
-    e.coords.accuracy <= this._gpsMinAccuracy && (this._lastCoords === null ? this._lastCoords = {
+    console.log(`_gpsReceived(): position ${e.coords.latitude},${e.coords.longitude}, accuracy ${e.coords.accuracy}, accuracy limit ${this._gpsMinAccuracy}`), e.coords.accuracy <= this._gpsMinAccuracy && (this._lastCoords === null ? this._lastCoords = {
       latitude: e.coords.latitude,
       longitude: e.coords.longitude
     } : t = this._haversineDist(this._lastCoords, e.coords), t >= this._gpsMinDistance && (this._lastCoords.longitude = e.coords.longitude, this._lastCoords.latitude = e.coords.latitude, this.initialPosition || this.setWorldOrigin(
@@ -106,17 +106,17 @@ class E {
    * Taken from original A-Frame AR.js location-based components
    */
   _haversineDist(e, t) {
-    const i = n.MathUtils.degToRad(t.longitude - e.longitude), s = n.MathUtils.degToRad(t.latitude - e.latitude), a = Math.sin(s / 2) * Math.sin(s / 2) + Math.cos(n.MathUtils.degToRad(e.latitude)) * Math.cos(n.MathUtils.degToRad(t.latitude)) * (Math.sin(i / 2) * Math.sin(i / 2));
+    const i = s.MathUtils.degToRad(t.longitude - e.longitude), n = s.MathUtils.degToRad(t.latitude - e.latitude), a = Math.sin(n / 2) * Math.sin(n / 2) + Math.cos(s.MathUtils.degToRad(e.latitude)) * Math.cos(s.MathUtils.degToRad(t.latitude)) * (Math.sin(i / 2) * Math.sin(i / 2));
     return 2 * Math.atan2(Math.sqrt(a), Math.sqrt(1 - a)) * 6371e3;
   }
 }
-class _ {
+class E {
   constructor(e, t, i) {
-    this.renderer = e, this.renderer.autoClear = !1, this.sceneWebcam = new n.Scene();
-    let s;
-    t === void 0 ? (s = document.createElement("video"), s.setAttribute("autoplay", !0), s.setAttribute("playsinline", !0), s.style.display = "none", document.body.appendChild(s)) : s = document.querySelector(t), this.geom = new n.PlaneGeometry(), this.texture = new n.VideoTexture(s), this.material = new n.MeshBasicMaterial({ map: this.texture });
-    const a = new n.Mesh(this.geom, this.material);
-    if (this.sceneWebcam.add(a), this.cameraWebcam = new n.OrthographicCamera(
+    this.renderer = e, this.renderer.autoClear = !1, this.sceneWebcam = new s.Scene();
+    let n;
+    t === void 0 ? (n = document.createElement("video"), n.setAttribute("autoplay", !0), n.setAttribute("playsinline", !0), n.style.display = "none", document.body.appendChild(n)) : n = document.querySelector(t), this.geom = new s.PlaneGeometry(), this.texture = new s.VideoTexture(n), this.material = new s.MeshBasicMaterial({ map: this.texture });
+    const a = new s.Mesh(this.geom, this.material);
+    if (this.sceneWebcam.add(a), this.cameraWebcam = new s.OrthographicCamera(
       -0.5,
       0.5,
       0.5,
@@ -124,27 +124,27 @@ class _ {
       0,
       10
     ), navigator.mediaDevices && navigator.mediaDevices.getUserMedia) {
-      const c = {
+      const r = {
         video: {
           width: (i == null ? void 0 : i.width) || 1280,
           height: (i == null ? void 0 : i.height) || 720,
           facingMode: "environment"
         }
       };
-      navigator.mediaDevices.getUserMedia(c).then((d) => {
-        console.log("using the webcam successfully..."), s.srcObject = d, s.play();
-      }).catch((d) => {
+      navigator.mediaDevices.getUserMedia(r).then((c) => {
+        console.log("using the webcam successfully..."), n.srcObject = c, n.play();
+      }).catch((c) => {
         setTimeout(() => {
-          this.createErrorPopup(
+          alert(
             `Webcam Error
-Name: ` + d.name + `
-Message: ` + d.message
+Name: ` + c.name + `
+Message: ` + c.message
           );
         }, 1e3);
       });
     } else
       setTimeout(() => {
-        this.createErrorPopup("sorry - media devices API not supported");
+        alert("sorry - media devices API not supported");
       }, 1e3);
   }
   update() {
@@ -153,49 +153,43 @@ Message: ` + d.message
   dispose() {
     this.material.dispose(), this.texture.dispose(), this.geom.dispose();
   }
-  createErrorPopup(e) {
-    if (!document.getElementById("error-popup")) {
-      var t = document.createElement("div");
-      t.innerHTML = e, t.setAttribute("id", "error-popup"), document.body.appendChild(t);
-    }
-  }
 }
-const v = new n.Vector3(0, 0, 1), g = new n.Euler(), w = new n.Quaternion(), M = new n.Quaternion(-Math.sqrt(0.5), 0, 0, Math.sqrt(0.5)), f = { type: "change" };
-class P extends n.EventDispatcher {
+const p = new s.Vector3(0, 0, 1), m = new s.Euler(), M = new s.Quaternion(), f = new s.Quaternion(-Math.sqrt(0.5), 0, 0, Math.sqrt(0.5)), _ = { type: "change" };
+class y extends s.EventDispatcher {
   constructor(e) {
     super(), window.isSecureContext === !1 && console.error("THREE.DeviceOrientationControls: DeviceOrientationEvent is only available in secure contexts (https)");
-    const t = this, i = 1e-6, s = new n.Quaternion();
+    const t = this, i = 1e-6, n = new s.Quaternion();
     this.object = e, this.object.rotation.reorder("YXZ"), this.enabled = !0, this.deviceOrientation = {}, this.screenOrientation = 0, this.alphaOffset = 0, this.deviceOrientationEventName = "ondeviceorientationabsolute" in window ? "deviceorientationabsolute" : "deviceorientation";
     const a = function(o) {
       t.deviceOrientation = o;
-    }, c = function() {
+    }, r = function() {
       t.screenOrientation = window.orientation || 0;
-    }, d = function(o, h, l, u, m) {
-      g.set(l, h, -u, "YXZ"), o.setFromEuler(g), o.multiply(M), o.multiply(w.setFromAxisAngle(v, -m));
+    }, c = function(o, l, h, u, g) {
+      m.set(h, l, -u, "YXZ"), o.setFromEuler(m), o.multiply(f), o.multiply(M.setFromAxisAngle(p, -g));
     };
     this.connect = function() {
-      c(), window.DeviceOrientationEvent !== void 0 && typeof window.DeviceOrientationEvent.requestPermission == "function" ? window.DeviceOrientationEvent.requestPermission().then(function(o) {
-        o == "granted" && (window.addEventListener("orientationchange", c), window.addEventListener(t.deviceOrientationEventName, a));
+      r(), window.DeviceOrientationEvent !== void 0 && typeof window.DeviceOrientationEvent.requestPermission == "function" ? window.DeviceOrientationEvent.requestPermission().then(function(o) {
+        o == "granted" && (window.addEventListener("orientationchange", r), window.addEventListener(t.deviceOrientationEventName, a));
       }).catch(function(o) {
         console.error("THREE.DeviceOrientationControls: Unable to use DeviceOrientation API:", o);
-      }) : (window.addEventListener("orientationchange", c), window.addEventListener(t.deviceOrientationEventName, a)), t.enabled = !0;
+      }) : (window.addEventListener("orientationchange", r), window.addEventListener(t.deviceOrientationEventName, a)), t.enabled = !0;
     }, this.disconnect = function() {
-      window.removeEventListener("orientationchange", c), window.removeEventListener(t.deviceOrientationEventName, a), t.enabled = !1;
+      window.removeEventListener("orientationchange", r), window.removeEventListener(t.deviceOrientationEventName, a), t.enabled = !1;
     }, this.update = function() {
       if (t.enabled === !1) return;
       const o = t.deviceOrientation;
       if (o) {
-        const h = o.alpha ? n.MathUtils.degToRad(o.alpha) + t.alphaOffset : 0, l = o.beta ? n.MathUtils.degToRad(o.beta) : 0, u = o.gamma ? n.MathUtils.degToRad(o.gamma) : 0, m = t.screenOrientation ? n.MathUtils.degToRad(t.screenOrientation) : 0;
-        d(t.object.quaternion, h, l, u, m), 8 * (1 - s.dot(t.object.quaternion)) > i && (s.copy(t.object.quaternion), t.dispatchEvent(f));
+        const l = o.alpha ? s.MathUtils.degToRad(o.alpha) + t.alphaOffset : 0, h = o.beta ? s.MathUtils.degToRad(o.beta) : 0, u = o.gamma ? s.MathUtils.degToRad(o.gamma) : 0, g = t.screenOrientation ? s.MathUtils.degToRad(t.screenOrientation) : 0;
+        c(t.object.quaternion, l, h, u, g), 8 * (1 - n.dot(t.object.quaternion)) > i && (n.copy(t.object.quaternion), t.dispatchEvent(_));
       }
     }, this.dispose = function() {
       t.disconnect();
     }, this.connect();
   }
 }
-class y {
+class P {
   constructor(e) {
-    this.raycaster = new n.Raycaster(), this.normalisedMousePosition = new n.Vector2(null, null), e.domElement.addEventListener("click", (t) => {
+    this.raycaster = new s.Raycaster(), this.normalisedMousePosition = new s.Vector2(null, null), e.domElement.addEventListener("click", (t) => {
       this.normalisedMousePosition.set(
         t.clientX / e.domElement.clientWidth * 2 - 1,
         -(t.clientY / e.domElement.clientHeight * 2) + 1
@@ -211,23 +205,9 @@ class y {
     return [];
   }
 }
-function b(r = {}) {
-  const e = new n.Scene(), t = new n.PerspectiveCamera(
-    r.fov || 60,
-    window.innerWidth / window.innerHeight,
-    r.near || 1e-3,
-    r.far || 100
-  ), i = new n.WebGLRenderer();
-  return i.setSize(window.innerWidth, window.innerHeight), document.body.appendChild(i.domElement), window.addEventListener("resize", (s) => {
-    i.setSize(window.innerWidth, window.innerHeight), t.aspect = window.innerWidth / window.innerHeight, t.updateProjectionMatrix();
-  }), i.setAnimationLoop(r.animate || function() {
-    i.render(e, t);
-  }), { scene: e, camera: t, renderer: i };
-}
 export {
-  y as ClickHandler,
-  P as DeviceOrientationControls,
-  E as LocationBased,
-  _ as WebcamRenderer,
-  b as init3d
+  P as ClickHandler,
+  y as DeviceOrientationControls,
+  w as LocationBased,
+  E as WebcamRenderer
 };

package/dist/locar.umd.js

@@ -1,3 +1,3 @@
-(function(c,h){typeof exports=="object"&&typeof module<"u"?h(exports,require("three")):typeof define=="function"&&define.amd?define(["exports","three"],h):(c=typeof globalThis<"u"?globalThis:c||self,h(c.locar={},c.THREE))})(this,function(c,h){"use strict";function v(r){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(r){for(const t in r)if(t!=="default"){const i=Object.getOwnPropertyDescriptor(r,t);Object.defineProperty(e,t,i.get?i:{enumerable:!0,get:()=>r[t]})}}return e.default=r,Object.freeze(e)}const n=v(h);class w{constructor(){this.EARTH=4007501668e-2,this.HALF_EARTH=2003750834e-2}project(e,t){return[this.lonToSphMerc(e),this.latToSphMerc(t)]}unproject(e){return[this.sphMercToLon(e[0]),this.sphMercToLat(e[1])]}lonToSphMerc(e){return e/180*this.HALF_EARTH}latToSphMerc(e){var t=Math.log(Math.tan((90+e)*Math.PI/360))/(Math.PI/180);return t*this.HALF_EARTH/180}sphMercToLon(e){return e/this.HALF_EARTH*180}sphMercToLat(e){var t=e/this.HALF_EARTH*180;return t=180/Math.PI*(2*Math.atan(Math.exp(t*Math.PI/180))-Math.PI/2),t}getID(){return"epsg:3857"}}class M{constructor(e,t,i={}){this._scene=e,this._camera=t,this._proj=new w,this._eventHandlers={},this._lastCoords=null,this._gpsMinDistance=0,this._gpsMinAccuracy=100,this._watchPositionId=null,this.setGpsOptions(i),this.initialPosition=null}setProjection(e){this._proj=e}setGpsOptions(e={}){e.gpsMinDistance!==void 0&&(this._gpsMinDistance=e.gpsMinDistance),e.gpsMinAccuracy!==void 0&&(this._gpsMinAccuracy=e.gpsMinAccuracy)}startGps(){return this._watchPositionId===null?(this._watchPositionId=navigator.geolocation.watchPosition(e=>{this._gpsReceived(e)},e=>{this._eventHandlers.gpserror?this._eventHandlers.gpserror(e.code):alert(`GPS error: code ${e.code}`)},{enableHighAccuracy:!0}),!0):!1}stopGps(){return this._watchPositionId!==null?(navigator.geolocation.clearWatch(this._watchPositionId),this._watchPositionId=null,!0):!1}fakeGps(e,t,i=null,s=0){i!==null&&this.setElevation(i),this._gpsReceived({coords:{longitude:e,latitude:t,accuracy:s}})}lonLatToWorldCoords(e,t){const i=this._proj.project(e,t);if(this.initialPosition)i[0]-=this.initialPosition[0],i[1]-=this.initialPosition[1];else throw"No initial position determined";return[i[0],-i[1]]}add(e,t,i,s,a={}){e.properties=a,this.setWorldPosition(e,t,i,s),this._scene.add(e)}setWorldPosition(e,t,i,s){const a=this.lonLatToWorldCoords(t,i);s!==void 0&&(e.position.y=s),[e.position.x,e.position.z]=a}setElevation(e){this._camera.position.y=e}on(e,t){this._eventHandlers[e]=t}setWorldOrigin(e,t){this.initialPosition=this._proj.project(e,t)}_gpsReceived(e){let t=Number.MAX_VALUE;e.coords.accuracy<=this._gpsMinAccuracy&&(this._lastCoords===null?this._lastCoords={latitude:e.coords.latitude,longitude:e.coords.longitude}:t=this._haversineDist(this._lastCoords,e.coords),t>=this._gpsMinDistance&&(this._lastCoords.longitude=e.coords.longitude,this._lastCoords.latitude=e.coords.latitude,this.initialPosition||this.setWorldOrigin(e.coords.longitude,e.coords.latitude),this.setWorldPosition(this._camera,e.coords.longitude,e.coords.latitude),this._eventHandlers.gpsupdate&&this._eventHandlers.gpsupdate(e,t)))}_haversineDist(e,t){const i=n.MathUtils.degToRad(t.longitude-e.longitude),s=n.MathUtils.degToRad(t.latitude-e.latitude),a=Math.sin(s/2)*Math.sin(s/2)+Math.cos(n.MathUtils.degToRad(e.latitude))*Math.cos(n.MathUtils.degToRad(t.latitude))*(Math.sin(i/2)*Math.sin(i/2));return 2*Math.atan2(Math.sqrt(a),Math.sqrt(1-a))*6371e3}}class _{constructor(e,t,i){this.renderer=e,this.renderer.autoClear=!1,this.sceneWebcam=new n.Scene;let s;t===void 0?(s=document.createElement("video"),s.setAttribute("autoplay",!0),s.setAttribute("playsinline",!0),s.style.display="none",document.body.appendChild(s)):s=document.querySelector(t),this.geom=new n.PlaneGeometry,this.texture=new n.VideoTexture(s),this.material=new n.MeshBasicMaterial({map:this.texture});const a=new n.Mesh(this.geom,this.material);if(this.sceneWebcam.add(a),this.cameraWebcam=new n.OrthographicCamera(-.5,.5,.5,-.5,0,10),navigator.mediaDevices&&navigator.mediaDevices.getUserMedia){const d={video:{width:(i==null?void 0:i.width)||1280,height:(i==null?void 0:i.height)||720,facingMode:"environment"}};navigator.mediaDevices.getUserMedia(d).then(l=>{console.log("using the webcam successfully..."),s.srcObject=l,s.play()}).catch(l=>{setTimeout(()=>{this.createErrorPopup(`Webcam Error
+(function(r,h){typeof exports=="object"&&typeof module<"u"?h(exports,require("three")):typeof define=="function"&&define.amd?define(["exports","three"],h):(r=typeof globalThis<"u"?globalThis:r||self,h(r.locar={},r.THREE))})(this,function(r,h){"use strict";function v(c){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(c){for(const t in c)if(t!=="default"){const i=Object.getOwnPropertyDescriptor(c,t);Object.defineProperty(e,t,i.get?i:{enumerable:!0,get:()=>c[t]})}}return e.default=c,Object.freeze(e)}const n=v(h);class M{constructor(){this.EARTH=4007501668e-2,this.HALF_EARTH=2003750834e-2}project(e,t){return[this.lonToSphMerc(e),this.latToSphMerc(t)]}unproject(e){return[this.sphMercToLon(e[0]),this.sphMercToLat(e[1])]}lonToSphMerc(e){return e/180*this.HALF_EARTH}latToSphMerc(e){var t=Math.log(Math.tan((90+e)*Math.PI/360))/(Math.PI/180);return t*this.HALF_EARTH/180}sphMercToLon(e){return e/this.HALF_EARTH*180}sphMercToLat(e){var t=e/this.HALF_EARTH*180;return t=180/Math.PI*(2*Math.atan(Math.exp(t*Math.PI/180))-Math.PI/2),t}getID(){return"epsg:3857"}}class _{constructor(e,t,i={}){this._scene=e,this._camera=t,this._proj=new M,this._eventHandlers={},this._lastCoords=null,this._gpsMinDistance=0,this._gpsMinAccuracy=100,this._watchPositionId=null,this.setGpsOptions(i),this.initialPosition=null}setProjection(e){this._proj=e}setGpsOptions(e={}){e.gpsMinDistance!==void 0&&(this._gpsMinDistance=e.gpsMinDistance),e.gpsMinAccuracy!==void 0&&(this._gpsMinAccuracy=e.gpsMinAccuracy)}startGps(){return this._watchPositionId===null?(this._watchPositionId=navigator.geolocation.watchPosition(e=>{this._gpsReceived(e)},e=>{this._eventHandlers.gpserror?this._eventHandlers.gpserror(e.code):alert(`GPS error: code ${e.code}`)},{enableHighAccuracy:!0}),!0):!1}stopGps(){return this._watchPositionId!==null?(navigator.geolocation.clearWatch(this._watchPositionId),this._watchPositionId=null,!0):!1}fakeGps(e,t,i=null,s=0){i!==null&&this.setElevation(i),this._gpsReceived({coords:{longitude:e,latitude:t,accuracy:s}})}lonLatToWorldCoords(e,t){const i=this._proj.project(e,t);if(this.initialPosition)i[0]-=this.initialPosition[0],i[1]-=this.initialPosition[1];else throw"No initial position determined";return[i[0],-i[1]]}add(e,t,i,s,a={}){e.properties=a,this.setWorldPosition(e,t,i,s),this._scene.add(e)}setWorldPosition(e,t,i,s){const a=this.lonLatToWorldCoords(t,i);s!==void 0&&(e.position.y=s),[e.position.x,e.position.z]=a}setElevation(e){this._camera.position.y=e}on(e,t){this._eventHandlers[e]=t}setWorldOrigin(e,t){this.initialPosition=this._proj.project(e,t)}_gpsReceived(e){let t=Number.MAX_VALUE;console.log(`_gpsReceived(): position ${e.coords.latitude},${e.coords.longitude}, accuracy ${e.coords.accuracy}, accuracy limit ${this._gpsMinAccuracy}`),e.coords.accuracy<=this._gpsMinAccuracy&&(this._lastCoords===null?this._lastCoords={latitude:e.coords.latitude,longitude:e.coords.longitude}:t=this._haversineDist(this._lastCoords,e.coords),t>=this._gpsMinDistance&&(this._lastCoords.longitude=e.coords.longitude,this._lastCoords.latitude=e.coords.latitude,this.initialPosition||this.setWorldOrigin(e.coords.longitude,e.coords.latitude),this.setWorldPosition(this._camera,e.coords.longitude,e.coords.latitude),this._eventHandlers.gpsupdate&&this._eventHandlers.gpsupdate(e,t)))}_haversineDist(e,t){const i=n.MathUtils.degToRad(t.longitude-e.longitude),s=n.MathUtils.degToRad(t.latitude-e.latitude),a=Math.sin(s/2)*Math.sin(s/2)+Math.cos(n.MathUtils.degToRad(e.latitude))*Math.cos(n.MathUtils.degToRad(t.latitude))*(Math.sin(i/2)*Math.sin(i/2));return 2*Math.atan2(Math.sqrt(a),Math.sqrt(1-a))*6371e3}}class w{constructor(e,t,i){this.renderer=e,this.renderer.autoClear=!1,this.sceneWebcam=new n.Scene;let s;t===void 0?(s=document.createElement("video"),s.setAttribute("autoplay",!0),s.setAttribute("playsinline",!0),s.style.display="none",document.body.appendChild(s)):s=document.querySelector(t),this.geom=new n.PlaneGeometry,this.texture=new n.VideoTexture(s),this.material=new n.MeshBasicMaterial({map:this.texture});const a=new n.Mesh(this.geom,this.material);if(this.sceneWebcam.add(a),this.cameraWebcam=new n.OrthographicCamera(-.5,.5,.5,-.5,0,10),navigator.mediaDevices&&navigator.mediaDevices.getUserMedia){const d={video:{width:(i==null?void 0:i.width)||1280,height:(i==null?void 0:i.height)||720,facingMode:"environment"}};navigator.mediaDevices.getUserMedia(d).then(l=>{console.log("using the webcam successfully..."),s.srcObject=l,s.play()}).catch(l=>{setTimeout(()=>{alert(`Webcam Error
 Name: `+l.name+`
-Message: `+l.message)},1e3)})}else setTimeout(()=>{this.createErrorPopup("sorry - media devices API not supported")},1e3)}update(){this.renderer.clear(),this.renderer.render(this.sceneWebcam,this.cameraWebcam),this.renderer.clearDepth()}dispose(){this.material.dispose(),this.texture.dispose(),this.geom.dispose()}createErrorPopup(e){if(!document.getElementById("error-popup")){var t=document.createElement("div");t.innerHTML=e,t.setAttribute("id","error-popup"),document.body.appendChild(t)}}}const E=new n.Vector3(0,0,1),f=new n.Euler,y=new n.Quaternion,P=new n.Quaternion(-Math.sqrt(.5),0,0,Math.sqrt(.5)),b={type:"change"};class O extends n.EventDispatcher{constructor(e){super(),window.isSecureContext===!1&&console.error("THREE.DeviceOrientationControls: DeviceOrientationEvent is only available in secure contexts (https)");const t=this,i=1e-6,s=new n.Quaternion;this.object=e,this.object.rotation.reorder("YXZ"),this.enabled=!0,this.deviceOrientation={},this.screenOrientation=0,this.alphaOffset=0,this.deviceOrientationEventName="ondeviceorientationabsolute"in window?"deviceorientationabsolute":"deviceorientation";const a=function(o){t.deviceOrientation=o},d=function(){t.screenOrientation=window.orientation||0},l=function(o,u,m,g,p){f.set(m,u,-g,"YXZ"),o.setFromEuler(f),o.multiply(P),o.multiply(y.setFromAxisAngle(E,-p))};this.connect=function(){d(),window.DeviceOrientationEvent!==void 0&&typeof window.DeviceOrientationEvent.requestPermission=="function"?window.DeviceOrientationEvent.requestPermission().then(function(o){o=="granted"&&(window.addEventListener("orientationchange",d),window.addEventListener(t.deviceOrientationEventName,a))}).catch(function(o){console.error("THREE.DeviceOrientationControls: Unable to use DeviceOrientation API:",o)}):(window.addEventListener("orientationchange",d),window.addEventListener(t.deviceOrientationEventName,a)),t.enabled=!0},this.disconnect=function(){window.removeEventListener("orientationchange",d),window.removeEventListener(t.deviceOrientationEventName,a),t.enabled=!1},this.update=function(){if(t.enabled===!1)return;const o=t.deviceOrientation;if(o){const u=o.alpha?n.MathUtils.degToRad(o.alpha)+t.alphaOffset:0,m=o.beta?n.MathUtils.degToRad(o.beta):0,g=o.gamma?n.MathUtils.degToRad(o.gamma):0,p=t.screenOrientation?n.MathUtils.degToRad(t.screenOrientation):0;l(t.object.quaternion,u,m,g,p),8*(1-s.dot(t.object.quaternion))>i&&(s.copy(t.object.quaternion),t.dispatchEvent(b))}},this.dispose=function(){t.disconnect()},this.connect()}}class T{constructor(e){this.raycaster=new n.Raycaster,this.normalisedMousePosition=new n.Vector2(null,null),e.domElement.addEventListener("click",t=>{this.normalisedMousePosition.set(t.clientX/e.domElement.clientWidth*2-1,-(t.clientY/e.domElement.clientHeight*2)+1)})}raycast(e,t){if(this.normalisedMousePosition.x!==null&&this.normalisedMousePosition.y!==null){this.raycaster.setFromCamera(this.normalisedMousePosition,e);const i=this.raycaster.intersectObjects(t.children,!1);return this.normalisedMousePosition.set(null,null),i}return[]}}function H(r={}){const e=new n.Scene,t=new n.PerspectiveCamera(r.fov||60,window.innerWidth/window.innerHeight,r.near||.001,r.far||100),i=new n.WebGLRenderer;return i.setSize(window.innerWidth,window.innerHeight),document.body.appendChild(i.domElement),window.addEventListener("resize",s=>{i.setSize(window.innerWidth,window.innerHeight),t.aspect=window.innerWidth/window.innerHeight,t.updateProjectionMatrix()}),i.setAnimationLoop(r.animate||function(){i.render(e,t)}),{scene:e,camera:t,renderer:i}}c.ClickHandler=T,c.DeviceOrientationControls=O,c.LocationBased=M,c.WebcamRenderer=_,c.init3d=H,Object.defineProperty(c,Symbol.toStringTag,{value:"Module"})});
+Message: `+l.message)},1e3)})}else setTimeout(()=>{alert("sorry - media devices API not supported")},1e3)}update(){this.renderer.clear(),this.renderer.render(this.sceneWebcam,this.cameraWebcam),this.renderer.clearDepth()}dispose(){this.material.dispose(),this.texture.dispose(),this.geom.dispose()}}const y=new n.Vector3(0,0,1),f=new n.Euler,E=new n.Quaternion,P=new n.Quaternion(-Math.sqrt(.5),0,0,Math.sqrt(.5)),b={type:"change"};class O extends n.EventDispatcher{constructor(e){super(),window.isSecureContext===!1&&console.error("THREE.DeviceOrientationControls: DeviceOrientationEvent is only available in secure contexts (https)");const t=this,i=1e-6,s=new n.Quaternion;this.object=e,this.object.rotation.reorder("YXZ"),this.enabled=!0,this.deviceOrientation={},this.screenOrientation=0,this.alphaOffset=0,this.deviceOrientationEventName="ondeviceorientationabsolute"in window?"deviceorientationabsolute":"deviceorientation";const a=function(o){t.deviceOrientation=o},d=function(){t.screenOrientation=window.orientation||0},l=function(o,u,g,m,p){f.set(g,u,-m,"YXZ"),o.setFromEuler(f),o.multiply(P),o.multiply(E.setFromAxisAngle(y,-p))};this.connect=function(){d(),window.DeviceOrientationEvent!==void 0&&typeof window.DeviceOrientationEvent.requestPermission=="function"?window.DeviceOrientationEvent.requestPermission().then(function(o){o=="granted"&&(window.addEventListener("orientationchange",d),window.addEventListener(t.deviceOrientationEventName,a))}).catch(function(o){console.error("THREE.DeviceOrientationControls: Unable to use DeviceOrientation API:",o)}):(window.addEventListener("orientationchange",d),window.addEventListener(t.deviceOrientationEventName,a)),t.enabled=!0},this.disconnect=function(){window.removeEventListener("orientationchange",d),window.removeEventListener(t.deviceOrientationEventName,a),t.enabled=!1},this.update=function(){if(t.enabled===!1)return;const o=t.deviceOrientation;if(o){const u=o.alpha?n.MathUtils.degToRad(o.alpha)+t.alphaOffset:0,g=o.beta?n.MathUtils.degToRad(o.beta):0,m=o.gamma?n.MathUtils.degToRad(o.gamma):0,p=t.screenOrientation?n.MathUtils.degToRad(t.screenOrientation):0;l(t.object.quaternion,u,g,m,p),8*(1-s.dot(t.object.quaternion))>i&&(s.copy(t.object.quaternion),t.dispatchEvent(b))}},this.dispose=function(){t.disconnect()},this.connect()}}class T{constructor(e){this.raycaster=new n.Raycaster,this.normalisedMousePosition=new n.Vector2(null,null),e.domElement.addEventListener("click",t=>{this.normalisedMousePosition.set(t.clientX/e.domElement.clientWidth*2-1,-(t.clientY/e.domElement.clientHeight*2)+1)})}raycast(e,t){if(this.normalisedMousePosition.x!==null&&this.normalisedMousePosition.y!==null){this.raycaster.setFromCamera(this.normalisedMousePosition,e);const i=this.raycaster.intersectObjects(t.children,!1);return this.normalisedMousePosition.set(null,null),i}return[]}}r.ClickHandler=T,r.DeviceOrientationControls=O,r.LocationBased=_,r.WebcamRenderer=w,Object.defineProperty(r,Symbol.toStringTag,{value:"Module"})});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "locar",
-  "version": "0.0.2",
+  "version": "0.0.3",
   "description": "Location-based AR from AR.js.",
   "files": [
     "dist"