@maptalks/gpu 0.117.0 → 0.117.1

package/dist/maptalksgpu.es.js

@@ -1,5 +1,5 @@
 /*!
- * @maptalks/gpu v0.117.0
+ * @maptalks/gpu v0.117.1
  * LICENSE : UNLICENSED
  * (c) 2016-2025 maptalks.com
  */
@@ -67,7 +67,7 @@ transcoders.getTranscoder = getTranscoder;
 
 function gltfLoaderExport(e){var t=function(){return "undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:"undefined"!=typeof window?window:"undefined"!=typeof global?global:void 0};if(t().maptalks_gltf_loader)return;
 /*!
-	 * @maptalks/gltf-loader v0.117.0
+	 * @maptalks/gltf-loader v0.117.1
 	 * LICENSE : UNLICENSED
 	 * (c) 2016-2025 maptalks.org
 	 */var s="undefined"!=typeof Float32Array?Float32Array:Array;function r(e,t,s){var r=t[0],n=t[1],i=t[2],a=t[3],o=t[4],f=t[5],u=t[6],h=t[7],c=t[8],l=t[9],d=t[10],m=t[11],g=t[12],p=t[13],b=t[14],_=t[15],y=s[0],x=s[1],w=s[2],T=s[3];return e[0]=y*r+x*o+w*c+T*g,e[1]=y*n+x*f+w*l+T*p,e[2]=y*i+x*u+w*d+T*b,e[3]=y*a+x*h+w*m+T*_,y=s[4],x=s[5],w=s[6],T=s[7],e[4]=y*r+x*o+w*c+T*g,e[5]=y*n+x*f+w*l+T*p,e[6]=y*i+x*u+w*d+T*b,e[7]=y*a+x*h+w*m+T*_,y=s[8],x=s[9],w=s[10],T=s[11],e[8]=y*r+x*o+w*c+T*g,e[9]=y*n+x*f+w*l+T*p,e[10]=y*i+x*u+w*d+T*b,e[11]=y*a+x*h+w*m+T*_,y=s[12],x=s[13],w=s[14],T=s[15],e[12]=y*r+x*o+w*c+T*g,e[13]=y*n+x*f+w*l+T*p,e[14]=y*i+x*u+w*d+T*b,e[15]=y*a+x*h+w*m+T*_,e}function n(){var e=new s(3);return s!=Float32Array&&(e[0]=0,e[1]=0,e[2]=0),e}function i(e,t,r){var n=new s(3);return n[0]=e,n[1]=t,n[2]=r,n}function a(e,t){return e[0]=t[0],e[1]=t[1],e[2]=t[2],e}function o(e,t,s,r){return e[0]=t,e[1]=s,e[2]=r,e}function f(e,t,s){return e[0]=t[0]+s[0],e[1]=t[1]+s[1],e[2]=t[2]+s[2],e}function u(e,t,s){return e[0]=t[0]*s,e[1]=t[1]*s,e[2]=t[2]*s,e}function h(e,t,s,r,n){return e[0]=t,e[1]=s,e[2]=r,e[3]=n,e}function c(e,t,s){var r=t[0],n=t[1],i=t[2],a=t[3];return e[0]=s[0]*r+s[4]*n+s[8]*i+s[12]*a,e[1]=s[1]*r+s[5]*n+s[9]*i+s[13]*a,e[2]=s[2]*r+s[6]*n+s[10]*i+s[14]*a,e[3]=s[3]*r+s[7]*n+s[11]*i+s[15]*a,e}function l(){var e=new s(4);return s!=Float32Array&&(e[0]=0,e[1]=0,e[2]=0),e[3]=1,e}Math.hypot||(Math.hypot=function(){for(var e=0,t=arguments.length;t--;)e+=arguments[t]*arguments[t];return Math.sqrt(e)}),n(),function(){var e;e=new s(4),s!=Float32Array&&(e[0]=0,e[1]=0,e[2]=0,e[3]=0);}();var d,m=function(e,t){return e[0]=t[0],e[1]=t[1],e[2]=t[2],e[3]=t[3],e};n(),i(1,0,0),i(0,1,0),l(),l(),d=new s(9),s!=Float32Array&&(d[1]=0,d[2]=0,d[3]=0,d[5]=0,d[6]=0,d[7]=0),d[0]=1,d[4]=1,d[8]=1;let g=0;function p(e){return null==e}function b(e){return !p(e)}function _(e){return !p(e)&&("string"==typeof e||null!==e.constructor&&e.constructor===String)}function y(e){for(let t=1;t<arguments.length;t++){const s=arguments[t];for(const t in s)e[t]=s[t];}return e}function x(e){switch(e){case 5120:return Int8Array;case 5121:return Uint8Array;case 5122:return Int16Array;case 5123:return Uint16Array;case 5124:return Int32Array;case 5125:return Uint32Array;case 5126:return Float32Array}throw new Error("unsupported bufferView's component type: "+e)}function w(e){return 0===e.indexOf("data:")&&e.indexOf("base64,")>0}function T(e){const t=function(e){return "undefined"!=typeof self?self.atob(e):window.atob(e)}(e.substring(e.indexOf(",")+1)),s=t.length,r=new Uint8Array(s);for(let e=0;e<s;e++)r[e]=t.charCodeAt(e);return r.buffer}const E=[],O=[],I=[],R=[0,0,0],A=function(e){return e[0]=0,e[1]=0,e[2]=0,e[3]=1,e}([]),q=[1,1,1];function B(e,t,s,r,n,i,a){const o=x(a),f=o.BYTES_PER_ELEMENT;if((0===n||n===r*f)&&i%f==0){const n=new o(t,i,s*r);return e.set(n),e}0===n&&(n=r*f);const u=new Uint8Array(r*f);for(let a=0;a<s;a++){let s=null;const h=new Uint8Array(t,n*a+i,r*f);u.set(h),s=new o(u.buffer,0,r);for(let t=0;t<r;t++)e[a*r+t]=s[t];}return e}const N="undefined"!=typeof TextDecoder?new TextDecoder("utf-8"):null;function v(e,t,s){const r=new Uint8Array(e,t,s);return N.decode(r)}const P={get:function(e,t={},s){t||(t={});const r=new AbortController,n=r.signal,i=y({},t);i.signal=n,i.method||(i.method="GET"),i.referrerPolicy=i.referrerPolicy||"origin","undefined"==typeof window||i.referrer||(i.referrer=window.location.href),s&&(e=s(e));const a=fetch(e,i).then((e=>{const s=this._parseResponse(e,t.responseType);return s.message?s:s.then((s=>"arraybuffer"===t.responseType?{data:s,cacheControl:e.headers.get("Cache-Control"),expires:e.headers.get("Expires"),contentType:e.headers.get("Content-Type")}:s)).catch((e=>{if(!e.code||e.code!==DOMException.ABORT_ERR)throw e}))})).catch((e=>{if(!e.code||e.code!==DOMException.ABORT_ERR)throw e}));return a.xhr=r,a},_parseResponse:(e,t)=>200!==e.status?{status:e.status,statusText:e.statusText,message:`incorrect http request with status code(${e.status}): ${e.statusText}`}:"arraybuffer"===t?e.arrayBuffer():"json"===t?e.json():e.text(),getArrayBuffer:(e,t={},s)=>(t||(t={}),t.responseType="arraybuffer",P.get(e,t,s)),getJSON:function(e,t={},s){return t&&t.jsonp?P.jsonp(e):((t=t||{}).responseType="json",P.get(e,t,s))},jsonp:function(e){const t="_maptalks_jsonp_"+g++;e.match(/\?/)?e+="&callback="+t:e+="?callback="+t;let s=document.createElement("script");return s.type="text/javascript",s.src=e,new Promise((e=>{window[t]=function(r){document.getElementsByTagName("head")[0].removeChild(s),s=null,delete window[t],e(r);},document.getElementsByTagName("head")[0].appendChild(s);}))}};class M{constructor(e,t,s,r,n){this._requestImage=e,this.decoders=t,this._supportedFormats=s,this.images={},this._imgRequests={},this._fetchOptions=r||{},this._urlModifier=n;}requestImageFromBufferURI(e,t,s){if(this.buffers[e.id]){const r=this.buffers[e.id],n=this._createDataView(t,r);return this.getImageByBuffer(n,s)}if(this._imgRequests[e.id])return this._imgRequests[e.id].then((()=>{const r=this.buffers[e.id],n=this._createDataView(t,r);return this.getImageByBuffer(n,s)}));if(w(e.uri)){const r=this.buffers[e.id]=T(e.uri),n=this._createDataView(t,r);return this.getImageByBuffer(n,s)}let r;const n=e.uri.indexOf("blob:")>=0;return r=e.uri.indexOf("://")>0||n?e.uri:this.rootPath+"/"+e.uri,this._imgRequests[e.id]=P.getArrayBuffer(r,this._fetchOptions,this._urlModifier).then((r=>{const n=this.buffers[e.id]=r.data,i=this._createDataView(t,n);return this.getImageByBuffer(i,s)}))}getImageByBuffer(e,t){if(this.images[t.id])return Promise.resolve(this.images[t.id]);const s=this.decoders;if(s[t.mimeType])return s[t.mimeType](e,{supportedFormats:this._supportedFormats});if("image/crn"===t.mimeType||"image/ktx2"===t.mimeType||"image/cttf"===t.mimeType)throw new Error("missing transcoder for "+t.mimeType,"");return this._getImageInfo(t.id,e)}requestExternalImage(e){if(this.images[e.id])return Promise.resolve(this.images[e.id]);const t=0===e.uri.indexOf("data:image/")?e.uri:this.rootPath+"/"+e.uri;return this._imgRequests[e.id]?this._imgRequests[e.id].then((()=>this.images[e.id])):this._imgRequests[e.id]=this._getImageInfo(e.id,t)}_getImageInfo(e,t){return new Promise(((s,r)=>{let n=t;this._urlModifier&&(n=this._urlModifier(t)),this._requestImage(n,this._fetchOptions,((n,i)=>{n?r(n):(URL.revokeObjectURL(t),this.images[e]=i,s(this.images[e]));}));}))}}const S=["SCALAR",1,"VEC2",2,"VEC3",3,"VEC4",4,"MAT2",4,"MAT3",9,"MAT4",16],V=[];class L{constructor(e,t,s,r,n){this.rootPath=e,this.gltf=t,this._enableInterleave=!1,this.glbBuffer=s,this.buffers={},this.requests={},this.accessors={},this._compareAccessor(),this._fetchOptions=r,this._urlModifier=n;}_requestData(e,t){const s=this.gltf,r=s.accessors[t];if(void 0===r.bufferView)return this.accessors[r.id]=this._toBufferData(e,t,null,0),Promise.resolve(this.accessors[r.id]);if(r&&this.accessors[r.id])return Promise.resolve(this.accessors[r.id]);const n=s.bufferViews[r.bufferView];return this._requestBufferOfBufferView(n).then((s=>{const{buffer:n,byteOffset:i}=s;return this.accessors[r.id]=this._toBufferData(e,t,n,i)}))}_requestBufferOfBufferView(e){const t=this.gltf.buffers[e.buffer];if(this.buffers[t.id]){const e=this.buffers[t.id];return Promise.resolve({buffer:e,byteOffset:0})}if(this.requests[t.id])return this.requests[t.id].then((()=>{const e=this.buffers[t.id];return Promise.resolve({buffer:e,byteOffset:0})}));if("binary_glTF"!==e.buffer&&"KHR_binary_glTF"!==e.buffer&&t.uri){if(w(t.uri)){const e=this.buffers[t.id]=T(t.uri);return Promise.resolve({buffer:e,byteOffset:0})}let e;const s=t.uri.indexOf("blob:")>=0;return e=t.uri.indexOf("://")>0||s?t.uri:this.rootPath+"/"+t.uri,this.requests[t.id]=P.getArrayBuffer(e,this._fetchOptions,!s&&this._urlModifier).then((r=>(s&&URL.revokeObjectURL(e),{buffer:this.buffers[t.id]=r.data,byteOffset:0})))}return Promise.resolve({buffer:this.glbBuffer.buffer,byteOffset:this.glbBuffer.byteOffset})}_toBufferData(e,t,s,r=0){const n=this.gltf,i=n.accessors[t],a=void 0!==i.bufferView?n.bufferViews[i.bufferView]:{},o=(a.byteOffset||0)+r,f=this._getTypeItemSize(i.type),u=x(i.componentType),h=a.byteStride||0,l={array:void 0,name:e,accessorName:t,byteLength:i.count*f*u.BYTES_PER_ELEMENT,componentType:i.componentType,count:i.count,type:i.type,itemSize:f,max:i.max,min:i.min,extensions:i.extensions};if(i.min&&(l.min=i.min),i.max&&(l.max=i.max),s)if(this._enableInterleave)l.byteStride=h,l.byteOffset=o+(i.byteOffset||0),!h||h===f*u.BYTES_PER_ELEMENT||"indices"===e||"input"===e||"output"===e||e.indexOf("morph")>=0?(l.array=this._typedArray(s,i.count,f,o+(i.byteOffset||0),u),l.array.buffer.byteLength===l.byteLength&&(l.byteOffset=0)):l.array=new Uint8Array(s,o,a.byteLength);else if(i.interleaved){l.byteStride=0,l.byteOffset=0;const e=new u(i.count*f);if(l.array=B(e,s,i.count,f,h,o+(i.byteOffset||0),i.componentType),l.extensions&&l.extensions.WEB3D_quantized_attributes&&f>2){const e=new Float32Array(l.array.length),{decodeMatrix:t}=l.extensions.WEB3D_quantized_attributes;for(let s=0;s<l.array.length;s+=f){V[0]=l.array[s],V[1]=l.array[s+1],V[2]=l.array[s+2],V[3]=1;const r=c(V,V,t);e[s]=r[0],e[s+1]=r[1],e[s+2]=r[2];}l.componentType=5126,l.array=e;}}else l.byteStride=0,l.array=this._typedArray(s,i.count,f,o+(i.byteOffset||0),u),l.byteOffset=l.array.byteOffset;else {l.array=new u(i.count);const e=l.min||l.max;e&&(l.array[0]=e[0],l.array[1]=e[1],l.array[2]=e[2]);}return l}_compareAccessor(){const e=this.gltf.accessors;if(Array.isArray(e))for(let t=0;t<e.length;t++)for(let s=0;s<e.length;s++)t!==s&&e[t].bufferView===e[s].bufferView&&(e[t].interleaved=e[s].interleaved=!0);else for(const t in e)for(const s in e)t!==s&&e[t].bufferView===e[s].bufferView&&(e[t].interleaved=e[s].interleaved=!0);}_typedArray(e,t,s,r,n){return r%n.BYTES_PER_ELEMENT!=0&&(e=e.slice(r,r+t*s*n.BYTES_PER_ELEMENT),r=0),new n(e,r,s*t)}_getTypeItemSize(e){const t=S.indexOf(e);return S[t+1]}requestKHRTechniquesWebgl(e){const{shaders:t}=e,s=t.map((e=>{if(void 0!==e.bufferView){const t=this.gltf.bufferViews[e.bufferView],{byteLength:s}=t;return this._requestBufferOfBufferView(t).then((r=>{const{buffer:n,byteOffset:i}=r,a=v(n,i+(t.byteOffset||0),s);return e.content=a,e}))}if(e.uri){if(w(e.uri)){const t=T(e.uri),s=v(t,0,t.byteLength);return e.content=s,Promise.resolve(e)}{const t=this.rootPath+"/"+e.uri;return P.get(t,this._fetchOptions,this._urlModifier).then((t=>(e.content=t,e)))}}return Promise.resolve(e)}));return Promise.all(s).then((()=>e))}}class D extends M{constructor(e,t,s,r,n,i,a,o){super(r,n,i,a,o),this.rootPath=e,this.gltf=t,this.requests={},this.buffers={},this.glbBuffer=s,this.accessor=new L(e,t,s,a,o);}iterate(e,t){const s=this.gltf[t];if(!s)return;let r=0;for(const t in s)e(t,s[t],r++);}createNode(e){const t={};if(b(e.name)&&(t.name=e.name),b(e.children)&&(t.children=e.children),b(e.jointName)&&(t.jointName=e.jointName),b(e.matrix)&&(t.matrix=e.matrix),b(e.rotation)&&(t.rotation=e.rotation),b(e.scale)&&(t.scale=e.scale),b(e.translation)&&(t.translation=e.translation),b(e.extras)&&(t.extras=e.extras),b(e.meshes)&&(t.mesh=e.meshes[0]),t.translation||t.rotation||t.scale){const e=function(e,t){if(t.matrix)return t.matrix;if(t.translation||t.scale||t.rotation){const s=function(e,t){return e[0]=1,e[1]=0,e[2]=0,e[3]=0,e[4]=0,e[5]=1,e[6]=0,e[7]=0,e[8]=0,e[9]=0,e[10]=1,e[11]=0,e[12]=t[0],e[13]=t[1],e[14]=t[2],e[15]=1,e}(E,t.translation||R),n=function(e,t){var s=t[0],r=t[1],n=t[2],i=t[3],a=s+s,o=r+r,f=n+n,u=s*a,h=r*a,c=r*o,l=n*a,d=n*o,m=n*f,g=i*a,p=i*o,b=i*f;return e[0]=1-c-m,e[1]=h+b,e[2]=l-p,e[3]=0,e[4]=h-b,e[5]=1-u-m,e[6]=d+g,e[7]=0,e[8]=l+p,e[9]=d-g,e[10]=1-u-c,e[11]=0,e[12]=0,e[13]=0,e[14]=0,e[15]=1,e}(O,t.rotation||A),i=function(e,t){return e[0]=t[0],e[1]=0,e[2]=0,e[3]=0,e[4]=0,e[5]=t[1],e[6]=0,e[7]=0,e[8]=0,e[9]=0,e[10]=t[2],e[11]=0,e[12]=0,e[13]=0,e[14]=0,e[15]=1,e}(I,t.scale||q);return r(i,n,i),r(e,s,i)}return function(e){return e[0]=1,e[1]=0,e[2]=0,e[3]=0,e[4]=0,e[5]=1,e[6]=0,e[7]=0,e[8]=0,e[9]=0,e[10]=1,e[11]=0,e[12]=0,e[13]=0,e[14]=0,e[15]=1,e}(e)}([],t);delete t.translation,delete t.rotation,delete t.scale,t.matrix=e;}return t}_loadMaterials(e){const t={};for(const s in e){const r=e[s];let n,i;r.instanceTechnique&&r.instanceTechnique.values?(n=r.instanceTechnique,i=n.values.diffuse):(n=r,i=n.values.tex||n.values.diffuseTex||n.values.diffuse);const a={baseColorTexture:{index:i}};r.name&&(a.name=r.name),r.extensions&&(a.extensions=r.extensions),r.extras&&(a.extras=r.extras),t[s]=a;}return t}_loadImage(e){if(e.bufferView||e.extensions&&(e.extensions.KHR_binary_glTF||e.extensions.binary_glTF)){const t=e.bufferView?e:e.extensions.KHR_binary_glTF||e.extensions.binary_glTF;e.extensions&&(e.mimeType=t.mimeType,e.width=t.width,e.height=t.height);const s=this.gltf.bufferViews[t.bufferView],r=(s.byteOffset||0)+this.glbBuffer.byteOffset,n=s.byteLength,i=this.buffers[t.bufferView]=new Uint8Array(this.glbBuffer.buffer,r,n);return this.getImageByBuffer(i,e)}return this.requestExternalImage(e)}_getTexture(e){const t=this.gltf.textures[e];if(!t)return null;const s=this.gltf.images[t.source];return this._loadImage(s).then((e=>{const r=this.gltf.samplers[t.sampler];return {image:{array:e.data,width:e.width,height:e.height,index:t.source,mimeType:s.mimeType,name:s.name,extras:s.extras},sampler:r}}))}getBaseColorTexture(e){const t=this.gltf.materials[e];let s,r;if(t.instanceTechnique&&t.instanceTechnique.values?(s=t.instanceTechnique,r=s.values.diffuse):(s=t,r=s.values.tex||s.values.diffuseTex||s.values.diffuse),void 0===r||void 0===this.gltf.textures)return null;const n=this.gltf.textures[r];if(!n)return null;const i=this.gltf.samplers[n.sampler];return {format:n.format||6408,internalFormat:n.internalFormat||6408,type:n.type||5121,sampler:i,source:this.gltf.images[n.source]}}getMaterial(){return null}getAnimations(){return null}}const U=9729;class C extends M{constructor(e,t,s,r,n,i,a,o){super(r,n,i,a,o),this.rootPath=e,this.gltf=t,this.glbBuffer=s,this.buffers={},this.requests={},this.accessor=new L(e,t,s,a,o);}iterate(e,t){const s=this.gltf[t];if(s)for(let t=0;t<s.length;t++)e(t,s[t],t);}createNode(e){const t={};return y(t,e),!b(e.weights)&&this.gltf.meshes&&b(t.mesh)?t.weights=this.gltf.meshes[t.mesh].weights:e.weights&&(t.weights=e.weights),t}_getTexture(e){const t=this.gltf.textures[e];if(!t)return null;let s=t.source;if(t.extensions&&t.extensions.EXT_texture_webp?s=t.extensions.EXT_texture_webp.source:t.extensions&&t.extensions.KHR_texture_basisu&&(s=t.extensions.KHR_texture_basisu.source),!b(s))return null;const r=this.gltf.images[s];return this._loadImage(r).then((e=>{if(!e)return null;const s={image:{array:e.data,mipmap:e.mipmap,width:e.width,height:e.height,index:t.source,mimeType:r.mimeType,name:r.name,extensions:r.extensions,extras:r.extras}};y(s,t);const n=b(t.sampler)?this.gltf.samplers[t.sampler]:void 0;if(n&&(s.sampler=n,s.sampler.magFilter=n.magFilter||U,s.sampler.minFilter=n.minFilter||9987,s.sampler.wrapS=n.wrapS||10497,s.sampler.wrapT=n.wrapT||10497),"image/ktx2"===s.image.mimeType&&!s.image.mipmap&&s.sampler&&s.sampler.minFilter!==U&&9728!==s.sampler.minFilter){const e=s.sampler.minFilter;s.sampler.minFilter=9984===e||9986===e?9728:U;}if(e.format&&(s.format=e.format),6407===s.format){const e=s.image.array&&s.image.array.length;e&&e===s.image.width*s.image.height*4&&(s.format=6408);}return s}))}_loadImage(e){if(!b(e.bufferView))return this.requestExternalImage(e);{const t=this.gltf.bufferViews[e.bufferView],s=this.gltf.buffers[t.buffer];if(s.uri)return this.requestImageFromBufferURI(s,t,e);if(this.glbBuffer)return this._requestFromGlbBuffer(t,e)}return null}_requestFromGlbBuffer(e,t){const s=this._createDataView(e,this.glbBuffer.buffer,this.glbBuffer.byteOffset);return this.getImageByBuffer(s,t)}_createDataView(e,t,s){s=s||0;const r=(e.byteOffset||0)+s,n=e.byteLength;return new Uint8Array(t,r,n)}_transformArrayBufferToBase64(e,t){const s=new Array(e.byteLength);for(let t=0;t<e.byteLength;t++)s[t]=String.fromCharCode(e[t]);s.join("");const r="data:"+(t=t||"image/png")+";base64,"+function(e){return "undefined"!=typeof self?self.btoa(e):window.btoa(e)}(unescape(encodeURIComponent(s)));return r}getAnimations(e){const t=[];return e.forEach((e=>{t.push(this.getSamplers(e.samplers));})),Promise.all(t).then((t=>{for(let s=0;s<t.length;s++)e[s].samplers=t[s];return e}))}getSamplers(e){const t=[];for(let s=0;s<e.length;s++)(b(e[s].input)||b(e[s].output))&&(t.push(this.accessor._requestData("input",e[s].input)),t.push(this.accessor._requestData("output",e[s].output)));return Promise.all(t).then((t=>{for(let s=0;s<t.length/2;s++)e[s].input=t[2*s],e[s].output=t[2*s+1],e[s].interpolation||(e[s].interpolation="LINEAR");return e}))}}const F="undefined"!=typeof TextDecoder?new TextDecoder("utf-8"):null;class k{static read(e,t=0,s=0){s||(s=e.byteLength);const r=new DataView(e,t,s),n=r.getUint32(4,!0);if(1===n)return k.readV1(r,t);if(2===n)return k.readV2(e,t);throw new Error("Unsupported glb version : "+n)}static readV1(e,t){const s=e.getUint32(8,!0),r=e.getUint32(12,!0);if(s!==e.byteLength)throw new Error("Length in GLB header is inconsistent with glb's byte length.");const n=X(e.buffer,20+t,r);return {json:JSON.parse(n),glbBuffer:{byteOffset:20+t+r,buffer:e.buffer,byteLength:s}}}static readV2(e,t){let s,r,n;const i=new DataView(e,t+12);let a=0;for(;a+8<i.byteLength;){const o=i.getUint32(a,!0);a+=4;const f=i.getUint32(a,!0);if(a+=4,1313821514===f)s=X(e,t+12+a,o);else if(5130562===f){n=t+12+a,r=o;break}a+=o;}return {json:JSON.parse(s),glbBuffer:{byteOffset:n,buffer:e,byteLength:r}}}}function X(e,t,s){if(F){const r=new Uint8Array(e,t,s);return F.decode(r)}return function(e){const t=e.length;let s="";for(let r=0;r<t;){let n=e[r++];if(128&n){let s=K[n>>3&7];if(!(64&n)||!s||r+s>t)return null;for(n&=63>>s;s>0;s-=1){const t=e[r++];if(128!=(192&t))return null;n=n<<6|63&t;}}s+=String.fromCharCode(n);}return s}(new Uint8Array(e,t,s))}const K=[1,1,1,1,2,2,3,0],H=[0,0,0],j=[0,0,0,1],z=[1,1,1],W={TRANSLATION:[0,0,0],ROTATION:[0,0,0,1],SCALE:[1,1,1]},G={PREVIOUS:null,NEXT:null,PREINDEX:null,NEXTINDEX:null,INTERPOLATION:null},Y={_getTRSW(e,t,s,r,n,i,o,f){const u=b(e)?t.animations:[t.animations[0]],h={};for(let t=0;t<u.length;t++){const c=u[t],l=c.name||t;if(b(e)&&l!==e)continue;const d=c.channelsMap[s];if(d)for(let e=0;e<d.length;e++){const t=d[e];"translation"===t.target.path?(this._getAnimateData(n,c.samplers[t.sampler],r,1),h.translation=a(H,n)):"rotation"===t.target.path?(this._getQuaternion(i,c.samplers[t.sampler],r,1),h.rotation=m(j,i)):"scale"===t.target.path?(this._getAnimateData(o,c.samplers[t.sampler],r,1),h.scale=a(z,o)):"weights"===t.target.path&&f&&(this._getAnimateData(f,c.samplers[t.sampler],r,f.length),h.weights=f);}}return h},_getAnimateData(e,t,s,r){switch(t.interpolation){case"LINEAR":{const n=this._getPreNext(G,t,s,1*r);n&&(e=function(e,t,s,r){for(let n=0;n<e.length;n++)e[n]=t[n]+r*(s[n]-t[n]);return e}(e,n.PREVIOUS,n.NEXT,n.INTERPOLATION));break}case"STEP":{const n=this._getPreNext(G,t,s,1*r);n&&(e=function(e,t){for(let s=0;s<e.length;s++)e[s]=t[s];return e}(e,...n.PREVIOUS));break}case"CUBICSPLINE":{const n=this._getPreNext(G,t,s,3*r);n&&(e=this._getCubicSpline(e,n,t.input.array,3*r));break}}return e},_getQuaternion(e,t,s){switch(t.interpolation){case"LINEAR":{const r=this._getPreNext(G,t,s,1);r&&function(e,t,s,r){var n,i,a,o,f,u=t[0],h=t[1],c=t[2],l=t[3],d=s[0],m=s[1],g=s[2],p=s[3];(i=u*d+h*m+c*g+l*p)<0&&(i=-i,d=-d,m=-m,g=-g,p=-p),1-i>1e-6?(n=Math.acos(i),a=Math.sin(n),o=Math.sin((1-r)*n)/a,f=Math.sin(r*n)/a):(o=1-r,f=r),e[0]=o*u+f*d,e[1]=o*h+f*m,e[2]=o*c+f*g,e[3]=o*l+f*p;}(e,r.PREVIOUS,r.NEXT,r.INTERPOLATION);break}case"STEP":{const r=this._getPreNext(G,t,s,1);r&&(e=h(e,...r.PREVIOUS));break}case"CUBICSPLINE":{const r=this._getPreNext(G,t,s,3);if(r){for(let e=0;e<r.PREVIOUS.length;e++)r.PREVIOUS[e]=Math.acos(r.PREVIOUS[e]),r.NEXT[e]=Math.acos(r.NEXT[e]);e=this._getCubicSpline(e,r,t.input.array,3);for(let t=0;t<e.length;t++)e[t]=Math.cos(e[t]);}break}}return e},_search(e,t){const s=e.length;let r,n,i,a=0,o=s-1,f=Math.floor((a+o)/2);for(;a<=s-1&&o>=0;){if(a===o)return null;if(e[f]<=t&&t<=e[f+1]){const s=e[f];return r=f,n=f+1,i=(t-s)/(e[f+1]-s),{preIndx:r,nextIndex:n,interpolation:i}}t<e[f]?(o=f,f=Math.floor((a+o)/2)):e[f+1]<t&&(a=f,f=Math.floor((a+o)/2));}return null},_getPreNext(e,t,s,r){const n=t.input.array,i=t.output.array,a=t.output.itemSize;(s<n[0]||s>n[n.length-1])&&(s=Math.max(n[0],Math.min(n[n.length-1],s))),s===n[n.length-1]&&(s=n[0]);const o=this._search(n,s);if(!o||!o.nextIndex)return null;const{preIndx:f,nextIndex:u,interpolation:h}=o;e.PREINDEX=f,e.NEXTINDEX=u,e.INTERPOLATION=h;const c=a*r;return e.PREVIOUS=i.subarray(e.PREINDEX*c,(e.PREINDEX+1)*c),e.NEXT=i.subarray(e.NEXTINDEX*c,(e.NEXTINDEX+1)*c),e},_getCubicSpline(e,t,s,r){const n=t.INTERPOLATION,i=s[t.PREINDEX],a=s[t.NEXTINDEX];for(let s=0;s<3;s++){const o=t.PREVIOUS[r+s],f=(a-i)*t.PREVIOUS[2*r+s],u=t.NEXT[3+s],h=(a-i)*t.NEXT[s],c=(2*Math.pow(n,3)-3*Math.pow(n,2)+1)*o+(Math.pow(n,3)-2*Math.pow(n,2)+n)*f+(2*-Math.pow(n,3)+3*Math.pow(n,2))*u+(Math.pow(n,3)-Math.pow(n,2))*h;e[s]=c;}return e},getAnimationClip(e,t,s,r){const n=e.nodes[t]&&e.nodes[t].weights;return o(H,...W.TRANSLATION),h(j,...W.ROTATION),o(z,...W.SCALE),this._getTRSW(r,e,t,s,H,j,z,n)},getTimeSpan(e){if(!e.animations)return null;if(e.timeSpan)return e.timeSpan;const t=e.animations;return e.timeSpan={},t.forEach(((t,s)=>{let r=-1/0,n=1/0;const i=t.channels;for(let e=0;e<i.length;e++){const s=i[e],a=t.samplers[s.sampler].input.array;a[a.length-1]>r&&(r=a[a.length-1]),a[0]<n&&(n=a[0]);}const a=t.name||s;e.timeSpan[a]={max:r,min:n};})),e.timeSpan},getTimeSpanByName(e,t){const s=this.getTimeSpan(e);return s?b(t)?s[t]:s[Object.keys(s)[0]]:null}};let $=!1;if("undefined"!=typeof OffscreenCanvas){let e;try{e=new OffscreenCanvas(2,2).getContext("2d");}catch(s){}e&&"undefined"!=typeof createImageBitmap&&($=!0);}const J="undefined"==typeof document?null:document.createElement("canvas");function Q(e,t,s){const r=new Image;r.crossOrigin="",r.onload=()=>{if(!J)return void s(new Error("There is no canvas to draw image!"));J.width=r.width,J.height=r.height;const e=J.getContext("2d",{willReadFrequently:!0});e.drawImage(r,0,0,r.width,r.height);const t=e.getImageData(0,0,r.width,r.height),n={width:r.width,height:r.height,data:new Uint8Array(t.data)};s(null,n);},r.onerror=function(e){s(e);},r.src=e;}const Z=[],ee=[],te=30;let se,re;function ne(e,t,s){se||(se=new OffscreenCanvas(2,2),re=se.getContext("2d",{willReadFrequently:!0}));let r=null;if(_(e))this.options.urlModifier&&(e=this.options.urlModifier(e)),Z.push([e,t,s,this]),ie();else {const t=new Blob([e]);r=createImageBitmap(t),r.then(ae.bind(this)).then((e=>{s(null,e);})).catch((e=>{console.warn(e),s(e);}));}}function ie(){if(!Z.length||ee.length>te)return;const e=Z.shift(),[t,s,r,n]=e;ee.push(e),fetch(t,s).then((e=>e.arrayBuffer())).then((e=>{const t=new Blob([new Uint8Array(e)]);return createImageBitmap(t)})).then(ae.bind(n)).then((t=>{r.call(n,null,t);const s=ee.indexOf(e);ee.splice(s,1),ie();})).catch((t=>{console.warn(t),r.call(n,t);const s=ee.indexOf(e);ee.splice(s,1),ie();}));}function ae(e){let{width:t,height:s}=e;oe(t)||(t=fe(t)),oe(s)||(s=fe(s));const r=this.options.maxTextureSize;r&&(t=Math.min(r,t),s=Math.min(r,s)),se.width=t,se.height=s,re.drawImage(e,0,0,t,s),e.close();const n=re.getImageData(0,0,t,s);return {width:t,height:s,data:new Uint8Array(n.data)}}function oe(e){return !(e&e-1)&&0!==e}function fe(e){return Math.pow(2,Math.floor(Math.log(e)/Math.LN2))}function ue(e,t){for(const s in e)if(e[s]===t)return s;return t}e.Ajax=P,e.GLTFLoader=class{constructor(e,t,s){if(this.options=s||{},this.options.decoders||(this.options.decoders={}),this._fetchOptions=this.options.fetchOptions||{},t.buffer instanceof ArrayBuffer){const{json:s,glbBuffer:r}=k.read(t.buffer,t.byteOffset,t.byteLength);this._init(e,s,r);}else this._init(e,t);this._accessor=new L(this.rootPath,this.gltf,this.glbBuffer,this._fetchOptions,this.options.urlModifier),this._checkExtensions();}_checkExtensions(){const e=this.gltf.extensionsRequired;if(e){if(e.indexOf("KHR_draco_mesh_compression")>=0&&!this.options.decoders.draco)throw new Error("KHR_draco_mesh_compression is required but @maptalks/transcoders.draco is not loaded");if(e.indexOf("KHR_texture_basisu")>=0&&!this.options.decoders["image/ktx2"])throw new Error("KHR_texture_basisu is required but @maptalks/transcoders.ktx2 is not loaded");if(e.indexOf("EXT_meshopt_compression")>=0)throw new Error("EXT_meshopt_compression extension is not supported yet.")}}_loadExtensions(){const e=this.gltf.extensions;return e&&e.KHR_techniques_webgl?this._accessor.requestKHRTechniquesWebgl(e.KHR_techniques_webgl).then((t=>(e.KHR_techniques_webgl=t,e))):Promise.resolve(e)}_convertKhrTechiqueToTechiques(){if(!Array.isArray(this.gltf.programs))return;const e=this.gltf.materials;for(let t=0;t<e.length;t++)e[t]&&e[t].extensions&&e[t].extensions.KHR_technique_webgl&&(e[t].extensions.KHR_techniques_webgl=e[t].extensions.KHR_technique_webgl,delete e[t].extensions.KHR_technique_webgl);const t=this.gltf.extensions||{},s=this.gltf.techniques;t.KHR_techniques_webgl={programs:this.gltf.programs,shaders:this.gltf.shaders,techniques:s};for(let t=0;t<e.length;t++){const n=(r=e[t])&&r.extensions&&r.extensions.KHR_techniques_webgl;if(n){const{values:e,technique:t}=n,r=s[t];if(!r||!e)continue;const{uniforms:i,parameters:a}=r,o={};for(const t in e){const s=ue(i,t);o[s]=e[t],a[t]&&35678===a[t].type&&(o[s]={index:e[t]});}n.values=o;}}var r;for(let e=0;e<s.length;e++){const t=s[e];if(!t)continue;const{attributes:r,uniforms:n,parameters:i}=t;if(r)for(const e in r){const t=r[e];r[e]=i[t];}if(n)for(const e in n){const t=n[e];n[e]=i[t];}delete t.parameters;}return delete this.gltf.programs,delete this.gltf.shaders,delete this.gltf.techniques,this.gltf.extensions=t,t}load(e){e=e||{},this._convertKhrTechiqueToTechiques();const t=this._loadScene(e),s=this._loadAnimations(),r=this._loadTextures(),n=this._loadExtensions();return Promise.all([t,s,r,n]).then((e=>(e[0].animations=e[1],e[0].textures=e[2],e[0].extensions=e[3],e[0].transferables=this.transferables||[],this.createChannelsMap(e[0]),e[0])))}createChannelsMap(e){const t=e.animations;if(t)for(let e=0;e<t.length;e++){const s=t[e];s.channelsMap={};for(let e=0;e<s.channels.length;e++){const t=s.channels[e];s.channelsMap[t.target.node]||(s.channelsMap[t.target.node]=[]),s.channelsMap[t.target.node].push(t);}}}getExternalResources(){const e=[];if(this.gltf){const{buffers:t,images:s}=this.gltf;for(let s=0;s<t.length;s++)t[s].uri&&t[s].uri.indexOf("data:application/octet-stream;base64")<0&&e.push({type:"buffer",uri:t[s].uri});for(let t=0;t<s.length;t++)s[t].uri&&s[t].uri.indexOf("data:image/")<0&&e.push({type:"image",uri:s[t].uri});}return e}static getAnimationClip(e,t,s,r){return Y.getAnimationClip(e,t,s,r)}static getAnimationTimeSpan(e,t){return Y.getTimeSpanByName(e,t)}static getTypedArrayCtor(e){return x(e)}static readInterleavedArray(e,t,s,r,n,i,a){return B(e,t,s,r,n,i,a)}_init(e,t,s){this.gltf=t,this.glbBuffer=s,this.version=t.asset?+t.asset.version:1,this.rootPath=e,this.buffers={},this.requests={},this.options.requestImage=$?ne.bind(this):this.options.requestImage||Q,this.options.transferable&&(this.transferables=[]),2===this.version?(this.adapter=new C(e,t,s,this.options.requestImage,this.options.decoders||{},this.options.supportedFormats||{},this._fetchOptions,this.options.urlModifier),this.adapter.iterate(((e,t,s)=>{t.id="buffer_"+s;}),"buffers"),this.adapter.iterate(((e,t,s)=>{t.id="image_"+s;}),"images"),this.adapter.iterate(((e,t,s)=>{t.id="accessor_"+s;}),"accessors")):(this.adapter=new D(e,t,s,this.options.requestImage,this.options.decoders||{},this.options.supportedFormats||{},this._fetchOptions,this.options.urlModifier),this.adapter.iterate(((e,t,s)=>{t.id="accessor_"+s;}),"accessors"),this.adapter.iterate(((e,t,s)=>{t.id="image_"+s;}),"images"));}_parseNodes(e,t){if(e.children&&e.children.length>0){if(!("number"==typeof(s=e.children[0])&&isFinite(s)||_(e.children[0])))return e;const r=e.children.map((e=>{const s=t[e];return s.nodeIndex=e,this._parseNodes(s,t)}));e.children=r;}var s;return e}_loadScene(e){return this._loadNodes(e).then((e=>{const t=this.scenes=[];let s;for(const t in e)e[t]=this._parseNodes(e[t],e),e[t].nodeIndex=Number(t)?Number(t):t;this.adapter.iterate(((r,n,i)=>{const a={};n.name&&(a.name=n.name),n.nodes&&(a.nodes=n.nodes.map((t=>e[t]))),this.gltf.scene===r&&(s=i),t.push(a);}),"scenes");const r={textures:this.gltf.textures,asset:this.gltf.asset,scene:s,scenes:t,nodes:e,meshes:this.meshes,materials:this.gltf.materials,skins:this.skins,extensionsRequired:this.gltf.extensionsRequired,extensionsUsed:this.gltf.extensionsUsed};if(this.gltf.extensions&&(r.extensions=this.gltf.extensions),1===this.version){const e=this.adapter._loadMaterials(this.gltf.materials);r.materials=e;}return delete this.gltf.buffers,r.json=this.gltf,r}))}_loadNodes(e){return this._loadMeshes(e).then((()=>{const e=this.nodes={};return this.adapter.iterate(((t,s)=>{const r=this.adapter.createNode(s,this.meshes,this.skins);e[t]=r;}),"nodes"),e}))}_loadSkins(){this.skins=[];const e=[];return this.adapter.iterate(((t,s,r)=>{e.push(this._loadSkin(s).then((e=>{e.index=r,this.skins.push(e);})));}),"skins"),e}_loadSkin(e){const t=e.inverseBindMatrices;return this.adapter.accessor._requestData("inverseBindMatrices",t).then((t=>(e.inverseBindMatrices=t,t&&t.buffer&&this.transferables&&this.transferables.indexOf(t.buffer)<0&&this.transferables.push(t.buffer),e)))}_loadAnimations(){const e=this.gltf.animations;return b(e)?this.adapter.getAnimations(e):null}_loadMeshes(e){this.meshes={};let t=[];return this.adapter.iterate(((s,r,n)=>{t.push(this._loadMesh(r,e).then((e=>{e.index=n,this.meshes[s]=e;})));}),"meshes"),t=t.concat(this._loadSkins()),Promise.all(t)}_loadMesh(e,t){const s=e.primitives.map((e=>this._loadPrimitive(e,t))).filter((e=>!!e));return Promise.all(s).then((t=>{const s={};return y(s,e),s.primitives=t,s}))}_loadTextures(){const e=this.gltf.textures;if(!e)return null;const t=[];for(const s in e)t.push(this.adapter._getTexture(s));return Promise.all(t).then((t=>{if(this.transferables)for(let e=0;e<t.length;e++){const s=t[e]&&t[e].image.array;if(s){let e;e=s instanceof ImageBitmap?s:s.buffer,e&&this.transferables.indexOf(e)<0&&this.transferables.push(e);}}if(!Array.isArray(e)){const s={},r=Object.keys(e);for(let e=0;e<t.length;e++)t[e]&&(s[r[e]]=t[e]);return s}return t}))}_loadPrimitive(e,t){let s;const r=[],n=e.extensions;if(b(e.targets))for(let t=0;t<e.targets.length;t++){const s=e.targets[t];for(const e in s){const n=this.adapter.accessor._requestData(`morphTargets_${e}_${t}`,s[e]);n&&r.push(n);}}if(n&&n.KHR_draco_mesh_compression){if(!this.options.decoders.draco&&(!this.gltf.extensionsRequired||!this.gltf.extensionsRequired.indexOf("KHR_draco_mesh_compression")<0))return null;const e=this.options.decoders.draco,{bufferView:i,attributes:a}=n.KHR_draco_mesh_compression,o=this.gltf.bufferViews[i],f=this._accessor._requestBufferOfBufferView(o).then((s=>{const{buffer:r,byteOffset:n}=s;let{byteOffset:i}=o;const f=o.byteLength;i||(i=0);const u=new DataView(r,n+i,f),h={attributes:a,useUniqueIDs:!1,skipAttributeTransform:t.skipAttributeTransform};return e(u,h).then((e=>{const t=Object.values(e.attributes);return e.indices&&t.push(e.indices),t}))}));r.push(f),s=Promise.all(r);}else {const t=e.attributes;for(const e in t){const s=this.adapter.accessor._requestData(e,t[e]);s&&r.push(s);}if(b(e.indices)){const t=this.adapter.accessor._requestData("indices",e.indices);t&&r.push(t);}s=Promise.all(r);}return s.then((t=>{if(n&&n.KHR_draco_mesh_compression){const s=e.targets?e.targets.length:0;t[s]=t[s].concat(t.slice(0,s)),t=t[s];}let s,r;const i={attributes:t.reduce(((e,t)=>{if("indices"===t.name)s=t;else if(t.name.indexOf("morphTargets_")>-1)r=r||{},r[t.name.slice(13)]=t;else {if(!("POSITION"!==t.name||t.min&&t.max)){const e=[1/0,1/0,1/0],s=[-1/0,-1/0,-1/0],{itemSize:r,array:n}=t,i=n.length/r;for(let t=0;t<i;t++)for(let i=0;i<r;i++){const a=t*r+i;n[a]<e[i]&&(e[i]=n[a]),n[a]>s[i]&&(s[i]=n[a]);}if(t.quantization){const r=t.quantization,n=r.range/(1<<r.quantizationBits),i=r.minValues;u(e,e,n),f(e,e,i),u(s,s,n),f(s,s,i);}t.min=e,t.max=s;}e[t.name]=t;}return this.transferables&&t.array.buffer&&this.transferables.indexOf(t.array.buffer)<0&&this.transferables.push(t.array.buffer),e}),{}),material:e.material};return s&&(i.indices=s),r&&(i.morphTargets=r),i.mode=b(e.mode)?e.mode:4,b(e.extras)&&(i.extras=e.extras),i}))}},t().maptalks_gltf_loader=e;}gltfLoaderExport({});
@@ -509,7 +509,7 @@ function hashCode(s) {
  * @param value - input value
  * @returns
  */
-function isPowerOfTwo(value) {
+function isPowerOfTwo$1(value) {
     return (value & (value - 1)) === 0 && value !== 0;
 }
 /**
@@ -528,10 +528,10 @@ function floorPowerOfTwo(value) {
 function resizeFromArray(arr, width, height) {
     let newWidth = width;
     let newHeight = height;
-    if (!isPowerOfTwo(width)) {
+    if (!isPowerOfTwo$1(width)) {
         newWidth = floorPowerOfTwo(width);
     }
-    if (!isPowerOfTwo(height)) {
+    if (!isPowerOfTwo$1(height)) {
         newHeight = floorPowerOfTwo(height);
     }
     const imageData = new ImageData(new Uint8ClampedArray(arr), width, height);
@@ -558,7 +558,7 @@ function resizeFromArray(arr, width, height) {
 function resizeToPowerOfTwo(image, width, height) {
     if (isArray(image)) {
         image = image;
-        if (!isPowerOfTwo(width) || !isPowerOfTwo(height)) {
+        if (!isPowerOfTwo$1(width) || !isPowerOfTwo$1(height)) {
             return resizeFromArray(image, width, height);
         }
         else {
@@ -566,15 +566,15 @@ function resizeToPowerOfTwo(image, width, height) {
         }
     }
     image = image;
-    if (isPowerOfTwo(image.width) && isPowerOfTwo(image.height)) {
+    if (isPowerOfTwo$1(image.width) && isPowerOfTwo$1(image.height)) {
         return image;
     }
     width = image.width;
     height = image.height;
-    if (!isPowerOfTwo(width)) {
+    if (!isPowerOfTwo$1(width)) {
         width = floorPowerOfTwo(width);
     }
-    if (!isPowerOfTwo(height)) {
+    if (!isPowerOfTwo$1(height)) {
         height = floorPowerOfTwo(height);
     }
     const canvas = document.createElement('canvas');
@@ -625,7 +625,7 @@ var Util = /*#__PURE__*/Object.freeze({
     isInterleaved: isInterleaved,
     isNil: isNil$2,
     isNumber: isNumber$2,
-    isPowerOfTwo: isPowerOfTwo,
+    isPowerOfTwo: isPowerOfTwo$1,
     isString: isString,
     isSupportVAO: isSupportVAO,
     isTextureDestroyed: isTextureDestroyed,
@@ -9554,7 +9554,7 @@ class Texture2D extends AbstractTexture {
                 config.width = config.data.width;
                 config.height = config.data.height;
             }
-            else if (!config.hdr && isArray(config.data) && (!isPowerOfTwo(config.width) || !isPowerOfTwo(config.height))) {
+            else if (!config.hdr && isArray(config.data) && (!isPowerOfTwo$1(config.width) || !isPowerOfTwo$1(config.height))) {
                 config.data = resizeToPowerOfTwo(config.data, config.width, config.height);
                 config.width = config.data.width;
                 config.height = config.data.height;
@@ -15724,663 +15724,671 @@ class GeometryResource {
     }
 }
 
-let timespan = 0;
-
-const MAT4 = [];
-const TEMP_VEC$1 = [];
-
-class GLTFPack {
-
-    constructor(gltf, regl) {
-        this.gltf = gltf;
-        this.regl = regl;
-        this.geometries = [];
-        if (regl) {
-            this._emptyTexture = regl.texture({ width: 2, height: 2 });
-        }
-    }
-
-    getMeshesInfo() {
-        if (!this.gltf) {
-            return null;
-        }
-        if (this.geometries.length) {
-            return this.geometries;
-        }
-        this._createTextures(this.gltf.textures);
-        this._createSkins(this.gltf.skins);
-        const nodes = this.gltf.scenes[0].nodes;
-        nodes.forEach((node) => {
-            this._parserNode(node, this.geometries);
-        });
-        this._checkBaseColorFactor();
-        return this.geometries;
-    }
-
-    getGLTFBBox() {
-        if (!this.gltf) {
-            return null;
-        }
-        const geometries = this.geometries;
-        if (!geometries || !geometries.length) {
-            return null;
-        }
-        const min = [Infinity, Infinity, Infinity], max = [-Infinity, -Infinity, -Infinity];
-        for (let i = 0; i < geometries.length; i++) {
-            const bbox = geometries[i].bbox;
-            const bboxMin = bbox.min, bboxMax = bbox.max;
-            if (bboxMin[0] < min[0]) {
-                min[0] = bboxMin[0];
-            }
-            if (bboxMin[1] < min[1]) {
-                min[1] = bboxMin[1];
-            }
-            if (bboxMin[2] < min[2]) {
-                min[2] = bboxMin[2];
-            }
-
-            if (bboxMax[0] > max[0]) {
-                max[0] = bboxMax[0];
-            }
-            if (bboxMax[1] > max[1]) {
-                max[1] = bboxMax[1];
-            }
-            if (bboxMax[2] > max[2]) {
-                max[2] = bboxMax[2];
-            }
-        }
-        return { min, max };
-    }
-
-    _createSkins(skins) {
-        if (!skins) {
-            return;
-        }
-        this._skinMap = {};
-        for (let i = 0; i < skins.length; i++) {
-            const skin = skins[i];
-            skin.joints = skin.joints.map(j => this.gltf.nodes[j]);
-            this._skinMap[i] = new Skin(this.regl, skin.joints, skin.inverseBindMatrices.array);
-            delete skin.inverseBindMatrices;
-        }
-    }
-
-    _createTextures(textures) {
-        if (!textures) {
-            return;
-        }
-        this._textureMap = {};
-        for (let i = 0; i < textures.length; i++) {
-            const texture = textures[i];
-            //避免重复创建纹理对象
-            if (!this._textureMap[i]) {
-                this._textureMap[i] = this._toTexture(texture);
-                //图像数据可能占有较大内存，在创建texture完成后可删除
-                delete texture.image;
-            }
-        }
-    }
-
-    //所有baseColorFactor的alpha为0时，设置为1
-    _checkBaseColorFactor() {
-        if (!this._checkBaseColorFactorAlpha()) {
-            for (let i = 0; i < this.geometries.length; i++) {
-                const baseColorFactor = this.geometries[i].materialInfo['baseColorFactor'];
-                if (baseColorFactor && baseColorFactor[3] === 0) {
-                    baseColorFactor[3] = 1;
-                }
-            }
-        }
-    }
-
-    _checkBaseColorFactorAlpha() {
-        for (let i = 0; i < this.geometries.length; i++) {
-            const baseColorFactor = this.geometries[i].materialInfo['baseColorFactor'];
-            if (baseColorFactor && baseColorFactor[3] > 0) {
-                return true;
-            }
-        }
-        return false;
-    }
-
-    dispose() {
-        if (this._emptyTexture) {
-            this._emptyTexture.destroy();
-        }
-        const geometries = this.getMeshesInfo();
-        if (!geometries) {
-            return;
-        }
-        geometries.forEach(g => {
-            g.geometry.dispose();
-            for (const m in g.materialInfo) {
-                const materialInfo = g.materialInfo[m];
-                //如果是texture对象，需要销毁，如果已经销毁过，不能再重复销毁
-                if (materialInfo && materialInfo.destroy && !materialInfo[KEY_DISPOSED]) {
-                    materialInfo.destroy();
-                }
-            }
-        });
-        for (const index in this._textureMap) {
-            const tex = this._textureMap[index];
-            if (tex && tex.destroy && !tex[KEY_DISPOSED]) {
-                tex.destroy();
-            }
-        }
-        delete this.gltf;
-    }
-
-    updateAnimation(time, loop, speed, animationName, startTime, nodeMatrixMap, skinMap, animationNodes) {
-        const json = this.gltf;
-        if (!json) {
-            return;
-        }
-        const gltf = getGLTFLoaderBundle();
-        timespan = json.animations ? gltf.GLTFLoader.getAnimationTimeSpan(json, animationName) : null;
-        //模型切换过快，会导致上一个模型有动画执行，当前模型没有动画数据，就出现timespan为null的情况
-        if (!timespan) {
-            return;
-        }
-        time = time - startTime;
-        let animTime = 0;
-        if (loop || (!loop && this._isFirstLoop(time, speed, animationName, startTime))) {
-            animTime = (time * speed * 0.001) % (timespan.max - timespan.min) + timespan.min;
-        } else {
-            animTime = time * speed * 0.001 + timespan.min;
-        }
-        json.scenes[0].nodes.forEach(node => {
-            this._updateNodeMatrix(animationName, animTime, node, null, nodeMatrixMap, animationNodes);
-        });
-        for (const index in this.gltf.nodes) {
-            const node = this.gltf.nodes[index];
-            const nodeMatrix = nodeMatrixMap[node.nodeIndex];
-            if (node.skin && nodeMatrix) {
-                const jointTexture = node.skin.update(nodeMatrix, nodeMatrixMap, skinMap[node.nodeIndex] && skinMap[node.nodeIndex].jointTexture);
-                if (!skinMap[node.nodeIndex]) {
-                    skinMap[node.nodeIndex] =  {
-                        jointTextureSize: node.skin.jointTextureSize,
-                        numJoints: node.skin.joints.length
-                    };
-                }
-                skinMap[node.nodeIndex].jointTexture = jointTexture;
-            }
-        }
-        return;
-    }
-
-    _isFirstLoop(time, speed, animationName, startTime) {
-        const json = this.gltf;
-        if (!startTime || !json) {
-            return true;
-        }
-        const gltf = getGLTFLoaderBundle();
-        timespan = json.animations ? gltf.GLTFLoader.getAnimationTimeSpan(json, animationName) : null;
-        return (time* speed * 0.001) / (timespan.max - timespan.min) < 1;
-    }
-
-    hasSkinAnimation() {
-        return !!this._isAnimation;
-    }
-
-    _updateNodeMatrix(animationName, time, node, parentNodeMatrix, nodeMatrixMap, animationNodes) {
-        const trs = node.trs;
-        if (trs) {
-            if (!animationNodes) {
-                this._updateNodeTRS(node, time, animationName);
-            } else if (animationNodes.indexOf(Number(node.nodeIndex)) > -1) {
-                this._updateNodeTRS(node, time, animationName);
-            }
-        }
-        if (parentNodeMatrix) {
-            nodeMatrixMap[node.nodeIndex] = mat4.multiply(nodeMatrixMap[node.nodeIndex] || [], parentNodeMatrix, node.matrix || node.trs.getMatrix());
-        } else {
-            nodeMatrixMap[node.nodeIndex] = mat4.copy(nodeMatrixMap[node.nodeIndex] || [], node.matrix || node.trs.getMatrix());
-        }
-        if (node.children) {
-            node.children.forEach(child => {
-                this._updateNodeMatrix(animationName, time, child, nodeMatrixMap[node.nodeIndex], nodeMatrixMap, animationNodes);
-            });
-        }
-    }
-
-    _updateNodeTRS(node, time, animationName) {
-        const gltf = getGLTFLoaderBundle();
-        const animation = gltf.GLTFLoader.getAnimationClip(this.gltf, Number(node.nodeIndex), time, animationName);
-        if (animation.weights) {
-            this._updateMorph(node, animation.weights);
-        }
-        node.trs.update(animation);
-    }
-
-    //更新morph的基本思路是，计算node下每一帧的weights，然后对weights排序，最后根据
-    //primitives[i].attributes.POSITION +
-    //weights[0] * primitives[i].targets[0].POSITION +
-    //weights[1] * primitives[i].targets[1].POSITION +
-    //weights[2] * primitives[i].targets[2].POSITION + ...
-    //方式去更新POSITION
-    //如果morphTargets数量超过8个，例如36个，由于shader中对attributes的数量有限制，每次丢到shader中的morphTargets按照gltf规范，数量为8
-    //需要实时计算这8个morphTarget的索引，来决定哪几个丢到shader中。
-    _updateMorph(node, weights) {
-        const length = weights.length;
-        if (!node.influencesList) {
-            node.influencesList = [];
-            for (let i = 0; i < length; i++) {
-                node.influencesList[i] = [i, 0];
-            }
-        }
-        const influences = node.influencesList;
-        for (let i =  0; i < influences.length; i++) {
-            const influence = influences[i];
-            influence[0] = i;
-            influence[1] = weights[i];
-        }
-        influences.sort(absNumericalSort);
-        const workInfluences = [];
-        for (let i = 0; i < 8; i++) {
-            workInfluences[i] = [i, 0];
-        }
-        for (let i = 0; i < 8; i++) {
-            if (i < length && influences[i][1]) {
-                workInfluences[i][0] = influences[i][0];
-                workInfluences[i][1] = influences[i][1];
-            } else {
-                workInfluences[i][0] = Number.MAX_SAFE_INTEGER;
-                workInfluences[i][1] = 0;
-            }
-        }
-        workInfluences.sort(numericalSort);
-        const geometries = node.geometries;
-        geometries.forEach(geometry => {
-            const morphTargets = geometry.properties.morphTargets;
-            for (let ii = 0; ii < 8; ii++) {
-                const influence = workInfluences[ii];
-                const index = influence[0];
-                const value = influence[1];
-                if (index !== Number.MAX_SAFE_INTEGER && value) {
-                    geometry.updateData('POSITION' + ii, morphTargets['POSITION_' + index].array);
-                    geometry.properties.morphWeights[ii] = value;
-                } else {
-                    geometry.properties.morphWeights[ii] = 0;
-                }
-            }
-        });
-    }
-
-
-    _parserNode(node, geometries, parentNodeMatrix) {
-        if (node.isParsed) {
-            return;
-        }
-        node.nodeMatrix = node.nodeMatrix || mat4.identity([]);
-        node.localMatrix = node.localMatrix || mat4.identity([]);
-        if (node.matrix) {
-            node.trs = new TRS();
-            node.trs.decompose(node.matrix);
-        } else {
-            node.trs = new TRS(node.translation, node.rotation, node.scale);
-        }
-        node.localMatrix = node.trs.getMatrix();
-        if (parentNodeMatrix) {
-            mat4.multiply(node.nodeMatrix, parentNodeMatrix, node.matrix || node.localMatrix);
-        } else {
-            mat4.copy(node.nodeMatrix, node.matrix || node.localMatrix);
-        }
-        const nodeMatrix = node.nodeMatrix;
-        if (node.children) {
-            for (let i = 0; i < node.children.length; i++) {
-                const child = node.children[i];
-                this._parserNode(child, geometries, nodeMatrix);
-            }
-        }
-        if (defined(node.skin)) {
-            this._isAnimation = true;
-            const skin = node.skin;
-            node.trs = new TRS();
-            node.skin = this._skinMap[skin];
-        }
-
-        if (defined(node.mesh)) {
-            const meshIndex = node.mesh;
-            node.mesh = this.gltf.meshes[meshIndex];
-            node.mesh.node = node;
-            node.geometries = node.geometries || [];
-            node.mesh.primitives.forEach(primitive => {
-                const materialInfo = this._createMaterialInfo(primitive.material);
-                const geometry = createGeometry(primitive, this.regl, materialInfo.occlusionTexture);
-                geometry.properties.morphTargets = primitive.morphTargets;
-                //一个node下可能有多个geometry, node附带的weights会影响其下辖的所有geometry的morph变形结果，这里保存
-                //geometries，方便后面morph的运算
-                node.geometries.push(geometry);
-                let bbox = geometry.boundingBox.copy();
-                bbox = bbox.transform(mat4.identity(MAT4), nodeMatrix);
-                const info = {
-                    geometry,
-                    bbox,
-                    nodeMatrix,
-                    materialInfo,
-                    extraInfo: this._createExtralInfo(primitive.material),
-                    animationMatrix : node.trs.getMatrix(),
-                    morphWeights: node.weights,
-                    nodeIndex: node.nodeIndex
-                };
-                if (node.skin) {
-                    info.skin = {
-                        jointTextureSize: [4, 6],
-                        numJoints: node.skin.joints.length,
-                        jointTexture: node.skin.jointTexture
-                    };
-                }
-                const resource = new GeometryResource(info);
-                geometries.push(resource);
-            });
-        }
-        node.isParsed = true;
-    }
-
-    _createMaterialInfo(materialIndex) {
-        const materialUniforms = {
-        };
-        if (this.gltf.materials && this.gltf.materials[materialIndex]) {
-            const material = this.gltf.materials[materialIndex];
-            const pbrMetallicRoughness = material.pbrMetallicRoughness;
-            if (pbrMetallicRoughness) {
-                const metallicRoughnessTexture = pbrMetallicRoughness.metallicRoughnessTexture;
-                const baseColorTexture = pbrMetallicRoughness.baseColorTexture;
-                if (baseColorTexture) {
-                    materialUniforms['baseColorTexture'] = this._getTexture(baseColorTexture);
-                    if (baseColorTexture['KHR_texture_transform']) {
-                        materialUniforms['khr_offset'] = baseColorTexture['KHR_texture_transform'].offset || [0, 0];
-                        materialUniforms['khr_rotation'] = baseColorTexture['KHR_texture_transform'].rotation ||0;
-                        materialUniforms['khr_scale'] = baseColorTexture['KHR_texture_transform'].scale || [1, 1];
-                    }
-                }
-                if (pbrMetallicRoughness.baseColorFactor) {
-                    materialUniforms['baseColorFactor'] = pbrMetallicRoughness.baseColorFactor;
-                }
-                if (metallicRoughnessTexture) {
-                    materialUniforms['metallicRoughnessTexture'] = this._getTexture(metallicRoughnessTexture);
-                } else {
-                    materialUniforms['metallicFactor'] = defined(pbrMetallicRoughness.metallicFactor) ? pbrMetallicRoughness.metallicFactor : 1.0;
-                    materialUniforms['roughnessFactor'] = defined(pbrMetallicRoughness.roughnessFactor) ? pbrMetallicRoughness.roughnessFactor : 1.0;
-                }
-            }
-            const extensions = material.extensions;
-            if (extensions && extensions['KHR_materials_pbrSpecularGlossiness']) {
-                const pbrSpecularGlossiness = extensions['KHR_materials_pbrSpecularGlossiness'];
-                materialUniforms.name = 'pbrSpecularGlossiness';
-                for (const p in pbrSpecularGlossiness) {
-                    if (defined(pbrSpecularGlossiness[p].index)) {
-                        materialUniforms[p] = this._getTexture(pbrSpecularGlossiness[p]);
-                    } else {
-                        materialUniforms[p] = pbrSpecularGlossiness[p];
-                    }
-                }
-            }
-            if (material.normalTexture) {
-                materialUniforms['normalTexture'] = this._getTexture(material.normalTexture);
-            }
-            if (material.occlusionTexture) {
-                materialUniforms['occlusionTexture'] = this._getTexture(material.occlusionTexture);
-            }
-            if (material.emissiveTexture) {
-                materialUniforms['emissiveTexture'] = this._getTexture(material.emissiveTexture);
-            }
-            if (material.emissiveFactor) {
-                materialUniforms['emissiveFactor'] = material.emissiveFactor;
-            }
-            materialUniforms['alphaCutoff'] = material.alphaCutoff || 0.5;
-            materialUniforms['doubleSided'] = material.doubleSided;
-            materialUniforms['alphaMode'] = material.alphaMode || 'OPAQUE';
-        }
-        return materialUniforms;
-    }
-
-    _createExtralInfo(material) {
-        const info = {};
-        if (this.gltf.materials && this.gltf.materials[material]) {
-            const mat = this.gltf.materials[material];
-            info['doubleSided'] = mat.doubleSided;
-            info['alphaMode'] = mat.alphaMode || 'OPAQUE';
-        }
-        return info;
-    }
-
-    _getTexture(texInfo) {
-        const extensions = texInfo.extensions;
-        const index = texInfo.index;
-        if (!defined(index)) {
-            return null;
-        }
-        if (extensions && extensions['KHR_texture_transform']) {
-            texInfo['KHR_texture_transform'] = extensions['KHR_texture_transform'];
-        }
-        const texture = this._textureMap[index];
-        texture.texInfo = texInfo;
-        return texture;
-    }
-
-    _toTexture(texture) {
-        if (!texture) {
-            // empty texture
-            return this._emptyTexture;
-        }
-        const data = texture.image.array;
-        const sampler = texture.sampler || {};
-        const width = texture.image.width;
-        const height = texture.image.height;
-        return new Texture2D({
-            width,
-            height,
-            data,
-            mag: getTextureMagFilter(sampler.magFilter) || 'linear',
-            min: getTextureMinFilter(sampler.minFilter) || 'linear mipmap linear',
-            wrapS: getTextureWrap(sampler.wrapS) || 'repeat',
-            wrapT: getTextureWrap(sampler.wrapT) || 'repeat'
-        });
-    }
-
-    /**
-     *
-     * @param map
-     * @param from
-     * @param to
-     * @param dist
-     * @param rotationZ 模型绕Z轴旋转角度，弧度
-     * @param rotationXY 模型绕Z轴与线段的交叉轴的旋转角度，弧度
-     * @param gltfScale
-     * @param projectionScale
-     * @param options
-     * @returns
-     */
-    arrangeAlongLine(from, to, xyDist, gltfScale, projectionScale, options) {
-        const items = [];
-        const rotationZ = this._getRotationZ(from, to);
-        // cm to mi
-        const zDist = (from.z || 0) - (to.z || 0);
-        const rotationXY = this._getRotationXY(xyDist, zDist);
-        let boxWidth = this._calBoxWidth(gltfScale, options);
-        boxWidth /= projectionScale;
-        const distance = Math.sqrt(xyDist * xyDist + zDist * zDist);
-        const times = Math.floor(distance / boxWidth);
-        let scaleIndex = (options.direction || 0);
-        // scale的scaleIndex已经是Y_UP后的模型，所以和direction不同
-        if (scaleIndex === 1) {
-            scaleIndex = 2;
-        } else if (scaleIndex === 2) {
-            scaleIndex = 1;
-        }
-        //取余缩放
-        if (times >= 1) {
-            for (let i = 1; i <= times; i++) {
-                const t = boxWidth * (i - 0.5) / distance;
-                const item = {
-                    coordinates: interpolate(from, to, t),
-                    t,
-                    scale: [1, 1, 1],
-                    rotation: [0, 0, rotationZ],
-                    rotationZ,
-                    rotationXY
-                };
-                items.push(item);
-            }
-            //尾巴
-            if (options['scaleVertex']) {
-                const t = (boxWidth * times + (distance - boxWidth * times) / 2) / distance;
-                const scale = (distance - boxWidth * times) / boxWidth;
-                const itemScale = [1, 1, 1];
-                itemScale[scaleIndex] = scale;
-                const item = {
-                    coordinates: interpolate(from, to, t),
-                    t,
-                    scale: itemScale,
-                    rotation: [0, 0, rotationZ],
-                    rotationZ,
-                    rotationXY
-                };
-                items.push(item);
-            }
-        } else if (options['scaleVertex']) {
-            const scale = distance / boxWidth;
-            const itemScale = [1, 1, 1];
-            itemScale[scaleIndex] = scale;
-            const item = {
-                coordinates: interpolate(from, to, 0.5),
-                t: 0.5,
-                scale: itemScale,
-                rotation: [0, 0, rotationZ],
-                rotationZ,
-                rotationXY
-            };
-            items.push(item);
-        }
-        return items;
-    }
-
-    calModelHeightScale(out, modelHeight) {
-        const bbox = this.getGLTFBBox();
-        const fitScale = modelHeight / (Math.abs(bbox.max[1] - bbox.min[1]));//YZ轴做了翻转，所以需要用y方向来算高度比例
-        return vec3.set(out, fitScale, fitScale, fitScale);
-    }
-
-    _calBoxWidth(scale, options) {
-        const gltfmodelBBox = this.getGLTFBBox();
-        const direction = options.direction || 0;
-        const boxExtent = vec3.sub(TEMP_VEC$1, gltfmodelBBox.max, gltfmodelBBox.min);
-        vec3.multiply(boxExtent, boxExtent, scale);
-        const gapLength = options['gapLength'];
-        return boxExtent[direction] + gapLength;
-    }
-
-    _getRotationZ(from, to) {
-        const degree = computeDegree(
-            to.x, to.y,
-            from.x, from.y
-        );
-        return degree / Math.PI * 180;
-    }
-
-    _getRotationXY(xyDist, zDist) {
-        const rotation = Math.atan(zDist / xyDist) * 180 / Math.PI;
-        return rotation;
-    }
-}
-
-function createGeometry(primitive, regl, hasAOMap) {
-    const attributes = primitive.attributes;
-    const aColor0 = attributes['COLOR_0'];
-    //将float类型的颜色值转为0-255的uint8类型
-    if (aColor0 && aColor0.array instanceof Float32Array) {
-        const color = new Uint8Array(aColor0.array.length);
-        for (let i = 0; i < color.length; i++) {
-            color[i] = Math.round(aColor0.array[i] * 255);
-        }
-        aColor0.array = color;
-    } else if (aColor0 && (aColor0.array instanceof Uint16Array ||
-        aColor0.array instanceof Int16Array ||
-        aColor0.array instanceof Uint32Array ||
-        aColor0.array instanceof Int32Array)) {
-        const color = new Uint8Array(aColor0.array);
-        aColor0.array = color;
-    }
-    if (hasAOMap && attributes['TEXCOORD_0'] && !attributes['TEXCOORD_0']) {
-        attributes['TEXCOORD_1'] = attributes['TEXCOORD_0'];
-    }
-    const attrs = {};
-    for (const name in attributes) {
-        // 把原有的array赋给attr，用于计算 bbox、buildUniqueVertex
-        attrs[name] = extend$1({}, attributes[name]);
-        if (regl) {
-            attrs[name].buffer = getUniqueREGLBuffer(regl, attributes[name], { dimension: attributes[name].itemSize });
-        }
-    }
-
-    //如果有morph，需要预先填充morph空数据，动画开启后，会不断向这些空数据中填充morphTargets数据
-    if (primitive.morphTargets) {
-        const length = isInterleaved(attrs['POSITION']) ? attrs['POSITION'].itemSize * attrs['POSITION'].count : attrs['POSITION'].array.length;
-        for (let i = 0; i < 8; i++) {
-            if (!attrs[`POSITION${i}`]) {
-                attrs[`POSITION${i}`] = new Float32Array(length).fill(0);
-            }
-        }
-        for (let i = 0; i < 4; i++) {
-            const length = attrs['NORMAL'].array ? attrs['NORMAL'].array.length : attrs['NORMAL'].length;
-            if (!attrs[`NORMAL${i}`]) {
-                attrs[`NORMAL${i}`] = new Float32Array(length).fill(0);
-            }
-        }
-    }
-    let indices = primitive.indices;
-    if (indices && indices.bufferView === undefined && indices.array) {
-        indices = indices.array;
-    }
-    const modelGeometry = new Geometry(
-        attrs,
-        indices,
-        0,
-        {
-            //绘制类型，例如 triangle strip, line等，根据gltf中primitive的mode来判断，默认是triangles
-            primitive : isNumber$2(primitive.mode) ? getPrimitive(primitive.mode) : primitive.mode,
-            positionAttribute: 'POSITION',
-            normalAttribute: 'NORMAL',
-            uv0Attribute: 'TEXCOORD_0',
-            uv1Attribute: 'TEXCOORD_1',
-            color0Attribute: 'COLOR_0'
-        }
-    );
-    if (primitive.morphTargets) {
-        modelGeometry.properties.morphWeights = [];
-    }
-    if (primitive.mode > 3 && !modelGeometry.data['NORMAL']) {
-        modelGeometry.createNormal('NORMAL');
-    }
-    return modelGeometry;
-}
-
-function numericalSort(a, b) {
-    return a[ 0 ] - b[ 0 ];
-}
-
-function absNumericalSort(a, b) {
-    return Math.abs(b[1]) - Math.abs(a[1]);
-}
-
-function computeDegree(x0, y0, x1, y1) {
-    const dx = x1 - x0;
-    const dy = y1 - y0;
-    return Math.atan2(dy, dx);
-}
-
-function interpolate(from, to, t) {
-    const x = lerp(from.x, to.x, t);
-    const y = lerp(from.y, to.y, t);
-    const z1 = from.z || 0;
-    const z2 = to.z || 0;
-    const z = lerp(z1, z2, t);
-    return new from.constructor(x, y, z);
-}
-
-function lerp(a, b, t) {
-    return a + t * (b - a);
+const Y_TO_Z = [1, 0, 0, 0, 0, 0, 1, 0, 0, -1, 0, 0, 0, 0, 0, 1];
+
+let timespan = 0;
+
+const MAT4 = [];
+const TEMP_VEC$1 = [];
+
+class GLTFPack {
+
+    constructor(gltf, regl) {
+        this.gltf = gltf;
+        this.regl = regl;
+        this.geometries = [];
+        if (regl) {
+            this._emptyTexture = regl.texture({ width: 2, height: 2 });
+        }
+    }
+
+    getMeshesInfo() {
+        if (!this.gltf) {
+            return null;
+        }
+        if (this.geometries.length) {
+            return this.geometries;
+        }
+        this._createTextures(this.gltf.textures);
+        this._createSkins(this.gltf.skins);
+        const nodes = this.gltf.scenes[0].nodes;
+        nodes.forEach((node) => {
+            this._parserNode(node, this.geometries);
+        });
+        this._checkBaseColorFactor();
+        return this.geometries;
+    }
+
+    getGLTFBBox(transform) {
+        if (!this.gltf) {
+            return null;
+        }
+        const geometries = this.geometries;
+        if (!geometries || !geometries.length) {
+            return null;
+        }
+        const min = [Infinity, Infinity, Infinity], max = [-Infinity, -Infinity, -Infinity];
+        for (let i = 0; i < geometries.length; i++) {
+            const bbox = geometries[i].bbox;
+            const bboxMin = bbox.min, bboxMax = bbox.max;
+            if (bboxMin[0] < min[0]) {
+                min[0] = bboxMin[0];
+            }
+            if (bboxMin[1] < min[1]) {
+                min[1] = bboxMin[1];
+            }
+            if (bboxMin[2] < min[2]) {
+                min[2] = bboxMin[2];
+            }
+
+            if (bboxMax[0] > max[0]) {
+                max[0] = bboxMax[0];
+            }
+            if (bboxMax[1] > max[1]) {
+                max[1] = bboxMax[1];
+            }
+            if (bboxMax[2] > max[2]) {
+                max[2] = bboxMax[2];
+            }
+        }
+        const bbox = new BoundingBox(min, max);
+        if (transform) {
+            bbox.transform(transform);
+        }
+
+        return bbox;
+    }
+
+    _createSkins(skins) {
+        if (!skins) {
+            return;
+        }
+        this._skinMap = {};
+        for (let i = 0; i < skins.length; i++) {
+            const skin = skins[i];
+            skin.joints = skin.joints.map(j => this.gltf.nodes[j]);
+            this._skinMap[i] = new Skin(this.regl, skin.joints, skin.inverseBindMatrices.array);
+            delete skin.inverseBindMatrices;
+        }
+    }
+
+    _createTextures(textures) {
+        if (!textures) {
+            return;
+        }
+        this._textureMap = {};
+        for (let i = 0; i < textures.length; i++) {
+            const texture = textures[i];
+            //避免重复创建纹理对象
+            if (!this._textureMap[i]) {
+                this._textureMap[i] = this._toTexture(texture);
+                //图像数据可能占有较大内存，在创建texture完成后可删除
+                delete texture.image;
+            }
+        }
+    }
+
+    //所有baseColorFactor的alpha为0时，设置为1
+    _checkBaseColorFactor() {
+        if (!this._checkBaseColorFactorAlpha()) {
+            for (let i = 0; i < this.geometries.length; i++) {
+                const baseColorFactor = this.geometries[i].materialInfo['baseColorFactor'];
+                if (baseColorFactor && baseColorFactor[3] === 0) {
+                    baseColorFactor[3] = 1;
+                }
+            }
+        }
+    }
+
+    _checkBaseColorFactorAlpha() {
+        for (let i = 0; i < this.geometries.length; i++) {
+            const baseColorFactor = this.geometries[i].materialInfo['baseColorFactor'];
+            if (baseColorFactor && baseColorFactor[3] > 0) {
+                return true;
+            }
+        }
+        return false;
+    }
+
+    dispose() {
+        if (this._emptyTexture) {
+            this._emptyTexture.destroy();
+        }
+        const geometries = this.getMeshesInfo();
+        if (!geometries) {
+            return;
+        }
+        geometries.forEach(g => {
+            g.geometry.dispose();
+            for (const m in g.materialInfo) {
+                const materialInfo = g.materialInfo[m];
+                //如果是texture对象，需要销毁，如果已经销毁过，不能再重复销毁
+                if (materialInfo && materialInfo.destroy && !materialInfo[KEY_DISPOSED]) {
+                    materialInfo.destroy();
+                }
+            }
+        });
+        for (const index in this._textureMap) {
+            const tex = this._textureMap[index];
+            if (tex && tex.destroy && !tex[KEY_DISPOSED]) {
+                tex.destroy();
+            }
+        }
+        delete this.gltf;
+    }
+
+    updateAnimation(time, loop, speed, animationName, startTime, nodeMatrixMap, skinMap, animationNodes) {
+        const json = this.gltf;
+        if (!json) {
+            return;
+        }
+        const gltf = getGLTFLoaderBundle();
+        timespan = json.animations ? gltf.GLTFLoader.getAnimationTimeSpan(json, animationName) : null;
+        //模型切换过快，会导致上一个模型有动画执行，当前模型没有动画数据，就出现timespan为null的情况
+        if (!timespan) {
+            return;
+        }
+        time = time - startTime;
+        let animTime = 0;
+        if (loop || (!loop && this._isFirstLoop(time, speed, animationName, startTime))) {
+            animTime = (time * speed * 0.001) % (timespan.max - timespan.min) + timespan.min;
+        } else {
+            animTime = time * speed * 0.001 + timespan.min;
+        }
+        json.scenes[0].nodes.forEach(node => {
+            this._updateNodeMatrix(animationName, animTime, node, null, nodeMatrixMap, animationNodes);
+        });
+        for (const index in this.gltf.nodes) {
+            const node = this.gltf.nodes[index];
+            const nodeMatrix = nodeMatrixMap[node.nodeIndex];
+            if (node.skin && nodeMatrix) {
+                const jointTexture = node.skin.update(nodeMatrix, nodeMatrixMap, skinMap[node.nodeIndex] && skinMap[node.nodeIndex].jointTexture);
+                if (!skinMap[node.nodeIndex]) {
+                    skinMap[node.nodeIndex] =  {
+                        jointTextureSize: node.skin.jointTextureSize,
+                        numJoints: node.skin.joints.length
+                    };
+                }
+                skinMap[node.nodeIndex].jointTexture = jointTexture;
+            }
+        }
+        return;
+    }
+
+    _isFirstLoop(time, speed, animationName, startTime) {
+        const json = this.gltf;
+        if (!startTime || !json) {
+            return true;
+        }
+        const gltf = getGLTFLoaderBundle();
+        timespan = json.animations ? gltf.GLTFLoader.getAnimationTimeSpan(json, animationName) : null;
+        return (time* speed * 0.001) / (timespan.max - timespan.min) < 1;
+    }
+
+    hasSkinAnimation() {
+        return !!this._isAnimation;
+    }
+
+    _updateNodeMatrix(animationName, time, node, parentNodeMatrix, nodeMatrixMap, animationNodes) {
+        const trs = node.trs;
+        if (trs) {
+            if (!animationNodes) {
+                this._updateNodeTRS(node, time, animationName);
+            } else if (animationNodes.indexOf(Number(node.nodeIndex)) > -1) {
+                this._updateNodeTRS(node, time, animationName);
+            }
+        }
+        if (parentNodeMatrix) {
+            nodeMatrixMap[node.nodeIndex] = mat4.multiply(nodeMatrixMap[node.nodeIndex] || [], parentNodeMatrix, node.matrix || node.trs.getMatrix());
+        } else {
+            nodeMatrixMap[node.nodeIndex] = mat4.copy(nodeMatrixMap[node.nodeIndex] || [], node.matrix || node.trs.getMatrix());
+        }
+        if (node.children) {
+            node.children.forEach(child => {
+                this._updateNodeMatrix(animationName, time, child, nodeMatrixMap[node.nodeIndex], nodeMatrixMap, animationNodes);
+            });
+        }
+    }
+
+    _updateNodeTRS(node, time, animationName) {
+        const gltf = getGLTFLoaderBundle();
+        const animation = gltf.GLTFLoader.getAnimationClip(this.gltf, Number(node.nodeIndex), time, animationName);
+        if (animation.weights) {
+            this._updateMorph(node, animation.weights);
+        }
+        node.trs.update(animation);
+    }
+
+    //更新morph的基本思路是，计算node下每一帧的weights，然后对weights排序，最后根据
+    //primitives[i].attributes.POSITION +
+    //weights[0] * primitives[i].targets[0].POSITION +
+    //weights[1] * primitives[i].targets[1].POSITION +
+    //weights[2] * primitives[i].targets[2].POSITION + ...
+    //方式去更新POSITION
+    //如果morphTargets数量超过8个，例如36个，由于shader中对attributes的数量有限制，每次丢到shader中的morphTargets按照gltf规范，数量为8
+    //需要实时计算这8个morphTarget的索引，来决定哪几个丢到shader中。
+    _updateMorph(node, weights) {
+        const length = weights.length;
+        if (!node.influencesList) {
+            node.influencesList = [];
+            for (let i = 0; i < length; i++) {
+                node.influencesList[i] = [i, 0];
+            }
+        }
+        const influences = node.influencesList;
+        for (let i =  0; i < influences.length; i++) {
+            const influence = influences[i];
+            influence[0] = i;
+            influence[1] = weights[i];
+        }
+        influences.sort(absNumericalSort);
+        const workInfluences = [];
+        for (let i = 0; i < 8; i++) {
+            workInfluences[i] = [i, 0];
+        }
+        for (let i = 0; i < 8; i++) {
+            if (i < length && influences[i][1]) {
+                workInfluences[i][0] = influences[i][0];
+                workInfluences[i][1] = influences[i][1];
+            } else {
+                workInfluences[i][0] = Number.MAX_SAFE_INTEGER;
+                workInfluences[i][1] = 0;
+            }
+        }
+        workInfluences.sort(numericalSort);
+        const geometries = node.geometries;
+        geometries.forEach(geometry => {
+            const morphTargets = geometry.properties.morphTargets;
+            for (let ii = 0; ii < 8; ii++) {
+                const influence = workInfluences[ii];
+                const index = influence[0];
+                const value = influence[1];
+                if (index !== Number.MAX_SAFE_INTEGER && value) {
+                    geometry.updateData('POSITION' + ii, morphTargets['POSITION_' + index].array);
+                    geometry.properties.morphWeights[ii] = value;
+                } else {
+                    geometry.properties.morphWeights[ii] = 0;
+                }
+            }
+        });
+    }
+
+
+    _parserNode(node, geometries, parentNodeMatrix) {
+        if (node.isParsed) {
+            return;
+        }
+        node.nodeMatrix = node.nodeMatrix || mat4.identity([]);
+        node.localMatrix = node.localMatrix || mat4.identity([]);
+        if (node.matrix) {
+            node.trs = new TRS();
+            node.trs.decompose(node.matrix);
+        } else {
+            node.trs = new TRS(node.translation, node.rotation, node.scale);
+        }
+        node.localMatrix = node.trs.getMatrix();
+        if (parentNodeMatrix) {
+            mat4.multiply(node.nodeMatrix, parentNodeMatrix, node.matrix || node.localMatrix);
+        } else {
+            mat4.copy(node.nodeMatrix, node.matrix || node.localMatrix);
+        }
+        const nodeMatrix = node.nodeMatrix;
+        if (node.children) {
+            for (let i = 0; i < node.children.length; i++) {
+                const child = node.children[i];
+                this._parserNode(child, geometries, nodeMatrix);
+            }
+        }
+        if (defined(node.skin)) {
+            this._isAnimation = true;
+            const skin = node.skin;
+            node.trs = new TRS();
+            node.skin = this._skinMap[skin];
+        }
+
+        if (defined(node.mesh)) {
+            const meshIndex = node.mesh;
+            node.mesh = this.gltf.meshes[meshIndex];
+            node.mesh.node = node;
+            node.geometries = node.geometries || [];
+            node.mesh.primitives.forEach(primitive => {
+                const materialInfo = this._createMaterialInfo(primitive.material);
+                const geometry = createGeometry(primitive, this.regl, materialInfo.occlusionTexture);
+                geometry.properties.morphTargets = primitive.morphTargets;
+                //一个node下可能有多个geometry, node附带的weights会影响其下辖的所有geometry的morph变形结果，这里保存
+                //geometries，方便后面morph的运算
+                node.geometries.push(geometry);
+                let bbox = geometry.boundingBox.copy();
+                bbox = bbox.transform(mat4.identity(MAT4), nodeMatrix);
+                const info = {
+                    geometry,
+                    bbox,
+                    nodeMatrix,
+                    materialInfo,
+                    extraInfo: this._createExtralInfo(primitive.material),
+                    animationMatrix : node.trs.getMatrix(),
+                    morphWeights: node.weights,
+                    nodeIndex: node.nodeIndex
+                };
+                if (node.skin) {
+                    info.skin = {
+                        jointTextureSize: [4, 6],
+                        numJoints: node.skin.joints.length,
+                        jointTexture: node.skin.jointTexture
+                    };
+                }
+                const resource = new GeometryResource(info);
+                geometries.push(resource);
+            });
+        }
+        node.isParsed = true;
+    }
+
+    _createMaterialInfo(materialIndex) {
+        const materialUniforms = {
+        };
+        if (this.gltf.materials && this.gltf.materials[materialIndex]) {
+            const material = this.gltf.materials[materialIndex];
+            const pbrMetallicRoughness = material.pbrMetallicRoughness;
+            if (pbrMetallicRoughness) {
+                const metallicRoughnessTexture = pbrMetallicRoughness.metallicRoughnessTexture;
+                const baseColorTexture = pbrMetallicRoughness.baseColorTexture;
+                if (baseColorTexture) {
+                    materialUniforms['baseColorTexture'] = this._getTexture(baseColorTexture);
+                    if (baseColorTexture['KHR_texture_transform']) {
+                        materialUniforms['khr_offset'] = baseColorTexture['KHR_texture_transform'].offset || [0, 0];
+                        materialUniforms['khr_rotation'] = baseColorTexture['KHR_texture_transform'].rotation ||0;
+                        materialUniforms['khr_scale'] = baseColorTexture['KHR_texture_transform'].scale || [1, 1];
+                    }
+                }
+                if (pbrMetallicRoughness.baseColorFactor) {
+                    materialUniforms['baseColorFactor'] = pbrMetallicRoughness.baseColorFactor;
+                }
+                if (metallicRoughnessTexture) {
+                    materialUniforms['metallicRoughnessTexture'] = this._getTexture(metallicRoughnessTexture);
+                } else {
+                    materialUniforms['metallicFactor'] = defined(pbrMetallicRoughness.metallicFactor) ? pbrMetallicRoughness.metallicFactor : 1.0;
+                    materialUniforms['roughnessFactor'] = defined(pbrMetallicRoughness.roughnessFactor) ? pbrMetallicRoughness.roughnessFactor : 1.0;
+                }
+            }
+            const extensions = material.extensions;
+            if (extensions && extensions['KHR_materials_pbrSpecularGlossiness']) {
+                const pbrSpecularGlossiness = extensions['KHR_materials_pbrSpecularGlossiness'];
+                materialUniforms.name = 'pbrSpecularGlossiness';
+                for (const p in pbrSpecularGlossiness) {
+                    if (defined(pbrSpecularGlossiness[p].index)) {
+                        materialUniforms[p] = this._getTexture(pbrSpecularGlossiness[p]);
+                    } else {
+                        materialUniforms[p] = pbrSpecularGlossiness[p];
+                    }
+                }
+            }
+            if (material.normalTexture) {
+                materialUniforms['normalTexture'] = this._getTexture(material.normalTexture);
+            }
+            if (material.occlusionTexture) {
+                materialUniforms['occlusionTexture'] = this._getTexture(material.occlusionTexture);
+            }
+            if (material.emissiveTexture) {
+                materialUniforms['emissiveTexture'] = this._getTexture(material.emissiveTexture);
+            }
+            if (material.emissiveFactor) {
+                materialUniforms['emissiveFactor'] = material.emissiveFactor;
+            }
+            materialUniforms['alphaCutoff'] = material.alphaCutoff || 0.5;
+            materialUniforms['doubleSided'] = material.doubleSided;
+            materialUniforms['alphaMode'] = material.alphaMode || 'OPAQUE';
+        }
+        return materialUniforms;
+    }
+
+    _createExtralInfo(material) {
+        const info = {};
+        if (this.gltf.materials && this.gltf.materials[material]) {
+            const mat = this.gltf.materials[material];
+            info['doubleSided'] = mat.doubleSided;
+            info['alphaMode'] = mat.alphaMode || 'OPAQUE';
+        }
+        return info;
+    }
+
+    _getTexture(texInfo) {
+        const extensions = texInfo.extensions;
+        const index = texInfo.index;
+        if (!defined(index)) {
+            return null;
+        }
+        if (extensions && extensions['KHR_texture_transform']) {
+            texInfo['KHR_texture_transform'] = extensions['KHR_texture_transform'];
+        }
+        const texture = this._textureMap[index];
+        texture.texInfo = texInfo;
+        return texture;
+    }
+
+    _toTexture(texture) {
+        if (!texture) {
+            // empty texture
+            return this._emptyTexture;
+        }
+        const data = texture.image.array;
+        const sampler = texture.sampler || {};
+        const width = texture.image.width;
+        const height = texture.image.height;
+        return new Texture2D({
+            width,
+            height,
+            data,
+            mag: getTextureMagFilter(sampler.magFilter) || 'linear',
+            min: getTextureMinFilter(sampler.minFilter) || 'linear mipmap linear',
+            wrapS: getTextureWrap(sampler.wrapS) || 'repeat',
+            wrapT: getTextureWrap(sampler.wrapT) || 'repeat'
+        });
+    }
+
+    /**
+     *
+     * @param map
+     * @param from
+     * @param to
+     * @param dist
+     * @param rotationZ 模型绕Z轴旋转角度，弧度
+     * @param rotationXY 模型绕Z轴与线段的交叉轴的旋转角度，弧度
+     * @param gltfScale
+     * @param projectionScale
+     * @param options
+     * @returns
+     */
+    arrangeAlongLine(from, to, xyDist, gltfScale, projectionScale, rotationScaleMat, options) {
+        const items = [];
+        const rotationZ = this._getRotationZ(from, to);
+        // cm to mi
+        const zDist = (from.z || 0) - (to.z || 0);
+        const rotationXY = this._getRotationXY(xyDist, zDist);
+        let boxWidth = this._calBoxWidth(gltfScale, rotationScaleMat, options);
+        boxWidth /= projectionScale;
+        const distance = Math.sqrt(xyDist * xyDist + zDist * zDist);
+        const times = Math.floor(distance / boxWidth);
+        let scaleIndex = (options.direction || 0);
+        // scale的scaleIndex已经是Y_UP后的模型，所以和direction不同
+        if (scaleIndex === 1) {
+            scaleIndex = 2;
+        } else if (scaleIndex === 2) {
+            scaleIndex = 1;
+        }
+        //取余缩放
+        if (times >= 1) {
+            for (let i = 1; i <= times; i++) {
+                const t = boxWidth * (i - 0.5) / distance;
+                const item = {
+                    coordinates: interpolate(from, to, t),
+                    t,
+                    scale: [1, 1, 1],
+                    rotation: [0, 0, rotationZ],
+                    rotationZ,
+                    rotationXY
+                };
+                items.push(item);
+            }
+            //尾巴
+            if (options['scaleVertex']) {
+                const t = (boxWidth * times + (distance - boxWidth * times) / 2) / distance;
+                const scale = (distance - boxWidth * times) / boxWidth;
+                const itemScale = [1, 1, 1];
+                itemScale[scaleIndex] = scale;
+                const item = {
+                    coordinates: interpolate(from, to, t),
+                    t,
+                    scale: itemScale,
+                    rotation: [0, 0, rotationZ],
+                    rotationZ,
+                    rotationXY
+                };
+                items.push(item);
+            }
+        } else if (options['scaleVertex']) {
+            const scale = distance / boxWidth;
+            const itemScale = [1, 1, 1];
+            itemScale[scaleIndex] = scale;
+            const item = {
+                coordinates: interpolate(from, to, 0.5),
+                t: 0.5,
+                scale: itemScale,
+                rotation: [0, 0, rotationZ],
+                rotationZ,
+                rotationXY
+            };
+            items.push(item);
+        }
+        return items;
+    }
+
+    calModelHeightScale(out, modelHeight) {
+        const bbox = this.getGLTFBBox();
+        const fitScale = modelHeight / (Math.abs(bbox.max[1] - bbox.min[1]));//YZ轴做了翻转，所以需要用y方向来算高度比例
+        return vec3.set(out, fitScale, fitScale, fitScale);
+    }
+
+    _calBoxWidth(scale, rotationScaleMat, options) {
+        const mat = mat4.multiply(MAT4, rotationScaleMat, Y_TO_Z);
+        const gltfmodelBBox = this.getGLTFBBox(mat);
+        const direction = options.direction || 0;
+        const boxExtent = vec3.sub(TEMP_VEC$1, gltfmodelBBox.max, gltfmodelBBox.min);
+        vec3.multiply(boxExtent, boxExtent, scale);
+        const gapLength = options['gapLength'];
+        return boxExtent[direction] + gapLength;
+    }
+
+    _getRotationZ(from, to) {
+        const degree = computeDegree(
+            to.x, to.y,
+            from.x, from.y
+        );
+        return degree / Math.PI * 180;
+    }
+
+    _getRotationXY(xyDist, zDist) {
+        const rotation = Math.atan(zDist / xyDist) * 180 / Math.PI;
+        return rotation;
+    }
+}
+
+function createGeometry(primitive, regl, hasAOMap) {
+    const attributes = primitive.attributes;
+    const aColor0 = attributes['COLOR_0'];
+    //将float类型的颜色值转为0-255的uint8类型
+    if (aColor0 && aColor0.array instanceof Float32Array) {
+        const color = new Uint8Array(aColor0.array.length);
+        for (let i = 0; i < color.length; i++) {
+            color[i] = Math.round(aColor0.array[i] * 255);
+        }
+        aColor0.array = color;
+    } else if (aColor0 && (aColor0.array instanceof Uint16Array ||
+        aColor0.array instanceof Int16Array ||
+        aColor0.array instanceof Uint32Array ||
+        aColor0.array instanceof Int32Array)) {
+        const color = new Uint8Array(aColor0.array);
+        aColor0.array = color;
+    }
+    if (hasAOMap && attributes['TEXCOORD_0'] && !attributes['TEXCOORD_0']) {
+        attributes['TEXCOORD_1'] = attributes['TEXCOORD_0'];
+    }
+    const attrs = {};
+    for (const name in attributes) {
+        // 把原有的array赋给attr，用于计算 bbox、buildUniqueVertex
+        attrs[name] = extend$1({}, attributes[name]);
+        if (regl) {
+            attrs[name].buffer = getUniqueREGLBuffer(regl, attributes[name], { dimension: attributes[name].itemSize });
+        }
+    }
+
+    //如果有morph，需要预先填充morph空数据，动画开启后，会不断向这些空数据中填充morphTargets数据
+    if (primitive.morphTargets) {
+        const length = isInterleaved(attrs['POSITION']) ? attrs['POSITION'].itemSize * attrs['POSITION'].count : attrs['POSITION'].array.length;
+        for (let i = 0; i < 8; i++) {
+            if (!attrs[`POSITION${i}`]) {
+                attrs[`POSITION${i}`] = new Float32Array(length).fill(0);
+            }
+        }
+        for (let i = 0; i < 4; i++) {
+            const length = attrs['NORMAL'].array ? attrs['NORMAL'].array.length : attrs['NORMAL'].length;
+            if (!attrs[`NORMAL${i}`]) {
+                attrs[`NORMAL${i}`] = new Float32Array(length).fill(0);
+            }
+        }
+    }
+    let indices = primitive.indices;
+    if (indices && indices.bufferView === undefined && indices.array) {
+        indices = indices.array;
+    }
+    const modelGeometry = new Geometry(
+        attrs,
+        indices,
+        0,
+        {
+            //绘制类型，例如 triangle strip, line等，根据gltf中primitive的mode来判断，默认是triangles
+            primitive : isNumber$2(primitive.mode) ? getPrimitive(primitive.mode) : primitive.mode,
+            positionAttribute: 'POSITION',
+            normalAttribute: 'NORMAL',
+            uv0Attribute: 'TEXCOORD_0',
+            uv1Attribute: 'TEXCOORD_1',
+            color0Attribute: 'COLOR_0'
+        }
+    );
+    if (primitive.morphTargets) {
+        modelGeometry.properties.morphWeights = [];
+    }
+    if (primitive.mode > 3 && !modelGeometry.data['NORMAL']) {
+        modelGeometry.createNormal('NORMAL');
+    }
+    return modelGeometry;
+}
+
+function numericalSort(a, b) {
+    return a[ 0 ] - b[ 0 ];
+}
+
+function absNumericalSort(a, b) {
+    return Math.abs(b[1]) - Math.abs(a[1]);
+}
+
+function computeDegree(x0, y0, x1, y1) {
+    const dx = x1 - x0;
+    const dy = y1 - y0;
+    return Math.atan2(dy, dx);
+}
+
+function interpolate(from, to, t) {
+    const x = lerp(from.x, to.x, t);
+    const y = lerp(from.y, to.y, t);
+    const z1 = from.z || 0;
+    const z2 = to.z || 0;
+    const z = lerp(z1, z2, t);
+    return new from.constructor(x, y, z);
+}
+
+function lerp(a, b, t) {
+    return a + t * (b - a);
 }
 
 // options.fetchOptions
@@ -27770,7 +27778,7 @@ class TerrainLayerRenderer extends MaskRendererMixin(TileLayerRendererable$1(Lay
         const terrainWidth = heights.width;
         const mesh = createMartiniData(error / 2, heights.data, terrainWidth);
 
-        return { data: heights, mesh, sourceZoom };
+        return { data: heights, mesh, sourceZoom, colorsTexture: heights.colorsTexture };
     }
 
     _findTileMinAltitude(tile, parentTile) {
@@ -27806,6 +27814,7 @@ class TerrainLayerRenderer extends MaskRendererMixin(TileLayerRendererable$1(Lay
                 tileImage.sourceZoom = -1;
             } else {
                 tileImage = this._createTerrainFromParent(tileInfo, parentTile);
+                wrapTileColorsTexture(tileInfo, tileImage);
             }
         }
         this._createMesh(tileImage, tileInfo);
@@ -28474,6 +28483,27 @@ class TerrainLayerRenderer extends MaskRendererMixin(TileLayerRendererable$1(Lay
         xmin = Math.floor(xmin);
         ymin = Math.floor(ymin);
 
+        let colorsTexture;
+        //parent tile has colorstexture
+        if (info.colorsTexture) {
+            const { width, height } = info.colorsTexture;
+            if (width * height > 0) {
+                const x1 = info.extent2d.xmin;
+                const x2 = info.extent2d.xmax;
+                const y1 = info.extent2d.ymin;
+                const y2 = info.extent2d.ymax;
+                const ax = (width) / (x2 - x1), ay = height / (y2 - y1);
+                const minx = (extent2d.xmin * res / parentRes - parentExtent.xmin) * ax;
+                const maxx = (extent2d.xmax * res / parentRes - parentExtent.xmin) * ax;
+                const miny = (extent2d.ymin * res / parentRes - parentExtent.ymin) * ay;
+                const maxy = (extent2d.ymax * res / parentRes - parentExtent.ymin) * ay;
+                //clip texture from parent tile texture
+                colorsTexture = clipTileTexture(info.colorsTexture, minx, miny, maxx, maxy);
+            }
+
+
+        }
+
         // const tileSize = tileWidth - 1;
         // if (tileSize & (tileSize - 1)) {
         //     debugger
@@ -28515,7 +28545,8 @@ class TerrainLayerRenderer extends MaskRendererMixin(TileLayerRendererable$1(Lay
             height: tileWidth,
             data: heights,
             min,
-            max
+            max,
+            colorsTexture
         };
     }
 
@@ -28628,6 +28659,7 @@ class TerrainLayerRenderer extends MaskRendererMixin(TileLayerRendererable$1(Lay
                 const args = [x, y, maxAvailableZoom, idx, idy, res, tile.error * Math.pow(2, diff)];
                 tile = layer.createTileNode ? layer.createTileNode(...args) : layer._createTileNode(...args);
             } else {
+                wrapTileColorsTexture(tile, terrainData);
                 this.onTileLoad(terrainData, tile);
                 return terrainData;
             }
@@ -28670,8 +28702,7 @@ class TerrainLayerRenderer extends MaskRendererMixin(TileLayerRendererable$1(Lay
                 maptalks.Util.extend(terrainData, resource);
 
                 // this.consumeTile(terrainData, tile);
-                tile.colorsTexture = terrainData.colorsTexture;
-                delete terrainData.colorsTexture;
+                wrapTileColorsTexture(tile, terrainData);
                 this.onTileLoad(terrainData, tile);
             });
         };
@@ -29312,6 +29343,42 @@ function isValidSkinImage(image) {
 
 function getParentRequestKey(x, y) {
     return x + '-' + y;
+}
+
+function isPowerOfTwo(value) {
+    return (value & (value - 1)) === 0 && value !== 0;
+}
+
+let tempCanvas;
+
+function clipTileTexture(image, x1, y1, x2, y2) {
+    if (maptalks.Browser.decodeImageInWorker) {
+        if (!tempCanvas) {
+            tempCanvas = new OffscreenCanvas(1, 1);
+        }
+        const width = Math.floor(x2 - x1), height = Math.floor((y2 - y1));
+        if (!isPowerOfTwo(width) || !isPowerOfTwo(height)) {
+            return;
+        }
+        tempCanvas.width = width;
+        tempCanvas.height = height;
+        const ctx = tempCanvas.getContext('2d');
+        ctx.clearRect(0, 0, width, height);
+        ctx.drawImage(image, x1, y1, width, height, 0, 0, width, height);
+        return tempCanvas.transferToImageBitmap();
+    }
+}
+
+function wrapTileColorsTexture(tile, terrainData) {
+    const colorsTexture = terrainData.colorsTexture;
+    delete terrainData.colorsTexture;
+    if (colorsTexture) {
+        if (tile.info) {
+            tile.info.colorsTexture = colorsTexture;
+        } else {
+            tile.colorsTexture = colorsTexture;
+        }
+    }
 }
 
 const MASK_MODES = {
@@ -33977,7 +34044,7 @@ class Height3DTool extends Measure3DTool {
 
 const e = "${"; const code$1 = `function(t){
 /*!
-     * @maptalks/gltf-loader v0.117.0
+     * @maptalks/gltf-loader v0.117.1
      * LICENSE : UNLICENSED
      * (c) 2016-2025 maptalks.org
      */
@@ -33990,7 +34057,7 @@ var e,r,n="undefined"!=typeof Float32Array?Float32Array:Array;function i(){var t
      * 
      * Generate tangents per vertex.
      */
-function M(t,e,r,n,i){const s=t.length/3,a=new Array(4*s),o=[],h=[];for(let t=0;t<s;t++)o[t]=[0,0,0],h[t]=[0,0,0];const c=[0,0,0],f=[0,0,0],l=[0,0,0],u=[0,0],g=[0,0],d=[0,0],p=[0,0,0],y=[0,0,0];function m(e,n,i){I(c,t,3*e),I(f,t,3*n),I(l,t,3*i),S(u,r,2*e),S(g,r,2*n),S(d,r,2*i);const s=f[0]-c[0],a=l[0]-c[0],m=f[1]-c[1],b=l[1]-c[1],w=f[2]-c[2],A=l[2]-c[2],v=g[0]-u[0],k=d[0]-u[0],T=g[1]-u[1],U=d[1]-u[1],M=1/(v*U-k*T);E(p,(U*s-T*a)*M,(U*m-T*b)*M,(U*w-T*A)*M),E(y,(v*a-k*s)*M,(v*b-k*m)*M,(v*A-k*w)*M),x(o[e],o[e],p),x(o[n],o[n],p),x(o[i],o[i],p),x(h[e],h[e],y),x(h[n],h[n],y),x(h[i],h[i],y)}for(let t=0,e=n.length;t<e;t+=3)m(n[t+0],n[t+1],n[t+2]);const b=[],w=[],A=[],v=[];let M,D,F;function B(t){I(A,e,3*t),k(v,A),D=o[t],k(b,D),U(b,b,function(t,e,r){return t[0]=e[0]*r,t[1]=e[1]*r,t[2]=e[2]*r,t}(A,A,T(A,D))),function(t,e){var r=e[0],n=e[1],i=e[2],s=r*r+n*n+i*i;s>0&&(s=1/Math.sqrt(s),t[0]=e[0]*s,t[1]=e[1]*s,t[2]=e[2]*s)}(b,b),function(t,e,r){var n=e[0],i=e[1],s=e[2],a=r[0],o=r[1],h=r[2];t[0]=i*h-s*o,t[1]=s*a-n*h,t[2]=n*o-i*a}(w,v,D),F=T(w,h[t]),M=F<0?-1:1,a[4*t]=b[0],a[4*t+1]=b[1],a[4*t+2]=b[2],a[4*t+3]=M}for(let t=0,e=n.length;t<e;t+=3)B(n[t+0]),B(n[t+1]),B(n[t+2]);return a}function I(t,e,r){return t[0]=e[r],t[1]=e[r+1],t[2]=e[r+2],t}function S(t,e,r){return t[0]=e[r],t[1]=e[r+1],t}function D(t){return"number"==typeof t&&!isNaN(t)}let F;!function(){var t=function(){var t=new v(3);return v!=Float32Array&&(t[0]=0,t[1]=0,t[2]=0),t}()}();let B=null,z=null;const N=[0,0,0],_=[256,256];function C(){try{B||(B=new OffscreenCanvas(1,1))}catch(t){console.error(t)}}const O={},R={},P={width:64,height:64,elementsPerHeight:3,heightOffset:-1e3,exaggeration:1,heightScale:.001,elementMultiplier:256,stride:4,skirtHeight:.002,skirtOffset:.01},j={cesium_request_token:{Accept:"application/json,*/*;q=0.01","Accept-Encoding":"gzip, deflate, br"},tianditu:{"Accept-Encoding":"gzip, deflate, br"},cesium:{"Accept-Encoding":"gzip, deflate, br",Accept:"application/vnd.quantized-mesh,application/octet-stream;q=0.9,*/*;q=0.01"},mapbox:{Accept:"image/webp,*/*"}};j["cesium-ion"]=j.cesium;const q=32767;let L=null,H=null;function Y(t,e){const r=function(t){if(t.length<1e3)return null;const e=new Zlib.Inflate(t);return e?e.decompress():null}(new Uint8Array(t));if(!r)throw new Error((n=new Uint8Array(t),W.decode(n)));var n;const i=function(t){const e=t,r=P.width,n=P.height,i=new Uint8Array(r*n*P.stride);let s,a,o,h,c;for(let t=0;t<n;t++)for(let f=0;f<r;f++){h=parseInt(149*t/(n-1)),c=parseInt(149*f/(r-1)),a=2*(150*h+c),s=e[a]+256*e[a+1],(s>1e4||s<-2e3)&&(s=0),o=4*(t*r+f);const l=(s+1e3)/P.heightScale,u=P.elementMultiplier;i[o]=l/(u*u),i[o+1]=(l-i[o]*u*u)/u,i[o+2]=l-i[o]*u*u-i[o+1]*u,i[o+3]=255}return i}(r),s=function(t,e){const r=e,n=e,i=r+1,s=n+1,a=P.elementsPerHeight,o=P.heightOffset,h=P.heightScale,c=P.elementMultiplier,f=P.skirtHeight,l=new Float32Array(i*s);let u=0,g=1/0,d=-1/0;for(let e=0;e<i;e++){const i=e>=n?n-1:e;for(let e=0;e<s;e++){let n=0;const s=i*(4*r)+4*(e>=r?r-1:e);for(let e=0;e<a;e++)n=n*c+t[s+e];n=1*(n*h+o),n-=f,l[u]=n,n<g&&(g=n),n>d&&(d=n),u++}}return{data:l,min:g,max:d}}(i,e-1);return s.width=s.height=e,s}const W=new TextDecoder("utf-8");function V(t){return t>>1^-(1&t)}const Z=[];function G(t){let e=0;const r=3*Float64Array.BYTES_PER_ELEMENT,n=3*Uint16Array.BYTES_PER_ELEMENT;let i=Uint16Array.BYTES_PER_ELEMENT;const s=new DataView(t);e+=r;const a=s.getFloat32(e,!0);e+=Float32Array.BYTES_PER_ELEMENT;const o=s.getFloat32(e,!0);e+=Float32Array.BYTES_PER_ELEMENT,e+=r;const h=s.getFloat64(e,!0);e+=Float64Array.BYTES_PER_ELEMENT,e+=r;const c=s.getUint32(e,!0);e+=Uint32Array.BYTES_PER_ELEMENT;const f=new Uint16Array(t,e,3*c);e+=c*n,c>65536&&(i=Uint32Array.BYTES_PER_ELEMENT);!function(t,e,r){const n=t.length;let i=0,s=0,a=0;for(let o=0;o<n;++o)i+=V(t[o]),s+=V(e[o]),t[o]=i,e[o]=s,r&&(a+=V(r[o]),r[o]=a)}(f.subarray(0,c),f.subarray(c,2*c),f.subarray(2*c,3*c)),e%i!=0&&(e+=i-e%i);const l=s.getUint32(e,!0);e+=Uint32Array.BYTES_PER_ELEMENT;const u=c>65536?new Uint32Array(t,e,3*l):new Uint16Array(t,e,3*l);let g=0;const d=u.length;for(let t=0;t<d;++t){const e=u[t];u[t]=g-e,0===e&&++g}const p={minimumHeight:a,maximumHeight:o,quantizedVertices:f,indices:u}.quantizedVertices,y=p.length/3,m=p.subarray(0,y),b=p.subarray(y,2*y),w=p.subarray(2*y,3*y),A=Z;for(let t=0;t<y;++t){const e=m[t],r=b[t],n=e/q,i=r/q,s=(v=a,k=o,(1-(E=w[t]/q))*v+E*k);A[3*t]=n,A[3*t+1]=1-i,A[3*t+2]=s}var v,k,E;return{positions:A,radius:h,min:a,max:o,indices:u}}const $=[],J=[],K=[],X=[],Q=[];class tt{constructor(t,e,r,n,i){this.p0=[],this.p1=[],this.p2=[],this.normal=[],this.min=[],this.max=[],this.set(t,e,r,n,i)}set(t,e,r,n,i){this.radius=i;let s=3*e,a=3*e+1,o=3*e+2;this.p0[0]=t[s]*i,this.p0[1]=t[a]*i,this.p0[2]=t[o],s=3*r,a=3*r+1,o=3*r+2,this.p1[0]=t[s]*i,this.p1[1]=t[a]*i,this.p1[2]=t[o],s=3*n,a=3*n+1,o=3*n+2,this.p2[0]=t[s]*i,this.p2[1]=t[a]*i,this.p2[2]=t[o],this.min[0]=Math.min(this.p0[0],this.p1[0],this.p2[0]),this.min[1]=Math.min(this.p0[1],this.p1[1],this.p2[1]),this.max[0]=Math.max(this.p0[0],this.p1[0],this.p2[0]),this.max[1]=Math.max(this.p0[1],this.p1[1],this.p2[1]);const h=l($,this.p1,this.p0),c=l(J,this.p2,this.p1);this.normal=function(t,e){var r=e[0],n=e[1],i=e[2],s=r*r+n*n+i*i;return s>0&&(s=1/Math.sqrt(s)),t[0]=e[0]*s,t[1]=e[1]*s,t[2]=e[2]*s,t}(this.normal,function(t,e,r){var n=e[0],i=e[1],s=e[2],a=r[0],o=r[1],h=r[2];return t[0]=i*h-s*o,t[1]=s*a-n*h,t[2]=n*o-i*a,t}(this.normal,h,c))}contains(t,e){if(t<this.min[0]||t>this.max[0]||e<this.min[1]||e>this.max[1])return!1;u(K,this.p0[0],this.p0[1]),u(X,this.p1[0],this.p1[1]),u(Q,this.p2[0],this.p2[1]);const r=it(K[0],K[1],X[0],X[1],Q[0],Q[1]);return it(t,e,K[0],K[1],Q[0],Q[1])+it(t,e,K[0],K[1],X[0],X[1])+it(t,e,X[0],X[1],Q[0],Q[1])-r<=1e-4}getHeight(t,e){const r=this.normal;return this.p0[2]-((t-this.p0[0])*r[0]+(e-this.p0[1])*r[1])/r[2]}}let et=null;function rt(t,e,r){if(et&&et.contains(e,r))return et.getHeight(e,r);for(let n=0;n<t.length;n++)if(t[n].contains(e,r))return et=t[n],t[n].getHeight(e,r);return 0}const nt=[];function it(t,e,r,n,i,s){return.5*Math.abs(t*n+r*s+i*e-t*s-r*e-i*n)}function st(t,e,r,n,i,s){"cesium-ion"===r&&(e.Authorization="Bearer "+L),function(t,e,r){const n={method:"GET",referrer:r,headers:e},i=h.getArrayBuffer(t,n),s=i.xhr;return R[t]=s,i.then((e=>(delete R[t],e)))}(t,e,origin).then((t=>{if(!t||t.message)s(t?{empty:!0,originalError:t}:{error:{canceled:!0}});else{const e=t.data;let a=null;if("tianditu"===r){const t=Y(e,n);ot(i,t,n,null,!0,s)}else if("cesium-ion"===r||"cesium"===r){a=G(e);const t=function(t,e){const{positions:r,min:n,max:i,indices:s,radius:a}=t,o=[];let h=0;for(let t=0;t<s.length;t+=3){let e=nt[h];e?e.set(r,s[t],s[t+1],s[t+2],2*a):e=nt[h]=new tt(r,s[t],s[t+1],s[t+2],2*a),h++,o.push(e)}const c=new Float32Array(e*e);h=0;for(let t=0;t<e;t++)for(let r=0;r<e;r++)c[h++]=rt(o,r/e*a*2,t/e*a*2);return{data:c,min:n,max:i,width:e,height:e}}(a,n);ot(i,t,n,null,!0,s)}else"mapbox"===r&&(a=function(t){const e=new self.Blob([new Uint8Array(t)]);return self.createImageBitmap(e)}(e),a.then((t=>{const e=ct(ht(t),n);ot(i,e,n,t,!0,s)})))}})).catch((e=>{delete R[t],s({empty:!0,originalError:e})}))}function at(t,e){const r=Math.floor(10*(t+1e4)),n=r>>16,i=r>>8&255,s=255&r;return e?(e[0]=n,e[1]=i,e[2]=s,e):[n,i,s]}function ot(t,e,r,n,i,s){const a=function(t,e,r){let n=p[r];n||(n=p[r]=new g(r));const i=n.createTile(e).getMeshWithSkirts(t,!0),{triangles:s,vertices:a,leftSkirtIndex:o,rightSkirtIndex:h,bottomSkirtIndex:c,topSkirtIndex:f}=i;let{numVerticesWithoutSkirts:l,numTrianglesWithoutSkirts:u}=i;l||(l=a.length/2,u=s.length/3);const d=a.length/2,y=new Float32Array(3*d),m=new Float32Array(2*d);let b=1/0,w=-1/0;const A=r-1;for(let t=0;t<d;t++){const n=a[2*t],i=a[2*t+1];if(t>=l){const e=n/2*3;let r,i=.001;(t-(t<o/2?l:t<h/2?o/2:t<c/2?h/2:c/2))%3==0?(r=Math.min(0,b),i=0):r=y[e+2],y[3*t]=y[e],y[3*t+1]=y[e+1],y[3*t+2]=r,m[2*t]=y[e]/A+i,m[2*t+1]=-y[e+1]/A+i}else{const s=e[i*r+n];y[3*t]=1*n,y[3*t+1]=1*-i,y[3*t+2]=s,m[2*t]=n/A,m[2*t+1]=i/A,s<b&&(b=s),s>w&&(w=s)}}return{positions:y,texcoords:m,triangles:s,leftSkirtIndex:o,rightSkirtIndex:h,bottomSkirtIndex:c,topSkirtIndex:f,numTrianglesWithoutSkirts:u,numVerticesWithoutSkirts:l,minHeight:Math.min(0,b),maxHeight:w,terrainWidth:r}}(t/6,e.data,r),o=[a.positions.buffer,a.texcoords.buffer,a.triangles.buffer];n||(n=function(t){if(C(),!B)return;const{width:e,height:r,data:n}=t;if(e&&r&&n)try{let t=B.getContext("2d",{willReadFrequently:!0});const i=t.createImageData(e,r);for(let t=0,e=n.length;t<e;t++){const e=n[t],[r,s,a]=at(e,N),o=4*t;i.data[o]=r,i.data[o+1]=s,i.data[o+2]=a,i.data[o+3]=255}return B.width=e,B.height=r,t=B.getContext("2d",{willReadFrequently:!0}),ft(t),t.putImageData(i,0,0),B.transferToImageBitmap()}catch(t){console.log(t)}}(e)),n&&o.push(n);const h={mesh:a};h.image=n,h.data=e,o.push(e.data.buffer),s(h,o)}function ht(t){const{width:e,height:r}=t;return B||(B=new OffscreenCanvas(1,1),z=B.getContext("2d",{willReadFrequently:!0})),B.width=e,B.height=r,z.drawImage(t,0,0,e,r),z.getImageData(0,0,e,r)}function ct(t,e){const{data:r,width:n}=t;let i=1/0,s=-1/0;const a=new Float32Array(e*e),o=Math.round(n/e);for(let t=0;t<e;t++)for(let h=0;h<e;h++){const c=t+h*e;let f=0,l=0;const u=t,g=h;for(let t=0;t<o;t++)for(let e=0;e<o;e++){let i=u*o+t,s=g*o+e;s>n-1&&(s=n-1),i>n-1&&(i=n-1);const a=i+s*n,h=r[4*a],c=r[4*a+1],d=r[4*a+2];0===r[4*a+3]?l+=1:f+=.1*(256*h*256+256*c+d)-1e4}f/=o*o-l||1,f>s&&(s=f),f<i&&(i=f),a[c]=f}return{data:a,width:e,height:e,min:i,max:s}}function ft(t){const e=t.canvas,{width:r,height:n}=e;t.clearRect(0,0,r,n)}function lt(t,e,r){if(!e||!Array.isArray(e)||e.length<2)return;if(!t||!t.image)return null;let{width:n,height:i}=t.image;(r=r||_)[0]===n&&r[1]===i||(n=r[0],i=r[1]),[n,i]=_;try{if(C(),!B)return;const r=B;r.width=n,r.height=i;const s=r.getContext("2d",{willReadFrequently:!0});ft(s),s.drawImage(t.image,0,0,n,i);const a=s.getImageData(0,0,n,i);!function(t,e){const r=JSON.stringify(e);O[r]||(O[r]=new A(e));const n=O[r],i=t.data;for(let t=0,e=i.length;t<e;t+=4){const e=i[t],r=i[t+1],s=i[t+2];let a=0;0!==i[t+3]&&(a=.1*(256*e*256+256*r+s)-1e4,a=Math.max(a,0));const[o,h,c]=n.getColor(a);i[t]=o,i[t+1]=h,i[t+2]=c,i[t+3]=255}}(a,e),s.putImageData(a,0,0);const o=r.transferToImageBitmap();s.save(),s.scale(1,-1),s.drawImage(o,0,-i,n,i),s.restore();const h=r.transferToImageBitmap();return o.close(),h}catch(t){console.error(t)}}t.initialize=function(){},t.onmessage=function(t,e){const r=t.data;if("addLayer"===r.command||"removeLayer"===r.command)F=t.workerId,self.postMessage({type:"<response>",actorId:r.actorId,workerId:F,params:"ok",callback:t.callback});else if("fetchTerrain"===r.command){const t=(r.params||{}).colors,n=(r.params||{}).tileSize;!function(t,e){const{url:r,origin:n,type:i,accessToken:s,terrainWidth:a,error:o,tileImage:h}=t;if(h&&h.close){const t=ct(ht(h),a);return void ot(o,t,a,h,0,e)}const c=t.headers||j[i];if("tianditu"===i)st(r,c,i,a,o,e);else if("cesium-ion"===i){const h=t.cesiumIonTokenURL+s;L?st(r,c,i,a,o,e):(H||(H=fetch(h,{responseType:"json",method:"GET",referrer:n,headers:{Accept:"application/json,*/*;q=0.01","Accept-Encoding":"gzip, deflate, br"}}).then((t=>t.json())).then((t=>{L=t.accessToken,H=null}))),H.then((()=>{st(r,c,i,a,o,e)})))}else("cesium"===i||"mapbox"===i)&&st(r,c,i,a,o,e)}(r.params,((r,i)=>{i=i||[];const s=lt(r,t,n);s&&(r.colorsTexture=s,i.push(s));const a=function(t){if(!t)return;const{positions:e,texcoords:r,triangles:n,leftSkirtIndex:i,rightSkirtIndex:s,bottomSkirtIndex:a,numVerticesWithoutSkirts:o}=t;if(!e||!r||!n)return;if(!(D(i)&&D(s)&&D(a)&&D(o)))return;const h=new Int8Array(e.length);for(let t=2;t<h.length;t+=3)t<3*o?h[t]=1:t<i/2*3?h[t-2]=-1:t<s/2*3?h[t-2]=1:h[t-1]=t<a/2*3?-1:1;const c=M(e,h,r,n);return new Float32Array(c)}(r.mesh);a&&r.mesh&&(r.mesh.tangents=a,i.push(a.buffer)),e(r.error,r,i)}))}else"abortTerrain"===r.command&&(n=r.params.url,R[n]&&(R[n].abort(),delete R[n]));var n}}`;
+function M(t,e,r,n,i){const s=t.length/3,a=new Array(4*s),o=[],h=[];for(let t=0;t<s;t++)o[t]=[0,0,0],h[t]=[0,0,0];const c=[0,0,0],f=[0,0,0],l=[0,0,0],u=[0,0],g=[0,0],d=[0,0],p=[0,0,0],y=[0,0,0];function m(e,n,i){I(c,t,3*e),I(f,t,3*n),I(l,t,3*i),S(u,r,2*e),S(g,r,2*n),S(d,r,2*i);const s=f[0]-c[0],a=l[0]-c[0],m=f[1]-c[1],b=l[1]-c[1],w=f[2]-c[2],A=l[2]-c[2],v=g[0]-u[0],k=d[0]-u[0],T=g[1]-u[1],U=d[1]-u[1],M=1/(v*U-k*T);E(p,(U*s-T*a)*M,(U*m-T*b)*M,(U*w-T*A)*M),E(y,(v*a-k*s)*M,(v*b-k*m)*M,(v*A-k*w)*M),x(o[e],o[e],p),x(o[n],o[n],p),x(o[i],o[i],p),x(h[e],h[e],y),x(h[n],h[n],y),x(h[i],h[i],y)}for(let t=0,e=n.length;t<e;t+=3)m(n[t+0],n[t+1],n[t+2]);const b=[],w=[],A=[],v=[];let M,D,F;function B(t){I(A,e,3*t),k(v,A),D=o[t],k(b,D),U(b,b,function(t,e,r){return t[0]=e[0]*r,t[1]=e[1]*r,t[2]=e[2]*r,t}(A,A,T(A,D))),function(t,e){var r=e[0],n=e[1],i=e[2],s=r*r+n*n+i*i;s>0&&(s=1/Math.sqrt(s),t[0]=e[0]*s,t[1]=e[1]*s,t[2]=e[2]*s)}(b,b),function(t,e,r){var n=e[0],i=e[1],s=e[2],a=r[0],o=r[1],h=r[2];t[0]=i*h-s*o,t[1]=s*a-n*h,t[2]=n*o-i*a}(w,v,D),F=T(w,h[t]),M=F<0?-1:1,a[4*t]=b[0],a[4*t+1]=b[1],a[4*t+2]=b[2],a[4*t+3]=M}for(let t=0,e=n.length;t<e;t+=3)B(n[t+0]),B(n[t+1]),B(n[t+2]);return a}function I(t,e,r){return t[0]=e[r],t[1]=e[r+1],t[2]=e[r+2],t}function S(t,e,r){return t[0]=e[r],t[1]=e[r+1],t}function D(t){return"number"==typeof t&&!isNaN(t)}let F;!function(){var t=function(){var t=new v(3);return v!=Float32Array&&(t[0]=0,t[1]=0,t[2]=0),t}()}();let B=null,z=null;const N=[0,0,0],_=[256,256];function C(){try{B||(B=new OffscreenCanvas(1,1))}catch(t){console.error(t)}}const O={},R={},P={width:64,height:64,elementsPerHeight:3,heightOffset:-1e3,exaggeration:1,heightScale:.001,elementMultiplier:256,stride:4,skirtHeight:.002,skirtOffset:.01},j={cesium_request_token:{Accept:"application/json,*/*;q=0.01","Accept-Encoding":"gzip, deflate, br"},tianditu:{"Accept-Encoding":"gzip, deflate, br"},cesium:{"Accept-Encoding":"gzip, deflate, br",Accept:"application/vnd.quantized-mesh,application/octet-stream;q=0.9,*/*;q=0.01"},mapbox:{Accept:"image/webp,*/*"}};j["cesium-ion"]=j.cesium;const q=32767;let L=null,H=null;function Y(t,e){const r=function(t){if(t.length<1e3)return null;const e=new Zlib.Inflate(t);return e?e.decompress():null}(new Uint8Array(t));if(!r)throw new Error((n=new Uint8Array(t),W.decode(n)));var n;const i=function(t){const e=t,r=P.width,n=P.height,i=new Uint8Array(r*n*P.stride);let s,a,o,h,c;for(let t=0;t<n;t++)for(let f=0;f<r;f++){h=parseInt(149*t/(n-1)),c=parseInt(149*f/(r-1)),a=2*(150*h+c),s=e[a]+256*e[a+1],(s>1e4||s<-2e3)&&(s=0),o=4*(t*r+f);const l=(s+1e3)/P.heightScale,u=P.elementMultiplier;i[o]=l/(u*u),i[o+1]=(l-i[o]*u*u)/u,i[o+2]=l-i[o]*u*u-i[o+1]*u,i[o+3]=255}return i}(r),s=function(t,e){const r=e,n=e,i=r+1,s=n+1,a=P.elementsPerHeight,o=P.heightOffset,h=P.heightScale,c=P.elementMultiplier,f=P.skirtHeight,l=new Float32Array(i*s);let u=0,g=1/0,d=-1/0;for(let e=0;e<i;e++){const i=e>=n?n-1:e;for(let e=0;e<s;e++){let n=0;const s=i*(4*r)+4*(e>=r?r-1:e);for(let e=0;e<a;e++)n=n*c+t[s+e];n=1*(n*h+o),n-=f,l[u]=n,n<g&&(g=n),n>d&&(d=n),u++}}return{data:l,min:g,max:d}}(i,e-1);return s.width=s.height=e,s}const W=new TextDecoder("utf-8");function V(t){return t>>1^-(1&t)}const Z=[];function G(t){let e=0;const r=3*Float64Array.BYTES_PER_ELEMENT,n=3*Uint16Array.BYTES_PER_ELEMENT;let i=Uint16Array.BYTES_PER_ELEMENT;const s=new DataView(t);e+=r;const a=s.getFloat32(e,!0);e+=Float32Array.BYTES_PER_ELEMENT;const o=s.getFloat32(e,!0);e+=Float32Array.BYTES_PER_ELEMENT,e+=r;const h=s.getFloat64(e,!0);e+=Float64Array.BYTES_PER_ELEMENT,e+=r;const c=s.getUint32(e,!0);e+=Uint32Array.BYTES_PER_ELEMENT;const f=new Uint16Array(t,e,3*c);e+=c*n,c>65536&&(i=Uint32Array.BYTES_PER_ELEMENT);!function(t,e,r){const n=t.length;let i=0,s=0,a=0;for(let o=0;o<n;++o)i+=V(t[o]),s+=V(e[o]),t[o]=i,e[o]=s,r&&(a+=V(r[o]),r[o]=a)}(f.subarray(0,c),f.subarray(c,2*c),f.subarray(2*c,3*c)),e%i!=0&&(e+=i-e%i);const l=s.getUint32(e,!0);e+=Uint32Array.BYTES_PER_ELEMENT;const u=c>65536?new Uint32Array(t,e,3*l):new Uint16Array(t,e,3*l);let g=0;const d=u.length;for(let t=0;t<d;++t){const e=u[t];u[t]=g-e,0===e&&++g}const p={minimumHeight:a,maximumHeight:o,quantizedVertices:f,indices:u}.quantizedVertices,y=p.length/3,m=p.subarray(0,y),b=p.subarray(y,2*y),w=p.subarray(2*y,3*y),A=Z;for(let t=0;t<y;++t){const e=m[t],r=b[t],n=e/q,i=r/q,s=(v=a,k=o,(1-(E=w[t]/q))*v+E*k);A[3*t]=n,A[3*t+1]=1-i,A[3*t+2]=s}var v,k,E;return{positions:A,radius:h,min:a,max:o,indices:u}}const $=[],J=[],K=[],X=[],Q=[];class tt{constructor(t,e,r,n,i){this.p0=[],this.p1=[],this.p2=[],this.normal=[],this.min=[],this.max=[],this.set(t,e,r,n,i)}set(t,e,r,n,i){this.radius=i;let s=3*e,a=3*e+1,o=3*e+2;this.p0[0]=t[s]*i,this.p0[1]=t[a]*i,this.p0[2]=t[o],s=3*r,a=3*r+1,o=3*r+2,this.p1[0]=t[s]*i,this.p1[1]=t[a]*i,this.p1[2]=t[o],s=3*n,a=3*n+1,o=3*n+2,this.p2[0]=t[s]*i,this.p2[1]=t[a]*i,this.p2[2]=t[o],this.min[0]=Math.min(this.p0[0],this.p1[0],this.p2[0]),this.min[1]=Math.min(this.p0[1],this.p1[1],this.p2[1]),this.max[0]=Math.max(this.p0[0],this.p1[0],this.p2[0]),this.max[1]=Math.max(this.p0[1],this.p1[1],this.p2[1]);const h=l($,this.p1,this.p0),c=l(J,this.p2,this.p1);this.normal=function(t,e){var r=e[0],n=e[1],i=e[2],s=r*r+n*n+i*i;return s>0&&(s=1/Math.sqrt(s)),t[0]=e[0]*s,t[1]=e[1]*s,t[2]=e[2]*s,t}(this.normal,function(t,e,r){var n=e[0],i=e[1],s=e[2],a=r[0],o=r[1],h=r[2];return t[0]=i*h-s*o,t[1]=s*a-n*h,t[2]=n*o-i*a,t}(this.normal,h,c))}contains(t,e){if(t<this.min[0]||t>this.max[0]||e<this.min[1]||e>this.max[1])return!1;u(K,this.p0[0],this.p0[1]),u(X,this.p1[0],this.p1[1]),u(Q,this.p2[0],this.p2[1]);const r=it(K[0],K[1],X[0],X[1],Q[0],Q[1]);return it(t,e,K[0],K[1],Q[0],Q[1])+it(t,e,K[0],K[1],X[0],X[1])+it(t,e,X[0],X[1],Q[0],Q[1])-r<=1e-4}getHeight(t,e){const r=this.normal;return this.p0[2]-((t-this.p0[0])*r[0]+(e-this.p0[1])*r[1])/r[2]}}let et=null;function rt(t,e,r){if(et&&et.contains(e,r))return et.getHeight(e,r);for(let n=0;n<t.length;n++)if(t[n].contains(e,r))return et=t[n],t[n].getHeight(e,r);return 0}const nt=[];function it(t,e,r,n,i,s){return.5*Math.abs(t*n+r*s+i*e-t*s-r*e-i*n)}function st(t,e,r,n,i,s){"cesium-ion"===r&&(e.Authorization="Bearer "+L),function(t,e,r){const n={method:"GET",referrer:r,headers:e},i=h.getArrayBuffer(t,n),s=i.xhr;return R[t]=s,i.then((e=>(delete R[t],e)))}(t,e,origin).then((t=>{if(!t||t.message)s(t?{empty:!0,originalError:t}:{error:{canceled:!0}});else{const e=t.data;let a=null;if("tianditu"===r){const t=Y(e,n);ot(i,t,n,null,!0,s)}else if("cesium-ion"===r||"cesium"===r){a=G(e);const t=function(t,e){const{positions:r,min:n,max:i,indices:s,radius:a}=t,o=[];let h=0;for(let t=0;t<s.length;t+=3){let e=nt[h];e?e.set(r,s[t],s[t+1],s[t+2],2*a):e=nt[h]=new tt(r,s[t],s[t+1],s[t+2],2*a),h++,o.push(e)}const c=new Float32Array(e*e);h=0;for(let t=0;t<e;t++)for(let r=0;r<e;r++)c[h++]=rt(o,r/e*a*2,t/e*a*2);return{data:c,min:n,max:i,width:e,height:e}}(a,n);ot(i,t,n,null,!0,s)}else"mapbox"===r&&(a=function(t){const e=new self.Blob([new Uint8Array(t)]);return self.createImageBitmap(e)}(e),a.then((t=>{const e=ct(ht(t),n);ot(i,e,n,t,!0,s)})))}})).catch((e=>{delete R[t],s({empty:!0,originalError:e})}))}function at(t,e){const r=Math.floor(10*(t+1e4)),n=r>>16,i=r>>8&255,s=255&r;return e?(e[0]=n,e[1]=i,e[2]=s,e):[n,i,s]}function ot(t,e,r,n,i,s){const a=function(t,e,r){let n=p[r];n||(n=p[r]=new g(r));const i=n.createTile(e).getMeshWithSkirts(t,!0),{triangles:s,vertices:a,leftSkirtIndex:o,rightSkirtIndex:h,bottomSkirtIndex:c,topSkirtIndex:f}=i;let{numVerticesWithoutSkirts:l,numTrianglesWithoutSkirts:u}=i;l||(l=a.length/2,u=s.length/3);const d=a.length/2,y=new Float32Array(3*d),m=new Float32Array(2*d);let b=1/0,w=-1/0;const A=r-1;for(let t=0;t<d;t++){const n=a[2*t],i=a[2*t+1];if(t>=l){const e=n/2*3;let r,i=.001;(t-(t<o/2?l:t<h/2?o/2:t<c/2?h/2:c/2))%3==0?(r=Math.min(0,b),i=0):r=y[e+2],y[3*t]=y[e],y[3*t+1]=y[e+1],y[3*t+2]=r,m[2*t]=y[e]/A+i,m[2*t+1]=-y[e+1]/A+i}else{const s=e[i*r+n];y[3*t]=1*n,y[3*t+1]=1*-i,y[3*t+2]=s,m[2*t]=n/A,m[2*t+1]=i/A,s<b&&(b=s),s>w&&(w=s)}}return{positions:y,texcoords:m,triangles:s,leftSkirtIndex:o,rightSkirtIndex:h,bottomSkirtIndex:c,topSkirtIndex:f,numTrianglesWithoutSkirts:u,numVerticesWithoutSkirts:l,minHeight:Math.min(0,b),maxHeight:w,terrainWidth:r}}(t/6,e.data,r),o=[a.positions.buffer,a.texcoords.buffer,a.triangles.buffer];n||(n=function(t){if(C(),!B)return;const{width:e,height:r,data:n}=t;if(e&&r&&n)try{let t=B.getContext("2d",{willReadFrequently:!0});const i=t.createImageData(e,r);for(let t=0,e=n.length;t<e;t++){const e=n[t],[r,s,a]=at(e,N),o=4*t;i.data[o]=r,i.data[o+1]=s,i.data[o+2]=a,i.data[o+3]=255}return B.width=e,B.height=r,t=B.getContext("2d",{willReadFrequently:!0}),ft(t),t.putImageData(i,0,0),B.transferToImageBitmap()}catch(t){console.log(t)}}(e)),n&&o.push(n);const h={mesh:a};h.image=n,h.data=e,o.push(e.data.buffer),s(h,o)}function ht(t){const{width:e,height:r}=t;return B||(B=new OffscreenCanvas(1,1),z=B.getContext("2d",{willReadFrequently:!0})),B.width=e,B.height=r,z.drawImage(t,0,0,e,r),z.getImageData(0,0,e,r)}function ct(t,e){const{data:r,width:n}=t;let i=1/0,s=-1/0;const a=new Float32Array(e*e),o=Math.round(n/e);for(let t=0;t<e;t++)for(let h=0;h<e;h++){const c=t+h*e;let f=0,l=0;const u=t,g=h;for(let t=0;t<o;t++)for(let e=0;e<o;e++){let i=u*o+t,s=g*o+e;s>n-1&&(s=n-1),i>n-1&&(i=n-1);const a=i+s*n,h=r[4*a],c=r[4*a+1],d=r[4*a+2];0===r[4*a+3]?l+=1:f+=.1*(256*h*256+256*c+d)-1e4}f/=o*o-l||1,f>s&&(s=f),f<i&&(i=f),a[c]=f}return{data:a,width:e,height:e,min:i,max:s}}function ft(t){const e=t.canvas,{width:r,height:n}=e;t.clearRect(0,0,r,n)}function lt(t,e,r){if(!e||!Array.isArray(e)||e.length<2)return;if(!t||!t.image)return null;let{width:n,height:i}=t.image;(r=r||_)[0]===n&&r[1]===i||(n=r[0],i=r[1]),n*=2,i*=2;try{if(C(),!B)return;const r=B;r.width=n,r.height=i;const s=r.getContext("2d",{willReadFrequently:!0});ft(s),s.drawImage(t.image,0,0,n,i);const a=s.getImageData(0,0,n,i);!function(t,e){const r=JSON.stringify(e);O[r]||(O[r]=new A(e));const n=O[r],i=t.data;for(let t=0,e=i.length;t<e;t+=4){const e=i[t],r=i[t+1],s=i[t+2];let a=0;0!==i[t+3]&&(a=.1*(256*e*256+256*r+s)-1e4,a=Math.max(a,0));const[o,h,c]=n.getColor(a);i[t]=o,i[t+1]=h,i[t+2]=c,i[t+3]=255}}(a,e),s.putImageData(a,0,0);const o=r.transferToImageBitmap();s.save(),s.scale(1,-1),s.drawImage(o,0,-i,n,i),s.restore();const h=r.transferToImageBitmap();return o.close(),h}catch(t){console.error(t)}}t.initialize=function(){},t.onmessage=function(t,e){const r=t.data;if("addLayer"===r.command||"removeLayer"===r.command)F=t.workerId,self.postMessage({type:"<response>",actorId:r.actorId,workerId:F,params:"ok",callback:t.callback});else if("fetchTerrain"===r.command){const t=(r.params||{}).colors,n=(r.params||{}).tileSize;!function(t,e){const{url:r,origin:n,type:i,accessToken:s,terrainWidth:a,error:o,tileImage:h}=t;if(h&&h.close){const t=ct(ht(h),a);return void ot(o,t,a,h,0,e)}const c=t.headers||j[i];if("tianditu"===i)st(r,c,i,a,o,e);else if("cesium-ion"===i){const h=t.cesiumIonTokenURL+s;L?st(r,c,i,a,o,e):(H||(H=fetch(h,{responseType:"json",method:"GET",referrer:n,headers:{Accept:"application/json,*/*;q=0.01","Accept-Encoding":"gzip, deflate, br"}}).then((t=>t.json())).then((t=>{L=t.accessToken,H=null}))),H.then((()=>{st(r,c,i,a,o,e)})))}else("cesium"===i||"mapbox"===i)&&st(r,c,i,a,o,e)}(r.params,((r,i)=>{i=i||[];const s=lt(r,t,n);s&&(r.colorsTexture=s,i.push(s));const a=function(t){if(!t)return;const{positions:e,texcoords:r,triangles:n,leftSkirtIndex:i,rightSkirtIndex:s,bottomSkirtIndex:a,numVerticesWithoutSkirts:o}=t;if(!e||!r||!n)return;if(!(D(i)&&D(s)&&D(a)&&D(o)))return;const h=new Int8Array(e.length);for(let t=2;t<h.length;t+=3)t<3*o?h[t]=1:t<i/2*3?h[t-2]=-1:t<s/2*3?h[t-2]=1:h[t-1]=t<a/2*3?-1:1;const c=M(e,h,r,n);return new Float32Array(c)}(r.mesh);a&&r.mesh&&(r.mesh.tangents=a,i.push(a.buffer)),e(r.error,r,i)}))}else"abortTerrain"===r.command&&(n=r.params.url,R[n]&&(R[n].abort(),delete R[n]));var n}}`;
 
 const code = `function(t){var n,r="undefined"!=typeof Float32Array?Float32Array:Array;function o(t,n,r){return t[0]=n[0]*r,t[1]=n[1]*r,t[2]=n[2]*r,t}function e(t,n,r,o){return t[0]=n[0]+r[0]*o,t[1]=n[1]+r[1]*o,t[2]=n[2]+r[2]*o,t}function a(t,n){var r=n[0],o=n[1],e=n[2],a=r*r+o*o+e*e;return a>0&&(a=1/Math.sqrt(a)),t[0]=n[0]*a,t[1]=n[1]*a,t[2]=n[2]*a,t}
 /*!
@@ -34006,5 +34073,5 @@ maptalks.registerWorkerAdapter('maplight', code);
 
 export { Area3DTool, BoxInsideClipper as BoxInsideClipMask, BoxOutsideClipper as BoxOutsideClipMask, canvasCompatible as CanvasCompatible, ClipInsideMask, ClipOutsideMask, ColorMask, context as ContextUtil, Distance3DTool, ElevateMask, FlatInsideMask$1 as FlatInsideMask, FlatInsideMask as FlatOutsideMask, GroundPainter, GroupGLLayer, HeatmapProcess, Height3DTool, highlight as HighlightUtil, ImageMask, MapGLRenderer, MapGPURenderer, MaskLayerMixin, MaskRendererMixin, Measure3DTool, RayCaster, VideoMask, Color$1 as color, earcut$1 as earcut, index as reshader, transcoders };
 
-typeof console !== 'undefined' && console.log('@maptalks/gpu v0.117.0');
+typeof console !== 'undefined' && console.log('@maptalks/gpu v0.117.1');
 //# sourceMappingURL=maptalksgpu.es.js.map