fisheyegl - npm Package Compare versions

Comparing version 0.0.2 to 0.1.0

example/main.js

@@ -13,19 +13,45 @@ var distorter;
   function adjustLens(e) {
-    distorter.lens.a = $("#a_label")[0].innerHTML = $("#a").val();
-    distorter.lens.b = $("#b_label")[0].innerHTML = $("#b").val();
-    distorter.lens.Fx = $("#Fx_label")[0].innerHTML = $("#Fx").val();
-    distorter.lens.Fy = $("#Fy_label")[0].innerHTML = $("#Fy").val();
-    distorter.lens.scale = $("#scale_label")[0].innerHTML = $("#scale").val();
-    distorter.fov.x = $("#fovx").val();
-    distorter.fov.y = $("#fovy").val();
+    distorter.lens.a     = parseFloat($("#a_label")[0].innerHTML = $("#a").val());
+    distorter.lens.b     = parseFloat($("#b_label")[0].innerHTML = $("#b").val());
+    distorter.lens.Fx    = parseFloat($("#Fx_label")[0].innerHTML = $("#Fx").val());
+    distorter.lens.Fy    = parseFloat($("#Fy_label")[0].innerHTML = $("#Fy").val());
+    distorter.lens.scale = parseFloat($("#scale_label")[0].innerHTML = $("#scale").val());
+    distorter.fov.x      = parseFloat($("#fovx").val());
+    distorter.fov.y      = parseFloat($("#fovy").val());
     distorter.run();
-    $("#display .a")[0].innerHTML = distorter.lens.a;
-    $("#display .b")[0].innerHTML = distorter.lens.b;
-    $("#display .Fx")[0].innerHTML = distorter.lens.Fx;
-    $("#display .Fy")[0].innerHTML = distorter.lens.Fy;
+    $("#display .a")[0].innerHTML     = distorter.lens.a;
+    $("#display .b")[0].innerHTML     = distorter.lens.b;
+    $("#display .Fx")[0].innerHTML    = distorter.lens.Fx;
+    $("#display .Fy")[0].innerHTML    = distorter.lens.Fy;
     $("#display .scale")[0].innerHTML = distorter.lens.scale;
-    $("#display .x")[0].innerHTML = distorter.fov.x;
-    $("#display .y")[0].innerHTML = distorter.fov.y;
+    $("#display .x")[0].innerHTML     = distorter.fov.x;
+    $("#display .y")[0].innerHTML     = distorter.fov.y;
+    
+    setUrlHashParameter("a",     distorter.lens.a);
+    setUrlHashParameter("b",     distorter.lens.b);
+    setUrlHashParameter("Fx",    distorter.lens.Fx);
+    setUrlHashParameter("Fy",    distorter.lens.Fy);
+    setUrlHashParameter("scale", distorter.lens.scale);
+    setUrlHashParameter("x",     distorter.fov.x);
+    setUrlHashParameter("y",     distorter.fov.y);
   }
 
+  function readHash() { 
+    distorter.lens.a     = parseFloat(getUrlHashParameter("a"))     || distorter.lens.a;
+    distorter.lens.b     = parseFloat(getUrlHashParameter("b"))     || distorter.lens.b;
+    distorter.lens.Fx    = parseFloat(getUrlHashParameter("Fx"))    || distorter.lens.Fx;
+    distorter.lens.Fy    = parseFloat(getUrlHashParameter("Fy"))    || distorter.lens.Fy;
+    distorter.lens.scale = parseFloat(getUrlHashParameter("scale")) || distorter.lens.scale;
+    distorter.fov.x      = parseFloat(getUrlHashParameter("x"))     || distorter.fov.x;
+    distorter.fov.y      = parseFloat(getUrlHashParameter("y"))     || distorter.fov.y; 
+  }
+
+  readHash();
+
+  // not quite working:
+  //$(window).on('hashchange', function() {
+  //  readHash();
+  //  adjustLens();
+  //});
+
   $("#a").val(distorter.lens.a);
@@ -32,0 +58,0 @@ $("#a_label")[0].innerHTML = distorter.lens.a;

package.json

 {
   "name": "fisheyegl",
-  "version": "0.0.2",
+  "version": "0.1.0",
   "description": "A JavaScript library for correcting fisheye, or barrel distortion, in images in the browser with WebGL -- adapted from fisheye-correction-webgl by @bluemir.",
@@ -5,0 +5,0 @@ "main": "dist/fisheyegl.js",

README.md

@@ -14,2 +14,9 @@ FisheyeGl
 
+## Presets
+
+You can now use the example page to generate preset URLs, since the settings are now stored in the URL (only in the demo):
+
+* Mobius Action Cam (default lens): https://jywarren.github.io/fisheyegl/example/#a=1.048&b=1.059&Fx=0.09&Fy=0.22&scale=1.087&x=1&y=1
+* [GoPro alternatives](https://publiclab.org/questions/warren/05-20-2017/cheap-lightweight-gopro-alternatives-for-aerial-mapping) (many almost identical): https://jywarren.github.io/fisheyegl/example/#a=1&b=1&Fx=0.16&Fy=0.16&scale=1.087&x=1&y=1
+
 ## Lens models
@@ -16,0 +23,0 @@

No alert changes

Improved metrics

Total package byte prevSize

316303

increased by1.07%

Number of package files

17

increased by6.25%

Lines of code

362

increased by17.53%

Number of lines in readme file

71

increased by10.94%

No dependency changes