diff --git a/README.md b/README.md
index 44f8604..7bfdd76 100644
--- a/README.md
+++ b/README.md
@@ -32,9 +32,10 @@ Sample: [https://rext.es](https://rext.es)
 * Atmospheric light: Used for dehaze.
 
 ### Transformations
-* Rotation.
-* Scale. 
-* Translate.
+* Rotation: Radians.
+* Rotation origin: Set the origin of the rotation. The image center by default. Range: [-1, 1]. Center at (0,0)
+* Scale. Multiplier number. 
+* Translate. Range: [-1, 1].
 
 ## HTML Vanilla example:
 	
@@ -42,7 +43,7 @@ Sample: [https://rext.es](https://rext.es)
 <!DOCTYPE html>
 <html>
   <head>
-    <script languaje="javascript" src="../build/index.js"></script>
+    <script languaje="javascript" src="./index.js"></script>
     <style type="text/css">
     #playground {
       display: flex;
@@ -83,6 +84,10 @@ Sample: [https://rext.es](https://rext.es)
         darkColor: 0,
         darkSat: 1,
         rotation: 0.0,
+        rotation_center: {
+          x: 0,
+          y: 0,
+        },
         scale: {
           x: 1,
           y: 1,
@@ -119,9 +124,10 @@ Sample: [https://rext.es](https://rext.es)
         rext.setCanvas(document.querySelector("#frame"));
         document.querySelector("#file").addEventListener("change", onFileUpload)
         document.querySelector("#rext-params").value = JSON.stringify(defaultParams, null, 2)
-        document.querySelector("#rext-params").addEventListener("change", updateParams)
-      })
+        document.querySelector("#rext-params").addEventListener("change", updateParams);
 
+        rext.load("/test.jpg");
+      });
       
     </script>
   </head>
@@ -130,8 +136,8 @@ Sample: [https://rext.es](https://rext.es)
       <input type="file" id="file"/>
     </div>
     <div id="playground">
-      <canvas width="1200" height="800" style="width: 800px; height: auto;" id="frame"></canvas>
-      <div class=>
+      <canvas width="640" height="468" style="width: 640px; height: 468px;" id="frame"></canvas>
+      <div>
         <textarea id="rext-params"></textarea>
         <button onClick="updateParams">Apply</button>
       </div>
@@ -185,5 +191,6 @@ rext.updateParams(nextParams : Params)
 | darkColor | number |
 | darkSat | number |
 | rotation | number (Radians) |
+| rotation_center | 2d number { x: number; y: number } |
 | scale | 2d number { x: number; y: number }|
 | translate | 2d number { x: number; y: number }|
diff --git a/examples/index.html b/build/index.html
similarity index 87%
rename from examples/index.html
rename to build/index.html
index c65d603..1bccb42 100644
--- a/examples/index.html
+++ b/build/index.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html>
   <head>
-    <script languaje="javascript" src="../build/index.js"></script>
+    <script languaje="javascript" src="./index.js"></script>
     <style type="text/css">
     #playground {
       display: flex;
@@ -42,6 +42,10 @@
         darkColor: 0,
         darkSat: 1,
         rotation: 0.0,
+        rotation_center: {
+          x: 0,
+          y: 0,
+        },
         scale: {
           x: 1,
           y: 1,
@@ -78,9 +82,10 @@
         rext.setCanvas(document.querySelector("#frame"));
         document.querySelector("#file").addEventListener("change", onFileUpload)
         document.querySelector("#rext-params").value = JSON.stringify(defaultParams, null, 2)
-        document.querySelector("#rext-params").addEventListener("change", updateParams)
-      })
+        document.querySelector("#rext-params").addEventListener("change", updateParams);
 
+        rext.load("/test.jpg");
+      });
       
     </script>
   </head>
@@ -89,8 +94,8 @@
       <input type="file" id="file"/>
     </div>
     <div id="playground">
-      <canvas width="1200" height="800" style="width: 800px; height: auto;" id="frame"></canvas>
-      <div class=>
+      <canvas width="640" height="468" style="width: 640px; height: 468px;" id="frame"></canvas>
+      <div>
         <textarea id="rext-params"></textarea>
         <button onClick="updateParams">Apply</button>
       </div>
diff --git a/build/index.js b/build/index.js
index 4c620fd..81ac617 100644
--- a/build/index.js
+++ b/build/index.js
@@ -1 +1 @@
-var RextEditor;(()=>{"use strict";var t={d:(e,i)=>{for(var r in i)t.o(i,r)&&!t.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:i[r]})},o:(t,e)=>Object.prototype.hasOwnProperty.call(t,e),r:t=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})}},e={};(()=>{t.r(e),t.d(e,{RextEditor:()=>h});var i=function(t,e,i){return t<e?e:t>i?i:t},r=function(t,e,i,r,n,o,a,s){void 0===n&&(n=0),void 0===o&&(o=.33),void 0===a&&(a=.66),void 0===s&&(s=1);var l,u,h,g,_,p,m,c,x,f,d,v,b,k,T,y,E,L=Math.pow(n,2),A=Math.pow(o,2),R=Math.pow(a,2),D=Math.pow(s,2),z=(p=(h=[n,o,a,s])[2]-h[3],_=(l=[L*n,A*o,R*a,D*s])[0]*((u=[L,A,R,D])[1]*p-h[1]*(c=u[2]-u[3])+(f=u[2]*h[3]-h[2]*u[3]))-u[0]*(l[1]*p-h[1]*(m=l[2]-l[3])+(d=l[2]*h[3]-h[2]*l[3]))+h[0]*(l[1]*c-u[1]*m+(v=l[2]*u[3]-u[2]*l[3]))-(l[1]*f-u[1]*d+h[1]*v),[((g=[t,e,i,r])[0]*(u[1]*p-h[1]*c+f)-u[0]*(g[1]*p-h[1]*(x=g[2]-g[3])+(b=g[2]*h[3]-h[2]*g[3]))+h[0]*(g[1]*c-u[1]*x+(k=g[2]*u[3]-u[2]*g[3]))-(g[1]*f-u[1]*b+h[1]*k))/_,(l[0]*(g[1]*p-h[1]*x+b)-g[0]*(l[1]*p-h[1]*m+d)+h[0]*(l[1]*x-g[1]*m+(T=l[2]*g[3]-g[2]*l[3]))-(l[1]*b-g[1]*d+h[1]*T))/_,(l[0]*(u[1]*x-g[1]*c+(y=u[2]*g[3]-g[2]*u[3]))-u[0]*(l[1]*x-g[1]*m+T)+g[0]*(l[1]*c-u[1]*m+v)-(l[1]*y-u[1]*T+g[1]*v))/_,(l[0]*(u[1]*(E=h[2]*g[3]-g[2]*h[3])-h[1]*y+g[1]*f)-u[0]*(l[1]*E-h[1]*T+g[1]*d)+h[0]*(l[1]*y-u[1]*T+g[1]*v)-g[0]*(l[1]*f-u[1]*d+h[1]*v))/_].map((function(t){return Math.round(1e3*t)/1e3})));return function(t){var e=z[3],i=t;return e+=z[2]*i,i*=t,e+=z[1]*i,i*=t,e+z[0]*i}},n=function(t){var e,r,n,o,a,s;return r=(e=t.z*t.y)*(1-Math.abs(t.x/60%2-1)),n=t.z-e,t.x<180?t.x<60?(o=t.z,a=r+n,s=n):t.x<120?(o=r+n,a=t.z,s=n):(o=n,a=t.z,s=r+n):t.x<240?(o=n,a=r+n,s=t.z):t.x<300?(o=r+n,a=n,s=e+n):(o=e+n,a=n,s=r+n),{x:o=i(o,0,1),y:a=i(a,0,1),z:s=i(s,0,1)}},o=function(t){return[t.x,t.y,t.z]},a={hdr:0,exposure:0,temperature:0,tint:0,brightness:0,saturation:0,contrast:0,sharpen:0,masking:0,sharpen_radius:0,radiance:0,highlights:0,shadows:0,whites:0,blacks:0,dehaze:0,bAndW:0,atmosferic_light:0,lightFill:0,lightColor:0,lightSat:1,darkFill:0,darkColor:0,darkSat:1,rotation:0,scale:{x:1,y:1},translate:{x:0,y:0}},s={contrast:["generateLightning"],whites:["generateLightning"],highlights:["generateLightning"],shadows:["generateLightning"],blacks:["generateLightning"],radiance:["generateLightning","kernel_update"],hdr:["kernel_update"],temperature:["updateTemptint"],tint:["updateTemptint"],sharpen:["kernel_update"],sharpen_radius:["kernel_update"]},l=[[.6167426069865002,.017657981710823077],[.5838624982041293,.06447754787874993],[.5666570157784903,.1010769359975838],[.5600215017846518,.13012054359808795],[.5603460901328465,.15370282338343416],[.5651414015638195,.1734071109259789],[.5727157905223393,.19040417876076665],[.5819305919306469,.20554787970182647],[.5920253173976543,.219454396860673],[.6024964973113273,.23256361077001078],[.613014923688415,.2451851574423344],[.6233694681448863,.2575325541865392],[.633428991849502,.2697484189519574],[.6431164873163056,.2819231700046263],[.6523914777767198,.29410898225476145],[.6612380004437802,.30633028466830314],[.6696563786680246,.31859171532935343],[.6776575761390952,.330884185957384],[.6852593188363603,.34318952105568623],[.6924834326806721,.3554840067292358],[.6993540206164168,.36774109382812364],[.705896221219359,.37993343721079975],[.712135371070854,.3920344089104195],[.7180964477199883,.4040191918024166],[.7238037074478182,.41586553788423575],[.7292804578150028,.42755425869079605],[.7345489228275083,.43906950280216533],[.7396301709912545,.4503988656030025],[.7445440852278651,.4615333686006381],[.7493093597375261,.47246733915721345],[.7539435132044948,.4831982160881075],[.7584629107855697,.4937263019887011],[.7628827894765442,.5040544792219176],[.7672172829757861,.5141879031216875],[.7756812566990368,.5339005596070674],[.7756812566990368,.5339005596070674],[.7798336535847834,.5434985836882681],[.7839465092903851,.552938802301879],[.7880286368234596,.5622329533372938],[.7920877696863722,.5713931712543325],[.796130534601134,.5804317041849897],[.8001624136045166,.5893606423074715],[.8041876951180534,.5981916567442426],[.8082094136732589,.6069357478075997],[.8122292780585781,.6156030011340633],[.8162475877574743,.624202350096731],[.8202631376804659,.6327413428542148],[.8242731113661302,.6412259124772712],[.8282729630469863,.6496601487868902],[.8322562892583072,.6580460708395705],[.8362146910181553,.6663833994084263],[.8401376280395388,.6746693293369075],[.8440122669563406,.6828983022904387],[.8478233261635671,.691061781205187],[.8515529205921868,.6991480286361483],[.8578515274860328,.7143328511178657],[.8630349166004683,.7236145588845],[.8630349166004683,.7236145588845],[.8678866519883774,.7326305266929798],[.8724265417351438,.7413920824039555],[.8766746938112879,.7499106260961086],[.8806514255414362,.7581975699581189],[.8843771730729832,.7662642858505886],[.8878724008449614,.7741220599147951],[.8911575110568668,.7817820536219475],[.8942527531374216,.7892552706795768],[.8971781332133792,.7965525292390034],[.9025975721615955,.8106613818669473],[.9051296119968262,.8174934982533621],[.9051296119968262,.8174934982533621],[.9075675706910422,.8241906743465228],[.9099288798932852,.8307625342003426],[.912230184763394,.8372184337382709],[.914487253441016,.8435674571884941],[.9167148865142485,.8498184155292972],[.9189268264883301,.8559798466723794],[.9211356672547586,.862060017138353],[.9233527635598611,.8680669250033681],[.9278504028585166,.8798916280267886],[.9301466448383797,.8857241176152066],[.9324823592671754,.8915127453709542],[.9348613471976668,.8972642431099969],[.9348613471976668,.8972642431099969],[.9372856273504615,.9029851088748369],[.9397553455825536,.9086816143048344],[.9422686843563701,.9143598121965675],[.9448217722084058,.9200255441824128],[.947408593218177,.925684448465339],[.9500208964767429,.931341967556689],[.9552772279767501,.9426736878435626],[.9578927646784257,.9483578644262163],[.9604766194871308,.954060621455171],[.9630080085847714,.9597865363484674],[.965463369977889,.9655400352277332],[.965463369977889,.9655400352277332],[.9678162729662736,.9713253997462401],[.9700373276119754,.9771467737131783],[.9720940942080452,.9830081695063213],[.9739509927471266,.9889134742677088],[.97556921239073,.9948664558790756],[.9782396416593983,1]],u=function(){function t(){}return t.prototype.log=function(t){console.log(t)},t.prototype.warn=function(t){console.warn(t)},t.prototype.error=function(t){console.error(t)},t}(),h=function(){function t(t,e){var i;this.params=(i=a,JSON.parse(JSON.stringify(i))),this.program=null,this.realImage=null,this.currentImage=null,this.pointers={positionLocation:null,positionBuffer:null,texcoordLocation:null,texcoordBuffer:null,resolutionLocation:null,textureSizeLocation:null,kernelLocation:null,kernelWeightLocation:null,u_exposure:null,u_brightness:null,u_contrast:null,u_saturation:null,u_masking:null,u_dehaze:null,u_atmosferic_light:null,u_temptint:null,u_bAndW:null,u_hdr:null,u_lut:null,u_image:null,u_rotation:null,u_scale:null,u_translate:null},this.WIDTH=0,this.HEIGHT=0,this.log=new u,this.config={resolutionLimit:1e6,editionResolutionLimit:1e6},this.uniforms={kernel:[0,0,0,0,0,0,0,0,0,0,0,0,1,0,0,0,0,0,0,0,0,0,0,0,0],temptint:[1,1,1]},this.LIGHT_MATCH=function(){for(var t=[],e=0;e<256;e++)t[e]=e;return t}(),t&&this.setCanvas(t),e&&(this.config=e)}return t.prototype.setCanvas=function(t){this.canvas=t,this.gl=t.getContext("webgl")||t.getContext("experimental-webgl")},t.prototype.runCallback=function(t){switch(t){case"generateLightning":this.generateLightning();case"kernel_update":this.updateKernel();case"updateTemptint":this.updateTemptint()}this.log.warn("No callback "+t+" exists")},t.prototype.updateParams=function(t){var e=this,i=Object.keys(this.params).filter((function(i){return e.params[i]!==t[i]}));i.forEach((function(i){e.updateParam(i,t[i])})),this.getCallbacks(i).forEach((function(t){e.runCallback(t)})),this.update()},t.prototype.getCallbacks=function(t){var e=new Set(t.filter((function(t){return null!=s[t]})).map((function(t){return s[t]})).reduce((function(t,e){return t.concat(e)}),[]));return Array.from(e)},t.prototype.updateParam=function(t,e){Object.keys(this.params).includes(t)?this.params[t]=e:this.log.error("Param "+t+" does not exists")},t.prototype.resize=function(t,e){if(null!=this.realImage){var i=new Image;i.width=t,i.height=e,this.loadImage(i),i.src=this.realImage.src}else this.log.warn("Resize called without image")},t.prototype.getWidth=function(){return this.WIDTH},t.prototype.getHeight=function(){return this.HEIGHT},t.prototype.get2dRotation=function(){return{x:Math.sin(this.params.rotation),y:Math.cos(this.params.rotation)}},t.prototype.loadImage=function(t){var e=this;t.onload=function(){null!=e.currentImage?e.render(e.currentImage):e.log.warn("Load Image called without image")},t.onerror=function(){e.log.error("Error al cargar la imagen.")},this.currentImage=t},t.prototype.load=function(t){this.log.log("Version 1.2.3"),this.realImage=new Image,this.loadImage(this.realImage),this.realImage.src=t},t.prototype.setLog=function(t){this.log=t},t.prototype.updateKernel=function(){var t=-this.params.sharpen,e=this.params.sharpen_radius,i=this.params.radiance,r=this.params.hdr;0!=i&&(t-=.5*i,e+=.5*i),0!=r&&(t-=.5*r,e+=.5*r);var n=t*Math.exp(-Math.pow(1/e,2)),o=t*Math.exp(-Math.pow(1.41/e,2)),a=t*Math.exp(-Math.pow(2/e,2)),s=t*Math.exp(-Math.pow(2.24/e,2)),l=t*Math.exp(-Math.pow(2.83/e,2)),u=1;t<0&&(u+=4*Math.abs(l)+8*Math.abs(s)+4*Math.abs(a)+4*Math.abs(o)+4*Math.abs(n)),this.uniforms.kernel=[l,s,a,s,l,s,o,n,o,s,a,n,u,n,a,s,o,n,o,s,l,s,a,s,l]},t.prototype.updateTemptint=function(){var t,e,i,r=this.params.temperature,n=this.params.tint;if(r<0){t=1;var o=l[Math.floor(100*(r+1))];e=o[0],i=o[1]}else t=.0438785/Math.pow(r+.150127,1.23675)+.543991,e=.0305003/Math.pow(r+.163976,1.23965)+.69136,i=1;-1==n&&(n=-.99);var a,s=1/(.2126*(a={x:t,y:e+=n,z:i}).x+.7152*a.y+.0722*a.z);this.uniforms.temptint=[t*s,e*s,i*s]},t.prototype.generateLightning=function(){for(var t=this.params.blacks,e=this.params.shadows,i=this.params.highlights,n=this.params.whites,o=this.params.radiance,a=r(t,e+.33,i+.66,n+1,0,.33,.66,1),s=0;s<256;s++){var l=s/256;l>1&&(l=1),l<0&&(l=0),l>1&&(l=1),l<0&&(l=0),0!=o&&(l=r(0,.33-.11*o,.66+.11*o,1,0,.33,.66,1)(l)),(l=a(l))>1&&(l=1),l<0&&(l=0),this.LIGHT_MATCH[s]=255*l}},t.prototype.kernelNormalization=function(t){return t.reduce((function(t,e){return t+e}))},t.prototype.blob=function(t,e){var i=this;return new Promise((function(r,n){if(null===i.realImage)return i.log.warn("Called to blob without loaded image"),n();i.render(i.realImage),i.canvas.toBlob((function(t){if(null===t)return i.log.error("Unable to generate the blob file"),n();r(t)}),t||"image/jpeg",e||.95)}))},t.prototype.render=function(t,e){var i=g(this.gl,this.gl.VERTEX_SHADER,"attribute vec2 a_position;\nattribute vec2 a_texCoord;\nuniform vec2 u_resolution;\nvarying vec2 v_texCoord;\nuniform vec2 u_rotation;\nuniform vec2 u_scale;\nuniform vec2 u_translate;\n\nvoid main() {\n\n  vec2 scaled = a_position * u_scale;\n  vec2 center = u_resolution / 2.0;\n  vec2 pos_rotated = vec2(\n    (scaled.x - center.x) * u_rotation.y + (scaled.y - center.x) * u_rotation.x,\n    (scaled.y - center.y) * u_rotation.y - (scaled.x - center.y) * u_rotation.x);\n  \n  vec2 dist = (pos_rotated + center) / u_resolution;\n  dist.x = dist.x + u_translate.x;\n  dist.y = dist.y + u_translate.y;\n\n  vec4 pos = vec4((dist * 2.0 - 1.0) * vec2(1, -1), 0, 1);\n\n  gl_Position = pos;\n  v_texCoord = a_texCoord;\n}\n"),r=g(this.gl,this.gl.FRAGMENT_SHADER,"/** * David Iglesias. All rights reserved */\nprecision mediump float;\nuniform sampler2D u_image;\nuniform vec2 u_textureSize;\nuniform float u_kernel[25];\nuniform float u_kernelWeight;\nuniform sampler2D u_lut;\nuniform float u_saturation;\nuniform float u_brightness;\nuniform float u_exposure;\nuniform float u_contrast;\nuniform float u_dehaze;\nuniform float u_atmosferic_light;\nuniform float u_masking;\nuniform vec3 u_temptint[3]; // RGB temptint, RGB lightFill, RGB darkFill\nuniform float u_bAndW;\nuniform float u_hdr;\nvarying vec2 v_texCoord;\nvoid main() {\n  \n\tvec2 pixel_size = vec2(1.0, 1.0) / u_textureSize;\n  \n\tvec3 center = texture2D(u_image, v_texCoord).rgb;\n\n  /* 5x5 kernel filter */\n  vec4 colorSum = texture2D(u_image, v_texCoord + pixel_size * vec2(-2, -2)) * u_kernel[0]\n\t\t + texture2D(u_image, v_texCoord + pixel_size * vec2(-1, -2)) * u_kernel[1]\n\t\t + texture2D(u_image, v_texCoord + pixel_size * vec2(0, -2)) * u_kernel[2]\n\t\t + texture2D(u_image, v_texCoord + pixel_size * vec2(1, -2)) * u_kernel[3]\n\t\t + texture2D(u_image, v_texCoord + pixel_size * vec2(2, -2)) * u_kernel[4]\n\n\t\t + texture2D(u_image, v_texCoord + pixel_size * vec2(-2, -1)) * u_kernel[5]\n\t\t + texture2D(u_image, v_texCoord + pixel_size * vec2(-1, -1)) * u_kernel[6]\n\t\t + texture2D(u_image, v_texCoord + pixel_size * vec2(0, -1)) * u_kernel[7]\n\t\t + texture2D(u_image, v_texCoord + pixel_size * vec2(1, -1)) * u_kernel[8]\n\t\t + texture2D(u_image, v_texCoord + pixel_size * vec2(2, -1)) * u_kernel[9]\n\n\t\t + texture2D(u_image, v_texCoord + pixel_size * vec2(-2, 0)) * u_kernel[10]\n\t\t + texture2D(u_image, v_texCoord + pixel_size * vec2(-1, 0)) * u_kernel[11]\n\t\t + texture2D(u_image, v_texCoord + pixel_size * vec2(0, 0)) * u_kernel[12]\n\t\t + texture2D(u_image, v_texCoord + pixel_size * vec2(1, 0)) * u_kernel[13]\n\t\t + texture2D(u_image, v_texCoord + pixel_size * vec2(2, 0)) * u_kernel[14]\n\n\t\t + texture2D(u_image, v_texCoord + pixel_size * vec2(-2, 1)) * u_kernel[15]\n\t\t + texture2D(u_image, v_texCoord + pixel_size * vec2(-1, 1)) * u_kernel[16]\n\t\t + texture2D(u_image, v_texCoord + pixel_size * vec2(0, 1)) * u_kernel[17]\n\t\t + texture2D(u_image, v_texCoord + pixel_size * vec2(1, 1)) * u_kernel[18]\n\t\t + texture2D(u_image, v_texCoord + pixel_size * vec2(2, 1)) * u_kernel[19]\n\n\t\t + texture2D(u_image, v_texCoord + pixel_size * vec2(-2, 2)) * u_kernel[20]\n\t\t + texture2D(u_image, v_texCoord + pixel_size * vec2(-1, 2)) * u_kernel[21]\n\t\t + texture2D(u_image, v_texCoord + pixel_size * vec2(0, 2)) * u_kernel[22]\n\t\t + texture2D(u_image, v_texCoord + pixel_size * vec2(1, 2)) * u_kernel[23]\n\t\t + texture2D(u_image, v_texCoord + pixel_size * vec2(2, 2)) * u_kernel[24];\n\n\t/* Kernel filter mask */\n  vec3 rgb_pix = mix(center, (colorSum.rgb / u_kernelWeight), u_masking);\n\t\n\t/**\n\t * RGB to saturation/value conversion, in order to maintains hue constant \n\t * sv_pixel = (saturation, value)\n\t */\n  float _max = max(rgb_pix.r, max(rgb_pix.g, rgb_pix.b));\n  float _min = min(rgb_pix.r, min(rgb_pix.g, rgb_pix.b));\n  vec2 sv_pixel = vec2(1.0 - _min / _max, _max);\n\n  sv_pixel.y = clamp(texture2D(u_lut, vec2(sv_pixel.y, 0.0)).a, 0.0, 1.0);\n\n\t/* Add saturation */\n  if (u_saturation != 0.0) {\n    sv_pixel.x *= (1.0 + u_saturation);\n  }\n\n  sv_pixel.x = clamp(sv_pixel.x, 0.0, 1.0);\n\n\t/* Brightness */\n  if (u_brightness != 0.0) {\n    sv_pixel.y = pow(sv_pixel.y, 1.0 - u_brightness * 0.6);\n  }\n\n\t/* HDR 'like' filter */\n  if (u_hdr != 0.0) {\n    sv_pixel.y = mix(sv_pixel.y, clamp(1.0 - pow(1.0 - pow(sv_pixel.y, 0.3), 0.42), 0.0, 1.0), u_hdr);\n  }\n\n  sv_pixel = clamp(sv_pixel, 0.0, 1.0);\n\t/* Return to RGB */\n  if (sv_pixel.x > 0.0) {\n    float k = -sv_pixel.x / (1.0 - _min / _max);\n    rgb_pix = (_max - rgb_pix) * k + _max;\n    rgb_pix *= sv_pixel.y / _max;\n  } else {\n    rgb_pix.r = rgb_pix.g = rgb_pix.b = sv_pixel.y;\n  }\n\n\t/* Dehaze */\n  if (u_dehaze != 0.0) {\n    float t = 1.0 / 25.0;\n    vec4 center = texture2D(u_image, v_texCoord);\n    vec2 pixel_size = vec2(1.0, 1.0) / u_textureSize;\n    float dark = 1.0;\n    const int radius = 1;\n    for (int ii = -radius; ii <= radius; ii++) {\n      for (int jj = -radius; jj <= radius; jj++) {\n        vec4 pix = texture2D(u_image, v_texCoord + pixel_size * vec2(ii, jj));\n        float _min = min(pix.r, min(pix.g, pix.b));\n        if (dark > _min) {\n          dark = _min;\n        }\n      }\n    }\n    float darkPix = min(center.r, min(center.g, center.b));\n    float diff = abs(darkPix - dark);\n    float mask = pow(diff, 3.0);\n    dark = mix(darkPix, dark, mask);\n    float mm = max(1.0 - dark, 0.2);\n    rgb_pix = mix(rgb_pix, ((rgb_pix - u_atmosferic_light) / mm + u_atmosferic_light), u_dehaze);\n  }\n\n\t/* Exposure */\n  rgb_pix += u_exposure;\n  rgb_pix = clamp(rgb_pix, 0.0, 1.0);\n\n\t/* Contrast */\n  float contrast = u_contrast + 1.0;\n  rgb_pix = contrast * (rgb_pix - 0.5) + 0.5;\n\t\n\t/* Apply tint filter */\n  rgb_pix *= u_temptint[0];\n  float mono = dot(rgb_pix, vec3(0.2126, 0.7152, 0.0722));\n  rgb_pix += mix(u_temptint[2], u_temptint[1], mono);\n\n\t/* Black&White filter */\n  if (u_bAndW != 0.0) {\n    rgb_pix = mix(rgb_pix, vec3(mono, mono, mono), u_bAndW);\n  }\n\n  gl_FragColor = vec4(rgb_pix, 1.0);\n\n}\n");try{this.program=function(t,e,i){var r=t.createProgram();if(t.attachShader(r,e),t.attachShader(r,i),t.linkProgram(r),t.getProgramParameter(r,t.LINK_STATUS))return r;t.deleteProgram(r)}(this.gl,i,r)}catch(t){return this.log.error(t)}this.pointers.positionLocation=this.gl.getAttribLocation(this.program,"a_position"),this.pointers.texcoordLocation=this.gl.getAttribLocation(this.program,"a_texCoord"),this.pointers.positionBuffer=this.gl.createBuffer(),this.gl.bindBuffer(this.gl.ARRAY_BUFFER,this.pointers.positionBuffer),this.WIDTH=t.width,this.HEIGHT=t.height,this.gl.canvas.width=this.WIDTH,this.gl.canvas.height=this.HEIGHT,this.log.log("[IMAGE] width = "+this.WIDTH+", height = "+this.HEIGHT),this.setRectangle(0,0,this.WIDTH,this.HEIGHT),this.pointers.texcoordBuffer=this.gl.createBuffer(),this.gl.bindBuffer(this.gl.ARRAY_BUFFER,this.pointers.texcoordBuffer),this.gl.bufferData(this.gl.ARRAY_BUFFER,new Float32Array([0,0,1,0,0,1,0,1,1,0,1,1]),this.gl.STATIC_DRAW),this.gl.activeTexture(this.gl.TEXTURE0),_(this.gl);try{this.gl.texImage2D(this.gl.TEXTURE_2D,0,this.gl.RGBA,this.gl.RGBA,this.gl.UNSIGNED_BYTE,t)}catch(t){return this.log.error(t)}this.pointers.u_image=this.gl.getUniformLocation(this.program,"u_image"),this.pointers.resolutionLocation=this.gl.getUniformLocation(this.program,"u_resolution"),this.pointers.textureSizeLocation=this.gl.getUniformLocation(this.program,"u_textureSize"),this.pointers.kernelLocation=this.gl.getUniformLocation(this.program,"u_kernel[0]"),this.pointers.kernelWeightLocation=this.gl.getUniformLocation(this.program,"u_kernelWeight"),this.pointers.u_exposure=this.gl.getUniformLocation(this.program,"u_exposure"),this.pointers.u_brightness=this.gl.getUniformLocation(this.program,"u_brightness"),this.pointers.u_contrast=this.gl.getUniformLocation(this.program,"u_contrast"),this.pointers.u_saturation=this.gl.getUniformLocation(this.program,"u_saturation"),this.pointers.u_masking=this.gl.getUniformLocation(this.program,"u_masking"),this.pointers.u_dehaze=this.gl.getUniformLocation(this.program,"u_dehaze"),this.pointers.u_atmosferic_light=this.gl.getUniformLocation(this.program,"u_atmosferic_light"),this.pointers.u_temptint=this.gl.getUniformLocation(this.program,"u_temptint[0]"),this.pointers.u_bAndW=this.gl.getUniformLocation(this.program,"u_bAndW"),this.pointers.u_hdr=this.gl.getUniformLocation(this.program,"u_hdr"),this.pointers.u_rotation=this.gl.getUniformLocation(this.program,"u_rotation"),this.pointers.u_scale=this.gl.getUniformLocation(this.program,"u_scale"),this.pointers.u_translate=this.gl.getUniformLocation(this.program,"u_translate"),this.pointers.u_lut=this.gl.getUniformLocation(this.program,"u_lut"),this.gl.activeTexture(this.gl.TEXTURE1),_(this.gl),this.gl.viewport(0,0,this.WIDTH,this.HEIGHT),this.gl.clearColor(0,0,0,0),this.gl.clear(this.gl.COLOR_BUFFER_BIT),e||this.update()},t.prototype.update=function(){this.gl.texImage2D(this.gl.TEXTURE_2D,0,this.gl.ALPHA,256,1,0,this.gl.ALPHA,this.gl.UNSIGNED_BYTE,new Uint8Array(this.LIGHT_MATCH)),this.gl.useProgram(this.program),this.gl.enableVertexAttribArray(this.pointers.positionLocation),this.gl.bindBuffer(this.gl.ARRAY_BUFFER,this.pointers.positionBuffer),this.gl.vertexAttribPointer(this.pointers.positionLocation,2,this.gl.FLOAT,!1,0,0),this.gl.enableVertexAttribArray(this.pointers.texcoordLocation),this.gl.bindBuffer(this.gl.ARRAY_BUFFER,this.pointers.texcoordBuffer),this.gl.vertexAttribPointer(this.pointers.texcoordLocation,2,this.gl.FLOAT,!1,0,0),this.gl.uniform2f(this.pointers.resolutionLocation,this.WIDTH,this.HEIGHT),this.gl.uniform2f(this.pointers.textureSizeLocation,this.WIDTH,this.HEIGHT),this.gl.uniform1f(this.pointers.u_brightness,this.params.brightness),this.gl.uniform1f(this.pointers.u_contrast,this.params.contrast),this.gl.uniform1f(this.pointers.u_exposure,this.params.exposure),this.gl.uniform1f(this.pointers.u_contrast,this.params.contrast),this.gl.uniform1f(this.pointers.u_saturation,this.params.saturation),this.gl.uniform1f(this.pointers.u_masking,this.params.masking),this.gl.uniform1f(this.pointers.u_dehaze,this.params.dehaze),this.gl.uniform1f(this.pointers.u_atmosferic_light,this.params.atmosferic_light),this.gl.uniform3fv(this.pointers.u_temptint,this.uniforms.temptint.concat(o(n({x:360*this.params.lightColor,y:this.params.lightSat,z:this.params.lightFill}))).concat(o(n({x:360*this.params.darkColor,y:this.params.darkSat,z:this.params.darkFill})))),this.gl.uniform1f(this.pointers.u_bAndW,this.params.bAndW),this.gl.uniform1f(this.pointers.u_hdr,this.params.hdr);var t=this.get2dRotation();this.gl.uniform2f(this.pointers.u_rotation,t.x,t.y),this.gl.uniform2f(this.pointers.u_scale,this.params.scale.x,this.params.scale.y),this.gl.uniform2f(this.pointers.u_translate,this.params.translate.x,this.params.translate.y),this.gl.uniform1i(this.pointers.u_image,0),this.gl.uniform1i(this.pointers.u_lut,1),this.gl.uniform1fv(this.pointers.kernelLocation,this.uniforms.kernel),this.gl.uniform1f(this.pointers.kernelWeightLocation,this.kernelNormalization(this.uniforms.kernel)),this.gl.drawArrays(this.gl.TRIANGLES,0,6)},t.prototype.setRectangle=function(t,e,i,r){var n=t,o=t+i,a=e,s=e+r;this.gl.bufferData(this.gl.ARRAY_BUFFER,new Float32Array([n,a,o,a,n,s,n,s,o,a,o,s]),this.gl.STATIC_DRAW)},t}();function g(t,e,i){var r=t.createShader(e);if(t.shaderSource(r,i),t.compileShader(r),t.getShaderParameter(r,t.COMPILE_STATUS))return r;t.deleteShader(r)}function _(t){var e=t.createTexture();return t.bindTexture(t.TEXTURE_2D,e),t.texParameteri(t.TEXTURE_2D,t.TEXTURE_WRAP_S,t.CLAMP_TO_EDGE),t.texParameteri(t.TEXTURE_2D,t.TEXTURE_WRAP_T,t.CLAMP_TO_EDGE),t.texParameteri(t.TEXTURE_2D,t.TEXTURE_MIN_FILTER,t.NEAREST),t.texParameteri(t.TEXTURE_2D,t.TEXTURE_MAG_FILTER,t.NEAREST),e}})(),RextEditor=e})();
\ No newline at end of file
+var RextEditor;(()=>{"use strict";var t={d:(e,i)=>{for(var r in i)t.o(i,r)&&!t.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:i[r]})},o:(t,e)=>Object.prototype.hasOwnProperty.call(t,e),r:t=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})}},e={};(()=>{t.r(e),t.d(e,{RextEditor:()=>h});var i=function(t,e,i){return t<e?e:t>i?i:t},r=function(t,e,i,r,n,o,a,s){void 0===n&&(n=0),void 0===o&&(o=.33),void 0===a&&(a=.66),void 0===s&&(s=1);var u,l,h,_,p,g,m,c,f,x,d,v,b,k,T,y,E,L=Math.pow(n,2),A=Math.pow(o,2),R=Math.pow(a,2),D=Math.pow(s,2),C=(g=(h=[n,o,a,s])[2]-h[3],p=(u=[L*n,A*o,R*a,D*s])[0]*((l=[L,A,R,D])[1]*g-h[1]*(c=l[2]-l[3])+(x=l[2]*h[3]-h[2]*l[3]))-l[0]*(u[1]*g-h[1]*(m=u[2]-u[3])+(d=u[2]*h[3]-h[2]*u[3]))+h[0]*(u[1]*c-l[1]*m+(v=u[2]*l[3]-l[2]*u[3]))-(u[1]*x-l[1]*d+h[1]*v),[((_=[t,e,i,r])[0]*(l[1]*g-h[1]*c+x)-l[0]*(_[1]*g-h[1]*(f=_[2]-_[3])+(b=_[2]*h[3]-h[2]*_[3]))+h[0]*(_[1]*c-l[1]*f+(k=_[2]*l[3]-l[2]*_[3]))-(_[1]*x-l[1]*b+h[1]*k))/p,(u[0]*(_[1]*g-h[1]*f+b)-_[0]*(u[1]*g-h[1]*m+d)+h[0]*(u[1]*f-_[1]*m+(T=u[2]*_[3]-_[2]*u[3]))-(u[1]*b-_[1]*d+h[1]*T))/p,(u[0]*(l[1]*f-_[1]*c+(y=l[2]*_[3]-_[2]*l[3]))-l[0]*(u[1]*f-_[1]*m+T)+_[0]*(u[1]*c-l[1]*m+v)-(u[1]*y-l[1]*T+_[1]*v))/p,(u[0]*(l[1]*(E=h[2]*_[3]-_[2]*h[3])-h[1]*y+_[1]*x)-l[0]*(u[1]*E-h[1]*T+_[1]*d)+h[0]*(u[1]*y-l[1]*T+_[1]*v)-_[0]*(u[1]*x-l[1]*d+h[1]*v))/p].map((function(t){return Math.round(1e3*t)/1e3})));return function(t){var e=C[3],i=t;return e+=C[2]*i,i*=t,e+=C[1]*i,i*=t,e+C[0]*i}},n=function(t){var e,r,n,o,a,s;return r=(e=t.z*t.y)*(1-Math.abs(t.x/60%2-1)),n=t.z-e,t.x<180?t.x<60?(o=t.z,a=r+n,s=n):t.x<120?(o=r+n,a=t.z,s=n):(o=n,a=t.z,s=r+n):t.x<240?(o=n,a=r+n,s=t.z):t.x<300?(o=r+n,a=n,s=e+n):(o=e+n,a=n,s=r+n),{x:o=i(o,0,1),y:a=i(a,0,1),z:s=i(s,0,1)}},o=function(t){return[t.x,t.y,t.z]},a={hdr:0,exposure:0,temperature:0,tint:0,brightness:0,saturation:0,contrast:0,sharpen:0,masking:0,sharpen_radius:0,radiance:0,highlights:0,shadows:0,whites:0,blacks:0,dehaze:0,bAndW:0,atmosferic_light:0,lightFill:0,lightColor:0,lightSat:1,darkFill:0,darkColor:0,darkSat:1,rotation:0,rotation_center:{x:0,y:0},scale:{x:1,y:1},translate:{x:0,y:0}},s={contrast:["generateLightning"],whites:["generateLightning"],highlights:["generateLightning"],shadows:["generateLightning"],blacks:["generateLightning"],radiance:["generateLightning","kernel_update"],hdr:["kernel_update"],temperature:["updateTemptint"],tint:["updateTemptint"],sharpen:["kernel_update"],sharpen_radius:["kernel_update"]},u=[[.6167426069865002,.017657981710823077],[.5838624982041293,.06447754787874993],[.5666570157784903,.1010769359975838],[.5600215017846518,.13012054359808795],[.5603460901328465,.15370282338343416],[.5651414015638195,.1734071109259789],[.5727157905223393,.19040417876076665],[.5819305919306469,.20554787970182647],[.5920253173976543,.219454396860673],[.6024964973113273,.23256361077001078],[.613014923688415,.2451851574423344],[.6233694681448863,.2575325541865392],[.633428991849502,.2697484189519574],[.6431164873163056,.2819231700046263],[.6523914777767198,.29410898225476145],[.6612380004437802,.30633028466830314],[.6696563786680246,.31859171532935343],[.6776575761390952,.330884185957384],[.6852593188363603,.34318952105568623],[.6924834326806721,.3554840067292358],[.6993540206164168,.36774109382812364],[.705896221219359,.37993343721079975],[.712135371070854,.3920344089104195],[.7180964477199883,.4040191918024166],[.7238037074478182,.41586553788423575],[.7292804578150028,.42755425869079605],[.7345489228275083,.43906950280216533],[.7396301709912545,.4503988656030025],[.7445440852278651,.4615333686006381],[.7493093597375261,.47246733915721345],[.7539435132044948,.4831982160881075],[.7584629107855697,.4937263019887011],[.7628827894765442,.5040544792219176],[.7672172829757861,.5141879031216875],[.7756812566990368,.5339005596070674],[.7756812566990368,.5339005596070674],[.7798336535847834,.5434985836882681],[.7839465092903851,.552938802301879],[.7880286368234596,.5622329533372938],[.7920877696863722,.5713931712543325],[.796130534601134,.5804317041849897],[.8001624136045166,.5893606423074715],[.8041876951180534,.5981916567442426],[.8082094136732589,.6069357478075997],[.8122292780585781,.6156030011340633],[.8162475877574743,.624202350096731],[.8202631376804659,.6327413428542148],[.8242731113661302,.6412259124772712],[.8282729630469863,.6496601487868902],[.8322562892583072,.6580460708395705],[.8362146910181553,.6663833994084263],[.8401376280395388,.6746693293369075],[.8440122669563406,.6828983022904387],[.8478233261635671,.691061781205187],[.8515529205921868,.6991480286361483],[.8578515274860328,.7143328511178657],[.8630349166004683,.7236145588845],[.8630349166004683,.7236145588845],[.8678866519883774,.7326305266929798],[.8724265417351438,.7413920824039555],[.8766746938112879,.7499106260961086],[.8806514255414362,.7581975699581189],[.8843771730729832,.7662642858505886],[.8878724008449614,.7741220599147951],[.8911575110568668,.7817820536219475],[.8942527531374216,.7892552706795768],[.8971781332133792,.7965525292390034],[.9025975721615955,.8106613818669473],[.9051296119968262,.8174934982533621],[.9051296119968262,.8174934982533621],[.9075675706910422,.8241906743465228],[.9099288798932852,.8307625342003426],[.912230184763394,.8372184337382709],[.914487253441016,.8435674571884941],[.9167148865142485,.8498184155292972],[.9189268264883301,.8559798466723794],[.9211356672547586,.862060017138353],[.9233527635598611,.8680669250033681],[.9278504028585166,.8798916280267886],[.9301466448383797,.8857241176152066],[.9324823592671754,.8915127453709542],[.9348613471976668,.8972642431099969],[.9348613471976668,.8972642431099969],[.9372856273504615,.9029851088748369],[.9397553455825536,.9086816143048344],[.9422686843563701,.9143598121965675],[.9448217722084058,.9200255441824128],[.947408593218177,.925684448465339],[.9500208964767429,.931341967556689],[.9552772279767501,.9426736878435626],[.9578927646784257,.9483578644262163],[.9604766194871308,.954060621455171],[.9630080085847714,.9597865363484674],[.965463369977889,.9655400352277332],[.965463369977889,.9655400352277332],[.9678162729662736,.9713253997462401],[.9700373276119754,.9771467737131783],[.9720940942080452,.9830081695063213],[.9739509927471266,.9889134742677088],[.97556921239073,.9948664558790756],[.9782396416593983,1]],l=function(){function t(){}return t.prototype.log=function(t){console.log(t)},t.prototype.warn=function(t){console.warn(t)},t.prototype.error=function(t){console.error(t)},t}(),h=function(){function t(t,e){var i;this.params=(i=a,JSON.parse(JSON.stringify(i))),this.program=null,this.realImage=null,this.currentImage=null,this.pointers={positionLocation:null,positionBuffer:null,texcoordLocation:null,texcoordBuffer:null,resolutionLocation:null,textureSizeLocation:null,kernelLocation:null,kernelWeightLocation:null,u_exposure:null,u_brightness:null,u_contrast:null,u_saturation:null,u_masking:null,u_dehaze:null,u_atmosferic_light:null,u_temptint:null,u_bAndW:null,u_hdr:null,u_lut:null,u_image:null,u_rotation:null,u_rotation_center:null,u_scale:null,u_translate:null},this.WIDTH=0,this.HEIGHT=0,this.log=new l,this.config={resolutionLimit:1e6,editionResolutionLimit:1e6},this.uniforms={kernel:[0,0,0,0,0,0,0,0,0,0,0,0,1,0,0,0,0,0,0,0,0,0,0,0,0],temptint:[1,1,1]},this.LIGHT_MATCH=function(){for(var t=[],e=0;e<256;e++)t[e]=e;return t}(),t&&this.setCanvas(t),e&&(this.config=e)}return t.prototype.setCanvas=function(t){this.canvas=t,this.gl=t.getContext("webgl")||t.getContext("experimental-webgl")},t.prototype.runCallback=function(t){switch(t){case"generateLightning":this.generateLightning();case"kernel_update":this.updateKernel();case"updateTemptint":this.updateTemptint()}this.log.warn("No callback "+t+" exists")},t.prototype.updateParams=function(t){var e=this,i=Object.keys(this.params).filter((function(i){return e.params[i]!==t[i]}));i.forEach((function(i){e.updateParam(i,t[i])})),this.getCallbacks(i).forEach((function(t){e.runCallback(t)})),this.update()},t.prototype.getCallbacks=function(t){var e=new Set(t.filter((function(t){return null!=s[t]})).map((function(t){return s[t]})).reduce((function(t,e){return t.concat(e)}),[]));return Array.from(e)},t.prototype.updateParam=function(t,e){Object.keys(this.params).includes(t)?this.params[t]=e:this.log.error("Param "+t+" does not exists")},t.prototype.resize=function(t,e){if(null!=this.realImage){var i=new Image;i.width=t,i.height=e,this.loadImage(i),i.src=this.realImage.src}else this.log.warn("Resize called without image")},t.prototype.getWidth=function(){return this.WIDTH},t.prototype.getHeight=function(){return this.HEIGHT},t.prototype.rotateFrom=function(t,e){this.params.rotation_center.x=t,this.params.rotation_center.y=e},t.prototype.rotateFromCenter=function(t,e){this.params.rotation_center.x=0,this.params.rotation_center.y=0},t.prototype.get2dRotation=function(){return[Math.sin(this.params.rotation),Math.cos(this.params.rotation)]},t.prototype.get2dRotationCenter=function(){return[(this.params.rotation_center.x+1)*this.WIDTH/2,(this.params.rotation_center.y+1)*this.HEIGHT/2]},t.prototype.loadImage=function(t){var e=this;t.onload=function(){null!=e.currentImage?e.render(e.currentImage):e.log.warn("Load Image called without image")},t.onerror=function(){e.log.error("Error al cargar la imagen.")},this.currentImage=t},t.prototype.load=function(t){this.log.log("Version 1.2.4"),this.realImage=new Image,this.loadImage(this.realImage),this.realImage.src=t},t.prototype.setLog=function(t){this.log=t},t.prototype.updateKernel=function(){var t=-this.params.sharpen,e=this.params.sharpen_radius,i=this.params.radiance,r=this.params.hdr;0!=i&&(t-=.5*i,e+=.5*i),0!=r&&(t-=.5*r,e+=.5*r);var n=t*Math.exp(-Math.pow(1/e,2)),o=t*Math.exp(-Math.pow(1.41/e,2)),a=t*Math.exp(-Math.pow(2/e,2)),s=t*Math.exp(-Math.pow(2.24/e,2)),u=t*Math.exp(-Math.pow(2.83/e,2)),l=1;t<0&&(l+=4*Math.abs(u)+8*Math.abs(s)+4*Math.abs(a)+4*Math.abs(o)+4*Math.abs(n)),this.uniforms.kernel=[u,s,a,s,u,s,o,n,o,s,a,n,l,n,a,s,o,n,o,s,u,s,a,s,u]},t.prototype.updateTemptint=function(){var t,e,i,r=this.params.temperature,n=this.params.tint;if(r<0){t=1;var o=u[Math.floor(100*(r+1))];e=o[0],i=o[1]}else t=.0438785/Math.pow(r+.150127,1.23675)+.543991,e=.0305003/Math.pow(r+.163976,1.23965)+.69136,i=1;-1==n&&(n=-.99);var a,s=1/(.2126*(a={x:t,y:e+=n,z:i}).x+.7152*a.y+.0722*a.z);this.uniforms.temptint=[t*s,e*s,i*s]},t.prototype.generateLightning=function(){for(var t=this.params.blacks,e=this.params.shadows,i=this.params.highlights,n=this.params.whites,o=this.params.radiance,a=r(t,e+.33,i+.66,n+1,0,.33,.66,1),s=0;s<256;s++){var u=s/256;u>1&&(u=1),u<0&&(u=0),u>1&&(u=1),u<0&&(u=0),0!=o&&(u=r(0,.33-.11*o,.66+.11*o,1,0,.33,.66,1)(u)),(u=a(u))>1&&(u=1),u<0&&(u=0),this.LIGHT_MATCH[s]=255*u}},t.prototype.kernelNormalization=function(t){return t.reduce((function(t,e){return t+e}))},t.prototype.blob=function(t,e){var i=this;return new Promise((function(r,n){if(null===i.realImage)return i.log.warn("Called to blob without loaded image"),n();i.render(i.realImage),i.canvas.toBlob((function(t){if(null===t)return i.log.error("Unable to generate the blob file"),n();r(t)}),t||"image/jpeg",e||.95)}))},t.prototype.render=function(t,e){var i=_(this.gl,this.gl.VERTEX_SHADER,"attribute vec2 a_position;\nattribute vec2 a_texCoord;\nuniform vec2 u_resolution;\nvarying vec2 v_texCoord;\nuniform vec2 u_rotation;\nuniform vec2 u_rotation_center;\nuniform vec2 u_scale;\nuniform vec2 u_translate; \n\nvoid main() {\n\n  vec2 scaled = a_position * vec2(u_scale);\n  vec2 pos_r_t = scaled - u_rotation_center;\n  vec2 pos_rotated = vec2(\n    pos_r_t.x * u_rotation.y + pos_r_t.y * u_rotation.x,\n    pos_r_t.y * u_rotation.y - pos_r_t.x * u_rotation.x);\n  \n  vec2 dist = (pos_rotated + u_rotation_center) / u_resolution;\n\n  vec2 pos = vec2((dist + u_translate) * 2.0 - 1.0) * vec2(1, -1);\n  gl_Position = vec4(pos, 0, 1);\n  v_texCoord = a_texCoord;\n}\n"),r=_(this.gl,this.gl.FRAGMENT_SHADER,"/** * David Iglesias. All rights reserved */\nprecision mediump float;\nuniform sampler2D u_image;\nuniform vec2 u_textureSize;\nuniform float u_kernel[25];\nuniform float u_kernelWeight;\nuniform sampler2D u_lut;\nuniform float u_saturation;\nuniform float u_brightness;\nuniform float u_exposure;\nuniform float u_contrast;\nuniform float u_dehaze;\nuniform float u_atmosferic_light;\nuniform float u_masking;\nuniform vec3 u_temptint[3]; // RGB temptint, RGB lightFill, RGB darkFill\nuniform float u_bAndW;\nuniform float u_hdr;\nvarying vec2 v_texCoord;\nvoid main() {\n  \n\tvec2 pixel_size = vec2(1.0, 1.0) / u_textureSize;\n  \n\tvec3 center = texture2D(u_image, v_texCoord).rgb;\n\n  /* 5x5 kernel filter */\n  vec4 colorSum = texture2D(u_image, v_texCoord + pixel_size * vec2(-2, -2)) * u_kernel[0]\n\t\t + texture2D(u_image, v_texCoord + pixel_size * vec2(-1, -2)) * u_kernel[1]\n\t\t + texture2D(u_image, v_texCoord + pixel_size * vec2(0, -2)) * u_kernel[2]\n\t\t + texture2D(u_image, v_texCoord + pixel_size * vec2(1, -2)) * u_kernel[3]\n\t\t + texture2D(u_image, v_texCoord + pixel_size * vec2(2, -2)) * u_kernel[4]\n\n\t\t + texture2D(u_image, v_texCoord + pixel_size * vec2(-2, -1)) * u_kernel[5]\n\t\t + texture2D(u_image, v_texCoord + pixel_size * vec2(-1, -1)) * u_kernel[6]\n\t\t + texture2D(u_image, v_texCoord + pixel_size * vec2(0, -1)) * u_kernel[7]\n\t\t + texture2D(u_image, v_texCoord + pixel_size * vec2(1, -1)) * u_kernel[8]\n\t\t + texture2D(u_image, v_texCoord + pixel_size * vec2(2, -1)) * u_kernel[9]\n\n\t\t + texture2D(u_image, v_texCoord + pixel_size * vec2(-2, 0)) * u_kernel[10]\n\t\t + texture2D(u_image, v_texCoord + pixel_size * vec2(-1, 0)) * u_kernel[11]\n\t\t + texture2D(u_image, v_texCoord + pixel_size * vec2(0, 0)) * u_kernel[12]\n\t\t + texture2D(u_image, v_texCoord + pixel_size * vec2(1, 0)) * u_kernel[13]\n\t\t + texture2D(u_image, v_texCoord + pixel_size * vec2(2, 0)) * u_kernel[14]\n\n\t\t + texture2D(u_image, v_texCoord + pixel_size * vec2(-2, 1)) * u_kernel[15]\n\t\t + texture2D(u_image, v_texCoord + pixel_size * vec2(-1, 1)) * u_kernel[16]\n\t\t + texture2D(u_image, v_texCoord + pixel_size * vec2(0, 1)) * u_kernel[17]\n\t\t + texture2D(u_image, v_texCoord + pixel_size * vec2(1, 1)) * u_kernel[18]\n\t\t + texture2D(u_image, v_texCoord + pixel_size * vec2(2, 1)) * u_kernel[19]\n\n\t\t + texture2D(u_image, v_texCoord + pixel_size * vec2(-2, 2)) * u_kernel[20]\n\t\t + texture2D(u_image, v_texCoord + pixel_size * vec2(-1, 2)) * u_kernel[21]\n\t\t + texture2D(u_image, v_texCoord + pixel_size * vec2(0, 2)) * u_kernel[22]\n\t\t + texture2D(u_image, v_texCoord + pixel_size * vec2(1, 2)) * u_kernel[23]\n\t\t + texture2D(u_image, v_texCoord + pixel_size * vec2(2, 2)) * u_kernel[24];\n\n\t/* Kernel filter mask */\n  vec3 rgb_pix = mix(center, (colorSum.rgb / u_kernelWeight), u_masking);\n\t\n\t/**\n\t * RGB to saturation/value conversion, in order to keep hue constant \n\t * sv_pixel = (saturation, value)\n\t */\n  float _max = max(rgb_pix.r, max(rgb_pix.g, rgb_pix.b));\n  float _min = min(rgb_pix.r, min(rgb_pix.g, rgb_pix.b));\n  vec2 sv_pixel = vec2(1.0 - _min / _max, _max);\n\n  sv_pixel.y = clamp(texture2D(u_lut, vec2(sv_pixel.y, 0.0)).a, 0.0, 1.0);\n\n\t/* Add saturation */\n  if (u_saturation != 0.0) {\n    sv_pixel.x *= (1.0 + u_saturation);\n  }\n\n  sv_pixel.x = clamp(sv_pixel.x, 0.0, 1.0);\n\n\t/* Brightness */\n  if (u_brightness != 0.0) {\n    sv_pixel.y = pow(sv_pixel.y, 1.0 - u_brightness * 0.6);\n  }\n\n\t/* HDR 'like' filter */\n  if (u_hdr != 0.0) {\n    sv_pixel.y = mix(sv_pixel.y, clamp(1.0 - pow(1.0 - pow(sv_pixel.y, 0.3), 0.42), 0.0, 1.0), u_hdr);\n  }\n\n  sv_pixel = clamp(sv_pixel, 0.0, 1.0);\n\t/* Return to RGB */\n  if (sv_pixel.x > 0.0) {\n    float k = -sv_pixel.x / (1.0 - _min / _max);\n    rgb_pix = (_max - rgb_pix) * k + _max;\n    rgb_pix *= sv_pixel.y / _max;\n  } else {\n    rgb_pix.r = rgb_pix.g = rgb_pix.b = sv_pixel.y;\n  }\n\n\t/* Dehaze */\n  if (u_dehaze != 0.0) {\n    float t = 1.0 / 25.0;\n    vec4 center = texture2D(u_image, v_texCoord);\n    vec2 pixel_size = vec2(1.0, 1.0) / u_textureSize;\n    float dark = 1.0;\n    const int radius = 1;\n    for (int ii = -radius; ii <= radius; ii++) {\n      for (int jj = -radius; jj <= radius; jj++) {\n        vec4 pix = texture2D(u_image, v_texCoord + pixel_size * vec2(ii, jj));\n        float _min = min(pix.r, min(pix.g, pix.b));\n        if (dark > _min) {\n          dark = _min;\n        }\n      }\n    }\n    float darkPix = min(center.r, min(center.g, center.b));\n    float diff = abs(darkPix - dark);\n    float mask = pow(diff, 3.0);\n    dark = mix(darkPix, dark, mask);\n    float mm = max(1.0 - dark, 0.2);\n    rgb_pix = mix(rgb_pix, ((rgb_pix - u_atmosferic_light) / mm + u_atmosferic_light), u_dehaze);\n  }\n\n\t/* Exposure */\n  rgb_pix += u_exposure;\n  rgb_pix = clamp(rgb_pix, 0.0, 1.0);\n\n\t/* Contrast */\n  float contrast = u_contrast + 1.0;\n  rgb_pix = contrast * (rgb_pix - 0.5) + 0.5;\n\t\n\t/* Apply tint filter */\n  rgb_pix *= u_temptint[0];\n  float mono = dot(rgb_pix, vec3(0.2126, 0.7152, 0.0722));\n  rgb_pix += mix(u_temptint[2], u_temptint[1], mono);\n\n\t/* Black&White filter */\n  if (u_bAndW != 0.0) {\n    rgb_pix = mix(rgb_pix, vec3(mono, mono, mono), u_bAndW);\n  }\n\n  gl_FragColor = vec4(rgb_pix, 1.0);\n\n}\n");try{this.program=function(t,e,i){var r=t.createProgram();if(t.attachShader(r,e),t.attachShader(r,i),t.linkProgram(r),t.getProgramParameter(r,t.LINK_STATUS))return r;t.deleteProgram(r)}(this.gl,i,r)}catch(t){return this.log.error(t)}this.pointers.positionLocation=this.gl.getAttribLocation(this.program,"a_position"),this.pointers.texcoordLocation=this.gl.getAttribLocation(this.program,"a_texCoord"),this.pointers.positionBuffer=this.gl.createBuffer(),this.gl.bindBuffer(this.gl.ARRAY_BUFFER,this.pointers.positionBuffer),this.WIDTH=t.width,this.HEIGHT=t.height,this.gl.canvas.width=this.WIDTH,this.gl.canvas.height=this.HEIGHT,this.log.log("[IMAGE] width = "+this.WIDTH+", height = "+this.HEIGHT),this.setRectangle(0,0,this.WIDTH,this.HEIGHT),this.pointers.texcoordBuffer=this.gl.createBuffer(),this.gl.bindBuffer(this.gl.ARRAY_BUFFER,this.pointers.texcoordBuffer),this.gl.bufferData(this.gl.ARRAY_BUFFER,new Float32Array([0,0,1,0,0,1,0,1,1,0,1,1]),this.gl.STATIC_DRAW),this.gl.activeTexture(this.gl.TEXTURE0),p(this.gl);try{this.gl.texImage2D(this.gl.TEXTURE_2D,0,this.gl.RGBA,this.gl.RGBA,this.gl.UNSIGNED_BYTE,t)}catch(t){return this.log.error(t)}this.pointers.u_image=this.gl.getUniformLocation(this.program,"u_image"),this.pointers.resolutionLocation=this.gl.getUniformLocation(this.program,"u_resolution"),this.pointers.textureSizeLocation=this.gl.getUniformLocation(this.program,"u_textureSize"),this.pointers.kernelLocation=this.gl.getUniformLocation(this.program,"u_kernel[0]"),this.pointers.kernelWeightLocation=this.gl.getUniformLocation(this.program,"u_kernelWeight"),this.pointers.u_exposure=this.gl.getUniformLocation(this.program,"u_exposure"),this.pointers.u_brightness=this.gl.getUniformLocation(this.program,"u_brightness"),this.pointers.u_contrast=this.gl.getUniformLocation(this.program,"u_contrast"),this.pointers.u_saturation=this.gl.getUniformLocation(this.program,"u_saturation"),this.pointers.u_masking=this.gl.getUniformLocation(this.program,"u_masking"),this.pointers.u_dehaze=this.gl.getUniformLocation(this.program,"u_dehaze"),this.pointers.u_atmosferic_light=this.gl.getUniformLocation(this.program,"u_atmosferic_light"),this.pointers.u_temptint=this.gl.getUniformLocation(this.program,"u_temptint[0]"),this.pointers.u_bAndW=this.gl.getUniformLocation(this.program,"u_bAndW"),this.pointers.u_hdr=this.gl.getUniformLocation(this.program,"u_hdr"),this.pointers.u_rotation=this.gl.getUniformLocation(this.program,"u_rotation"),this.pointers.u_rotation_center=this.gl.getUniformLocation(this.program,"u_rotation_center"),this.pointers.u_scale=this.gl.getUniformLocation(this.program,"u_scale"),this.pointers.u_translate=this.gl.getUniformLocation(this.program,"u_translate"),this.pointers.u_lut=this.gl.getUniformLocation(this.program,"u_lut"),this.gl.activeTexture(this.gl.TEXTURE1),p(this.gl),this.gl.viewport(0,0,this.WIDTH,this.HEIGHT),this.gl.clearColor(0,0,0,0),this.gl.clear(this.gl.COLOR_BUFFER_BIT),e||this.update()},t.prototype.update=function(){this.gl.texImage2D(this.gl.TEXTURE_2D,0,this.gl.ALPHA,256,1,0,this.gl.ALPHA,this.gl.UNSIGNED_BYTE,new Uint8Array(this.LIGHT_MATCH)),this.gl.useProgram(this.program),this.gl.enableVertexAttribArray(this.pointers.positionLocation),this.gl.bindBuffer(this.gl.ARRAY_BUFFER,this.pointers.positionBuffer),this.gl.vertexAttribPointer(this.pointers.positionLocation,2,this.gl.FLOAT,!1,0,0),this.gl.enableVertexAttribArray(this.pointers.texcoordLocation),this.gl.bindBuffer(this.gl.ARRAY_BUFFER,this.pointers.texcoordBuffer),this.gl.vertexAttribPointer(this.pointers.texcoordLocation,2,this.gl.FLOAT,!1,0,0),this.gl.uniform2f(this.pointers.resolutionLocation,this.WIDTH,this.HEIGHT),this.gl.uniform2f(this.pointers.textureSizeLocation,this.WIDTH,this.HEIGHT),this.gl.uniform1f(this.pointers.u_brightness,this.params.brightness),this.gl.uniform1f(this.pointers.u_contrast,this.params.contrast),this.gl.uniform1f(this.pointers.u_exposure,this.params.exposure),this.gl.uniform1f(this.pointers.u_contrast,this.params.contrast),this.gl.uniform1f(this.pointers.u_saturation,this.params.saturation),this.gl.uniform1f(this.pointers.u_masking,this.params.masking),this.gl.uniform1f(this.pointers.u_dehaze,this.params.dehaze),this.gl.uniform1f(this.pointers.u_atmosferic_light,this.params.atmosferic_light),this.gl.uniform3fv(this.pointers.u_temptint,this.uniforms.temptint.concat(o(n({x:360*this.params.lightColor,y:this.params.lightSat,z:this.params.lightFill}))).concat(o(n({x:360*this.params.darkColor,y:this.params.darkSat,z:this.params.darkFill})))),this.gl.uniform1f(this.pointers.u_bAndW,this.params.bAndW),this.gl.uniform1f(this.pointers.u_hdr,this.params.hdr),this.gl.uniform2fv(this.pointers.u_rotation,this.get2dRotation()),this.gl.uniform2fv(this.pointers.u_rotation_center,this.get2dRotationCenter()),this.gl.uniform2f(this.pointers.u_scale,this.params.scale.x,this.params.scale.y),this.gl.uniform2f(this.pointers.u_translate,this.params.translate.x,this.params.translate.y),this.gl.uniform1i(this.pointers.u_image,0),this.gl.uniform1i(this.pointers.u_lut,1),this.gl.uniform1fv(this.pointers.kernelLocation,this.uniforms.kernel),this.gl.uniform1f(this.pointers.kernelWeightLocation,this.kernelNormalization(this.uniforms.kernel)),this.gl.drawArrays(this.gl.TRIANGLES,0,6)},t.prototype.setRectangle=function(t,e,i,r){var n=t,o=t+i,a=e,s=e+r;this.gl.bufferData(this.gl.ARRAY_BUFFER,new Float32Array([n,a,o,a,n,s,n,s,o,a,o,s]),this.gl.STATIC_DRAW)},t}();function _(t,e,i){var r=t.createShader(e);if(t.shaderSource(r,i),t.compileShader(r),t.getShaderParameter(r,t.COMPILE_STATUS))return r;t.deleteShader(r)}function p(t){var e=t.createTexture();return t.bindTexture(t.TEXTURE_2D,e),t.texParameteri(t.TEXTURE_2D,t.TEXTURE_WRAP_S,t.CLAMP_TO_EDGE),t.texParameteri(t.TEXTURE_2D,t.TEXTURE_WRAP_T,t.CLAMP_TO_EDGE),t.texParameteri(t.TEXTURE_2D,t.TEXTURE_MIN_FILTER,t.NEAREST),t.texParameteri(t.TEXTURE_2D,t.TEXTURE_MAG_FILTER,t.NEAREST),e}})(),RextEditor=e})();
\ No newline at end of file
diff --git a/build/test.jpg b/build/test.jpg
new file mode 100644
index 0000000..1fe8302
Binary files /dev/null and b/build/test.jpg differ
diff --git a/buildShaders.js b/buildShaders.js
deleted file mode 100644
index 0fb0eb2..0000000
--- a/buildShaders.js
+++ /dev/null
@@ -1,9 +0,0 @@
-const { readFileSync, writeFileSync } = require('fs')
-const FRAGMENT_SHADER = readFileSync('./src/shaders/fragment_shader.frag').toString()
-const VERTEX_SHADER = readFileSync('./src/shaders/vertex_shader.vert').toString()
-const vertex = { FRAGMENT_SHADER, VERTEX_SHADER }
-const fileContent = "const FRAGMENT_SHADER = `" + FRAGMENT_SHADER + "`\n" + 
-  "const VERTEX_SHADER = `" + VERTEX_SHADER + "`\n" + 
-  "export { FRAGMENT_SHADER, VERTEX_SHADER }\n"
-writeFileSync('./src/shaders/index.ts', fileContent)
-console.log("DONE")
diff --git a/dist/editor.d.ts b/dist/editor.d.ts
index 8eaf80b..3bdc68e 100644
--- a/dist/editor.d.ts
+++ b/dist/editor.d.ts
@@ -23,7 +23,10 @@ export declare class RextEditor {
     resize(width: number, height: number): void;
     getWidth(): number;
     getHeight(): number;
+    rotateFrom(x: number, y: number): void;
+    rotateFromCenter(x: number, y: number): void;
     private get2dRotation;
+    private get2dRotationCenter;
     private loadImage;
     load(url: string): void;
     setLog(log: Log): void;
diff --git a/dist/editor.js b/dist/editor.js
deleted file mode 100644
index 7be9acc..0000000
--- a/dist/editor.js
+++ /dev/null
@@ -1,453 +0,0 @@
-import { getCuadraticFunction } from './lib/math';
-import { asArray, getLuma, hsv2rgb } from './lib/color';
-import { defaultParams, paramsCallbacks, TEMP_DATA } from './lib/constants';
-import { FRAGMENT_SHADER, VERTEX_SHADER } from './shaders/index';
-import { LogFacade } from './log/LogFacade';
-var clone = function (obj) { return JSON.parse(JSON.stringify(obj)); };
-/* BEGIN WEBGL PART */
-var RextEditor = /** @class */ (function () {
-    function RextEditor(canvas, config) {
-        this.params = clone(defaultParams);
-        this.program = null;
-        this.realImage = null;
-        this.currentImage = null;
-        this.pointers = {
-            positionLocation: null,
-            positionBuffer: null,
-            texcoordLocation: null,
-            texcoordBuffer: null,
-            resolutionLocation: null,
-            textureSizeLocation: null,
-            kernelLocation: null,
-            kernelWeightLocation: null,
-            u_exposure: null,
-            u_brightness: null,
-            u_contrast: null,
-            u_saturation: null,
-            u_masking: null,
-            u_dehaze: null,
-            u_atmosferic_light: null,
-            u_temptint: null,
-            u_bAndW: null,
-            u_hdr: null,
-            u_lut: null,
-            u_image: null,
-            u_rotation: null,
-            u_scale: null,
-            u_translate: null,
-        };
-        this.WIDTH = 0;
-        this.HEIGHT = 0;
-        this.log = new LogFacade();
-        this.config = {
-            resolutionLimit: 1000000,
-            editionResolutionLimit: 1000000,
-        };
-        this.uniforms = {
-            kernel: [
-                0, 0, 0, 0, 0,
-                0, 0, 0, 0, 0,
-                0, 0, 1, 0, 0,
-                0, 0, 0, 0, 0,
-                0, 0, 0, 0, 0
-            ],
-            temptint: [1, 1, 1]
-        };
-        this.LIGHT_MATCH = (function () {
-            var _r = [];
-            for (var i = 0; i < 256; i++) {
-                _r[i] = i;
-            }
-            return _r;
-        })();
-        if (canvas) {
-            this.setCanvas(canvas);
-        }
-        if (config) {
-            this.config = config;
-        }
-    }
-    RextEditor.prototype.setCanvas = function (canvas) {
-        this.canvas = canvas;
-        this.gl = canvas.getContext("webgl") || canvas.getContext("experimental-webgl");
-    };
-    RextEditor.prototype.runCallback = function (callbackName) {
-        switch (callbackName) {
-            // @ts-ignore
-            case "generateLightning":
-                this.generateLightning();
-            // @ts-ignore
-            case "kernel_update":
-                this.updateKernel();
-            case "updateTemptint":
-                this.updateTemptint();
-        }
-        this.log.warn("No callback " + callbackName + " exists");
-    };
-    RextEditor.prototype.updateParams = function (params) {
-        var _this = this;
-        /* Calculate difference */
-        var updateKeys = Object.keys(this.params).filter(function (paramKey) {
-            return _this.params[paramKey] !== params[paramKey];
-        });
-        updateKeys.forEach(function (paramKey) {
-            _this.updateParam(paramKey, params[paramKey]);
-        });
-        var updates = this.getCallbacks(updateKeys);
-        /* Update with callbacks */
-        updates.forEach(function (callbackName) {
-            _this.runCallback(callbackName);
-        });
-        this.update();
-    };
-    RextEditor.prototype.getCallbacks = function (updatedParams) {
-        var callbacks = new Set(updatedParams.filter(function (key) { return paramsCallbacks[key] !== undefined && paramsCallbacks[key] !== null; })
-            .map(function (key) { return paramsCallbacks[key]; })
-            .reduce(function (acc, v) { return acc.concat(v); }, []));
-        return Array.from(callbacks);
-    };
-    RextEditor.prototype.updateParam = function (param, value) {
-        var keys = Object.keys(this.params);
-        if (keys.includes(param)) {
-            // @ts-ignore
-            this.params[param] = value;
-        }
-        else {
-            this.log.error("Param " + param + " does not exists");
-        }
-    };
-    RextEditor.prototype.resize = function (width, height) {
-        if (this.realImage == null) {
-            this.log.warn('Resize called without image');
-            return;
-        }
-        var image = new Image();
-        image.width = width;
-        image.height = height;
-        this.loadImage(image);
-        image.src = this.realImage.src;
-    };
-    RextEditor.prototype.getWidth = function () {
-        return this.WIDTH;
-    };
-    RextEditor.prototype.getHeight = function () {
-        return this.HEIGHT;
-    };
-    RextEditor.prototype.get2dRotation = function () {
-        return {
-            x: Math.sin(this.params.rotation),
-            y: Math.cos(this.params.rotation)
-        };
-    };
-    RextEditor.prototype.loadImage = function (image) {
-        var _this = this;
-        image.onload = function () {
-            if (_this.currentImage == null) {
-                _this.log.warn('Load Image called without image');
-                return;
-            }
-            _this.render(_this.currentImage);
-        };
-        image.onerror = function () {
-            _this.log.error("Error al cargar la imagen.");
-        };
-        this.currentImage = image;
-    };
-    RextEditor.prototype.load = function (url) {
-        this.log.log("Version 1.2.3");
-        // Save real image as a copy
-        this.realImage = new Image();
-        this.loadImage(this.realImage);
-        this.realImage.src = url;
-    };
-    RextEditor.prototype.setLog = function (log) {
-        this.log = log;
-    };
-    RextEditor.prototype.updateKernel = function () {
-        // 3x3 kernel
-        var sharpness = -this.params.sharpen;
-        var radius = this.params.sharpen_radius;
-        var radiance = this.params.radiance;
-        var hdr = this.params.hdr;
-        if (radiance != 0) {
-            sharpness -= 0.5 * radiance;
-            radius += 0.5 * radiance;
-        }
-        if (hdr != 0) {
-            sharpness -= 0.5 * hdr;
-            radius += 0.5 * hdr;
-        }
-        var A = sharpness * Math.exp(-Math.pow(1 / radius, 2));
-        var B = sharpness * Math.exp(-Math.pow(1.41 / radius, 2));
-        var C = sharpness * Math.exp(-Math.pow(2 / radius, 2));
-        var D = sharpness * Math.exp(-Math.pow(2.24 / radius, 2));
-        var E = sharpness * Math.exp(-Math.pow(2.83 / radius, 2));
-        var X = 1;
-        if (sharpness < 0) {
-            X += 4 * Math.abs(E) + 8 * Math.abs(D) + 4 * Math.abs(C) + 4 * Math.abs(B) + 4 * Math.abs(A);
-        }
-        this.uniforms.kernel = [E, D, C, D, E,
-            D, B, A, B, D,
-            C, A, X, A, C,
-            D, B, A, B, D,
-            E, D, C, D, E];
-    };
-    // Temp and Tint
-    RextEditor.prototype.updateTemptint = function () {
-        var T = this.params.temperature;
-        var tint = this.params.tint;
-        var R, G, B;
-        if (T < 0) {
-            R = 1;
-            var i = TEMP_DATA[Math.floor((T + 1) * 100)]; // Tab values, algorithm is hard
-            G = i[0];
-            B = i[1];
-        }
-        else {
-            R = 0.0438785 / (Math.pow(T + 0.150127, 1.23675)) + 0.543991;
-            G = 0.0305003 / (Math.pow(T + 0.163976, 1.23965)) + 0.69136;
-            B = 1;
-        }
-        if (tint == -1) { // HACK
-            tint = -0.99;
-        }
-        G += tint;
-        // Luma correction
-        var curr_luma = getLuma({ x: R, y: G, z: B });
-        var mult_K = 1 / curr_luma;
-        // TODO
-        this.uniforms.temptint = [R * mult_K, G * mult_K, B * mult_K];
-    };
-    /**
-     * Lightning generation:
-     * Map brightness values depending on Brightness, Contrast... etc
-     */
-    RextEditor.prototype.generateLightning = function () {
-        var blacks = this.params.blacks;
-        var shadows = this.params.shadows;
-        var highlights = this.params.highlights;
-        var whites = this.params.whites;
-        var radiance = this.params.radiance;
-        var f = getCuadraticFunction(blacks, shadows + 0.33, highlights + 0.66, whites + 1, 0, 0.33, 0.66, 1);
-        for (var i = 0; i < 256; i++) {
-            var pixel_value = i / 256;
-            // Brightness
-            if (pixel_value > 1) {
-                pixel_value = 1;
-            }
-            if (pixel_value < 0) {
-                pixel_value = 0;
-            }
-            // Contrast
-            if (pixel_value > 1) {
-                pixel_value = 1;
-            }
-            if (pixel_value < 0) {
-                pixel_value = 0;
-            }
-            // Radiance part
-            if (radiance != 0) {
-                var f_radiance = getCuadraticFunction(0, 0.33 - radiance * 0.11, 0.66 + radiance * 0.11, 1, 0, 0.33, 0.66, 1);
-                pixel_value = f_radiance(pixel_value);
-            }
-            pixel_value = f(pixel_value);
-            if (pixel_value > 1) {
-                pixel_value = 1;
-            }
-            if (pixel_value < 0) {
-                pixel_value = 0;
-            }
-            this.LIGHT_MATCH[i] = pixel_value * 255;
-        }
-    };
-    /**
-     * kernelNormalization
-     * Compute the total weight of the kernel in order to normalize it
-     */
-    RextEditor.prototype.kernelNormalization = function (kernel) {
-        return kernel.reduce(function (a, b) { return a + b; });
-    };
-    RextEditor.prototype.blob = function (type, quality) {
-        var _this = this;
-        return new Promise(function (resolve, reject) {
-            if (_this.realImage === null) {
-                _this.log.warn('Called to blob without loaded image');
-                return reject();
-            }
-            _this.render(_this.realImage);
-            _this.canvas.toBlob(function (blob) {
-                if (blob === null) {
-                    _this.log.error('Unable to generate the blob file');
-                    return reject();
-                }
-                resolve(blob);
-            }, type || "image/jpeg", quality || 0.95);
-        });
-    };
-    /**
-     * render
-     * Prepare the environment to edit the image
-     * image: Image element to edit (Image object)
-     * context: webgl context. Default: __window.gl
-     * SET_FULL_RES: no resize the image to edit. Default: false (resize the image)
-     */
-    RextEditor.prototype.render = function (image, preventRenderImage) {
-        // Load GSLS programs
-        var VERTEX_SHADER_CODE = createShader(this.gl, this.gl.VERTEX_SHADER, VERTEX_SHADER);
-        var FRAGMENT_SHADER_CODE = createShader(this.gl, this.gl.FRAGMENT_SHADER, FRAGMENT_SHADER);
-        try {
-            this.program = createProgram(this.gl, VERTEX_SHADER_CODE, FRAGMENT_SHADER_CODE);
-        }
-        catch (err) {
-            return this.log.error(err);
-        }
-        // look up where the vertex data needs to go.
-        this.pointers.positionLocation = this.gl.getAttribLocation(this.program, "a_position");
-        this.pointers.texcoordLocation = this.gl.getAttribLocation(this.program, "a_texCoord");
-        // Create a buffer to put three 2d clip space points in
-        this.pointers.positionBuffer = this.gl.createBuffer();
-        // Bind it to ARRAY_BUFFER (think of it as ARRAY_BUFFER = positionBuffer)
-        this.gl.bindBuffer(this.gl.ARRAY_BUFFER, this.pointers.positionBuffer);
-        // Set a rectangle the same size as the image.
-        this.WIDTH = image.width;
-        this.HEIGHT = image.height;
-        this.gl.canvas.width = this.WIDTH;
-        this.gl.canvas.height = this.HEIGHT;
-        this.log.log("[IMAGE] width = " + this.WIDTH + ", height = " + this.HEIGHT);
-        this.setRectangle(0, 0, this.WIDTH, this.HEIGHT);
-        // Create the rectangle 
-        this.pointers.texcoordBuffer = this.gl.createBuffer();
-        this.gl.bindBuffer(this.gl.ARRAY_BUFFER, this.pointers.texcoordBuffer);
-        this.gl.bufferData(this.gl.ARRAY_BUFFER, new Float32Array([
-            0.0, 0.0,
-            1.0, 0.0,
-            0.0, 1.0,
-            0.0, 1.0,
-            1.0, 0.0,
-            1.0, 1.0,
-        ]), this.gl.STATIC_DRAW);
-        this.gl.activeTexture(this.gl.TEXTURE0);
-        var originalImageTexture = createTexture(this.gl);
-        // Upload the image into the texture.
-        try {
-            this.gl.texImage2D(this.gl.TEXTURE_2D, 0, this.gl.RGBA, this.gl.RGBA, this.gl.UNSIGNED_BYTE, image);
-        }
-        catch (err) {
-            return this.log.error(err);
-        }
-        this.pointers.u_image = this.gl.getUniformLocation(this.program, "u_image");
-        // lookup uniforms
-        this.pointers.resolutionLocation = this.gl.getUniformLocation(this.program, "u_resolution");
-        this.pointers.textureSizeLocation = this.gl.getUniformLocation(this.program, "u_textureSize");
-        this.pointers.kernelLocation = this.gl.getUniformLocation(this.program, "u_kernel[0]");
-        this.pointers.kernelWeightLocation = this.gl.getUniformLocation(this.program, "u_kernelWeight");
-        this.pointers.u_exposure = this.gl.getUniformLocation(this.program, "u_exposure");
-        this.pointers.u_brightness = this.gl.getUniformLocation(this.program, "u_brightness");
-        this.pointers.u_contrast = this.gl.getUniformLocation(this.program, "u_contrast");
-        this.pointers.u_saturation = this.gl.getUniformLocation(this.program, "u_saturation");
-        this.pointers.u_masking = this.gl.getUniformLocation(this.program, "u_masking");
-        this.pointers.u_dehaze = this.gl.getUniformLocation(this.program, "u_dehaze");
-        this.pointers.u_atmosferic_light = this.gl.getUniformLocation(this.program, "u_atmosferic_light");
-        this.pointers.u_temptint = this.gl.getUniformLocation(this.program, "u_temptint[0]");
-        this.pointers.u_bAndW = this.gl.getUniformLocation(this.program, "u_bAndW");
-        this.pointers.u_hdr = this.gl.getUniformLocation(this.program, "u_hdr");
-        this.pointers.u_rotation = this.gl.getUniformLocation(this.program, "u_rotation");
-        this.pointers.u_scale = this.gl.getUniformLocation(this.program, "u_scale");
-        this.pointers.u_translate = this.gl.getUniformLocation(this.program, "u_translate");
-        this.pointers.u_lut = this.gl.getUniformLocation(this.program, "u_lut");
-        // Upload the LUT (contrast, brightness...)
-        this.gl.activeTexture(this.gl.TEXTURE1);
-        var LUTTexture = createTexture(this.gl);
-        this.gl.viewport(0, 0, this.WIDTH, this.HEIGHT);
-        this.gl.clearColor(0, 0, 0, 0);
-        this.gl.clear(this.gl.COLOR_BUFFER_BIT);
-        if (!preventRenderImage) {
-            this.update();
-        }
-    };
-    RextEditor.prototype.update = function () {
-        this.gl.texImage2D(this.gl.TEXTURE_2D, 0, this.gl.ALPHA, 256, 1, 0, this.gl.ALPHA, this.gl.UNSIGNED_BYTE, new Uint8Array(this.LIGHT_MATCH));
-        this.gl.useProgram(this.program);
-        this.gl.enableVertexAttribArray(this.pointers.positionLocation);
-        this.gl.bindBuffer(this.gl.ARRAY_BUFFER, this.pointers.positionBuffer);
-        this.gl.vertexAttribPointer(this.pointers.positionLocation, 2, this.gl.FLOAT, false, 0, 0);
-        this.gl.enableVertexAttribArray(this.pointers.texcoordLocation);
-        this.gl.bindBuffer(this.gl.ARRAY_BUFFER, this.pointers.texcoordBuffer);
-        this.gl.vertexAttribPointer(this.pointers.texcoordLocation, 2, this.gl.FLOAT, false, 0, 0);
-        // set the resolution
-        this.gl.uniform2f(this.pointers.resolutionLocation, this.WIDTH, this.HEIGHT);
-        // set the size of the image
-        this.gl.uniform2f(this.pointers.textureSizeLocation, this.WIDTH, this.HEIGHT);
-        // Set the parameters values
-        this.gl.uniform1f(this.pointers.u_brightness, this.params.brightness);
-        this.gl.uniform1f(this.pointers.u_contrast, this.params.contrast);
-        this.gl.uniform1f(this.pointers.u_exposure, this.params.exposure);
-        this.gl.uniform1f(this.pointers.u_contrast, this.params.contrast);
-        this.gl.uniform1f(this.pointers.u_saturation, this.params.saturation);
-        this.gl.uniform1f(this.pointers.u_masking, this.params.masking);
-        this.gl.uniform1f(this.pointers.u_dehaze, this.params.dehaze);
-        this.gl.uniform1f(this.pointers.u_atmosferic_light, this.params.atmosferic_light);
-        this.gl.uniform3fv(this.pointers.u_temptint, this.uniforms.temptint
-            .concat(asArray(hsv2rgb({ x: this.params.lightColor * 360, y: this.params.lightSat, z: this.params.lightFill })))
-            .concat(asArray(hsv2rgb({ x: this.params.darkColor * 360, y: this.params.darkSat, z: this.params.darkFill })))); // vec3 x3
-        this.gl.uniform1f(this.pointers.u_bAndW, this.params.bAndW);
-        this.gl.uniform1f(this.pointers.u_hdr, this.params.hdr);
-        var rotation = this.get2dRotation();
-        this.gl.uniform2f(this.pointers.u_rotation, rotation.x, rotation.y);
-        this.gl.uniform2f(this.pointers.u_scale, this.params.scale.x, this.params.scale.y);
-        this.gl.uniform2f(this.pointers.u_translate, this.params.translate.x, this.params.translate.y);
-        // Show image
-        this.gl.uniform1i(this.pointers.u_image, 0); // TEXTURE 0
-        this.gl.uniform1i(this.pointers.u_lut, 1); // TEXTURE 1
-        // set the kernel and it's weight
-        this.gl.uniform1fv(this.pointers.kernelLocation, this.uniforms.kernel);
-        this.gl.uniform1f(this.pointers.kernelWeightLocation, this.kernelNormalization(this.uniforms.kernel));
-        this.gl.drawArrays(this.gl.TRIANGLES, 0, 6);
-    };
-    RextEditor.prototype.setRectangle = function (x, y, width, height) {
-        var x1 = x;
-        var x2 = x + width;
-        var y1 = y;
-        var y2 = y + height;
-        this.gl.bufferData(this.gl.ARRAY_BUFFER, new Float32Array([
-            x1, y1,
-            x2, y1,
-            x1, y2,
-            x1, y2,
-            x2, y1,
-            x2, y2,
-        ]), this.gl.STATIC_DRAW);
-    };
-    return RextEditor;
-}());
-export { RextEditor };
-function createShader(gl, type, source) {
-    var shader = gl.createShader(type);
-    gl.shaderSource(shader, source);
-    gl.compileShader(shader);
-    var success = gl.getShaderParameter(shader, gl.COMPILE_STATUS);
-    if (success) {
-        return shader;
-    }
-    gl.deleteShader(shader);
-}
-function createProgram(gl, vertexShader, fragmentShader) {
-    var program = gl.createProgram();
-    gl.attachShader(program, vertexShader);
-    gl.attachShader(program, fragmentShader);
-    gl.linkProgram(program);
-    var success = gl.getProgramParameter(program, gl.LINK_STATUS);
-    if (success) {
-        return program;
-    }
-    gl.deleteProgram(program);
-}
-function createTexture(gl) {
-    var texture = gl.createTexture();
-    gl.bindTexture(gl.TEXTURE_2D, texture);
-    gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_S, gl.CLAMP_TO_EDGE);
-    gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_T, gl.CLAMP_TO_EDGE);
-    gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, gl.NEAREST);
-    gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MAG_FILTER, gl.NEAREST);
-    return texture;
-}
diff --git a/dist/editor.test.js b/dist/editor.test.js
deleted file mode 100644
index 591b320..0000000
--- a/dist/editor.test.js
+++ /dev/null
@@ -1,18 +0,0 @@
-var __spreadArray = (this && this.__spreadArray) || function (to, from) {
-    for (var i = 0, il = from.length, j = to.length; i < il; i++, j++)
-        to[j] = from[i];
-    return to;
-};
-import { RextEditor } from './editor';
-import { paramsCallbacks } from './lib/constants';
-test('Callbacks are working', function () {
-    var mockCanvas = {
-        getContext: function (ctx) {
-            return null;
-        }
-    };
-    var rext = new RextEditor(mockCanvas);
-    expect(rext.getCallbacks(["exposure"])).toStrictEqual([]);
-    expect(rext.getCallbacks(["radiance"])).toStrictEqual(paramsCallbacks["radiance"]);
-    expect(rext.getCallbacks(["contrast", "temperature"])).toStrictEqual(__spreadArray(__spreadArray([], paramsCallbacks["contrast"]), paramsCallbacks["temperature"]));
-});
diff --git a/dist/index.js b/dist/index.js
deleted file mode 100644
index 1e5e900..0000000
--- a/dist/index.js
+++ /dev/null
@@ -1 +0,0 @@
-export { RextEditor } from './editor';
diff --git a/dist/lib/color.js b/dist/lib/color.js
deleted file mode 100644
index 23e10c7..0000000
--- a/dist/lib/color.js
+++ /dev/null
@@ -1,53 +0,0 @@
-/**
- * Color space functions
- */
-import { clamp } from "./math";
-export var getLuma = function (rgb_pix) {
-    return 0.2126 * rgb_pix.x + 0.7152 * rgb_pix.y + 0.0722 * rgb_pix.z;
-};
-export var hsv2rgb = function (pixel_hsv) {
-    var a, d, c;
-    var r, g, b;
-    a = pixel_hsv.z * pixel_hsv.y;
-    d = a * (1.0 - Math.abs((pixel_hsv.x / 60.0) % 2.0 - 1.0));
-    c = pixel_hsv.z - a;
-    if (pixel_hsv.x < 180.0) {
-        if (pixel_hsv.x < 60.0) {
-            r = pixel_hsv.z;
-            g = d + c;
-            b = c;
-        }
-        else if (pixel_hsv.x < 120.0) {
-            r = d + c;
-            g = pixel_hsv.z;
-            b = c;
-        }
-        else {
-            r = c;
-            g = pixel_hsv.z;
-            b = d + c;
-        }
-    }
-    else {
-        if (pixel_hsv.x < 240.0) {
-            r = c;
-            g = d + c;
-            b = pixel_hsv.z;
-        }
-        else if (pixel_hsv.x < 300.0) {
-            r = d + c;
-            g = c;
-            b = a + c;
-        }
-        else {
-            r = a + c;
-            g = c;
-            b = d + c;
-        }
-    }
-    r = clamp(r, 0.0, 1.0);
-    g = clamp(g, 0.0, 1.0);
-    b = clamp(b, 0.0, 1.0);
-    return { x: r, y: g, z: b };
-};
-export var asArray = function (vec) { return [vec.x, vec.y, vec.z]; };
diff --git a/dist/lib/constants.js b/dist/lib/constants.js
deleted file mode 100644
index 82854cb..0000000
--- a/dist/lib/constants.js
+++ /dev/null
@@ -1,157 +0,0 @@
-export var defaultParams = {
-    hdr: 0,
-    exposure: 0,
-    temperature: 0,
-    tint: 0,
-    brightness: 0,
-    saturation: 0,
-    contrast: 0,
-    sharpen: 0,
-    masking: 0,
-    sharpen_radius: 0,
-    radiance: 0,
-    highlights: 0,
-    shadows: 0,
-    whites: 0,
-    blacks: 0,
-    dehaze: 0,
-    bAndW: 0,
-    atmosferic_light: 0,
-    lightFill: 0,
-    lightColor: 0,
-    lightSat: 1,
-    darkFill: 0,
-    darkColor: 0,
-    darkSat: 1,
-    rotation: 0,
-    scale: {
-        x: 1,
-        y: 1,
-    },
-    translate: {
-        x: 0,
-        y: 0,
-    },
-};
-/**
- * Callbacks needed to be recalculated when changing parameters
- */
-export var paramsCallbacks = {
-    contrast: ["generateLightning"],
-    whites: ["generateLightning"],
-    highlights: ["generateLightning"],
-    shadows: ["generateLightning"],
-    blacks: ["generateLightning"],
-    radiance: ["generateLightning", "kernel_update"],
-    hdr: ["kernel_update"],
-    temperature: ["updateTemptint"],
-    tint: ["updateTemptint"],
-    sharpen: ["kernel_update"],
-    sharpen_radius: ["kernel_update"],
-};
-/**
- * Temperature map
- */
-export var TEMP_DATA = [
-    [0.6167426069865002, 0.017657981710823077],
-    [0.5838624982041293, 0.06447754787874993],
-    [0.5666570157784903, 0.1010769359975838],
-    [0.5600215017846518, 0.13012054359808795],
-    [0.5603460901328465, 0.15370282338343416],
-    [0.5651414015638195, 0.1734071109259789],
-    [0.5727157905223393, 0.19040417876076665],
-    [0.5819305919306469, 0.20554787970182647],
-    [0.5920253173976543, 0.219454396860673],
-    [0.6024964973113273, 0.23256361077001078],
-    [0.613014923688415, 0.2451851574423344],
-    [0.6233694681448863, 0.2575325541865392],
-    [0.633428991849502, 0.2697484189519574],
-    [0.6431164873163056, 0.2819231700046263],
-    [0.6523914777767198, 0.29410898225476145],
-    [0.6612380004437802, 0.30633028466830314],
-    [0.6696563786680246, 0.31859171532935343],
-    [0.6776575761390952, 0.330884185957384],
-    [0.6852593188363603, 0.34318952105568623],
-    [0.6924834326806721, 0.3554840067292358],
-    [0.6993540206164168, 0.36774109382812364],
-    [0.705896221219359, 0.37993343721079975],
-    [0.712135371070854, 0.3920344089104195],
-    [0.7180964477199883, 0.4040191918024166],
-    [0.7238037074478182, 0.41586553788423575],
-    [0.7292804578150028, 0.42755425869079605],
-    [0.7345489228275083, 0.43906950280216533],
-    [0.7396301709912545, 0.4503988656030025],
-    [0.7445440852278651, 0.4615333686006381],
-    [0.7493093597375261, 0.47246733915721345],
-    [0.7539435132044948, 0.4831982160881075],
-    [0.7584629107855697, 0.4937263019887011],
-    [0.7628827894765442, 0.5040544792219176],
-    [0.7672172829757861, 0.5141879031216875],
-    [0.7756812566990368, 0.5339005596070674],
-    [0.7756812566990368, 0.5339005596070674],
-    [0.7798336535847834, 0.5434985836882681],
-    [0.7839465092903851, 0.552938802301879],
-    [0.7880286368234596, 0.5622329533372938],
-    [0.7920877696863722, 0.5713931712543325],
-    [0.796130534601134, 0.5804317041849897],
-    [0.8001624136045166, 0.5893606423074715],
-    [0.8041876951180534, 0.5981916567442426],
-    [0.8082094136732589, 0.6069357478075997],
-    [0.8122292780585781, 0.6156030011340633],
-    [0.8162475877574743, 0.624202350096731],
-    [0.8202631376804659, 0.6327413428542148],
-    [0.8242731113661302, 0.6412259124772712],
-    [0.8282729630469863, 0.6496601487868902],
-    [0.8322562892583072, 0.6580460708395705],
-    [0.8362146910181553, 0.6663833994084263],
-    [0.8401376280395388, 0.6746693293369075],
-    [0.8440122669563406, 0.6828983022904387],
-    [0.8478233261635671, 0.691061781205187],
-    [0.8515529205921868, 0.6991480286361483],
-    [0.8578515274860328, 0.7143328511178657],
-    [0.8630349166004683, 0.7236145588845],
-    [0.8630349166004683, 0.7236145588845],
-    [0.8678866519883774, 0.7326305266929798],
-    [0.8724265417351438, 0.7413920824039555],
-    [0.8766746938112879, 0.7499106260961086],
-    [0.8806514255414362, 0.7581975699581189],
-    [0.8843771730729832, 0.7662642858505886],
-    [0.8878724008449614, 0.7741220599147951],
-    [0.8911575110568668, 0.7817820536219475],
-    [0.8942527531374216, 0.7892552706795768],
-    [0.8971781332133792, 0.7965525292390034],
-    [0.9025975721615955, 0.8106613818669473],
-    [0.9051296119968262, 0.8174934982533621],
-    [0.9051296119968262, 0.8174934982533621],
-    [0.9075675706910422, 0.8241906743465228],
-    [0.9099288798932852, 0.8307625342003426],
-    [0.912230184763394, 0.8372184337382709],
-    [0.914487253441016, 0.8435674571884941],
-    [0.9167148865142485, 0.8498184155292972],
-    [0.9189268264883301, 0.8559798466723794],
-    [0.9211356672547586, 0.862060017138353],
-    [0.9233527635598611, 0.8680669250033681],
-    [0.9278504028585166, 0.8798916280267886],
-    [0.9301466448383797, 0.8857241176152066],
-    [0.9324823592671754, 0.8915127453709542],
-    [0.9348613471976668, 0.8972642431099969],
-    [0.9348613471976668, 0.8972642431099969],
-    [0.9372856273504615, 0.9029851088748369],
-    [0.9397553455825536, 0.9086816143048344],
-    [0.9422686843563701, 0.9143598121965675],
-    [0.9448217722084058, 0.9200255441824128],
-    [0.947408593218177, 0.925684448465339],
-    [0.9500208964767429, 0.931341967556689],
-    [0.9552772279767501, 0.9426736878435626],
-    [0.9578927646784257, 0.9483578644262163],
-    [0.9604766194871308, 0.954060621455171],
-    [0.9630080085847714, 0.9597865363484674],
-    [0.965463369977889, 0.9655400352277332],
-    [0.965463369977889, 0.9655400352277332],
-    [0.9678162729662736, 0.9713253997462401],
-    [0.9700373276119754, 0.9771467737131783],
-    [0.9720940942080452, 0.9830081695063213],
-    [0.9739509927471266, 0.9889134742677088],
-    [0.97556921239073, 0.9948664558790756],
-    [0.9782396416593983, 1]
-];
diff --git a/dist/lib/math.js b/dist/lib/math.js
deleted file mode 100644
index 99bb8a2..0000000
--- a/dist/lib/math.js
+++ /dev/null
@@ -1,71 +0,0 @@
-export var clamp = function (a, b, c) {
-    return (a < b) ? b : (a > c) ? c : a;
-};
-export var resTreatment = function (arr) { return arr.map(function (v) { return Math.round(v * 1000) / 1000; }); };
-export var getCuadraticFunction = function (a, b, c, d, aa, bb, cc, dd) {
-    if (aa === void 0) { aa = 0; }
-    if (bb === void 0) { bb = 0.33; }
-    if (cc === void 0) { cc = 0.66; }
-    if (dd === void 0) { dd = 1; }
-    var aaS = Math.pow(aa, 2);
-    var bbS = Math.pow(bb, 2);
-    var ccS = Math.pow(cc, 2);
-    var ddS = Math.pow(dd, 2);
-    var aaT = aaS * aa;
-    var bbT = bbS * bb;
-    var ccT = ccS * cc;
-    var ddT = ddS * dd;
-    var res = resTreatment(solve4x4([aaT, bbT, ccT, ddT], [aaS, bbS, ccS, ddS], [aa, bb, cc, dd], [a, b, c, d]));
-    return function (x) {
-        var _r = res[3];
-        var xx = x;
-        _r += res[2] * xx;
-        xx *= x;
-        _r += res[1] * xx;
-        xx *= x;
-        _r += res[0] * xx;
-        return _r;
-    };
-};
-function solve4x4(w, x, y, s) {
-    var S, W, X, Y, Z;
-    var _S, _W, _X, _Y, _Z;
-    var Aa = y[2] - y[3];
-    var Ad = w[2] - w[3];
-    var Ab = x[2] - x[3];
-    var Ah = s[2] - s[3];
-    var Ac = x[2] * y[3] - y[2] * x[3];
-    var Af = w[2] * y[3] - y[2] * w[3];
-    var Ag = w[2] * x[3] - x[2] * w[3];
-    var Ai = s[2] * y[3] - y[2] * s[3];
-    var Aj = s[2] * x[3] - x[2] * s[3];
-    var Ak = w[2] * s[3] - s[2] * w[3];
-    var Al = x[2] * s[3] - s[2] * x[3];
-    var Am = y[2] * s[3] - s[2] * y[3];
-    W = x[1] * Aa - y[1] * Ab + Ac;
-    X = w[1] * Aa - y[1] * Ad + Af;
-    Y = w[1] * Ab - x[1] * Ad + Ag;
-    Z = w[1] * Ac - x[1] * Af + y[1] * Ag;
-    _S = w[0] * W - x[0] * X + y[0] * Y - Z;
-    S = x[1] * Aa - y[1] * Ab + Ac;
-    X = s[1] * Aa - y[1] * Ah + Ai;
-    Y = s[1] * Ab - x[1] * Ah + Aj;
-    Z = s[1] * Ac - x[1] * Ai + y[1] * Aj;
-    _W = s[0] * S - x[0] * X + y[0] * Y - Z;
-    W = s[1] * Aa - y[1] * Ah + Ai;
-    S = w[1] * Aa - y[1] * Ad + Af;
-    Y = w[1] * Ah - s[1] * Ad + Ak;
-    Z = w[1] * Ai - s[1] * Af + y[1] * Ak;
-    _X = w[0] * W - s[0] * S + y[0] * Y - Z;
-    W = x[1] * Ah - s[1] * Ab + Al;
-    X = w[1] * Ah - s[1] * Ad + Ak;
-    S = w[1] * Ab - x[1] * Ad + Ag;
-    Z = w[1] * Al - x[1] * Ak + s[1] * Ag;
-    _Y = w[0] * W - x[0] * X + s[0] * S - Z;
-    W = x[1] * Am - y[1] * Al + s[1] * Ac;
-    X = w[1] * Am - y[1] * Ak + s[1] * Af;
-    Y = w[1] * Al - x[1] * Ak + s[1] * Ag;
-    S = w[1] * Ac - x[1] * Af + y[1] * Ag;
-    _Z = w[0] * W - x[0] * X + y[0] * Y - s[0] * S;
-    return [_W / _S, _X / _S, _Y / _S, _Z / _S];
-}
diff --git a/dist/log/LogFacade.js b/dist/log/LogFacade.js
deleted file mode 100644
index 383ff35..0000000
--- a/dist/log/LogFacade.js
+++ /dev/null
@@ -1,15 +0,0 @@
-var LogFacade = /** @class */ (function () {
-    function LogFacade() {
-    }
-    LogFacade.prototype.log = function (msg) {
-        console.log(msg);
-    };
-    LogFacade.prototype.warn = function (msg) {
-        console.warn(msg);
-    };
-    LogFacade.prototype.error = function (msg) {
-        console.error(msg);
-    };
-    return LogFacade;
-}());
-export { LogFacade };
diff --git a/dist/log/log.js b/dist/log/log.js
deleted file mode 100644
index cb0ff5c..0000000
--- a/dist/log/log.js
+++ /dev/null
@@ -1 +0,0 @@
-export {};
diff --git a/dist/models/models.d.ts b/dist/models/models.d.ts
index 6e1071d..3e3b2e1 100644
--- a/dist/models/models.d.ts
+++ b/dist/models/models.d.ts
@@ -41,6 +41,7 @@ export interface Params extends ParamsAbs {
     darkColor: number;
     darkSat: number;
     rotation: number;
+    rotation_center: f2Number;
     scale: f2Number;
     translate: f2Number;
 }
diff --git a/dist/models/models.js b/dist/models/models.js
deleted file mode 100644
index cb0ff5c..0000000
--- a/dist/models/models.js
+++ /dev/null
@@ -1 +0,0 @@
-export {};
diff --git a/dist/shaders/index.d.ts b/dist/shaders/index.d.ts
index e53c147..6c83aa8 100644
--- a/dist/shaders/index.d.ts
+++ b/dist/shaders/index.d.ts
@@ -1,3 +1,3 @@
-declare const FRAGMENT_SHADER = "/** * David Iglesias. All rights reserved */\nprecision mediump float;\nuniform sampler2D u_image;\nuniform vec2 u_textureSize;\nuniform float u_kernel[25];\nuniform float u_kernelWeight;\nuniform sampler2D u_lut;\nuniform float u_saturation;\nuniform float u_brightness;\nuniform float u_exposure;\nuniform float u_contrast;\nuniform float u_dehaze;\nuniform float u_atmosferic_light;\nuniform float u_masking;\nuniform vec3 u_temptint[3]; // RGB temptint, RGB lightFill, RGB darkFill\nuniform float u_bAndW;\nuniform float u_hdr;\nvarying vec2 v_texCoord;\nvoid main() {\n  \n\tvec2 pixel_size = vec2(1.0, 1.0) / u_textureSize;\n  \n\tvec3 center = texture2D(u_image, v_texCoord).rgb;\n\n  /* 5x5 kernel filter */\n  vec4 colorSum = texture2D(u_image, v_texCoord + pixel_size * vec2(-2, -2)) * u_kernel[0]\n\t\t + texture2D(u_image, v_texCoord + pixel_size * vec2(-1, -2)) * u_kernel[1]\n\t\t + texture2D(u_image, v_texCoord + pixel_size * vec2(0, -2)) * u_kernel[2]\n\t\t + texture2D(u_image, v_texCoord + pixel_size * vec2(1, -2)) * u_kernel[3]\n\t\t + texture2D(u_image, v_texCoord + pixel_size * vec2(2, -2)) * u_kernel[4]\n\n\t\t + texture2D(u_image, v_texCoord + pixel_size * vec2(-2, -1)) * u_kernel[5]\n\t\t + texture2D(u_image, v_texCoord + pixel_size * vec2(-1, -1)) * u_kernel[6]\n\t\t + texture2D(u_image, v_texCoord + pixel_size * vec2(0, -1)) * u_kernel[7]\n\t\t + texture2D(u_image, v_texCoord + pixel_size * vec2(1, -1)) * u_kernel[8]\n\t\t + texture2D(u_image, v_texCoord + pixel_size * vec2(2, -1)) * u_kernel[9]\n\n\t\t + texture2D(u_image, v_texCoord + pixel_size * vec2(-2, 0)) * u_kernel[10]\n\t\t + texture2D(u_image, v_texCoord + pixel_size * vec2(-1, 0)) * u_kernel[11]\n\t\t + texture2D(u_image, v_texCoord + pixel_size * vec2(0, 0)) * u_kernel[12]\n\t\t + texture2D(u_image, v_texCoord + pixel_size * vec2(1, 0)) * u_kernel[13]\n\t\t + texture2D(u_image, v_texCoord + pixel_size * vec2(2, 0)) * u_kernel[14]\n\n\t\t + texture2D(u_image, v_texCoord + pixel_size * vec2(-2, 1)) * u_kernel[15]\n\t\t + texture2D(u_image, v_texCoord + pixel_size * vec2(-1, 1)) * u_kernel[16]\n\t\t + texture2D(u_image, v_texCoord + pixel_size * vec2(0, 1)) * u_kernel[17]\n\t\t + texture2D(u_image, v_texCoord + pixel_size * vec2(1, 1)) * u_kernel[18]\n\t\t + texture2D(u_image, v_texCoord + pixel_size * vec2(2, 1)) * u_kernel[19]\n\n\t\t + texture2D(u_image, v_texCoord + pixel_size * vec2(-2, 2)) * u_kernel[20]\n\t\t + texture2D(u_image, v_texCoord + pixel_size * vec2(-1, 2)) * u_kernel[21]\n\t\t + texture2D(u_image, v_texCoord + pixel_size * vec2(0, 2)) * u_kernel[22]\n\t\t + texture2D(u_image, v_texCoord + pixel_size * vec2(1, 2)) * u_kernel[23]\n\t\t + texture2D(u_image, v_texCoord + pixel_size * vec2(2, 2)) * u_kernel[24];\n\n\t/* Kernel filter mask */\n  vec3 rgb_pix = mix(center, (colorSum.rgb / u_kernelWeight), u_masking);\n\t\n\t/**\n\t * RGB to saturation/value conversion, in order to maintains hue constant \n\t * sv_pixel = (saturation, value)\n\t */\n  float _max = max(rgb_pix.r, max(rgb_pix.g, rgb_pix.b));\n  float _min = min(rgb_pix.r, min(rgb_pix.g, rgb_pix.b));\n  vec2 sv_pixel = vec2(1.0 - _min / _max, _max);\n\n  sv_pixel.y = clamp(texture2D(u_lut, vec2(sv_pixel.y, 0.0)).a, 0.0, 1.0);\n\n\t/* Add saturation */\n  if (u_saturation != 0.0) {\n    sv_pixel.x *= (1.0 + u_saturation);\n  }\n\n  sv_pixel.x = clamp(sv_pixel.x, 0.0, 1.0);\n\n\t/* Brightness */\n  if (u_brightness != 0.0) {\n    sv_pixel.y = pow(sv_pixel.y, 1.0 - u_brightness * 0.6);\n  }\n\n\t/* HDR 'like' filter */\n  if (u_hdr != 0.0) {\n    sv_pixel.y = mix(sv_pixel.y, clamp(1.0 - pow(1.0 - pow(sv_pixel.y, 0.3), 0.42), 0.0, 1.0), u_hdr);\n  }\n\n  sv_pixel = clamp(sv_pixel, 0.0, 1.0);\n\t/* Return to RGB */\n  if (sv_pixel.x > 0.0) {\n    float k = -sv_pixel.x / (1.0 - _min / _max);\n    rgb_pix = (_max - rgb_pix) * k + _max;\n    rgb_pix *= sv_pixel.y / _max;\n  } else {\n    rgb_pix.r = rgb_pix.g = rgb_pix.b = sv_pixel.y;\n  }\n\n\t/* Dehaze */\n  if (u_dehaze != 0.0) {\n    float t = 1.0 / 25.0;\n    vec4 center = texture2D(u_image, v_texCoord);\n    vec2 pixel_size = vec2(1.0, 1.0) / u_textureSize;\n    float dark = 1.0;\n    const int radius = 1;\n    for (int ii = -radius; ii <= radius; ii++) {\n      for (int jj = -radius; jj <= radius; jj++) {\n        vec4 pix = texture2D(u_image, v_texCoord + pixel_size * vec2(ii, jj));\n        float _min = min(pix.r, min(pix.g, pix.b));\n        if (dark > _min) {\n          dark = _min;\n        }\n      }\n    }\n    float darkPix = min(center.r, min(center.g, center.b));\n    float diff = abs(darkPix - dark);\n    float mask = pow(diff, 3.0);\n    dark = mix(darkPix, dark, mask);\n    float mm = max(1.0 - dark, 0.2);\n    rgb_pix = mix(rgb_pix, ((rgb_pix - u_atmosferic_light) / mm + u_atmosferic_light), u_dehaze);\n  }\n\n\t/* Exposure */\n  rgb_pix += u_exposure;\n  rgb_pix = clamp(rgb_pix, 0.0, 1.0);\n\n\t/* Contrast */\n  float contrast = u_contrast + 1.0;\n  rgb_pix = contrast * (rgb_pix - 0.5) + 0.5;\n\t\n\t/* Apply tint filter */\n  rgb_pix *= u_temptint[0];\n  float mono = dot(rgb_pix, vec3(0.2126, 0.7152, 0.0722));\n  rgb_pix += mix(u_temptint[2], u_temptint[1], mono);\n\n\t/* Black&White filter */\n  if (u_bAndW != 0.0) {\n    rgb_pix = mix(rgb_pix, vec3(mono, mono, mono), u_bAndW);\n  }\n\n  gl_FragColor = vec4(rgb_pix, 1.0);\n\n}\n";
-declare const VERTEX_SHADER = "attribute vec2 a_position;\nattribute vec2 a_texCoord;\nuniform vec2 u_resolution;\nvarying vec2 v_texCoord;\nuniform vec2 u_rotation;\nuniform vec2 u_scale;\nuniform vec2 u_translate;\n\nvoid main() {\n\n  vec2 scaled = a_position * u_scale;\n  vec2 center = u_resolution / 2.0;\n  vec2 pos_rotated = vec2(\n    (scaled.x - center.x) * u_rotation.y + (scaled.y - center.x) * u_rotation.x,\n    (scaled.y - center.y) * u_rotation.y - (scaled.x - center.y) * u_rotation.x);\n  \n  vec2 dist = (pos_rotated + center) / u_resolution;\n  dist.x = dist.x + u_translate.x;\n  dist.y = dist.y + u_translate.y;\n\n  vec4 pos = vec4((dist * 2.0 - 1.0) * vec2(1, -1), 0, 1);\n\n  gl_Position = pos;\n  v_texCoord = a_texCoord;\n}\n";
+import FRAGMENT_SHADER from './fragment_shader.frag';
+import VERTEX_SHADER from './vertex_shader.vert';
 export { FRAGMENT_SHADER, VERTEX_SHADER };
diff --git a/dist/shaders/index.js b/dist/shaders/index.js
deleted file mode 100644
index 2c94d45..0000000
--- a/dist/shaders/index.js
+++ /dev/null
@@ -1,3 +0,0 @@
-var FRAGMENT_SHADER = "/** * David Iglesias. All rights reserved */\nprecision mediump float;\nuniform sampler2D u_image;\nuniform vec2 u_textureSize;\nuniform float u_kernel[25];\nuniform float u_kernelWeight;\nuniform sampler2D u_lut;\nuniform float u_saturation;\nuniform float u_brightness;\nuniform float u_exposure;\nuniform float u_contrast;\nuniform float u_dehaze;\nuniform float u_atmosferic_light;\nuniform float u_masking;\nuniform vec3 u_temptint[3]; // RGB temptint, RGB lightFill, RGB darkFill\nuniform float u_bAndW;\nuniform float u_hdr;\nvarying vec2 v_texCoord;\nvoid main() {\n  \n\tvec2 pixel_size = vec2(1.0, 1.0) / u_textureSize;\n  \n\tvec3 center = texture2D(u_image, v_texCoord).rgb;\n\n  /* 5x5 kernel filter */\n  vec4 colorSum = texture2D(u_image, v_texCoord + pixel_size * vec2(-2, -2)) * u_kernel[0]\n\t\t + texture2D(u_image, v_texCoord + pixel_size * vec2(-1, -2)) * u_kernel[1]\n\t\t + texture2D(u_image, v_texCoord + pixel_size * vec2(0, -2)) * u_kernel[2]\n\t\t + texture2D(u_image, v_texCoord + pixel_size * vec2(1, -2)) * u_kernel[3]\n\t\t + texture2D(u_image, v_texCoord + pixel_size * vec2(2, -2)) * u_kernel[4]\n\n\t\t + texture2D(u_image, v_texCoord + pixel_size * vec2(-2, -1)) * u_kernel[5]\n\t\t + texture2D(u_image, v_texCoord + pixel_size * vec2(-1, -1)) * u_kernel[6]\n\t\t + texture2D(u_image, v_texCoord + pixel_size * vec2(0, -1)) * u_kernel[7]\n\t\t + texture2D(u_image, v_texCoord + pixel_size * vec2(1, -1)) * u_kernel[8]\n\t\t + texture2D(u_image, v_texCoord + pixel_size * vec2(2, -1)) * u_kernel[9]\n\n\t\t + texture2D(u_image, v_texCoord + pixel_size * vec2(-2, 0)) * u_kernel[10]\n\t\t + texture2D(u_image, v_texCoord + pixel_size * vec2(-1, 0)) * u_kernel[11]\n\t\t + texture2D(u_image, v_texCoord + pixel_size * vec2(0, 0)) * u_kernel[12]\n\t\t + texture2D(u_image, v_texCoord + pixel_size * vec2(1, 0)) * u_kernel[13]\n\t\t + texture2D(u_image, v_texCoord + pixel_size * vec2(2, 0)) * u_kernel[14]\n\n\t\t + texture2D(u_image, v_texCoord + pixel_size * vec2(-2, 1)) * u_kernel[15]\n\t\t + texture2D(u_image, v_texCoord + pixel_size * vec2(-1, 1)) * u_kernel[16]\n\t\t + texture2D(u_image, v_texCoord + pixel_size * vec2(0, 1)) * u_kernel[17]\n\t\t + texture2D(u_image, v_texCoord + pixel_size * vec2(1, 1)) * u_kernel[18]\n\t\t + texture2D(u_image, v_texCoord + pixel_size * vec2(2, 1)) * u_kernel[19]\n\n\t\t + texture2D(u_image, v_texCoord + pixel_size * vec2(-2, 2)) * u_kernel[20]\n\t\t + texture2D(u_image, v_texCoord + pixel_size * vec2(-1, 2)) * u_kernel[21]\n\t\t + texture2D(u_image, v_texCoord + pixel_size * vec2(0, 2)) * u_kernel[22]\n\t\t + texture2D(u_image, v_texCoord + pixel_size * vec2(1, 2)) * u_kernel[23]\n\t\t + texture2D(u_image, v_texCoord + pixel_size * vec2(2, 2)) * u_kernel[24];\n\n\t/* Kernel filter mask */\n  vec3 rgb_pix = mix(center, (colorSum.rgb / u_kernelWeight), u_masking);\n\t\n\t/**\n\t * RGB to saturation/value conversion, in order to maintains hue constant \n\t * sv_pixel = (saturation, value)\n\t */\n  float _max = max(rgb_pix.r, max(rgb_pix.g, rgb_pix.b));\n  float _min = min(rgb_pix.r, min(rgb_pix.g, rgb_pix.b));\n  vec2 sv_pixel = vec2(1.0 - _min / _max, _max);\n\n  sv_pixel.y = clamp(texture2D(u_lut, vec2(sv_pixel.y, 0.0)).a, 0.0, 1.0);\n\n\t/* Add saturation */\n  if (u_saturation != 0.0) {\n    sv_pixel.x *= (1.0 + u_saturation);\n  }\n\n  sv_pixel.x = clamp(sv_pixel.x, 0.0, 1.0);\n\n\t/* Brightness */\n  if (u_brightness != 0.0) {\n    sv_pixel.y = pow(sv_pixel.y, 1.0 - u_brightness * 0.6);\n  }\n\n\t/* HDR 'like' filter */\n  if (u_hdr != 0.0) {\n    sv_pixel.y = mix(sv_pixel.y, clamp(1.0 - pow(1.0 - pow(sv_pixel.y, 0.3), 0.42), 0.0, 1.0), u_hdr);\n  }\n\n  sv_pixel = clamp(sv_pixel, 0.0, 1.0);\n\t/* Return to RGB */\n  if (sv_pixel.x > 0.0) {\n    float k = -sv_pixel.x / (1.0 - _min / _max);\n    rgb_pix = (_max - rgb_pix) * k + _max;\n    rgb_pix *= sv_pixel.y / _max;\n  } else {\n    rgb_pix.r = rgb_pix.g = rgb_pix.b = sv_pixel.y;\n  }\n\n\t/* Dehaze */\n  if (u_dehaze != 0.0) {\n    float t = 1.0 / 25.0;\n    vec4 center = texture2D(u_image, v_texCoord);\n    vec2 pixel_size = vec2(1.0, 1.0) / u_textureSize;\n    float dark = 1.0;\n    const int radius = 1;\n    for (int ii = -radius; ii <= radius; ii++) {\n      for (int jj = -radius; jj <= radius; jj++) {\n        vec4 pix = texture2D(u_image, v_texCoord + pixel_size * vec2(ii, jj));\n        float _min = min(pix.r, min(pix.g, pix.b));\n        if (dark > _min) {\n          dark = _min;\n        }\n      }\n    }\n    float darkPix = min(center.r, min(center.g, center.b));\n    float diff = abs(darkPix - dark);\n    float mask = pow(diff, 3.0);\n    dark = mix(darkPix, dark, mask);\n    float mm = max(1.0 - dark, 0.2);\n    rgb_pix = mix(rgb_pix, ((rgb_pix - u_atmosferic_light) / mm + u_atmosferic_light), u_dehaze);\n  }\n\n\t/* Exposure */\n  rgb_pix += u_exposure;\n  rgb_pix = clamp(rgb_pix, 0.0, 1.0);\n\n\t/* Contrast */\n  float contrast = u_contrast + 1.0;\n  rgb_pix = contrast * (rgb_pix - 0.5) + 0.5;\n\t\n\t/* Apply tint filter */\n  rgb_pix *= u_temptint[0];\n  float mono = dot(rgb_pix, vec3(0.2126, 0.7152, 0.0722));\n  rgb_pix += mix(u_temptint[2], u_temptint[1], mono);\n\n\t/* Black&White filter */\n  if (u_bAndW != 0.0) {\n    rgb_pix = mix(rgb_pix, vec3(mono, mono, mono), u_bAndW);\n  }\n\n  gl_FragColor = vec4(rgb_pix, 1.0);\n\n}\n";
-var VERTEX_SHADER = "attribute vec2 a_position;\nattribute vec2 a_texCoord;\nuniform vec2 u_resolution;\nvarying vec2 v_texCoord;\nuniform vec2 u_rotation;\nuniform vec2 u_scale;\nuniform vec2 u_translate;\n\nvoid main() {\n\n  vec2 scaled = a_position * u_scale;\n  vec2 center = u_resolution / 2.0;\n  vec2 pos_rotated = vec2(\n    (scaled.x - center.x) * u_rotation.y + (scaled.y - center.x) * u_rotation.x,\n    (scaled.y - center.y) * u_rotation.y - (scaled.x - center.y) * u_rotation.x);\n  \n  vec2 dist = (pos_rotated + center) / u_resolution;\n  dist.x = dist.x + u_translate.x;\n  dist.y = dist.y + u_translate.y;\n\n  vec4 pos = vec4((dist * 2.0 - 1.0) * vec2(1, -1), 0, 1);\n\n  gl_Position = pos;\n  v_texCoord = a_texCoord;\n}\n";
-export { FRAGMENT_SHADER, VERTEX_SHADER };
diff --git a/package.json b/package.json
index 00ac07b..c70326f 100644
--- a/package.json
+++ b/package.json
@@ -1,14 +1,12 @@
 {
   "name": "rext-image-editor",
-  "version": "1.2.3",
+  "version": "1.2.4",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "description": "REXT is a client side image editor that uses GPU.",
   "scripts": {
-    "build-st": "node ./buildShaders.js && tsc",
-    "generate-st": "node ./buildShaders.js && webpack",
-    "build": "jest && tsc",
-    "generate": "jest && webpack",
+    "build": "jest && webpack",
+    "dev": "webpack serve",
     "test": "jest"
   },
   "repository": {
@@ -45,6 +43,7 @@
     "ts-loader": "^8.0.17",
     "typescript": "^4.2.2",
     "webpack": "^5.24.3",
-    "webpack-cli": "^4.5.0"
+    "webpack-cli": "^4.5.0",
+    "webpack-dev-server": "^4.3.1"
   }
 }
diff --git a/src/editor.ts b/src/editor.ts
index 48e3bc2..9a0b0a1 100644
--- a/src/editor.ts
+++ b/src/editor.ts
@@ -40,6 +40,7 @@ export class RextEditor {
     u_lut: null,
     u_image: null,
     u_rotation: null,
+    u_rotation_center: null,
     u_scale: null,
     u_translate: null,
   }
@@ -155,14 +156,30 @@ export class RextEditor {
   public getHeight() {
     return this.HEIGHT;
   }
+  
+  public rotateFrom(x: number, y: number) {
+    this.params.rotation_center.x = x;
+    this.params.rotation_center.y = y;
+  }
+  
+  public rotateFromCenter(x: number, y: number) {
+    this.params.rotation_center.x = 0;
+    this.params.rotation_center.y = 0;
+  }
 
-  private get2dRotation(): f2Number {
-    return {
-      x: Math.sin(this.params.rotation),
-      y: Math.cos(this.params.rotation)
-    };
+  private get2dRotation(): number[] {
+    return [
+      Math.sin(this.params.rotation),
+      Math.cos(this.params.rotation)
+    ];
   }
 
+  private get2dRotationCenter(): number[] {
+    const x = (this.params.rotation_center.x + 1) * this.WIDTH / 2.0;
+    const y = (this.params.rotation_center.y + 1) * this.HEIGHT / 2.0;
+    return [x, y];
+  }
+  
   private loadImage(image: HTMLImageElement) {
     image.onload = () => {
       if (this.currentImage == null) {
@@ -178,7 +195,7 @@ export class RextEditor {
   }
 
   load(url: string) {
-    this.log.log("Version 1.2.3")
+    this.log.log("Version 1.2.4")
     // Save real image as a copy
   	this.realImage = new Image();
     this.loadImage(this.realImage)
@@ -331,8 +348,6 @@ export class RextEditor {
    * context: webgl context. Default: __window.gl
    * SET_FULL_RES: no resize the image to edit. Default: false (resize the image)
    */
-
-
   private render(image: HTMLImageElement, preventRenderImage?: boolean) {
     // Load GSLS programs
     var VERTEX_SHADER_CODE = createShader(this.gl, this.gl.VERTEX_SHADER, VERTEX_SHADER);
@@ -404,6 +419,7 @@ export class RextEditor {
     this.pointers.u_bAndW               = this.gl.getUniformLocation(this.program, "u_bAndW");
     this.pointers.u_hdr                 = this.gl.getUniformLocation(this.program, "u_hdr");
     this.pointers.u_rotation            = this.gl.getUniformLocation(this.program, "u_rotation");
+    this.pointers.u_rotation_center     = this.gl.getUniformLocation(this.program, "u_rotation_center");
     this.pointers.u_scale               = this.gl.getUniformLocation(this.program, "u_scale");
     this.pointers.u_translate           = this.gl.getUniformLocation(this.program, "u_translate");
 
@@ -457,9 +473,8 @@ export class RextEditor {
       .concat(asArray(hsv2rgb({ x: this.params.darkColor * 360, y: this.params.darkSat, z: this.params.darkFill })))); // vec3 x3
     this.gl.uniform1f(this.pointers.u_bAndW, this.params.bAndW);
     this.gl.uniform1f(this.pointers.u_hdr, this.params.hdr);
-
-    const rotation = this.get2dRotation();
-    this.gl.uniform2f(this.pointers.u_rotation, rotation.x, rotation.y );
+    this.gl.uniform2fv(this.pointers.u_rotation, this.get2dRotation() );
+    this.gl.uniform2fv(this.pointers.u_rotation_center, this.get2dRotationCenter() );
     this.gl.uniform2f(this.pointers.u_scale, this.params.scale.x, this.params.scale.y );
     this.gl.uniform2f(this.pointers.u_translate, this.params.translate.x, this.params.translate.y );
 
diff --git a/src/lib/constants.ts b/src/lib/constants.ts
index d09d19f..ce813f6 100644
--- a/src/lib/constants.ts
+++ b/src/lib/constants.ts
@@ -29,6 +29,10 @@ export const defaultParams : Params = {
   darkColor: 0,
   darkSat: 1,
   rotation: 0,
+  rotation_center: {
+    x: 0,
+    y: 0,
+  },
   scale: {
     x: 1,
     y: 1,
diff --git a/src/models/models.ts b/src/models/models.ts
index 8750c0d..58c1f84 100644
--- a/src/models/models.ts
+++ b/src/models/models.ts
@@ -46,7 +46,8 @@ export interface Params extends ParamsAbs {
 	darkFill: number;
 	darkColor: number;
 	darkSat: number;
-  rotation: number;
-  scale: f2Number;
-  translate: f2Number;
+    rotation: number;
+    rotation_center: f2Number;
+    scale: f2Number;
+    translate: f2Number;
 }
diff --git a/src/shaders/fragment_shader.frag b/src/shaders/fragment_shader.frag
index dbf311d..9bc06d9 100644
--- a/src/shaders/fragment_shader.frag
+++ b/src/shaders/fragment_shader.frag
@@ -57,7 +57,7 @@ void main() {
   vec3 rgb_pix = mix(center, (colorSum.rgb / u_kernelWeight), u_masking);
 	
 	/**
-	 * RGB to saturation/value conversion, in order to maintains hue constant 
+	 * RGB to saturation/value conversion, in order to keep hue constant 
 	 * sv_pixel = (saturation, value)
 	 */
   float _max = max(rgb_pix.r, max(rgb_pix.g, rgb_pix.b));
diff --git a/src/shaders/index.ts b/src/shaders/index.ts
index ebf75a9..4b05dd0 100644
--- a/src/shaders/index.ts
+++ b/src/shaders/index.ts
@@ -1,168 +1,3 @@
-const FRAGMENT_SHADER = `/** * David Iglesias. All rights reserved */
-precision mediump float;
-uniform sampler2D u_image;
-uniform vec2 u_textureSize;
-uniform float u_kernel[25];
-uniform float u_kernelWeight;
-uniform sampler2D u_lut;
-uniform float u_saturation;
-uniform float u_brightness;
-uniform float u_exposure;
-uniform float u_contrast;
-uniform float u_dehaze;
-uniform float u_atmosferic_light;
-uniform float u_masking;
-uniform vec3 u_temptint[3]; // RGB temptint, RGB lightFill, RGB darkFill
-uniform float u_bAndW;
-uniform float u_hdr;
-varying vec2 v_texCoord;
-void main() {
-  
-	vec2 pixel_size = vec2(1.0, 1.0) / u_textureSize;
-  
-	vec3 center = texture2D(u_image, v_texCoord).rgb;
-
-  /* 5x5 kernel filter */
-  vec4 colorSum = texture2D(u_image, v_texCoord + pixel_size * vec2(-2, -2)) * u_kernel[0]
-		 + texture2D(u_image, v_texCoord + pixel_size * vec2(-1, -2)) * u_kernel[1]
-		 + texture2D(u_image, v_texCoord + pixel_size * vec2(0, -2)) * u_kernel[2]
-		 + texture2D(u_image, v_texCoord + pixel_size * vec2(1, -2)) * u_kernel[3]
-		 + texture2D(u_image, v_texCoord + pixel_size * vec2(2, -2)) * u_kernel[4]
-
-		 + texture2D(u_image, v_texCoord + pixel_size * vec2(-2, -1)) * u_kernel[5]
-		 + texture2D(u_image, v_texCoord + pixel_size * vec2(-1, -1)) * u_kernel[6]
-		 + texture2D(u_image, v_texCoord + pixel_size * vec2(0, -1)) * u_kernel[7]
-		 + texture2D(u_image, v_texCoord + pixel_size * vec2(1, -1)) * u_kernel[8]
-		 + texture2D(u_image, v_texCoord + pixel_size * vec2(2, -1)) * u_kernel[9]
-
-		 + texture2D(u_image, v_texCoord + pixel_size * vec2(-2, 0)) * u_kernel[10]
-		 + texture2D(u_image, v_texCoord + pixel_size * vec2(-1, 0)) * u_kernel[11]
-		 + texture2D(u_image, v_texCoord + pixel_size * vec2(0, 0)) * u_kernel[12]
-		 + texture2D(u_image, v_texCoord + pixel_size * vec2(1, 0)) * u_kernel[13]
-		 + texture2D(u_image, v_texCoord + pixel_size * vec2(2, 0)) * u_kernel[14]
-
-		 + texture2D(u_image, v_texCoord + pixel_size * vec2(-2, 1)) * u_kernel[15]
-		 + texture2D(u_image, v_texCoord + pixel_size * vec2(-1, 1)) * u_kernel[16]
-		 + texture2D(u_image, v_texCoord + pixel_size * vec2(0, 1)) * u_kernel[17]
-		 + texture2D(u_image, v_texCoord + pixel_size * vec2(1, 1)) * u_kernel[18]
-		 + texture2D(u_image, v_texCoord + pixel_size * vec2(2, 1)) * u_kernel[19]
-
-		 + texture2D(u_image, v_texCoord + pixel_size * vec2(-2, 2)) * u_kernel[20]
-		 + texture2D(u_image, v_texCoord + pixel_size * vec2(-1, 2)) * u_kernel[21]
-		 + texture2D(u_image, v_texCoord + pixel_size * vec2(0, 2)) * u_kernel[22]
-		 + texture2D(u_image, v_texCoord + pixel_size * vec2(1, 2)) * u_kernel[23]
-		 + texture2D(u_image, v_texCoord + pixel_size * vec2(2, 2)) * u_kernel[24];
-
-	/* Kernel filter mask */
-  vec3 rgb_pix = mix(center, (colorSum.rgb / u_kernelWeight), u_masking);
-	
-	/**
-	 * RGB to saturation/value conversion, in order to maintains hue constant 
-	 * sv_pixel = (saturation, value)
-	 */
-  float _max = max(rgb_pix.r, max(rgb_pix.g, rgb_pix.b));
-  float _min = min(rgb_pix.r, min(rgb_pix.g, rgb_pix.b));
-  vec2 sv_pixel = vec2(1.0 - _min / _max, _max);
-
-  sv_pixel.y = clamp(texture2D(u_lut, vec2(sv_pixel.y, 0.0)).a, 0.0, 1.0);
-
-	/* Add saturation */
-  if (u_saturation != 0.0) {
-    sv_pixel.x *= (1.0 + u_saturation);
-  }
-
-  sv_pixel.x = clamp(sv_pixel.x, 0.0, 1.0);
-
-	/* Brightness */
-  if (u_brightness != 0.0) {
-    sv_pixel.y = pow(sv_pixel.y, 1.0 - u_brightness * 0.6);
-  }
-
-	/* HDR 'like' filter */
-  if (u_hdr != 0.0) {
-    sv_pixel.y = mix(sv_pixel.y, clamp(1.0 - pow(1.0 - pow(sv_pixel.y, 0.3), 0.42), 0.0, 1.0), u_hdr);
-  }
-
-  sv_pixel = clamp(sv_pixel, 0.0, 1.0);
-	/* Return to RGB */
-  if (sv_pixel.x > 0.0) {
-    float k = -sv_pixel.x / (1.0 - _min / _max);
-    rgb_pix = (_max - rgb_pix) * k + _max;
-    rgb_pix *= sv_pixel.y / _max;
-  } else {
-    rgb_pix.r = rgb_pix.g = rgb_pix.b = sv_pixel.y;
-  }
-
-	/* Dehaze */
-  if (u_dehaze != 0.0) {
-    float t = 1.0 / 25.0;
-    vec4 center = texture2D(u_image, v_texCoord);
-    vec2 pixel_size = vec2(1.0, 1.0) / u_textureSize;
-    float dark = 1.0;
-    const int radius = 1;
-    for (int ii = -radius; ii <= radius; ii++) {
-      for (int jj = -radius; jj <= radius; jj++) {
-        vec4 pix = texture2D(u_image, v_texCoord + pixel_size * vec2(ii, jj));
-        float _min = min(pix.r, min(pix.g, pix.b));
-        if (dark > _min) {
-          dark = _min;
-        }
-      }
-    }
-    float darkPix = min(center.r, min(center.g, center.b));
-    float diff = abs(darkPix - dark);
-    float mask = pow(diff, 3.0);
-    dark = mix(darkPix, dark, mask);
-    float mm = max(1.0 - dark, 0.2);
-    rgb_pix = mix(rgb_pix, ((rgb_pix - u_atmosferic_light) / mm + u_atmosferic_light), u_dehaze);
-  }
-
-	/* Exposure */
-  rgb_pix += u_exposure;
-  rgb_pix = clamp(rgb_pix, 0.0, 1.0);
-
-	/* Contrast */
-  float contrast = u_contrast + 1.0;
-  rgb_pix = contrast * (rgb_pix - 0.5) + 0.5;
-	
-	/* Apply tint filter */
-  rgb_pix *= u_temptint[0];
-  float mono = dot(rgb_pix, vec3(0.2126, 0.7152, 0.0722));
-  rgb_pix += mix(u_temptint[2], u_temptint[1], mono);
-
-	/* Black&White filter */
-  if (u_bAndW != 0.0) {
-    rgb_pix = mix(rgb_pix, vec3(mono, mono, mono), u_bAndW);
-  }
-
-  gl_FragColor = vec4(rgb_pix, 1.0);
-
-}
-`
-const VERTEX_SHADER = `attribute vec2 a_position;
-attribute vec2 a_texCoord;
-uniform vec2 u_resolution;
-varying vec2 v_texCoord;
-uniform vec2 u_rotation;
-uniform vec2 u_scale;
-uniform vec2 u_translate;
-
-void main() {
-
-  vec2 scaled = a_position * u_scale;
-  vec2 center = u_resolution / 2.0;
-  vec2 pos_rotated = vec2(
-    (scaled.x - center.x) * u_rotation.y + (scaled.y - center.x) * u_rotation.x,
-    (scaled.y - center.y) * u_rotation.y - (scaled.x - center.y) * u_rotation.x);
-  
-  vec2 dist = (pos_rotated + center) / u_resolution;
-  dist.x = dist.x + u_translate.x;
-  dist.y = dist.y + u_translate.y;
-
-  vec4 pos = vec4((dist * 2.0 - 1.0) * vec2(1, -1), 0, 1);
-
-  gl_Position = pos;
-  v_texCoord = a_texCoord;
-}
-`
+import FRAGMENT_SHADER from './fragment_shader.frag';
+import VERTEX_SHADER from './vertex_shader.vert';
 export { FRAGMENT_SHADER, VERTEX_SHADER }
diff --git a/src/shaders/vertex_shader.vert b/src/shaders/vertex_shader.vert
index 4ae8061..b509cde 100644
--- a/src/shaders/vertex_shader.vert
+++ b/src/shaders/vertex_shader.vert
@@ -3,23 +3,21 @@ attribute vec2 a_texCoord;
 uniform vec2 u_resolution;
 varying vec2 v_texCoord;
 uniform vec2 u_rotation;
+uniform vec2 u_rotation_center;
 uniform vec2 u_scale;
-uniform vec2 u_translate;
+uniform vec2 u_translate; 
 
 void main() {
 
-  vec2 scaled = a_position * u_scale;
-  vec2 center = u_resolution / 2.0;
+  vec2 scaled = a_position * vec2(u_scale);
+  vec2 pos_r_t = scaled - u_rotation_center;
   vec2 pos_rotated = vec2(
-    (scaled.x - center.x) * u_rotation.y + (scaled.y - center.x) * u_rotation.x,
-    (scaled.y - center.y) * u_rotation.y - (scaled.x - center.y) * u_rotation.x);
+    pos_r_t.x * u_rotation.y + pos_r_t.y * u_rotation.x,
+    pos_r_t.y * u_rotation.y - pos_r_t.x * u_rotation.x);
   
-  vec2 dist = (pos_rotated + center) / u_resolution;
-  dist.x = dist.x + u_translate.x;
-  dist.y = dist.y + u_translate.y;
+  vec2 dist = (pos_rotated + u_rotation_center) / u_resolution;
 
-  vec4 pos = vec4((dist * 2.0 - 1.0) * vec2(1, -1), 0, 1);
-
-  gl_Position = pos;
+  vec2 pos = vec2((dist + u_translate) * 2.0 - 1.0) * vec2(1, -1);
+  gl_Position = vec4(pos, 0, 1);
   v_texCoord = a_texCoord;
 }
diff --git a/src/types/shaders.d.ts b/src/types/shaders.d.ts
new file mode 100644
index 0000000..55611d5
--- /dev/null
+++ b/src/types/shaders.d.ts
@@ -0,0 +1,9 @@
+declare module '*.frag' {
+    const value: string
+    export default value
+}
+
+declare module '*.vert' {
+    const value: string
+    export default value
+}
diff --git a/tsconfig.json b/tsconfig.json
index a30580d..c1a9f1b 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -8,6 +8,7 @@
     "allowJs": true,
     "skipLibCheck": true
   },
-  "include": ["src/**/*"],
+  "typeRoots": ["types"], 
+  "include": ["src/**/*", "types"],
   "exclude": ["node_modules/**/*", "**/*.spec.ts"]
 }
diff --git a/webpack.config.js b/webpack.config.js
index 12c5a8d..7a701a2 100644
--- a/webpack.config.js
+++ b/webpack.config.js
@@ -8,7 +8,7 @@ module.exports = {
   module: {
     rules: [
       {
-        test: /\.tsx?$/,
+        test: /\.ts?$/,
         use: 'ts-loader',
         exclude: /node_modules/,
       },
@@ -28,4 +28,12 @@ module.exports = {
     library: "RextEditor",
     path: path.resolve(__dirname, 'build'),
   },
+  devServer: {
+    static: {
+      directory: path.join(__dirname, 'build'),
+    },
+    compress: false,
+    port: 9000,
+    hot: true,
+  },
 };
