kaplay-plugin-text/dist/plugin.umd.js

KAPLAY plugin for styled text

(function(e,t){typeof exports==`object`&&typeof module<`u`?t(exports):typeof define==`function`&&define.amd?define([`exports`],t):(e=typeof globalThis<`u`?globalThis:e||self,t(e.KaplayPluginText={}))})(this,function(e){Object.defineProperty(e,Symbol.toStringTag,{value:`Module`});function t(e){return`rgb(${String(e.r)}, ${String(e.g)}, ${String(e.b)})`}function n(e,t){return t||e._k?.globalOpt?.font||`monospace`}function r(e){return{styledText:(r=``,i={})=>{let a=r,o={...i},s=null,c=null,l=null,u=0,d=0,f=0,p=0,m=0,h=()=>n(e,o.font),g=()=>{if(!s||!c)return;let n=h(),r=o.size??48,i=o.align??`left`,g=o.lineSpacing??0,v=o.outline?.width??0,y=o.shadow?.offsetX??0,b=o.shadow?.offsetY??0,x=o.shadow?.blur??0,S=Math.max(v,x)+Math.abs(y)+Math.abs(b)+2;m=S,c.font=`${String(r)}px ${n}`,c.textAlign=i,c.textBaseline=`top`;let C=o.width,w=_(c,a,C),T=r+g,E=0;for(let e of w){let t=c.measureText(e);E=Math.max(E,t.width)}let D=Math.ceil(E+S*2),O=Math.ceil(w.length*T+S*2);(s.width!==D||s.height!==O)&&(s.width=D,s.height=O,c.font=`${String(r)}px ${n}`,c.textAlign=i,c.textBaseline=`top`),c.clearRect(0,0,s.width,s.height);for(let e=0;e<w.length;e++){let n=w[e],r=S,i=S+e*T;if(o.shadow&&(c.shadowColor=t(o.shadow.color),c.shadowOffsetX=o.shadow.offsetX,c.shadowOffsetY=o.shadow.offsetY,c.shadowBlur=o.shadow.blur),o.outline&&(c.strokeStyle=o.outline.color?t(o.outline.color):`black`,c.lineWidth=o.outline.width??1,c.lineJoin=`round`,c.strokeText(n,r,i),c.shadowColor=`transparent`,c.shadowOffsetX=0,c.shadowOffsetY=0,c.shadowBlur=0),o.gradient){let e=o.gradient.direction===`vertical`?c.createLinearGradient(0,S,0,O-S):c.createLinearGradient(S,0,D-S,0);e.addColorStop(0,t(o.gradient.from)),e.addColorStop(1,t(o.gradient.to)),c.fillStyle=e}else o.fill?c.fillStyle=t(o.fill):c.fillStyle=`white`;c.fillText(n,r,i)}if(u=D,d=O,l&&f===D&&p===O){let e=l.frames[0],t=Math.round(e.x*l.tex.width),n=Math.round(e.y*l.tex.height);l.tex.update(s,t,n)}else l&&l.tex.free(),l=e.SpriteData.fromImage(s,{singular:!0}),f=D,p=O},_=(e,t,n)=>{if(!n)return t.split(`
`);let r=[];for(let i of t.split(`
`)){let t=i.split(` `),a=``;for(let i of t){let t=a?`${a} ${i}`:i;e.measureText(t).width>n&&a?(r.push(a),a=i):a=t}r.push(a)}return r};return{id:`styledText`,get text(){return a},set text(e){a=e,g()},get width(){return u},get height(){return d},renderArea(){return new e.Rect(e.vec2(0),u,d)},setStyle(e){o={...o,...e},g()},add(){s=document.createElement(`canvas`),c=s.getContext(`2d`),c&&g()},draw(){if(l){let t=this;e.drawSprite({sprite:l,pos:e.vec2(-m,-m),anchor:t.anchor,color:t.color,opacity:t.opacity,outline:t.outline,shader:t.shader,uniform:t.uniform,flipX:t.flipX,flipY:t.flipY})}},destroy(){l&&=(l.tex.free(),null),s=null,c=null}}}}}e.styledTextPlugin=r});
//# sourceMappingURL=plugin.umd.js.map