@antv/l7-layers 2.9.17 → 2.9.20

package/es/wind/models/windRender.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/wind/models/windRender.ts"],"names":["glUtils","drawFrag","drawVert","fullScreenFrag","fullScreenVert","updateFrag","updateVert","getColorRamp","colors","canvas","document","createElement","ctx","getContext","width","height","gradient","createLinearGradient","Object","keys","stop","addColorStop","fillStyle","fillRect","Uint8Array","getImageData","data","bindAttribute","gl","buffer","attribute","numComponents","bindBuffer","ARRAY_BUFFER","enableVertexAttribArray","vertexAttribPointer","FLOAT","bindFramebuffer","framebuffer","texture","FRAMEBUFFER","framebufferTexture2D","COLOR_ATTACHMENT0","TEXTURE_2D","Wind","options","glContext","imageWidth","imageHeight","fadeOpacity","speedFactor","dropRate","dropRateBump","rampColors","init","drawProgram","createProgram","fullScreenProgram","updateProgram","quadBuffer","createBuffer","Float32Array","createFramebuffer","colorRampTexture","createTexture","LINEAR","emptyPixels","backgroundTexture","NEAREST","screenTexture","particleRes","particleStateResolution","Math","ceil","sqrt","numParticles","numParticlesSize","particleState","i","length","floor","random","particleStateTexture0","particleStateTexture1","particleIndices","i$1","particleIndexBuffer","windData","windTexture","createDataTexture","image","num","uMin","uMax","vMin","vMax","isColorChanged","deleteTexture","item","key","Number","bindTexture","drawScreen","updateParticles","d","pixels","w","h","viewport","drawFullTexture","drawParticles","disable","BLEND","readPixels","RGBA","UNSIGNED_BYTE","temp","opacity","program","useProgram","a_pos","uniform1i","u_screen","uniform1f","u_opacity","drawArrays","TRIANGLES","a_index","u_wind","u_particles","u_color_ramp","u_particles_res","uniform2f","u_wind_min","u_wind_max","POINTS","u_rand_seed","u_wind_res","u_speed_factor","u_drop_rate","u_drop_rate_bump","deleteBuffer","deleteFramebuffer","deleteShader","vertexShader","fragmentShader","deleteProgram"],"mappings":";;;AAAA,OAAO,KAAKA,OAAZ,MAAyB,SAAzB;AACA,SACEC,QADF,EAEEC,QAFF,EAGEC,cAHF,EAIEC,cAJF,EAKEC,UALF,EAMEC,UANF,QAOO,cAPP;;AASA,SAASC,YAAT,CAAsBC,MAAtB,EAAyD;AACvD,MAAIC,MAAM,GAAGC,QAAQ,CAACC,aAAT,CAAuB,QAAvB,CAAb;AACA,MAAMC,GAAG,GAAGH,MAAM,CAACI,UAAP,CAAkB,IAAlB,CAAZ;AAEAJ,EAAAA,MAAM,CAACK,KAAP,GAAe,GAAf;AACAL,EAAAA,MAAM,CAACM,MAAP,GAAgB,CAAhB;AAEA,MAAMC,QAAQ,GAAGJ,GAAG,CAACK,oBAAJ,CAAyB,CAAzB,EAA4B,CAA5B,EAA+B,GAA/B,EAAoC,CAApC,CAAjB;;AACA,kCAAmBC,MAAM,CAACC,IAAP,CAAYX,MAAZ,CAAnB,kCAAwC;AAAnC,QAAMY,IAAI,mBAAV;AACHJ,IAAAA,QAAQ,CAACK,YAAT,CAAsB,CAACD,IAAvB,EAA6BZ,MAAM,CAAC,CAACY,IAAF,CAAnC;AACD;;AAEDR,EAAAA,GAAG,CAACU,SAAJ,GAAgBN,QAAhB;AACAJ,EAAAA,GAAG,CAACW,QAAJ,CAAa,CAAb,EAAgB,CAAhB,EAAmB,GAAnB,EAAwB,CAAxB;AAGAd,EAAAA,MAAM,GAAG,IAAT;AAEA,SAAO,IAAIe,UAAJ,CAAeZ,GAAG,CAACa,YAAJ,CAAiB,CAAjB,EAAoB,CAApB,EAAuB,GAAvB,EAA4B,CAA5B,EAA+BC,IAA9C,CAAP;AACD;;AAED,SAASC,aAAT,CACEC,EADF,EAEEC,MAFF,EAGEC,SAHF,EAIEC,aAJF,EAKE;AACAH,EAAAA,EAAE,CAACI,UAAH,CAAcJ,EAAE,CAACK,YAAjB,EAA+BJ,MAA/B;AACAD,EAAAA,EAAE,CAACM,uBAAH,CAA2BJ,SAA3B;AACAF,EAAAA,EAAE,CAACO,mBAAH,CAAuBL,SAAvB,EAAkCC,aAAlC,EAAiDH,EAAE,CAACQ,KAApD,EAA2D,KAA3D,EAAkE,CAAlE,EAAqE,CAArE;AACD;;AAED,SAASC,eAAT,CACET,EADF,EAEEU,WAFF,EAGEC,OAHF,EAIE;AACAX,EAAAA,EAAE,CAACS,eAAH,CAAmBT,EAAE,CAACY,WAAtB,EAAmCF,WAAnC;;AACA,MAAIC,OAAJ,EAAa;AACXX,IAAAA,EAAE,CAACa,oBAAH,CACEb,EAAE,CAACY,WADL,EAEEZ,EAAE,CAACc,iBAFL,EAGEd,EAAE,CAACe,UAHL,EAIEJ,OAJF,EAKE,CALF;AAOD;AACF;;AA6CD,WAAaK,IAAb;AAmCE,gBAAYC,OAAZ,EAAiC;AAAA;;AAAA,mCAlCV,GAkCU;;AAAA,oCAjCT,GAiCS;;AAAA;;AAAA;;AAAA;;AAAA;;AAAA;;AAAA;;AAAA;;AAAA;;AAAA;;AAAA;;AAAA,0CAlBF,KAkBE;;AAAA;;AAAA;;AAAA;;AAAA;;AAAA;;AAAA;;AAAA;;AAAA;;AAAA;;AAAA;;AAAA;;AAAA;;AAC/B,SAAKjB,EAAL,GAAUiB,OAAO,CAACC,SAAlB;AACA,SAAKhC,KAAL,GAAa+B,OAAO,CAACE,UAArB;AACA,SAAKhC,MAAL,GAAc8B,OAAO,CAACG,WAAtB;AACA,SAAKC,WAAL,GAAmBJ,OAAO,CAACI,WAA3B;AACA,SAAKC,WAAL,GAAmBL,OAAO,CAACK,WAA3B;AACA,SAAKC,QAAL,GAAgBN,OAAO,CAACM,QAAxB;AACA,SAAKC,YAAL,GAAoBP,OAAO,CAACO,YAA5B;AAEA,SAAKC,UAAL,GAAkBR,OAAO,CAACQ,UAA1B;AACA,SAAKC,IAAL;AACD;;AA9CH;AAAA;AAAA,WAgDE,gBAAc;AACZ,UAAM1B,EAAE,GAAG,KAAKA,EAAhB;AAEA,WAAKqB,WAAL,GAAmB,KAAnB;AACA,WAAKC,WAAL,GAAmB,IAAnB;AACA,WAAKC,QAAL,GAAgB,KAAhB;AACA,WAAKC,YAAL,GAAoB,IAApB;AAEA,WAAKG,WAAL,GAAmBvD,OAAO,CAACwD,aAAR,CACjB5B,EADiB,EAEjB1B,QAFiB,EAGjBD,QAHiB,CAAnB;AAKA,WAAKwD,iBAAL,GAAyBzD,OAAO,CAACwD,aAAR,CACvB5B,EADuB,EAEvBxB,cAFuB,EAGvBD,cAHuB,CAAzB;AAKA,WAAKuD,aAAL,GAAqB1D,OAAO,CAACwD,aAAR,CACnB5B,EADmB,EAEnBtB,UAFmB,EAGnBD,UAHmB,CAArB;AAMA,WAAKsD,UAAL,GAAkB3D,OAAO,CAAC4D,YAAR,CAChBhC,EADgB,EAEhB,IAAIiC,YAAJ,CAAiB,CAAC,CAAD,EAAI,CAAJ,EAAO,CAAP,EAAU,CAAV,EAAa,CAAb,EAAgB,CAAhB,EAAmB,CAAnB,EAAsB,CAAtB,EAAyB,CAAzB,EAA4B,CAA5B,EAA+B,CAA/B,EAAkC,CAAlC,CAAjB,CAFgB,CAAlB;AAKA,WAAKvB,WAAL,GAAmBV,EAAE,CAACkC,iBAAH,EAAnB;AAEA,WAAKC,gBAAL,GAAwB/D,OAAO,CAACgE,aAAR,CACtB,KAAKpC,EADiB,EAEtB,KAAKA,EAAL,CAAQqC,MAFc,EAGtB1D,YAAY,CAAC,KAAK8C,UAAN,CAHU,EAItB,EAJsB,EAKtB,EALsB,CAAxB;AAQA,UAAMa,WAAW,GAAG,IAAI1C,UAAJ,CAAe,KAAKV,KAAL,GAAa,KAAKC,MAAlB,GAA2B,CAA1C,CAApB;AAIA,WAAKoD,iBAAL,GAAyBnE,OAAO,CAACgE,aAAR,CACvBpC,EADuB,EAEvBA,EAAE,CAACwC,OAFoB,EAGvBF,WAHuB,EAIvB,KAAKpD,KAJkB,EAKvB,KAAKC,MALkB,CAAzB;AAOA,WAAKsD,aAAL,GAAqBrE,OAAO,CAACgE,aAAR,CACnBpC,EADmB,EAEnBA,EAAE,CAACwC,OAFgB,EAGnBF,WAHmB,EAInB,KAAKpD,KAJc,EAKnB,KAAKC,MALc,CAArB;AASA,UAAMuD,WAAW,GAAI,KAAKC,uBAAL,GAA+BC,IAAI,CAACC,IAAL,CAClDD,IAAI,CAACE,IAAL,CAAU,KAAKC,YAAf,CADkD,CAApD;AAIA,WAAKC,gBAAL,GAAwBN,WAAW,GAAGA,WAAtC;AAEA,UAAMO,aAAa,GAAG,IAAIrD,UAAJ,CAAe,KAAKoD,gBAAL,GAAwB,CAAvC,CAAtB;;AACA,WAAK,IAAIE,CAAC,GAAG,CAAb,EAAgBA,CAAC,GAAGD,aAAa,CAACE,MAAlC,EAA0CD,CAAC,EAA3C,EAA+C;AAC7CD,QAAAA,aAAa,CAACC,CAAD,CAAb,GAAmBN,IAAI,CAACQ,KAAL,CAAWR,IAAI,CAACS,MAAL,KAAgB,GAA3B,CAAnB;AACD;;AAED,WAAKC,qBAAL,GAA6BlF,OAAO,CAACgE,aAAR,CAC3BpC,EAD2B,EAE3BA,EAAE,CAACwC,OAFwB,EAG3BS,aAH2B,EAI3BP,WAJ2B,EAK3BA,WAL2B,CAA7B;AAOA,WAAKa,qBAAL,GAA6BnF,OAAO,CAACgE,aAAR,CAC3BpC,EAD2B,EAE3BA,EAAE,CAACwC,OAFwB,EAG3BS,aAH2B,EAI3BP,WAJ2B,EAK3BA,WAL2B,CAA7B;AAQA,UAAMc,eAAe,GAAG,IAAIvB,YAAJ,CAAiB,KAAKe,gBAAtB,CAAxB;;AACA,WAAK,IAAIS,GAAG,GAAG,CAAf,EAAkBA,GAAG,GAAG,KAAKT,gBAA7B,EAA+CS,GAAG,EAAlD,EAAsD;AACpDD,QAAAA,eAAe,CAACC,GAAD,CAAf,GAAuBA,GAAvB;AACD;;AACD,WAAKC,mBAAL,GAA2BtF,OAAO,CAAC4D,YAAR,CAAqBhC,EAArB,EAAyBwD,eAAzB,CAA3B;AACD;AA1IH;AAAA;AAAA,WA4IE,iBAAeG,QAAf,EAAoC;AAClC,WAAKA,QAAL,GAAgBA,QAAhB;AACA,WAAKC,WAAL,GAAmBxF,OAAO,CAACyF,iBAAR,CACjB,KAAK7D,EADY,EAEjB,KAAKA,EAAL,CAAQqC,MAFS,EAGjBsB,QAAQ,CAACG,KAHQ,CAAnB;AAKD;AAnJH;AAAA;AAAA,WAyJE,2BAAyBC,GAAzB,EAAsC;AACpC,UAAM/D,EAAE,GAAG,KAAKA,EAAhB;;AACA,UAAI+D,GAAG,KAAK,KAAKhB,YAAjB,EAA+B;AAC7B,aAAKA,YAAL,GAAoBgB,GAApB;AAGA,YAAMrB,WAAW,GAAI,KAAKC,uBAAL,GAA+BC,IAAI,CAACC,IAAL,CAClDD,IAAI,CAACE,IAAL,CAAU,KAAKC,YAAf,CADkD,CAApD;AAGA,aAAKC,gBAAL,GAAwBN,WAAW,GAAGA,WAAtC;AAEA,YAAMO,aAAa,GAAG,IAAIrD,UAAJ,CAAe,KAAKoD,gBAAL,GAAwB,CAAvC,CAAtB;;AACA,aAAK,IAAIE,CAAC,GAAG,CAAb,EAAgBA,CAAC,GAAGD,aAAa,CAACE,MAAlC,EAA0CD,CAAC,EAA3C,EAA+C;AAC7CD,UAAAA,aAAa,CAACC,CAAD,CAAb,GAAmBN,IAAI,CAACQ,KAAL,CAAWR,IAAI,CAACS,MAAL,KAAgB,GAA3B,CAAnB;AACD;;AAED,aAAKC,qBAAL,GAA6BlF,OAAO,CAACgE,aAAR,CAC3BpC,EAD2B,EAE3BA,EAAE,CAACwC,OAFwB,EAG3BS,aAH2B,EAI3BP,WAJ2B,EAK3BA,WAL2B,CAA7B;AAOA,aAAKa,qBAAL,GAA6BnF,OAAO,CAACgE,aAAR,CAC3BpC,EAD2B,EAE3BA,EAAE,CAACwC,OAFwB,EAG3BS,aAH2B,EAI3BP,WAJ2B,EAK3BA,WAL2B,CAA7B;AAQA,YAAMc,eAAe,GAAG,IAAIvB,YAAJ,CAAiB,KAAKe,gBAAtB,CAAxB;;AACA,aAAK,IAAIS,GAAG,GAAG,CAAf,EAAkBA,GAAG,GAAG,KAAKT,gBAA7B,EAA+CS,GAAG,EAAlD,EAAsD;AACpDD,UAAAA,eAAe,CAACC,GAAD,CAAf,GAAuBA,GAAvB;AACD;;AACD,aAAKC,mBAAL,GAA2BtF,OAAO,CAAC4D,YAAR,CAAqBhC,EAArB,EAAyBwD,eAAzB,CAA3B;AACD;AACF;AA9LH;AAAA;AAAA,WAuME,uBAAqBQ,IAArB,EAAmCC,IAAnC,EAAiDC,IAAjD,EAA+DC,IAA/D,EAA6E;AAC3E,WAAKR,QAAL,CAAcK,IAAd,GAAqBA,IAArB;AACA,WAAKL,QAAL,CAAcM,IAAd,GAAqBA,IAArB;AACA,WAAKN,QAAL,CAAcO,IAAd,GAAqBA,IAArB;AACA,WAAKP,QAAL,CAAcQ,IAAd,GAAqBA,IAArB;AACD;AA5MH;AAAA;AAAA,WAkNE,gCAA8B1C,UAA9B,EAAqE;AACnE,UAAI,KAAK2C,cAAL,CAAoB3C,UAApB,CAAJ,EAAqC;AACnC,aAAKA,UAAL,GAAkBA,UAAlB;AAEA,YAAMzB,EAAE,GAAG,KAAKA,EAAhB;AACAA,QAAAA,EAAE,CAACqE,aAAH,CAAiB,KAAKlC,gBAAtB;AACA,aAAKA,gBAAL,GAAwB/D,OAAO,CAACgE,aAAR,CACtBpC,EADsB,EAEtBA,EAAE,CAACqC,MAFmB,EAGtB1D,YAAY,CAAC8C,UAAD,CAHU,EAItB,EAJsB,EAKtB,EALsB,CAAxB;AAOD;AACF;AAhOH;AAAA;AAAA,WAkOE,wBAAsBA,UAAtB,EAAsE;AACpE,UAAMlC,IAAI,GAAGD,MAAM,CAACC,IAAP,CAAYkC,UAAZ,CAAb;;AACA,gCAAmBlC,IAAnB,6BAAyB;AAApB,YAAM+E,IAAI,aAAV;;AACH,YAAMC,IAAG,GAAGC,MAAM,CAACF,IAAD,CAAlB;;AAEA,YAAI,CAAC,KAAK7C,UAAL,CAAgB8C,IAAhB,CAAL,EAA2B;AACzB,iBAAO,IAAP;AACD;;AAED,YAAI,KAAK9C,UAAL,CAAgB8C,IAAhB,KAAwB,KAAK9C,UAAL,CAAgB8C,IAAhB,MAAyB9C,UAAU,CAAC8C,IAAD,CAA/D,EAAsE;AACpE,iBAAO,IAAP;AACD;AACF;;AACD,aAAO,KAAP;AACD;AAhPH;AAAA;AAAA,WAkPE,gBAAcrF,KAAd,EAA6BC,MAA7B,EAA6C;AAC3C,UAAID,KAAK,KAAK,KAAKA,KAAf,IAAwBC,MAAM,KAAK,KAAKA,MAA5C,EAAoD;AAClD,YAAMa,EAAE,GAAG,KAAKA,EAAhB;AACAA,QAAAA,EAAE,CAACqE,aAAH,CAAiB,KAAK9B,iBAAtB;AACAvC,QAAAA,EAAE,CAACqE,aAAH,CAAiB,KAAK5B,aAAtB;AAEA,aAAKvD,KAAL,GAAaA,KAAb;AACA,aAAKC,MAAL,GAAcA,MAAd;AACA,YAAMmD,WAAW,GAAG,IAAI1C,UAAJ,CAAeV,KAAK,GAAGC,MAAR,GAAiB,CAAhC,CAApB;AAEA,aAAKoD,iBAAL,GAAyBnE,OAAO,CAACgE,aAAR,CACvBpC,EADuB,EAEvBA,EAAE,CAACwC,OAFoB,EAGvBF,WAHuB,EAIvBpD,KAJuB,EAKvBC,MALuB,CAAzB;AAOA,aAAKsD,aAAL,GAAqBrE,OAAO,CAACgE,aAAR,CACnBpC,EADmB,EAEnBA,EAAE,CAACwC,OAFgB,EAGnBF,WAHmB,EAInBpD,KAJmB,EAKnBC,MALmB,CAArB;AAOD;AACF;AA3QH;AAAA;AAAA,WA6QE,gBAAc;AAAA;;AACZ,4BAAI,KAAKwE,QAAT,2CAAI,eAAeG,KAAnB,EAA0B;AACxB,YAAM9D,EAAE,GAAG,KAAKA,EAAhB;AAEA5B,QAAAA,OAAO,CAACqG,WAAR,CAAoBzE,EAApB,EAAwB,KAAK4D,WAA7B,EAA0D,CAA1D;AACAxF,QAAAA,OAAO,CAACqG,WAAR,CAAoBzE,EAApB,EAAwB,KAAKsD,qBAA7B,EAAoE,CAApE;AAEA,aAAKoB,UAAL;AACA,aAAKC,eAAL;AAEA,eAAO;AAAEC,UAAAA,CAAC,EAAE,KAAKC,MAAV;AAAkBC,UAAAA,CAAC,EAAE,KAAK5F,KAA1B;AAAiC6F,UAAAA,CAAC,EAAE,KAAK5F;AAAzC,SAAP;AACD,OAVD,MAUO;AACL,eAAO;AAAEyF,UAAAA,CAAC,EAAE,IAAIhF,UAAJ,CAAe,CAAC,CAAD,EAAI,CAAJ,EAAO,CAAP,EAAU,CAAV,CAAf,CAAL;AAAmCkF,UAAAA,CAAC,EAAE,CAAtC;AAAyCC,UAAAA,CAAC,EAAE;AAA5C,SAAP;AACD;AACF;AA3RH;AAAA;AAAA,WA6RE,sBAAoB;AAClB,UAAM/E,EAAE,GAAG,KAAKA,EAAhB;AAGAS,MAAAA,eAAe,CAACT,EAAD,EAAK,KAAKU,WAAV,EAAuB,KAAK+B,aAA5B,CAAf;AAEAzC,MAAAA,EAAE,CAACgF,QAAH,CAAY,CAAZ,EAAe,CAAf,EAAkB,KAAK9F,KAAvB,EAA8B,KAAKC,MAAnC;AAEA,WAAK8F,eAAL,CAAqB,KAAK1C,iBAA1B,EAA6C,KAAKlB,WAAlD;AACA,WAAK6D,aAAL;AAEAlF,MAAAA,EAAE,CAACmF,OAAH,CAAWnF,EAAE,CAACoF,KAAd;AAEA,WAAKP,MAAL,GAAc,IAAIjF,UAAJ,CAAe,IAAI,KAAKV,KAAT,GAAiB,KAAKC,MAArC,CAAd;AACAa,MAAAA,EAAE,CAACqF,UAAH,CACE,CADF,EAEE,CAFF,EAGE,KAAKnG,KAHP,EAIE,KAAKC,MAJP,EAKEa,EAAE,CAACsF,IALL,EAMEtF,EAAE,CAACuF,aANL,EAOE,KAAKV,MAPP;AAUApE,MAAAA,eAAe,CAACT,EAAD,EAAK,IAAL,EAAW,IAAX,CAAf;AACAA,MAAAA,EAAE,CAACgF,QAAH,CAAY,CAAZ,EAAe,CAAf,EAAkB,KAAKhF,EAAL,CAAQnB,MAAR,CAAeK,KAAjC,EAAwC,KAAKc,EAAL,CAAQnB,MAAR,CAAeM,MAAvD;AAGA,UAAMqG,IAAI,GAAG,KAAKjD,iBAAlB;AACA,WAAKA,iBAAL,GAAyB,KAAKE,aAA9B;AACA,WAAKA,aAAL,GAAqB+C,IAArB;AACD;AA5TH;AAAA;AAAA,WA8TE,yBAAuB7E,OAAvB,EAAqC8E,OAArC,EAAsD;AACpD,UAAMzF,EAAE,GAAG,KAAKA,EAAhB;AACA,UAAM0F,OAAO,GAAG,KAAK7D,iBAArB;AACA7B,MAAAA,EAAE,CAAC2F,UAAH,CAAcD,OAAd;AAIA1F,MAAAA,EAAE,CAACI,UAAH,CAAcJ,EAAE,CAACK,YAAjB,EAA+B,KAAK0B,UAApC;AACA/B,MAAAA,EAAE,CAACO,mBAAH,CAAuBmF,OAAO,CAACE,KAA/B,EAAsC,CAAtC,EAAyC5F,EAAE,CAACQ,KAA5C,EAAmD,KAAnD,EAA0D,CAA1D,EAA6D,CAA7D;AACAR,MAAAA,EAAE,CAACM,uBAAH,CAA2BoF,OAAO,CAACE,KAAnC;AAEA5F,MAAAA,EAAE,CAACI,UAAH,CAAcJ,EAAE,CAACK,YAAjB,EAA+B,IAA/B;AAEAjC,MAAAA,OAAO,CAACqG,WAAR,CAAoBzE,EAApB,EAAwBW,OAAxB,EAAiC,CAAjC;AACAX,MAAAA,EAAE,CAAC6F,SAAH,CAAaH,OAAO,CAACI,QAArB,EAA+B,CAA/B;AACA9F,MAAAA,EAAE,CAAC+F,SAAH,CAAaL,OAAO,CAACM,SAArB,EAAgCP,OAAhC;AAEAzF,MAAAA,EAAE,CAACiG,UAAH,CAAcjG,EAAE,CAACkG,SAAjB,EAA4B,CAA5B,EAA+B,CAA/B;AAED;AAjVH;AAAA;AAAA,WAmVE,yBAAuB;AACrB,UAAMlG,EAAE,GAAG,KAAKA,EAAhB;AACA,UAAM0F,OAAO,GAAG,KAAK/D,WAArB;AACA3B,MAAAA,EAAE,CAAC2F,UAAH,CAAcD,OAAd;AAEA3F,MAAAA,aAAa,CAACC,EAAD,EAAK,KAAK0D,mBAAV,EAA+BgC,OAAO,CAACS,OAAvC,EAAgD,CAAhD,CAAb;AACA/H,MAAAA,OAAO,CAACqG,WAAR,CAAoBzE,EAApB,EAAwB,KAAKmC,gBAA7B,EAA+D,CAA/D;AAEAnC,MAAAA,EAAE,CAAC6F,SAAH,CAAaH,OAAO,CAACU,MAArB,EAA6B,CAA7B;AACApG,MAAAA,EAAE,CAAC6F,SAAH,CAAaH,OAAO,CAACW,WAArB,EAAkC,CAAlC;AACArG,MAAAA,EAAE,CAAC6F,SAAH,CAAaH,OAAO,CAACY,YAArB,EAAmC,CAAnC;AAEAtG,MAAAA,EAAE,CAAC+F,SAAH,CAAaL,OAAO,CAACa,eAArB,EAAsC,KAAK5D,uBAA3C;AACA3C,MAAAA,EAAE,CAACwG,SAAH,CAAad,OAAO,CAACe,UAArB,EAAiC,KAAK9C,QAAL,CAAcK,IAA/C,EAAqD,KAAKL,QAAL,CAAcO,IAAnE;AACAlE,MAAAA,EAAE,CAACwG,SAAH,CAAad,OAAO,CAACgB,UAArB,EAAiC,KAAK/C,QAAL,CAAcM,IAA/C,EAAqD,KAAKN,QAAL,CAAcQ,IAAnE;AAEAnE,MAAAA,EAAE,CAACiG,UAAH,CAAcjG,EAAE,CAAC2G,MAAjB,EAAyB,CAAzB,EAA4B,KAAK3D,gBAAjC;AACD;AApWH;AAAA;AAAA,WAsWE,2BAAyB;AACvB,UAAMhD,EAAE,GAAG,KAAKA,EAAhB;AACAS,MAAAA,eAAe,CAACT,EAAD,EAAK,KAAKU,WAAV,EAAuB,KAAK6C,qBAA5B,CAAf;AACAvD,MAAAA,EAAE,CAACgF,QAAH,CACE,CADF,EAEE,CAFF,EAGE,KAAKrC,uBAHP,EAIE,KAAKA,uBAJP;AAOA,UAAM+C,OAAO,GAAG,KAAK5D,aAArB;AACA9B,MAAAA,EAAE,CAAC2F,UAAH,CAAcD,OAAd;AAEA3F,MAAAA,aAAa,CAACC,EAAD,EAAK,KAAK+B,UAAV,EAAsB2D,OAAO,CAACE,KAA9B,EAAqC,CAArC,CAAb;AAEA5F,MAAAA,EAAE,CAAC6F,SAAH,CAAaH,OAAO,CAACU,MAArB,EAA6B,CAA7B;AACApG,MAAAA,EAAE,CAAC6F,SAAH,CAAaH,OAAO,CAACW,WAArB,EAAkC,CAAlC;AAEArG,MAAAA,EAAE,CAAC+F,SAAH,CAAaL,OAAO,CAACkB,WAArB,EAAkChE,IAAI,CAACS,MAAL,EAAlC;AACArD,MAAAA,EAAE,CAACwG,SAAH,CACEd,OAAO,CAACmB,UADV,EAEE,KAAKlD,QAAL,CAAcG,KAAd,CAAoB5E,KAApB,GAA4B,CAF9B,EAGE,KAAKyE,QAAL,CAAcG,KAAd,CAAoB3E,MAApB,GAA6B,CAH/B;AAKAa,MAAAA,EAAE,CAACwG,SAAH,CAAad,OAAO,CAACe,UAArB,EAAiC,KAAK9C,QAAL,CAAcK,IAA/C,EAAqD,KAAKL,QAAL,CAAcO,IAAnE;AACAlE,MAAAA,EAAE,CAACwG,SAAH,CAAad,OAAO,CAACgB,UAArB,EAAiC,KAAK/C,QAAL,CAAcM,IAA/C,EAAqD,KAAKN,QAAL,CAAcQ,IAAnE;AACAnE,MAAAA,EAAE,CAAC+F,SAAH,CAAaL,OAAO,CAACoB,cAArB,EAAqC,KAAKxF,WAA1C;AACAtB,MAAAA,EAAE,CAAC+F,SAAH,CAAaL,OAAO,CAACqB,WAArB,EAAkC,KAAKxF,QAAvC;AACAvB,MAAAA,EAAE,CAAC+F,SAAH,CAAaL,OAAO,CAACsB,gBAArB,EAAuC,KAAKxF,YAA5C;AAEAxB,MAAAA,EAAE,CAACiG,UAAH,CAAcjG,EAAE,CAACkG,SAAjB,EAA4B,CAA5B,EAA+B,CAA/B;AAGA,UAAMV,IAAI,GAAG,KAAKlC,qBAAlB;AACA,WAAKA,qBAAL,GAA6B,KAAKC,qBAAlC;AACA,WAAKA,qBAAL,GAA6BiC,IAA7B;AAEA/E,MAAAA,eAAe,CAACT,EAAD,EAAK,IAAL,EAAW,IAAX,CAAf;AAGD;AA9YH;AAAA;AAAA,WAgZE,mBAAiB;AAiBf,WAAKA,EAAL,CAAQiH,YAAR,CAAqB,KAAKlF,UAA1B;AACA,WAAK/B,EAAL,CAAQiH,YAAR,CAAqB,KAAKvD,mBAA1B;AAEA,WAAK1D,EAAL,CAAQkH,iBAAR,CAA0B,KAAKxG,WAA/B;AAGA,WAAKV,EAAL,CAAQmH,YAAR,CAAqB,KAAKxF,WAAL,CAAiByF,YAAtC;AAEA,WAAKpH,EAAL,CAAQmH,YAAR,CAAqB,KAAKxF,WAAL,CAAiB0F,cAAtC;AACA,WAAKrH,EAAL,CAAQsH,aAAR,CAAsB,KAAK3F,WAA3B;AAGA,WAAK3B,EAAL,CAAQmH,YAAR,CAAqB,KAAKtF,iBAAL,CAAuBuF,YAA5C;AAEA,WAAKpH,EAAL,CAAQmH,YAAR,CAAqB,KAAKtF,iBAAL,CAAuBwF,cAA5C;AACA,WAAKrH,EAAL,CAAQsH,aAAR,CAAsB,KAAKzF,iBAA3B;AAGA,WAAK7B,EAAL,CAAQmH,YAAR,CAAqB,KAAKrF,aAAL,CAAmBsF,YAAxC;AAEA,WAAKpH,EAAL,CAAQmH,YAAR,CAAqB,KAAKrF,aAAL,CAAmBuF,cAAxC;AACA,WAAKrH,EAAL,CAAQsH,aAAR,CAAsB,KAAKxF,aAA3B;AAEA,WAAK9B,EAAL,CAAQqE,aAAR,CAAsB,KAAKlC,gBAA3B;AACA,WAAKnC,EAAL,CAAQqE,aAAR,CAAsB,KAAK9B,iBAA3B;AACA,WAAKvC,EAAL,CAAQqE,aAAR,CAAsB,KAAK5B,aAA3B;AACA,WAAKzC,EAAL,CAAQqE,aAAR,CAAsB,KAAKf,qBAA3B;AACA,WAAKtD,EAAL,CAAQqE,aAAR,CAAsB,KAAKd,qBAA3B;AACA,WAAKvD,EAAL,CAAQqE,aAAR,CAAsB,KAAKT,WAA3B;AACD;AA9bH;;AAAA;AAAA","sourcesContent":["import * as glUtils from './utils';\nimport {\n  drawFrag,\n  drawVert,\n  fullScreenFrag,\n  fullScreenVert,\n  updateFrag,\n  updateVert,\n} from './windShader';\n\nfunction getColorRamp(colors: { [key: number]: string }) {\n  let canvas = document.createElement('canvas') as HTMLCanvasElement;\n  const ctx = canvas.getContext('2d') as CanvasRenderingContext2D;\n\n  canvas.width = 256;\n  canvas.height = 1;\n\n  const gradient = ctx.createLinearGradient(0, 0, 256, 0);\n  for (const stop of Object.keys(colors)) {\n    gradient.addColorStop(+stop, colors[+stop]);\n  }\n\n  ctx.fillStyle = gradient;\n  ctx.fillRect(0, 0, 256, 1);\n\n  // @ts-ignore dispose canvas element\n  canvas = null;\n\n  return new Uint8Array(ctx.getImageData(0, 0, 256, 1).data);\n}\n\nfunction bindAttribute(\n  gl: WebGLRenderingContext,\n  buffer: any,\n  attribute: any,\n  numComponents: any,\n) {\n  gl.bindBuffer(gl.ARRAY_BUFFER, buffer);\n  gl.enableVertexAttribArray(attribute);\n  gl.vertexAttribPointer(attribute, numComponents, gl.FLOAT, false, 0, 0);\n}\n\nfunction bindFramebuffer(\n  gl: WebGLRenderingContext,\n  framebuffer: any,\n  texture: any,\n) {\n  gl.bindFramebuffer(gl.FRAMEBUFFER, framebuffer);\n  if (texture) {\n    gl.framebufferTexture2D(\n      gl.FRAMEBUFFER,\n      gl.COLOR_ATTACHMENT0,\n      gl.TEXTURE_2D,\n      texture,\n      0,\n    );\n  }\n}\n\nexport interface IWindData {\n  uMin: number;\n  uMax: number;\n  vMin: number;\n  vMax: number;\n  image: HTMLImageElement;\n}\n\nexport interface IWind {\n  width: number;\n  height: number;\n\n  fadeOpacity: number;\n  speedFactor: number;\n  dropRate: number;\n  dropRateBump: number;\n\n  setWind: (windData: IWindData) => void;\n  draw: () => { d: Uint8Array; w: number; h: number };\n  updateParticelNum: (num: number) => void;\n  updateWindDir: (\n    uMin: number,\n    uMax: number,\n    vMin: number,\n    vMax: number,\n  ) => void;\n  updateColorRampTexture: (rampColors: { [key: number]: string }) => void;\n\n  reSize: (width: number, height: number) => void;\n  destroy: () => void;\n}\n\nexport interface IWindProps {\n  glContext: WebGLRenderingContext;\n  imageWidth: number;\n  imageHeight: number;\n  fadeOpacity: number;\n  speedFactor: number;\n  dropRate: number;\n  dropRateBump: number;\n  rampColors: { [key: number]: string };\n}\n\nexport class Wind {\n  public width: number = 512;\n  public height: number = 512;\n\n  public pixels: Uint8Array;\n\n  public fadeOpacity: number;\n  public speedFactor: number;\n  public dropRate: number;\n  public dropRateBump: number;\n  private gl: WebGLRenderingContext;\n  private drawProgram: WebGLProgram;\n  private fullScreenProgram: WebGLProgram;\n  private updateProgram: WebGLProgram;\n\n  private rampColors: { [key: number]: string };\n\n  private numParticles: number = 65536;\n  private numParticlesSize: number;\n  private particleStateResolution: number;\n\n  private quadBuffer: WebGLBuffer | null;\n  private particleIndexBuffer: WebGLBuffer | null;\n\n  private framebuffer: WebGLFramebuffer | null;\n\n  private colorRampTexture: WebGLTexture | null;\n  private backgroundTexture: WebGLTexture | null;\n  private screenTexture: WebGLTexture | null;\n  private particleStateTexture0: WebGLTexture | null;\n  private particleStateTexture1: WebGLTexture | null;\n  private windTexture: WebGLTexture | null;\n\n  private windData: IWindData;\n\n  constructor(options: IWindProps) {\n    this.gl = options.glContext;\n    this.width = options.imageWidth;\n    this.height = options.imageHeight;\n    this.fadeOpacity = options.fadeOpacity;\n    this.speedFactor = options.speedFactor;\n    this.dropRate = options.dropRate;\n    this.dropRateBump = options.dropRateBump;\n\n    this.rampColors = options.rampColors;\n    this.init();\n  }\n\n  public init() {\n    const gl = this.gl;\n\n    this.fadeOpacity = 0.996; // how fast the particle trails fade on each frame\n    this.speedFactor = 0.25; // how fast the particles move\n    this.dropRate = 0.003; // how often the particles move to a random place\n    this.dropRateBump = 0.01; // drop rate increase relative to individual particle speed\n\n    this.drawProgram = glUtils.createProgram(\n      gl,\n      drawVert,\n      drawFrag,\n    ) as WebGLProgram;\n    this.fullScreenProgram = glUtils.createProgram(\n      gl,\n      fullScreenVert,\n      fullScreenFrag,\n    ) as WebGLProgram;\n    this.updateProgram = glUtils.createProgram(\n      gl,\n      updateVert,\n      updateFrag,\n    ) as WebGLProgram;\n\n    this.quadBuffer = glUtils.createBuffer(\n      gl,\n      new Float32Array([0, 0, 1, 0, 0, 1, 0, 1, 1, 0, 1, 1]),\n    );\n\n    this.framebuffer = gl.createFramebuffer();\n\n    this.colorRampTexture = glUtils.createTexture(\n      this.gl,\n      this.gl.LINEAR,\n      getColorRamp(this.rampColors),\n      16,\n      16,\n    );\n\n    const emptyPixels = new Uint8Array(this.width * this.height * 4);\n\n    // screen textures to hold the drawn screen for the previous and the current frame\n\n    this.backgroundTexture = glUtils.createTexture(\n      gl,\n      gl.NEAREST,\n      emptyPixels,\n      this.width,\n      this.height,\n    );\n    this.screenTexture = glUtils.createTexture(\n      gl,\n      gl.NEAREST,\n      emptyPixels,\n      this.width,\n      this.height,\n    );\n\n    // we create a square texture where each pixel will hold a particle position encoded as RGBA\n    const particleRes = (this.particleStateResolution = Math.ceil(\n      Math.sqrt(this.numParticles),\n    ));\n    // particleRes size\n    this.numParticlesSize = particleRes * particleRes;\n\n    const particleState = new Uint8Array(this.numParticlesSize * 4);\n    for (let i = 0; i < particleState.length; i++) {\n      particleState[i] = Math.floor(Math.random() * 256); // randomize the initial particle positions\n    }\n    // textures to hold the particle state for the current and the next frame\n    this.particleStateTexture0 = glUtils.createTexture(\n      gl,\n      gl.NEAREST,\n      particleState,\n      particleRes,\n      particleRes,\n    );\n    this.particleStateTexture1 = glUtils.createTexture(\n      gl,\n      gl.NEAREST,\n      particleState,\n      particleRes,\n      particleRes,\n    );\n\n    const particleIndices = new Float32Array(this.numParticlesSize);\n    for (let i$1 = 0; i$1 < this.numParticlesSize; i$1++) {\n      particleIndices[i$1] = i$1;\n    }\n    this.particleIndexBuffer = glUtils.createBuffer(gl, particleIndices);\n  }\n\n  public setWind(windData: IWindData) {\n    this.windData = windData;\n    this.windTexture = glUtils.createDataTexture(\n      this.gl,\n      this.gl.LINEAR,\n      windData.image,\n    );\n  }\n\n  /**\n   * 更新风场粒子数量\n   * @param num\n   */\n  public updateParticelNum(num: number) {\n    const gl = this.gl;\n    if (num !== this.numParticles) {\n      this.numParticles = num; // params number\n\n      // we create a square texture where each pixel will hold a particle position encoded as RGBA\n      const particleRes = (this.particleStateResolution = Math.ceil(\n        Math.sqrt(this.numParticles),\n      ));\n      this.numParticlesSize = particleRes * particleRes;\n\n      const particleState = new Uint8Array(this.numParticlesSize * 4);\n      for (let i = 0; i < particleState.length; i++) {\n        particleState[i] = Math.floor(Math.random() * 256); // randomize the initial particle positions\n      }\n      // textures to hold the particle state for the current and the next frame\n      this.particleStateTexture0 = glUtils.createTexture(\n        gl,\n        gl.NEAREST,\n        particleState,\n        particleRes,\n        particleRes,\n      );\n      this.particleStateTexture1 = glUtils.createTexture(\n        gl,\n        gl.NEAREST,\n        particleState,\n        particleRes,\n        particleRes,\n      );\n\n      const particleIndices = new Float32Array(this.numParticlesSize);\n      for (let i$1 = 0; i$1 < this.numParticlesSize; i$1++) {\n        particleIndices[i$1] = i$1;\n      }\n      this.particleIndexBuffer = glUtils.createBuffer(gl, particleIndices);\n    }\n  }\n\n  /**\n   * 更新风场风向风速\n   * @param uMin\n   * @param uMax\n   * @param vMin\n   * @param vMax\n   */\n  public updateWindDir(uMin: number, uMax: number, vMin: number, vMax: number) {\n    this.windData.uMin = uMin;\n    this.windData.uMax = uMax;\n    this.windData.vMin = vMin;\n    this.windData.vMax = vMax;\n  }\n\n  /**\n   * update rampColors\n   * @param rampColors\n   */\n  public updateColorRampTexture(rampColors: { [key: number]: string }) {\n    if (this.isColorChanged(rampColors)) {\n      this.rampColors = rampColors;\n\n      const gl = this.gl;\n      gl.deleteTexture(this.colorRampTexture);\n      this.colorRampTexture = glUtils.createTexture(\n        gl,\n        gl.LINEAR,\n        getColorRamp(rampColors),\n        16,\n        16,\n      );\n    }\n  }\n\n  public isColorChanged(rampColors: { [key: number]: string }): boolean {\n    const keys = Object.keys(rampColors);\n    for (const item of keys) {\n      const key = Number(item);\n      // exist new key -> color need update\n      if (!this.rampColors[key]) {\n        return true;\n      }\n      // value changed -> color need update\n      if (this.rampColors[key] && this.rampColors[key] !== rampColors[key]) {\n        return true;\n      }\n    }\n    return false;\n  }\n\n  public reSize(width: number, height: number) {\n    if (width !== this.width || height !== this.height) {\n      const gl = this.gl;\n      gl.deleteTexture(this.backgroundTexture);\n      gl.deleteTexture(this.screenTexture);\n\n      this.width = width;\n      this.height = height;\n      const emptyPixels = new Uint8Array(width * height * 4);\n      // screen textures to hold the drawn screen for the previous and the current frame\n      this.backgroundTexture = glUtils.createTexture(\n        gl,\n        gl.NEAREST,\n        emptyPixels,\n        width,\n        height,\n      );\n      this.screenTexture = glUtils.createTexture(\n        gl,\n        gl.NEAREST,\n        emptyPixels,\n        width,\n        height,\n      );\n    }\n  }\n\n  public draw() {\n    if (this.windData?.image) {\n      const gl = this.gl;\n\n      glUtils.bindTexture(gl, this.windTexture as WebGLTexture, 0);\n      glUtils.bindTexture(gl, this.particleStateTexture0 as WebGLTexture, 1);\n\n      this.drawScreen(); // draw Particles into framebuffer\n      this.updateParticles();\n\n      return { d: this.pixels, w: this.width, h: this.height };\n    } else {\n      return { d: new Uint8Array([0, 0, 0, 0]), w: 1, h: 1 };\n    }\n  }\n\n  public drawScreen() {\n    const gl = this.gl;\n\n    // draw the screen into a temporary framebuffer to retain it as the background on the next frame\n    bindFramebuffer(gl, this.framebuffer, this.screenTexture);\n\n    gl.viewport(0, 0, this.width, this.height);\n\n    this.drawFullTexture(this.backgroundTexture, this.fadeOpacity);\n    this.drawParticles();\n\n    gl.disable(gl.BLEND);\n\n    this.pixels = new Uint8Array(4 * this.width * this.height);\n    gl.readPixels(\n      0,\n      0,\n      this.width,\n      this.height,\n      gl.RGBA,\n      gl.UNSIGNED_BYTE,\n      this.pixels,\n    );\n\n    bindFramebuffer(gl, null, null);\n    gl.viewport(0, 0, this.gl.canvas.width, this.gl.canvas.height);\n\n    //   save the current screen as the background for the next frame\n    const temp = this.backgroundTexture;\n    this.backgroundTexture = this.screenTexture;\n    this.screenTexture = temp;\n  }\n\n  public drawFullTexture(texture: any, opacity: number) {\n    const gl = this.gl;\n    const program = this.fullScreenProgram as any;\n    gl.useProgram(program);\n\n    // bindAttribute(gl, this.quadBuffer, program.a_pos, 2);\n\n    gl.bindBuffer(gl.ARRAY_BUFFER, this.quadBuffer);\n    gl.vertexAttribPointer(program.a_pos, 2, gl.FLOAT, false, 0, 0);\n    gl.enableVertexAttribArray(program.a_pos);\n\n    gl.bindBuffer(gl.ARRAY_BUFFER, null);\n\n    glUtils.bindTexture(gl, texture, 2);\n    gl.uniform1i(program.u_screen, 2);\n    gl.uniform1f(program.u_opacity, opacity);\n\n    gl.drawArrays(gl.TRIANGLES, 0, 6);\n    // gl.drawArrays(gl.POINTS, 0, 6);\n  }\n\n  public drawParticles() {\n    const gl = this.gl;\n    const program = this.drawProgram as any;\n    gl.useProgram(program);\n\n    bindAttribute(gl, this.particleIndexBuffer, program.a_index, 1);\n    glUtils.bindTexture(gl, this.colorRampTexture as WebGLTexture, 2);\n\n    gl.uniform1i(program.u_wind, 0);\n    gl.uniform1i(program.u_particles, 1);\n    gl.uniform1i(program.u_color_ramp, 2);\n\n    gl.uniform1f(program.u_particles_res, this.particleStateResolution);\n    gl.uniform2f(program.u_wind_min, this.windData.uMin, this.windData.vMin);\n    gl.uniform2f(program.u_wind_max, this.windData.uMax, this.windData.vMax);\n\n    gl.drawArrays(gl.POINTS, 0, this.numParticlesSize);\n  }\n\n  public updateParticles() {\n    const gl = this.gl;\n    bindFramebuffer(gl, this.framebuffer, this.particleStateTexture1);\n    gl.viewport(\n      0,\n      0,\n      this.particleStateResolution,\n      this.particleStateResolution,\n    );\n\n    const program = this.updateProgram as any;\n    gl.useProgram(program);\n\n    bindAttribute(gl, this.quadBuffer, program.a_pos, 2);\n\n    gl.uniform1i(program.u_wind, 0);\n    gl.uniform1i(program.u_particles, 1);\n\n    gl.uniform1f(program.u_rand_seed, Math.random());\n    gl.uniform2f(\n      program.u_wind_res,\n      this.windData.image.width * 2,\n      this.windData.image.height * 2,\n    );\n    gl.uniform2f(program.u_wind_min, this.windData.uMin, this.windData.vMin);\n    gl.uniform2f(program.u_wind_max, this.windData.uMax, this.windData.vMax);\n    gl.uniform1f(program.u_speed_factor, this.speedFactor);\n    gl.uniform1f(program.u_drop_rate, this.dropRate);\n    gl.uniform1f(program.u_drop_rate_bump, this.dropRateBump);\n\n    gl.drawArrays(gl.TRIANGLES, 0, 6);\n\n    // swap the particle state textures so the new one becomes the current one\n    const temp = this.particleStateTexture0;\n    this.particleStateTexture0 = this.particleStateTexture1;\n    this.particleStateTexture1 = temp;\n\n    bindFramebuffer(gl, null, null);\n\n    // gl.viewport(0, 0, this.gl.canvas.width, this.gl.canvas.height);\n  }\n\n  public destroy() {\n    // private drawProgram: WebGLProgram;\n    // private fullScreenProgram: WebGLProgram;\n    // private updateProgram: WebGLProgram;\n\n    // private quadBuffer: WebGLBuffer | null;\n    // private particleIndexBuffer: WebGLBuffer | null;\n\n    // private framebuffer: WebGLFramebuffer | null;\n\n    // private colorRampTexture: WebGLTexture | null;\n    // private backgroundTexture: WebGLTexture | null;\n    // private screenTexture: WebGLTexture | null;\n    // private particleStateTexture0: WebGLTexture | null;\n    // private particleStateTexture1: WebGLTexture | null;\n    // private windTexture: WebGLTexture | null;\n\n    this.gl.deleteBuffer(this.quadBuffer);\n    this.gl.deleteBuffer(this.particleIndexBuffer);\n\n    this.gl.deleteFramebuffer(this.framebuffer);\n\n    // @ts-ignore\n    this.gl.deleteShader(this.drawProgram.vertexShader);\n    // @ts-ignore\n    this.gl.deleteShader(this.drawProgram.fragmentShader);\n    this.gl.deleteProgram(this.drawProgram);\n\n    // @ts-ignore\n    this.gl.deleteShader(this.fullScreenProgram.vertexShader);\n    // @ts-ignore\n    this.gl.deleteShader(this.fullScreenProgram.fragmentShader);\n    this.gl.deleteProgram(this.fullScreenProgram);\n\n    // @ts-ignore\n    this.gl.deleteShader(this.updateProgram.vertexShader);\n    // @ts-ignore\n    this.gl.deleteShader(this.updateProgram.fragmentShader);\n    this.gl.deleteProgram(this.updateProgram);\n\n    this.gl.deleteTexture(this.colorRampTexture);\n    this.gl.deleteTexture(this.backgroundTexture);\n    this.gl.deleteTexture(this.screenTexture);\n    this.gl.deleteTexture(this.particleStateTexture0);\n    this.gl.deleteTexture(this.particleStateTexture1);\n    this.gl.deleteTexture(this.windTexture);\n  }\n}\n"],"file":"windRender.js"}
+{"version":3,"sources":["../../../src/wind/models/windRender.ts"],"names":["glUtils","drawFrag","drawVert","fullScreenFrag","fullScreenVert","updateFrag","updateVert","getColorRamp","colors","canvas","document","createElement","ctx","getContext","width","height","gradient","createLinearGradient","Object","keys","stop","addColorStop","fillStyle","fillRect","Uint8Array","getImageData","data","bindAttribute","gl","buffer","attribute","numComponents","bindBuffer","ARRAY_BUFFER","enableVertexAttribArray","vertexAttribPointer","FLOAT","bindFramebuffer","framebuffer","texture","FRAMEBUFFER","framebufferTexture2D","COLOR_ATTACHMENT0","TEXTURE_2D","Wind","options","glContext","imageWidth","imageHeight","fadeOpacity","speedFactor","dropRate","dropRateBump","rampColors","init","drawProgram","createProgram","fullScreenProgram","updateProgram","quadBuffer","createBuffer","Float32Array","createFramebuffer","colorRampTexture","createTexture","LINEAR","emptyPixels","backgroundTexture","NEAREST","screenTexture","particleRes","particleStateResolution","Math","ceil","sqrt","numParticles","numParticlesSize","particleState","i","length","floor","random","particleStateTexture0","particleStateTexture1","particleIndices","i$1","particleIndexBuffer","windData","windTexture","createDataTexture","image","num","uMin","uMax","vMin","vMax","isColorChanged","deleteTexture","item","key","Number","bindTexture","drawScreen","updateParticles","d","pixels","w","h","viewport","disable","BLEND","drawFullTexture","drawParticles","readPixels","RGBA","UNSIGNED_BYTE","temp","opacity","program","useProgram","a_pos","uniform1i","u_screen","uniform1f","u_opacity","drawArrays","TRIANGLES","a_index","u_wind","u_particles","u_color_ramp","u_particles_res","uniform2f","u_wind_min","u_wind_max","POINTS","u_rand_seed","u_wind_res","u_speed_factor","u_drop_rate","u_drop_rate_bump","deleteBuffer","deleteFramebuffer","deleteShader","vertexShader","fragmentShader","deleteProgram"],"mappings":"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","sourcesContent":["import * as glUtils from './utils';\nimport {\n  drawFrag,\n  drawVert,\n  fullScreenFrag,\n  fullScreenVert,\n  updateFrag,\n  updateVert,\n} from './windShader';\n\nfunction getColorRamp(colors: { [key: number]: string }) {\n  let canvas = document.createElement('canvas') as HTMLCanvasElement;\n  const ctx = canvas.getContext('2d') as CanvasRenderingContext2D;\n\n  canvas.width = 256;\n  canvas.height = 1;\n\n  const gradient = ctx.createLinearGradient(0, 0, 256, 0);\n  for (const stop of Object.keys(colors)) {\n    gradient.addColorStop(+stop, colors[+stop]);\n  }\n\n  ctx.fillStyle = gradient;\n  ctx.fillRect(0, 0, 256, 1);\n\n  // @ts-ignore dispose canvas element\n  canvas = null;\n\n  return new Uint8Array(ctx.getImageData(0, 0, 256, 1).data);\n}\n\nfunction bindAttribute(\n  gl: WebGLRenderingContext,\n  buffer: any,\n  attribute: any,\n  numComponents: any,\n) {\n  gl.bindBuffer(gl.ARRAY_BUFFER, buffer);\n  gl.enableVertexAttribArray(attribute);\n  gl.vertexAttribPointer(attribute, numComponents, gl.FLOAT, false, 0, 0);\n}\n\nfunction bindFramebuffer(\n  gl: WebGLRenderingContext,\n  framebuffer: any,\n  texture: any,\n) {\n  gl.bindFramebuffer(gl.FRAMEBUFFER, framebuffer);\n  if (texture) {\n    gl.framebufferTexture2D(\n      gl.FRAMEBUFFER,\n      gl.COLOR_ATTACHMENT0,\n      gl.TEXTURE_2D,\n      texture,\n      0,\n    );\n  }\n}\n\nexport interface IWindData {\n  uMin: number;\n  uMax: number;\n  vMin: number;\n  vMax: number;\n  image: HTMLImageElement;\n}\n\nexport interface IWind {\n  width: number;\n  height: number;\n\n  fadeOpacity: number;\n  speedFactor: number;\n  dropRate: number;\n  dropRateBump: number;\n\n  setWind: (windData: IWindData) => void;\n  draw: () => { d: Uint8Array; w: number; h: number };\n  updateParticelNum: (num: number) => void;\n  updateWindDir: (\n    uMin: number,\n    uMax: number,\n    vMin: number,\n    vMax: number,\n  ) => void;\n  updateColorRampTexture: (rampColors: { [key: number]: string }) => void;\n\n  reSize: (width: number, height: number) => void;\n  destroy: () => void;\n}\n\nexport interface IWindProps {\n  glContext: WebGLRenderingContext;\n  imageWidth: number;\n  imageHeight: number;\n  fadeOpacity: number;\n  speedFactor: number;\n  dropRate: number;\n  dropRateBump: number;\n  rampColors: { [key: number]: string };\n}\n\nexport class Wind {\n  public width: number = 512;\n  public height: number = 512;\n\n  public pixels: Uint8Array;\n\n  public fadeOpacity: number;\n  public speedFactor: number;\n  public dropRate: number;\n  public dropRateBump: number;\n  private gl: WebGLRenderingContext;\n  private drawProgram: WebGLProgram;\n  private fullScreenProgram: WebGLProgram;\n  private updateProgram: WebGLProgram;\n\n  private rampColors: { [key: number]: string };\n\n  private numParticles: number = 65536;\n  private numParticlesSize: number;\n  private particleStateResolution: number;\n\n  private quadBuffer: WebGLBuffer | null;\n  private particleIndexBuffer: WebGLBuffer | null;\n\n  private framebuffer: WebGLFramebuffer | null;\n\n  private colorRampTexture: WebGLTexture | null;\n  private backgroundTexture: WebGLTexture | null;\n  private screenTexture: WebGLTexture | null;\n  private particleStateTexture0: WebGLTexture | null;\n  private particleStateTexture1: WebGLTexture | null;\n  private windTexture: WebGLTexture | null;\n\n  private windData: IWindData;\n\n  constructor(options: IWindProps) {\n    this.gl = options.glContext;\n    this.width = options.imageWidth;\n    this.height = options.imageHeight;\n    this.fadeOpacity = options.fadeOpacity;\n    this.speedFactor = options.speedFactor;\n    this.dropRate = options.dropRate;\n    this.dropRateBump = options.dropRateBump;\n\n    this.rampColors = options.rampColors;\n    this.init();\n  }\n\n  public init() {\n    const gl = this.gl;\n\n    this.fadeOpacity = 0.996; // how fast the particle trails fade on each frame\n    this.speedFactor = 0.25; // how fast the particles move\n    this.dropRate = 0.003; // how often the particles move to a random place\n    this.dropRateBump = 0.01; // drop rate increase relative to individual particle speed\n\n    this.drawProgram = glUtils.createProgram(\n      gl,\n      drawVert,\n      drawFrag,\n    ) as WebGLProgram;\n    this.fullScreenProgram = glUtils.createProgram(\n      gl,\n      fullScreenVert,\n      fullScreenFrag,\n    ) as WebGLProgram;\n    this.updateProgram = glUtils.createProgram(\n      gl,\n      updateVert,\n      updateFrag,\n    ) as WebGLProgram;\n\n    this.quadBuffer = glUtils.createBuffer(\n      gl,\n      new Float32Array([0, 0, 1, 0, 0, 1, 0, 1, 1, 0, 1, 1]),\n    );\n\n    this.framebuffer = gl.createFramebuffer();\n\n    this.colorRampTexture = glUtils.createTexture(\n      this.gl,\n      this.gl.LINEAR,\n      getColorRamp(this.rampColors),\n      16,\n      16,\n    );\n\n    const emptyPixels = new Uint8Array(this.width * this.height * 4);\n\n    // screen textures to hold the drawn screen for the previous and the current frame\n\n    this.backgroundTexture = glUtils.createTexture(\n      gl,\n      gl.NEAREST,\n      emptyPixels,\n      this.width,\n      this.height,\n    );\n    this.screenTexture = glUtils.createTexture(\n      gl,\n      gl.NEAREST,\n      emptyPixels,\n      this.width,\n      this.height,\n    );\n\n    // we create a square texture where each pixel will hold a particle position encoded as RGBA\n    const particleRes = (this.particleStateResolution = Math.ceil(\n      Math.sqrt(this.numParticles),\n    ));\n    // particleRes size\n    this.numParticlesSize = particleRes * particleRes;\n\n    const particleState = new Uint8Array(this.numParticlesSize * 4);\n    for (let i = 0; i < particleState.length; i++) {\n      particleState[i] = Math.floor(Math.random() * 256); // randomize the initial particle positions\n    }\n    // textures to hold the particle state for the current and the next frame\n    this.particleStateTexture0 = glUtils.createTexture(\n      gl,\n      gl.NEAREST,\n      particleState,\n      particleRes,\n      particleRes,\n    );\n    this.particleStateTexture1 = glUtils.createTexture(\n      gl,\n      gl.NEAREST,\n      particleState,\n      particleRes,\n      particleRes,\n    );\n\n    const particleIndices = new Float32Array(this.numParticlesSize);\n    for (let i$1 = 0; i$1 < this.numParticlesSize; i$1++) {\n      particleIndices[i$1] = i$1;\n    }\n    this.particleIndexBuffer = glUtils.createBuffer(gl, particleIndices);\n  }\n\n  public setWind(windData: IWindData) {\n    this.windData = windData;\n    this.windTexture = glUtils.createDataTexture(\n      this.gl,\n      this.gl.LINEAR,\n      windData.image,\n    );\n  }\n\n  /**\n   * 更新风场粒子数量\n   * @param num\n   */\n  public updateParticelNum(num: number) {\n    const gl = this.gl;\n    if (num !== this.numParticles) {\n      this.numParticles = num; // params number\n\n      // we create a square texture where each pixel will hold a particle position encoded as RGBA\n      const particleRes = (this.particleStateResolution = Math.ceil(\n        Math.sqrt(this.numParticles),\n      ));\n      this.numParticlesSize = particleRes * particleRes;\n\n      const particleState = new Uint8Array(this.numParticlesSize * 4);\n      for (let i = 0; i < particleState.length; i++) {\n        particleState[i] = Math.floor(Math.random() * 256); // randomize the initial particle positions\n      }\n      // textures to hold the particle state for the current and the next frame\n      this.particleStateTexture0 = glUtils.createTexture(\n        gl,\n        gl.NEAREST,\n        particleState,\n        particleRes,\n        particleRes,\n      );\n      this.particleStateTexture1 = glUtils.createTexture(\n        gl,\n        gl.NEAREST,\n        particleState,\n        particleRes,\n        particleRes,\n      );\n\n      const particleIndices = new Float32Array(this.numParticlesSize);\n      for (let i$1 = 0; i$1 < this.numParticlesSize; i$1++) {\n        particleIndices[i$1] = i$1;\n      }\n      this.particleIndexBuffer = glUtils.createBuffer(gl, particleIndices);\n    }\n  }\n\n  /**\n   * 更新风场风向风速\n   * @param uMin\n   * @param uMax\n   * @param vMin\n   * @param vMax\n   */\n  public updateWindDir(uMin: number, uMax: number, vMin: number, vMax: number) {\n    this.windData.uMin = uMin;\n    this.windData.uMax = uMax;\n    this.windData.vMin = vMin;\n    this.windData.vMax = vMax;\n  }\n\n  /**\n   * update rampColors\n   * @param rampColors\n   */\n  public updateColorRampTexture(rampColors: { [key: number]: string }) {\n    if (this.isColorChanged(rampColors)) {\n      this.rampColors = rampColors;\n\n      const gl = this.gl;\n      gl.deleteTexture(this.colorRampTexture);\n      this.colorRampTexture = glUtils.createTexture(\n        gl,\n        gl.LINEAR,\n        getColorRamp(rampColors),\n        16,\n        16,\n      );\n    }\n  }\n\n  public isColorChanged(rampColors: { [key: number]: string }): boolean {\n    const keys = Object.keys(rampColors);\n    for (const item of keys) {\n      const key = Number(item);\n      // exist new key -> color need update\n      if (!this.rampColors[key]) {\n        return true;\n      }\n      // value changed -> color need update\n      if (this.rampColors[key] && this.rampColors[key] !== rampColors[key]) {\n        return true;\n      }\n    }\n    return false;\n  }\n\n  public reSize(width: number, height: number) {\n    if (width !== this.width || height !== this.height) {\n      const gl = this.gl;\n      gl.deleteTexture(this.backgroundTexture);\n      gl.deleteTexture(this.screenTexture);\n\n      this.width = width;\n      this.height = height;\n      const emptyPixels = new Uint8Array(width * height * 4);\n      // screen textures to hold the drawn screen for the previous and the current frame\n      this.backgroundTexture = glUtils.createTexture(\n        gl,\n        gl.NEAREST,\n        emptyPixels,\n        width,\n        height,\n      );\n      this.screenTexture = glUtils.createTexture(\n        gl,\n        gl.NEAREST,\n        emptyPixels,\n        width,\n        height,\n      );\n    }\n  }\n  public draw() {\n    if (this.windData?.image) {\n      const gl = this.gl;\n\n      glUtils.bindTexture(gl, this.windTexture as WebGLTexture, 0);\n      glUtils.bindTexture(gl, this.particleStateTexture0 as WebGLTexture, 1);\n\n      this.drawScreen(); // draw Particles into framebuffer\n      this.updateParticles();\n\n      return { d: this.pixels, w: this.width, h: this.height };\n    } else {\n      return { d: new Uint8Array([0, 0, 0, 0]), w: 1, h: 1 };\n    }\n  }\n\n  public drawScreen() {\n    const gl = this.gl;\n\n    // draw the screen into a temporary framebuffer to retain it as the background on the next frame\n    bindFramebuffer(gl, this.framebuffer, this.screenTexture);\n\n    gl.viewport(0, 0, this.width, this.height);\n\n    gl.disable(gl.BLEND);\n    this.drawFullTexture(this.backgroundTexture, this.fadeOpacity);\n    this.drawParticles();\n\n    this.pixels = new Uint8Array(4 * this.width * this.height);\n    gl.readPixels(\n      0,\n      0,\n      this.width,\n      this.height,\n      gl.RGBA,\n      gl.UNSIGNED_BYTE,\n      this.pixels,\n    );\n\n    bindFramebuffer(gl, null, null);\n    gl.viewport(0, 0, this.gl.canvas.width, this.gl.canvas.height);\n\n    //   save the current screen as the background for the next frame\n    const temp = this.backgroundTexture;\n    this.backgroundTexture = this.screenTexture;\n    this.screenTexture = temp;\n  }\n\n  public drawFullTexture(texture: any, opacity: number) {\n    const gl = this.gl;\n    const program = this.fullScreenProgram as any;\n    gl.useProgram(program);\n\n    // bindAttribute(gl, this.quadBuffer, program.a_pos, 2);\n\n    gl.bindBuffer(gl.ARRAY_BUFFER, this.quadBuffer);\n    gl.vertexAttribPointer(program.a_pos, 2, gl.FLOAT, false, 0, 0);\n    gl.enableVertexAttribArray(program.a_pos);\n\n    gl.bindBuffer(gl.ARRAY_BUFFER, null);\n\n    glUtils.bindTexture(gl, texture, 2);\n    gl.uniform1i(program.u_screen, 2);\n    gl.uniform1f(program.u_opacity, opacity);\n\n    gl.drawArrays(gl.TRIANGLES, 0, 6);\n    // gl.drawArrays(gl.POINTS, 0, 6);\n  }\n\n  public drawParticles() {\n    const gl = this.gl;\n    const program = this.drawProgram as any;\n    gl.useProgram(program);\n\n    bindAttribute(gl, this.particleIndexBuffer, program.a_index, 1);\n    glUtils.bindTexture(gl, this.colorRampTexture as WebGLTexture, 2);\n\n    gl.uniform1i(program.u_wind, 0);\n    gl.uniform1i(program.u_particles, 1);\n    gl.uniform1i(program.u_color_ramp, 2);\n\n    gl.uniform1f(program.u_particles_res, this.particleStateResolution);\n    gl.uniform2f(program.u_wind_min, this.windData.uMin, this.windData.vMin);\n    gl.uniform2f(program.u_wind_max, this.windData.uMax, this.windData.vMax);\n\n    gl.drawArrays(gl.POINTS, 0, this.numParticlesSize);\n  }\n\n  public updateParticles() {\n    const gl = this.gl;\n    bindFramebuffer(gl, this.framebuffer, this.particleStateTexture1);\n    gl.viewport(\n      0,\n      0,\n      this.particleStateResolution,\n      this.particleStateResolution,\n    );\n\n    const program = this.updateProgram as any;\n    gl.useProgram(program);\n\n    bindAttribute(gl, this.quadBuffer, program.a_pos, 2);\n\n    gl.uniform1i(program.u_wind, 0);\n    gl.uniform1i(program.u_particles, 1);\n\n    gl.uniform1f(program.u_rand_seed, Math.random());\n    gl.uniform2f(\n      program.u_wind_res,\n      this.windData.image.width * 2,\n      this.windData.image.height * 2,\n    );\n    gl.uniform2f(program.u_wind_min, this.windData.uMin, this.windData.vMin);\n    gl.uniform2f(program.u_wind_max, this.windData.uMax, this.windData.vMax);\n    gl.uniform1f(program.u_speed_factor, this.speedFactor);\n    gl.uniform1f(program.u_drop_rate, this.dropRate);\n    gl.uniform1f(program.u_drop_rate_bump, this.dropRateBump);\n\n    gl.drawArrays(gl.TRIANGLES, 0, 6);\n\n    // swap the particle state textures so the new one becomes the current one\n    const temp = this.particleStateTexture0;\n    this.particleStateTexture0 = this.particleStateTexture1;\n    this.particleStateTexture1 = temp;\n\n    bindFramebuffer(gl, null, null);\n\n    // gl.viewport(0, 0, this.gl.canvas.width, this.gl.canvas.height);\n  }\n\n  public destroy() {\n    // private drawProgram: WebGLProgram;\n    // private fullScreenProgram: WebGLProgram;\n    // private updateProgram: WebGLProgram;\n\n    // private quadBuffer: WebGLBuffer | null;\n    // private particleIndexBuffer: WebGLBuffer | null;\n\n    // private framebuffer: WebGLFramebuffer | null;\n\n    // private colorRampTexture: WebGLTexture | null;\n    // private backgroundTexture: WebGLTexture | null;\n    // private screenTexture: WebGLTexture | null;\n    // private particleStateTexture0: WebGLTexture | null;\n    // private particleStateTexture1: WebGLTexture | null;\n    // private windTexture: WebGLTexture | null;\n\n    this.gl.deleteBuffer(this.quadBuffer);\n    this.gl.deleteBuffer(this.particleIndexBuffer);\n\n    this.gl.deleteFramebuffer(this.framebuffer);\n\n    // @ts-ignore\n    this.gl.deleteShader(this.drawProgram.vertexShader);\n    // @ts-ignore\n    this.gl.deleteShader(this.drawProgram.fragmentShader);\n    this.gl.deleteProgram(this.drawProgram);\n\n    // @ts-ignore\n    this.gl.deleteShader(this.fullScreenProgram.vertexShader);\n    // @ts-ignore\n    this.gl.deleteShader(this.fullScreenProgram.fragmentShader);\n    this.gl.deleteProgram(this.fullScreenProgram);\n\n    // @ts-ignore\n    this.gl.deleteShader(this.updateProgram.vertexShader);\n    // @ts-ignore\n    this.gl.deleteShader(this.updateProgram.fragmentShader);\n    this.gl.deleteProgram(this.updateProgram);\n\n    this.gl.deleteTexture(this.colorRampTexture);\n    this.gl.deleteTexture(this.backgroundTexture);\n    this.gl.deleteTexture(this.screenTexture);\n    this.gl.deleteTexture(this.particleStateTexture0);\n    this.gl.deleteTexture(this.particleStateTexture1);\n    this.gl.deleteTexture(this.windTexture);\n  }\n}\n"],"file":"windRender.js"}

package/lib/Geometry/index.js

@@ -51,14 +51,24 @@ var GeometryLayer = function (_BaseLayer) {
   (0, _createClass2.default)(GeometryLayer, [{
     key: "buildModels",
     value: function buildModels() {
+      var _this2 = this;
+
       var modelType = this.getModelType();
       this.layerModel = new _models.default[modelType](this);
-      this.models = this.layerModel.initModels();
+      this.layerModel.initModels(function (models) {
+        _this2.models = models;
+
+        _this2.renderLayers();
+      });
     }
   }, {
     key: "rebuildModels",
     value: function rebuildModels() {
-      this.models = this.layerModel.buildModels();
+      var _this3 = this;
+
+      this.layerModel.buildModels(function (models) {
+        return _this3.models = models;
+      });
     }
   }, {
     key: "getConfigSchema",

package/lib/Geometry/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/Geometry/index.ts"],"names":["GeometryLayer","modelType","getModelType","layerModel","GeometryModels","models","initModels","buildModels","properties","opacity","type","minimum","maximum","defaultConfig","plane","sprite","billboard","shapeAttribute","styleAttributeService","getLayerStyleAttribute","shape","scale","field","BaseLayer"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA;;AAEA;;;;;;IAEqBA,a;;;;;;;;;;;;;;;uFAGG,e;;;;;;WACtB,uBAAqB;AACnB,UAAMC,SAAS,GAAG,KAAKC,YAAL,EAAlB;AACA,WAAKC,UAAL,GAAkB,IAAIC,gBAAeH,SAAf,CAAJ,CAA8B,IAA9B,CAAlB;AACA,WAAKI,MAAL,GAAc,KAAKF,UAAL,CAAgBG,UAAhB,EAAd;AACD;;;WACD,yBAAuB;AACrB,WAAKD,MAAL,GAAc,KAAKF,UAAL,CAAgBI,WAAhB,EAAd;AACD;;;WAED,2BAA4B;AAC1B,aAAO;AACLC,QAAAA,UAAU,EAAE;AACVC,UAAAA,OAAO,EAAE;AACPC,YAAAA,IAAI,EAAE,QADC;AAEPC,YAAAA,OAAO,EAAE,CAFF;AAGPC,YAAAA,OAAO,EAAE;AAHF;AADC;AADP,OAAP;AASD;;;WACD,4BAA6B;AAC3B,UAAMF,IAAI,GAAG,KAAKR,YAAL,EAAb;AACA,UAAMW,aAAa,GAAG;AACpBC,QAAAA,KAAK,EAAE,EADa;AAEpBC,QAAAA,MAAM,EAAE,EAFY;AAGpBC,QAAAA,SAAS,EAAE;AAHS,OAAtB;AAKA,aAAOH,aAAa,CAACH,IAAD,CAApB;AACD;;;WAED,wBAA4C;AAAA;;AAC1C,UAAMO,cAAc,GAAG,KAAKC,qBAAL,CAA2BC,sBAA3B,CACrB,OADqB,CAAvB;AAGA,UAAMC,KAAK,GAAGH,cAAH,aAAGA,cAAH,gDAAGA,cAAc,CAAEI,KAAnB,0DAAG,sBAAuBC,KAArC;;AACA,UAAIF,KAAK,KAAK,OAAd,EAAuB;AACrB,eAAO,OAAP;AACD,OAFD,MAEO,IAAIA,KAAK,KAAK,QAAd,EAAwB;AAC7B,eAAO,QAAP;AACD,OAFM,MAEA,IAAIA,KAAK,KAAK,WAAd,EAA2B;AAChC,eAAO,WAAP;AACD,OAFM,MAEA;AACL,eAAO,OAAP;AACD;AACF;;;EAhDwCG,mB","sourcesContent":["import BaseLayer from '../core/BaseLayer';\nimport { IGeometryLayerStyleOptions } from '../core/interface';\nimport GeometryModels, { GeometryModelType } from './models';\n\nexport default class GeometryLayer extends BaseLayer<\n  IGeometryLayerStyleOptions\n> {\n  public type: string = 'GeometryLayer';\n  public buildModels() {\n    const modelType = this.getModelType();\n    this.layerModel = new GeometryModels[modelType](this);\n    this.models = this.layerModel.initModels();\n  }\n  public rebuildModels() {\n    this.models = this.layerModel.buildModels();\n  }\n\n  protected getConfigSchema() {\n    return {\n      properties: {\n        opacity: {\n          type: 'number',\n          minimum: 0,\n          maximum: 1,\n        },\n      },\n    };\n  }\n  protected getDefaultConfig() {\n    const type = this.getModelType();\n    const defaultConfig = {\n      plane: {},\n      sprite: {},\n      billboard: {},\n    };\n    return defaultConfig[type];\n  }\n\n  protected getModelType(): GeometryModelType {\n    const shapeAttribute = this.styleAttributeService.getLayerStyleAttribute(\n      'shape',\n    );\n    const shape = shapeAttribute?.scale?.field as GeometryModelType;\n    if (shape === 'plane') {\n      return 'plane';\n    } else if (shape === 'sprite') {\n      return 'sprite';\n    } else if (shape === 'billboard') {\n      return 'billboard';\n    } else {\n      return 'plane';\n    }\n  }\n}\n"],"file":"index.js"}
+{"version":3,"sources":["../../src/Geometry/index.ts"],"names":["GeometryLayer","modelType","getModelType","layerModel","GeometryModels","initModels","models","renderLayers","buildModels","properties","opacity","type","minimum","maximum","defaultConfig","plane","sprite","billboard","shapeAttribute","styleAttributeService","getLayerStyleAttribute","shape","scale","field","BaseLayer"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA;;AAEA;;;;;;IAEqBA,a;;;;;;;;;;;;;;;uFAGG,e;;;;;;WACtB,uBAAqB;AAAA;;AACnB,UAAMC,SAAS,GAAG,KAAKC,YAAL,EAAlB;AACA,WAAKC,UAAL,GAAkB,IAAIC,gBAAeH,SAAf,CAAJ,CAA8B,IAA9B,CAAlB;AACA,WAAKE,UAAL,CAAgBE,UAAhB,CAA2B,UAACC,MAAD,EAAY;AACrC,QAAA,MAAI,CAACA,MAAL,GAAcA,MAAd;;AACA,QAAA,MAAI,CAACC,YAAL;AACD,OAHD;AAID;;;WACD,yBAAuB;AAAA;;AACrB,WAAKJ,UAAL,CAAgBK,WAAhB,CAA4B,UAACF,MAAD;AAAA,eAAa,MAAI,CAACA,MAAL,GAAcA,MAA3B;AAAA,OAA5B;AACD;;;WAED,2BAA4B;AAC1B,aAAO;AACLG,QAAAA,UAAU,EAAE;AACVC,UAAAA,OAAO,EAAE;AACPC,YAAAA,IAAI,EAAE,QADC;AAEPC,YAAAA,OAAO,EAAE,CAFF;AAGPC,YAAAA,OAAO,EAAE;AAHF;AADC;AADP,OAAP;AASD;;;WACD,4BAA6B;AAC3B,UAAMF,IAAI,GAAG,KAAKT,YAAL,EAAb;AACA,UAAMY,aAAa,GAAG;AACpBC,QAAAA,KAAK,EAAE,EADa;AAEpBC,QAAAA,MAAM,EAAE,EAFY;AAGpBC,QAAAA,SAAS,EAAE;AAHS,OAAtB;AAKA,aAAOH,aAAa,CAACH,IAAD,CAApB;AACD;;;WAED,wBAA4C;AAAA;;AAC1C,UAAMO,cAAc,GAAG,KAAKC,qBAAL,CAA2BC,sBAA3B,CACrB,OADqB,CAAvB;AAGA,UAAMC,KAAK,GAAGH,cAAH,aAAGA,cAAH,gDAAGA,cAAc,CAAEI,KAAnB,0DAAG,sBAAuBC,KAArC;;AACA,UAAIF,KAAK,KAAK,OAAd,EAAuB;AACrB,eAAO,OAAP;AACD,OAFD,MAEO,IAAIA,KAAK,KAAK,QAAd,EAAwB;AAC7B,eAAO,QAAP;AACD,OAFM,MAEA,IAAIA,KAAK,KAAK,WAAd,EAA2B;AAChC,eAAO,WAAP;AACD,OAFM,MAEA;AACL,eAAO,OAAP;AACD;AACF;;;EAnDwCG,mB","sourcesContent":["import BaseLayer from '../core/BaseLayer';\nimport { IGeometryLayerStyleOptions } from '../core/interface';\nimport GeometryModels, { GeometryModelType } from './models';\n\nexport default class GeometryLayer extends BaseLayer<\n  IGeometryLayerStyleOptions\n> {\n  public type: string = 'GeometryLayer';\n  public buildModels() {\n    const modelType = this.getModelType();\n    this.layerModel = new GeometryModels[modelType](this);\n    this.layerModel.initModels((models) => {\n      this.models = models;\n      this.renderLayers();\n    });\n  }\n  public rebuildModels() {\n    this.layerModel.buildModels((models) => (this.models = models));\n  }\n\n  protected getConfigSchema() {\n    return {\n      properties: {\n        opacity: {\n          type: 'number',\n          minimum: 0,\n          maximum: 1,\n        },\n      },\n    };\n  }\n  protected getDefaultConfig() {\n    const type = this.getModelType();\n    const defaultConfig = {\n      plane: {},\n      sprite: {},\n      billboard: {},\n    };\n    return defaultConfig[type];\n  }\n\n  protected getModelType(): GeometryModelType {\n    const shapeAttribute = this.styleAttributeService.getLayerStyleAttribute(\n      'shape',\n    );\n    const shape = shapeAttribute?.scale?.field as GeometryModelType;\n    if (shape === 'plane') {\n      return 'plane';\n    } else if (shape === 'sprite') {\n      return 'sprite';\n    } else if (shape === 'billboard') {\n      return 'billboard';\n    } else {\n      return 'plane';\n    }\n  }\n}\n"],"file":"index.js"}

package/lib/Geometry/models/billboard.js

@@ -103,7 +103,7 @@ var BillBoardModel = function (_BaseModel) {
     }
   }, {
     key: "initModels",
-    value: function initModels() {
+    value: function initModels(callbackModel) {
       var _ref3 = this.layer.getLayerConfig(),
           _ref3$mask = _ref3.mask,
           mask = _ref3$mask === void 0 ? false : _ref3$mask,
@@ -121,8 +121,8 @@ var BillBoardModel = function (_BaseModel) {
         this.updateTexture(drawCanvas);
       }
 
-      return [this.layer.buildLayerModel({
-        moduleName: 'geometry_billboard',
+      this.layer.buildLayerModel({
+        moduleName: 'geometryBillboard',
         vertexShader: planeVert,
         fragmentShader: planeFrag,
         triangulation: this.planeGeometryTriangulation,
@@ -132,12 +132,17 @@ var BillBoardModel = function (_BaseModel) {
         },
         blend: this.getBlend(),
         stencil: (0, _l7Utils.getMask)(mask, maskInside)
-      })];
+      }).then(function (model) {
+        callbackModel([model]);
+      }).catch(function (err) {
+        console.warn(err);
+        callbackModel([]);
+      });
     }
   }, {
     key: "buildModels",
-    value: function buildModels() {
-      return this.initModels();
+    value: function buildModels(callbackModel) {
+      this.initModels(callbackModel);
     }
   }, {
     key: "updateTexture",

package/lib/Geometry/models/billboard.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/Geometry/models/billboard.ts"],"names":["BillBoardModel","layer","getLayerConfig","center","size","indices","vertices","opacity","width","height","raisingHeight","rotateFlag","mapService","version","radian","Math","PI","getRotation","u_raisingHeight","Number","u_RotateMatrix","Float32Array","cos","sin","u_opacity","u_texture","texture","u_size","destroy","mask","maskInside","drawCanvas","createTexture2D","rendererService","updateTexture","buildLayerModel","moduleName","vertexShader","planeVert","fragmentShader","planeFrag","triangulation","planeGeometryTriangulation","primitive","gl","TRIANGLES","depth","enable","blend","getBlend","stencil","initModels","canvasWidth","canvasHeight","canvas","document","createElement","ctx","getContext","data","wrapS","CLAMP_TO_EDGE","wrapT","layerService","updateLayerRenderList","renderLayers","properties","type","minimum","maximum","styleAttributeService","registerStyleAttribute","name","AttributeType","Attribute","descriptor","buffer","usage","DYNAMIC_DRAW","FLOAT","update","feature","featureIdx","vertex","attributeIdx","extrude","extrudeIndex","BaseModel"],"mappings":"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","sourcesContent":["import {\n  AttributeType,\n  gl,\n  IAttrubuteAndElements,\n  IEncodeFeature,\n  IModelUniform,\n  ITexture2D,\n} from '@antv/l7-core';\nimport { getMask, isMini } from '@antv/l7-utils';\nimport BaseModel from '../../core/BaseModel';\nimport { IGeometryLayerStyleOptions } from '../../core/interface';\nimport planeFrag from '../shaders/billboard_frag.glsl';\nimport planeVert from '../shaders/billboard_vert.glsl';\n\nexport default class BillBoardModel extends BaseModel {\n  protected texture: ITexture2D;\n  private radian: number = 0; // 旋转的弧度\n\n  public planeGeometryTriangulation = () => {\n    const {\n      center = [120, 30],\n    } = this.layer.getLayerConfig() as IGeometryLayerStyleOptions;\n    return {\n      size: 4,\n      indices: [0, 1, 2, 2, 3, 0],\n      vertices: [\n        ...center,\n        ...[1, 1],\n        ...center,\n        ...[0, 1],\n        ...center,\n        ...[0, 0],\n        ...center,\n        ...[1, 0],\n      ],\n    };\n  };\n\n  public getUninforms(): IModelUniform {\n    const {\n      opacity,\n      width = 1,\n      height = 1,\n      raisingHeight = 0,\n    } = this.layer.getLayerConfig() as IGeometryLayerStyleOptions;\n\n    /**\n     *               rotateFlag\n     * L7MAP            1\n     * MAPBOX           1\n     * GAODE2.x         -1\n     * GAODE1.x         -1\n     */\n    let rotateFlag = 1;\n    if (\n      this.mapService.version === 'GAODE2.x' ||\n      this.mapService.version === 'GAODE1.x'\n    ) {\n      rotateFlag = -1;\n    }\n    // 控制图标的旋转角度（绕 Z 轴旋转）\n    this.radian =\n      (rotateFlag * Math.PI * (this.mapService.getRotation() % 360)) / 180;\n\n    return {\n      u_raisingHeight: Number(raisingHeight),\n      u_RotateMatrix: new Float32Array([\n        // z\n        Math.cos(this.radian),\n        Math.sin(this.radian),\n        -Math.sin(this.radian),\n        Math.cos(this.radian),\n      ]),\n      u_opacity: opacity || 1,\n      u_texture: this.texture,\n      u_size: [width, height],\n    };\n  }\n\n  public clearModels(): void {\n    this.texture?.destroy();\n  }\n\n  public initModels() {\n    const {\n      mask = false,\n      maskInside = true,\n      drawCanvas,\n    } = this.layer.getLayerConfig() as IGeometryLayerStyleOptions;\n\n    const { createTexture2D } = this.rendererService;\n    this.texture = createTexture2D({\n      height: 0,\n      width: 0,\n    });\n\n    if (drawCanvas) {\n      this.updateTexture(drawCanvas);\n    }\n\n    return [\n      this.layer.buildLayerModel({\n        moduleName: 'geometry_billboard',\n        vertexShader: planeVert,\n        fragmentShader: planeFrag,\n        triangulation: this.planeGeometryTriangulation,\n        primitive: gl.TRIANGLES,\n        depth: { enable: true },\n        blend: this.getBlend(),\n        stencil: getMask(mask, maskInside),\n      }),\n    ];\n  }\n\n  public buildModels() {\n    return this.initModels();\n  }\n\n  public updateTexture(drawCanvas: (canvas: HTMLCanvasElement) => void): void {\n    const { createTexture2D } = this.rendererService;\n\n    const {\n      canvasWidth = 1,\n      canvasHeight = 1,\n    } = this.layer.getLayerConfig() as IGeometryLayerStyleOptions;\n    const canvas = document.createElement('canvas');\n    canvas.width = canvasWidth;\n    canvas.height = canvasHeight;\n    const ctx = canvas.getContext('2d');\n    if (ctx) {\n      drawCanvas(canvas);\n      this.texture = createTexture2D({\n        data: canvas,\n        width: canvas.width,\n        height: canvas.height,\n        wrapS: gl.CLAMP_TO_EDGE,\n        wrapT: gl.CLAMP_TO_EDGE,\n      });\n      this.layerService.updateLayerRenderList();\n      this.layerService.renderLayers();\n    }\n  }\n\n  protected getConfigSchema() {\n    return {\n      properties: {\n        opacity: {\n          type: 'number',\n          minimum: 0,\n          maximum: 1,\n        },\n      },\n    };\n  }\n\n  protected registerBuiltinAttributes() {\n    this.styleAttributeService.registerStyleAttribute({\n      name: 'extrude',\n      type: AttributeType.Attribute,\n      descriptor: {\n        name: 'a_Extrude',\n        buffer: {\n          // give the WebGL driver a hint that this buffer may change\n          usage: gl.DYNAMIC_DRAW,\n          data: [],\n          type: gl.FLOAT,\n        },\n        size: 3,\n        update: (\n          feature: IEncodeFeature,\n          featureIdx: number,\n          vertex: number[],\n          attributeIdx: number,\n        ) => {\n          const extrude = [1, 1, 0, -1, 1, 0, -1, -1, 0, 1, -1, 0];\n          const extrudeIndex = (attributeIdx % 4) * 3;\n          return [\n            extrude[extrudeIndex],\n            extrude[extrudeIndex + 1],\n            extrude[extrudeIndex + 2],\n          ];\n        },\n      },\n    });\n    // point layer size;\n    this.styleAttributeService.registerStyleAttribute({\n      name: 'uv',\n      type: AttributeType.Attribute,\n      descriptor: {\n        name: 'a_Uv',\n        buffer: {\n          // give the WebGL driver a hint that this buffer may change\n          usage: gl.DYNAMIC_DRAW,\n          data: [],\n          type: gl.FLOAT,\n        },\n        size: 2,\n        update: (\n          feature: IEncodeFeature,\n          featureIdx: number,\n          vertex: number[],\n          attributeIdx: number,\n        ) => {\n          return [vertex[2], vertex[3]];\n        },\n      },\n    });\n  }\n}\n"],"file":"billboard.js"}
+{"version":3,"sources":["../../../src/Geometry/models/billboard.ts"],"names":["BillBoardModel","layer","getLayerConfig","center","size","indices","vertices","opacity","width","height","raisingHeight","rotateFlag","mapService","version","radian","Math","PI","getRotation","u_raisingHeight","Number","u_RotateMatrix","Float32Array","cos","sin","u_opacity","u_texture","texture","u_size","destroy","callbackModel","mask","maskInside","drawCanvas","createTexture2D","rendererService","updateTexture","buildLayerModel","moduleName","vertexShader","planeVert","fragmentShader","planeFrag","triangulation","planeGeometryTriangulation","primitive","gl","TRIANGLES","depth","enable","blend","getBlend","stencil","then","model","catch","err","console","warn","initModels","canvasWidth","canvasHeight","canvas","document","createElement","ctx","getContext","data","wrapS","CLAMP_TO_EDGE","wrapT","layerService","updateLayerRenderList","renderLayers","properties","type","minimum","maximum","styleAttributeService","registerStyleAttribute","name","AttributeType","Attribute","descriptor","buffer","usage","DYNAMIC_DRAW","FLOAT","update","feature","featureIdx","vertex","attributeIdx","extrude","extrudeIndex","BaseModel"],"mappings":"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","sourcesContent":["import {\n  AttributeType,\n  gl,\n  IAttrubuteAndElements,\n  IEncodeFeature,\n  IModel,\n  IModelUniform,\n  ITexture2D,\n} from '@antv/l7-core';\nimport { getMask } from '@antv/l7-utils';\nimport BaseModel from '../../core/BaseModel';\nimport { IGeometryLayerStyleOptions } from '../../core/interface';\nimport planeFrag from '../shaders/billboard_frag.glsl';\nimport planeVert from '../shaders/billboard_vert.glsl';\n\nexport default class BillBoardModel extends BaseModel {\n  protected texture: ITexture2D;\n  private radian: number = 0; // 旋转的弧度\n\n  public planeGeometryTriangulation = () => {\n    const {\n      center = [120, 30],\n    } = this.layer.getLayerConfig() as IGeometryLayerStyleOptions;\n    return {\n      size: 4,\n      indices: [0, 1, 2, 2, 3, 0],\n      vertices: [\n        ...center,\n        ...[1, 1],\n        ...center,\n        ...[0, 1],\n        ...center,\n        ...[0, 0],\n        ...center,\n        ...[1, 0],\n      ],\n    };\n  };\n\n  public getUninforms(): IModelUniform {\n    const {\n      opacity,\n      width = 1,\n      height = 1,\n      raisingHeight = 0,\n    } = this.layer.getLayerConfig() as IGeometryLayerStyleOptions;\n\n    /**\n     *               rotateFlag\n     * L7MAP            1\n     * MAPBOX           1\n     * GAODE2.x         -1\n     * GAODE1.x         -1\n     */\n    let rotateFlag = 1;\n    if (\n      this.mapService.version === 'GAODE2.x' ||\n      this.mapService.version === 'GAODE1.x'\n    ) {\n      rotateFlag = -1;\n    }\n    // 控制图标的旋转角度（绕 Z 轴旋转）\n    this.radian =\n      (rotateFlag * Math.PI * (this.mapService.getRotation() % 360)) / 180;\n\n    return {\n      u_raisingHeight: Number(raisingHeight),\n      u_RotateMatrix: new Float32Array([\n        // z\n        Math.cos(this.radian),\n        Math.sin(this.radian),\n        -Math.sin(this.radian),\n        Math.cos(this.radian),\n      ]),\n      u_opacity: opacity || 1,\n      u_texture: this.texture,\n      u_size: [width, height],\n    };\n  }\n\n  public clearModels(): void {\n    this.texture?.destroy();\n  }\n\n  public initModels(callbackModel: (models: IModel[]) => void) {\n    const {\n      mask = false,\n      maskInside = true,\n      drawCanvas,\n    } = this.layer.getLayerConfig() as IGeometryLayerStyleOptions;\n\n    const { createTexture2D } = this.rendererService;\n    this.texture = createTexture2D({\n      height: 0,\n      width: 0,\n    });\n\n    if (drawCanvas) {\n      this.updateTexture(drawCanvas);\n    }\n\n    this.layer\n      .buildLayerModel({\n        moduleName: 'geometryBillboard',\n        vertexShader: planeVert,\n        fragmentShader: planeFrag,\n        triangulation: this.planeGeometryTriangulation,\n        primitive: gl.TRIANGLES,\n        depth: { enable: true },\n        blend: this.getBlend(),\n        stencil: getMask(mask, maskInside),\n      })\n      .then((model) => {\n        callbackModel([model]);\n      })\n      .catch((err) => {\n        console.warn(err);\n        callbackModel([]);\n      });\n  }\n\n  public buildModels(callbackModel: (models: IModel[]) => void) {\n    this.initModels(callbackModel);\n  }\n\n  public updateTexture(drawCanvas: (canvas: HTMLCanvasElement) => void): void {\n    const { createTexture2D } = this.rendererService;\n\n    const {\n      canvasWidth = 1,\n      canvasHeight = 1,\n    } = this.layer.getLayerConfig() as IGeometryLayerStyleOptions;\n    const canvas = document.createElement('canvas');\n    canvas.width = canvasWidth;\n    canvas.height = canvasHeight;\n    const ctx = canvas.getContext('2d');\n    if (ctx) {\n      drawCanvas(canvas);\n      this.texture = createTexture2D({\n        data: canvas,\n        width: canvas.width,\n        height: canvas.height,\n        wrapS: gl.CLAMP_TO_EDGE,\n        wrapT: gl.CLAMP_TO_EDGE,\n      });\n      this.layerService.updateLayerRenderList();\n      this.layerService.renderLayers();\n    }\n  }\n\n  protected getConfigSchema() {\n    return {\n      properties: {\n        opacity: {\n          type: 'number',\n          minimum: 0,\n          maximum: 1,\n        },\n      },\n    };\n  }\n\n  protected registerBuiltinAttributes() {\n    this.styleAttributeService.registerStyleAttribute({\n      name: 'extrude',\n      type: AttributeType.Attribute,\n      descriptor: {\n        name: 'a_Extrude',\n        buffer: {\n          // give the WebGL driver a hint that this buffer may change\n          usage: gl.DYNAMIC_DRAW,\n          data: [],\n          type: gl.FLOAT,\n        },\n        size: 3,\n        update: (\n          feature: IEncodeFeature,\n          featureIdx: number,\n          vertex: number[],\n          attributeIdx: number,\n        ) => {\n          const extrude = [1, 1, 0, -1, 1, 0, -1, -1, 0, 1, -1, 0];\n          const extrudeIndex = (attributeIdx % 4) * 3;\n          return [\n            extrude[extrudeIndex],\n            extrude[extrudeIndex + 1],\n            extrude[extrudeIndex + 2],\n          ];\n        },\n      },\n    });\n    // point layer size;\n    this.styleAttributeService.registerStyleAttribute({\n      name: 'uv',\n      type: AttributeType.Attribute,\n      descriptor: {\n        name: 'a_Uv',\n        buffer: {\n          // give the WebGL driver a hint that this buffer may change\n          usage: gl.DYNAMIC_DRAW,\n          data: [],\n          type: gl.FLOAT,\n        },\n        size: 2,\n        update: (\n          feature: IEncodeFeature,\n          featureIdx: number,\n          vertex: number[],\n          attributeIdx: number,\n        ) => {\n          return [vertex[2], vertex[3]];\n        },\n      },\n    });\n  }\n}\n"],"file":"billboard.js"}

package/lib/Geometry/models/plane.js

@@ -187,7 +187,7 @@ var PlaneModel = function (_BaseModel) {
     }
   }, {
     key: "initModels",
-    value: function initModels() {
+    value: function initModels(callbackModel) {
       var _ref5 = this.layer.getLayerConfig(),
           _ref5$mask = _ref5.mask,
           mask = _ref5$mask === void 0 ? false : _ref5$mask,
@@ -202,8 +202,8 @@ var PlaneModel = function (_BaseModel) {
         width: 0
       });
       this.updateTexture(mapTexture);
-      return [this.layer.buildLayerModel({
-        moduleName: 'geometry_plane',
+      this.layer.buildLayerModel({
+        moduleName: 'geometryPlane',
         vertexShader: planeVert,
         fragmentShader: planeFrag,
         triangulation: this.planeGeometryTriangulation,
@@ -211,18 +211,23 @@ var PlaneModel = function (_BaseModel) {
         depth: {
           enable: true
         },
-        blend: this.getBlend(),
         stencil: (0, _l7Utils.getMask)(mask, maskInside),
+        blend: this.getBlend(),
         cull: {
           enable: true,
           face: _l7Core.gl.BACK
         }
-      })];
+      }).then(function (model) {
+        callbackModel([model]);
+      }).catch(function (err) {
+        console.warn(err);
+        callbackModel([]);
+      });
     }
   }, {
     key: "buildModels",
-    value: function buildModels() {
-      return this.initModels();
+    value: function buildModels(callbackModel) {
+      this.initModels(callbackModel);
     }
   }, {
     key: "createModelData",

package/lib/Geometry/models/plane.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/Geometry/models/plane.ts"],"names":["PlaneModel","layer","getLayerConfig","width","height","widthSegments","heightSegments","center","terrainTexture","initPlane","indices","positions","loadTerrainTexture","vertices","size","lng","lat","widthHalf","heightHalf","gridX","Math","floor","gridY","gridX1","gridY1","segmentWidth","segmentHeight","iy","y","ix","x","mapService","version","Version","lngLatToCoord","a","b","push","c","d","opacity","mapTexture","terrainClipHeight","texture","destroy","updateTexture","u_opacity","u_mapFlag","u_terrainClipHeight","u_texture","terrainImage","mask","maskInside","createTexture2D","rendererService","buildLayerModel","moduleName","vertexShader","planeVert","fragmentShader","planeFrag","triangulation","planeGeometryTriangulation","primitive","gl","TRIANGLES","depth","enable","blend","getBlend","stencil","cull","face","BACK","initModels","options","oldwidthSegments","oldheightSegments","oldwidth","oldheight","style","undefined","oldFeatures","getEncodedData","res","styleAttributeService","createAttributesAndIndices","img","Image","crossOrigin","onload","data","wrapS","CLAMP_TO_EDGE","wrapT","layerService","updateLayerRenderList","renderLayers","src","canvas","document","createElement","ctx","getContext","drawImage","imageData","getImageData","image","rgb2height","imgWidth","imgHeight","widthStep","heihgtStep","imgIndexY","imgLen","imgIndexX","imgDataIndex","r","g","z","modelData","updateModelData","terrainImageLoaded","translateVertex","setTimeout","emit","properties","type","minimum","maximum","registerStyleAttribute","name","AttributeType","Attribute","descriptor","buffer","usage","DYNAMIC_DRAW","FLOAT","update","feature","featureIdx","vertex","attributeIdx","BaseModel"],"mappings":"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","sourcesContent":["import {\n  AttributeType,\n  gl,\n  IAttrubuteAndElements,\n  IEncodeFeature,\n  IModelUniform,\n  ITexture2D,\n} from '@antv/l7-core';\nimport { Version } from '@antv/l7-maps';\nimport { getMask, isMini } from '@antv/l7-utils';\n// import { mat4, vec3 } from 'gl-matrix';\nimport BaseModel from '../../core/BaseModel';\nimport { IGeometryLayerStyleOptions } from '../../core/interface';\nimport planeFrag from '../shaders/plane_frag.glsl';\nimport planeVert from '../shaders/plane_vert.glsl';\n\nexport default class PlaneModel extends BaseModel {\n  protected texture: ITexture2D;\n  protected terrainImage: HTMLImageElement;\n  protected terrainImageLoaded: boolean = false;\n  protected mapTexture: string | undefined;\n\n  public initPlane(\n    width = 1,\n    height = 1,\n    widthSegments = 1,\n    heightSegments = 1,\n    lng = 120,\n    lat = 30,\n  ) {\n    // https://github.com/mrdoob/three.js/blob/dev/src/geometries/PlaneGeometry.js\n    const widthHalf = width / 2;\n    const heightHalf = height / 2;\n\n    const gridX = Math.floor(widthSegments);\n    const gridY = Math.floor(heightSegments);\n\n    const gridX1 = gridX + 1;\n    const gridY1 = gridY + 1;\n\n    const segmentWidth = width / gridX;\n    const segmentHeight = height / gridY;\n\n    const indices = [];\n    const positions = [];\n\n    for (let iy = 0; iy < gridY1; iy++) {\n      const y = iy * segmentHeight - heightHalf;\n\n      for (let ix = 0; ix < gridX1; ix++) {\n        const x = ix * segmentWidth - widthHalf;\n        if (this.mapService.version === Version['GAODE2.x']) {\n          // @ts-ignore\n          const [a, b] = this.mapService.lngLatToCoord([x + lng, -y + lat]) as [\n            number,\n            number,\n          ];\n          positions.push(a, b, 0);\n        } else {\n          positions.push(x + lng, -y + lat, 0);\n        }\n\n        positions.push(ix / gridX);\n        positions.push(1 - iy / gridY);\n      }\n    }\n\n    for (let iy = 0; iy < gridY; iy++) {\n      for (let ix = 0; ix < gridX; ix++) {\n        const a = ix + gridX1 * iy;\n        const b = ix + gridX1 * (iy + 1);\n        const c = ix + 1 + gridX1 * (iy + 1);\n        const d = ix + 1 + gridX1 * iy;\n\n        indices.push(a, b, d);\n        indices.push(b, c, d);\n      }\n    }\n\n    return { indices, positions };\n  }\n\n  public planeGeometryTriangulation = () => {\n    const {\n      width = 1,\n      height = 1,\n      widthSegments = 1,\n      heightSegments = 1,\n      center = [120, 30],\n      terrainTexture,\n    } = this.layer.getLayerConfig() as IGeometryLayerStyleOptions;\n    const { indices, positions } = this.initPlane(\n      width,\n      height,\n      widthSegments,\n      heightSegments,\n      ...center,\n    );\n    if (terrainTexture) {\n      // 存在地形贴图的时候会根据地形贴图对顶点进行偏移\n      this.loadTerrainTexture(positions, indices);\n    }\n\n    return {\n      vertices: positions,\n      indices,\n      size: 5,\n    };\n  };\n\n  public getUninforms(): IModelUniform {\n    const {\n      opacity,\n      mapTexture,\n      terrainClipHeight = 0,\n      terrainTexture,\n    } = this.layer.getLayerConfig() as IGeometryLayerStyleOptions;\n    if (this.mapTexture !== mapTexture) {\n      this.mapTexture = mapTexture;\n      this.texture?.destroy();\n      this.updateTexture(mapTexture);\n    }\n    return {\n      u_opacity: opacity || 1,\n      u_mapFlag: mapTexture ? 1 : 0,\n      u_terrainClipHeight: terrainTexture ? terrainClipHeight : -1,\n      u_texture: this.texture,\n    };\n  }\n\n  public clearModels(): void {\n    // @ts-ignore\n    this.terrainImage = null;\n    this.texture?.destroy();\n  }\n\n  public initModels() {\n    const {\n      mask = false,\n      maskInside = true,\n      mapTexture,\n    } = this.layer.getLayerConfig() as IGeometryLayerStyleOptions;\n    this.mapTexture = mapTexture;\n\n    const { createTexture2D } = this.rendererService;\n    this.texture = createTexture2D({\n      height: 0,\n      width: 0,\n    });\n\n    this.updateTexture(mapTexture);\n    return [\n      this.layer.buildLayerModel({\n        moduleName: 'geometry_plane',\n        vertexShader: planeVert,\n        fragmentShader: planeFrag,\n        triangulation: this.planeGeometryTriangulation,\n        primitive: gl.TRIANGLES,\n        // primitive: gl.LINES,\n        depth: { enable: true },\n        blend: this.getBlend(),\n        stencil: getMask(mask, maskInside),\n        cull: {\n          enable: true,\n          face: gl.BACK, // gl.FRONT | gl.BACK;\n        },\n      }),\n    ];\n  }\n\n  public buildModels() {\n    return this.initModels();\n  }\n\n  public createModelData(options?: any) {\n    if (options) {\n      const {\n        widthSegments: oldwidthSegments,\n        heightSegments: oldheightSegments,\n        width: oldwidth,\n        height: oldheight,\n      } = this.layer.getLayerConfig() as IGeometryLayerStyleOptions;\n      const {\n        widthSegments,\n        heightSegments,\n        width,\n        height,\n      } = options as IGeometryLayerStyleOptions;\n      this.layer.style({\n        widthSegments:\n          widthSegments !== undefined ? widthSegments : oldwidthSegments,\n        heightSegments:\n          heightSegments !== undefined ? heightSegments : oldheightSegments,\n        width: width !== undefined ? width : oldwidth,\n        height: height !== undefined ? height : oldheight,\n      });\n    }\n    const oldFeatures = this.layer.getEncodedData();\n    const res = this.styleAttributeService.createAttributesAndIndices(\n      oldFeatures,\n      this.planeGeometryTriangulation,\n    );\n    return res;\n  }\n\n  public updateTexture(mapTexture: string | undefined): void {\n    const { createTexture2D } = this.rendererService;\n\n    if (mapTexture) {\n      const img = new Image();\n      img.crossOrigin = 'anonymous';\n      img.onload = () => {\n        this.texture = createTexture2D({\n          data: img,\n          width: img.width,\n          height: img.height,\n          wrapS: gl.CLAMP_TO_EDGE,\n          wrapT: gl.CLAMP_TO_EDGE,\n        });\n        this.layerService.updateLayerRenderList();\n        this.layerService.renderLayers();\n      };\n      img.src = mapTexture;\n    } else {\n      this.texture = createTexture2D({\n        width: 0,\n        height: 0,\n      });\n    }\n  }\n\n  protected getImageData(img: HTMLImageElement) {\n    const canvas: HTMLCanvasElement = document.createElement('canvas');\n    const ctx = canvas.getContext('2d') as CanvasRenderingContext2D;\n    const { width, height } = img;\n    canvas.width = width;\n    canvas.height = height;\n\n    ctx.drawImage(img, 0, 0, width, height);\n    const imageData = ctx.getImageData(0, 0, width, height);\n\n    return imageData;\n  }\n\n  protected translateVertex(\n    positions: number[],\n    indices: number[],\n    image: HTMLImageElement,\n    widthSegments: number,\n    heightSegments: number,\n    rgb2height: (r: number, g: number, b: number) => number,\n  ) {\n    const imgWidth = image.width;\n    const imgHeight = image.height;\n    const imageData = this.getImageData(image).data;\n\n    const gridX = Math.floor(widthSegments);\n    const gridY = Math.floor(heightSegments);\n\n    const gridX1 = gridX + 1;\n    const gridY1 = gridY + 1;\n\n    const widthStep = imgWidth / gridX;\n    const heihgtStep = imgHeight / gridY;\n\n    for (let iy = 0; iy < gridY1; iy++) {\n      const imgIndexY = Math.floor(iy * heihgtStep);\n      const imgLen = imgIndexY * imgWidth;\n\n      for (let ix = 0; ix < gridX1; ix++) {\n        const imgIndexX = Math.floor(ix * widthStep);\n        const imgDataIndex = (imgLen + imgIndexX) * 4;\n\n        const r = imageData[imgDataIndex];\n        const g = imageData[imgDataIndex + 1];\n        const b = imageData[imgDataIndex + 2];\n\n        const z = (iy * gridX1 + ix) * 5 + 2;\n        positions[z] = rgb2height(r, g, b);\n      }\n    }\n\n    const oldFeatures = this.layer.getEncodedData();\n    const modelData = this.styleAttributeService.createAttributesAndIndices(\n      oldFeatures,\n      () => {\n        return {\n          vertices: positions,\n          indices,\n          size: 5,\n        };\n      },\n    );\n    this.layer.updateModelData(modelData as IAttrubuteAndElements);\n    this.layerService.renderLayers();\n  }\n\n  /**\n   * load terrain texture & offset attribute z\n   */\n  protected loadTerrainTexture(positions: number[], indices: number[]) {\n    const {\n      widthSegments = 1,\n      heightSegments = 1,\n      terrainTexture,\n      rgb2height = (r: number, g: number, b: number) => r + g + b,\n    } = this.layer.getLayerConfig() as IGeometryLayerStyleOptions;\n    if (this.terrainImage) {\n      // 若当前已经存在 image，直接进行偏移计算（LOD）\n      if (this.terrainImageLoaded) {\n        this.translateVertex(\n          positions,\n          indices,\n          this.terrainImage,\n          widthSegments,\n          heightSegments,\n          rgb2height,\n        );\n      } else {\n        this.terrainImage.onload = () => {\n          this.translateVertex(\n            positions,\n            indices,\n            this.terrainImage,\n            widthSegments,\n            heightSegments,\n            rgb2height,\n          );\n        };\n      }\n    } else {\n      // 加载地形贴图、根据地形贴图对 planeGeometry 进行偏移\n      const terrainImage = new Image();\n      this.terrainImage = terrainImage;\n      terrainImage.crossOrigin = 'anonymous';\n      terrainImage.onload = () => {\n        this.terrainImageLoaded = true;\n        // 图片加载完，触发事件，可以进行地形图的顶点计算存储\n        setTimeout(() => this.layer.emit('terrainImageLoaded', null));\n        this.translateVertex(\n          positions,\n          indices,\n          terrainImage,\n          widthSegments,\n          heightSegments,\n          rgb2height,\n        );\n      };\n      terrainImage.src = terrainTexture as string;\n    }\n  }\n\n  protected getConfigSchema() {\n    return {\n      properties: {\n        opacity: {\n          type: 'number',\n          minimum: 0,\n          maximum: 1,\n        },\n      },\n    };\n  }\n\n  protected registerBuiltinAttributes() {\n    // point layer size;\n    this.styleAttributeService.registerStyleAttribute({\n      name: 'uv',\n      type: AttributeType.Attribute,\n      descriptor: {\n        name: 'a_Uv',\n        buffer: {\n          // give the WebGL driver a hint that this buffer may change\n          usage: gl.DYNAMIC_DRAW,\n          data: [],\n          type: gl.FLOAT,\n        },\n        size: 2,\n        update: (\n          feature: IEncodeFeature,\n          featureIdx: number,\n          vertex: number[],\n          attributeIdx: number,\n        ) => {\n          return [vertex[3], vertex[4]];\n        },\n      },\n    });\n  }\n}\n"],"file":"plane.js"}
+{"version":3,"sources":["../../../src/Geometry/models/plane.ts"],"names":["PlaneModel","layer","getLayerConfig","width","height","widthSegments","heightSegments","center","terrainTexture","initPlane","indices","positions","loadTerrainTexture","vertices","size","lng","lat","widthHalf","heightHalf","gridX","Math","floor","gridY","gridX1","gridY1","segmentWidth","segmentHeight","iy","y","ix","x","mapService","version","Version","lngLatToCoord","a","b","push","c","d","opacity","mapTexture","terrainClipHeight","texture","destroy","updateTexture","u_opacity","u_mapFlag","u_terrainClipHeight","u_texture","terrainImage","callbackModel","mask","maskInside","createTexture2D","rendererService","buildLayerModel","moduleName","vertexShader","planeVert","fragmentShader","planeFrag","triangulation","planeGeometryTriangulation","primitive","gl","TRIANGLES","depth","enable","stencil","blend","getBlend","cull","face","BACK","then","model","catch","err","console","warn","initModels","options","oldwidthSegments","oldheightSegments","oldwidth","oldheight","style","undefined","oldFeatures","getEncodedData","res","styleAttributeService","createAttributesAndIndices","img","Image","crossOrigin","onload","data","wrapS","CLAMP_TO_EDGE","wrapT","layerService","updateLayerRenderList","renderLayers","src","canvas","document","createElement","ctx","getContext","drawImage","imageData","getImageData","image","rgb2height","imgWidth","imgHeight","widthStep","heihgtStep","imgIndexY","imgLen","imgIndexX","imgDataIndex","r","g","z","modelData","updateModelData","terrainImageLoaded","translateVertex","setTimeout","emit","properties","type","minimum","maximum","registerStyleAttribute","name","AttributeType","Attribute","descriptor","buffer","usage","DYNAMIC_DRAW","FLOAT","update","feature","featureIdx","vertex","attributeIdx","BaseModel"],"mappings":"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","sourcesContent":["import {\n  AttributeType,\n  gl,\n  IAttrubuteAndElements,\n  IEncodeFeature,\n  IModel,\n  IModelUniform,\n  ITexture2D,\n} from '@antv/l7-core';\nimport { Version } from '@antv/l7-maps';\nimport { getMask } from '@antv/l7-utils';\n// import { mat4, vec3 } from 'gl-matrix';\nimport BaseModel from '../../core/BaseModel';\nimport { IGeometryLayerStyleOptions } from '../../core/interface';\nimport planeFrag from '../shaders/plane_frag.glsl';\nimport planeVert from '../shaders/plane_vert.glsl';\n\nexport default class PlaneModel extends BaseModel {\n  protected texture: ITexture2D;\n  protected terrainImage: HTMLImageElement;\n  protected terrainImageLoaded: boolean = false;\n  protected mapTexture: string | undefined;\n\n  public initPlane(\n    width = 1,\n    height = 1,\n    widthSegments = 1,\n    heightSegments = 1,\n    lng = 120,\n    lat = 30,\n  ) {\n    // https://github.com/mrdoob/three.js/blob/dev/src/geometries/PlaneGeometry.js\n    const widthHalf = width / 2;\n    const heightHalf = height / 2;\n\n    const gridX = Math.floor(widthSegments);\n    const gridY = Math.floor(heightSegments);\n\n    const gridX1 = gridX + 1;\n    const gridY1 = gridY + 1;\n\n    const segmentWidth = width / gridX;\n    const segmentHeight = height / gridY;\n\n    const indices = [];\n    const positions = [];\n\n    for (let iy = 0; iy < gridY1; iy++) {\n      const y = iy * segmentHeight - heightHalf;\n\n      for (let ix = 0; ix < gridX1; ix++) {\n        const x = ix * segmentWidth - widthHalf;\n        if (this.mapService.version === Version['GAODE2.x']) {\n          // @ts-ignore\n          const [a, b] = this.mapService.lngLatToCoord([x + lng, -y + lat]) as [\n            number,\n            number,\n          ];\n          positions.push(a, b, 0);\n        } else {\n          positions.push(x + lng, -y + lat, 0);\n        }\n\n        positions.push(ix / gridX);\n        positions.push(1 - iy / gridY);\n      }\n    }\n\n    for (let iy = 0; iy < gridY; iy++) {\n      for (let ix = 0; ix < gridX; ix++) {\n        const a = ix + gridX1 * iy;\n        const b = ix + gridX1 * (iy + 1);\n        const c = ix + 1 + gridX1 * (iy + 1);\n        const d = ix + 1 + gridX1 * iy;\n\n        indices.push(a, b, d);\n        indices.push(b, c, d);\n      }\n    }\n\n    return { indices, positions };\n  }\n\n  public planeGeometryTriangulation = () => {\n    const {\n      width = 1,\n      height = 1,\n      widthSegments = 1,\n      heightSegments = 1,\n      center = [120, 30],\n      terrainTexture,\n    } = this.layer.getLayerConfig() as IGeometryLayerStyleOptions;\n    const { indices, positions } = this.initPlane(\n      width,\n      height,\n      widthSegments,\n      heightSegments,\n      ...center,\n    );\n    if (terrainTexture) {\n      // 存在地形贴图的时候会根据地形贴图对顶点进行偏移\n      this.loadTerrainTexture(positions, indices);\n    }\n\n    return {\n      vertices: positions,\n      indices,\n      size: 5,\n    };\n  };\n\n  public getUninforms(): IModelUniform {\n    const {\n      opacity,\n      mapTexture,\n      terrainClipHeight = 0,\n      terrainTexture,\n    } = this.layer.getLayerConfig() as IGeometryLayerStyleOptions;\n    if (this.mapTexture !== mapTexture) {\n      this.mapTexture = mapTexture;\n      this.texture?.destroy();\n      this.updateTexture(mapTexture);\n    }\n    return {\n      u_opacity: opacity || 1,\n      u_mapFlag: mapTexture ? 1 : 0,\n      u_terrainClipHeight: terrainTexture ? terrainClipHeight : -1,\n      u_texture: this.texture,\n    };\n  }\n\n  public clearModels(): void {\n    // @ts-ignore\n    this.terrainImage = null;\n    this.texture?.destroy();\n  }\n\n  public initModels(callbackModel: (models: IModel[]) => void) {\n    const {\n      mask = false,\n      maskInside = true,\n      mapTexture,\n    } = this.layer.getLayerConfig() as IGeometryLayerStyleOptions;\n    this.mapTexture = mapTexture;\n\n    const { createTexture2D } = this.rendererService;\n    this.texture = createTexture2D({\n      height: 0,\n      width: 0,\n    });\n\n    this.updateTexture(mapTexture);\n\n    this.layer\n      .buildLayerModel({\n        moduleName: 'geometryPlane',\n        vertexShader: planeVert,\n        fragmentShader: planeFrag,\n        triangulation: this.planeGeometryTriangulation,\n        primitive: gl.TRIANGLES,\n        depth: { enable: true },\n        stencil: getMask(mask, maskInside),\n        blend: this.getBlend(),\n        cull: {\n          enable: true,\n          face: gl.BACK, // gl.FRONT | gl.BACK;\n        },\n      })\n      .then((model) => {\n        callbackModel([model]);\n      })\n      .catch((err) => {\n        console.warn(err);\n        callbackModel([]);\n      });\n  }\n\n  public buildModels(callbackModel: (models: IModel[]) => void) {\n    this.initModels(callbackModel);\n  }\n\n  public createModelData(options?: any) {\n    if (options) {\n      const {\n        widthSegments: oldwidthSegments,\n        heightSegments: oldheightSegments,\n        width: oldwidth,\n        height: oldheight,\n      } = this.layer.getLayerConfig() as IGeometryLayerStyleOptions;\n      const {\n        widthSegments,\n        heightSegments,\n        width,\n        height,\n      } = options as IGeometryLayerStyleOptions;\n      this.layer.style({\n        widthSegments:\n          widthSegments !== undefined ? widthSegments : oldwidthSegments,\n        heightSegments:\n          heightSegments !== undefined ? heightSegments : oldheightSegments,\n        width: width !== undefined ? width : oldwidth,\n        height: height !== undefined ? height : oldheight,\n      });\n    }\n    const oldFeatures = this.layer.getEncodedData();\n    const res = this.styleAttributeService.createAttributesAndIndices(\n      oldFeatures,\n      this.planeGeometryTriangulation,\n    );\n    return res;\n  }\n\n  public updateTexture(mapTexture: string | undefined): void {\n    const { createTexture2D } = this.rendererService;\n\n    if (mapTexture) {\n      const img = new Image();\n      img.crossOrigin = 'anonymous';\n      img.onload = () => {\n        this.texture = createTexture2D({\n          data: img,\n          width: img.width,\n          height: img.height,\n          wrapS: gl.CLAMP_TO_EDGE,\n          wrapT: gl.CLAMP_TO_EDGE,\n        });\n        this.layerService.updateLayerRenderList();\n        this.layerService.renderLayers();\n      };\n      img.src = mapTexture;\n    } else {\n      this.texture = createTexture2D({\n        width: 0,\n        height: 0,\n      });\n    }\n  }\n\n  protected getImageData(img: HTMLImageElement) {\n    const canvas: HTMLCanvasElement = document.createElement('canvas');\n    const ctx = canvas.getContext('2d') as CanvasRenderingContext2D;\n    const { width, height } = img;\n    canvas.width = width;\n    canvas.height = height;\n\n    ctx.drawImage(img, 0, 0, width, height);\n    const imageData = ctx.getImageData(0, 0, width, height);\n\n    return imageData;\n  }\n\n  protected translateVertex(\n    positions: number[],\n    indices: number[],\n    image: HTMLImageElement,\n    widthSegments: number,\n    heightSegments: number,\n    rgb2height: (r: number, g: number, b: number) => number,\n  ) {\n    const imgWidth = image.width;\n    const imgHeight = image.height;\n    const imageData = this.getImageData(image).data;\n\n    const gridX = Math.floor(widthSegments);\n    const gridY = Math.floor(heightSegments);\n\n    const gridX1 = gridX + 1;\n    const gridY1 = gridY + 1;\n\n    const widthStep = imgWidth / gridX;\n    const heihgtStep = imgHeight / gridY;\n\n    for (let iy = 0; iy < gridY1; iy++) {\n      const imgIndexY = Math.floor(iy * heihgtStep);\n      const imgLen = imgIndexY * imgWidth;\n\n      for (let ix = 0; ix < gridX1; ix++) {\n        const imgIndexX = Math.floor(ix * widthStep);\n        const imgDataIndex = (imgLen + imgIndexX) * 4;\n\n        const r = imageData[imgDataIndex];\n        const g = imageData[imgDataIndex + 1];\n        const b = imageData[imgDataIndex + 2];\n\n        const z = (iy * gridX1 + ix) * 5 + 2;\n        positions[z] = rgb2height(r, g, b);\n      }\n    }\n\n    const oldFeatures = this.layer.getEncodedData();\n    const modelData = this.styleAttributeService.createAttributesAndIndices(\n      oldFeatures,\n      () => {\n        return {\n          vertices: positions,\n          indices,\n          size: 5,\n        };\n      },\n    );\n    this.layer.updateModelData(modelData as IAttrubuteAndElements);\n    this.layerService.renderLayers();\n  }\n\n  /**\n   * load terrain texture & offset attribute z\n   */\n  protected loadTerrainTexture(positions: number[], indices: number[]) {\n    const {\n      widthSegments = 1,\n      heightSegments = 1,\n      terrainTexture,\n      rgb2height = (r: number, g: number, b: number) => r + g + b,\n    } = this.layer.getLayerConfig() as IGeometryLayerStyleOptions;\n    if (this.terrainImage) {\n      // 若当前已经存在 image，直接进行偏移计算（LOD）\n      if (this.terrainImageLoaded) {\n        this.translateVertex(\n          positions,\n          indices,\n          this.terrainImage,\n          widthSegments,\n          heightSegments,\n          rgb2height,\n        );\n      } else {\n        this.terrainImage.onload = () => {\n          this.translateVertex(\n            positions,\n            indices,\n            this.terrainImage,\n            widthSegments,\n            heightSegments,\n            rgb2height,\n          );\n        };\n      }\n    } else {\n      // 加载地形贴图、根据地形贴图对 planeGeometry 进行偏移\n      const terrainImage = new Image();\n      this.terrainImage = terrainImage;\n      terrainImage.crossOrigin = 'anonymous';\n      terrainImage.onload = () => {\n        this.terrainImageLoaded = true;\n        // 图片加载完，触发事件，可以进行地形图的顶点计算存储\n        setTimeout(() => this.layer.emit('terrainImageLoaded', null));\n        this.translateVertex(\n          positions,\n          indices,\n          terrainImage,\n          widthSegments,\n          heightSegments,\n          rgb2height,\n        );\n      };\n      terrainImage.src = terrainTexture as string;\n    }\n  }\n\n  protected getConfigSchema() {\n    return {\n      properties: {\n        opacity: {\n          type: 'number',\n          minimum: 0,\n          maximum: 1,\n        },\n      },\n    };\n  }\n\n  protected registerBuiltinAttributes() {\n    // point layer size;\n    this.styleAttributeService.registerStyleAttribute({\n      name: 'uv',\n      type: AttributeType.Attribute,\n      descriptor: {\n        name: 'a_Uv',\n        buffer: {\n          // give the WebGL driver a hint that this buffer may change\n          usage: gl.DYNAMIC_DRAW,\n          data: [],\n          type: gl.FLOAT,\n        },\n        size: 2,\n        update: (\n          feature: IEncodeFeature,\n          featureIdx: number,\n          vertex: number[],\n          attributeIdx: number,\n        ) => {\n          return [vertex[3], vertex[4]];\n        },\n      },\n    });\n  }\n}\n"],"file":"plane.js"}

package/lib/Geometry/models/sprite.js

@@ -215,7 +215,7 @@ var SpriteModel = function (_BaseModel) {
     }
   }, {
     key: "initModels",
-    value: function initModels() {
+    value: function initModels(callbackModel) {
       var _this3 = this;
 
       var _ref6 = this.layer.getLayerConfig(),
@@ -240,8 +240,8 @@ var SpriteModel = function (_BaseModel) {
       setTimeout(function () {
         _this3.updateModel();
       }, 100);
-      return [this.layer.buildLayerModel({
-        moduleName: 'geometry_sprite',
+      this.layer.buildLayerModel({
+        moduleName: 'geometrySprite',
         vertexShader: spriteVert,
         fragmentShader: spriteFrag,
         triangulation: this.planeGeometryTriangulation,
@@ -250,12 +250,17 @@ var SpriteModel = function (_BaseModel) {
           enable: false
         },
         blend: this.getBlend()
-      })];
+      }).then(function (model) {
+        callbackModel([model]);
+      }).catch(function (err) {
+        console.warn(err);
+        callbackModel([]);
+      });
     }
   }, {
     key: "buildModels",
-    value: function buildModels() {
-      return this.initModels();
+    value: function buildModels(callbackModel) {
+      this.initModels(callbackModel);
     }
   }, {
     key: "updateTexture",

package/lib/Geometry/models/sprite.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/Geometry/models/sprite.ts"],"names":["SPRITE_ANIMATE_DIR","SpriteModel","layer","getLayerConfig","spriteBottom","updateZ","spriteUpdate","bottomZ","topZ","spriteTop","i","positions","length","spriteAnimate","UP","vertices","indices","size","attributes","createAttrubutes","triangulation","planeGeometryUpdateTriangulation","models","map","m","updateAttributes","renderLayers","timer","requestAnimationFrame","updateModel","center","spriteCount","spriteRadius","initSprite","radius","lng","lat","mapService","heightLimit","height","Math","random","push","getPos","z","randomX","randomY","x","y","version","Version","lngLatToCoord","a","b","opacity","mapTexture","spriteScale","texture","destroy","updateTexture","u_opacity","u_mapFlag","u_texture","u_Scale","cancelAnimationFrame","DOWN","createTexture2D","rendererService","width","setTimeout","buildLayerModel","moduleName","vertexShader","spriteVert","fragmentShader","spriteFrag","planeGeometryTriangulation","primitive","gl","POINTS","depth","enable","blend","getBlend","initModels","img","Image","crossOrigin","onload","data","wrapS","CLAMP_TO_EDGE","wrapT","layerService","updateLayerRenderList","src","properties","type","minimum","maximum","BaseModel"],"mappings":"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","sourcesContent":["import {\n  AttributeType,\n  gl,\n  IAnimateOption,\n  IEncodeFeature,\n  ILayerConfig,\n  IModelUniform,\n  ITexture2D,\n} from '@antv/l7-core';\nimport { Version } from '@antv/l7-maps';\n\nimport BaseModel from '../../core/BaseModel';\nimport { IGeometryLayerStyleOptions } from '../../core/interface';\nimport spriteFrag from '../shaders/sprite_frag.glsl';\nimport spriteVert from '../shaders/sprite_vert.glsl';\n\nenum SPRITE_ANIMATE_DIR {\n  'UP' = 'up',\n  'DOWN' = 'down',\n}\n\nexport default class SpriteModel extends BaseModel {\n  protected texture: ITexture2D;\n  protected mapTexture: string | undefined;\n  protected positions: number[];\n  protected indices: number[];\n  protected timer: number;\n  protected spriteTop: number;\n  protected spriteUpdate: number;\n  protected spriteAnimate: SPRITE_ANIMATE_DIR;\n\n  public initSprite(radius = 10, spriteCount = 100, lng = 120, lat = 30) {\n    const indices = [];\n    const positions = [];\n    const mapService = this.mapService;\n    const heightLimit =\n      this.spriteAnimate === SPRITE_ANIMATE_DIR.UP\n        ? -this.spriteTop\n        : this.spriteTop;\n    for (let i = 0; i < spriteCount; i++) {\n      const height = Math.random() * heightLimit;\n      positions.push(...getPos(height));\n    }\n    for (let i = 0; i < spriteCount; i++) {\n      indices.push(i);\n    }\n\n    function getPos(z: number) {\n      const randomX = radius * Math.random();\n      const randomY = radius * Math.random();\n      const x = -radius / 2 + randomX;\n      const y = -radius / 2 + randomY;\n      if (mapService.version === Version['GAODE2.x']) {\n        // @ts-ignore\n        const [a, b] = mapService.lngLatToCoord([x + lng, -y + lat]) as [\n          number,\n          number,\n        ];\n        return [a, b, z, 0, 0];\n      } else {\n        return [x + lng, -y + lat, z, 0, 0];\n      }\n    }\n\n    return { indices, positions };\n  }\n\n  public planeGeometryUpdateTriangulation = () => {\n    const {\n      spriteBottom = -100000,\n    } = this.layer.getLayerConfig() as IGeometryLayerStyleOptions;\n    const updateZ = this.spriteUpdate;\n    // const bottomZ = -100000;\n    const bottomZ = spriteBottom;\n    const topZ = this.spriteTop;\n\n    for (let i = 0; i < this.positions.length; i += 5) {\n      if (this.spriteAnimate === SPRITE_ANIMATE_DIR.UP) {\n        this.positions[i + 2] += updateZ;\n        if (this.positions[i + 2] > topZ) {\n          this.positions[i + 2] = bottomZ;\n        }\n      } else {\n        this.positions[i + 2] -= updateZ;\n        if (this.positions[i + 2] < bottomZ) {\n          this.positions[i + 2] = topZ;\n        }\n      }\n    }\n\n    return {\n      vertices: this.positions,\n      indices: this.indices,\n      size: 5,\n    };\n  };\n\n  public updateModel = () => {\n    // @ts-ignore\n    const attributes = this.layer.createAttrubutes({\n      triangulation: this.planeGeometryUpdateTriangulation,\n    });\n    this.layer.models.map((m) => {\n      m.updateAttributes(attributes);\n    });\n    this.layer.renderLayers();\n\n    this.timer = requestAnimationFrame(this.updateModel);\n  };\n\n  public planeGeometryTriangulation = () => {\n    const {\n      center = [120, 30],\n      spriteCount = 100,\n      spriteRadius = 10,\n    } = this.layer.getLayerConfig() as IGeometryLayerStyleOptions;\n\n    const { indices, positions } = this.initSprite(\n      spriteRadius,\n      spriteCount,\n      ...center,\n    );\n    this.positions = positions;\n    this.indices = indices;\n    return {\n      vertices: positions,\n      indices,\n      size: 5,\n    };\n  };\n\n  public getUninforms(): IModelUniform {\n    const {\n      opacity,\n      mapTexture,\n      spriteScale = 1,\n    } = this.layer.getLayerConfig() as IGeometryLayerStyleOptions;\n    if (this.mapTexture !== mapTexture) {\n      this.mapTexture = mapTexture;\n      this.texture?.destroy();\n      this.updateTexture(mapTexture);\n    }\n    return {\n      u_opacity: opacity || 1,\n      u_mapFlag: mapTexture ? 1 : 0,\n      u_texture: this.texture,\n      u_Scale: spriteScale,\n    };\n  }\n\n  public clearModels(): void {\n    cancelAnimationFrame(this.timer);\n    this.texture?.destroy();\n  }\n\n  public initModels() {\n    const {\n      mapTexture,\n      spriteTop = 5000000,\n      spriteUpdate = 10000,\n      spriteAnimate = SPRITE_ANIMATE_DIR.DOWN,\n    } = this.layer.getLayerConfig() as IGeometryLayerStyleOptions;\n    this.mapTexture = mapTexture;\n    this.spriteTop = spriteTop;\n    this.spriteUpdate = spriteUpdate;\n    spriteAnimate === 'up'\n      ? (this.spriteAnimate = SPRITE_ANIMATE_DIR.UP)\n      : (this.spriteAnimate = SPRITE_ANIMATE_DIR.DOWN);\n\n    const { createTexture2D } = this.rendererService;\n    this.texture = createTexture2D({\n      height: 0,\n      width: 0,\n    });\n\n    this.updateTexture(mapTexture);\n\n    setTimeout(() => {\n      this.updateModel();\n    }, 100);\n\n    return [\n      this.layer.buildLayerModel({\n        moduleName: 'geometry_sprite',\n        vertexShader: spriteVert,\n        fragmentShader: spriteFrag,\n        triangulation: this.planeGeometryTriangulation,\n        primitive: gl.POINTS,\n        depth: { enable: false },\n        blend: this.getBlend(),\n      }),\n    ];\n  }\n\n  public buildModels() {\n    return this.initModels();\n  }\n\n  public updateTexture(mapTexture: string | undefined): void {\n    const { createTexture2D } = this.rendererService;\n\n    if (mapTexture) {\n      const img = new Image();\n      img.crossOrigin = 'anonymous';\n      img.onload = () => {\n        this.texture = createTexture2D({\n          data: img,\n          width: img.width,\n          height: img.height,\n          wrapS: gl.CLAMP_TO_EDGE,\n          wrapT: gl.CLAMP_TO_EDGE,\n        });\n        this.layerService.updateLayerRenderList();\n        this.layerService.renderLayers();\n      };\n      img.src = mapTexture;\n    } else {\n      this.texture = createTexture2D({\n        width: 0,\n        height: 0,\n      });\n    }\n  }\n\n  protected getConfigSchema() {\n    return {\n      properties: {\n        opacity: {\n          type: 'number',\n          minimum: 0,\n          maximum: 1,\n        },\n      },\n    };\n  }\n\n  protected registerBuiltinAttributes() {\n    return '';\n  }\n}\n"],"file":"sprite.js"}
+{"version":3,"sources":["../../../src/Geometry/models/sprite.ts"],"names":["SPRITE_ANIMATE_DIR","SpriteModel","layer","getLayerConfig","spriteBottom","updateZ","spriteUpdate","bottomZ","topZ","spriteTop","i","positions","length","spriteAnimate","UP","vertices","indices","size","attributes","createAttrubutes","triangulation","planeGeometryUpdateTriangulation","models","map","m","updateAttributes","renderLayers","timer","requestAnimationFrame","updateModel","center","spriteCount","spriteRadius","initSprite","radius","lng","lat","mapService","heightLimit","height","Math","random","push","getPos","z","randomX","randomY","x","y","version","Version","lngLatToCoord","a","b","opacity","mapTexture","spriteScale","texture","destroy","updateTexture","u_opacity","u_mapFlag","u_texture","u_Scale","cancelAnimationFrame","callbackModel","DOWN","createTexture2D","rendererService","width","setTimeout","buildLayerModel","moduleName","vertexShader","spriteVert","fragmentShader","spriteFrag","planeGeometryTriangulation","primitive","gl","POINTS","depth","enable","blend","getBlend","then","model","catch","err","console","warn","initModels","img","Image","crossOrigin","onload","data","wrapS","CLAMP_TO_EDGE","wrapT","layerService","updateLayerRenderList","src","properties","type","minimum","maximum","BaseModel"],"mappings":"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","sourcesContent":["import {\n  AttributeType,\n  gl,\n  IAnimateOption,\n  IEncodeFeature,\n  ILayerConfig,\n  IModel,\n  IModelUniform,\n  ITexture2D,\n} from '@antv/l7-core';\nimport { Version } from '@antv/l7-maps';\n\nimport BaseModel from '../../core/BaseModel';\nimport { IGeometryLayerStyleOptions } from '../../core/interface';\nimport spriteFrag from '../shaders/sprite_frag.glsl';\nimport spriteVert from '../shaders/sprite_vert.glsl';\n\nenum SPRITE_ANIMATE_DIR {\n  'UP' = 'up',\n  'DOWN' = 'down',\n}\n\nexport default class SpriteModel extends BaseModel {\n  protected texture: ITexture2D;\n  protected mapTexture: string | undefined;\n  protected positions: number[];\n  protected indices: number[];\n  protected timer: number;\n  protected spriteTop: number;\n  protected spriteUpdate: number;\n  protected spriteAnimate: SPRITE_ANIMATE_DIR;\n\n  public initSprite(radius = 10, spriteCount = 100, lng = 120, lat = 30) {\n    const indices = [];\n    const positions = [];\n    const mapService = this.mapService;\n    const heightLimit =\n      this.spriteAnimate === SPRITE_ANIMATE_DIR.UP\n        ? -this.spriteTop\n        : this.spriteTop;\n    for (let i = 0; i < spriteCount; i++) {\n      const height = Math.random() * heightLimit;\n      positions.push(...getPos(height));\n    }\n    for (let i = 0; i < spriteCount; i++) {\n      indices.push(i);\n    }\n\n    function getPos(z: number) {\n      const randomX = radius * Math.random();\n      const randomY = radius * Math.random();\n      const x = -radius / 2 + randomX;\n      const y = -radius / 2 + randomY;\n      if (mapService.version === Version['GAODE2.x']) {\n        // @ts-ignore\n        const [a, b] = mapService.lngLatToCoord([x + lng, -y + lat]) as [\n          number,\n          number,\n        ];\n        return [a, b, z, 0, 0];\n      } else {\n        return [x + lng, -y + lat, z, 0, 0];\n      }\n    }\n\n    return { indices, positions };\n  }\n\n  public planeGeometryUpdateTriangulation = () => {\n    const {\n      spriteBottom = -100000,\n    } = this.layer.getLayerConfig() as IGeometryLayerStyleOptions;\n    const updateZ = this.spriteUpdate;\n    // const bottomZ = -100000;\n    const bottomZ = spriteBottom;\n    const topZ = this.spriteTop;\n\n    for (let i = 0; i < this.positions.length; i += 5) {\n      if (this.spriteAnimate === SPRITE_ANIMATE_DIR.UP) {\n        this.positions[i + 2] += updateZ;\n        if (this.positions[i + 2] > topZ) {\n          this.positions[i + 2] = bottomZ;\n        }\n      } else {\n        this.positions[i + 2] -= updateZ;\n        if (this.positions[i + 2] < bottomZ) {\n          this.positions[i + 2] = topZ;\n        }\n      }\n    }\n\n    return {\n      vertices: this.positions,\n      indices: this.indices,\n      size: 5,\n    };\n  };\n\n  public updateModel = () => {\n    // @ts-ignore\n    const attributes = this.layer.createAttrubutes({\n      triangulation: this.planeGeometryUpdateTriangulation,\n    });\n    this.layer.models.map((m) => {\n      m.updateAttributes(attributes);\n    });\n    this.layer.renderLayers();\n\n    this.timer = requestAnimationFrame(this.updateModel);\n  };\n\n  public planeGeometryTriangulation = () => {\n    const {\n      center = [120, 30],\n      spriteCount = 100,\n      spriteRadius = 10,\n    } = this.layer.getLayerConfig() as IGeometryLayerStyleOptions;\n\n    const { indices, positions } = this.initSprite(\n      spriteRadius,\n      spriteCount,\n      ...center,\n    );\n    this.positions = positions;\n    this.indices = indices;\n    return {\n      vertices: positions,\n      indices,\n      size: 5,\n    };\n  };\n\n  public getUninforms(): IModelUniform {\n    const {\n      opacity,\n      mapTexture,\n      spriteScale = 1,\n    } = this.layer.getLayerConfig() as IGeometryLayerStyleOptions;\n    if (this.mapTexture !== mapTexture) {\n      this.mapTexture = mapTexture;\n      this.texture?.destroy();\n      this.updateTexture(mapTexture);\n    }\n    return {\n      u_opacity: opacity || 1,\n      u_mapFlag: mapTexture ? 1 : 0,\n      u_texture: this.texture,\n      u_Scale: spriteScale,\n    };\n  }\n\n  public clearModels(): void {\n    cancelAnimationFrame(this.timer);\n    this.texture?.destroy();\n  }\n\n  public initModels(callbackModel: (models: IModel[]) => void) {\n    const {\n      mapTexture,\n      spriteTop = 5000000,\n      spriteUpdate = 10000,\n      spriteAnimate = SPRITE_ANIMATE_DIR.DOWN,\n    } = this.layer.getLayerConfig() as IGeometryLayerStyleOptions;\n    this.mapTexture = mapTexture;\n    this.spriteTop = spriteTop;\n    this.spriteUpdate = spriteUpdate;\n    spriteAnimate === 'up'\n      ? (this.spriteAnimate = SPRITE_ANIMATE_DIR.UP)\n      : (this.spriteAnimate = SPRITE_ANIMATE_DIR.DOWN);\n\n    const { createTexture2D } = this.rendererService;\n    this.texture = createTexture2D({\n      height: 0,\n      width: 0,\n    });\n\n    this.updateTexture(mapTexture);\n\n    setTimeout(() => {\n      this.updateModel();\n    }, 100);\n\n    this.layer\n      .buildLayerModel({\n        moduleName: 'geometrySprite',\n        vertexShader: spriteVert,\n        fragmentShader: spriteFrag,\n        triangulation: this.planeGeometryTriangulation,\n        primitive: gl.POINTS,\n        depth: { enable: false },\n        blend: this.getBlend(),\n      })\n      .then((model) => {\n        callbackModel([model]);\n      })\n      .catch((err) => {\n        console.warn(err);\n        callbackModel([]);\n      });\n  }\n\n  public buildModels(callbackModel: (models: IModel[]) => void) {\n    this.initModels(callbackModel);\n  }\n\n  public updateTexture(mapTexture: string | undefined): void {\n    const { createTexture2D } = this.rendererService;\n\n    if (mapTexture) {\n      const img = new Image();\n      img.crossOrigin = 'anonymous';\n      img.onload = () => {\n        this.texture = createTexture2D({\n          data: img,\n          width: img.width,\n          height: img.height,\n          wrapS: gl.CLAMP_TO_EDGE,\n          wrapT: gl.CLAMP_TO_EDGE,\n        });\n        this.layerService.updateLayerRenderList();\n        this.layerService.renderLayers();\n      };\n      img.src = mapTexture;\n    } else {\n      this.texture = createTexture2D({\n        width: 0,\n        height: 0,\n      });\n    }\n  }\n\n  protected getConfigSchema() {\n    return {\n      properties: {\n        opacity: {\n          type: 'number',\n          minimum: 0,\n          maximum: 1,\n        },\n      },\n    };\n  }\n\n  protected registerBuiltinAttributes() {\n    return '';\n  }\n}\n"],"file":"sprite.js"}

package/lib/canvas/index.js

@@ -51,14 +51,24 @@ var CanvasLayer = function (_BaseLayer) {
   (0, _createClass2.default)(CanvasLayer, [{
     key: "buildModels",
     value: function buildModels() {
+      var _this2 = this;
+
       var modelType = this.getModelType();
       this.layerModel = new _index.default[modelType](this);
-      this.models = this.layerModel.initModels();
+      this.layerModel.initModels(function (models) {
+        _this2.models = models;
+
+        _this2.renderLayers();
+      });
     }
   }, {
     key: "rebuildModels",
     value: function rebuildModels() {
-      this.models = this.layerModel.buildModels();
+      var _this3 = this;
+
+      this.layerModel.buildModels(function (models) {
+        return _this3.models = models;
+      });
     }
   }, {
     key: "getConfigSchema",