@thi.ng/color 5.5.31 → 5.6.0

package/CHANGELOG.md

@@ -1,6 +1,6 @@
 # Change Log
 
-- **Last updated**: 2023-11-09T10:28:18Z
+- **Last updated**: 2023-11-12T16:43:31Z
 - **Generator**: [thi.ng/monopub](https://thi.ng/monopub)
 
 All notable changes to this project will be documented in this file.
@@ -9,6 +9,13 @@ See [Conventional Commits](https://conventionalcommits.org/) for commit guidelin
 **Note:** Unlisted _patch_ versions only involve non-code or otherwise excluded changes
 and/or version bumps of transitive dependencies.
 
+## [5.6.0](https://github.com/thi-ng/umbrella/tree/@thi.ng/color@5.6.0) (2023-11-12)
+
+#### 🚀 Features
+
+- update temperatureMat() ([eaacfa0](https://github.com/thi-ng/umbrella/commit/eaacfa0))
+  - add (optional) 2nd green/magenta axis to existing blue/yellow
+
 ### [5.5.27](https://github.com/thi-ng/umbrella/tree/@thi.ng/color@5.5.27) (2023-10-27)
 
 #### ♻️ Refactoring

package/README.md

@@ -602,7 +602,7 @@ For Node.js REPL:
 const color = await import("@thi.ng/color");
 ```
 
-Package sizes (brotli'd, pre-treeshake): ESM: 15.68 KB
+Package sizes (brotli'd, pre-treeshake): ESM: 15.69 KB
 
 ## Dependencies
 
@@ -636,6 +636,7 @@ directory are using this package:
 | <img src="https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/examples/grid-iterators.png" width="240"/>                | Visualization of different grid iterator strategies                         | [Demo](https://demo.thi.ng/umbrella/grid-iterators/)     | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/grid-iterators)     |
 | <img src="https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/hdom-canvas/hdom-canvas-shapes-results.png" width="240"/> | Various hdom-canvas shape drawing examples & SVG conversion / export        | [Demo](https://demo.thi.ng/umbrella/hdom-canvas-shapes/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/hdom-canvas-shapes) |
 | <img src="https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/examples/kmeans-viz.jpg" width="240"/>                    | k-means clustering visualization                                            | [Demo](https://demo.thi.ng/umbrella/kmeans-viz/)         | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/kmeans-viz)         |
+| <img src="https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/examples/pixel-colormatrix.jpg" width="240"/>             | Matrix-based image color adjustments                                        | [Demo](https://demo.thi.ng/umbrella/pixel-colormatrix/)  | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/pixel-colormatrix)  |
 | <img src="https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/examples/pixel-gradients.jpg" width="240"/>               | Randomized 4-point 2D color gradient image generator                        | [Demo](https://demo.thi.ng/umbrella/pixel-gradients/)    | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/pixel-gradients)    |
 | <img src="https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/examples/pixel-indexed.jpg" width="240"/>                 | Image dithering and remapping using indexed palettes                        | [Demo](https://demo.thi.ng/umbrella/pixel-indexed/)      | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/pixel-indexed)      |
 | <img src="https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/examples/pixel-sorting.png" width="240"/>                 | Interactive pixel sorting tool using thi.ng/color & thi.ng/pixel            | [Demo](https://demo.thi.ng/umbrella/pixel-sorting/)      | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/pixel-sorting)      |

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@thi.ng/color",
-  "version": "5.5.31",
+  "version": "5.6.0",
   "description": "Array-based color types, CSS parsing, conversions, transformations, declarative theme generation, gradients, presets",
   "type": "module",
   "module": "./index.js",
@@ -48,8 +48,8 @@
     "@thi.ng/math": "^5.7.3",
     "@thi.ng/random": "^3.6.14",
     "@thi.ng/strings": "^3.6.6",
-    "@thi.ng/transducers": "^8.8.10",
-    "@thi.ng/vectors": "^7.8.4"
+    "@thi.ng/transducers": "^8.8.11",
+    "@thi.ng/vectors": "^7.8.5"
   },
   "devDependencies": {
     "@microsoft/api-extractor": "^7.38.2",
@@ -444,5 +444,5 @@
       "vectors"
     ]
   },
-  "gitHead": "669a3151e4302480244fe3e60eff5e732ea5b7a7\n"
+  "gitHead": "2be4c38c9680da929339bd164acfb69ebb1fd3d0\n"
 }

package/transform.d.ts

@@ -51,7 +51,14 @@ export declare const contrastMat: (x: number, o?: number) => ColorMatrix;
 export declare const exposureMat: (x: number) => ColorMatrix;
 export declare const saturationMat: (x: number) => ColorMatrix;
 export declare const hueRotateMat: (theta: number) => ColorMatrix;
-export declare const temperatureMat: (x: number) => ColorMatrix;
+/**
+ * Color temperature adjustment matrix. `x` controls blue/yellow, `y` controls
+ * green/magenta axis (both params in [-1,1] range).
+ *
+ * @param x
+ * @param y
+ */
+export declare const temperatureMat: (x: number, y?: number) => ColorMatrix;
 export declare const sepiaMat: (x?: number) => ColorMatrix;
 export declare const tintMat: (x: number) => ColorMatrix;
 /**

package/transform.js

@@ -109,11 +109,18 @@ export const hueRotateMat = (theta) => {
         0, 0, 0, 1, 0
     ];
 };
+/**
+ * Color temperature adjustment matrix. `x` controls blue/yellow, `y` controls
+ * green/magenta axis (both params in [-1,1] range).
+ *
+ * @param x
+ * @param y
+ */
 // prettier-ignore
-export const temperatureMat = (x) => [
-    1 + x, 0, 0, 0, 0,
-    0, 1, 0, 0, 0,
-    0, 0, 1 - x, 0, 0,
+export const temperatureMat = (x, y = 0) => [
+    1 + x + y, 0, 0, 0, 0,
+    0, 1 - y, 0, 0, 0,
+    0, 0, 1 - x + y, 0, 0,
     0, 0, 0, 1, 0
 ];
 // prettier-ignore