Socket
Socket
Sign inDemoInstall

@seregpie/three.text-texture

Package Overview
Dependencies
Maintainers
1
Versions
11
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@seregpie/three.text-texture - npm Package Compare versions

Comparing version 3.1.3 to 3.1.4

2

index.js

@@ -1,1 +0,1 @@

!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?module.exports=e(require("three")):"function"==typeof define&&define.amd?define(["three"],e):((t="undefined"!=typeof globalThis?globalThis:t||self).THREE=t.THREE||{},t.THREE.TextTexture=e(t.THREE))}(this,(function(t){"use strict";let e=class extends t.Texture{constructor(){super(document.createElement("canvas"));let e=null,i=()=>e||(e=this.createDrawable()),n=()=>i().width,o=()=>i().height,r=!0,l=1,a=()=>t.MathUtils.ceilPowerOfTwo(n()*l),s=()=>t.MathUtils.ceilPowerOfTwo(o()*l),h=t=>{if(l!==t){let e=a(),i=s();l=t;let n=a(),o=s();n===e&&o===i||(r=!0)}},f=(()=>{let e=new t.Vector3,i=new t.Vector3,r=new t.Vector3;return(l,a,s)=>{let h=n(),f=o();if(h&&f){l.getWorldPosition(i),s.getWorldPosition(e);let n=i.distanceTo(e);if(s.isPerspectiveCamera&&(n*=2*Math.tan(t.MathUtils.degToRad(s.fov)/2)),(s.isPerspectiveCamera||s.isOrthographicCamera)&&(n/=s.zoom),n){var c,d;l.getWorldScale(r);let t=null!==(c=null===(d=a.capabilities)||void 0===d?void 0:d.maxTextureSize)&&void 0!==c?c:1/0;return Math.min(Math.max(r.x/n*(a.domElement.offsetWidth/h),r.y/n*(a.domElement.offsetHeight/f)),t/h,t/f)}}return 0}})();Object.defineProperties(this,{width:{get:n},height:{get:o},pixelRatio:{get:()=>l,set:h},needsRedraw:{set(t){t&&(r=!0,e=null)}}}),Object.assign(this,{redraw(){if(r){let t=this.image,e=t.getContext("2d");e.clearRect(0,0,t.width,t.height),t.width=a(),t.height=s(),t.width&&t.height?(e.save(),e.scale(t.width/n(),t.height/o()),((...t)=>{i().draw(...t)})(e),e.restore()):t.width=t.height=1,r=!1,this.needsUpdate=!0}},setOptimalPixelRatio(...t){h(f(...t))}})}};e.prototype.isDynamicTexture=!0;let i=class extends e{constructor({alignment:t="center",color:e="#fff",fontFamily:i="sans-serif",fontSize:n=16,fontStyle:o="normal",fontVariant:r="normal",fontWeight:l="normal",lineGap:a=1/4,padding:s=.5,strokeColor:h="#fff",strokeWidth:f=0,text:c=""}={}){super(),Object.entries({alignment:t,color:e,fontFamily:i,fontSize:n,fontStyle:o,fontVariant:r,fontWeight:l,lineGap:a,padding:s,strokeColor:h,strokeWidth:f,text:c}).forEach((([t,e])=>{Object.defineProperty(this,t,{get:()=>e,set(t){e!==t&&(e=t,this.needsRedraw=!0)}})}))}get lines(){let{text:t}=this;return t?t.split("\n"):[]}get font(){return function(t,e,i,n,o){let r=document.createElement("span");return r.style.font="1px serif",r.style.fontFamily=t,r.style.fontSize="".concat(e,"px"),r.style.fontStyle=i,r.style.fontVariant=n,r.style.fontWeight=o,r.style.font}(this.fontFamily,this.fontSize,this.fontStyle,this.fontVariant,this.fontWeight)}checkFontFace(){try{let{font:t,lines:e}=this;return e.every((e=>document.fonts.check(t,e)))}catch{}return!0}async loadFontFace(){try{let{font:t,lines:e}=this;await Promise.all(e.map((e=>document.fonts.load(t,e))))}catch{}}createDrawable(){let{alignment:t,color:e,font:i,fontSize:n,lineGap:o,lines:r,padding:l,strokeColor:a,strokeWidth:s}=this;l*=n,o*=n,s*=n;let h=r.length,f=n+o,c=h?(()=>{let t=document.createElement("canvas").getContext("2d");return t.font=i,Math.max(...r.map((e=>t.measureText(e).width)))})():0,d=l+s/2,m=c+2*d;return{width:m,height:(h?n+f*(h-1):0)+2*d,draw(o){let l,h=d+n/2;Object.assign(o,{fillStyle:e,font:i,lineWidth:s,miterLimit:1,strokeStyle:a,textAlign:(()=>{switch(t){case"left":return l=d,"left";case"right":return l=m-d,"right"}return l=m/2,"center"})(),textBaseline:"middle"}),r.forEach((t=>{o.fillText(t,l,h),s&&o.strokeText(t,l,h),h+=f}))}}}};return i.prototype.isTextTexture=!0,i}));
!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?module.exports=e(require("three")):"function"==typeof define&&define.amd?define(["three"],e):((t="undefined"!=typeof globalThis?globalThis:t||self).THREE=t.THREE||{},t.THREE.TextTexture=e(t.THREE))}(this,(function(t){"use strict";let e=class extends t.Texture{constructor(){super(document.createElement("canvas"));let e=null,i=()=>e||(e=this.createDrawable()),n=()=>i().width,r=()=>i().height,o=!0,l=1,a=()=>t.MathUtils.ceilPowerOfTwo(n()*l),s=()=>t.MathUtils.ceilPowerOfTwo(r()*l),h=t=>{if(l!==t){let e=a(),i=s();l=t;let n=a(),r=s();n===e&&r===i||(o=!0)}},f=(()=>{let e=new t.Vector3,i=new t.Vector2,o=new t.Vector3,l=new t.Vector3,a=new t.Vector2;return(s,h,f)=>{if(a.set(n(),r()),a.x&&a.y){s.getWorldPosition(o),f.getWorldPosition(e);let n=o.distanceTo(e);if(f.isPerspectiveCamera&&(n*=2*Math.tan(t.MathUtils.degToRad(f.fov)/2)),(f.isPerspectiveCamera||f.isOrthographicCamera)&&(n/=f.zoom),n){var c,d;s.getWorldScale(l);let t=null!==(c=null===(d=h.capabilities)||void 0===d?void 0:d.maxTextureSize)&&void 0!==c?c:1/0;return h.getDrawingBufferSize(i),Math.min(Math.max(l.x/n*(i.x/a.x),l.y/n*(i.y/a.y)),t/a.x,t/a.y)}}return 0}})();Object.defineProperties(this,{width:{get:n},height:{get:r},pixelRatio:{get:()=>l,set:h},needsRedraw:{set(t){t&&(o=!0,e=null)}}}),Object.assign(this,{redraw(){if(o){let t=this.image,e=t.getContext("2d");e.clearRect(0,0,t.width,t.height),t.width=a(),t.height=s(),t.width&&t.height?(e.save(),e.scale(t.width/n(),t.height/r()),((...t)=>{i().draw(...t)})(e),e.restore()):t.width=t.height=1,o=!1,this.needsUpdate=!0}},setOptimalPixelRatio(...t){h(f(...t))}})}};e.prototype.isDynamicTexture=!0;let i=class extends e{constructor({alignment:t="center",color:e="#fff",fontFamily:i="sans-serif",fontSize:n=16,fontStyle:r="normal",fontVariant:o="normal",fontWeight:l="normal",lineGap:a=1/4,padding:s=.5,strokeColor:h="#fff",strokeWidth:f=0,text:c=""}={}){super(),Object.entries({alignment:t,color:e,fontFamily:i,fontSize:n,fontStyle:r,fontVariant:o,fontWeight:l,lineGap:a,padding:s,strokeColor:h,strokeWidth:f,text:c}).forEach((([t,e])=>{Object.defineProperty(this,t,{get:()=>e,set(t){e!==t&&(e=t,this.needsRedraw=!0)}})}))}get lines(){let{text:t}=this;return t?t.split("\n"):[]}get font(){return function(t,e,i,n,r){let o=document.createElement("span");return o.style.font="1px serif",o.style.fontFamily=t,o.style.fontSize="".concat(e,"px"),o.style.fontStyle=i,o.style.fontVariant=n,o.style.fontWeight=r,o.style.font}(this.fontFamily,this.fontSize,this.fontStyle,this.fontVariant,this.fontWeight)}checkFontFace(){try{let{font:t,lines:e}=this;return e.every((e=>document.fonts.check(t,e)))}catch{}return!0}async loadFontFace(){try{let{font:t,lines:e}=this;await Promise.all(e.map((e=>document.fonts.load(t,e))))}catch{}}createDrawable(){let{alignment:t,color:e,font:i,fontSize:n,lineGap:r,lines:o,padding:l,strokeColor:a,strokeWidth:s}=this;l*=n,r*=n,s*=n;let h=o.length,f=n+r,c=h?(()=>{let t=document.createElement("canvas").getContext("2d");return t.font=i,Math.max(...o.map((e=>t.measureText(e).width)))})():0,d=l+s/2,u=c+2*d;return{width:u,height:(h?n+f*(h-1):0)+2*d,draw(r){let l,h=d+n/2;Object.assign(r,{fillStyle:e,font:i,lineWidth:s,miterLimit:1,strokeStyle:a,textAlign:(()=>{switch(t){case"left":return l=d,"left";case"right":return l=u-d,"right"}return l=u/2,"center"})(),textBaseline:"middle"}),o.forEach((t=>{r.fillText(t,l,h),s&&r.strokeText(t,l,h),h+=f}))}}}};return i.prototype.isTextTexture=!0,i}));
{
"name": "@seregpie/three.text-texture",
"version": "3.1.3",
"version": "3.1.4",
"description": "A texture with the drawn text.",

@@ -5,0 +5,0 @@ "keywords": [

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc