main.min.js

function setCanvas(element){elem=element,svg=document.createElementNS("http://www.w3.org/2000/svg","svg"),svg.setAttributeNS(null,"width","100%"),svg.setAttributeNS(null,"height","100%"),elem.appendChild(svg),WIDTH=svg.clientWidth,HEIGHT=svg.clientHeight}const PI=Math.PI,TAU=2*Math.PI,HALF_PI=Math.PI/2,QUARTER_PI=Math.PI/4,THIRD_PI=Math.PI/3,PHI=(1+Math.sqrt(5))/2,E=Math.E;function random(a,b){return Math.random()*(b-a)+a}function randomInt(a,b){return Math.floor(Math.random()*(b-a)+a)}function randomBool(){return Math.random()>.5}function randomElement(array){return array[Math.floor(Math.random()*array.length)]}function randomColorRGB(){return"rgb("+randomInt(0,255)+","+randomInt(0,255)+","+randomInt(0,255)+")"}function randomColorRGBA(){return"rgba("+randomInt(0,255)+","+randomInt(0,255)+","+randomInt(0,255)+","+random(0,1)+")"}function randomColorHex(){return"#"+randomInt(0,255).toString(16)+randomInt(0,255).toString(16)+randomInt(0,255).toString(16)}function randomColorHSL(){return"hsl("+randomInt(0,360)+","+randomInt(0,100)+"%,"+randomInt(0,100)+"%)"}function randomColorHSLA(){return"hsla("+randomInt(0,360)+","+randomInt(0,100)+"%,"+randomInt(0,100)+"%,"+random(0,1)+")"}function clamp(e,a,b){return Math.min(Math.max(e,a),b)}function randomGaussian(mean,stdev){var y1,x1,x2,w;do{w=(x1=2*Math.random()-1)*x1+(x2=2*Math.random()-1)*x2}while(w>=1);return mean+stdev*x1*Math.sqrt(-2*Math.log(w)/w)}class circle{constructor(cx,cy,r,fill,fill_opacity,stroke,stroke_width){return this.cx=cx,this.cy=cy,this.r=r,this.fill=fill,this.stroke=stroke,this.stroke_width=stroke_width,this.fill_opacity=fill_opacity,this.circle=document.createElementNS("http://www.w3.org/2000/svg","circle"),this.circle.setAttributeNS(null,"cx",this.cx),this.circle.setAttributeNS(null,"cy",this.cy),this.circle.setAttributeNS(null,"r",this.r),this.circle.setAttributeNS(null,"fill",this.fill),this.circle.setAttributeNS(null,"stroke",this.stroke),this.circle.setAttributeNS(null,"stroke-width",this.stroke_width),this.circle.setAttributeNS(null,"fill-opacity",this.fill_opacity),svg.appendChild(this.circle),this}}class ellipse{constructor(cx,cy,rx,ry,fill,fill_opacity,stroke,stroke_width){return this.cx=cx,this.cy=cy,this.rx=rx,this.ry=ry,this.fill=fill,this.stroke=stroke,this.stroke_width=stroke_width,this.fill_opacity=fill_opacity,this.ellipse=document.createElementNS("http://www.w3.org/2000/svg","ellipse"),this.ellipse.setAttributeNS(null,"cx",this.cx),this.ellipse.setAttributeNS(null,"cy",this.cy),this.ellipse.setAttributeNS(null,"rx",this.rx),this.ellipse.setAttributeNS(null,"ry",this.ry),this.ellipse.setAttributeNS(null,"fill",this.fill),this.ellipse.setAttributeNS(null,"stroke",this.stroke),this.ellipse.setAttributeNS(null,"stroke-width",this.stroke_width),this.ellipse.setAttributeNS(null,"fill-opacity",this.fill_opacity),svg.appendChild(this.ellipse),this}}class rect{constructor(x,y,width,height,fill,fill_opacity,stroke,stroke_width,anchor="top-left",border_radius=0){switch(this.x=x,this.y=y,this.width=width,this.height=height,this.fill=fill,this.stroke=stroke,this.stroke_width=stroke_width,this.fill_opacity=fill_opacity,this.anchor=anchor,this.border_radius=border_radius,this.rect=document.createElementNS("http://www.w3.org/2000/svg","rect"),this.rect.setAttributeNS(null,"fill",this.fill),this.rect.setAttributeNS(null,"stroke",this.stroke),this.rect.setAttributeNS(null,"stroke-width",this.stroke_width),this.rect.setAttributeNS(null,"fill-opacity",this.fill_opacity),this.rect.setAttributeNS(null,"rx",this.border_radius),this.rect.setAttributeNS(null,"ry",this.border_radius),anchor){case"center":this.rect.setAttributeNS(null,"x",this.x-this.width/2),this.rect.setAttributeNS(null,"y",this.y-this.height/2),this.rect.setAttributeNS(null,"width",this.width),this.rect.setAttributeNS(null,"height",this.height);break;case"top-left":this.rect.setAttributeNS(null,"x",this.x),this.rect.setAttributeNS(null,"y",this.y),this.rect.setAttributeNS(null,"width",this.width),this.rect.setAttributeNS(null,"height",this.height);break;case"top-right":this.rect.setAttributeNS(null,"x",this.x-this.width),this.rect.setAttributeNS(null,"y",this.y),this.rect.setAttributeNS(null,"width",this.width),this.rect.setAttributeNS(null,"height",this.height);break;case"bottom-left":this.rect.setAttributeNS(null,"x",this.x),this.rect.setAttributeNS(null,"y",this.y-this.height),this.rect.setAttributeNS(null,"width",this.width),this.rect.setAttributeNS(null,"height",this.height);break;case"bottom-right":this.rect.setAttributeNS(null,"x",this.x-this.width),this.rect.setAttributeNS(null,"y",this.y-this.height),this.rect.setAttributeNS(null,"width",this.width),this.rect.setAttributeNS(null,"height",this.height)}return svg.appendChild(this.rect),this}}class point{constructor(x,y,stroke,stroke_width){return this.x=x,this.y=y,this.stroke=stroke,this.stroke_width=stroke_width,this.point=document.createElementNS("http://www.w3.org/2000/svg","circle"),this.point.setAttributeNS(null,"cx",this.x),this.point.setAttributeNS(null,"cy",this.y),this.point.setAttributeNS(null,"r",this.stroke_width/2),this.point.setAttributeNS(null,"stroke",this.stroke),this.point.setAttributeNS(null,"stroke-width",this.stroke_width),svg.appendChild(this.point),this}}class line{constructor(x1,y1,x2,y2,stroke,stroke_width,linecap="butt",dasharray=""){return this.x1=x1,this.y1=y1,this.x2=x2,this.y2=y2,this.stroke=stroke,this.stroke_width=stroke_width,this.dasharray=dasharray,this.linecap=linecap,this.line=document.createElementNS("http://www.w3.org/2000/svg","line"),this.line.setAttributeNS(null,"x1",this.x1),this.line.setAttributeNS(null,"y1",this.y1),this.line.setAttributeNS(null,"x2",this.x2),this.line.setAttributeNS(null,"y2",this.y2),this.line.setAttributeNS(null,"stroke",this.stroke),this.line.setAttributeNS(null,"stroke-width",this.stroke_width),this.line.setAttributeNS(null,"stroke-dasharray",this.dasharray),this.line.setAttributeNS(null,"stroke-linecap",this.linecap),svg.appendChild(this.line),this}}class regpolygon{constructor(x,y,radius,sides,rotation,fill,fill_opacity,stroke,stroke_width){return this.x=x,this.y=y,this.radius=radius,this.sides=sides,this.rotation=rotation,this.stroke=stroke,this.stroke_width=stroke_width,this.fill=fill,this.fill_opacity=fill_opacity,this.regpolygon=document.createElementNS("http://www.w3.org/2000/svg","polygon"),this.regpolygon.setAttributeNS(null,"points",this.points()),this.regpolygon.setAttributeNS(null,"stroke",this.stroke),this.regpolygon.setAttributeNS(null,"stroke-width",this.stroke_width),this.regpolygon.setAttributeNS(null,"fill",this.fill),this.regpolygon.setAttributeNS(null,"fill-opacity",this.fill_opacity),svg.appendChild(this.regpolygon),this}points(){for(var points="",angle=2*Math.PI/this.sides,i=0;i<this.sides;i++){var x,y;points+=this.x+this.radius*Math.cos(angle*i+this.rotation)+","+(this.y+this.radius*Math.sin(angle*i+this.rotation))+" "}return points}}class star{constructor(x,y,outer_radius,inner_radius,sides,rotation,fill,fill_opacity,stroke,stroke_width){return this.x=x,this.y=y,this.outer_radius=outer_radius,this.inner_radius=inner_radius,this.rotation=rotation,this.sides=sides,this.stroke=stroke,this.stroke_width=stroke_width,this.fill=fill,this.fill_opacity=fill_opacity,this.star=document.createElementNS("http://www.w3.org/2000/svg","polygon"),this.star.setAttributeNS(null,"points",this.points()),this.star.setAttributeNS(null,"stroke",this.stroke),this.star.setAttributeNS(null,"stroke-width",this.stroke_width),this.star.setAttributeNS(null,"fill",this.fill),this.star.setAttributeNS(null,"fill-opacity",this.fill_opacity),svg.appendChild(this.star),this}points(){for(var points="",outer_angle=2*Math.PI/this.sides,inner_angle=Math.PI/this.sides,i=0;i<this.sides;i++){var xv,yv,xv,yv;points+=(xv=this.x+this.outer_radius*Math.cos(outer_angle*i+this.rotation))+","+(yv=this.y+this.outer_radius*Math.sin(outer_angle*i+this.rotation))+" ",points+=(xv=this.x+this.inner_radius*Math.cos(inner_angle+i*outer_angle+this.rotation))+","+(yv=this.y+this.inner_radius*Math.sin(inner_angle+i*outer_angle+this.rotation))+" "}return points}}class polygon{constructor(inppoints,fill,fill_opacity,stroke,stroke_width,close=!1){return this.inppoints=inppoints,this.stroke=stroke,this.stroke_width=stroke_width,this.fill=fill,this.fill_opacity=fill_opacity,this.close=close,this.polygon=document.createElementNS("http://www.w3.org/2000/svg","path"),this.polygon.setAttributeNS(null,"d",this.pathd()),this.polygon.setAttributeNS(null,"stroke",this.stroke),this.polygon.setAttributeNS(null,"stroke-width",this.stroke_width),this.polygon.setAttributeNS(null,"fill",this.fill),this.polygon.setAttributeNS(null,"fill-opacity",this.fill_opacity),svg.appendChild(this.polygon),this}pathd(){for(var dtext=" M "+this.inppoints[0][0]+","+this.inppoints[0][1],i=0;i<this.inppoints.length;i++)dtext+="L "+this.inppoints[i][0]+","+this.inppoints[i][1]+" ";return this.close&&(dtext+="Z"),dtext}}class twoPointCubicBezier{constructor(x1,y1,xc1,yc1,x2,y2,xc2,yc2,fill,fill_opacity,stroke,stroke_width){return this.x1=x1,this.y1=y1,this.xc1=xc1,this.yc1=yc1,this.x2=x2,this.y2=y2,this.xc2=xc2,this.yc2=yc2,this.stroke=stroke,this.stroke_width=stroke_width,this.fill=fill,this.fill_opacity=fill_opacity,this.twoPointCubicBezier=document.createElementNS("http://www.w3.org/2000/svg","path"),this.twoPointCubicBezier.setAttributeNS(null,"d",`M ${this.x1},${this.y1} C ${this.xc1},${this.yc1} ${this.xc2},${this.yc2} ${this.x2},${this.y2}`),this.twoPointCubicBezier.setAttributeNS(null,"stroke",this.stroke),this.twoPointCubicBezier.setAttributeNS(null,"stroke-width",this.stroke_width),this.twoPointCubicBezier.setAttributeNS(null,"fill",this.fill),this.twoPointCubicBezier.setAttributeNS(null,"fill-opacity",this.fill_opacity),svg.appendChild(this.twoPointCubicBezier),this}}class twoPointQuadraticBezier{constructor(x1,y1,xc,yc,x2,y2,fill,fill_opacity,stroke,stroke_width){return this.x1=x1,this.y1=y1,this.xc=xc,this.yc=yc,this.x2=x2,this.y2=y2,this.stroke=stroke,this.stroke_width=stroke_width,this.fill=fill,this.fill_opacity=fill_opacity,this.twoPointQuadraticBezier=document.createElementNS("http://www.w3.org/2000/svg","path"),this.twoPointQuadraticBezier.setAttributeNS(null,"d",`M ${this.x1},${this.y1} Q ${this.xc},${this.yc} ${this.x2},${this.y2}`),this.twoPointQuadraticBezier.setAttributeNS(null,"stroke",this.stroke),this.twoPointQuadraticBezier.setAttributeNS(null,"stroke-width",this.stroke_width),this.twoPointQuadraticBezier.setAttributeNS(null,"fill",this.fill),this.twoPointQuadraticBezier.setAttributeNS(null,"fill-opacity",this.fill_opacity),svg.appendChild(this.twoPointQuadraticBezier),this}}class cubicbezier{constructor(points,fill,fill_opacity,stroke,stroke_width,line_tension=.2,close=!1){return this.points=points,this.stroke=stroke,this.stroke_width=stroke_width,this.fill=fill,this.fill_opacity=fill_opacity,this.line_tension=line_tension,this.close=close,this.cubicbezier=document.createElementNS("http://www.w3.org/2000/svg","path"),this.cubicbezier.setAttributeNS(null,"d",this.svgPath(this.points,this.bezierCommand)),this.cubicbezier.setAttributeNS(null,"stroke",this.stroke),this.cubicbezier.setAttributeNS(null,"stroke-width",this.stroke_width),this.cubicbezier.setAttributeNS(null,"fill",this.fill),this.cubicbezier.setAttributeNS(null,"fill-opacity",this.fill_opacity),svg.appendChild(this.cubicbezier),this}svgPath(points,command){return this.dval=points.reduce((acc,point,i,a)=>0===i?`M ${point[0]},${point[1]}`:`${acc} ${command(point,i,a)}`,""),this.close&&(this.dval+="Z"),this.dval}bezierCommand=(point,i,a)=>{const[cpsX,cpsY]=this.controlPoint(a[i-1],a[i-2],point),[cpeX,cpeY]=this.controlPoint(point,a[i-1],a[i+1],!0);return`C ${cpsX},${cpsY} ${cpeX},${cpeY} ${point[0]},${point[1]}`};controlPoint=(current,previous,next,reverse)=>{const p=previous||current,n=next||current,smoothing=this.line_tension,o=this.bline(p,n),angle=o.angle+(reverse?Math.PI:0),length=o.length*smoothing,x=current[0]+Math.cos(angle)*length,y=current[1]+Math.sin(angle)*length;return[x,y]};bline=(pointA,pointB)=>{const lengthX=pointB[0]-pointA[0],lengthY=pointB[1]-pointA[1];return{length:Math.sqrt(Math.pow(lengthX,2)+Math.pow(lengthY,2)),angle:Math.atan2(lengthY,lengthX)}}}class arc{constructor(cx,cy,rx,ry,start_angle,end_angle,fill_type,fill,fill_opacity,stroke,stroke_width){return this.cx=cx,this.cy=cy,this.rx=rx,this.ry=ry,this.start=start_angle,this.end=end_angle,this.fill_type=fill_type,this.stroke=stroke,this.stroke_width=stroke_width,this.fill=fill,this.fill_opacity=fill_opacity,this.arc=document.createElementNS("http://www.w3.org/2000/svg","path"),this.arc.setAttributeNS(null,"d",this.dval(this.cx,this.cy,this.rx,this.ry,this.start,this.end,this.fill_type)),this.arc.setAttributeNS(null,"stroke",this.stroke),this.arc.setAttributeNS(null,"stroke-width",this.stroke_width),this.arc.setAttributeNS(null,"fill",this.fill),this.arc.setAttributeNS(null,"fill-opacity",this.fill_opacity),svg.appendChild(this.arc),this}dval(cx,cy,rx,ry,start_angle,end_angle,fill_type){const Δo=end_angle-start_angle,fA=Δo>Math.PI?1:0,fS=Δo>0?1:0,start_pointx=cx+rx*Math.sin(start_angle),start_pointy=cy-ry*Math.cos(start_angle),end_pointx=cx+rx*Math.sin(end_angle),end_pointy=cy-ry*Math.cos(end_angle);var dpath=` M ${start_pointx},${start_pointy} A ${rx} ${ry} 0 ${fA} ${fS} ${end_pointx} ${end_pointy} `;switch(fill_type){case"pie":dpath+="L "+cx+","+cy+" Z";break;case"chord":dpath+=" Z"}return dpath}}class text{constructor(x,y,inputtext,font_size,font_family,font_weight,stroke,stroke_width,fill,anchor="start"){return this.x=x,this.y=y,this.inputtext=inputtext,this.font_size=font_size,this.font_family=font_family,this.font_weight=font_weight,this.fill=fill,this.stroke=stroke,this.stroke_width=stroke_width,this.anchor=anchor,this.text=document.createElementNS("http://www.w3.org/2000/svg","text"),this.text.setAttributeNS(null,"x",this.x),this.text.setAttributeNS(null,"y",this.y),this.text.setAttributeNS(null,"font-size",this.font_size),this.text.setAttributeNS(null,"font-family",this.font_family),this.text.setAttributeNS(null,"font-weight",this.font_weight),this.text.setAttributeNS(null,"fill",this.fill),this.text.setAttributeNS(null,"text-anchor",this.anchor),this.text.setAttributeNS(null,"stroke",this.stroke),this.text.setAttributeNS(null,"stroke-width",this.stroke_width),this.text.innerHTML=this.inputtext,svg.appendChild(this.text),this}}function loadFont(url,font_family){var font=document.createElement("style");font.type="text/css",font.innerHTML="@font-face { font-family: '"+font_family+"'; src: url('"+url+"'); }",document.head.appendChild(font)}function setCursor(cursor){svg.style.cursor=cursor}function getTime(){var d=new Date,h,m,s,ms,time;return{h:d.getHours(),m:d.getMinutes(),s:d.getSeconds(),ms:d.getMilliseconds()}}function getDate(){var d=new Date,y,m,day,date;return{y:d.getFullYear(),m:d.getMonth()+1,day:d.getDate()}}function getTimeString(){var d=new Date,h,m,s,ms,time;return d.getHours()+":"+d.getMinutes()+":"+d.getSeconds()+":"+d.getMilliseconds()}function getDateString(format="dd-mm-yyyy"){var d=new Date,y=d.getFullYear(),m=d.getMonth()+1;m.length<1&&(m="0"+m);var day=d.getDate();switch(day.length<1&&(day="0"+day),format=(format=format).toLowerCase()){case"yyyy-mm-dd":var date=y+"-"+m+"-"+day;break;case"dd-mm-yyyy":var date=day+"-"+m+"-"+y;break;case"mm-dd-yyyy":var date=m+"-"+day+"-"+y;break;case"yyyy-dd-mm":var date=y+"-"+day+"-"+m;break;case"dd-yyyy-mm":var date=day+"-"+y+"-"+m;break;case"mm-yyyy-dd":var date=m+"-"+y+"-"+day;break;case"yyyy/mm/dd":var date=y+"/"+m+"/"+day;break;case"dd/mm/yyyy":var date=day+"/"+m+"/"+y;break;case"mm/dd/yyyy":var date=m+"/"+day+"/"+y;break;case"yyyy/dd/mm":var date=y+"/"+day+"/"+m;break;case"dd/yyyy/mm":var date=day+"/"+y+"/"+m;break;case"mm/yyyy/dd":var date=m+"/"+y+"/"+day}return date}function getDayName(){var d,day,dayname="";switch((new Date).getDay()){case 0:dayname="Sunday";break;case 1:dayname="Monday";break;case 2:dayname="Tuesday";break;case 3:dayname="Wednesday";break;case 4:dayname="Thursday";break;case 5:dayname="Friday";break;case 6:dayname="Saturday"}return dayname}function timeTaken(func){var t0=performance.now(),t1;return func(),performance.now()-t0}function createVector(x,y){return{x:x,y:y}}function dotProduct(v1,v2){return v1.x*v2.x+v1.y*v2.y}function crossProduct(v1,v2){return v1.x*v2.y-v1.y*v2.x}function magnitude(v){return Math.sqrt(dotProduct(v,v))}function normalize(v){var l=magnitude(v);return createVector(v.x/l,v.y/l)}function projection(v1,v2){return dotProduct(v1,v2)/magnitude(v2)}function reflect(v1,v2){var cp=crossProduct(v1,v2);return theta=angleBetween(v1,v2),cp<0&&(theta=-theta),rotate(v1,2*theta)}function angleBetween(v1,v2){return Math.acos(dotProduct(v1,v2)/(magnitude(v1)*magnitude(v2)))}function rotate(v,angle){var s=Math.sin(angle),c=Math.cos(angle);return createVector(v.x*c-v.y*s,v.x*s+v.y*c)}function addVec(v1,v2){return createVector(v1.x+v2.x,v1.y+v2.y)}function subtractVec(v1,v2){return createVector(v1.x-v2.x,v1.y-v2.y)}function multiplyVec(v,scalar){return createVector(v.x*scalar,v.y*scalar)}function divideVec(v,scalar){return createVector(v.x/scalar,v.y/scalar)}function distanceVec(v1,v2){return magnitude(subtractVec(v1,v2))}function angle(v){return Math.atan2(v.y,v.x)}function randomVector(){return normalize(createVector(Math.random(),Math.random()))}function randomVectorComp(min,max){return createVector(Math.random()*(max-min)+min,Math.random()*(max-min)+min)}function randomVectorMagnitude(min,max){var v;return multiplyVec(randomVector(),min,max)}function randomVectorAngle(angle,min=0,max=1){var v;return multiplyVec(createVector(Math.cos(angle),Math.sin(angle)),random(min,max))}function clearCanvas(){for(;svg.firstChild;)svg.removeChild(svg.lastChild)}function mapRange(value,a,b,c,d){return c+(value=(value-a)/(b-a))*(d-c)}function degToRad(deg){return deg*Math.PI/180}function radToDeg(rad){return 180*rad/Math.PI}function sin(angle){return Math.sin(angle)}function cos(angle){return Math.cos(angle)}function tan(angle){return Math.tan(angle)}function asin(angle){return Math.asin(angle)}function acos(angle){return Math.acos(angle)}function atan(angle){return Math.atan(angle)}function atan2(y,x){return Math.atan2(y,x)}function atanh(angle){return Math.atanh(angle)}function sinh(angle){return Math.sinh(angle)}function cosh(angle){return Math.cosh(angle)}function tanh(angle){return Math.tanh(angle)}function abs(e){return Math.abs(e)}function sqrt(e){return Math.sqrt(e)}function cbrt(e){return Math.cbrt(e)}function pow(e,p){return Math.pow(e,p)}function exp(e){return Math.exp(e)}function log(e){return Math.log(e)}function log10(e){return Math.log10(e)}function floor(e){return Math.floor(e)}function ceil(e){return Math.ceil(e)}function round(e){return Math.round(e)}function dist(x1,y1,x2,y2){return Math.sqrt(pow(x2-x1,2)+pow(y2-y1,2))}function max(a){return Math.max(...a)}function min(a){return Math.min(...a)}function factorial(n){return 0==n||1==n?1:n*factorial(n-1)}function combinations(n,r){return factorial(n)/(factorial(r)*factorial(n-r))}function permutations(n,r){return factorial(n)/factorial(n-r)}function makecombinations(arr){for(var combs=[],i=0;i<arr.length;i++)for(var j=i+1;j<arr.length;j++)combs.push([arr[i],arr[j]]);return combs}function fetch_mouse_pos(canvas,evt){var rect=canvas.getBoundingClientRect();canvas.addEventListener(evt,(function(evt){return mousepos={x:evt.clientX-rect.left,y:evt.clientY-rect.top}}))}function lerp(a,b,n){return(1-n)*a+n*b}function cosrp(a,b,n){return a+(b-a)*(1-Math.cos(n*Math.PI))/2}function smoothstep(a,b,x){var t=clamp((x-a)/(b-a),0,1);return t*t*(3-2*t)}function smootherstep(a,b,x){var t=clamp((x-a)/(b-a),0,1);return t*t*t*(t*(6*t-15)+10)}function PRNG(seed){var x=1e4*Math.sin(seed);return x-Math.floor(x)}function PRAG(x0,a,b,m,n){const results=[];for(let i=0;i<n;i++)x0=(a*x0+b)%m,results.push(x0);return results}function lerpHex(a,b,n){var ah=parseInt(a.replace(/#/g,""),16),ar=ah>>16,ag=ah>>8&255,ab=255&ah,bh=parseInt(b.replace(/#/g,""),16),br,bg,bb,rr,rg,rb;return"#"+((1<<24)+(ar+n*((bh>>16)-ar)<<16)+(ag+n*((bh>>8&255)-ag)<<8)+(ab+n*((255&bh)-ab))|0).toString(16).slice(1)}function RGBtoHex(r,g,b){return"#"+((1<<24)+(r<<16)+(g<<8)+b).toString(16).slice(1)}function HextoRGB(hex){var shorthandRegex=/^#?([a-f\d])([a-f\d])([a-f\d])$/i;hex=hex.replace(shorthandRegex,(function(m,r,g,b){return r+r+g+g+b+b}));var result=/^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex);return result?{r:parseInt(result[1],16),g:parseInt(result[2],16),b:parseInt(result[3],16)}:null}function RGBtoHSL(r,g,b){r/=255,g/=255,b/=255;let cmin=Math.min(r,g,b),cmax=Math.max(r,g,b),delta=cmax-cmin,h=0,s=0,l=0;return h=0==delta?0:cmax==r?(g-b)/delta%6:cmax==g?(b-r)/delta+2:(r-g)/delta+4,h=Math.round(60*h),h<0&&(h+=360),l=(cmax+cmin)/2,s=0==delta?0:delta/(1-Math.abs(2*l-1)),s=+(100*s).toFixed(1),l=+(100*l).toFixed(1),{h:h,s:s+"%",l:l+"%"}}function HSLtoRGB(h,s,l){s/=100,l/=100;let c=(1-Math.abs(2*l-1))*s,x=c*(1-Math.abs(h/60%2-1)),m=l-c/2,r=0,g=0,b=0;return 0<=h&&h<60?(r=c,g=x,b=0):60<=h&&h<120?(r=x,g=c,b=0):120<=h&&h<180?(r=0,g=c,b=x):180<=h&&h<240?(r=0,g=x,b=c):240<=h&&h<300?(r=x,g=0,b=c):300<=h&&h<360&&(r=c,g=0,b=x),r=Math.round(255*(r+m)),g=Math.round(255*(g+m)),b=Math.round(255*(b+m)),{r:r,g:g,b:b}}function HextoHSL(H){let r=0,g=0,b=0;4==H.length?(r="0x"+H[1]+H[1],g="0x"+H[2]+H[2],b="0x"+H[3]+H[3]):7==H.length&&(r="0x"+H[1]+H[2],g="0x"+H[3]+H[4],b="0x"+H[5]+H[6]),r/=255,g/=255,b/=255;let cmin=Math.min(r,g,b),cmax=Math.max(r,g,b),delta=cmax-cmin,h=0,s=0,l=0;return h=0==delta?0:cmax==r?(g-b)/delta%6:cmax==g?(b-r)/delta+2:(r-g)/delta+4,h=Math.round(60*h),h<0&&(h+=360),l=(cmax+cmin)/2,s=0==delta?0:delta/(1-Math.abs(2*l-1)),s=+(100*s).toFixed(1),l=+(100*l).toFixed(1),{h:h,s:s+"%",l:l+"%"}}function HSLtoHex(h,s,l){s/=100,l/=100;let c=(1-Math.abs(2*l-1))*s,x=c*(1-Math.abs(h/60%2-1)),m=l-c/2,r=0,g=0,b=0;return 0<=h&&h<60?(r=c,g=x,b=0):60<=h&&h<120?(r=x,g=c,b=0):120<=h&&h<180?(r=0,g=c,b=x):180<=h&&h<240?(r=0,g=x,b=c):240<=h&&h<300?(r=x,g=0,b=c):300<=h&&h<360&&(r=c,g=0,b=x),r=Math.round(255*(r+m)).toString(16),g=Math.round(255*(g+m)).toString(16),b=Math.round(255*(b+m)).toString(16),1==r.length&&(r="0"+r),1==g.length&&(g="0"+g),1==b.length&&(b="0"+b),"#"+r+g+b}mousepos={x:0,y:0};