shaders-oneshot 0.0.81-shared.1

package/dist/vertex-shader.js

@@ -0,0 +1,160 @@
+/* * * * * * * * * * * * * * * * * * * * * * * * * * * *
+ *                    Paper Shaders                    *
+ *       https://github.com/paper-design/shaders       *
+ * * * * * * * * * * * * * * * * * * * * * * * * * * * */
+
+const vertexShaderSource = `#version 300 es
+precision mediump float;
+
+layout(location = 0) in vec4 a_position;
+
+uniform vec2 u_resolution;
+uniform float u_pixelRatio;
+uniform float u_imageAspectRatio;
+uniform float u_originX;
+uniform float u_originY;
+uniform float u_worldWidth;
+uniform float u_worldHeight;
+uniform float u_fit;
+uniform float u_scale;
+uniform float u_rotation;
+uniform float u_offsetX;
+uniform float u_offsetY;
+
+out vec2 v_objectUV;
+out vec2 v_objectBoxSize;
+out vec2 v_responsiveUV;
+out vec2 v_responsiveBoxGivenSize;
+out vec2 v_patternUV;
+out vec2 v_patternBoxSize;
+out vec2 v_imageUV;
+
+vec3 getBoxSize(float boxRatio, vec2 givenBoxSize) {
+  vec2 box = vec2(0.);
+  // fit = none
+  box.x = boxRatio * min(givenBoxSize.x / boxRatio, givenBoxSize.y);
+  float noFitBoxWidth = box.x;
+  if (u_fit == 1.) { // fit = contain
+    box.x = boxRatio * min(u_resolution.x / boxRatio, u_resolution.y);
+  } else if (u_fit == 2.) { // fit = cover
+    box.x = boxRatio * max(u_resolution.x / boxRatio, u_resolution.y);
+  }
+  box.y = box.x / boxRatio;
+  return vec3(box, noFitBoxWidth);
+}
+
+void main() {
+  gl_Position = a_position;
+
+  vec2 uv = gl_Position.xy * .5;
+  vec2 boxOrigin = vec2(.5 - u_originX, u_originY - .5);
+  vec2 givenBoxSize = vec2(u_worldWidth, u_worldHeight);
+  givenBoxSize = max(givenBoxSize, vec2(1.)) * u_pixelRatio;
+  float r = u_rotation * 3.14159265358979323846 / 180.;
+  mat2 graphicRotation = mat2(cos(r), sin(r), -sin(r), cos(r));
+  vec2 graphicOffset = vec2(-u_offsetX, u_offsetY);
+
+
+  // ===================================================
+
+  float fixedRatio = 1.;
+  vec2 fixedRatioBoxGivenSize = vec2(
+  (u_worldWidth == 0.) ? u_resolution.x : givenBoxSize.x,
+  (u_worldHeight == 0.) ? u_resolution.y : givenBoxSize.y
+  );
+
+  v_objectBoxSize = getBoxSize(fixedRatio, fixedRatioBoxGivenSize).xy;
+  vec2 objectWorldScale = u_resolution.xy / v_objectBoxSize;
+
+  v_objectUV = uv;
+  v_objectUV *= objectWorldScale;
+  v_objectUV += boxOrigin * (objectWorldScale - 1.);
+  v_objectUV += graphicOffset;
+  v_objectUV /= u_scale;
+  v_objectUV = graphicRotation * v_objectUV;
+
+  // ===================================================
+
+  v_responsiveBoxGivenSize = vec2(
+  (u_worldWidth == 0.) ? u_resolution.x : givenBoxSize.x,
+  (u_worldHeight == 0.) ? u_resolution.y : givenBoxSize.y
+  );
+  float responsiveRatio = v_responsiveBoxGivenSize.x / v_responsiveBoxGivenSize.y;
+  vec2 responsiveBoxSize = getBoxSize(responsiveRatio, v_responsiveBoxGivenSize).xy;
+  vec2 responsiveBoxScale = u_resolution.xy / responsiveBoxSize;
+
+  #ifdef ADD_HELPERS
+  v_responsiveHelperBox = uv;
+  v_responsiveHelperBox *= responsiveBoxScale;
+  v_responsiveHelperBox += boxOrigin * (responsiveBoxScale - 1.);
+  #endif
+
+  v_responsiveUV = uv;
+  v_responsiveUV *= responsiveBoxScale;
+  v_responsiveUV += boxOrigin * (responsiveBoxScale - 1.);
+  v_responsiveUV += graphicOffset;
+  v_responsiveUV /= u_scale;
+  v_responsiveUV.x *= responsiveRatio;
+  v_responsiveUV = graphicRotation * v_responsiveUV;
+  v_responsiveUV.x /= responsiveRatio;
+
+  // ===================================================
+
+  float patternBoxRatio = givenBoxSize.x / givenBoxSize.y;
+  vec2 patternBoxGivenSize = vec2(
+  (u_worldWidth == 0.) ? u_resolution.x : givenBoxSize.x,
+  (u_worldHeight == 0.) ? u_resolution.y : givenBoxSize.y
+  );
+  patternBoxRatio = patternBoxGivenSize.x / patternBoxGivenSize.y;
+
+  vec3 boxSizeData = getBoxSize(patternBoxRatio, patternBoxGivenSize);
+  v_patternBoxSize = boxSizeData.xy;
+  float patternBoxNoFitBoxWidth = boxSizeData.z;
+  vec2 patternBoxScale = u_resolution.xy / v_patternBoxSize;
+
+  v_patternUV = uv;
+  v_patternUV += graphicOffset / patternBoxScale;
+  v_patternUV += boxOrigin;
+  v_patternUV -= boxOrigin / patternBoxScale;
+  v_patternUV *= u_resolution.xy;
+  v_patternUV /= u_pixelRatio;
+  if (u_fit > 0.) {
+    v_patternUV *= (patternBoxNoFitBoxWidth / v_patternBoxSize.x);
+  }
+  v_patternUV /= u_scale;
+  v_patternUV = graphicRotation * v_patternUV;
+  v_patternUV += boxOrigin / patternBoxScale;
+  v_patternUV -= boxOrigin;
+  // x100 is a default multiplier between vertex and fragmant shaders
+  // we use it to avoid UV presision issues
+  v_patternUV *= .01;
+
+  // ===================================================
+
+  vec2 imageBoxSize;
+  if (u_fit == 1.) { // contain
+    imageBoxSize.x = min(u_resolution.x / u_imageAspectRatio, u_resolution.y) * u_imageAspectRatio;
+  } else if (u_fit == 2.) { // cover
+    imageBoxSize.x = max(u_resolution.x / u_imageAspectRatio, u_resolution.y) * u_imageAspectRatio;
+  } else {
+    imageBoxSize.x = min(10.0, 10.0 / u_imageAspectRatio * u_imageAspectRatio);
+  }
+  imageBoxSize.y = imageBoxSize.x / u_imageAspectRatio;
+  vec2 imageBoxScale = u_resolution.xy / imageBoxSize;
+
+  v_imageUV = uv;
+  v_imageUV *= imageBoxScale;
+  v_imageUV += boxOrigin * (imageBoxScale - 1.);
+  v_imageUV += graphicOffset;
+  v_imageUV /= u_scale;
+  v_imageUV.x *= u_imageAspectRatio;
+  v_imageUV = graphicRotation * v_imageUV;
+  v_imageUV.x /= u_imageAspectRatio;
+
+  v_imageUV += .5;
+  v_imageUV.y = 1. - v_imageUV.y;
+}`;
+export {
+  vertexShaderSource
+};
+//# sourceMappingURL=vertex-shader.js.map

package/dist/vertex-shader.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/vertex-shader.ts"],
+  "sourcesContent": ["/** Vertex shader for the shader mount */\r\n// language=GLSL\r\nexport const vertexShaderSource = `#version 300 es\r\nprecision mediump float;\r\n\r\nlayout(location = 0) in vec4 a_position;\r\n\r\nuniform vec2 u_resolution;\r\nuniform float u_pixelRatio;\r\nuniform float u_imageAspectRatio;\r\nuniform float u_originX;\r\nuniform float u_originY;\r\nuniform float u_worldWidth;\r\nuniform float u_worldHeight;\r\nuniform float u_fit;\r\nuniform float u_scale;\r\nuniform float u_rotation;\r\nuniform float u_offsetX;\r\nuniform float u_offsetY;\r\n\r\nout vec2 v_objectUV;\r\nout vec2 v_objectBoxSize;\r\nout vec2 v_responsiveUV;\r\nout vec2 v_responsiveBoxGivenSize;\r\nout vec2 v_patternUV;\r\nout vec2 v_patternBoxSize;\r\nout vec2 v_imageUV;\r\n\r\nvec3 getBoxSize(float boxRatio, vec2 givenBoxSize) {\r\n  vec2 box = vec2(0.);\r\n  // fit = none\r\n  box.x = boxRatio * min(givenBoxSize.x / boxRatio, givenBoxSize.y);\r\n  float noFitBoxWidth = box.x;\r\n  if (u_fit == 1.) { // fit = contain\r\n    box.x = boxRatio * min(u_resolution.x / boxRatio, u_resolution.y);\r\n  } else if (u_fit == 2.) { // fit = cover\r\n    box.x = boxRatio * max(u_resolution.x / boxRatio, u_resolution.y);\r\n  }\r\n  box.y = box.x / boxRatio;\r\n  return vec3(box, noFitBoxWidth);\r\n}\r\n\r\nvoid main() {\r\n  gl_Position = a_position;\r\n\r\n  vec2 uv = gl_Position.xy * .5;\r\n  vec2 boxOrigin = vec2(.5 - u_originX, u_originY - .5);\r\n  vec2 givenBoxSize = vec2(u_worldWidth, u_worldHeight);\r\n  givenBoxSize = max(givenBoxSize, vec2(1.)) * u_pixelRatio;\r\n  float r = u_rotation * 3.14159265358979323846 / 180.;\r\n  mat2 graphicRotation = mat2(cos(r), sin(r), -sin(r), cos(r));\r\n  vec2 graphicOffset = vec2(-u_offsetX, u_offsetY);\r\n\r\n\r\n  // ===================================================\r\n\r\n  float fixedRatio = 1.;\r\n  vec2 fixedRatioBoxGivenSize = vec2(\r\n  (u_worldWidth == 0.) ? u_resolution.x : givenBoxSize.x,\r\n  (u_worldHeight == 0.) ? u_resolution.y : givenBoxSize.y\r\n  );\r\n\r\n  v_objectBoxSize = getBoxSize(fixedRatio, fixedRatioBoxGivenSize).xy;\r\n  vec2 objectWorldScale = u_resolution.xy / v_objectBoxSize;\r\n\r\n  v_objectUV = uv;\r\n  v_objectUV *= objectWorldScale;\r\n  v_objectUV += boxOrigin * (objectWorldScale - 1.);\r\n  v_objectUV += graphicOffset;\r\n  v_objectUV /= u_scale;\r\n  v_objectUV = graphicRotation * v_objectUV;\r\n\r\n  // ===================================================\r\n\r\n  v_responsiveBoxGivenSize = vec2(\r\n  (u_worldWidth == 0.) ? u_resolution.x : givenBoxSize.x,\r\n  (u_worldHeight == 0.) ? u_resolution.y : givenBoxSize.y\r\n  );\r\n  float responsiveRatio = v_responsiveBoxGivenSize.x / v_responsiveBoxGivenSize.y;\r\n  vec2 responsiveBoxSize = getBoxSize(responsiveRatio, v_responsiveBoxGivenSize).xy;\r\n  vec2 responsiveBoxScale = u_resolution.xy / responsiveBoxSize;\r\n\r\n  #ifdef ADD_HELPERS\r\n  v_responsiveHelperBox = uv;\r\n  v_responsiveHelperBox *= responsiveBoxScale;\r\n  v_responsiveHelperBox += boxOrigin * (responsiveBoxScale - 1.);\r\n  #endif\r\n\r\n  v_responsiveUV = uv;\r\n  v_responsiveUV *= responsiveBoxScale;\r\n  v_responsiveUV += boxOrigin * (responsiveBoxScale - 1.);\r\n  v_responsiveUV += graphicOffset;\r\n  v_responsiveUV /= u_scale;\r\n  v_responsiveUV.x *= responsiveRatio;\r\n  v_responsiveUV = graphicRotation * v_responsiveUV;\r\n  v_responsiveUV.x /= responsiveRatio;\r\n\r\n  // ===================================================\r\n\r\n  float patternBoxRatio = givenBoxSize.x / givenBoxSize.y;\r\n  vec2 patternBoxGivenSize = vec2(\r\n  (u_worldWidth == 0.) ? u_resolution.x : givenBoxSize.x,\r\n  (u_worldHeight == 0.) ? u_resolution.y : givenBoxSize.y\r\n  );\r\n  patternBoxRatio = patternBoxGivenSize.x / patternBoxGivenSize.y;\r\n\r\n  vec3 boxSizeData = getBoxSize(patternBoxRatio, patternBoxGivenSize);\r\n  v_patternBoxSize = boxSizeData.xy;\r\n  float patternBoxNoFitBoxWidth = boxSizeData.z;\r\n  vec2 patternBoxScale = u_resolution.xy / v_patternBoxSize;\r\n\r\n  v_patternUV = uv;\r\n  v_patternUV += graphicOffset / patternBoxScale;\r\n  v_patternUV += boxOrigin;\r\n  v_patternUV -= boxOrigin / patternBoxScale;\r\n  v_patternUV *= u_resolution.xy;\r\n  v_patternUV /= u_pixelRatio;\r\n  if (u_fit > 0.) {\r\n    v_patternUV *= (patternBoxNoFitBoxWidth / v_patternBoxSize.x);\r\n  }\r\n  v_patternUV /= u_scale;\r\n  v_patternUV = graphicRotation * v_patternUV;\r\n  v_patternUV += boxOrigin / patternBoxScale;\r\n  v_patternUV -= boxOrigin;\r\n  // x100 is a default multiplier between vertex and fragmant shaders\r\n  // we use it to avoid UV presision issues\r\n  v_patternUV *= .01;\r\n\r\n  // ===================================================\r\n\r\n  vec2 imageBoxSize;\r\n  if (u_fit == 1.) { // contain\r\n    imageBoxSize.x = min(u_resolution.x / u_imageAspectRatio, u_resolution.y) * u_imageAspectRatio;\r\n  } else if (u_fit == 2.) { // cover\r\n    imageBoxSize.x = max(u_resolution.x / u_imageAspectRatio, u_resolution.y) * u_imageAspectRatio;\r\n  } else {\r\n    imageBoxSize.x = min(10.0, 10.0 / u_imageAspectRatio * u_imageAspectRatio);\r\n  }\r\n  imageBoxSize.y = imageBoxSize.x / u_imageAspectRatio;\r\n  vec2 imageBoxScale = u_resolution.xy / imageBoxSize;\r\n\r\n  v_imageUV = uv;\r\n  v_imageUV *= imageBoxScale;\r\n  v_imageUV += boxOrigin * (imageBoxScale - 1.);\r\n  v_imageUV += graphicOffset;\r\n  v_imageUV /= u_scale;\r\n  v_imageUV.x *= u_imageAspectRatio;\r\n  v_imageUV = graphicRotation * v_imageUV;\r\n  v_imageUV.x /= u_imageAspectRatio;\r\n\r\n  v_imageUV += .5;\r\n  v_imageUV.y = 1. - v_imageUV.y;\r\n}`;\r\n"],
+  "mappings": ";;;;;AAEO,MAAM,qBAAqB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;",
+  "names": []
+}

package/package.json

@@ -0,0 +1,29 @@
+{
+  "name": "shaders-oneshot",
+  "version": "0.0.81-shared.1",
+  "license": "Apache-2.0",
+  "type": "module",
+  "sideEffects": false,
+  "publishConfig": {
+    "access": "public"
+  },
+  "main": "./dist/index.js",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "default": "./dist/index.js"
+    }
+  },
+  "files": [
+    "dist",
+    "LICENSE",
+    "NOTICE"
+  ],
+  "scripts": {
+    "type-check": "tsc --project tsconfig.json"
+  },
+  "dependencies": {}
+}