animare/lib/commonjs/plugins/vecToColor.js

Advanced animation library for modern JavaScript.

"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.vecToHSL=vecToHSL;exports.vecToHWB=vecToHWB;exports.vecToRGB=vecToRGB;var _utils=require("./utils.js");/**
 * Converts vector to RGB string
 *
 * @param vec - The vector to convert
 * @returns - The RGB string
 *
 * @example
 * const color1: Vec4Array = [255, 0, 0, 1]; // or { x: 255, y: 0, z: 0, w: 1 } as Vec4Object
 * const color2: Vec4Array = [0, 0, 255, 1]; // or { x: 0, y: 0, z: 255, w: 1 } as Vec4Object
 * const resultColor = lerp(color1, color2, progress);
 * const rgbString = vecToRGB(resultColor);
 */function vecToRGB(vec){const isObject=(0,_utils.isObjectVector)(vec);const r=isObject?vec.x:vec[0];const g=isObject?vec.y:vec[1];const b=isObject?vec.z:vec[2];const a=isObject?'w'in vec?vec.w:undefined:vec[3];if(typeof a==='number')return`rgb(${Math.round(r)} ${Math.round(g)} ${Math.round(b)} / ${Math.round(a*100)}%)`;return`rgb(${Math.round(r)} ${Math.round(g)} ${Math.round(b)})`;}/**
 * Converts vector to HSL string
 *
 * @param vec - The vector to convert
 * @returns - The HSL string
 *
 * @example
 * const color1: Vec3Array = [50, 100, 50]; // or { x: 50, y: 100, z: 50 } as Vec3Object
 * const color2: Vec3Array = [200, 100, 50]; // or { x: 200, y: 100, z: 50 } as Vec3Object
 * const resultColor = lerp(color1, color2, progress);
 * const hslString = vecToHSL(resultColor);
 */function vecToHSL(vec){const isObject=(0,_utils.isObjectVector)(vec);const h=isObject?vec.x:vec[0];const s=isObject?vec.y:vec[1];const l=isObject?vec.z:vec[2];const a=isObject?'w'in vec?vec.w:undefined:vec[3];if(typeof a==='number')return`hsl(${Math.round(h)}deg ${Math.round(s)}% ${Math.round(l)}% / ${Math.round(a*100)}%)`;return`hsl(${Math.round(h)}deg ${Math.round(s)}% ${Math.round(l)}%)`;}/**
 * Converts vector to HWB string
 *
 * @param vec - The vector to convert
 * @returns - The HWB string
 *
 * @example
 * const color1: Vec3Array = [50, 100, 50]; // or { x: 50, y: 100, z: 50 } as Vec3Object
 * const color2: Vec3Array = [200, 100, 50]; // or { x: 200, y: 100, z: 50 } as Vec3Object
 * const resultColor = lerp(color1, color2, progress);
 * const hslString = vecToHWB(resultColor);
 */function vecToHWB(vec){const isObject=(0,_utils.isObjectVector)(vec);const h=isObject?vec.x:vec[0];const s=isObject?vec.y:vec[1];const l=isObject?vec.z:vec[2];const a=isObject?'w'in vec?vec.w:undefined:vec[3];if(typeof a==='number')return`hwb(${Math.round(h)}deg ${Math.round(s)}% ${Math.round(l)}% / ${Math.round(a*100)}%)`;return`hwb(${Math.round(h)}deg ${Math.round(s)}% ${Math.round(l)}%)`;}