Initial commit

.env

@@ -0,0 +1 @@
+GOOGLE_APPLICATION_CREDENTIALS=service-key.json

.history/.env_20241115180340

@@ -0,0 +1 @@
+GOOGLE_APPLICATION_CREDENTIALS=C:/Users/minin/OneDrive - Université Paris-Dauphine/A1_PROJECT/custom_v14/service-account-key.json

.history/.env_20241204120505

@@ -0,0 +1 @@
+GOOGLE_APPLICATION_CREDENTIALS=app

.history/.env_20241204120506

@@ -0,0 +1 @@
+GOOGLE_APPLICATION_CREDENTIALS=app/

.history/.env_20241204120509

@@ -0,0 +1 @@
+GOOGLE_APPLICATION_CREDENTIALS=app/service

.history/.env_20241204120512

@@ -0,0 +1 @@
+GOOGLE_APPLICATION_CREDENTIALS=app/service-key.json

.history/.env_20241204120522

@@ -0,0 +1 @@
+GOOGLE_APPLICATION_CREDENTIALS=/app/service-key.json

.history/.env_20241204120639

@@ -0,0 +1 @@
+GOOGLE_APPLICATION_CREDENTIALS=service-key.json

.history/Dockerfile_20241204120409

@@ -0,0 +1,29 @@
+# Utilise l'image officielle de Node.js
+FROM node:18
+
+# Définir le répertoire de travail
+WORKDIR /app
+
+# Copier le fichier package.json et package-lock.json pour installer les dépendances
+COPY package*.json ./
+
+# Copier le fichier de service-key.json dans le conteneur
+COPY service-key.json /app/service-key.json
+
+# Copier le fichier .env dans le conteneur
+COPY .env /app/.env
+
+# Installer les dépendances
+RUN npm install
+
+# Copier le reste de l'application
+COPY . .
+
+# Définir la variable d'environnement pour les credentials Google
+ENV GOOGLE_APPLICATION_CREDENTIALS=/app/service-key.json
+
+# Exposer le port utilisé par l'application
+EXPOSE 3001
+
+# Démarrer le serveur
+CMD ["node", "server.cjs"]

.history/Dockerfile_20241204120738

@@ -0,0 +1,29 @@
+# Utilise l'image officielle de Node.js
+FROM node:18
+
+# Définir le répertoire de travail
+WORKDIR /app
+
+# Copier le fichier package.json et package-lock.json pour installer les dépendances
+COPY package*.json ./
+
+# Copier le fichier de service-key.json dans le conteneur
+COPY service-key.json app/service-key.json
+
+# Copier le fichier .env dans le conteneur
+COPY .env /app/.env
+
+# Installer les dépendances
+RUN npm install
+
+# Copier le reste de l'application
+COPY . .
+
+# Définir la variable d'environnement pour les credentials Google
+ENV GOOGLE_APPLICATION_CREDENTIALS=/app/service-key.json
+
+# Exposer le port utilisé par l'application
+EXPOSE 3001
+
+# Démarrer le serveur
+CMD ["node", "server.cjs"]

.history/Dockerfile_20241204120940

@@ -0,0 +1,29 @@
+# Utilise l'image officielle de Node.js comme base
+FROM node:18
+
+# Définir le répertoire de travail
+WORKDIR /app
+
+# Copier package.json et package-lock.json dans le conteneur
+COPY package*.json ./
+
+# Installer les dépendances
+RUN npm install
+
+# Copier le fichier service-key.json
+COPY service-key.json /app/service-key.json
+
+# Copier le fichier .env dans le conteneur
+COPY .env /app/.env
+
+# Copier le reste de l'application
+COPY . .
+
+# Définir la variable d'environnement pour les credentials Google
+ENV GOOGLE_APPLICATION_CREDENTIALS=/app/service-key.json
+
+# Exposer le port utilisé par l'application
+EXPOSE 3001
+
+# Démarrer le serveur
+CMD ["node", "server.cjs"]

.history/Dockerfile_20241204121832

@@ -0,0 +1,29 @@
+# Utilise l'image officielle de Node.js comme base
+FROM node:18
+
+# Définir le répertoire de travail
+WORKDIR /app
+
+# Copier package.json et package-lock.json dans le conteneur
+COPY package*.json ./
+
+# Installer les dépendances
+RUN npm install
+
+# Copier le fichier service-key.json
+COPY service-key.json /app/service-key.json
+
+# Copier le fichier .env dans le conteneur
+COPY .env /app/.env
+
+# Copier le reste de l'application
+COPY . .
+
+# Définir la variable d'environnement pour les credentials Google
+ENV GOOGLE_APPLICATION_CREDENTIALS=/app/service-key.json
+
+# Exposer le port utilisé par l'application
+EXPOSE 7860
+
+# Démarrer le serveur
+CMD ["node", "server.cjs"]

.history/combined.min_20241119235702.js

@@ -0,0 +1 @@
+let DecodeStream=function(){function e(){this.pos=0,this.bufferLength=0,this.eof=!1,this.buffer=null}return e.prototype={ensureBuffer:function(e){var t=this.buffer,r=t?t.byteLength:0;if(e<r)return t;for(var a=512;a<e;)a<<=1;for(var n=new Uint8Array(a),s=0;s<r;++s)n[s]=t[s];return this.buffer=n},getByte:function(){for(var e=this.pos;this.bufferLength<=e;){if(this.eof)return null;this.readBlock()}return this.buffer[this.pos++]},getBytes:function(e){var t=this.pos;if(e){this.ensureBuffer(t+e);for(var r=t+e;!this.eof&&this.bufferLength<r;)this.readBlock();var a=this.bufferLength;r>a&&(r=a)}else{for(;!this.eof;)this.readBlock();r=this.bufferLength}return this.pos=r,this.buffer.subarray(t,r)},lookChar:function(){for(var e=this.pos;this.bufferLength<=e;){if(this.eof)return null;this.readBlock()}return String.fromCharCode(this.buffer[this.pos])},getChar:function(){for(var e=this.pos;this.bufferLength<=e;){if(this.eof)return null;this.readBlock()}return String.fromCharCode(this.buffer[this.pos++])},makeSubStream:function(e,t,r){for(var a=e+t;this.bufferLength<=a&&!this.eof;)this.readBlock();return new Stream(this.buffer,e,t,r)},skip:function(e){e||(e=1),this.pos+=e},reset:function(){this.pos=0}},e}(),FlateStream=function(){var e=new Uint32Array([16,17,18,0,8,7,9,6,10,5,11,4,12,3,13,2,14,1,15]),t=new Uint32Array([3,4,5,6,7,8,9,10,65547,65549,65551,65553,131091,131095,131099,131103,196643,196651,196659,196667,262211,262227,262243,262259,327811,327843,327875,327907,258,258,258]),r=new Uint32Array([1,2,3,4,65541,65543,131081,131085,196625,196633,262177,262193,327745,327777,393345,393409,459009,459137,524801,525057,590849,591361,657409,658433,724993,727041,794625,798721,868353,876545]),a=[new Uint32Array([459008,524368,524304,524568,459024,524400,524336,590016,459016,524384,524320,589984,524288,524416,524352,590048,459012,524376,524312,589968,459028,524408,524344,590032,459020,524392,524328,59e4,524296,524424,524360,590064,459010,524372,524308,524572,459026,524404,524340,590024,459018,524388,524324,589992,524292,524420,524356,590056,459014,524380,524316,589976,459030,524412,524348,590040,459022,524396,524332,590008,524300,524428,524364,590072,459009,524370,524306,524570,459025,524402,524338,590020,459017,524386,524322,589988,524290,524418,524354,590052,459013,524378,524314,589972,459029,524410,524346,590036,459021,524394,524330,590004,524298,524426,524362,590068,459011,524374,524310,524574,459027,524406,524342,590028,459019,524390,524326,589996,524294,524422,524358,590060,459015,524382,524318,589980,459031,524414,524350,590044,459023,524398,524334,590012,524302,524430,524366,590076,459008,524369,524305,524569,459024,524401,524337,590018,459016,524385,524321,589986,524289,524417,524353,590050,459012,524377,524313,589970,459028,524409,524345,590034,459020,524393,524329,590002,524297,524425,524361,590066,459010,524373,524309,524573,459026,524405,524341,590026,459018,524389,524325,589994,524293,524421,524357,590058,459014,524381,524317,589978,459030,524413,524349,590042,459022,524397,524333,590010,524301,524429,524365,590074,459009,524371,524307,524571,459025,524403,524339,590022,459017,524387,524323,589990,524291,524419,524355,590054,459013,524379,524315,589974,459029,524411,524347,590038,459021,524395,524331,590006,524299,524427,524363,590070,459011,524375,524311,524575,459027,524407,524343,590030,459019,524391,524327,589998,524295,524423,524359,590062,459015,524383,524319,589982,459031,524415,524351,590046,459023,524399,524335,590014,524303,524431,524367,590078,459008,524368,524304,524568,459024,524400,524336,590017,459016,524384,524320,589985,524288,524416,524352,590049,459012,524376,524312,589969,459028,524408,524344,590033,459020,524392,524328,590001,524296,524424,524360,590065,459010,524372,524308,524572,459026,524404,524340,590025,459018,524388,524324,589993,524292,524420,524356,590057,459014,524380,524316,589977,459030,524412,524348,590041,459022,524396,524332,590009,524300,524428,524364,590073,459009,524370,524306,524570,459025,524402,524338,590021,459017,524386,524322,589989,524290,524418,524354,590053,459013,524378,524314,589973,459029,524410,524346,590037,459021,524394,524330,590005,524298,524426,524362,590069,459011,524374,524310,524574,459027,524406,524342,590029,459019,524390,524326,589997,524294,524422,524358,590061,459015,524382,524318,589981,459031,524414,524350,590045,459023,524398,524334,590013,524302,524430,524366,590077,459008,524369,524305,524569,459024,524401,524337,590019,459016,524385,524321,589987,524289,524417,524353,590051,459012,524377,524313,589971,459028,524409,524345,590035,459020,524393,524329,590003,524297,524425,524361,590067,459010,524373,524309,524573,459026,524405,524341,590027,459018,524389,524325,589995,524293,524421,524357,590059,459014,524381,524317,589979,459030,524413,524349,590043,459022,524397,524333,590011,524301,524429,524365,590075,459009,524371,524307,524571,459025,524403,524339,590023,459017,524387,524323,589991,524291,524419,524355,590055,459013,524379,524315,589975,459029,524411,524347,590039,459021,524395,524331,590007,524299,524427,524363,590071,459011,524375,524311,524575,459027,524407,524343,590031,459019,524391,524327,589999,524295,524423,524359,590063,459015,524383,524319,589983,459031,524415,524351,590047,459023,524399,524335,590015,524303,524431,524367,590079]),9],n=[new Uint32Array([327680,327696,327688,327704,327684,327700,327692,327708,327682,327698,327690,327706,327686,327702,327694,0,327681,327697,327689,327705,327685,327701,327693,327709,327683,327699,327691,327707,327687,327703,327695,0]),5];function s(e){throw new Error(e)}function i(e){var t=0,r=e[t++],a=e[t++];-1!=r&&-1!=a||s("Invalid header in flate stream"),8!=(15&r)&&s("Unknown compression method in flate stream"),((r<<8)+a)%31!=0&&s("Bad FCHECK in flate stream"),32&a&&s("FDICT bit set in flate stream"),this.bytes=e,this.bytesPos=2,this.codeSize=0,this.codeBuf=0,DecodeStream.call(this)}return i.prototype=Object.create(DecodeStream.prototype),i.prototype.getBits=function(e){for(var t,r=this.codeSize,a=this.codeBuf,n=this.bytes,i=this.bytesPos;r<e;)void 0===(t=n[i++])&&s("Bad encoding in flate stream"),a|=t<<r,r+=8;return t=a&(1<<e)-1,this.codeBuf=a>>e,this.codeSize=r-=e,this.bytesPos=i,t},i.prototype.getCode=function(e){for(var t=e[0],r=e[1],a=this.codeSize,n=this.codeBuf,i=this.bytes,o=this.bytesPos;a<r;){var l;void 0===(l=i[o++])&&s("Bad encoding in flate stream"),n|=l<<a,a+=8}var c=t[n&(1<<r)-1],u=c>>16,d=65535&c;return(0==a||a<u||0==u)&&s("Bad encoding in flate stream"),this.codeBuf=n>>u,this.codeSize=a-u,this.bytesPos=o,d},i.prototype.generateHuffmanTable=function(e){for(var t=e.length,r=0,a=0;a<t;++a)e[a]>r&&(r=e[a]);for(var n=1<<r,s=new Uint32Array(n),i=1,o=0,l=2;i<=r;++i,o<<=1,l<<=1)for(var c=0;c<t;++c)if(e[c]==i){var u=0,d=o;for(a=0;a<i;++a)u=u<<1|1&d,d>>=1;for(a=u;a<n;a+=l)s[a]=i<<16|c;++o}return[s,r]},i.prototype.readBlock=function(){function i(e,t,r,a,n){for(var s=e.getBits(r)+a;s-- >0;)t[m++]=n}var o=this.getBits(3);if(1&o&&(this.eof=!0),0!=(o>>=1)){var l,c;if(1==o)l=a,c=n;else if(2==o){for(var u=this.getBits(5)+257,d=this.getBits(5)+1,p=this.getBits(4)+4,g=Array(e.length),m=0;m<p;)g[e[m++]]=this.getBits(3);for(var h=this.generateHuffmanTable(g),f=0,y=(m=0,u+d),_=new Array(y);m<y;){var T=this.getCode(h);16==T?i(this,_,2,3,f):17==T?i(this,_,3,3,f=0):18==T?i(this,_,7,11,f=0):_[m++]=f=T}l=this.generateHuffmanTable(_.slice(0,u)),c=this.generateHuffmanTable(_.slice(u,y))}else s("Unknown block type in flate stream");for(var x=(M=this.buffer)?M.length:0,S=this.bufferLength;;){var R=this.getCode(l);if(R<256)S+1>=x&&(x=(M=this.ensureBuffer(S+1)).length),M[S++]=R;else{if(256==R)return void(this.bufferLength=S);var E=(R=t[R-=257])>>16;E>0&&(E=this.getBits(E));f=(65535&R)+E;R=this.getCode(c),(E=(R=r[R])>>16)>0&&(E=this.getBits(E));var b=(65535&R)+E;S+f>=x&&(x=(M=this.ensureBuffer(S+f)).length);for(var C=0;C<f;++C,++S)M[S]=M[S-b]}}}else{var w,A=this.bytes,v=this.bytesPos;void 0===(w=A[v++])&&s("Bad block header in flate stream");var G=w;void 0===(w=A[v++])&&s("Bad block header in flate stream"),G|=w<<8,void 0===(w=A[v++])&&s("Bad block header in flate stream");var P=w;void 0===(w=A[v++])&&s("Bad block header in flate stream"),(P|=w<<8)!=(65535&~G)&&s("Bad uncompressed block length in flate stream"),this.codeBuf=0,this.codeSize=0;var D=this.bufferLength,M=this.ensureBuffer(D+G),k=D+G;this.bufferLength=k;for(var F=D;F<k;++F){if(void 0===(w=A[v++])){this.eof=!0;break}M[F]=w}this.bytesPos=v}},i}(),PNG=function(){class e{static load(t,r,a){"function"==typeof r&&(a=r);const n=new XMLHttpRequest;return n.open("GET",t,!0),n.responseType="arraybuffer",n.onload=()=>{const t=new Uint8Array(n.response||n.mozResponseArrayBuffer),s=new e(t);return"function"==typeof(r&&r.getContext)&&s.render(r),"function"==typeof a?a(s):void 0},n.send(null)}constructor(e){let t;this.data=e,this.pos=8,this.palette=[],this.imgData=[],this.transparency={},this.animation=null,this.text={};let r=null;for(;;){var a;let e=this.readUInt32(),d="";for(t=0;t<4;t++)d+=String.fromCharCode(this.data[this.pos++]);switch(d){case"IHDR":this.width=this.readUInt32(),this.height=this.readUInt32(),this.bits=this.data[this.pos++],this.colorType=this.data[this.pos++],this.compressionMethod=this.data[this.pos++],this.filterMethod=this.data[this.pos++],this.interlaceMethod=this.data[this.pos++];break;case"acTL":this.animation={numFrames:this.readUInt32(),numPlays:this.readUInt32()||1/0,frames:[]};break;case"PLTE":this.palette=this.read(e);break;case"fcTL":r&&this.animation.frames.push(r),this.pos+=4,r={width:this.readUInt32(),height:this.readUInt32(),xOffset:this.readUInt32(),yOffset:this.readUInt32()};var n=this.readUInt16(),s=this.readUInt16()||100;r.delay=1e3*n/s,r.disposeOp=this.data[this.pos++],r.blendOp=this.data[this.pos++],r.data=[];break;case"IDAT":case"fdAT":for("fdAT"===d&&(this.pos+=4,e-=4),a=r&&r.data||this.imgData,t=0;t<e;t++)a.push(this.data[this.pos++]);break;case"tRNS":switch(this.transparency={},this.colorType){case 3:this.transparency.indexed=this.read(e);var i=255-this.transparency.indexed.length;if(i>0)for(t=0;t<i;t++)this.transparency.indexed.push(255);break;case 0:this.transparency.grayscale=this.read(e)[0];break;case 2:this.transparency.rgb=this.read(e)}break;case"tEXt":var o=this.read(e),l=o.indexOf(0),c=String.fromCharCode.apply(String,o.slice(0,l));this.text[c]=String.fromCharCode.apply(String,o.slice(l+1));break;case"IEND":switch(r&&this.animation.frames.push(r),this.colorType){case 0:case 3:case 4:this.colors=1;break;case 2:case 6:this.colors=3}this.hasAlphaChannel=[4,6].includes(this.colorType);var u=this.colors+(this.hasAlphaChannel?1:0);switch(this.pixelBitlength=this.bits*u,this.colors){case 1:this.colorSpace="DeviceGray";break;case 3:this.colorSpace="DeviceRGB"}return void(this.imgData=new Uint8Array(this.imgData));default:this.pos+=e}if(this.pos+=4,this.pos>this.data.length)throw new Error("Incomplete or corrupt PNG file")}}read(e){const t=new Array(e);for(let r=0;r<e;r++)t[r]=this.data[this.pos++];return t}readUInt32(){return this.data[this.pos++]<<24|this.data[this.pos++]<<16|this.data[this.pos++]<<8|this.data[this.pos++]}readUInt16(){return this.data[this.pos++]<<8|this.data[this.pos++]}decodePixels(e){if(null==e&&(e=this.imgData),0===e.length)return new Uint8Array(0);e=(e=new FlateStream(e)).getBytes();const{width:t,height:r}=this,a=this.pixelBitlength/8,n=new Uint8Array(t*r*a),{length:s}=e;let i=0;function o(o,l,c,u,d=!1){const p=Math.ceil((t-o)/c),g=Math.ceil((r-l)/u),m=a*p,h=d?n:new Uint8Array(m*g);let f=0,y=0;for(;f<g&&i<s;){var _,T,x,S,R;switch(e[i++]){case 0:for(x=0;x<m;x++)h[y++]=e[i++];break;case 1:for(x=0;x<m;x++)_=e[i++],S=x<a?0:h[y-a],h[y++]=(_+S)%256;break;case 2:for(x=0;x<m;x++)_=e[i++],T=(x-x%a)/a,R=f&&h[(f-1)*m+T*a+x%a],h[y++]=(R+_)%256;break;case 3:for(x=0;x<m;x++)_=e[i++],T=(x-x%a)/a,S=x<a?0:h[y-a],R=f&&h[(f-1)*m+T*a+x%a],h[y++]=(_+Math.floor((S+R)/2))%256;break;case 4:for(x=0;x<m;x++){var E,b;_=e[i++],T=(x-x%a)/a,S=x<a?0:h[y-a],0===f?R=b=0:(R=h[(f-1)*m+T*a+x%a],b=T&&h[(f-1)*m+(T-1)*a+x%a]);const t=S+R-b,r=Math.abs(t-S),n=Math.abs(t-R),s=Math.abs(t-b);E=r<=n&&r<=s?S:n<=s?R:b,h[y++]=(_+E)%256}break;default:throw new Error(`Invalid filter algorithm: ${e[i-1]}`)}if(!d){let e=((l+f*u)*t+o)*a,r=f*m;for(x=0;x<p;x++){for(let t=0;t<a;t++)n[e++]=h[r++];e+=(c-1)*a}}f++}}return 1===this.interlaceMethod?(o(0,0,8,8),o(4,0,8,8),o(0,4,4,8),o(2,0,4,4),o(0,2,2,4),o(1,0,2,2),o(0,1,1,2)):o(0,0,1,1,!0),n}decodePalette(){const{palette:e}=this,{length:t}=e,r=this.transparency.indexed||[],a=new Uint8Array((r.length||0)+t);let n=0,s=0;for(let o=0;o<t;o+=3){var i;a[n++]=e[o],a[n++]=e[o+1],a[n++]=e[o+2],a[n++]=null!=(i=r[s++])?i:255}return a}copyToImageData(e,t){let r,a,{colors:n}=this,s=null,i=this.hasAlphaChannel;this.palette.length&&(s=this._decodedPalette||(this._decodedPalette=this.decodePalette()),n=4,i=!0);const o=e.data||e,{length:l}=o,c=s||t;let u=r=0;if(1===n)for(;u<l;){a=s?4*t[u/4]:r;const e=c[a++];o[u++]=e,o[u++]=e,o[u++]=e,o[u++]=i?c[a++]:255,r=a}else for(;u<l;)a=s?4*t[u/4]:r,o[u++]=c[a++],o[u++]=c[a++],o[u++]=c[a++],o[u++]=i?c[a++]:255,r=a}decode(){const e=new Uint8Array(this.width*this.height*4);return this.copyToImageData(e,this.decodePixels()),e}renderFrame(e,t){const{frames:r}=this.animation,a=r[t],n=r[t-1];return 0===t&&e.clearRect(0,0,this.width,this.height),1===(n&&n.disposeOp)?e.clearRect(n.xOffset,n.yOffset,n.width,n.height):2===(n&&n.disposeOp)&&e.putImageData(n.imageData,n.xOffset,n.yOffset),0===a.blendOp&&e.clearRect(a.xOffset,a.yOffset,a.width,a.height),e.drawImage(a.image,a.xOffset,a.yOffset)}animate(e){let t=0;const{numFrames:r,frames:a,numPlays:n}=this.animation,s=()=>{const i=t++%r,o=a[i];this.renderFrame(e,i),r>1&&t/r<n&&(this.animation._timeout=setTimeout(s,o.delay))};s()}stopAnimation(){return clearTimeout(this.animation&&this.animation._timeout)}render(e){e._png&&e._png.stopAnimation(),e._png=this,e.width=this.width,e.height=this.height;const t=e.getContext("2d");if(this.animation)return this.decodeFrames(t),this.animate(t);{const e=t.createImageData(this.width,this.height);return this.copyToImageData(e,this.decodePixels()),t.putImageData(e,0,0)}}}return e}();function createSceneSpec(e){return{assetType:"scene",occupancyGridsSpec:createOccupancyGridsSpec(e),distanceGridsSpec:createDistanceGridsSpec(e),triplaneSpec:createTriplaneSpec(e),sparseGridSpec:createSparseGridSpec(e)}}function createOccupancyGridsSpec(e){let t=[8,16,32,64,128];return e.useBits&&(t=[8,32,128]),e.useDistanceGrid&&(t=[8]),{assetType:"occupancy_grids",gridSpecs:t.map((t=>createOccupancyGridSpec(e,"occupancy_grid",t))),blockSizes:t}}function createDistanceGridsSpec(e){if(!e.useDistanceGrid)return{assetType:"distance_grids",gridSpecs:[],blockSizes:[]};return{assetType:"distance_grids",gridSpecs:[createOccupancyGridSpec(e,"distance_grid",8)],blockSizes:[8]}}function createSparseGridSpec(e){e.export_array_format;let t=getFieldOrDefault(e,"export_store_rgb_and_density_separately",!1),r={assetType:"sparse_grid",blockIndicesSpec:createSparseGridBlockIndicesSpec(e),separateRgbAndDensity:t};return t?(r.rgbSpec=createSparseGridAssetSpec(e,"sparse_grid_rgb",3),r.densitySpec=createSparseGridAssetSpec(e,"sparse_grid_density",2),r.featuresSpec=createSparseGridAssetSpec(e,"sparse_grid_features",3)):(r.rgbAndDensitySpec=createSparseGridAssetSpec(e,"sparse_grid_rgb_and_density",4),r.featuresSpec=createSparseGridAssetSpec(e,"sparse_grid_features",4)),r}function createSparseGridBlockIndicesSpec(e){const t=e.export_array_format||"png";let r=e.sparse_grid_resolution/e.data_block_size;return{assetType:"sparse_grid_block_indices",filename:`sparse_grid_block_indices.${t}`,shape:[r,r,r],numChannels:3}}function createSparseGridAssetSpec(e,t,r){const a=e.export_array_format||"png";let n=e.num_slices,s=e.atlas_width,i=e.atlas_height,o=e.atlas_depth,l=Math.ceil(o/n),c=[];for(let e=0;e<n;++e){const o=digits(e,3);filename=`${t}_${o}.${a}`,c.push({assetType:`${t}_slice`,shape:[s,i,l],numChannels:r,sliceIndex:e,numSlices:n,filename:filename})}return{assetType:`${t}_slices`,shape:[s,i,o],numChannels:r,sliceSpecs:c,numSlices:n,mergeSlices:getMergeSlices(e)}}function createOccupancyGridSpec(e,t,r){const a=e.export_array_format||"png",n=e.triplane_resolution,s=e.triplane_voxel_size,i=Math.ceil(n/r),o=s*r;const l=getFieldOrDefault(e,"export_slice_occupancy_and_distance_grids",!0)&&i>256;let c=getFieldOrDefault(e,"export_pad_occupancy_and_distance_grids",!0)?4:1,u=[];if(e.legacyGrids||!l){let n=`${t}_${r}.${a}`;e.legacyGrids||(n=`${t}_${r}_000.${a}`),u.push({assetType:`${t}_slice`,shape:[i,i,i],numChannels:c,sliceIndex:0,numSlices:1,filename:n})}else{const e=Math.ceil(i/8);for(let n=0;n<8;++n){let s=`${t}_${r}_${digits(n,3)}.${a}`;u.push({assetType:`${t}_slice`,shape:[i,i,e],numChannels:c,sliceIndex:n,numSlices:8,filename:s})}}return{assetType:`${t}_slices`,shape:[i,i,i],numChannels:c,voxelSize:o,blockSize:r,sliceSpecs:u,numSlices:8,mergeSlices:getMergeSlices(e)}}function createTriplaneSpec(e){const t=e.triplane_resolution;let r={assetType:"triplane",shape:[t,t,3],numSlices:3,voxelSize:e.triplane_voxel_size,separateRgbAndDensity:getFieldOrDefault(e,"export_store_rgb_and_density_separately",!1),featuresSpec:createTriplaneSlicesSpec(e,"triplane_features",4)};return r.separateRgbAndDensity?(r.rgbSpec=createTriplaneSlicesSpec(e,"triplane_rgb",3),r.densitySpec=createTriplaneSlicesSpec(e,"triplane_density",1)):r.rgbAndDensitySpec=createTriplaneSlicesSpec(e,"triplane_rgb_and_density",4),r}function createTriplaneSlicesSpec(e,t,r){const a=e.triplane_resolution;return{assetType:`${t}_slices`,shape:[a,a,3],numChannels:r,numSlices:3,mergeSlices:getMergeSlices(e),sliceSpecs:range(3).map((a=>createPlaneSliceSpec(e,t,r,a)))}}function createPlaneSliceSpec(e,t,r,a){const n=e.export_array_format||"png",s=e.triplane_resolution;let i=t.replace(/^triplane_/,"plane_");return{assetType:`${t}_slice`,shape:[s,s,1],numChannels:r,sliceIndex:a,numSlices:3,filename:`${i}_${a}.${n}`}}function getMergeSlices(e){const t=getFieldOrDefault(e,"export_store_rgb_and_density_separately",!1),r=getFieldOrDefault(e,"merge_slices",!t);if(!t&&!r)throw new Error('Slices must be merged when using "rgb_and_density" images. Please re-export with export_store_rgb_and_density_separately=true and try again.');return r&&t}const baseGoogleApiUrl="https://firebasestorage.googleapis.com/v0/b/test3-2d896.appspot.com/o";let gcsToken=null;function fetchGcsToken(){return gcsToken||(gcsToken=fetch("http://localhost:3001/get-gcs-token").then((e=>{if(!e.ok)throw new Error(`Erreur lors de la récupération du jeton GCS: ${e.status}`);return e.json()})).then((e=>(gcsToken=e.token,setTimeout((()=>{gcsToken=null}),84e4),gcsToken))).catch((e=>{throw console.error("Erreur lors de la récupération du jeton GCS:",e),gcsToken=null,e})),gcsTokenPromise)}function fetchScene(e,t){return{...e,occupancyGridsAsset:fetchAsset(e.occupancyGridsSpec,t),distanceGridsAsset:fetchAsset(e.distanceGridsSpec,t),triplaneAsset:fetchAsset(e.triplaneSpec,t),sparseGridAsset:fetchAsset(e.sparseGridSpec,t)}}function fetchOccupancyGrids(e,t){let r=e.gridSpecs.map((e=>fetchAsset(e,t)));return{...e,gridAssets:r}}function fetchSlices(e,t){let r=e.sliceSpecs.map((e=>fetchAsset(e,t)));return{...e,sliceAssets:r}}function fetchTriplane(e,t){let r={...e,featuresAsset:fetchAsset(e.featuresSpec,t)};return e.separateRgbAndDensity?(r.rgbAsset=fetchAsset(e.rgbSpec,t),r.densityAsset=fetchAsset(e.densitySpec,t)):r.rgbAndDensityAsset=fetchAsset(e.rgbAndDensitySpec,t),r}function fetchArray(e,t){const r=t.dirUrl;if("string"!=typeof r)throw console.error("dirUrl is not a valid string:",r),new Error("dirUrl must be a valid string");if(!e.filename)throw console.error("Spec missing filename:",e),new Error("Spec must contain a valid filename");const a=cleanPath(r),n=e.filename.endsWith(".gz")?e.filename.slice(0,-3):e.filename,s=encodeURIComponent(a),i=`${baseGoogleApiUrl}/users%2Fvisite_3D%2F${s}%2F${n}?alt=media&token=${gcsToken}`;console.log("Fetching from URL:",i);const o=loadAsset(i).then(validateSize(e)).then(onImageLoaded);return{...e,asset:o}}function validateSize(e){return t=>{const r=product(e.shape)*e.numChannels;return console.assert(t.length===r,`Size mismatch for ${e.filename}`,e,t),t}}function cleanPath(e){const t=e.split("/"),r=[];for(let e=0;e<t.length;e++)".."===t[e]?r.length&&r.pop():"."!==t[e]&&""!==t[e]&&r.push(t[e]);return r.join("/")}function fetchSparseGrid(e,t){let r={...e,blockIndicesAsset:fetchAsset(e.blockIndicesSpec,t),featuresAsset:fetchAsset(e.featuresSpec,t)};return e.separateRgbAndDensity?(r.rgbAsset=fetchAsset(e.rgbSpec,t),r.densityAsset=fetchAsset(e.densitySpec,t)):r.rgbAndDensityAsset=fetchAsset(e.rgbAndDensitySpec,t),r}function notImplementedError(e,t){console.error(`${e.assetType} is not yet implemented`,e)}const gFetchRegistry={scene:fetchScene,triplane:fetchTriplane,triplane_rgb_and_density_slices:fetchSlices,triplane_rgb_and_density_slice:fetchArray,triplane_rgb_slices:fetchSlices,triplane_rgb_slice:fetchArray,triplane_density_slices:fetchSlices,triplane_density_slice:fetchArray,triplane_features_slices:fetchSlices,triplane_features_slice:fetchArray,distance_grids:fetchOccupancyGrids,distance_grid_slices:fetchSlices,distance_grid_slice:fetchArray,occupancy_grids:fetchOccupancyGrids,occupancy_grid_slices:fetchSlices,occupancy_grid_slice:fetchArray,sparse_grid:fetchSparseGrid,sparse_grid_block_indices:fetchArray,sparse_grid_rgb_and_density_slices:fetchSlices,sparse_grid_rgb_and_density_slice:fetchArray,sparse_grid_rgb_slices:fetchSlices,sparse_grid_rgb_slice:fetchArray,sparse_grid_density_slices:fetchSlices,sparse_grid_density_slice:fetchArray,sparse_grid_features_slices:fetchSlices,sparse_grid_features_slice:fetchArray};function fetchAsset(e,t){let r=gFetchRegistry[e.assetType];return null==r&&console.error(`Failed to find fetchFn for assetType ${e.assetType}`,e),r(e,t)}function createEmptyVolumeTexture(e,t,r,a,n){let s=new THREE.DataTexture3D(null,e,t,r);return s.internalFormat=getInternalFormat(a),s.format=a,s.generateMipmaps=!1,s.magFilter=s.minFilter=n,s.wrapS=s.wrapT=s.wrapR=THREE.ClampToEdgeWrapping,s.type=THREE.UnsignedByteType,s.unpackAlignment=1,gRenderer.initTexture(s),s}function createEmptyTriplaneTextureArray(e,t,r,a){let n=new THREE.DataTexture2DArray(null,e,t,r);return n.internalFormat=getInternalFormat(a),n.format=a,n.generateMipmaps=!1,n.magFilter=n.minFilter=THREE.LinearFilter,n.wrapS=n.wrapT=n.wrapR=THREE.ClampToEdgeWrapping,n.type=THREE.UnsignedByteType,n.unpackAlignment=1,gRenderer.initTexture(n),n}function getInternalFormat(e){if(e==THREE.RedFormat)return"R8";if(e==THREE.LuminanceAlphaFormat)return"LUMINANCE_ALPHA";if(e==THREE.RGBFormat)return"RGB";if(e==THREE.RGBAFormat)return"RGBA";throw new Error(`Unrecognized THREE.js format: ${e}`)}function createEmptySceneTexture(e){return{textureType:"scene",occupancyGridsTexture:createEmptyTexture(e.occupancyGridsSpec),distanceGridsTexture:createEmptyTexture(e.distanceGridsSpec),triplaneTexture:createEmptyTexture(e.triplaneSpec),sparseGridTexture:createEmptyTexture(e.sparseGridSpec)}}function createEmptyOccupancyGridsTexture(e){return{textureType:e.assetType.replace(/_slices$/,""),gridTextures:e.gridSpecs.map(createEmptyTexture)}}function createEmptyOccupancyGridTexture(e){return{textureType:e.assetType.replace(/_slices$/,""),texture:createEmptyVolumeTexture(...e.shape,THREE.RedFormat,THREE.NearestFilter)}}function createEmptyTriplaneTexture(e){let t={textureType:"triplane",featuresTexture:createEmptyTexture(e.featuresSpec)};if(e.separateRgbAndDensity)t.rgbTexture=createEmptyTexture(e.rgbSpec),t.densityTexture=createEmptyTexture(e.densitySpec);else{let r=e.rgbAndDensitySpec.shape;t.rgbTexture=createEmptyTexture({assetType:"triplane_rgb_slices",shape:r}),t.densityTexture=createEmptyTexture({assetType:"triplane_density_slices",shape:r})}return t}function createEmptyTriplaneSlicesTexture(e){let t=e.assetType.replace(/_slices$/,""),r={triplane_density:THREE.RedFormat,triplane_rgb:THREE.RGBFormat,triplane_features:THREE.RGBAFormat}[t];return console.assert(null!=r,e),{textureType:t,texture:createEmptyTriplaneTextureArray(...e.shape,r)}}function createEmptySparseGridTexture(e){let t=(e,t)=>createEmptyVolumeTexture(...e.shape,t,THREE.LinearFilter),r=e.separateRgbAndDensity?e.rgbSpec:e.rgbAndDensitySpec,a=e.separateRgbAndDensity?e.densitySpec:e.rgbAndDensitySpec,n=t(r,THREE.RGBFormat),s=t(a,THREE.LuminanceAlphaFormat),i=t(e.featuresSpec,THREE.RGBFormat);return{textureType:"sparse_grid",blockIndicesTexture:{textureType:"sparse_grid_block_indices",texture:createEmptyVolumeTexture(...e.blockIndicesSpec.shape,THREE.RGBFormat,THREE.NearestFilter)},rgbTexture:{textureType:"sparse_grid_rgb",texture:n},densityTexture:{textureType:"sparse_grid_density",texture:s},featuresTexture:{textureType:"sparse_grid_features",texture:i}}}const gCreateEmptyTextureRegistry={scene:createEmptySceneTexture,triplane:createEmptyTriplaneTexture,triplane_rgb_slices:createEmptyTriplaneSlicesTexture,triplane_density_slices:createEmptyTriplaneSlicesTexture,triplane_features_slices:createEmptyTriplaneSlicesTexture,distance_grids:createEmptyOccupancyGridsTexture,distance_grid_slices:createEmptyOccupancyGridTexture,occupancy_grids:createEmptyOccupancyGridsTexture,occupancy_grid_slices:createEmptyOccupancyGridTexture,sparse_grid:createEmptySparseGridTexture};function createEmptyTexture(e){let t=gCreateEmptyTextureRegistry[e.assetType];return null==t&&console.error(`Failed to find loadFn for assetType ${e.assetType}`,e),t(e)}function prepareScenePayload(e){return{textureType:"scene",occupancyGridsPayload:prepareTexturePayload(e.occupancyGridsAsset),distanceGridsPayload:prepareTexturePayload(e.distanceGridsAsset),triplanePayload:prepareTexturePayload(e.triplaneAsset),sparseGridPayload:prepareTexturePayload(e.sparseGridAsset)}}function prepareOccupancyGridsPayload(e){return{textureType:e.assetType,gridPayloads:e.gridAssets.map(prepareTexturePayload)}}function prepareOccupancyGridPayload(e){return e.mergeSlices?prepareOccupancyGridMergedPayload(e):prepareOccupancyGridSlicesPayload(e)}function prepareOccupancyGridMergedPayload(e){return console.assert(e.assetType.endsWith("_slices"),e),{textureType:e.assetType.replace(/_slices$/,""),shape:e.shape,numChannels:e.numChannels,payload:mergeSlices(e,{1:GridTextureSource.RED_FROM_RED,4:GridTextureSource.ALPHA_FROM_RGBA}[e.numChannels],GridTextureDestination.RED_IN_RED)}}function prepareOccupancyGridSlicesPayload(e){return console.assert(e.assetType.endsWith("_slices"),e),{textureType:e.assetType.replace(/_slices$/,""),shape:e.shape,numChannels:e.numChannels,slicePayloads:e.sliceAssets.map(prepareTexturePayload)}}function prepareOccupancyGridSlicePayload(e){console.assert(e.assetType.endsWith("_slice"),e);let t=null;if(1==e.numChannels)t=e.asset;else{if(4!=e.numChannels)throw new Error("Unrecognized number of input channels",e);t=mergeSlices({shape:e.shape,numSlices:1,sliceAssets:[{...e,sliceIndex:0,numSlices:1}]},GridTextureSource.ALPHA_FROM_RGBA,GridTextureDestination.RED_IN_RED)}return{textureType:e.assetType,shape:e.shape,numChannels:e.numChannels,sliceIndex:e.sliceIndex,numSlices:e.numSlices,payload:t}}function prepareTriplanePayload(e){let t={textureType:"triplane",featuresPayload:preparePlanePayload(e.featuresAsset,"triplane_features",GridTextureSource.RGBA_FROM_RGBA,GridTextureDestination.RGBA_IN_RGBA)};return e.separateRgbAndDensity?(t.rgbPayload=preparePlanePayload(e.rgbAsset,"triplane_rgb",GridTextureSource.RGB_FROM_RGB,GridTextureDestination.RGB_IN_RGB),t.densityPayload=preparePlanePayload(e.densityAsset,"triplane_density",GridTextureSource.RED_FROM_RED,GridTextureDestination.RED_IN_RED)):(t.rgbPayload=preparePlanePayload(e.rgbAndDensityAsset,"triplane_rgb",GridTextureSource.RGB_FROM_RGBA,GridTextureDestination.RGB_IN_RGB),t.densityPayload=preparePlanePayload(e.rgbAndDensityAsset,"triplane_density",GridTextureSource.ALPHA_FROM_RGBA,GridTextureDestination.RED_IN_RED)),t}function preparePlanePayload(e,t,r,a){let n={textureType:t,shape:e.shape,numChannels:e.numChannels};return e.mergeSlices?n.payload=mergeSlices(e,r,a):n.slicePayloads=e.sliceAssets.map((e=>preparePlaneSlicePayload(e,r,a))),n}function preparePlaneSlicePayload(e,t,r){let a=null;return a=t.format==r.format&&t.channels==r.channels?e.asset:mergeSlices({shape:e.shape,numSlices:1,sliceAssets:[{...e,sliceIndex:0,numSlices:1}]},t,r),{textureType:e.assetType,shape:e.shape,sliceIndex:e.sliceIndex,numSlices:e.numSlices,numChannels:e.numChannels,payload:a}}function prepareArrayPayload(e){return{textureType:e.assetType,payload:e.asset,shape:e.shape,numChannels:e.numChannels}}function prepareSparseGridPayload(e){let t={textureType:"sparse_grid",blockIndicesPayload:prepareTexturePayload(e.blockIndicesAsset),featuresPayload:prepareTexturePayload(e.featuresAsset)};return e.separateRgbAndDensity?(t.rgbPayload=prepareTexturePayload(e.rgbAsset),t.densityPayload=prepareTexturePayload(e.densityAsset)):(t.rgbPayload=prepareTexturePayload(e.rgbAndDensityAsset),t.densityPayload=prepareSparseGridDensityPayload(e)),t}function prepareSparseGridGenericPayload(e){return e.mergeSlices?prepareSparseGridGenericMergedPayload(e):prepareSparseGridGenericSlicesPayload(e)}function prepareSparseGridGenericMergedPayload(e){let t=e.assetType.replace(/_slices$/,"");t.includes("rgb_and_density")&&(t=t.replace(/rgb_and_density$/,"rgb"));let r={2:GridTextureSource.LA_FROM_LUMINANCE_ALPHA,3:GridTextureSource.RGB_FROM_RGB,4:GridTextureSource.RGB_FROM_RGBA},a={2:GridTextureDestination.LA_IN_LUMINANCE_ALPHA,3:GridTextureDestination.RGB_IN_RGB,4:GridTextureDestination.RGB_IN_RGB},n=mergeSlices(e,r[e.numChannels],a[e.numChannels]);return{textureType:t,shape:e.shape,numChannels:e.numChannels,payload:n}}function prepareSparseGridGenericSlicesPayload(e){let t=e.assetType.replace(/_slices$/,"");return t.includes("rgb_and_density")&&(t=t.replace(/rgb_and_density$/,"rgb")),{textureType:t,shape:e.shape,numChannels:e.numChannels,numSlices:e.numSlices,slicePayloads:e.sliceAssets.map(prepareTexturePayload)}}function prepareSparseGridGenericSlicePayload(e){let t=e.assetType,r=null;if("sparse_grid_rgb_slice"==t&&3==e.numChannels||"sparse_grid_density_slice"==t&&2==e.numChannels||"sparse_grid_features_slice"==t&&3==e.numChannels)r=e.asset;else{let t={2:GridTextureSource.LA_FROM_LUMINANCE_ALPHA,3:GridTextureSource.RGB_FROM_RGB,4:GridTextureSource.RGB_FROM_RGBA},a={2:GridTextureDestination.LA_IN_LUMINANCE_ALPHA,3:GridTextureDestination.RGB_IN_RGB,4:GridTextureDestination.RGB_IN_RGB};r=mergeSlices({shape:e.shape,numSlices:1,sliceAssets:[{...e,sliceIndex:0,numSlices:1}]},t[e.numChannels],a[e.numChannels])}let a=t;return a.includes("rgb_and_density")&&(a=a.replace(/_rgb_and_density$/,"rgb")),{textureType:a,shape:e.shape,numChannels:e.numChannels,sliceIndex:e.sliceIndex,numSlices:e.numSlices,payload:r}}function prepareSparseGridDensityPayload(e){return{textureType:"sparse_grid_density",shape:e.rgbAndDensityAsset.shape,numChannels:2,payload:mergeSparseGridDensity(e)}}const gPrepareTexturePayloadRegistry={scene:prepareScenePayload,triplane:prepareTriplanePayload,distance_grids:prepareOccupancyGridsPayload,distance_grid_slices:prepareOccupancyGridPayload,distance_grid_slice:prepareOccupancyGridSlicePayload,occupancy_grids:prepareOccupancyGridsPayload,occupancy_grid_slices:prepareOccupancyGridPayload,occupancy_grid_slice:prepareOccupancyGridSlicePayload,sparse_grid:prepareSparseGridPayload,sparse_grid_block_indices:prepareArrayPayload,sparse_grid_rgb_and_density_slices:prepareSparseGridGenericPayload,sparse_grid_rgb_and_density_slice:prepareSparseGridGenericSlicePayload,sparse_grid_rgb_slices:prepareSparseGridGenericPayload,sparse_grid_rgb_slice:prepareSparseGridGenericSlicePayload,sparse_grid_density_slices:prepareSparseGridGenericPayload,sparse_grid_density_slice:prepareSparseGridGenericSlicePayload,sparse_grid_features_slices:prepareSparseGridGenericPayload,sparse_grid_features_slice:prepareSparseGridGenericSlicePayload};function prepareTexturePayload(e){let t=gPrepareTexturePayloadRegistry[e.assetType];return null==t&&console.error(`Failed to find loadFn for assetType ${e.assetType}`,e),t(e)}function populateScene(e,t){let r=[populateTexture(e.occupancyGridsTexture,t.occupancyGridsPayload),populateTexture(e.distanceGridsTexture,t.distanceGridsPayload),populateTexture(e.triplaneTexture,t.triplanePayload),populateTexture(e.sparseGridTexture,t.sparseGridPayload)];return Promise.all(r)}function populateOccupancyGridsTexture(e,t){console.assert(e.gridTextures.length==t.gridPayloads.length,e,t);let r=range(e.gridTextures.length).map((r=>populateTexture(e.gridTextures[r],t.gridPayloads[r])));return Promise.all(r)}function populateSparseGridTexture(e,t){let r=[populateTexture(e.blockIndicesTexture,t.blockIndicesPayload),populateTexture(e.rgbTexture,t.rgbPayload),populateTexture(e.densityTexture,t.densityPayload),populateTexture(e.featuresTexture,t.featuresPayload)];return Promise.all(r)}function populateTriplaneTexture(e,t){return Promise.all([populateTexture(e.rgbTexture,t.rgbPayload),populateTexture(e.densityTexture,t.densityPayload),populateTexture(e.featuresTexture,t.featuresPayload)])}async function populateArrayTexture(e,t){if(null==t.payload)throw new Error("Unclear how to ingest payload",e,t);e.texture.image.data=await t.payload,e.texture.needsUpdate=!0}function populateArrayTextureWithWebGL(e,t){if(null!=t.payload)return populateArrayTextureMergedWithWebGL(e,t);if(null!=t.slicePayloads){let r=t.slicePayloads.map((t=>populateArrayTextureSliceWithWebGL(e,t)));return Promise.all(r)}throw new Error("Unclear how to ingest payload",e,t)}async function populateArrayTextureSliceWithWebGL(e,t){let r=gRenderer.getContext();const a=t.shape[0],n=t.shape[1],s=t.shape[2],i=t.sliceIndex;let o=e.texture.format,{glFormat:l,glInternalFormat:c,numChannels:u}=threeFormatToOpenGLFormat(r,o),d=await t.payload;let p,g,m=gRenderer.properties.get(e.texture).__webglTexture;console.assert(null!=m,e),e.texture instanceof THREE.DataTexture3D?(p=r.TEXTURE_BINDING_3D,g=r.TEXTURE_3D):e.texture instanceof THREE.DataTexture2DArray&&(p=r.TEXTURE_BINDING_2D_ARRAY,g=r.TEXTURE_2D_ARRAY);let h=r.getParameter(p);r.bindTexture(g,m);performance.mark(`${e.textureType}-start`);r.texSubImage3D(g,0,0,0,i*s,a,n,s,l,r.UNSIGNED_BYTE,d,0);performance.mark(`${e.textureType}-end`);performance.measure(`${e.textureType}-duration`,`${e.textureType}-start`,`${e.textureType}-end`),r.bindTexture(g,h)}async function populateArrayTextureMergedWithWebGL(e,t){return populateArrayTextureSliceWithWebGL(e,{...t,sliceIndex:0,numSlices:1})}function threeFormatToOpenGLFormat(e,t){if(t==THREE.RGBAFormat)return{numChannels:4,glFormat:e.RGBA,glInternalFormat:e.RGBA};if(t==THREE.RGBFormat)return{numChannels:3,glFormat:e.RGB,glInternalFormat:e.RGB};if(t==THREE.LuminanceAlphaFormat)return{numChannels:2,glFormat:e.LUMINANCE_ALPHA,glInternalFormat:e.LUMINANCE_ALPHA};if(t==THREE.RedFormat)return{numChannels:1,glFormat:e.RED,glInternalFormat:e.R8};throw new Error(`Unrecognized three format: ${t}`)}const gPopulateTextureRegistry={scene:populateScene,triplane:populateTriplaneTexture,triplane_rgb:populateArrayTextureWithWebGL,triplane_density:populateArrayTextureWithWebGL,triplane_features:populateArrayTextureWithWebGL,distance_grids:populateOccupancyGridsTexture,distance_grid:populateArrayTextureWithWebGL,occupancy_grids:populateOccupancyGridsTexture,occupancy_grid:populateArrayTextureWithWebGL,sparse_grid:populateSparseGridTexture,sparse_grid_block_indices:populateArrayTextureWithWebGL,sparse_grid_rgb:populateArrayTextureWithWebGL,sparse_grid_density:populateArrayTextureWithWebGL,sparse_grid_features:populateArrayTextureWithWebGL};function populateTexture(e,t){let r=gPopulateTextureRegistry[e.textureType];return null==r&&console.error(`Failed to find loadFn for assetType ${e.textureType}`,e),r(e,t)}const NEEDS_NEW_SUBMODEL=-1,LOADING=0,READY=1;let gSubmodelSceneContents={},gSubmodelCacheSize=10,gRayMarchTextureBuffers=[{si:0,state:-1,texture:null},{si:0,state:-1,texture:null}],gActiveRayMarchTextureBuffer=0,gRayMarchScene=null;function getRayMarchScene(){if(null==gRayMarchScene)throw new Error("gRayMarchScene has not been initialized yet!");return gRayMarchScene}function getActiveSubmodelIndex(){return gRayMarchTextureBuffers[gActiveRayMarchTextureBuffer].si}function getActiveSubmodelContent(){return getSubmodelContent(getActiveSubmodelIndex())}function getSubmodelScale(e){return getSubmodelContent(e).params.submodel_scale}function getSubmodelScaleFactor(e){let t=getSubmodelContent(e);return getSubmodelScale(e)/Math.cbrt(t.params.num_submodels)}function getSubmodelContent(e){return gSubmodelSceneContents[e]}function registerSubmodelContent(e,t){gSubmodelSceneContents[e]=t}function getDeferredMlp(){return console.assert(null!=gDeferredMlp),gDeferredMlp}function registerDeferredMlp(e){validateDeferredMlp(e),gDeferredMlp=e}function getCurrentTextureUsageInBytes(){let e=0;for(rmtb of gRayMarchTextureBuffers)e+=getTextureSizeInBytes(rmtb.texture);return e}function setCurrentRayMarchScene(e){let t=gActiveRayMarchTextureBuffer,r=gRayMarchTextureBuffers[t],a=(t+1)%2,n=gRayMarchTextureBuffers[a];if(null==getSubmodelContent(e))return Promise.resolve();if(getSubmodelContent(e).lastTouched=Date.now(),e==r.si&&r.state>=0)return Promise.resolve();if(e==n.si&&1==n.state){return console.log(`Switching to buffer ${a} for submodel #${e}`),setTextureUniforms(getSubmodelContent(e).params,n.texture),gActiveRayMarchTextureBuffer=a,Promise.resolve()}return n.state>=0&&n.state<1?Promise.resolve():(console.log(`Preparing texture buffer #${a} for submodel #${e}`),n.si=e,n.state=0,Promise.resolve().then((()=>{reinitializeSparseGridTextures(n);let e=getSubmodelContent(n.si);if(null==e.payload){console.log(`Fetching assets for submodel #${n.si}`);let t=prepareTexturePayload(fetchAsset(e.spec,e.router));e.payload=t}return console.log(`Populating textures for submodel #${n.si} into buffer #${a}`),populateTexture(n.texture,e.payload)})).then((()=>{n.state=1,console.log(`Submodel #${n.si} is ready for rendering`),hideLoading()})))}function garbageCollectSubmodelPayloads(){let e=[];for(let t of Object.keys(gSubmodelSceneContents)){let r=getSubmodelContent(t);null!=r.payload&&e.push({lastTouched:r.lastTouched||0,si:t})}e.sort(((e,t)=>e.lastTouched-t.lastTouched));for(let t=0;t<e.length-gSubmodelCacheSize;++t){let r=e[t].si;console.log(`Deleting payload for submodel #${r}`),getSubmodelContent(r).payload=null}}function initializeSceneContent(e,t){return{spec:createSceneSpec(e),params:e,router:t,payload:null}}function reinitializeSparseGridTextures(e){let t=e.texture.sparseGridTexture;t.blockIndicesTexture.texture.dispose(),t.rgbTexture.texture.dispose(),t.densityTexture.texture.dispose(),t.featuresTexture.texture.dispose();let r=getSubmodelContent(e.si).spec.sparseGridSpec;e.texture.sparseGridTexture=createEmptyTexture(r)}async function initializePingPongBuffers(e){let t=getSubmodelContent(e);gRayMarchScene=await initializeRayMarchScene(e,t);for(let e of gRayMarchTextureBuffers)e.texture=createEmptyTexture(t.spec);setTextureUniforms(t.params,gRayMarchTextureBuffers[0].texture),gActiveRayMarchTextureBuffer=0}async function initializeDeferredMlp(e){let t=getSubmodelContent(e),r=t.params;if(r.export_store_deferred_mlp_separately){return loadJSONFile(t.router.translate("deferred_mlp.json")).then(registerDeferredMlp)}return registerDeferredMlp(r.deferred_mlp)}function setTextureUniforms(e,t){let r=getRayMarchScene().children[0].material.uniforms,a=t.occupancyGridsTexture.gridTextures,n=a.length;for(let e=0;e<n;++e){let t=a[e];r["occupancyGrid_L"+(n-e-1)].value=t.texture}if(e.useDistanceGrid){let e=t.distanceGridsTexture.gridTextures[0].texture;r.distanceGrid.value=e}let s=t.triplaneTexture;r.planeDensity.value=s.densityTexture.texture,r.planeRgb.value=s.rgbTexture.texture,r.planeFeatures.value=s.featuresTexture.texture;let i=t.sparseGridTexture;r.sparseGridBlockIndices.value=i.blockIndicesTexture.texture,r.sparseGridDensity.value=i.densityTexture.texture,r.sparseGridRgb.value=i.rgbTexture.texture,r.sparseGridFeatures.value=i.featuresTexture.texture,r.atlasSize.value=new THREE.Vector3(e.atlas_width,e.atlas_height,e.atlas_depth)}function getTextureSizeInBytes(e){let t=0,r=e=>{if(null==e)return 0;let t=e.texture.image;return t.height*t.width*t.depth},a=e.occupancyGridsTexture.gridTextures,n=a.length;for(let e=0;e<n;++e){t+=1*r(a[e])}if(e.distanceGridsTexture.gridTextures.length>0){t+=1*r(e.distanceGridsTexture.gridTextures[0])}let s=e.triplaneTexture;t+=3*r(s.rgbTexture),t+=1*r(s.densityTexture),t+=4*r(s.featuresTexture);let i=e.sparseGridTexture;return t+=1*r(i.blockIndicesTexture),t+=3*r(i.rgbTexture),t+=1*r(i.densityTexture),t+=4*r(i.featuresTexture),t}async function initializeRayMarchScene(e,t){let r=t.params,a=t.spec,n=kRayMarchFragmentShaderHeader;n+=await loadTextFile("viewdependency.glsl"),n+=await loadTextFile("fragment.glsl"),n=rewriteViewDependenceDefinitions(r,n);let s=new THREE.Matrix3;s.set(-1,0,0,0,0,1,0,1,0);let i=new THREE.Vector3(-2,-2,-2);n="#define kMinPosition vec3("+Number(i.x).toFixed(10)+", "+Number(i.y).toFixed(10)+", "+Number(i.z).toFixed(10)+")\n"+n,n="#define kSubmodelScale "+Number(getSubmodelScale(e)).toFixed(10)+"\n"+n,n="#define kStepMult "+gStepMult+"\n"+n,n="#define kRangeFeaturesMin "+Number(r.range_features[0]).toFixed(10)+"\n"+n,n="#define kRangeFeaturesMax "+Number(r.range_features[1]).toFixed(10)+"\n"+n,n="#define kRangeDensityMin "+Number(r.range_density[0]).toFixed(10)+"\n"+n,n="#define kRangeDensityMax "+Number(r.range_density[1]).toFixed(10)+"\n"+n;let o={bias_0:{value:null},bias_1:{value:null},bias_2:{value:null},weightsZero:{value:null},weightsOne:{value:null},weightsTwo:{value:null},displayMode:{value:gDisplayMode-0},minPosition:{value:i},world_T_cam:{value:new THREE.Matrix4},cam_T_clip:{value:new THREE.Matrix4},worldspaceROpengl:{value:s}};occupancyUniforms={};let l=a.occupancyGridsSpec.gridSpecs,c=l.length;for(let e=0;e<c;++e){let t=l[e],r=c-e-1;n="#define kVoxelSizeOccupancy_L"+r+" "+Number(t.voxelSize).toFixed(10)+"\n"+n,n="#define kGridSizeOccupancy_L"+r+" vec3("+Number(t.shape[0]).toFixed(10)+", "+Number(t.shape[1]).toFixed(10)+", "+Number(t.shape[2]).toFixed(10)+")\n"+n,occupancyUniforms["occupancyGrid_L"+r]={value:null}}if(o=extend(o,occupancyUniforms),r.useDistanceGrid){let e=a.distanceGridsSpec.gridSpecs[0];n="#define USE_DISTANCE_GRID\n"+n,n="#define kVoxelSizeDistance "+Number(e.voxelSize).toFixed(10)+"\n"+n,n="#define kGridSizeDistance vec3("+Number(e.shape[0]).toFixed(10)+", "+Number(e.shape[1]).toFixed(10)+", "+Number(e.shape[2]).toFixed(10)+")\n"+n,distanceUniforms={distanceGrid:{value:null}},o=extend(o,distanceUniforms)}let u=new THREE.Color(.5,.5,.5);r.backgroundColor&&(u=new THREE.Color(r.backgroundColor)),n="#define kBackgroundColor vec3("+Number(u.r).toFixed(10)+", "+Number(u.g).toFixed(10)+", "+Number(u.b).toFixed(10)+")\n"+n,(gExposure||r.default_exposure)&&(r.default_exposure&&(gExposure=parseFloat(r.default_exposure)),n="#define USE_EXPOSURE\n"+n,exposureUniforms={exposure:{value:gExposure}},o=extend(o,exposureUniforms));n="#define ACTIVATION_FN "+(r.activation?r.activation:"elu")+"\n"+n,null!==r.feature_gating&&void 0!==r.feature_gating&&!0!==r.feature_gating||(n="#define USE_FEATURE_GATING\n"+n),"vfr"===r.deferred_rendering_mode&&(n="#define USE_VFR\n"+n),"coarse_sum"===r.merge_features_combine_op&&(n="#define USE_FEATURE_CONCAT\n"+n),r.useBits&&(n="#define USE_BITS\n"+n),r.useLargerStepsWhenOccluded&&(n="#define LARGER_STEPS_WHEN_OCCLUDED\n"+n,n="#define kVisibilityDelay "+Number(r.step_size_visibility_delay).toFixed(10)+"\n"+n);let d=new THREE.Vector2(...a.triplaneSpec.shape);n="#define kTriplaneVoxelSize "+Number(r.triplane_voxel_size).toFixed(10)+"\n"+n,n="#define kTriplaneGridSize vec2("+Number(d.x).toFixed(10)+", "+Number(d.y).toFixed(10)+")\n"+n;o=extend(o,{planeDensity:{value:null},planeRgb:{value:null},planeFeatures:{value:null}}),n="#define kDataBlockSize "+Number(r.data_block_size).toFixed(10)+"\n"+n,n="#define kSparseGridVoxelSize "+Number(r.sparse_grid_voxel_size).toFixed(10)+"\n"+n,n="#define kSparseGridGridSize vec3("+Number(r.sparse_grid_resolution).toFixed(10)+", "+Number(r.sparse_grid_resolution).toFixed(10)+", "+Number(r.sparse_grid_resolution).toFixed(10)+")\n"+n;o=extend(o,{sparseGridBlockIndices:{value:null},sparseGridDensity:{value:null},sparseGridRgb:{value:null},sparseGridFeatures:{value:null},atlasSize:{value:null}});let p=new THREE.ShaderMaterial({uniforms:o,vertexShader:kRayMarchVertexShader,fragmentShader:n,vertexColors:!0});p.side=THREE.DoubleSide,p.depthTest=!1,p.needsUpdate=!0;const g=new THREE.PlaneBufferGeometry(...gViewportDims);let m=new THREE.Mesh(g,p);m.position.z=-100,m.frustumCulled=!1;let h=new THREE.Scene;return h.add(m),h.autoUpdate=!1,h}function validateDeferredMlp(e){const t=e["ResampleDense_0/kernel"]?"ResampleDense":"Dense";for(let r=0;r<3;r++){const a=`${t}_${r}`;let n=e[`${a}/kernel`].shape,s=e[`${a}/bias`].shape;if("ResampleDense"===t){let e=n[1];console.assert(e===n[2]&&e===n[3]),console.assert(n[0]===s[0]&&n[1]===s[1]&&n[2]===s[2]&&n[3]===s[3])}}}class WorkerPool{constructor(e,t){let r=this;e=e||2,this.workers=[];for(let a=0;a<e;++a){let e=new Worker(t);e.onmessage=e=>{r.onmessage(e)},this.workers.push(e)}this.nextworker=0,this.callbacks={},this.i=0}submit(e,t){const r=this.i;this.callbacks[r]=t,this.i+=1;const a=this.nextworker,n=this.workers[a];this.nextworker=(a+1)%this.workers.length,n.postMessage({i:r,request:e})}onmessage(e){const t=e.data,r=t.i;(0,this.callbacks[r])(t.result),delete this.callbacks[r]}}let gStats=null,gUseSubmodel=!1,gSubmodelTransform=null,gDeferredMlp=null;const DisplayModeType={DISPLAY_NORMAL:0,DISPLAY_DIFFUSE:1,DISPLAY_FEATURES:2,DISPLAY_VIEW_DEPENDENT:3,DISPLAY_COARSE_GRID:4};let gDisplayMode=DisplayModeType.DISPLAY_NORMAL,gBenchmark=!1,gFrameMult=1,gLoadAssetsWorker=new WorkerPool(4,"loadpng.worker.js"),gCopySliceWorker=new WorkerPool(4,"copyslices.worker.js");const kRayMarchVertexShader="\nvarying vec3 vOrigin;\nvarying vec3 vDirection;\nuniform mat4 world_T_cam;\nuniform mat4 cam_T_clip;\n\nvoid main() {\n  vec4 posClip = projectionMatrix * modelViewMatrix * vec4(position, 1.0);\n  gl_Position = posClip;\n  posClip /= posClip.w;\n\n  vec4 originCam = vec4(0.0, 0.0, 0.0, 1.0);\n  vec4 nearPointCam = cam_T_clip * vec4(posClip.x, posClip.y, -1.0, 1.0);\n  nearPointCam /= -nearPointCam.z;\n\n  vec4 originWorld = world_T_cam * originCam;\n  vec4 nearPointWorld = world_T_cam * nearPointCam;\n  vOrigin = originWorld.xyz / originWorld.w;\n  vDirection = nearPointWorld.xyz / nearPointWorld.w - vOrigin;\n}\n",kRayMarchFragmentShaderHeader="\nprecision highp float;\n\nvarying vec3 vOrigin;\nvarying vec3 vDirection;\n\nuniform int displayMode;\n\nuniform mat3 worldspaceROpengl;\nuniform float nearPlane;\n\n#ifdef USE_DISTANCE_GRID\nuniform highp sampler3D distanceGrid;\nuniform highp sampler3D occupancyGrid_L0;\n#else\nuniform highp sampler3D occupancyGrid_L0;\nuniform highp sampler3D occupancyGrid_L1;\nuniform highp sampler3D occupancyGrid_L2;\n#ifndef USE_BITS\nuniform highp sampler3D occupancyGrid_L3;\nuniform highp sampler3D occupancyGrid_L4;\n#endif\n#endif\n\nuniform vec4 bias_0[NUM_CHANNELS_ONE/4];\nuniform vec4 bias_1[NUM_CHANNELS_TWO/4];\nuniform vec4 bias_2[NUM_CHANNELS_THREE/4];\n\nuniform highp sampler2D weightsZero;\nuniform highp sampler2D weightsOne;\nuniform highp sampler2D weightsTwo;\n\n#ifdef USE_EXPOSURE\nuniform float exposure;\n#endif\n\nuniform vec3 atlasSize;\n\nuniform highp sampler3D sparseGridBlockIndices;\nuniform highp sampler3D sparseGridDensity;\nuniform highp sampler3D sparseGridRgb;\nuniform highp sampler3D sparseGridFeatures;\n\n// need to use texture arrays, otherwise we exceed max texture unit limit\nuniform highp sampler2DArray planeDensity;\nuniform highp sampler2DArray planeRgb;\nuniform highp sampler2DArray planeFeatures;\n";let gRenderer=null,gSubmodelCount=1,gCamera=null,gViewportDims=[640,480],gNumTextures=0,gLoadedTextures=0,gSubmodelForceIndex=-1;function extend(e,t){for(let r in t)t.hasOwnProperty(r)&&(e[r]=t[r]);return e}function error(e){const t=document.getElementById("error");t.textContent=e,t.style.display="block"}function create(e,t){const r=document.createElement(e);return t&&(r.className=t),r}function digits(e,t){const r=""+e;return r.length>=t?r:("00000"+r).substr(-t)}function setupViewport(e,t){gViewportDims=[e,t]}function range(e){return[...Array(e).keys()]}function product(e){result=1;for(let t of e)result*=t;return result}function sum(e){result=1;for(let t of e)result+=t;return result}function setDims(e,t,r){e.style.width=t.toFixed(2)+"px",e.style.height=r.toFixed(2)+"px"}function hideLoading(){document.getElementById("Loading").style.display="none",document.getElementById("loading-container").style.display="none"}function showLoading(){document.getElementById("Loading").style.display="none",document.getElementById("loading-container").style.display="none"}function isLoading(){return"none"!==document.getElementById("Loading").style.display}function onImageFetch(e){return gNumTextures++,updateLoadingProgress(),e}function onImageLoaded(e){return gLoadedTextures++,updateLoadingProgress(),e}function updateLoadingProgress(){let e=document.getElementById("image-progress");const t=gNumTextures>0?gNumTextures:"?";e.innerHTML="Loading images: "+gLoadedTextures+"/"+t}function isRendererUnsupported(){let e=document.getElementById("Loading"),t=document.getElementsByTagName("canvas")[0].getContext("webgl2");return t?!t.getExtension("WEBGL_debug_renderer_info")&&(e.innerHTML="Error: Could not fetch renderer info. Is your machine equipped with a discrete GPU?",!0):(e.innerHTML="Error: WebGL2 context not found. Is your machine equipped with a discrete GPU?",!0)}function sleep(e){return new Promise((t=>setTimeout(t,e)))}function submodelAssetPath(e,t){let r="";if(gUseSubmodel){return r=`../sm_${String(e).padStart(3,"0")}`,null==t?r:`${r}/${t}`}return t}function positionToSubmodel(e,t){if(0==gUseSubmodel)return 0;if(gSubmodelForceIndex>=0)return gSubmodelForceIndex;let r=new THREE.Vector3(-e.x,e.z,e.y),a=2/t.submodel_voxel_size,n=r.addScalar(1).divideScalar(2);n=n.multiplyScalar(a);let s=n.floor().clampScalar(0,a-1);const i=(s.x*a+s.y)*a+s.z;return t.sm_to_params[i]}function submodelCenter(e,t){if(0==gUseSubmodel)return new THREE.Vector3(0,0,0);let r=t.submodel_voxel_size,a=2/r,n=t.params_to_sm[e],s=n%a,i=(n-s)/a%a,o=(n-s-i*a)/a/a;return o=a-1-o,[i,s]=[s,i],new THREE.Vector3((o+.5)*r-1,(i+.5)*r-1,(s+.5)*r-1)}function submodelTransform(e,t){const r=submodelCenter(e,t),a=t.submodel_scale;let n=new THREE.Matrix4;n.makeScale(a,a,a);let s=new THREE.Matrix4;return s.makeTranslation(-r.x,-r.y,-r.z),submodel_matrix=new THREE.Matrix4,submodel_matrix.multiplyMatrices(n,s),submodel_matrix}async function fetchAndRetryIfNecessary(e){const t=await e();return 429===t.status?(await sleep(500),fetchAndRetryIfNecessary(e)):t}function loadAsset(e){return new Promise((t=>{gLoadAssetsWorker.submit({url:e},t)}))}function mergeSlices(e,t,r){let a=e.sliceAssets.map((e=>e.asset));return Promise.all(a).then((a=>{let n=range(a.length).map((t=>({...e.sliceAssets[t],asset:a[t]}))),s={asset:{...e,sliceAssets:n},src:t,dst:r,fn:"mergeSlices"};return new Promise((e=>{gCopySliceWorker.submit(s,e)}))}))}function mergeSparseGridDensity(e){let t=e=>Promise.all(e.sliceAssets.map((e=>e.asset))),r=[t(e.rgbAndDensityAsset),t(e.featuresAsset)];return Promise.all(r).then((t=>{let r=t[0],a=t[1],n=(e,t)=>{let r=range(t.length).map((r=>({...e.sliceAssets[r],asset:t[r]})));return{...e,sliceAssets:r}},s=n(e.rgbAndDensityAsset,r),i=n(e.featuresAsset,a),o={asset:{assetType:e.assetType,rgbAndDensityAsset:s,featuresAsset:i},fn:"mergeSparseGridDensity"};return new Promise((e=>{gCopySliceWorker.submit(o,e)}))}))}function getFieldOrDefault(e,t,r){let a=e[t];return null==a?r:a}async function loadTextFile(e){try{const t=cleanPath(e),r=await fetch("http://localhost:3001/generate-signed-url",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({dirUrl:t})});if(!r.ok)throw new Error(`Erreur lors de la génération de l'URL signée: ${r.status}`);const{url:a}=await r.json();console.log("Tentative de chargement du fichier texte depuis:",a);const n=await fetch(a);if(!n.ok)throw new Error(`Erreur lors du téléchargement du fichier: ${n.status}`);const s=await n.text();return console.log("Contenu du fichier texte chargé depuis",a,":",s),s}catch(t){throw console.error(`Erreur lors de la récupération du fichier texte depuis ${e}:`,t),t}}async function loadJSONFile(e){try{const t=cleanPath(e),r=await fetch("http://localhost:3001/generate-signed-url",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({dirUrl:t})});if(console.log("Chemin avant génération de l'URL signée:",t),!r.ok)throw new Error(`Erreur lors de la génération de l'URL signée: ${r.status}`);const{url:a}=await r.json();console.log("Tentative de chargement du fichier JSON depuis:",a);const n=await fetch(a);if(!n.ok)throw new Error(`Erreur lors du téléchargement du fichier JSON: ${n.status}`);const s=await n.json();return console.log("Contenu du fichier JSON chargé depuis",a,":",s),s}catch(t){throw console.error(`Erreur lors de la récupération du fichier JSON depuis ${e}:`,t),t}}function cleanPath(e){const t=e.split("/"),r=[];for(let e=0;e<t.length;e++)".."===t[e]?r.length&&r.pop():"."!==t[e]&&""!==t[e]&&r.push(t[e]);return r.join("/")}class Router{constructor(e,t){this.dirUrl=e,this.filenameToLink=t}translate(e){if(null!=this.filenameToLink)return this.filenameToLink[e];return`${this.cleanPath(this.dirUrl)}/${e}`}cleanPath(e){const t=e.split("/"),r=[];for(let e=0;e<t.length;e++)".."===t[e]?r.length&&r.pop():"."!==t[e]&&""!==t[e]&&r.push(t[e]);return r.join("/")}}const Format={RED:{numChannels:1},LUMINANCE_ALPHA:{numChannels:2},RGB:{numChannels:3},RGBA:{numChannels:4}},GridTextureSource={RGBA_FROM_RGBA:{format:Format.RGBA,channels:[0,1,2,3]},RGB_FROM_RGBA:{format:Format.RGBA,channels:[0,1,2]},RGB_FROM_RGB:{format:Format.RGB,channels:[0,1,2]},ALPHA_FROM_RGBA:{format:Format.RGBA,channels:[3]},RED_FROM_RED:{format:Format.RED,channels:[0]},LA_FROM_LUMINANCE_ALPHA:{format:Format.LUMINANCE_ALPHA,channels:[0,1]}},GridTextureDestination={RED_IN_RED:{format:Format.RED,channels:[0]},RGB_IN_RGB:{format:Format.RGB,channels:[0,1,2]},RGBA_IN_RGBA:{format:Format.RGBA,channels:[0,1,2,3]},LA_IN_LUMINANCE_ALPHA:{format:Format.LUMINANCE_ALPHA,channels:[0,1]},LUMINANCE_IN_LUMINANCE_ALPHA:{format:Format.LUMINANCE_ALPHA,channels:[0]},ALPHA_IN_LUMINANCE_ALPHA:{format:Format.LUMINANCE_ALPHA,channels:[1]}};let gSceneAccumulate=null,gLowResBlitCamera=null,gHighResBlitCamera=null,gOldMatrixWorld=null,gOldProjectionMatrix=null,gFrameIndex=0,gLowResTexture=null;function createAccumulateMaterial(e,t,r,a){return new THREE.ShaderMaterial({uniforms:{mapLowRes:{value:e},mapHistory:{value:t},lowResolution:{value:r},highResolution:{value:a},jitterOffset:{value:new THREE.Vector2(0,0)},emaAlpha:{value:.15}},vertexShader:accumulateVertexShader,fragmentShader:accumulateFragmentShader})}const gAccumulationTextures=[null,null],normalizeVertexShader="\nvarying vec2 vUv;\nvoid main() {\n  vUv = uv;\n  gl_Position = projectionMatrix * modelViewMatrix * vec4(position, 1.0);\n}\n",normalizeFragmentShader="\nvarying vec2 vUv;\nuniform sampler2D map;\nvoid main() {\n  gl_FragColor = texture2D(map, vUv);\n  if (gl_FragColor.a > 0.0) {\n    gl_FragColor.rgb /= gl_FragColor.a;\n  }\n  gl_FragColor.a = 1.0;\n}\n";function createNormalizeMaterial(e){return new THREE.ShaderMaterial({uniforms:{map:{value:e}},vertexShader:normalizeVertexShader,fragmentShader:normalizeFragmentShader})}let gSceneNormalize=null;const accumulateVertexShader="\nvarying vec2 vUv;\nvoid main() {\n  vUv = uv;\n  gl_Position = projectionMatrix * modelViewMatrix * vec4(position, 1.0);\n}\n",accumulateFragmentShader="\nvarying vec2 vUv;\nuniform vec2 lowResolution;\nuniform vec2 highResolution;\nuniform vec2 jitterOffset;\nuniform float emaAlpha;\n\nuniform sampler2D mapLowRes;\nuniform sampler2D mapHistory;\n\nfloat pixelFilter(vec2 pixelCenter, vec2 sampleCenter) {\n  vec2 delta = pixelCenter - sampleCenter;\n  float squaredNorm = dot(delta, delta);\n  return exp(-2.29 * squaredNorm);\n}\n\nvoid main() {\n  // First we need to compute the coordinates of the pixel centers\n  // in the low resolution grid by compensating for the camera jitter.\n  // Note that the offset is defined in clip space [-1,1]^2, so we need\n  // to multiply it by 0.5 to make it valid in texture space [0,1]^2.\n  vec2 compensatedUnitCoords = vUv - jitterOffset * 0.5;\n\n  // Now compute the integer coordinates in the low resolution grid for each\n  // adjacent texel.\n  ivec2 lowResCoords00 = ivec2(compensatedUnitCoords * lowResolution - 0.5);\n  ivec2 lowResCoords01 = ivec2(0, 1) + lowResCoords00;\n  ivec2 lowResCoords10 = ivec2(1, 0) + lowResCoords00;\n  ivec2 lowResCoords11 = ivec2(1, 1) + lowResCoords00;\n\n  float mask00 =\n    min(lowResCoords00.x, lowResCoords00.y) < 0 ||\n    lowResCoords00.x >= int(lowResolution.x) ||\n    lowResCoords00.y >= int(lowResolution.y) ? 0.0 : 1.0;\n  float mask01 =\n    min(lowResCoords01.x, lowResCoords01.y) < 0 ||\n    lowResCoords01.x >= int(lowResolution.x) ||\n    lowResCoords01.y >= int(lowResolution.y) ? 0.0 : 1.0;\n  float mask10 =\n    min(lowResCoords10.x, lowResCoords10.y) < 0 ||\n    lowResCoords10.x >= int(lowResolution.x) ||\n    lowResCoords10.y >= int(lowResolution.y) ? 0.0 : 1.0;\n  float mask11 =\n    min(lowResCoords11.x, lowResCoords11.y) < 0 ||\n    lowResCoords11.x >= int(lowResolution.x) ||\n    lowResCoords11.y >= int(lowResolution.y) ? 0.0 : 1.0;\n\n  // We also need to keep track of the high resolution counterparts of these\n  // coordinates, so we can compute the pixel reconstruction filter weights.\n  vec2 compensatedHighResCoords = highResolution * compensatedUnitCoords;\n  vec2 highResCoords00 =\n      highResolution * (vec2(lowResCoords00) + 0.5) / lowResolution;\n  vec2 highResCoords01 =\n      highResolution * (vec2(lowResCoords01) + 0.5) / lowResolution;\n  vec2 highResCoords10 =\n      highResolution * (vec2(lowResCoords10) + 0.5) / lowResolution;\n  vec2 highResCoords11 =\n      highResolution * (vec2(lowResCoords11) + 0.5) / lowResolution;\n\n  vec4 lowResColor = vec4(0.0, 0.0, 0.0, 0.0);\n  lowResColor += mask00 * vec4(\n    texelFetch(mapLowRes,lowResCoords00, 0).rgb, 1.0) *\n    pixelFilter(compensatedHighResCoords, highResCoords00);\n  lowResColor += mask01 * vec4(\n    texelFetch(mapLowRes, lowResCoords01, 0).rgb, 1.0) *\n    pixelFilter(compensatedHighResCoords, highResCoords01);\n  lowResColor += mask10 * vec4(\n    texelFetch(mapLowRes, lowResCoords10, 0).rgb, 1.0) *\n    pixelFilter(compensatedHighResCoords, highResCoords10);\n  lowResColor += mask11 * vec4(\n    texelFetch(mapLowRes, lowResCoords11, 0).rgb, 1.0) *\n    pixelFilter(compensatedHighResCoords, highResCoords11);\n\n  vec4 historyColor = texture2D(mapHistory, vUv);\n  gl_FragColor = emaAlpha * lowResColor + (1.0 - emaAlpha) * historyColor;\n}\n";function setupProgressiveRendering(e,t){gHighResBlitCamera=new THREE.OrthographicCamera(e.offsetWidth/-2,e.offsetWidth/2,e.offsetHeight/2,e.offsetHeight/-2,-1e4,1e4),gHighResBlitCamera.position.z=100;let r=new THREE.PlaneBufferGeometry(e.offsetWidth,e.offsetHeight);gLowResTexture=new THREE.WebGLRenderTarget(Math.trunc(e.offsetWidth/t),Math.trunc(e.offsetHeight/t),{minFilter:THREE.NearestFilter,magFilter:THREE.NearestFilter,type:THREE.UnsignedByteType,format:THREE.RGBFormat}),gAccumulationTextures[0]=new THREE.WebGLRenderTarget(e.offsetWidth,e.offsetHeight,{minFilter:THREE.NearestFilter,magFilter:THREE.NearestFilter,type:THREE.FloatType,format:THREE.RGBAFormat}),gAccumulationTextures[1]=new THREE.WebGLRenderTarget(e.offsetWidth,e.offsetHeight,{minFilter:THREE.NearestFilter,magFilter:THREE.NearestFilter,type:THREE.FloatType,format:THREE.RGBAFormat});let a=new THREE.Mesh(r,createAccumulateMaterial(gLowResTexture.texture,gAccumulationTextures[1],new THREE.Vector2(Math.trunc(e.offsetWidth/t),Math.trunc(e.offsetHeight/t)),new THREE.Vector2(e.offsetWidth,e.offsetHeight)));a.position.z=-100,gSceneAccumulate=new THREE.Scene,gSceneAccumulate.add(a),gSceneAccumulate.autoUpdate=!1;let n=new THREE.Mesh(r,createNormalizeMaterial(gAccumulationTextures[0].texture));n.position.z=-100,gSceneNormalize=new THREE.Scene,gSceneNormalize.add(n),gSceneNormalize.autoUpdate=!1,gLowResBlitCamera=new THREE.OrthographicCamera(Math.trunc(e.offsetWidth/t)/-2,Math.trunc(e.offsetWidth/t)/2,Math.trunc(e.offsetHeight/t)/2,Math.trunc(e.offsetHeight/t)/-2,-1e4,1e4),gLowResBlitCamera.position.z=100,gOldProjectionMatrix=gCamera.projectionMatrix.clone(),gOldMatrixWorld=gCamera.matrixWorld.clone()}function renderFrame(e){e||(e=gCamera.projectionMatrix.clone());let t=new THREE.Matrix4;t.getInverse(e);let r=gCamera.matrixWorld;submodel_T_world=gSubmodelTransform,submodel_T_camera=new THREE.Matrix4,submodel_T_camera.multiplyMatrices(submodel_T_world,r);let a=getRayMarchScene();a.children[0].material.uniforms.world_T_cam.value=submodel_T_camera,a.children[0].material.uniforms.cam_T_clip.value=t,a.children[0].material.uniforms.displayMode.value=gDisplayMode-0,gRenderer.clear(),gRenderer.render(a,gLowResBlitCamera)}function renderProgressively(){const e=gAccumulationTextures[0].width/gLowResTexture.width;if(1==e)return void renderFrame();let t=!gCamera.projectionMatrix.equals(gOldProjectionMatrix)||!gCamera.matrixWorld.equals(gOldMatrixWorld);const r=e%2==0;let a=.5,n=Math.trunc(e/2);r||(a=.5,n+=1);let s=[],i=[];for(let t=0;t<n;t++)for(let r=0;r<n;r++)s.push((a+t)/e),i.push((a+r)/e),s.push(-(a+t)/e),i.push((a+r)/e),s.push((a+t)/e),i.push(-(a+r)/e),s.push(-(a+t)/e),i.push(-(a+r)/e);let o=gFrameIndex%s.length,l=s[o],c=i[o];gLowResBlitCamera.left=l+gLowResTexture.width/-2,gLowResBlitCamera.right=l+gLowResTexture.width/2,gLowResBlitCamera.top=c+gLowResTexture.height/2,gLowResBlitCamera.bottom=c+gLowResTexture.height/-2,gLowResBlitCamera.updateProjectionMatrix(),l*=2/gLowResTexture.width,c*=2/gLowResTexture.height;let u=gCamera.projectionMatrix.clone();u.elements[8]+=l,u.elements[9]+=c,gRenderer.setRenderTarget(gLowResTexture),renderFrame(u);let d=Math.min(1,.7/s.length);t&&(gFrameIndex=0,d=1);let p=gFrameIndex%2,g=1-p;gRenderer.setRenderTarget(gAccumulationTextures[p]),gSceneAccumulate.children[0].material.uniforms.mapHistory.value=gAccumulationTextures[g].texture,gSceneAccumulate.children[0].material.uniforms.jitterOffset.value=new THREE.Vector2(l,c),gSceneAccumulate.children[0].material.uniforms.emaAlpha.value=d,gRenderer.clear(),gRenderer.render(gSceneAccumulate,gHighResBlitCamera),gRenderer.setRenderTarget(null),gSceneNormalize.children[0].material.uniforms.map.value=gAccumulationTextures[p].texture,gRenderer.clear(),gRenderer.render(gSceneNormalize,gHighResBlitCamera),gFrameIndex++,gOldProjectionMatrix=gCamera.projectionMatrix.clone(),gOldMatrixWorld=gCamera.matrixWorld.clone()}function computeTrilerpLocationsAndWeights(e,t,r){let a=(new THREE.Vector3).copy(e);a.addScalar(1),a.divideScalar(2),a.multiplyScalar(r),a.subScalar(.5);const n=(new THREE.Vector3).copy(a).floor(),s=(new THREE.Vector3).copy(a).ceil();let i=t.x>0?s.x:n.x,o=t.y>0?s.y:n.y,l=t.z>0?s.z:n.z;i=Math.min(Math.max(i,0),r-1),o=Math.min(Math.max(o,0),r-1),l=Math.min(Math.max(l,0),r-1),i=r-1-i,[o,l]=[l,o];const c=(l*r+o)*r+i;let u=a.x-n.x,d=a.y-n.y,p=a.z-n.z;0==t.x&&(u=1-u),0==t.y&&(d=1-d),0==t.z&&(p=1-p);return[c,u*d*p]}function trilerpDeferredMlpKernel(e,t,r){let a,n,s;if(gDeferredMlp["ResampleDense_"+t+"/kernel"]){const i=gDeferredMlp["ResampleDense_"+t+"/kernel"],o=i.data,l=i.shape[1],c=i.shape[4],u=i.shape[5];a=makeMultipleOf(u,4),n=makeMultipleOf(c,4),s=new Float32Array(n*a);let d=(new THREE.Vector3).copy(r);d.divideScalar(getSubmodelScaleFactor(e));const p=e*l*l*l*c*u;for(let e=0;e<2;e++)for(let t=0;t<2;t++)for(let r=0;r<2;r++){const[i,g]=computeTrilerpLocationsAndWeights(d,new THREE.Vector3(e,t,r),l),m=p+c*u*i;for(let i=0;i<a;i++)for(let a=0;a<n;a++){let l=i*n+a,d=0;a<c&&i<u&&(d=o[m+a*u+i]),e+t+r===0?s[l]=g*d:s[l]+=g*d}}}else{const e=gDeferredMlp["Dense_"+t+"/kernel"],r=e.data,i=e.shape[0],o=e.shape[1];a=makeMultipleOf(o,4),n=makeMultipleOf(i,4),s=new Float32Array(n*a);for(let e=0;e<a;e++)for(let t=0;t<n;t++){t<i&&e<o&&(s[e*n+t]=r[t*o+e])}}let i=new Float32Array(n*a);for(let e=0;e<n;e+=4)for(let t=0;t<a;t++)for(let r=0;r<4;r++)i[e/4*a*4+4*t+r]=s[e/4*4+t*(n/4*4)+r];let o=new THREE.DataTexture(i,1,n*a/4,THREE.RGBAFormat);return o.magFilter=THREE.NearestFilter,o.minFilter=THREE.NearestFilter,o.type=THREE.FloatType,o}function trilerpDeferredMlpBiases(e,t,r){let a;if(gDeferredMlp["ResampleDense_"+t+"/bias"]){const n=gDeferredMlp["ResampleDense_"+t+"/bias"],s=n.data,i=n.shape[1],o=n.shape[4],l=makeMultipleOf(o,4);a=new Array(l/4);let c=(new THREE.Vector3).copy(r);c.divideScalar(getSubmodelScaleFactor(e));const u=e*i*i*i*o;for(let e=0;e<2;e++)for(let t=0;t<2;t++)for(let r=0;r<2;r++){const[n,d]=computeTrilerpLocationsAndWeights(c,new THREE.Vector3(e,t,r),i),p=u+o*n;for(let n=0;n<l/4;++n){let i=new THREE.Vector4(0,0,0,0);for(let e=0;e<4;e++)4*n+0<l&&i.setComponent(e,s[p+4*n+e]);i.multiplyScalar(d),e+t+r===0?a[n]=i:a[n].add(i)}}}else{const e=gDeferredMlp["Dense_"+t+"/bias"],r=e.data,n=makeMultipleOf(e.shape[0],4);a=new Array(n/4);for(let e=0;e<n/4;++e){let t=new THREE.Vector4(0,0,0,0);for(let a=0;a<4;a++)4*e+0<n&&t.setComponent(a,r[4*e+a]);a[e]=t}}return a}function rewriteViewDependenceDefinitions(e,t){let r=getDeferredMlp();const a=r["ResampleDense_0/kernel"]?"ResampleDense_":"Dense_",n=r["ResampleDense_0/kernel"]?4:0;let s=t,i=["intermediate_one","intermediate_two","result"];for(let e=0;e<3;e++){let t=r[a+e+"/bias"].shape[n],o=`bias_${e}`,l=i[e],c=[];for(let e=0;e<t/4;e++)c.push(`${l}[${e}] = ${o}[${e}];`);let u=c.join(" ")+"\n";s=s.replace(new RegExp(`INITIALIZE_OUTPUT_ACTIVATIONS_${e}`,"g"),u)}let o=makeMultipleOf(r[a+"0/kernel"].shape[n],4),l=makeMultipleOf(r[a+"0/bias"].shape[n],4),c=makeMultipleOf(r[a+"1/bias"].shape[n],4),u=makeMultipleOf(r[a+"2/bias"].shape[n],4);return s=s.replace(new RegExp("NUM_CHANNELS_ZERO","g"),o),s=s.replace(new RegExp("NUM_POSENC_SCALES","g"),4..toString()),s=s.replace(new RegExp("NUM_CHANNELS_ONE","g"),l),s=s.replace(new RegExp("NUM_CHANNELS_TWO","g"),c),s=s.replace(new RegExp("NUM_CHANNELS_THREE","g"),u),s}function makeMultipleOf(e,t){return e%t==0?e:e+t-e%t}function setupInitialCameraPose(e,t){function r(e){var r,a,n;gCamera.position.x=e.position[0]+t.x,gCamera.position.y=e.position[1]+t.y,gCamera.position.z=e.position[2]+t.z,r=e.lookat[0]+t.x,a=e.lookat[1]+t.y,n=e.lookat[2]+t.z,gOrbitControls?(gOrbitControls.target.x=r,gOrbitControls.target.y=a,gOrbitControls.target.z=n):gMapControls?(gMapControls.target.x=gCamera.position.x+(r-gCamera.position.x)*gCamera.near,gMapControls.target.y=gCamera.position.y+(a-gCamera.position.y)*gCamera.near,gMapControls.target.z=gCamera.position.z+(n-gCamera.position.z)*gCamera.near):gCamera.lookAt(r,a,n)}initialPoses={default:{position:[0,0,0],lookat:[0,0,1]},gardenvase:{position:[-1.1868985500525444,.1898527233835131,-.04923970470097733],lookat:[-.05581392405861873,-.40202760746449473,.02985343723310108]},stump:{position:[0,.4,-.8],lookat:[0,-.3,0]},flowerbed:{position:[-.02402388218043944,.11825367482140309,.907525093384825],lookat:[.016306507293821822,-.15676691106539536,-.016192691610482132]},treehill:{position:[-.70994804046872,.19435986647308223,.30833533637897453],lookat:[.06327294888291587,-.13299740290200024,.0037554887097183934]},bicycle:{position:[-.4636408064933045,.49624791762954734,.8457540259646037],lookat:[.017170160491904368,-.24649043500978007,-.07787524806850904]},kitchenlego:{position:[-.5872864419408019,.05633623000443683,-.9472239198227385],lookat:[.07177184299031553,-.4020277194862108,.04850453170234236]},fulllivingroom:{position:[1.1539572663654272,-.006785278327404387,-.0972986385811351],lookat:[-.05581392405861873,-.40202760746449473,.02985343723310108]},kitchencounter:{position:[-.7006764413546107,.2255633917824672,-.46941182833135847],lookat:[.13197415755218864,-.4020278046227117,.09221809216932579]},officebonsai:{position:[-.4773314920559294,.05409730603092788,1.014304107335418],lookat:[.11970974858222336,-.40426664345968033,-.019801655674420764]}},r(initialPoses.default);for(let t in initialPoses)if(e.includes(t)){r(initialPoses[t]);break}gCamera.updateProjectionMatrix()}let gOrbitControls=null,gMapControls=null,gPointerLockControls=null,gKeyW=!1,gKeyA=!1,gKeyS=!1,gKeyD=!1,gKeyQ=!1,gKeyE=!1,gKeyShift=!1;const gClock=new THREE.Clock;function addHandlers(){let e=document.getElementById("shader-editor");document.addEventListener("keypress",(function(t){if("input"!==document.activeElement.tagName.toLowerCase()&&"textarea"!==document.activeElement.tagName.toLowerCase()&&document.activeElement!==e){if(32!==t.keyCode&&" "!==t.key&&"Spacebar"!==t.key||(gDisplayMode==DisplayModeType.DISPLAY_NORMAL?(gDisplayMode=DisplayModeType.DISPLAY_DIFFUSE,console.log("Displaying DIFFUSE")):gDisplayMode==DisplayModeType.DISPLAY_DIFFUSE?(gDisplayMode=DisplayModeType.DISPLAY_FEATURES,console.log("Displaying DISPLAY_FEATURES")):gDisplayMode==DisplayModeType.DISPLAY_FEATURES?(gDisplayMode=DisplayModeType.DISPLAY_VIEW_DEPENDENT,console.log("Displaying DISPLAY_VIEW_DEPENDENT")):gDisplayMode==DisplayModeType.DISPLAY_VIEW_DEPENDENT?(gDisplayMode=DisplayModeType.DISPLAY_COARSE_GRID,console.log("Displaying DISPLAY_COARSE_GRID")):(gDisplayMode=DisplayModeType.DISPLAY_NORMAL,console.log("Displaying DISPLAY_NORMAL")),t.preventDefault()),"r"===t.key){console.log("Recompile shader.");let r=getRayMarchScene().children[0].material;r.fragmentShader=e.value,r.needsUpdate=!0,t.preventDefault()}if("?"===t.key){let e=gCamera.getWorldPosition(new THREE.Vector3(0,0,0)),r=gCamera.getWorldQuaternion(new THREE.Quaternion);console.log(`\n// Camera Info:\ngCamera.position.set(${e.x}, ${e.y}, ${e.z});\ngCamera.quaternion.set(${r.x}, ${r.y}, ${r.z}, ${r.w});\n`),t.preventDefault()}}})),document.addEventListener("keydown",(function(t){if("input"===document.activeElement.tagName.toLowerCase()||"textarea"===document.activeElement.tagName.toLowerCase())return;if(document.activeElement===e)return;let r=t.key.toLowerCase();"w"===r&&(gKeyW=!0,t.preventDefault()),"a"===r&&(gKeyA=!0),"s"===r&&(gKeyS=!0,t.preventDefault()),"d"===r&&(gKeyD=!0,t.preventDefault()),"q"===r&&(gKeyQ=!0,t.preventDefault()),"e"===r&&(gKeyE=!0,t.preventDefault()),"Shift"===t.key&&(gKeyShift=!0,t.preventDefault())})),document.addEventListener("keyup",(function(t){if("input"===document.activeElement.tagName.toLowerCase()||"textarea"===document.activeElement.tagName.toLowerCase())return;if(document.activeElement===e)return;let r=t.key.toLowerCase();"w"===r&&(gKeyW=!1,t.preventDefault()),"a"===r&&(gKeyA=!1),"s"===r&&(gKeyS=!1,t.preventDefault()),"d"===r&&(gKeyD=!1,t.preventDefault()),"q"===r&&(gKeyQ=!1,t.preventDefault()),"e"===r&&(gKeyE=!1,t.preventDefault()),"Shift"===t.key&&(gKeyShift=!1,t.preventDefault())}))}function setupCameraControls(e,t){if(e&&"fps"==e){gPointerLockControls=new THREE.PointerLockControls(gCamera,t);let e=document.createElement("button");e.innerHTML="Commencer la visite !",e.classList.add("mouse-navigation-button"),e.addEventListener("click",(function(){gPointerLockControls.lock(),gPointerLockControls.connect(),e.classList.add("hidden")}),!1),gPointerLockControls.addEventListener("unlock",(function(){e.classList.remove("hidden")})),t.appendChild(e)}else e&&"map"==e?(gMapControls=new THREE.OrbitControls(gCamera,t),gMapControls.panSpeed=.5/gCamera.near,gMapControls.enableZoom=!1,gMapControls.screenSpacePanning=!1,gMapControls.mouseButtons={LEFT:THREE.MOUSE.ROTATE,RIGHT:THREE.MOUSE.PAN},gMapControls.touches={ONE:THREE.TOUCH.PAN,TWO:THREE.TOUCH.DOLLY_ROTATE}):(gOrbitControls=new THREE.OrbitControls(gCamera,t),gOrbitControls.screenSpacePanning=!0,gOrbitControls.zoomSpeed=.5)}function updateCameraControls(){if(gOrbitControls)gOrbitControls.update();else if(gMapControls)gMapControls.update();else if(gPointerLockControls){const e=gClock.getDelta();let t=.25;gKeyShift&&(t=1);let r=gCamera.getWorldDirection(new THREE.Vector3(0,0,0)),a=new THREE.Vector3(0,1,0);gKeyW&&(gCamera.position=gCamera.position.addScaledVector(r,e*t)),gKeyA&&gPointerLockControls.moveRight(-e*t),gKeyS&&(gCamera.position=gCamera.position.addScaledVector(r,-e*t)),gKeyD&&gPointerLockControls.moveRight(e*t),gKeyQ&&(gCamera.position=gCamera.position.addScaledVector(a,-e*t)),gKeyE&&(gCamera.position=gCamera.position.addScaledVector(a,e*t))}}let gIsCoolingDown=!1,gBenchmarkTimestamps=null,gFrameTimes=[],gBenchmarkCameras={},gBenchmarkCameraIndex=0;const gBenchmarkMethodName="blockmerf";let gBenchmarkSceneName=null,gSaveBenchmarkFrames=!1;function setupBenchmarkStats(e,t){gBenchmarkSceneName=e,gSaveBenchmarkFrames=t;let r=document.getElementById("benchmark-stats");r.style.display="block",r.addEventListener("click",(e=>{gBenchmark=!0}))}function clearBenchmarkStats(e){document.getElementById("benchmark-stats").innerHTML=""}function addBenchmarkRow(e){document.getElementById("benchmark-stats").innerHTML+=e+"\n"}function getBenchmarkStats(e){return document.getElementById("benchmark-stats").innerHTML}function loadBenchmarkCameras(e){const t=e.translate("test_frames.json"),r=loadJSONFile(t);r.catch((e=>{console.error("Could not load test frames from: "+t+", error: "+e)})),r.then((e=>{gBenchmarkCameras=e.test_frames}))}function setBenchmarkCameraPose(e,t){e.position.fromArray(gBenchmarkCameras[t].position),e.setRotationFromMatrix((new THREE.Matrix4).fromArray(gBenchmarkCameras[t].rotation)),e.projectionMatrix.fromArray(gBenchmarkCameras[t].projection)}function cooldownFrame(e){const t=.5*(1+Math.sin(e*Math.PI/1e3));let r=new THREE.Color("#FFFFFF");r.lerp(new THREE.Color("#A5C0E2"),t),gRenderer.setClearColor(r,1),gRenderer.clear(),gStats&&gStats.update(),gIsCoolingDown&&requestAnimationFrame(cooldownFrame)}function formatTimestampAsString(){const e=new Date,t=e.getHours().toString().padStart(2,"0"),r=e.getMinutes().toString().padStart(2,"0");return`${e.getFullYear()}_${e.getMonth()+1}_${e.getDate()}_${t}${r}`}function benchmarkPerformance(e){const t=Math.max(4,Math.ceil(100/gFrameMult)),r=Math.max(2,Math.ceil(.1*t));if(isLoading())return e;if(!gBenchmarkTimestamps&&!gIsCoolingDown){setBenchmarkCameraPose(gCamera,0),gBenchmarkTimestamps=[];let t=new THREE.Vector2;return gRenderer.getSize(t),clearBenchmarkStats(),addBenchmarkRow(`frame timestamps (ms) at ${t.x}x${t.y}`),addBenchmarkRow("cam_idx ; start ; end ; mean frame time"),e}if(gBenchmarkTimestamps.push(window.performance.now()),gBenchmarkTimestamps.length<t)return e;gSaveBenchmarkFrames&&(frameAsPng=gRenderer.domElement.toDataURL("image/png"),saveAs(frameAsPng,digits(gBenchmarkCameraIndex,4)+".png"));let a=gBenchmarkTimestamps.slice(r);const n=a.length,s=a[0],i=a.pop();let o=(i-s)/(gFrameMult*(n-1));if(gFrameTimes.push(o),addBenchmarkRow(`${gBenchmarkCameraIndex} ; ${s} ; ${i} ; ${o}`),++gBenchmarkCameraIndex>=gBenchmarkCameras.length){console.log(gFrameTimes.reduce(((e,t)=>e+t),0)/gFrameTimes.length),gBenchmark=!1;const t=new Blob([getBenchmarkStats()],{type:"text/plain;charset=utf-8"}),r="blockmerf_"+gBenchmarkSceneName+"_frameMult_"+gFrameMult+"_"+formatTimestampAsString()+".csv";return saveAs(t,r),e}return gBenchmarkTimestamps=[],setBenchmarkCameraPose(gCamera,gBenchmarkCameraIndex),e}let gSubmodelPanel=null,gVMemPanel=null,gStepMult=1,gExposure=null;function loadScene(e,t){let r;e&&e.includes(".json")?r=loadJSONFile(e):(r=Promise.resolve(null),console.error("dirUrl est null ou non valide. Le fichier Json est dans le dossier")),r.then((r=>{const a=new Router(e,r);console.log("router:",a);const n=a.translate("scene_params.json");console.log("sceneParamsUrl:",n);const s=loadJSONFile(n);return console.log("sceneParamsPromise:",s),t.loadBenchmarkCameras&&loadBenchmarkCameras(a),Promise.all([s,{router:a,filenameToLink:r}])})).then((e=>{const[t,r]=e;let a=0;gUseSubmodel=t.hasOwnProperty("num_local_submodels")&&t.num_local_submodels>1,gUseSubmodel&&(gSubmodelCount=t.num_local_submodels,a=t.sm_to_params[t.submodel_idx]);let n=[];for(let e=0;e<gSubmodelCount;++e){const a=t.params_to_sm[e],s=r.router.translate(submodelAssetPath(a,"scene_params.json"));n.push(loadJSONFile(s))}return Promise.all([{...r,initialSubmodelIndex:a},...n])})).then((r=>{let[a,...n]=r;for(let r=0;r<n.length;++r){n[r]=extend(n[r],t);const s=n[r].params_to_sm[r];let i=e;gUseSubmodel&&(i=`${i}/${submodelAssetPath(s)}`);let o=new Router(i,a.filenameToLink),l=initializeSceneContent(n[r],o);console.log(`spec for submodel #${r}:`,l.spec),registerSubmodelContent(r,l)}let s=a.initialSubmodelIndex;return setupInitialCameraPose(e,submodelCenter(s,getSubmodelContent(s).params)),Promise.all([s,initializeDeferredMlp(s)])})).then((([e,t])=>initializePingPongBuffers(e))).then((()=>requestAnimationFrame(renderNextFrame)))}let disableCameraControls=!1;function initFromParameters(){const e=new URL(window.location.href).searchParams;console.log(e);const t="nyc/sm_004";console.log(t);let r=e.get("quality"),a=parseInt(e.get("downscale")||1,10);const n=e.get("stepMult");n&&(gStepMult=parseInt(n,10));const s=e.get("frameMult");s&&(gFrameMult=parseInt(s,10));const i=e.get("exposure");i&&(gExposure=parseFloat(i));let o={};const l=e.get("benchmark");if(l&&("time"===l.toLowerCase()||"quality"===l.toLowerCase())){o.loadBenchmarkCameras=!0,r="high";const e=t.split("/").slice(-2);setupBenchmarkStats(e[0]+"_"+e[1],"quality"===l.toLowerCase())}const c=e.get("deferredMode");c&&(o.deferred_rendering_mode=c);const u=e.get("combineMode");u&&"concat_and_sum"===u&&(o.merge_features_combine_op="coarse_sum");const d=e.get("useBits");d&&(o.useBits="true"===d.toLowerCase());const p=e.get("useDistanceGrid");p&&(o.useDistanceGrid="true"===p.toLowerCase());const g=e.get("legacyGrids");g&&(o.legacyGrids="true"===g.toLowerCase());const m=e.get("activation");m&&(o.activation=m);const h=e.get("featureGating");h&&(o.feature_gating="true"===h.toLowerCase());const f=e.get("submodelCacheSize");f&&(gSubmodelCacheSize=Number(f));const y=e.get("mergeSlices");y&&(o.merge_slices="true"==y);const _=e.get("backgroundColor");_&&(o.backgroundColor="#"+_);const T=document.createElement("div");T.classList.add("view");document.getElementById("viewspacecontainer").appendChild(T);const{width:x,height:S}=function(e){const t=getComputedStyle(e);return{width:parseInt(t.width,10),height:parseInt(t.height,10)}}(T);T.style.width=`${x}px`,T.style.height=`${S}px`,console.log("Width:",x,"Height:",S);const R=e.get("mouseMode")||"orbit";let E=.99;if(!e.get("downscale")&&r){let e=x*S;for("phone"==r?(e=135e3,E=.8):"low"==r?(e=15e4,E=.8):"medium"==r&&(e=768e3,E=.95);x*S/a>e;)a++;console.log("Automatically chose a downscaling factor of "+a)}o.useLargerStepsWhenOccluded=!1,o.step_size_visibility_delay=E;const b=parseFloat(e.get("near")||.01),C=parseFloat(e.get("vfovy")||40),w=document.querySelector(".viewspace");w.textContent="",w.appendChild(T);let A=document.createElement("canvas");T.appendChild(A),A.style.width="100%",A.style.height="100%",A.style.border=getComputedStyle(T).border,A.style.borderRadius=getComputedStyle(T).borderRadius,A.style.boxSizing=getComputedStyle(T).boxSizing,gStats=Stats(),gStats.dom.style.position="absolute",gStats.dom.style.display="none",w.appendChild(gStats.dom),gSubmodelPanel=gStats.addPanel(new Stats.Panel("SM","#0ff","#002")),gSubmodelPanel.update(getActiveSubmodelIndex()),gVMemPanel=gStats.addPanel(new Stats.Panel("MB VRAM","#0ff","#002")),gVMemPanel.update(0),gStats.showPanel(0);let v=A.getContext("webgl2",{powerPreference:"high-performance",alpha:!1,stencil:!0,precision:"highp",depth:!0,antialias:!1,desynchronized:!1,preserveDrawingBuffer:l&&"quality"===l.toLowerCase()});v.enable(v.DEPTH_TEST),v.depthFunc(v.LEQUAL),v.pixelStorei(v.UNPACK_ALIGNMENT,1),v.viewport(0,0,A.width,A.height),gRenderer=new THREE.WebGLRenderer({canvas:A,context:v}),gCamera=new THREE.PerspectiveCamera(C,Math.trunc(T.offsetWidth/a)/Math.trunc(T.offsetHeight/a),b,2e3),gCamera.updateProjectionMatrix(),window.sceneCamera=gCamera,setupProgressiveRendering(T,a),gRenderer.autoClear=!1,gRenderer.setSize(T.offsetWidth,T.offsetHeight),gRenderer.setClearColor(0,1),setupCameraControls(R,T),setupViewport(Math.trunc(T.offsetWidth/a),Math.trunc(T.offsetHeight/a)),loadScene(t,o)}let sphereAdded=!1;function renderNextFrame(e){garbageCollectSubmodelPayloads();let t=positionToSubmodel(gCamera.position,getActiveSubmodelContent().params);setCurrentRayMarchScene(t),t=getActiveSubmodelIndex();let r=getSubmodelContent(t).params;for(let e=0;e<gFrameMult;++e){gSubmodelTransform=submodelTransform(t,r),gSubmodelPanel.update(t),gVMemPanel.update(getCurrentTextureUsageInBytes()/1e6),disableCameraControls||updateCameraControls(),gBenchmark||gCamera.updateProjectionMatrix(),gCamera.updateMatrixWorld();const e=submodelCenter(t,r),a=getSubmodelScale(t);let n=(new THREE.Vector3).copy(gCamera.position);n.sub(e),n.multiplyScalar(a);let s=getRayMarchScene().children[0].material.uniforms;s.weightsZero.value&&s.weightsZero.value.dispose(),s.weightsOne.value&&s.weightsOne.value.dispose(),s.weightsTwo.value&&s.weightsTwo.value.dispose(),s.bias_0.value=trilerpDeferredMlpBiases(t,0,n),s.bias_1.value=trilerpDeferredMlpBiases(t,1,n),s.bias_2.value=trilerpDeferredMlpBiases(t,2,n),s.weightsZero.value=trilerpDeferredMlpKernel(t,0,n),s.weightsOne.value=trilerpDeferredMlpKernel(t,1,n),s.weightsTwo.value=trilerpDeferredMlpKernel(t,2,n),gRenderer.clear(),renderProgressively(),gRenderer.render(gSphereScene,gCamera)}gStats.update();let a=()=>{requestAnimationFrame(renderNextFrame)};gBenchmark&&(a=benchmarkPerformance(a)),a()}function start(){initFromParameters(),addHandlers(),gCamera&&gRenderer?(addInteractionPlane(),setupNewPlaneGizmo(newPlane),setupMouseHover(),window.addEventListener("mousemove",onMouseMove,!1),window.addEventListener("mousedown",onMouseDown,!1),window.addEventListener("mouseup",onMouseUp,!1)):console.error("gCamera ou gRenderer non initialisés.")}window.onload=start;

.history/combined.min_20241120000008.js

@@ -0,0 +1,3 @@
+//# sourceMappingURL=combined.min.js.map
+
+let DecodeStream=function(){function e(){this.pos=0,this.bufferLength=0,this.eof=!1,this.buffer=null}return e.prototype={ensureBuffer:function(e){var t=this.buffer,r=t?t.byteLength:0;if(e<r)return t;for(var a=512;a<e;)a<<=1;for(var n=new Uint8Array(a),s=0;s<r;++s)n[s]=t[s];return this.buffer=n},getByte:function(){for(var e=this.pos;this.bufferLength<=e;){if(this.eof)return null;this.readBlock()}return this.buffer[this.pos++]},getBytes:function(e){var t=this.pos;if(e){this.ensureBuffer(t+e);for(var r=t+e;!this.eof&&this.bufferLength<r;)this.readBlock();var a=this.bufferLength;r>a&&(r=a)}else{for(;!this.eof;)this.readBlock();r=this.bufferLength}return this.pos=r,this.buffer.subarray(t,r)},lookChar:function(){for(var e=this.pos;this.bufferLength<=e;){if(this.eof)return null;this.readBlock()}return String.fromCharCode(this.buffer[this.pos])},getChar:function(){for(var e=this.pos;this.bufferLength<=e;){if(this.eof)return null;this.readBlock()}return String.fromCharCode(this.buffer[this.pos++])},makeSubStream:function(e,t,r){for(var a=e+t;this.bufferLength<=a&&!this.eof;)this.readBlock();return new Stream(this.buffer,e,t,r)},skip:function(e){e||(e=1),this.pos+=e},reset:function(){this.pos=0}},e}(),FlateStream=function(){var e=new Uint32Array([16,17,18,0,8,7,9,6,10,5,11,4,12,3,13,2,14,1,15]),t=new Uint32Array([3,4,5,6,7,8,9,10,65547,65549,65551,65553,131091,131095,131099,131103,196643,196651,196659,196667,262211,262227,262243,262259,327811,327843,327875,327907,258,258,258]),r=new Uint32Array([1,2,3,4,65541,65543,131081,131085,196625,196633,262177,262193,327745,327777,393345,393409,459009,459137,524801,525057,590849,591361,657409,658433,724993,727041,794625,798721,868353,876545]),a=[new Uint32Array([459008,524368,524304,524568,459024,524400,524336,590016,459016,524384,524320,589984,524288,524416,524352,590048,459012,524376,524312,589968,459028,524408,524344,590032,459020,524392,524328,59e4,524296,524424,524360,590064,459010,524372,524308,524572,459026,524404,524340,590024,459018,524388,524324,589992,524292,524420,524356,590056,459014,524380,524316,589976,459030,524412,524348,590040,459022,524396,524332,590008,524300,524428,524364,590072,459009,524370,524306,524570,459025,524402,524338,590020,459017,524386,524322,589988,524290,524418,524354,590052,459013,524378,524314,589972,459029,524410,524346,590036,459021,524394,524330,590004,524298,524426,524362,590068,459011,524374,524310,524574,459027,524406,524342,590028,459019,524390,524326,589996,524294,524422,524358,590060,459015,524382,524318,589980,459031,524414,524350,590044,459023,524398,524334,590012,524302,524430,524366,590076,459008,524369,524305,524569,459024,524401,524337,590018,459016,524385,524321,589986,524289,524417,524353,590050,459012,524377,524313,589970,459028,524409,524345,590034,459020,524393,524329,590002,524297,524425,524361,590066,459010,524373,524309,524573,459026,524405,524341,590026,459018,524389,524325,589994,524293,524421,524357,590058,459014,524381,524317,589978,459030,524413,524349,590042,459022,524397,524333,590010,524301,524429,524365,590074,459009,524371,524307,524571,459025,524403,524339,590022,459017,524387,524323,589990,524291,524419,524355,590054,459013,524379,524315,589974,459029,524411,524347,590038,459021,524395,524331,590006,524299,524427,524363,590070,459011,524375,524311,524575,459027,524407,524343,590030,459019,524391,524327,589998,524295,524423,524359,590062,459015,524383,524319,589982,459031,524415,524351,590046,459023,524399,524335,590014,524303,524431,524367,590078,459008,524368,524304,524568,459024,524400,524336,590017,459016,524384,524320,589985,524288,524416,524352,590049,459012,524376,524312,589969,459028,524408,524344,590033,459020,524392,524328,590001,524296,524424,524360,590065,459010,524372,524308,524572,459026,524404,524340,590025,459018,524388,524324,589993,524292,524420,524356,590057,459014,524380,524316,589977,459030,524412,524348,590041,459022,524396,524332,590009,524300,524428,524364,590073,459009,524370,524306,524570,459025,524402,524338,590021,459017,524386,524322,589989,524290,524418,524354,590053,459013,524378,524314,589973,459029,524410,524346,590037,459021,524394,524330,590005,524298,524426,524362,590069,459011,524374,524310,524574,459027,524406,524342,590029,459019,524390,524326,589997,524294,524422,524358,590061,459015,524382,524318,589981,459031,524414,524350,590045,459023,524398,524334,590013,524302,524430,524366,590077,459008,524369,524305,524569,459024,524401,524337,590019,459016,524385,524321,589987,524289,524417,524353,590051,459012,524377,524313,589971,459028,524409,524345,590035,459020,524393,524329,590003,524297,524425,524361,590067,459010,524373,524309,524573,459026,524405,524341,590027,459018,524389,524325,589995,524293,524421,524357,590059,459014,524381,524317,589979,459030,524413,524349,590043,459022,524397,524333,590011,524301,524429,524365,590075,459009,524371,524307,524571,459025,524403,524339,590023,459017,524387,524323,589991,524291,524419,524355,590055,459013,524379,524315,589975,459029,524411,524347,590039,459021,524395,524331,590007,524299,524427,524363,590071,459011,524375,524311,524575,459027,524407,524343,590031,459019,524391,524327,589999,524295,524423,524359,590063,459015,524383,524319,589983,459031,524415,524351,590047,459023,524399,524335,590015,524303,524431,524367,590079]),9],n=[new Uint32Array([327680,327696,327688,327704,327684,327700,327692,327708,327682,327698,327690,327706,327686,327702,327694,0,327681,327697,327689,327705,327685,327701,327693,327709,327683,327699,327691,327707,327687,327703,327695,0]),5];function s(e){throw new Error(e)}function i(e){var t=0,r=e[t++],a=e[t++];-1!=r&&-1!=a||s("Invalid header in flate stream"),8!=(15&r)&&s("Unknown compression method in flate stream"),((r<<8)+a)%31!=0&&s("Bad FCHECK in flate stream"),32&a&&s("FDICT bit set in flate stream"),this.bytes=e,this.bytesPos=2,this.codeSize=0,this.codeBuf=0,DecodeStream.call(this)}return i.prototype=Object.create(DecodeStream.prototype),i.prototype.getBits=function(e){for(var t,r=this.codeSize,a=this.codeBuf,n=this.bytes,i=this.bytesPos;r<e;)void 0===(t=n[i++])&&s("Bad encoding in flate stream"),a|=t<<r,r+=8;return t=a&(1<<e)-1,this.codeBuf=a>>e,this.codeSize=r-=e,this.bytesPos=i,t},i.prototype.getCode=function(e){for(var t=e[0],r=e[1],a=this.codeSize,n=this.codeBuf,i=this.bytes,o=this.bytesPos;a<r;){var l;void 0===(l=i[o++])&&s("Bad encoding in flate stream"),n|=l<<a,a+=8}var c=t[n&(1<<r)-1],u=c>>16,d=65535&c;return(0==a||a<u||0==u)&&s("Bad encoding in flate stream"),this.codeBuf=n>>u,this.codeSize=a-u,this.bytesPos=o,d},i.prototype.generateHuffmanTable=function(e){for(var t=e.length,r=0,a=0;a<t;++a)e[a]>r&&(r=e[a]);for(var n=1<<r,s=new Uint32Array(n),i=1,o=0,l=2;i<=r;++i,o<<=1,l<<=1)for(var c=0;c<t;++c)if(e[c]==i){var u=0,d=o;for(a=0;a<i;++a)u=u<<1|1&d,d>>=1;for(a=u;a<n;a+=l)s[a]=i<<16|c;++o}return[s,r]},i.prototype.readBlock=function(){function i(e,t,r,a,n){for(var s=e.getBits(r)+a;s-- >0;)t[m++]=n}var o=this.getBits(3);if(1&o&&(this.eof=!0),0!=(o>>=1)){var l,c;if(1==o)l=a,c=n;else if(2==o){for(var u=this.getBits(5)+257,d=this.getBits(5)+1,p=this.getBits(4)+4,g=Array(e.length),m=0;m<p;)g[e[m++]]=this.getBits(3);for(var h=this.generateHuffmanTable(g),f=0,y=(m=0,u+d),_=new Array(y);m<y;){var T=this.getCode(h);16==T?i(this,_,2,3,f):17==T?i(this,_,3,3,f=0):18==T?i(this,_,7,11,f=0):_[m++]=f=T}l=this.generateHuffmanTable(_.slice(0,u)),c=this.generateHuffmanTable(_.slice(u,y))}else s("Unknown block type in flate stream");for(var x=(M=this.buffer)?M.length:0,S=this.bufferLength;;){var R=this.getCode(l);if(R<256)S+1>=x&&(x=(M=this.ensureBuffer(S+1)).length),M[S++]=R;else{if(256==R)return void(this.bufferLength=S);var E=(R=t[R-=257])>>16;E>0&&(E=this.getBits(E));f=(65535&R)+E;R=this.getCode(c),(E=(R=r[R])>>16)>0&&(E=this.getBits(E));var b=(65535&R)+E;S+f>=x&&(x=(M=this.ensureBuffer(S+f)).length);for(var C=0;C<f;++C,++S)M[S]=M[S-b]}}}else{var w,A=this.bytes,v=this.bytesPos;void 0===(w=A[v++])&&s("Bad block header in flate stream");var G=w;void 0===(w=A[v++])&&s("Bad block header in flate stream"),G|=w<<8,void 0===(w=A[v++])&&s("Bad block header in flate stream");var P=w;void 0===(w=A[v++])&&s("Bad block header in flate stream"),(P|=w<<8)!=(65535&~G)&&s("Bad uncompressed block length in flate stream"),this.codeBuf=0,this.codeSize=0;var D=this.bufferLength,M=this.ensureBuffer(D+G),k=D+G;this.bufferLength=k;for(var F=D;F<k;++F){if(void 0===(w=A[v++])){this.eof=!0;break}M[F]=w}this.bytesPos=v}},i}(),PNG=function(){class e{static load(t,r,a){"function"==typeof r&&(a=r);const n=new XMLHttpRequest;return n.open("GET",t,!0),n.responseType="arraybuffer",n.onload=()=>{const t=new Uint8Array(n.response||n.mozResponseArrayBuffer),s=new e(t);return"function"==typeof(r&&r.getContext)&&s.render(r),"function"==typeof a?a(s):void 0},n.send(null)}constructor(e){let t;this.data=e,this.pos=8,this.palette=[],this.imgData=[],this.transparency={},this.animation=null,this.text={};let r=null;for(;;){var a;let e=this.readUInt32(),d="";for(t=0;t<4;t++)d+=String.fromCharCode(this.data[this.pos++]);switch(d){case"IHDR":this.width=this.readUInt32(),this.height=this.readUInt32(),this.bits=this.data[this.pos++],this.colorType=this.data[this.pos++],this.compressionMethod=this.data[this.pos++],this.filterMethod=this.data[this.pos++],this.interlaceMethod=this.data[this.pos++];break;case"acTL":this.animation={numFrames:this.readUInt32(),numPlays:this.readUInt32()||1/0,frames:[]};break;case"PLTE":this.palette=this.read(e);break;case"fcTL":r&&this.animation.frames.push(r),this.pos+=4,r={width:this.readUInt32(),height:this.readUInt32(),xOffset:this.readUInt32(),yOffset:this.readUInt32()};var n=this.readUInt16(),s=this.readUInt16()||100;r.delay=1e3*n/s,r.disposeOp=this.data[this.pos++],r.blendOp=this.data[this.pos++],r.data=[];break;case"IDAT":case"fdAT":for("fdAT"===d&&(this.pos+=4,e-=4),a=r&&r.data||this.imgData,t=0;t<e;t++)a.push(this.data[this.pos++]);break;case"tRNS":switch(this.transparency={},this.colorType){case 3:this.transparency.indexed=this.read(e);var i=255-this.transparency.indexed.length;if(i>0)for(t=0;t<i;t++)this.transparency.indexed.push(255);break;case 0:this.transparency.grayscale=this.read(e)[0];break;case 2:this.transparency.rgb=this.read(e)}break;case"tEXt":var o=this.read(e),l=o.indexOf(0),c=String.fromCharCode.apply(String,o.slice(0,l));this.text[c]=String.fromCharCode.apply(String,o.slice(l+1));break;case"IEND":switch(r&&this.animation.frames.push(r),this.colorType){case 0:case 3:case 4:this.colors=1;break;case 2:case 6:this.colors=3}this.hasAlphaChannel=[4,6].includes(this.colorType);var u=this.colors+(this.hasAlphaChannel?1:0);switch(this.pixelBitlength=this.bits*u,this.colors){case 1:this.colorSpace="DeviceGray";break;case 3:this.colorSpace="DeviceRGB"}return void(this.imgData=new Uint8Array(this.imgData));default:this.pos+=e}if(this.pos+=4,this.pos>this.data.length)throw new Error("Incomplete or corrupt PNG file")}}read(e){const t=new Array(e);for(let r=0;r<e;r++)t[r]=this.data[this.pos++];return t}readUInt32(){return this.data[this.pos++]<<24|this.data[this.pos++]<<16|this.data[this.pos++]<<8|this.data[this.pos++]}readUInt16(){return this.data[this.pos++]<<8|this.data[this.pos++]}decodePixels(e){if(null==e&&(e=this.imgData),0===e.length)return new Uint8Array(0);e=(e=new FlateStream(e)).getBytes();const{width:t,height:r}=this,a=this.pixelBitlength/8,n=new Uint8Array(t*r*a),{length:s}=e;let i=0;function o(o,l,c,u,d=!1){const p=Math.ceil((t-o)/c),g=Math.ceil((r-l)/u),m=a*p,h=d?n:new Uint8Array(m*g);let f=0,y=0;for(;f<g&&i<s;){var _,T,x,S,R;switch(e[i++]){case 0:for(x=0;x<m;x++)h[y++]=e[i++];break;case 1:for(x=0;x<m;x++)_=e[i++],S=x<a?0:h[y-a],h[y++]=(_+S)%256;break;case 2:for(x=0;x<m;x++)_=e[i++],T=(x-x%a)/a,R=f&&h[(f-1)*m+T*a+x%a],h[y++]=(R+_)%256;break;case 3:for(x=0;x<m;x++)_=e[i++],T=(x-x%a)/a,S=x<a?0:h[y-a],R=f&&h[(f-1)*m+T*a+x%a],h[y++]=(_+Math.floor((S+R)/2))%256;break;case 4:for(x=0;x<m;x++){var E,b;_=e[i++],T=(x-x%a)/a,S=x<a?0:h[y-a],0===f?R=b=0:(R=h[(f-1)*m+T*a+x%a],b=T&&h[(f-1)*m+(T-1)*a+x%a]);const t=S+R-b,r=Math.abs(t-S),n=Math.abs(t-R),s=Math.abs(t-b);E=r<=n&&r<=s?S:n<=s?R:b,h[y++]=(_+E)%256}break;default:throw new Error(`Invalid filter algorithm: ${e[i-1]}`)}if(!d){let e=((l+f*u)*t+o)*a,r=f*m;for(x=0;x<p;x++){for(let t=0;t<a;t++)n[e++]=h[r++];e+=(c-1)*a}}f++}}return 1===this.interlaceMethod?(o(0,0,8,8),o(4,0,8,8),o(0,4,4,8),o(2,0,4,4),o(0,2,2,4),o(1,0,2,2),o(0,1,1,2)):o(0,0,1,1,!0),n}decodePalette(){const{palette:e}=this,{length:t}=e,r=this.transparency.indexed||[],a=new Uint8Array((r.length||0)+t);let n=0,s=0;for(let o=0;o<t;o+=3){var i;a[n++]=e[o],a[n++]=e[o+1],a[n++]=e[o+2],a[n++]=null!=(i=r[s++])?i:255}return a}copyToImageData(e,t){let r,a,{colors:n}=this,s=null,i=this.hasAlphaChannel;this.palette.length&&(s=this._decodedPalette||(this._decodedPalette=this.decodePalette()),n=4,i=!0);const o=e.data||e,{length:l}=o,c=s||t;let u=r=0;if(1===n)for(;u<l;){a=s?4*t[u/4]:r;const e=c[a++];o[u++]=e,o[u++]=e,o[u++]=e,o[u++]=i?c[a++]:255,r=a}else for(;u<l;)a=s?4*t[u/4]:r,o[u++]=c[a++],o[u++]=c[a++],o[u++]=c[a++],o[u++]=i?c[a++]:255,r=a}decode(){const e=new Uint8Array(this.width*this.height*4);return this.copyToImageData(e,this.decodePixels()),e}renderFrame(e,t){const{frames:r}=this.animation,a=r[t],n=r[t-1];return 0===t&&e.clearRect(0,0,this.width,this.height),1===(n&&n.disposeOp)?e.clearRect(n.xOffset,n.yOffset,n.width,n.height):2===(n&&n.disposeOp)&&e.putImageData(n.imageData,n.xOffset,n.yOffset),0===a.blendOp&&e.clearRect(a.xOffset,a.yOffset,a.width,a.height),e.drawImage(a.image,a.xOffset,a.yOffset)}animate(e){let t=0;const{numFrames:r,frames:a,numPlays:n}=this.animation,s=()=>{const i=t++%r,o=a[i];this.renderFrame(e,i),r>1&&t/r<n&&(this.animation._timeout=setTimeout(s,o.delay))};s()}stopAnimation(){return clearTimeout(this.animation&&this.animation._timeout)}render(e){e._png&&e._png.stopAnimation(),e._png=this,e.width=this.width,e.height=this.height;const t=e.getContext("2d");if(this.animation)return this.decodeFrames(t),this.animate(t);{const e=t.createImageData(this.width,this.height);return this.copyToImageData(e,this.decodePixels()),t.putImageData(e,0,0)}}}return e}();function createSceneSpec(e){return{assetType:"scene",occupancyGridsSpec:createOccupancyGridsSpec(e),distanceGridsSpec:createDistanceGridsSpec(e),triplaneSpec:createTriplaneSpec(e),sparseGridSpec:createSparseGridSpec(e)}}function createOccupancyGridsSpec(e){let t=[8,16,32,64,128];return e.useBits&&(t=[8,32,128]),e.useDistanceGrid&&(t=[8]),{assetType:"occupancy_grids",gridSpecs:t.map((t=>createOccupancyGridSpec(e,"occupancy_grid",t))),blockSizes:t}}function createDistanceGridsSpec(e){if(!e.useDistanceGrid)return{assetType:"distance_grids",gridSpecs:[],blockSizes:[]};return{assetType:"distance_grids",gridSpecs:[createOccupancyGridSpec(e,"distance_grid",8)],blockSizes:[8]}}function createSparseGridSpec(e){e.export_array_format;let t=getFieldOrDefault(e,"export_store_rgb_and_density_separately",!1),r={assetType:"sparse_grid",blockIndicesSpec:createSparseGridBlockIndicesSpec(e),separateRgbAndDensity:t};return t?(r.rgbSpec=createSparseGridAssetSpec(e,"sparse_grid_rgb",3),r.densitySpec=createSparseGridAssetSpec(e,"sparse_grid_density",2),r.featuresSpec=createSparseGridAssetSpec(e,"sparse_grid_features",3)):(r.rgbAndDensitySpec=createSparseGridAssetSpec(e,"sparse_grid_rgb_and_density",4),r.featuresSpec=createSparseGridAssetSpec(e,"sparse_grid_features",4)),r}function createSparseGridBlockIndicesSpec(e){const t=e.export_array_format||"png";let r=e.sparse_grid_resolution/e.data_block_size;return{assetType:"sparse_grid_block_indices",filename:`sparse_grid_block_indices.${t}`,shape:[r,r,r],numChannels:3}}function createSparseGridAssetSpec(e,t,r){const a=e.export_array_format||"png";let n=e.num_slices,s=e.atlas_width,i=e.atlas_height,o=e.atlas_depth,l=Math.ceil(o/n),c=[];for(let e=0;e<n;++e){const o=digits(e,3);filename=`${t}_${o}.${a}`,c.push({assetType:`${t}_slice`,shape:[s,i,l],numChannels:r,sliceIndex:e,numSlices:n,filename:filename})}return{assetType:`${t}_slices`,shape:[s,i,o],numChannels:r,sliceSpecs:c,numSlices:n,mergeSlices:getMergeSlices(e)}}function createOccupancyGridSpec(e,t,r){const a=e.export_array_format||"png",n=e.triplane_resolution,s=e.triplane_voxel_size,i=Math.ceil(n/r),o=s*r;const l=getFieldOrDefault(e,"export_slice_occupancy_and_distance_grids",!0)&&i>256;let c=getFieldOrDefault(e,"export_pad_occupancy_and_distance_grids",!0)?4:1,u=[];if(e.legacyGrids||!l){let n=`${t}_${r}.${a}`;e.legacyGrids||(n=`${t}_${r}_000.${a}`),u.push({assetType:`${t}_slice`,shape:[i,i,i],numChannels:c,sliceIndex:0,numSlices:1,filename:n})}else{const e=Math.ceil(i/8);for(let n=0;n<8;++n){let s=`${t}_${r}_${digits(n,3)}.${a}`;u.push({assetType:`${t}_slice`,shape:[i,i,e],numChannels:c,sliceIndex:n,numSlices:8,filename:s})}}return{assetType:`${t}_slices`,shape:[i,i,i],numChannels:c,voxelSize:o,blockSize:r,sliceSpecs:u,numSlices:8,mergeSlices:getMergeSlices(e)}}function createTriplaneSpec(e){const t=e.triplane_resolution;let r={assetType:"triplane",shape:[t,t,3],numSlices:3,voxelSize:e.triplane_voxel_size,separateRgbAndDensity:getFieldOrDefault(e,"export_store_rgb_and_density_separately",!1),featuresSpec:createTriplaneSlicesSpec(e,"triplane_features",4)};return r.separateRgbAndDensity?(r.rgbSpec=createTriplaneSlicesSpec(e,"triplane_rgb",3),r.densitySpec=createTriplaneSlicesSpec(e,"triplane_density",1)):r.rgbAndDensitySpec=createTriplaneSlicesSpec(e,"triplane_rgb_and_density",4),r}function createTriplaneSlicesSpec(e,t,r){const a=e.triplane_resolution;return{assetType:`${t}_slices`,shape:[a,a,3],numChannels:r,numSlices:3,mergeSlices:getMergeSlices(e),sliceSpecs:range(3).map((a=>createPlaneSliceSpec(e,t,r,a)))}}function createPlaneSliceSpec(e,t,r,a){const n=e.export_array_format||"png",s=e.triplane_resolution;let i=t.replace(/^triplane_/,"plane_");return{assetType:`${t}_slice`,shape:[s,s,1],numChannels:r,sliceIndex:a,numSlices:3,filename:`${i}_${a}.${n}`}}function getMergeSlices(e){const t=getFieldOrDefault(e,"export_store_rgb_and_density_separately",!1),r=getFieldOrDefault(e,"merge_slices",!t);if(!t&&!r)throw new Error('Slices must be merged when using "rgb_and_density" images. Please re-export with export_store_rgb_and_density_separately=true and try again.');return r&&t}const baseGoogleApiUrl="https://firebasestorage.googleapis.com/v0/b/test3-2d896.appspot.com/o";let gcsToken=null;function fetchGcsToken(){return gcsToken||(gcsToken=fetch("http://localhost:3001/get-gcs-token").then((e=>{if(!e.ok)throw new Error(`Erreur lors de la récupération du jeton GCS: ${e.status}`);return e.json()})).then((e=>(gcsToken=e.token,setTimeout((()=>{gcsToken=null}),84e4),gcsToken))).catch((e=>{throw console.error("Erreur lors de la récupération du jeton GCS:",e),gcsToken=null,e})),gcsTokenPromise)}function fetchScene(e,t){return{...e,occupancyGridsAsset:fetchAsset(e.occupancyGridsSpec,t),distanceGridsAsset:fetchAsset(e.distanceGridsSpec,t),triplaneAsset:fetchAsset(e.triplaneSpec,t),sparseGridAsset:fetchAsset(e.sparseGridSpec,t)}}function fetchOccupancyGrids(e,t){let r=e.gridSpecs.map((e=>fetchAsset(e,t)));return{...e,gridAssets:r}}function fetchSlices(e,t){let r=e.sliceSpecs.map((e=>fetchAsset(e,t)));return{...e,sliceAssets:r}}function fetchTriplane(e,t){let r={...e,featuresAsset:fetchAsset(e.featuresSpec,t)};return e.separateRgbAndDensity?(r.rgbAsset=fetchAsset(e.rgbSpec,t),r.densityAsset=fetchAsset(e.densitySpec,t)):r.rgbAndDensityAsset=fetchAsset(e.rgbAndDensitySpec,t),r}function fetchArray(e,t){const r=t.dirUrl;if("string"!=typeof r)throw console.error("dirUrl is not a valid string:",r),new Error("dirUrl must be a valid string");if(!e.filename)throw console.error("Spec missing filename:",e),new Error("Spec must contain a valid filename");const a=cleanPath(r),n=e.filename.endsWith(".gz")?e.filename.slice(0,-3):e.filename,s=encodeURIComponent(a),i=`${baseGoogleApiUrl}/users%2Fvisite_3D%2F${s}%2F${n}?alt=media&token=${gcsToken}`;console.log("Fetching from URL:",i);const o=loadAsset(i).then(validateSize(e)).then(onImageLoaded);return{...e,asset:o}}function validateSize(e){return t=>{const r=product(e.shape)*e.numChannels;return console.assert(t.length===r,`Size mismatch for ${e.filename}`,e,t),t}}function cleanPath(e){const t=e.split("/"),r=[];for(let e=0;e<t.length;e++)".."===t[e]?r.length&&r.pop():"."!==t[e]&&""!==t[e]&&r.push(t[e]);return r.join("/")}function fetchSparseGrid(e,t){let r={...e,blockIndicesAsset:fetchAsset(e.blockIndicesSpec,t),featuresAsset:fetchAsset(e.featuresSpec,t)};return e.separateRgbAndDensity?(r.rgbAsset=fetchAsset(e.rgbSpec,t),r.densityAsset=fetchAsset(e.densitySpec,t)):r.rgbAndDensityAsset=fetchAsset(e.rgbAndDensitySpec,t),r}function notImplementedError(e,t){console.error(`${e.assetType} is not yet implemented`,e)}const gFetchRegistry={scene:fetchScene,triplane:fetchTriplane,triplane_rgb_and_density_slices:fetchSlices,triplane_rgb_and_density_slice:fetchArray,triplane_rgb_slices:fetchSlices,triplane_rgb_slice:fetchArray,triplane_density_slices:fetchSlices,triplane_density_slice:fetchArray,triplane_features_slices:fetchSlices,triplane_features_slice:fetchArray,distance_grids:fetchOccupancyGrids,distance_grid_slices:fetchSlices,distance_grid_slice:fetchArray,occupancy_grids:fetchOccupancyGrids,occupancy_grid_slices:fetchSlices,occupancy_grid_slice:fetchArray,sparse_grid:fetchSparseGrid,sparse_grid_block_indices:fetchArray,sparse_grid_rgb_and_density_slices:fetchSlices,sparse_grid_rgb_and_density_slice:fetchArray,sparse_grid_rgb_slices:fetchSlices,sparse_grid_rgb_slice:fetchArray,sparse_grid_density_slices:fetchSlices,sparse_grid_density_slice:fetchArray,sparse_grid_features_slices:fetchSlices,sparse_grid_features_slice:fetchArray};function fetchAsset(e,t){let r=gFetchRegistry[e.assetType];return null==r&&console.error(`Failed to find fetchFn for assetType ${e.assetType}`,e),r(e,t)}function createEmptyVolumeTexture(e,t,r,a,n){let s=new THREE.DataTexture3D(null,e,t,r);return s.internalFormat=getInternalFormat(a),s.format=a,s.generateMipmaps=!1,s.magFilter=s.minFilter=n,s.wrapS=s.wrapT=s.wrapR=THREE.ClampToEdgeWrapping,s.type=THREE.UnsignedByteType,s.unpackAlignment=1,gRenderer.initTexture(s),s}function createEmptyTriplaneTextureArray(e,t,r,a){let n=new THREE.DataTexture2DArray(null,e,t,r);return n.internalFormat=getInternalFormat(a),n.format=a,n.generateMipmaps=!1,n.magFilter=n.minFilter=THREE.LinearFilter,n.wrapS=n.wrapT=n.wrapR=THREE.ClampToEdgeWrapping,n.type=THREE.UnsignedByteType,n.unpackAlignment=1,gRenderer.initTexture(n),n}function getInternalFormat(e){if(e==THREE.RedFormat)return"R8";if(e==THREE.LuminanceAlphaFormat)return"LUMINANCE_ALPHA";if(e==THREE.RGBFormat)return"RGB";if(e==THREE.RGBAFormat)return"RGBA";throw new Error(`Unrecognized THREE.js format: ${e}`)}function createEmptySceneTexture(e){return{textureType:"scene",occupancyGridsTexture:createEmptyTexture(e.occupancyGridsSpec),distanceGridsTexture:createEmptyTexture(e.distanceGridsSpec),triplaneTexture:createEmptyTexture(e.triplaneSpec),sparseGridTexture:createEmptyTexture(e.sparseGridSpec)}}function createEmptyOccupancyGridsTexture(e){return{textureType:e.assetType.replace(/_slices$/,""),gridTextures:e.gridSpecs.map(createEmptyTexture)}}function createEmptyOccupancyGridTexture(e){return{textureType:e.assetType.replace(/_slices$/,""),texture:createEmptyVolumeTexture(...e.shape,THREE.RedFormat,THREE.NearestFilter)}}function createEmptyTriplaneTexture(e){let t={textureType:"triplane",featuresTexture:createEmptyTexture(e.featuresSpec)};if(e.separateRgbAndDensity)t.rgbTexture=createEmptyTexture(e.rgbSpec),t.densityTexture=createEmptyTexture(e.densitySpec);else{let r=e.rgbAndDensitySpec.shape;t.rgbTexture=createEmptyTexture({assetType:"triplane_rgb_slices",shape:r}),t.densityTexture=createEmptyTexture({assetType:"triplane_density_slices",shape:r})}return t}function createEmptyTriplaneSlicesTexture(e){let t=e.assetType.replace(/_slices$/,""),r={triplane_density:THREE.RedFormat,triplane_rgb:THREE.RGBFormat,triplane_features:THREE.RGBAFormat}[t];return console.assert(null!=r,e),{textureType:t,texture:createEmptyTriplaneTextureArray(...e.shape,r)}}function createEmptySparseGridTexture(e){let t=(e,t)=>createEmptyVolumeTexture(...e.shape,t,THREE.LinearFilter),r=e.separateRgbAndDensity?e.rgbSpec:e.rgbAndDensitySpec,a=e.separateRgbAndDensity?e.densitySpec:e.rgbAndDensitySpec,n=t(r,THREE.RGBFormat),s=t(a,THREE.LuminanceAlphaFormat),i=t(e.featuresSpec,THREE.RGBFormat);return{textureType:"sparse_grid",blockIndicesTexture:{textureType:"sparse_grid_block_indices",texture:createEmptyVolumeTexture(...e.blockIndicesSpec.shape,THREE.RGBFormat,THREE.NearestFilter)},rgbTexture:{textureType:"sparse_grid_rgb",texture:n},densityTexture:{textureType:"sparse_grid_density",texture:s},featuresTexture:{textureType:"sparse_grid_features",texture:i}}}const gCreateEmptyTextureRegistry={scene:createEmptySceneTexture,triplane:createEmptyTriplaneTexture,triplane_rgb_slices:createEmptyTriplaneSlicesTexture,triplane_density_slices:createEmptyTriplaneSlicesTexture,triplane_features_slices:createEmptyTriplaneSlicesTexture,distance_grids:createEmptyOccupancyGridsTexture,distance_grid_slices:createEmptyOccupancyGridTexture,occupancy_grids:createEmptyOccupancyGridsTexture,occupancy_grid_slices:createEmptyOccupancyGridTexture,sparse_grid:createEmptySparseGridTexture};function createEmptyTexture(e){let t=gCreateEmptyTextureRegistry[e.assetType];return null==t&&console.error(`Failed to find loadFn for assetType ${e.assetType}`,e),t(e)}function prepareScenePayload(e){return{textureType:"scene",occupancyGridsPayload:prepareTexturePayload(e.occupancyGridsAsset),distanceGridsPayload:prepareTexturePayload(e.distanceGridsAsset),triplanePayload:prepareTexturePayload(e.triplaneAsset),sparseGridPayload:prepareTexturePayload(e.sparseGridAsset)}}function prepareOccupancyGridsPayload(e){return{textureType:e.assetType,gridPayloads:e.gridAssets.map(prepareTexturePayload)}}function prepareOccupancyGridPayload(e){return e.mergeSlices?prepareOccupancyGridMergedPayload(e):prepareOccupancyGridSlicesPayload(e)}function prepareOccupancyGridMergedPayload(e){return console.assert(e.assetType.endsWith("_slices"),e),{textureType:e.assetType.replace(/_slices$/,""),shape:e.shape,numChannels:e.numChannels,payload:mergeSlices(e,{1:GridTextureSource.RED_FROM_RED,4:GridTextureSource.ALPHA_FROM_RGBA}[e.numChannels],GridTextureDestination.RED_IN_RED)}}function prepareOccupancyGridSlicesPayload(e){return console.assert(e.assetType.endsWith("_slices"),e),{textureType:e.assetType.replace(/_slices$/,""),shape:e.shape,numChannels:e.numChannels,slicePayloads:e.sliceAssets.map(prepareTexturePayload)}}function prepareOccupancyGridSlicePayload(e){console.assert(e.assetType.endsWith("_slice"),e);let t=null;if(1==e.numChannels)t=e.asset;else{if(4!=e.numChannels)throw new Error("Unrecognized number of input channels",e);t=mergeSlices({shape:e.shape,numSlices:1,sliceAssets:[{...e,sliceIndex:0,numSlices:1}]},GridTextureSource.ALPHA_FROM_RGBA,GridTextureDestination.RED_IN_RED)}return{textureType:e.assetType,shape:e.shape,numChannels:e.numChannels,sliceIndex:e.sliceIndex,numSlices:e.numSlices,payload:t}}function prepareTriplanePayload(e){let t={textureType:"triplane",featuresPayload:preparePlanePayload(e.featuresAsset,"triplane_features",GridTextureSource.RGBA_FROM_RGBA,GridTextureDestination.RGBA_IN_RGBA)};return e.separateRgbAndDensity?(t.rgbPayload=preparePlanePayload(e.rgbAsset,"triplane_rgb",GridTextureSource.RGB_FROM_RGB,GridTextureDestination.RGB_IN_RGB),t.densityPayload=preparePlanePayload(e.densityAsset,"triplane_density",GridTextureSource.RED_FROM_RED,GridTextureDestination.RED_IN_RED)):(t.rgbPayload=preparePlanePayload(e.rgbAndDensityAsset,"triplane_rgb",GridTextureSource.RGB_FROM_RGBA,GridTextureDestination.RGB_IN_RGB),t.densityPayload=preparePlanePayload(e.rgbAndDensityAsset,"triplane_density",GridTextureSource.ALPHA_FROM_RGBA,GridTextureDestination.RED_IN_RED)),t}function preparePlanePayload(e,t,r,a){let n={textureType:t,shape:e.shape,numChannels:e.numChannels};return e.mergeSlices?n.payload=mergeSlices(e,r,a):n.slicePayloads=e.sliceAssets.map((e=>preparePlaneSlicePayload(e,r,a))),n}function preparePlaneSlicePayload(e,t,r){let a=null;return a=t.format==r.format&&t.channels==r.channels?e.asset:mergeSlices({shape:e.shape,numSlices:1,sliceAssets:[{...e,sliceIndex:0,numSlices:1}]},t,r),{textureType:e.assetType,shape:e.shape,sliceIndex:e.sliceIndex,numSlices:e.numSlices,numChannels:e.numChannels,payload:a}}function prepareArrayPayload(e){return{textureType:e.assetType,payload:e.asset,shape:e.shape,numChannels:e.numChannels}}function prepareSparseGridPayload(e){let t={textureType:"sparse_grid",blockIndicesPayload:prepareTexturePayload(e.blockIndicesAsset),featuresPayload:prepareTexturePayload(e.featuresAsset)};return e.separateRgbAndDensity?(t.rgbPayload=prepareTexturePayload(e.rgbAsset),t.densityPayload=prepareTexturePayload(e.densityAsset)):(t.rgbPayload=prepareTexturePayload(e.rgbAndDensityAsset),t.densityPayload=prepareSparseGridDensityPayload(e)),t}function prepareSparseGridGenericPayload(e){return e.mergeSlices?prepareSparseGridGenericMergedPayload(e):prepareSparseGridGenericSlicesPayload(e)}function prepareSparseGridGenericMergedPayload(e){let t=e.assetType.replace(/_slices$/,"");t.includes("rgb_and_density")&&(t=t.replace(/rgb_and_density$/,"rgb"));let r={2:GridTextureSource.LA_FROM_LUMINANCE_ALPHA,3:GridTextureSource.RGB_FROM_RGB,4:GridTextureSource.RGB_FROM_RGBA},a={2:GridTextureDestination.LA_IN_LUMINANCE_ALPHA,3:GridTextureDestination.RGB_IN_RGB,4:GridTextureDestination.RGB_IN_RGB},n=mergeSlices(e,r[e.numChannels],a[e.numChannels]);return{textureType:t,shape:e.shape,numChannels:e.numChannels,payload:n}}function prepareSparseGridGenericSlicesPayload(e){let t=e.assetType.replace(/_slices$/,"");return t.includes("rgb_and_density")&&(t=t.replace(/rgb_and_density$/,"rgb")),{textureType:t,shape:e.shape,numChannels:e.numChannels,numSlices:e.numSlices,slicePayloads:e.sliceAssets.map(prepareTexturePayload)}}function prepareSparseGridGenericSlicePayload(e){let t=e.assetType,r=null;if("sparse_grid_rgb_slice"==t&&3==e.numChannels||"sparse_grid_density_slice"==t&&2==e.numChannels||"sparse_grid_features_slice"==t&&3==e.numChannels)r=e.asset;else{let t={2:GridTextureSource.LA_FROM_LUMINANCE_ALPHA,3:GridTextureSource.RGB_FROM_RGB,4:GridTextureSource.RGB_FROM_RGBA},a={2:GridTextureDestination.LA_IN_LUMINANCE_ALPHA,3:GridTextureDestination.RGB_IN_RGB,4:GridTextureDestination.RGB_IN_RGB};r=mergeSlices({shape:e.shape,numSlices:1,sliceAssets:[{...e,sliceIndex:0,numSlices:1}]},t[e.numChannels],a[e.numChannels])}let a=t;return a.includes("rgb_and_density")&&(a=a.replace(/_rgb_and_density$/,"rgb")),{textureType:a,shape:e.shape,numChannels:e.numChannels,sliceIndex:e.sliceIndex,numSlices:e.numSlices,payload:r}}function prepareSparseGridDensityPayload(e){return{textureType:"sparse_grid_density",shape:e.rgbAndDensityAsset.shape,numChannels:2,payload:mergeSparseGridDensity(e)}}const gPrepareTexturePayloadRegistry={scene:prepareScenePayload,triplane:prepareTriplanePayload,distance_grids:prepareOccupancyGridsPayload,distance_grid_slices:prepareOccupancyGridPayload,distance_grid_slice:prepareOccupancyGridSlicePayload,occupancy_grids:prepareOccupancyGridsPayload,occupancy_grid_slices:prepareOccupancyGridPayload,occupancy_grid_slice:prepareOccupancyGridSlicePayload,sparse_grid:prepareSparseGridPayload,sparse_grid_block_indices:prepareArrayPayload,sparse_grid_rgb_and_density_slices:prepareSparseGridGenericPayload,sparse_grid_rgb_and_density_slice:prepareSparseGridGenericSlicePayload,sparse_grid_rgb_slices:prepareSparseGridGenericPayload,sparse_grid_rgb_slice:prepareSparseGridGenericSlicePayload,sparse_grid_density_slices:prepareSparseGridGenericPayload,sparse_grid_density_slice:prepareSparseGridGenericSlicePayload,sparse_grid_features_slices:prepareSparseGridGenericPayload,sparse_grid_features_slice:prepareSparseGridGenericSlicePayload};function prepareTexturePayload(e){let t=gPrepareTexturePayloadRegistry[e.assetType];return null==t&&console.error(`Failed to find loadFn for assetType ${e.assetType}`,e),t(e)}function populateScene(e,t){let r=[populateTexture(e.occupancyGridsTexture,t.occupancyGridsPayload),populateTexture(e.distanceGridsTexture,t.distanceGridsPayload),populateTexture(e.triplaneTexture,t.triplanePayload),populateTexture(e.sparseGridTexture,t.sparseGridPayload)];return Promise.all(r)}function populateOccupancyGridsTexture(e,t){console.assert(e.gridTextures.length==t.gridPayloads.length,e,t);let r=range(e.gridTextures.length).map((r=>populateTexture(e.gridTextures[r],t.gridPayloads[r])));return Promise.all(r)}function populateSparseGridTexture(e,t){let r=[populateTexture(e.blockIndicesTexture,t.blockIndicesPayload),populateTexture(e.rgbTexture,t.rgbPayload),populateTexture(e.densityTexture,t.densityPayload),populateTexture(e.featuresTexture,t.featuresPayload)];return Promise.all(r)}function populateTriplaneTexture(e,t){return Promise.all([populateTexture(e.rgbTexture,t.rgbPayload),populateTexture(e.densityTexture,t.densityPayload),populateTexture(e.featuresTexture,t.featuresPayload)])}async function populateArrayTexture(e,t){if(null==t.payload)throw new Error("Unclear how to ingest payload",e,t);e.texture.image.data=await t.payload,e.texture.needsUpdate=!0}function populateArrayTextureWithWebGL(e,t){if(null!=t.payload)return populateArrayTextureMergedWithWebGL(e,t);if(null!=t.slicePayloads){let r=t.slicePayloads.map((t=>populateArrayTextureSliceWithWebGL(e,t)));return Promise.all(r)}throw new Error("Unclear how to ingest payload",e,t)}async function populateArrayTextureSliceWithWebGL(e,t){let r=gRenderer.getContext();const a=t.shape[0],n=t.shape[1],s=t.shape[2],i=t.sliceIndex;let o=e.texture.format,{glFormat:l,glInternalFormat:c,numChannels:u}=threeFormatToOpenGLFormat(r,o),d=await t.payload;let p,g,m=gRenderer.properties.get(e.texture).__webglTexture;console.assert(null!=m,e),e.texture instanceof THREE.DataTexture3D?(p=r.TEXTURE_BINDING_3D,g=r.TEXTURE_3D):e.texture instanceof THREE.DataTexture2DArray&&(p=r.TEXTURE_BINDING_2D_ARRAY,g=r.TEXTURE_2D_ARRAY);let h=r.getParameter(p);r.bindTexture(g,m);performance.mark(`${e.textureType}-start`);r.texSubImage3D(g,0,0,0,i*s,a,n,s,l,r.UNSIGNED_BYTE,d,0);performance.mark(`${e.textureType}-end`);performance.measure(`${e.textureType}-duration`,`${e.textureType}-start`,`${e.textureType}-end`),r.bindTexture(g,h)}async function populateArrayTextureMergedWithWebGL(e,t){return populateArrayTextureSliceWithWebGL(e,{...t,sliceIndex:0,numSlices:1})}function threeFormatToOpenGLFormat(e,t){if(t==THREE.RGBAFormat)return{numChannels:4,glFormat:e.RGBA,glInternalFormat:e.RGBA};if(t==THREE.RGBFormat)return{numChannels:3,glFormat:e.RGB,glInternalFormat:e.RGB};if(t==THREE.LuminanceAlphaFormat)return{numChannels:2,glFormat:e.LUMINANCE_ALPHA,glInternalFormat:e.LUMINANCE_ALPHA};if(t==THREE.RedFormat)return{numChannels:1,glFormat:e.RED,glInternalFormat:e.R8};throw new Error(`Unrecognized three format: ${t}`)}const gPopulateTextureRegistry={scene:populateScene,triplane:populateTriplaneTexture,triplane_rgb:populateArrayTextureWithWebGL,triplane_density:populateArrayTextureWithWebGL,triplane_features:populateArrayTextureWithWebGL,distance_grids:populateOccupancyGridsTexture,distance_grid:populateArrayTextureWithWebGL,occupancy_grids:populateOccupancyGridsTexture,occupancy_grid:populateArrayTextureWithWebGL,sparse_grid:populateSparseGridTexture,sparse_grid_block_indices:populateArrayTextureWithWebGL,sparse_grid_rgb:populateArrayTextureWithWebGL,sparse_grid_density:populateArrayTextureWithWebGL,sparse_grid_features:populateArrayTextureWithWebGL};function populateTexture(e,t){let r=gPopulateTextureRegistry[e.textureType];return null==r&&console.error(`Failed to find loadFn for assetType ${e.textureType}`,e),r(e,t)}const NEEDS_NEW_SUBMODEL=-1,LOADING=0,READY=1;let gSubmodelSceneContents={},gSubmodelCacheSize=10,gRayMarchTextureBuffers=[{si:0,state:-1,texture:null},{si:0,state:-1,texture:null}],gActiveRayMarchTextureBuffer=0,gRayMarchScene=null;function getRayMarchScene(){if(null==gRayMarchScene)throw new Error("gRayMarchScene has not been initialized yet!");return gRayMarchScene}function getActiveSubmodelIndex(){return gRayMarchTextureBuffers[gActiveRayMarchTextureBuffer].si}function getActiveSubmodelContent(){return getSubmodelContent(getActiveSubmodelIndex())}function getSubmodelScale(e){return getSubmodelContent(e).params.submodel_scale}function getSubmodelScaleFactor(e){let t=getSubmodelContent(e);return getSubmodelScale(e)/Math.cbrt(t.params.num_submodels)}function getSubmodelContent(e){return gSubmodelSceneContents[e]}function registerSubmodelContent(e,t){gSubmodelSceneContents[e]=t}function getDeferredMlp(){return console.assert(null!=gDeferredMlp),gDeferredMlp}function registerDeferredMlp(e){validateDeferredMlp(e),gDeferredMlp=e}function getCurrentTextureUsageInBytes(){let e=0;for(rmtb of gRayMarchTextureBuffers)e+=getTextureSizeInBytes(rmtb.texture);return e}function setCurrentRayMarchScene(e){let t=gActiveRayMarchTextureBuffer,r=gRayMarchTextureBuffers[t],a=(t+1)%2,n=gRayMarchTextureBuffers[a];if(null==getSubmodelContent(e))return Promise.resolve();if(getSubmodelContent(e).lastTouched=Date.now(),e==r.si&&r.state>=0)return Promise.resolve();if(e==n.si&&1==n.state){return console.log(`Switching to buffer ${a} for submodel #${e}`),setTextureUniforms(getSubmodelContent(e).params,n.texture),gActiveRayMarchTextureBuffer=a,Promise.resolve()}return n.state>=0&&n.state<1?Promise.resolve():(console.log(`Preparing texture buffer #${a} for submodel #${e}`),n.si=e,n.state=0,Promise.resolve().then((()=>{reinitializeSparseGridTextures(n);let e=getSubmodelContent(n.si);if(null==e.payload){console.log(`Fetching assets for submodel #${n.si}`);let t=prepareTexturePayload(fetchAsset(e.spec,e.router));e.payload=t}return console.log(`Populating textures for submodel #${n.si} into buffer #${a}`),populateTexture(n.texture,e.payload)})).then((()=>{n.state=1,console.log(`Submodel #${n.si} is ready for rendering`),hideLoading()})))}function garbageCollectSubmodelPayloads(){let e=[];for(let t of Object.keys(gSubmodelSceneContents)){let r=getSubmodelContent(t);null!=r.payload&&e.push({lastTouched:r.lastTouched||0,si:t})}e.sort(((e,t)=>e.lastTouched-t.lastTouched));for(let t=0;t<e.length-gSubmodelCacheSize;++t){let r=e[t].si;console.log(`Deleting payload for submodel #${r}`),getSubmodelContent(r).payload=null}}function initializeSceneContent(e,t){return{spec:createSceneSpec(e),params:e,router:t,payload:null}}function reinitializeSparseGridTextures(e){let t=e.texture.sparseGridTexture;t.blockIndicesTexture.texture.dispose(),t.rgbTexture.texture.dispose(),t.densityTexture.texture.dispose(),t.featuresTexture.texture.dispose();let r=getSubmodelContent(e.si).spec.sparseGridSpec;e.texture.sparseGridTexture=createEmptyTexture(r)}async function initializePingPongBuffers(e){let t=getSubmodelContent(e);gRayMarchScene=await initializeRayMarchScene(e,t);for(let e of gRayMarchTextureBuffers)e.texture=createEmptyTexture(t.spec);setTextureUniforms(t.params,gRayMarchTextureBuffers[0].texture),gActiveRayMarchTextureBuffer=0}async function initializeDeferredMlp(e){let t=getSubmodelContent(e),r=t.params;if(r.export_store_deferred_mlp_separately){return loadJSONFile(t.router.translate("deferred_mlp.json")).then(registerDeferredMlp)}return registerDeferredMlp(r.deferred_mlp)}function setTextureUniforms(e,t){let r=getRayMarchScene().children[0].material.uniforms,a=t.occupancyGridsTexture.gridTextures,n=a.length;for(let e=0;e<n;++e){let t=a[e];r["occupancyGrid_L"+(n-e-1)].value=t.texture}if(e.useDistanceGrid){let e=t.distanceGridsTexture.gridTextures[0].texture;r.distanceGrid.value=e}let s=t.triplaneTexture;r.planeDensity.value=s.densityTexture.texture,r.planeRgb.value=s.rgbTexture.texture,r.planeFeatures.value=s.featuresTexture.texture;let i=t.sparseGridTexture;r.sparseGridBlockIndices.value=i.blockIndicesTexture.texture,r.sparseGridDensity.value=i.densityTexture.texture,r.sparseGridRgb.value=i.rgbTexture.texture,r.sparseGridFeatures.value=i.featuresTexture.texture,r.atlasSize.value=new THREE.Vector3(e.atlas_width,e.atlas_height,e.atlas_depth)}function getTextureSizeInBytes(e){let t=0,r=e=>{if(null==e)return 0;let t=e.texture.image;return t.height*t.width*t.depth},a=e.occupancyGridsTexture.gridTextures,n=a.length;for(let e=0;e<n;++e){t+=1*r(a[e])}if(e.distanceGridsTexture.gridTextures.length>0){t+=1*r(e.distanceGridsTexture.gridTextures[0])}let s=e.triplaneTexture;t+=3*r(s.rgbTexture),t+=1*r(s.densityTexture),t+=4*r(s.featuresTexture);let i=e.sparseGridTexture;return t+=1*r(i.blockIndicesTexture),t+=3*r(i.rgbTexture),t+=1*r(i.densityTexture),t+=4*r(i.featuresTexture),t}async function initializeRayMarchScene(e,t){let r=t.params,a=t.spec,n=kRayMarchFragmentShaderHeader;n+=await loadTextFile("viewdependency.glsl"),n+=await loadTextFile("fragment.glsl"),n=rewriteViewDependenceDefinitions(r,n);let s=new THREE.Matrix3;s.set(-1,0,0,0,0,1,0,1,0);let i=new THREE.Vector3(-2,-2,-2);n="#define kMinPosition vec3("+Number(i.x).toFixed(10)+", "+Number(i.y).toFixed(10)+", "+Number(i.z).toFixed(10)+")\n"+n,n="#define kSubmodelScale "+Number(getSubmodelScale(e)).toFixed(10)+"\n"+n,n="#define kStepMult "+gStepMult+"\n"+n,n="#define kRangeFeaturesMin "+Number(r.range_features[0]).toFixed(10)+"\n"+n,n="#define kRangeFeaturesMax "+Number(r.range_features[1]).toFixed(10)+"\n"+n,n="#define kRangeDensityMin "+Number(r.range_density[0]).toFixed(10)+"\n"+n,n="#define kRangeDensityMax "+Number(r.range_density[1]).toFixed(10)+"\n"+n;let o={bias_0:{value:null},bias_1:{value:null},bias_2:{value:null},weightsZero:{value:null},weightsOne:{value:null},weightsTwo:{value:null},displayMode:{value:gDisplayMode-0},minPosition:{value:i},world_T_cam:{value:new THREE.Matrix4},cam_T_clip:{value:new THREE.Matrix4},worldspaceROpengl:{value:s}};occupancyUniforms={};let l=a.occupancyGridsSpec.gridSpecs,c=l.length;for(let e=0;e<c;++e){let t=l[e],r=c-e-1;n="#define kVoxelSizeOccupancy_L"+r+" "+Number(t.voxelSize).toFixed(10)+"\n"+n,n="#define kGridSizeOccupancy_L"+r+" vec3("+Number(t.shape[0]).toFixed(10)+", "+Number(t.shape[1]).toFixed(10)+", "+Number(t.shape[2]).toFixed(10)+")\n"+n,occupancyUniforms["occupancyGrid_L"+r]={value:null}}if(o=extend(o,occupancyUniforms),r.useDistanceGrid){let e=a.distanceGridsSpec.gridSpecs[0];n="#define USE_DISTANCE_GRID\n"+n,n="#define kVoxelSizeDistance "+Number(e.voxelSize).toFixed(10)+"\n"+n,n="#define kGridSizeDistance vec3("+Number(e.shape[0]).toFixed(10)+", "+Number(e.shape[1]).toFixed(10)+", "+Number(e.shape[2]).toFixed(10)+")\n"+n,distanceUniforms={distanceGrid:{value:null}},o=extend(o,distanceUniforms)}let u=new THREE.Color(.5,.5,.5);r.backgroundColor&&(u=new THREE.Color(r.backgroundColor)),n="#define kBackgroundColor vec3("+Number(u.r).toFixed(10)+", "+Number(u.g).toFixed(10)+", "+Number(u.b).toFixed(10)+")\n"+n,(gExposure||r.default_exposure)&&(r.default_exposure&&(gExposure=parseFloat(r.default_exposure)),n="#define USE_EXPOSURE\n"+n,exposureUniforms={exposure:{value:gExposure}},o=extend(o,exposureUniforms));n="#define ACTIVATION_FN "+(r.activation?r.activation:"elu")+"\n"+n,null!==r.feature_gating&&void 0!==r.feature_gating&&!0!==r.feature_gating||(n="#define USE_FEATURE_GATING\n"+n),"vfr"===r.deferred_rendering_mode&&(n="#define USE_VFR\n"+n),"coarse_sum"===r.merge_features_combine_op&&(n="#define USE_FEATURE_CONCAT\n"+n),r.useBits&&(n="#define USE_BITS\n"+n),r.useLargerStepsWhenOccluded&&(n="#define LARGER_STEPS_WHEN_OCCLUDED\n"+n,n="#define kVisibilityDelay "+Number(r.step_size_visibility_delay).toFixed(10)+"\n"+n);let d=new THREE.Vector2(...a.triplaneSpec.shape);n="#define kTriplaneVoxelSize "+Number(r.triplane_voxel_size).toFixed(10)+"\n"+n,n="#define kTriplaneGridSize vec2("+Number(d.x).toFixed(10)+", "+Number(d.y).toFixed(10)+")\n"+n;o=extend(o,{planeDensity:{value:null},planeRgb:{value:null},planeFeatures:{value:null}}),n="#define kDataBlockSize "+Number(r.data_block_size).toFixed(10)+"\n"+n,n="#define kSparseGridVoxelSize "+Number(r.sparse_grid_voxel_size).toFixed(10)+"\n"+n,n="#define kSparseGridGridSize vec3("+Number(r.sparse_grid_resolution).toFixed(10)+", "+Number(r.sparse_grid_resolution).toFixed(10)+", "+Number(r.sparse_grid_resolution).toFixed(10)+")\n"+n;o=extend(o,{sparseGridBlockIndices:{value:null},sparseGridDensity:{value:null},sparseGridRgb:{value:null},sparseGridFeatures:{value:null},atlasSize:{value:null}});let p=new THREE.ShaderMaterial({uniforms:o,vertexShader:kRayMarchVertexShader,fragmentShader:n,vertexColors:!0});p.side=THREE.DoubleSide,p.depthTest=!1,p.needsUpdate=!0;const g=new THREE.PlaneBufferGeometry(...gViewportDims);let m=new THREE.Mesh(g,p);m.position.z=-100,m.frustumCulled=!1;let h=new THREE.Scene;return h.add(m),h.autoUpdate=!1,h}function validateDeferredMlp(e){const t=e["ResampleDense_0/kernel"]?"ResampleDense":"Dense";for(let r=0;r<3;r++){const a=`${t}_${r}`;let n=e[`${a}/kernel`].shape,s=e[`${a}/bias`].shape;if("ResampleDense"===t){let e=n[1];console.assert(e===n[2]&&e===n[3]),console.assert(n[0]===s[0]&&n[1]===s[1]&&n[2]===s[2]&&n[3]===s[3])}}}class WorkerPool{constructor(e,t){let r=this;e=e||2,this.workers=[];for(let a=0;a<e;++a){let e=new Worker(t);e.onmessage=e=>{r.onmessage(e)},this.workers.push(e)}this.nextworker=0,this.callbacks={},this.i=0}submit(e,t){const r=this.i;this.callbacks[r]=t,this.i+=1;const a=this.nextworker,n=this.workers[a];this.nextworker=(a+1)%this.workers.length,n.postMessage({i:r,request:e})}onmessage(e){const t=e.data,r=t.i;(0,this.callbacks[r])(t.result),delete this.callbacks[r]}}let gStats=null,gUseSubmodel=!1,gSubmodelTransform=null,gDeferredMlp=null;const DisplayModeType={DISPLAY_NORMAL:0,DISPLAY_DIFFUSE:1,DISPLAY_FEATURES:2,DISPLAY_VIEW_DEPENDENT:3,DISPLAY_COARSE_GRID:4};let gDisplayMode=DisplayModeType.DISPLAY_NORMAL,gBenchmark=!1,gFrameMult=1,gLoadAssetsWorker=new WorkerPool(4,"loadpng.worker.js"),gCopySliceWorker=new WorkerPool(4,"copyslices.worker.js");const kRayMarchVertexShader="\nvarying vec3 vOrigin;\nvarying vec3 vDirection;\nuniform mat4 world_T_cam;\nuniform mat4 cam_T_clip;\n\nvoid main() {\n  vec4 posClip = projectionMatrix * modelViewMatrix * vec4(position, 1.0);\n  gl_Position = posClip;\n  posClip /= posClip.w;\n\n  vec4 originCam = vec4(0.0, 0.0, 0.0, 1.0);\n  vec4 nearPointCam = cam_T_clip * vec4(posClip.x, posClip.y, -1.0, 1.0);\n  nearPointCam /= -nearPointCam.z;\n\n  vec4 originWorld = world_T_cam * originCam;\n  vec4 nearPointWorld = world_T_cam * nearPointCam;\n  vOrigin = originWorld.xyz / originWorld.w;\n  vDirection = nearPointWorld.xyz / nearPointWorld.w - vOrigin;\n}\n",kRayMarchFragmentShaderHeader="\nprecision highp float;\n\nvarying vec3 vOrigin;\nvarying vec3 vDirection;\n\nuniform int displayMode;\n\nuniform mat3 worldspaceROpengl;\nuniform float nearPlane;\n\n#ifdef USE_DISTANCE_GRID\nuniform highp sampler3D distanceGrid;\nuniform highp sampler3D occupancyGrid_L0;\n#else\nuniform highp sampler3D occupancyGrid_L0;\nuniform highp sampler3D occupancyGrid_L1;\nuniform highp sampler3D occupancyGrid_L2;\n#ifndef USE_BITS\nuniform highp sampler3D occupancyGrid_L3;\nuniform highp sampler3D occupancyGrid_L4;\n#endif\n#endif\n\nuniform vec4 bias_0[NUM_CHANNELS_ONE/4];\nuniform vec4 bias_1[NUM_CHANNELS_TWO/4];\nuniform vec4 bias_2[NUM_CHANNELS_THREE/4];\n\nuniform highp sampler2D weightsZero;\nuniform highp sampler2D weightsOne;\nuniform highp sampler2D weightsTwo;\n\n#ifdef USE_EXPOSURE\nuniform float exposure;\n#endif\n\nuniform vec3 atlasSize;\n\nuniform highp sampler3D sparseGridBlockIndices;\nuniform highp sampler3D sparseGridDensity;\nuniform highp sampler3D sparseGridRgb;\nuniform highp sampler3D sparseGridFeatures;\n\n// need to use texture arrays, otherwise we exceed max texture unit limit\nuniform highp sampler2DArray planeDensity;\nuniform highp sampler2DArray planeRgb;\nuniform highp sampler2DArray planeFeatures;\n";let gRenderer=null,gSubmodelCount=1,gCamera=null,gViewportDims=[640,480],gNumTextures=0,gLoadedTextures=0,gSubmodelForceIndex=-1;function extend(e,t){for(let r in t)t.hasOwnProperty(r)&&(e[r]=t[r]);return e}function error(e){const t=document.getElementById("error");t.textContent=e,t.style.display="block"}function create(e,t){const r=document.createElement(e);return t&&(r.className=t),r}function digits(e,t){const r=""+e;return r.length>=t?r:("00000"+r).substr(-t)}function setupViewport(e,t){gViewportDims=[e,t]}function range(e){return[...Array(e).keys()]}function product(e){result=1;for(let t of e)result*=t;return result}function sum(e){result=1;for(let t of e)result+=t;return result}function setDims(e,t,r){e.style.width=t.toFixed(2)+"px",e.style.height=r.toFixed(2)+"px"}function hideLoading(){document.getElementById("Loading").style.display="none",document.getElementById("loading-container").style.display="none"}function showLoading(){document.getElementById("Loading").style.display="none",document.getElementById("loading-container").style.display="none"}function isLoading(){return"none"!==document.getElementById("Loading").style.display}function onImageFetch(e){return gNumTextures++,updateLoadingProgress(),e}function onImageLoaded(e){return gLoadedTextures++,updateLoadingProgress(),e}function updateLoadingProgress(){let e=document.getElementById("image-progress");const t=gNumTextures>0?gNumTextures:"?";e.innerHTML="Loading images: "+gLoadedTextures+"/"+t}function isRendererUnsupported(){let e=document.getElementById("Loading"),t=document.getElementsByTagName("canvas")[0].getContext("webgl2");return t?!t.getExtension("WEBGL_debug_renderer_info")&&(e.innerHTML="Error: Could not fetch renderer info. Is your machine equipped with a discrete GPU?",!0):(e.innerHTML="Error: WebGL2 context not found. Is your machine equipped with a discrete GPU?",!0)}function sleep(e){return new Promise((t=>setTimeout(t,e)))}function submodelAssetPath(e,t){let r="";if(gUseSubmodel){return r=`../sm_${String(e).padStart(3,"0")}`,null==t?r:`${r}/${t}`}return t}function positionToSubmodel(e,t){if(0==gUseSubmodel)return 0;if(gSubmodelForceIndex>=0)return gSubmodelForceIndex;let r=new THREE.Vector3(-e.x,e.z,e.y),a=2/t.submodel_voxel_size,n=r.addScalar(1).divideScalar(2);n=n.multiplyScalar(a);let s=n.floor().clampScalar(0,a-1);const i=(s.x*a+s.y)*a+s.z;return t.sm_to_params[i]}function submodelCenter(e,t){if(0==gUseSubmodel)return new THREE.Vector3(0,0,0);let r=t.submodel_voxel_size,a=2/r,n=t.params_to_sm[e],s=n%a,i=(n-s)/a%a,o=(n-s-i*a)/a/a;return o=a-1-o,[i,s]=[s,i],new THREE.Vector3((o+.5)*r-1,(i+.5)*r-1,(s+.5)*r-1)}function submodelTransform(e,t){const r=submodelCenter(e,t),a=t.submodel_scale;let n=new THREE.Matrix4;n.makeScale(a,a,a);let s=new THREE.Matrix4;return s.makeTranslation(-r.x,-r.y,-r.z),submodel_matrix=new THREE.Matrix4,submodel_matrix.multiplyMatrices(n,s),submodel_matrix}async function fetchAndRetryIfNecessary(e){const t=await e();return 429===t.status?(await sleep(500),fetchAndRetryIfNecessary(e)):t}function loadAsset(e){return new Promise((t=>{gLoadAssetsWorker.submit({url:e},t)}))}function mergeSlices(e,t,r){let a=e.sliceAssets.map((e=>e.asset));return Promise.all(a).then((a=>{let n=range(a.length).map((t=>({...e.sliceAssets[t],asset:a[t]}))),s={asset:{...e,sliceAssets:n},src:t,dst:r,fn:"mergeSlices"};return new Promise((e=>{gCopySliceWorker.submit(s,e)}))}))}function mergeSparseGridDensity(e){let t=e=>Promise.all(e.sliceAssets.map((e=>e.asset))),r=[t(e.rgbAndDensityAsset),t(e.featuresAsset)];return Promise.all(r).then((t=>{let r=t[0],a=t[1],n=(e,t)=>{let r=range(t.length).map((r=>({...e.sliceAssets[r],asset:t[r]})));return{...e,sliceAssets:r}},s=n(e.rgbAndDensityAsset,r),i=n(e.featuresAsset,a),o={asset:{assetType:e.assetType,rgbAndDensityAsset:s,featuresAsset:i},fn:"mergeSparseGridDensity"};return new Promise((e=>{gCopySliceWorker.submit(o,e)}))}))}function getFieldOrDefault(e,t,r){let a=e[t];return null==a?r:a}async function loadTextFile(e){try{const t=cleanPath(e),r=await fetch("http://localhost:3001/generate-signed-url",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({dirUrl:t})});if(!r.ok)throw new Error(`Erreur lors de la génération de l'URL signée: ${r.status}`);const{url:a}=await r.json();console.log("Tentative de chargement du fichier texte depuis:",a);const n=await fetch(a);if(!n.ok)throw new Error(`Erreur lors du téléchargement du fichier: ${n.status}`);const s=await n.text();return console.log("Contenu du fichier texte chargé depuis",a,":",s),s}catch(t){throw console.error(`Erreur lors de la récupération du fichier texte depuis ${e}:`,t),t}}async function loadJSONFile(e){try{const t=cleanPath(e),r=await fetch("http://localhost:3001/generate-signed-url",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({dirUrl:t})});if(console.log("Chemin avant génération de l'URL signée:",t),!r.ok)throw new Error(`Erreur lors de la génération de l'URL signée: ${r.status}`);const{url:a}=await r.json();console.log("Tentative de chargement du fichier JSON depuis:",a);const n=await fetch(a);if(!n.ok)throw new Error(`Erreur lors du téléchargement du fichier JSON: ${n.status}`);const s=await n.json();return console.log("Contenu du fichier JSON chargé depuis",a,":",s),s}catch(t){throw console.error(`Erreur lors de la récupération du fichier JSON depuis ${e}:`,t),t}}function cleanPath(e){const t=e.split("/"),r=[];for(let e=0;e<t.length;e++)".."===t[e]?r.length&&r.pop():"."!==t[e]&&""!==t[e]&&r.push(t[e]);return r.join("/")}class Router{constructor(e,t){this.dirUrl=e,this.filenameToLink=t}translate(e){if(null!=this.filenameToLink)return this.filenameToLink[e];return`${this.cleanPath(this.dirUrl)}/${e}`}cleanPath(e){const t=e.split("/"),r=[];for(let e=0;e<t.length;e++)".."===t[e]?r.length&&r.pop():"."!==t[e]&&""!==t[e]&&r.push(t[e]);return r.join("/")}}const Format={RED:{numChannels:1},LUMINANCE_ALPHA:{numChannels:2},RGB:{numChannels:3},RGBA:{numChannels:4}},GridTextureSource={RGBA_FROM_RGBA:{format:Format.RGBA,channels:[0,1,2,3]},RGB_FROM_RGBA:{format:Format.RGBA,channels:[0,1,2]},RGB_FROM_RGB:{format:Format.RGB,channels:[0,1,2]},ALPHA_FROM_RGBA:{format:Format.RGBA,channels:[3]},RED_FROM_RED:{format:Format.RED,channels:[0]},LA_FROM_LUMINANCE_ALPHA:{format:Format.LUMINANCE_ALPHA,channels:[0,1]}},GridTextureDestination={RED_IN_RED:{format:Format.RED,channels:[0]},RGB_IN_RGB:{format:Format.RGB,channels:[0,1,2]},RGBA_IN_RGBA:{format:Format.RGBA,channels:[0,1,2,3]},LA_IN_LUMINANCE_ALPHA:{format:Format.LUMINANCE_ALPHA,channels:[0,1]},LUMINANCE_IN_LUMINANCE_ALPHA:{format:Format.LUMINANCE_ALPHA,channels:[0]},ALPHA_IN_LUMINANCE_ALPHA:{format:Format.LUMINANCE_ALPHA,channels:[1]}};let gSceneAccumulate=null,gLowResBlitCamera=null,gHighResBlitCamera=null,gOldMatrixWorld=null,gOldProjectionMatrix=null,gFrameIndex=0,gLowResTexture=null;function createAccumulateMaterial(e,t,r,a){return new THREE.ShaderMaterial({uniforms:{mapLowRes:{value:e},mapHistory:{value:t},lowResolution:{value:r},highResolution:{value:a},jitterOffset:{value:new THREE.Vector2(0,0)},emaAlpha:{value:.15}},vertexShader:accumulateVertexShader,fragmentShader:accumulateFragmentShader})}const gAccumulationTextures=[null,null],normalizeVertexShader="\nvarying vec2 vUv;\nvoid main() {\n  vUv = uv;\n  gl_Position = projectionMatrix * modelViewMatrix * vec4(position, 1.0);\n}\n",normalizeFragmentShader="\nvarying vec2 vUv;\nuniform sampler2D map;\nvoid main() {\n  gl_FragColor = texture2D(map, vUv);\n  if (gl_FragColor.a > 0.0) {\n    gl_FragColor.rgb /= gl_FragColor.a;\n  }\n  gl_FragColor.a = 1.0;\n}\n";function createNormalizeMaterial(e){return new THREE.ShaderMaterial({uniforms:{map:{value:e}},vertexShader:normalizeVertexShader,fragmentShader:normalizeFragmentShader})}let gSceneNormalize=null;const accumulateVertexShader="\nvarying vec2 vUv;\nvoid main() {\n  vUv = uv;\n  gl_Position = projectionMatrix * modelViewMatrix * vec4(position, 1.0);\n}\n",accumulateFragmentShader="\nvarying vec2 vUv;\nuniform vec2 lowResolution;\nuniform vec2 highResolution;\nuniform vec2 jitterOffset;\nuniform float emaAlpha;\n\nuniform sampler2D mapLowRes;\nuniform sampler2D mapHistory;\n\nfloat pixelFilter(vec2 pixelCenter, vec2 sampleCenter) {\n  vec2 delta = pixelCenter - sampleCenter;\n  float squaredNorm = dot(delta, delta);\n  return exp(-2.29 * squaredNorm);\n}\n\nvoid main() {\n  // First we need to compute the coordinates of the pixel centers\n  // in the low resolution grid by compensating for the camera jitter.\n  // Note that the offset is defined in clip space [-1,1]^2, so we need\n  // to multiply it by 0.5 to make it valid in texture space [0,1]^2.\n  vec2 compensatedUnitCoords = vUv - jitterOffset * 0.5;\n\n  // Now compute the integer coordinates in the low resolution grid for each\n  // adjacent texel.\n  ivec2 lowResCoords00 = ivec2(compensatedUnitCoords * lowResolution - 0.5);\n  ivec2 lowResCoords01 = ivec2(0, 1) + lowResCoords00;\n  ivec2 lowResCoords10 = ivec2(1, 0) + lowResCoords00;\n  ivec2 lowResCoords11 = ivec2(1, 1) + lowResCoords00;\n\n  float mask00 =\n    min(lowResCoords00.x, lowResCoords00.y) < 0 ||\n    lowResCoords00.x >= int(lowResolution.x) ||\n    lowResCoords00.y >= int(lowResolution.y) ? 0.0 : 1.0;\n  float mask01 =\n    min(lowResCoords01.x, lowResCoords01.y) < 0 ||\n    lowResCoords01.x >= int(lowResolution.x) ||\n    lowResCoords01.y >= int(lowResolution.y) ? 0.0 : 1.0;\n  float mask10 =\n    min(lowResCoords10.x, lowResCoords10.y) < 0 ||\n    lowResCoords10.x >= int(lowResolution.x) ||\n    lowResCoords10.y >= int(lowResolution.y) ? 0.0 : 1.0;\n  float mask11 =\n    min(lowResCoords11.x, lowResCoords11.y) < 0 ||\n    lowResCoords11.x >= int(lowResolution.x) ||\n    lowResCoords11.y >= int(lowResolution.y) ? 0.0 : 1.0;\n\n  // We also need to keep track of the high resolution counterparts of these\n  // coordinates, so we can compute the pixel reconstruction filter weights.\n  vec2 compensatedHighResCoords = highResolution * compensatedUnitCoords;\n  vec2 highResCoords00 =\n      highResolution * (vec2(lowResCoords00) + 0.5) / lowResolution;\n  vec2 highResCoords01 =\n      highResolution * (vec2(lowResCoords01) + 0.5) / lowResolution;\n  vec2 highResCoords10 =\n      highResolution * (vec2(lowResCoords10) + 0.5) / lowResolution;\n  vec2 highResCoords11 =\n      highResolution * (vec2(lowResCoords11) + 0.5) / lowResolution;\n\n  vec4 lowResColor = vec4(0.0, 0.0, 0.0, 0.0);\n  lowResColor += mask00 * vec4(\n    texelFetch(mapLowRes,lowResCoords00, 0).rgb, 1.0) *\n    pixelFilter(compensatedHighResCoords, highResCoords00);\n  lowResColor += mask01 * vec4(\n    texelFetch(mapLowRes, lowResCoords01, 0).rgb, 1.0) *\n    pixelFilter(compensatedHighResCoords, highResCoords01);\n  lowResColor += mask10 * vec4(\n    texelFetch(mapLowRes, lowResCoords10, 0).rgb, 1.0) *\n    pixelFilter(compensatedHighResCoords, highResCoords10);\n  lowResColor += mask11 * vec4(\n    texelFetch(mapLowRes, lowResCoords11, 0).rgb, 1.0) *\n    pixelFilter(compensatedHighResCoords, highResCoords11);\n\n  vec4 historyColor = texture2D(mapHistory, vUv);\n  gl_FragColor = emaAlpha * lowResColor + (1.0 - emaAlpha) * historyColor;\n}\n";function setupProgressiveRendering(e,t){gHighResBlitCamera=new THREE.OrthographicCamera(e.offsetWidth/-2,e.offsetWidth/2,e.offsetHeight/2,e.offsetHeight/-2,-1e4,1e4),gHighResBlitCamera.position.z=100;let r=new THREE.PlaneBufferGeometry(e.offsetWidth,e.offsetHeight);gLowResTexture=new THREE.WebGLRenderTarget(Math.trunc(e.offsetWidth/t),Math.trunc(e.offsetHeight/t),{minFilter:THREE.NearestFilter,magFilter:THREE.NearestFilter,type:THREE.UnsignedByteType,format:THREE.RGBFormat}),gAccumulationTextures[0]=new THREE.WebGLRenderTarget(e.offsetWidth,e.offsetHeight,{minFilter:THREE.NearestFilter,magFilter:THREE.NearestFilter,type:THREE.FloatType,format:THREE.RGBAFormat}),gAccumulationTextures[1]=new THREE.WebGLRenderTarget(e.offsetWidth,e.offsetHeight,{minFilter:THREE.NearestFilter,magFilter:THREE.NearestFilter,type:THREE.FloatType,format:THREE.RGBAFormat});let a=new THREE.Mesh(r,createAccumulateMaterial(gLowResTexture.texture,gAccumulationTextures[1],new THREE.Vector2(Math.trunc(e.offsetWidth/t),Math.trunc(e.offsetHeight/t)),new THREE.Vector2(e.offsetWidth,e.offsetHeight)));a.position.z=-100,gSceneAccumulate=new THREE.Scene,gSceneAccumulate.add(a),gSceneAccumulate.autoUpdate=!1;let n=new THREE.Mesh(r,createNormalizeMaterial(gAccumulationTextures[0].texture));n.position.z=-100,gSceneNormalize=new THREE.Scene,gSceneNormalize.add(n),gSceneNormalize.autoUpdate=!1,gLowResBlitCamera=new THREE.OrthographicCamera(Math.trunc(e.offsetWidth/t)/-2,Math.trunc(e.offsetWidth/t)/2,Math.trunc(e.offsetHeight/t)/2,Math.trunc(e.offsetHeight/t)/-2,-1e4,1e4),gLowResBlitCamera.position.z=100,gOldProjectionMatrix=gCamera.projectionMatrix.clone(),gOldMatrixWorld=gCamera.matrixWorld.clone()}function renderFrame(e){e||(e=gCamera.projectionMatrix.clone());let t=new THREE.Matrix4;t.getInverse(e);let r=gCamera.matrixWorld;submodel_T_world=gSubmodelTransform,submodel_T_camera=new THREE.Matrix4,submodel_T_camera.multiplyMatrices(submodel_T_world,r);let a=getRayMarchScene();a.children[0].material.uniforms.world_T_cam.value=submodel_T_camera,a.children[0].material.uniforms.cam_T_clip.value=t,a.children[0].material.uniforms.displayMode.value=gDisplayMode-0,gRenderer.clear(),gRenderer.render(a,gLowResBlitCamera)}function renderProgressively(){const e=gAccumulationTextures[0].width/gLowResTexture.width;if(1==e)return void renderFrame();let t=!gCamera.projectionMatrix.equals(gOldProjectionMatrix)||!gCamera.matrixWorld.equals(gOldMatrixWorld);const r=e%2==0;let a=.5,n=Math.trunc(e/2);r||(a=.5,n+=1);let s=[],i=[];for(let t=0;t<n;t++)for(let r=0;r<n;r++)s.push((a+t)/e),i.push((a+r)/e),s.push(-(a+t)/e),i.push((a+r)/e),s.push((a+t)/e),i.push(-(a+r)/e),s.push(-(a+t)/e),i.push(-(a+r)/e);let o=gFrameIndex%s.length,l=s[o],c=i[o];gLowResBlitCamera.left=l+gLowResTexture.width/-2,gLowResBlitCamera.right=l+gLowResTexture.width/2,gLowResBlitCamera.top=c+gLowResTexture.height/2,gLowResBlitCamera.bottom=c+gLowResTexture.height/-2,gLowResBlitCamera.updateProjectionMatrix(),l*=2/gLowResTexture.width,c*=2/gLowResTexture.height;let u=gCamera.projectionMatrix.clone();u.elements[8]+=l,u.elements[9]+=c,gRenderer.setRenderTarget(gLowResTexture),renderFrame(u);let d=Math.min(1,.7/s.length);t&&(gFrameIndex=0,d=1);let p=gFrameIndex%2,g=1-p;gRenderer.setRenderTarget(gAccumulationTextures[p]),gSceneAccumulate.children[0].material.uniforms.mapHistory.value=gAccumulationTextures[g].texture,gSceneAccumulate.children[0].material.uniforms.jitterOffset.value=new THREE.Vector2(l,c),gSceneAccumulate.children[0].material.uniforms.emaAlpha.value=d,gRenderer.clear(),gRenderer.render(gSceneAccumulate,gHighResBlitCamera),gRenderer.setRenderTarget(null),gSceneNormalize.children[0].material.uniforms.map.value=gAccumulationTextures[p].texture,gRenderer.clear(),gRenderer.render(gSceneNormalize,gHighResBlitCamera),gFrameIndex++,gOldProjectionMatrix=gCamera.projectionMatrix.clone(),gOldMatrixWorld=gCamera.matrixWorld.clone()}function computeTrilerpLocationsAndWeights(e,t,r){let a=(new THREE.Vector3).copy(e);a.addScalar(1),a.divideScalar(2),a.multiplyScalar(r),a.subScalar(.5);const n=(new THREE.Vector3).copy(a).floor(),s=(new THREE.Vector3).copy(a).ceil();let i=t.x>0?s.x:n.x,o=t.y>0?s.y:n.y,l=t.z>0?s.z:n.z;i=Math.min(Math.max(i,0),r-1),o=Math.min(Math.max(o,0),r-1),l=Math.min(Math.max(l,0),r-1),i=r-1-i,[o,l]=[l,o];const c=(l*r+o)*r+i;let u=a.x-n.x,d=a.y-n.y,p=a.z-n.z;0==t.x&&(u=1-u),0==t.y&&(d=1-d),0==t.z&&(p=1-p);return[c,u*d*p]}function trilerpDeferredMlpKernel(e,t,r){let a,n,s;if(gDeferredMlp["ResampleDense_"+t+"/kernel"]){const i=gDeferredMlp["ResampleDense_"+t+"/kernel"],o=i.data,l=i.shape[1],c=i.shape[4],u=i.shape[5];a=makeMultipleOf(u,4),n=makeMultipleOf(c,4),s=new Float32Array(n*a);let d=(new THREE.Vector3).copy(r);d.divideScalar(getSubmodelScaleFactor(e));const p=e*l*l*l*c*u;for(let e=0;e<2;e++)for(let t=0;t<2;t++)for(let r=0;r<2;r++){const[i,g]=computeTrilerpLocationsAndWeights(d,new THREE.Vector3(e,t,r),l),m=p+c*u*i;for(let i=0;i<a;i++)for(let a=0;a<n;a++){let l=i*n+a,d=0;a<c&&i<u&&(d=o[m+a*u+i]),e+t+r===0?s[l]=g*d:s[l]+=g*d}}}else{const e=gDeferredMlp["Dense_"+t+"/kernel"],r=e.data,i=e.shape[0],o=e.shape[1];a=makeMultipleOf(o,4),n=makeMultipleOf(i,4),s=new Float32Array(n*a);for(let e=0;e<a;e++)for(let t=0;t<n;t++){t<i&&e<o&&(s[e*n+t]=r[t*o+e])}}let i=new Float32Array(n*a);for(let e=0;e<n;e+=4)for(let t=0;t<a;t++)for(let r=0;r<4;r++)i[e/4*a*4+4*t+r]=s[e/4*4+t*(n/4*4)+r];let o=new THREE.DataTexture(i,1,n*a/4,THREE.RGBAFormat);return o.magFilter=THREE.NearestFilter,o.minFilter=THREE.NearestFilter,o.type=THREE.FloatType,o}function trilerpDeferredMlpBiases(e,t,r){let a;if(gDeferredMlp["ResampleDense_"+t+"/bias"]){const n=gDeferredMlp["ResampleDense_"+t+"/bias"],s=n.data,i=n.shape[1],o=n.shape[4],l=makeMultipleOf(o,4);a=new Array(l/4);let c=(new THREE.Vector3).copy(r);c.divideScalar(getSubmodelScaleFactor(e));const u=e*i*i*i*o;for(let e=0;e<2;e++)for(let t=0;t<2;t++)for(let r=0;r<2;r++){const[n,d]=computeTrilerpLocationsAndWeights(c,new THREE.Vector3(e,t,r),i),p=u+o*n;for(let n=0;n<l/4;++n){let i=new THREE.Vector4(0,0,0,0);for(let e=0;e<4;e++)4*n+0<l&&i.setComponent(e,s[p+4*n+e]);i.multiplyScalar(d),e+t+r===0?a[n]=i:a[n].add(i)}}}else{const e=gDeferredMlp["Dense_"+t+"/bias"],r=e.data,n=makeMultipleOf(e.shape[0],4);a=new Array(n/4);for(let e=0;e<n/4;++e){let t=new THREE.Vector4(0,0,0,0);for(let a=0;a<4;a++)4*e+0<n&&t.setComponent(a,r[4*e+a]);a[e]=t}}return a}function rewriteViewDependenceDefinitions(e,t){let r=getDeferredMlp();const a=r["ResampleDense_0/kernel"]?"ResampleDense_":"Dense_",n=r["ResampleDense_0/kernel"]?4:0;let s=t,i=["intermediate_one","intermediate_two","result"];for(let e=0;e<3;e++){let t=r[a+e+"/bias"].shape[n],o=`bias_${e}`,l=i[e],c=[];for(let e=0;e<t/4;e++)c.push(`${l}[${e}] = ${o}[${e}];`);let u=c.join(" ")+"\n";s=s.replace(new RegExp(`INITIALIZE_OUTPUT_ACTIVATIONS_${e}`,"g"),u)}let o=makeMultipleOf(r[a+"0/kernel"].shape[n],4),l=makeMultipleOf(r[a+"0/bias"].shape[n],4),c=makeMultipleOf(r[a+"1/bias"].shape[n],4),u=makeMultipleOf(r[a+"2/bias"].shape[n],4);return s=s.replace(new RegExp("NUM_CHANNELS_ZERO","g"),o),s=s.replace(new RegExp("NUM_POSENC_SCALES","g"),4..toString()),s=s.replace(new RegExp("NUM_CHANNELS_ONE","g"),l),s=s.replace(new RegExp("NUM_CHANNELS_TWO","g"),c),s=s.replace(new RegExp("NUM_CHANNELS_THREE","g"),u),s}function makeMultipleOf(e,t){return e%t==0?e:e+t-e%t}function setupInitialCameraPose(e,t){function r(e){var r,a,n;gCamera.position.x=e.position[0]+t.x,gCamera.position.y=e.position[1]+t.y,gCamera.position.z=e.position[2]+t.z,r=e.lookat[0]+t.x,a=e.lookat[1]+t.y,n=e.lookat[2]+t.z,gOrbitControls?(gOrbitControls.target.x=r,gOrbitControls.target.y=a,gOrbitControls.target.z=n):gMapControls?(gMapControls.target.x=gCamera.position.x+(r-gCamera.position.x)*gCamera.near,gMapControls.target.y=gCamera.position.y+(a-gCamera.position.y)*gCamera.near,gMapControls.target.z=gCamera.position.z+(n-gCamera.position.z)*gCamera.near):gCamera.lookAt(r,a,n)}initialPoses={default:{position:[0,0,0],lookat:[0,0,1]},gardenvase:{position:[-1.1868985500525444,.1898527233835131,-.04923970470097733],lookat:[-.05581392405861873,-.40202760746449473,.02985343723310108]},stump:{position:[0,.4,-.8],lookat:[0,-.3,0]},flowerbed:{position:[-.02402388218043944,.11825367482140309,.907525093384825],lookat:[.016306507293821822,-.15676691106539536,-.016192691610482132]},treehill:{position:[-.70994804046872,.19435986647308223,.30833533637897453],lookat:[.06327294888291587,-.13299740290200024,.0037554887097183934]},bicycle:{position:[-.4636408064933045,.49624791762954734,.8457540259646037],lookat:[.017170160491904368,-.24649043500978007,-.07787524806850904]},kitchenlego:{position:[-.5872864419408019,.05633623000443683,-.9472239198227385],lookat:[.07177184299031553,-.4020277194862108,.04850453170234236]},fulllivingroom:{position:[1.1539572663654272,-.006785278327404387,-.0972986385811351],lookat:[-.05581392405861873,-.40202760746449473,.02985343723310108]},kitchencounter:{position:[-.7006764413546107,.2255633917824672,-.46941182833135847],lookat:[.13197415755218864,-.4020278046227117,.09221809216932579]},officebonsai:{position:[-.4773314920559294,.05409730603092788,1.014304107335418],lookat:[.11970974858222336,-.40426664345968033,-.019801655674420764]}},r(initialPoses.default);for(let t in initialPoses)if(e.includes(t)){r(initialPoses[t]);break}gCamera.updateProjectionMatrix()}let gOrbitControls=null,gMapControls=null,gPointerLockControls=null,gKeyW=!1,gKeyA=!1,gKeyS=!1,gKeyD=!1,gKeyQ=!1,gKeyE=!1,gKeyShift=!1;const gClock=new THREE.Clock;function addHandlers(){let e=document.getElementById("shader-editor");document.addEventListener("keypress",(function(t){if("input"!==document.activeElement.tagName.toLowerCase()&&"textarea"!==document.activeElement.tagName.toLowerCase()&&document.activeElement!==e){if(32!==t.keyCode&&" "!==t.key&&"Spacebar"!==t.key||(gDisplayMode==DisplayModeType.DISPLAY_NORMAL?(gDisplayMode=DisplayModeType.DISPLAY_DIFFUSE,console.log("Displaying DIFFUSE")):gDisplayMode==DisplayModeType.DISPLAY_DIFFUSE?(gDisplayMode=DisplayModeType.DISPLAY_FEATURES,console.log("Displaying DISPLAY_FEATURES")):gDisplayMode==DisplayModeType.DISPLAY_FEATURES?(gDisplayMode=DisplayModeType.DISPLAY_VIEW_DEPENDENT,console.log("Displaying DISPLAY_VIEW_DEPENDENT")):gDisplayMode==DisplayModeType.DISPLAY_VIEW_DEPENDENT?(gDisplayMode=DisplayModeType.DISPLAY_COARSE_GRID,console.log("Displaying DISPLAY_COARSE_GRID")):(gDisplayMode=DisplayModeType.DISPLAY_NORMAL,console.log("Displaying DISPLAY_NORMAL")),t.preventDefault()),"r"===t.key){console.log("Recompile shader.");let r=getRayMarchScene().children[0].material;r.fragmentShader=e.value,r.needsUpdate=!0,t.preventDefault()}if("?"===t.key){let e=gCamera.getWorldPosition(new THREE.Vector3(0,0,0)),r=gCamera.getWorldQuaternion(new THREE.Quaternion);console.log(`\n// Camera Info:\ngCamera.position.set(${e.x}, ${e.y}, ${e.z});\ngCamera.quaternion.set(${r.x}, ${r.y}, ${r.z}, ${r.w});\n`),t.preventDefault()}}})),document.addEventListener("keydown",(function(t){if("input"===document.activeElement.tagName.toLowerCase()||"textarea"===document.activeElement.tagName.toLowerCase())return;if(document.activeElement===e)return;let r=t.key.toLowerCase();"w"===r&&(gKeyW=!0,t.preventDefault()),"a"===r&&(gKeyA=!0),"s"===r&&(gKeyS=!0,t.preventDefault()),"d"===r&&(gKeyD=!0,t.preventDefault()),"q"===r&&(gKeyQ=!0,t.preventDefault()),"e"===r&&(gKeyE=!0,t.preventDefault()),"Shift"===t.key&&(gKeyShift=!0,t.preventDefault())})),document.addEventListener("keyup",(function(t){if("input"===document.activeElement.tagName.toLowerCase()||"textarea"===document.activeElement.tagName.toLowerCase())return;if(document.activeElement===e)return;let r=t.key.toLowerCase();"w"===r&&(gKeyW=!1,t.preventDefault()),"a"===r&&(gKeyA=!1),"s"===r&&(gKeyS=!1,t.preventDefault()),"d"===r&&(gKeyD=!1,t.preventDefault()),"q"===r&&(gKeyQ=!1,t.preventDefault()),"e"===r&&(gKeyE=!1,t.preventDefault()),"Shift"===t.key&&(gKeyShift=!1,t.preventDefault())}))}function setupCameraControls(e,t){if(e&&"fps"==e){gPointerLockControls=new THREE.PointerLockControls(gCamera,t);let e=document.createElement("button");e.innerHTML="Commencer la visite !",e.classList.add("mouse-navigation-button"),e.addEventListener("click",(function(){gPointerLockControls.lock(),gPointerLockControls.connect(),e.classList.add("hidden")}),!1),gPointerLockControls.addEventListener("unlock",(function(){e.classList.remove("hidden")})),t.appendChild(e)}else e&&"map"==e?(gMapControls=new THREE.OrbitControls(gCamera,t),gMapControls.panSpeed=.5/gCamera.near,gMapControls.enableZoom=!1,gMapControls.screenSpacePanning=!1,gMapControls.mouseButtons={LEFT:THREE.MOUSE.ROTATE,RIGHT:THREE.MOUSE.PAN},gMapControls.touches={ONE:THREE.TOUCH.PAN,TWO:THREE.TOUCH.DOLLY_ROTATE}):(gOrbitControls=new THREE.OrbitControls(gCamera,t),gOrbitControls.screenSpacePanning=!0,gOrbitControls.zoomSpeed=.5)}function updateCameraControls(){if(gOrbitControls)gOrbitControls.update();else if(gMapControls)gMapControls.update();else if(gPointerLockControls){const e=gClock.getDelta();let t=.25;gKeyShift&&(t=1);let r=gCamera.getWorldDirection(new THREE.Vector3(0,0,0)),a=new THREE.Vector3(0,1,0);gKeyW&&(gCamera.position=gCamera.position.addScaledVector(r,e*t)),gKeyA&&gPointerLockControls.moveRight(-e*t),gKeyS&&(gCamera.position=gCamera.position.addScaledVector(r,-e*t)),gKeyD&&gPointerLockControls.moveRight(e*t),gKeyQ&&(gCamera.position=gCamera.position.addScaledVector(a,-e*t)),gKeyE&&(gCamera.position=gCamera.position.addScaledVector(a,e*t))}}let gIsCoolingDown=!1,gBenchmarkTimestamps=null,gFrameTimes=[],gBenchmarkCameras={},gBenchmarkCameraIndex=0;const gBenchmarkMethodName="blockmerf";let gBenchmarkSceneName=null,gSaveBenchmarkFrames=!1;function setupBenchmarkStats(e,t){gBenchmarkSceneName=e,gSaveBenchmarkFrames=t;let r=document.getElementById("benchmark-stats");r.style.display="block",r.addEventListener("click",(e=>{gBenchmark=!0}))}function clearBenchmarkStats(e){document.getElementById("benchmark-stats").innerHTML=""}function addBenchmarkRow(e){document.getElementById("benchmark-stats").innerHTML+=e+"\n"}function getBenchmarkStats(e){return document.getElementById("benchmark-stats").innerHTML}function loadBenchmarkCameras(e){const t=e.translate("test_frames.json"),r=loadJSONFile(t);r.catch((e=>{console.error("Could not load test frames from: "+t+", error: "+e)})),r.then((e=>{gBenchmarkCameras=e.test_frames}))}function setBenchmarkCameraPose(e,t){e.position.fromArray(gBenchmarkCameras[t].position),e.setRotationFromMatrix((new THREE.Matrix4).fromArray(gBenchmarkCameras[t].rotation)),e.projectionMatrix.fromArray(gBenchmarkCameras[t].projection)}function cooldownFrame(e){const t=.5*(1+Math.sin(e*Math.PI/1e3));let r=new THREE.Color("#FFFFFF");r.lerp(new THREE.Color("#A5C0E2"),t),gRenderer.setClearColor(r,1),gRenderer.clear(),gStats&&gStats.update(),gIsCoolingDown&&requestAnimationFrame(cooldownFrame)}function formatTimestampAsString(){const e=new Date,t=e.getHours().toString().padStart(2,"0"),r=e.getMinutes().toString().padStart(2,"0");return`${e.getFullYear()}_${e.getMonth()+1}_${e.getDate()}_${t}${r}`}function benchmarkPerformance(e){const t=Math.max(4,Math.ceil(100/gFrameMult)),r=Math.max(2,Math.ceil(.1*t));if(isLoading())return e;if(!gBenchmarkTimestamps&&!gIsCoolingDown){setBenchmarkCameraPose(gCamera,0),gBenchmarkTimestamps=[];let t=new THREE.Vector2;return gRenderer.getSize(t),clearBenchmarkStats(),addBenchmarkRow(`frame timestamps (ms) at ${t.x}x${t.y}`),addBenchmarkRow("cam_idx ; start ; end ; mean frame time"),e}if(gBenchmarkTimestamps.push(window.performance.now()),gBenchmarkTimestamps.length<t)return e;gSaveBenchmarkFrames&&(frameAsPng=gRenderer.domElement.toDataURL("image/png"),saveAs(frameAsPng,digits(gBenchmarkCameraIndex,4)+".png"));let a=gBenchmarkTimestamps.slice(r);const n=a.length,s=a[0],i=a.pop();let o=(i-s)/(gFrameMult*(n-1));if(gFrameTimes.push(o),addBenchmarkRow(`${gBenchmarkCameraIndex} ; ${s} ; ${i} ; ${o}`),++gBenchmarkCameraIndex>=gBenchmarkCameras.length){console.log(gFrameTimes.reduce(((e,t)=>e+t),0)/gFrameTimes.length),gBenchmark=!1;const t=new Blob([getBenchmarkStats()],{type:"text/plain;charset=utf-8"}),r="blockmerf_"+gBenchmarkSceneName+"_frameMult_"+gFrameMult+"_"+formatTimestampAsString()+".csv";return saveAs(t,r),e}return gBenchmarkTimestamps=[],setBenchmarkCameraPose(gCamera,gBenchmarkCameraIndex),e}let gSubmodelPanel=null,gVMemPanel=null,gStepMult=1,gExposure=null;function loadScene(e,t){let r;e&&e.includes(".json")?r=loadJSONFile(e):(r=Promise.resolve(null),console.error("dirUrl est null ou non valide. Le fichier Json est dans le dossier")),r.then((r=>{const a=new Router(e,r);console.log("router:",a);const n=a.translate("scene_params.json");console.log("sceneParamsUrl:",n);const s=loadJSONFile(n);return console.log("sceneParamsPromise:",s),t.loadBenchmarkCameras&&loadBenchmarkCameras(a),Promise.all([s,{router:a,filenameToLink:r}])})).then((e=>{const[t,r]=e;let a=0;gUseSubmodel=t.hasOwnProperty("num_local_submodels")&&t.num_local_submodels>1,gUseSubmodel&&(gSubmodelCount=t.num_local_submodels,a=t.sm_to_params[t.submodel_idx]);let n=[];for(let e=0;e<gSubmodelCount;++e){const a=t.params_to_sm[e],s=r.router.translate(submodelAssetPath(a,"scene_params.json"));n.push(loadJSONFile(s))}return Promise.all([{...r,initialSubmodelIndex:a},...n])})).then((r=>{let[a,...n]=r;for(let r=0;r<n.length;++r){n[r]=extend(n[r],t);const s=n[r].params_to_sm[r];let i=e;gUseSubmodel&&(i=`${i}/${submodelAssetPath(s)}`);let o=new Router(i,a.filenameToLink),l=initializeSceneContent(n[r],o);console.log(`spec for submodel #${r}:`,l.spec),registerSubmodelContent(r,l)}let s=a.initialSubmodelIndex;return setupInitialCameraPose(e,submodelCenter(s,getSubmodelContent(s).params)),Promise.all([s,initializeDeferredMlp(s)])})).then((([e,t])=>initializePingPongBuffers(e))).then((()=>requestAnimationFrame(renderNextFrame)))}let disableCameraControls=!1;function initFromParameters(){const e=new URL(window.location.href).searchParams;console.log(e);const t="nyc/sm_004";console.log(t);let r=e.get("quality"),a=parseInt(e.get("downscale")||1,10);const n=e.get("stepMult");n&&(gStepMult=parseInt(n,10));const s=e.get("frameMult");s&&(gFrameMult=parseInt(s,10));const i=e.get("exposure");i&&(gExposure=parseFloat(i));let o={};const l=e.get("benchmark");if(l&&("time"===l.toLowerCase()||"quality"===l.toLowerCase())){o.loadBenchmarkCameras=!0,r="high";const e=t.split("/").slice(-2);setupBenchmarkStats(e[0]+"_"+e[1],"quality"===l.toLowerCase())}const c=e.get("deferredMode");c&&(o.deferred_rendering_mode=c);const u=e.get("combineMode");u&&"concat_and_sum"===u&&(o.merge_features_combine_op="coarse_sum");const d=e.get("useBits");d&&(o.useBits="true"===d.toLowerCase());const p=e.get("useDistanceGrid");p&&(o.useDistanceGrid="true"===p.toLowerCase());const g=e.get("legacyGrids");g&&(o.legacyGrids="true"===g.toLowerCase());const m=e.get("activation");m&&(o.activation=m);const h=e.get("featureGating");h&&(o.feature_gating="true"===h.toLowerCase());const f=e.get("submodelCacheSize");f&&(gSubmodelCacheSize=Number(f));const y=e.get("mergeSlices");y&&(o.merge_slices="true"==y);const _=e.get("backgroundColor");_&&(o.backgroundColor="#"+_);const T=document.createElement("div");T.classList.add("view");document.getElementById("viewspacecontainer").appendChild(T);const{width:x,height:S}=function(e){const t=getComputedStyle(e);return{width:parseInt(t.width,10),height:parseInt(t.height,10)}}(T);T.style.width=`${x}px`,T.style.height=`${S}px`,console.log("Width:",x,"Height:",S);const R=e.get("mouseMode")||"orbit";let E=.99;if(!e.get("downscale")&&r){let e=x*S;for("phone"==r?(e=135e3,E=.8):"low"==r?(e=15e4,E=.8):"medium"==r&&(e=768e3,E=.95);x*S/a>e;)a++;console.log("Automatically chose a downscaling factor of "+a)}o.useLargerStepsWhenOccluded=!1,o.step_size_visibility_delay=E;const b=parseFloat(e.get("near")||.01),C=parseFloat(e.get("vfovy")||40),w=document.querySelector(".viewspace");w.textContent="",w.appendChild(T);let A=document.createElement("canvas");T.appendChild(A),A.style.width="100%",A.style.height="100%",A.style.border=getComputedStyle(T).border,A.style.borderRadius=getComputedStyle(T).borderRadius,A.style.boxSizing=getComputedStyle(T).boxSizing,gStats=Stats(),gStats.dom.style.position="absolute",gStats.dom.style.display="none",w.appendChild(gStats.dom),gSubmodelPanel=gStats.addPanel(new Stats.Panel("SM","#0ff","#002")),gSubmodelPanel.update(getActiveSubmodelIndex()),gVMemPanel=gStats.addPanel(new Stats.Panel("MB VRAM","#0ff","#002")),gVMemPanel.update(0),gStats.showPanel(0);let v=A.getContext("webgl2",{powerPreference:"high-performance",alpha:!1,stencil:!0,precision:"highp",depth:!0,antialias:!1,desynchronized:!1,preserveDrawingBuffer:l&&"quality"===l.toLowerCase()});v.enable(v.DEPTH_TEST),v.depthFunc(v.LEQUAL),v.pixelStorei(v.UNPACK_ALIGNMENT,1),v.viewport(0,0,A.width,A.height),gRenderer=new THREE.WebGLRenderer({canvas:A,context:v}),gCamera=new THREE.PerspectiveCamera(C,Math.trunc(T.offsetWidth/a)/Math.trunc(T.offsetHeight/a),b,2e3),gCamera.updateProjectionMatrix(),window.sceneCamera=gCamera,setupProgressiveRendering(T,a),gRenderer.autoClear=!1,gRenderer.setSize(T.offsetWidth,T.offsetHeight),gRenderer.setClearColor(0,1),setupCameraControls(R,T),setupViewport(Math.trunc(T.offsetWidth/a),Math.trunc(T.offsetHeight/a)),loadScene(t,o)}let sphereAdded=!1;function renderNextFrame(e){garbageCollectSubmodelPayloads();let t=positionToSubmodel(gCamera.position,getActiveSubmodelContent().params);setCurrentRayMarchScene(t),t=getActiveSubmodelIndex();let r=getSubmodelContent(t).params;for(let e=0;e<gFrameMult;++e){gSubmodelTransform=submodelTransform(t,r),gSubmodelPanel.update(t),gVMemPanel.update(getCurrentTextureUsageInBytes()/1e6),disableCameraControls||updateCameraControls(),gBenchmark||gCamera.updateProjectionMatrix(),gCamera.updateMatrixWorld();const e=submodelCenter(t,r),a=getSubmodelScale(t);let n=(new THREE.Vector3).copy(gCamera.position);n.sub(e),n.multiplyScalar(a);let s=getRayMarchScene().children[0].material.uniforms;s.weightsZero.value&&s.weightsZero.value.dispose(),s.weightsOne.value&&s.weightsOne.value.dispose(),s.weightsTwo.value&&s.weightsTwo.value.dispose(),s.bias_0.value=trilerpDeferredMlpBiases(t,0,n),s.bias_1.value=trilerpDeferredMlpBiases(t,1,n),s.bias_2.value=trilerpDeferredMlpBiases(t,2,n),s.weightsZero.value=trilerpDeferredMlpKernel(t,0,n),s.weightsOne.value=trilerpDeferredMlpKernel(t,1,n),s.weightsTwo.value=trilerpDeferredMlpKernel(t,2,n),gRenderer.clear(),renderProgressively(),gRenderer.render(gSphereScene,gCamera)}gStats.update();let a=()=>{requestAnimationFrame(renderNextFrame)};gBenchmark&&(a=benchmarkPerformance(a)),a()}function start(){initFromParameters(),addHandlers(),gCamera&&gRenderer?(addInteractionPlane(),setupNewPlaneGizmo(newPlane),setupMouseHover(),window.addEventListener("mousemove",onMouseMove,!1),window.addEventListener("mousedown",onMouseDown,!1),window.addEventListener("mouseup",onMouseUp,!1)):console.error("gCamera ou gRenderer non initialisés.")}window.onload=start;

.history/combined.min_20241120000010.js

@@ -0,0 +1,2 @@
+//# sourceMappingURL=combined.min.js.map
+let DecodeStream=function(){function e(){this.pos=0,this.bufferLength=0,this.eof=!1,this.buffer=null}return e.prototype={ensureBuffer:function(e){var t=this.buffer,r=t?t.byteLength:0;if(e<r)return t;for(var a=512;a<e;)a<<=1;for(var n=new Uint8Array(a),s=0;s<r;++s)n[s]=t[s];return this.buffer=n},getByte:function(){for(var e=this.pos;this.bufferLength<=e;){if(this.eof)return null;this.readBlock()}return this.buffer[this.pos++]},getBytes:function(e){var t=this.pos;if(e){this.ensureBuffer(t+e);for(var r=t+e;!this.eof&&this.bufferLength<r;)this.readBlock();var a=this.bufferLength;r>a&&(r=a)}else{for(;!this.eof;)this.readBlock();r=this.bufferLength}return this.pos=r,this.buffer.subarray(t,r)},lookChar:function(){for(var e=this.pos;this.bufferLength<=e;){if(this.eof)return null;this.readBlock()}return String.fromCharCode(this.buffer[this.pos])},getChar:function(){for(var e=this.pos;this.bufferLength<=e;){if(this.eof)return null;this.readBlock()}return String.fromCharCode(this.buffer[this.pos++])},makeSubStream:function(e,t,r){for(var a=e+t;this.bufferLength<=a&&!this.eof;)this.readBlock();return new Stream(this.buffer,e,t,r)},skip:function(e){e||(e=1),this.pos+=e},reset:function(){this.pos=0}},e}(),FlateStream=function(){var e=new Uint32Array([16,17,18,0,8,7,9,6,10,5,11,4,12,3,13,2,14,1,15]),t=new Uint32Array([3,4,5,6,7,8,9,10,65547,65549,65551,65553,131091,131095,131099,131103,196643,196651,196659,196667,262211,262227,262243,262259,327811,327843,327875,327907,258,258,258]),r=new Uint32Array([1,2,3,4,65541,65543,131081,131085,196625,196633,262177,262193,327745,327777,393345,393409,459009,459137,524801,525057,590849,591361,657409,658433,724993,727041,794625,798721,868353,876545]),a=[new Uint32Array([459008,524368,524304,524568,459024,524400,524336,590016,459016,524384,524320,589984,524288,524416,524352,590048,459012,524376,524312,589968,459028,524408,524344,590032,459020,524392,524328,59e4,524296,524424,524360,590064,459010,524372,524308,524572,459026,524404,524340,590024,459018,524388,524324,589992,524292,524420,524356,590056,459014,524380,524316,589976,459030,524412,524348,590040,459022,524396,524332,590008,524300,524428,524364,590072,459009,524370,524306,524570,459025,524402,524338,590020,459017,524386,524322,589988,524290,524418,524354,590052,459013,524378,524314,589972,459029,524410,524346,590036,459021,524394,524330,590004,524298,524426,524362,590068,459011,524374,524310,524574,459027,524406,524342,590028,459019,524390,524326,589996,524294,524422,524358,590060,459015,524382,524318,589980,459031,524414,524350,590044,459023,524398,524334,590012,524302,524430,524366,590076,459008,524369,524305,524569,459024,524401,524337,590018,459016,524385,524321,589986,524289,524417,524353,590050,459012,524377,524313,589970,459028,524409,524345,590034,459020,524393,524329,590002,524297,524425,524361,590066,459010,524373,524309,524573,459026,524405,524341,590026,459018,524389,524325,589994,524293,524421,524357,590058,459014,524381,524317,589978,459030,524413,524349,590042,459022,524397,524333,590010,524301,524429,524365,590074,459009,524371,524307,524571,459025,524403,524339,590022,459017,524387,524323,589990,524291,524419,524355,590054,459013,524379,524315,589974,459029,524411,524347,590038,459021,524395,524331,590006,524299,524427,524363,590070,459011,524375,524311,524575,459027,524407,524343,590030,459019,524391,524327,589998,524295,524423,524359,590062,459015,524383,524319,589982,459031,524415,524351,590046,459023,524399,524335,590014,524303,524431,524367,590078,459008,524368,524304,524568,459024,524400,524336,590017,459016,524384,524320,589985,524288,524416,524352,590049,459012,524376,524312,589969,459028,524408,524344,590033,459020,524392,524328,590001,524296,524424,524360,590065,459010,524372,524308,524572,459026,524404,524340,590025,459018,524388,524324,589993,524292,524420,524356,590057,459014,524380,524316,589977,459030,524412,524348,590041,459022,524396,524332,590009,524300,524428,524364,590073,459009,524370,524306,524570,459025,524402,524338,590021,459017,524386,524322,589989,524290,524418,524354,590053,459013,524378,524314,589973,459029,524410,524346,590037,459021,524394,524330,590005,524298,524426,524362,590069,459011,524374,524310,524574,459027,524406,524342,590029,459019,524390,524326,589997,524294,524422,524358,590061,459015,524382,524318,589981,459031,524414,524350,590045,459023,524398,524334,590013,524302,524430,524366,590077,459008,524369,524305,524569,459024,524401,524337,590019,459016,524385,524321,589987,524289,524417,524353,590051,459012,524377,524313,589971,459028,524409,524345,590035,459020,524393,524329,590003,524297,524425,524361,590067,459010,524373,524309,524573,459026,524405,524341,590027,459018,524389,524325,589995,524293,524421,524357,590059,459014,524381,524317,589979,459030,524413,524349,590043,459022,524397,524333,590011,524301,524429,524365,590075,459009,524371,524307,524571,459025,524403,524339,590023,459017,524387,524323,589991,524291,524419,524355,590055,459013,524379,524315,589975,459029,524411,524347,590039,459021,524395,524331,590007,524299,524427,524363,590071,459011,524375,524311,524575,459027,524407,524343,590031,459019,524391,524327,589999,524295,524423,524359,590063,459015,524383,524319,589983,459031,524415,524351,590047,459023,524399,524335,590015,524303,524431,524367,590079]),9],n=[new Uint32Array([327680,327696,327688,327704,327684,327700,327692,327708,327682,327698,327690,327706,327686,327702,327694,0,327681,327697,327689,327705,327685,327701,327693,327709,327683,327699,327691,327707,327687,327703,327695,0]),5];function s(e){throw new Error(e)}function i(e){var t=0,r=e[t++],a=e[t++];-1!=r&&-1!=a||s("Invalid header in flate stream"),8!=(15&r)&&s("Unknown compression method in flate stream"),((r<<8)+a)%31!=0&&s("Bad FCHECK in flate stream"),32&a&&s("FDICT bit set in flate stream"),this.bytes=e,this.bytesPos=2,this.codeSize=0,this.codeBuf=0,DecodeStream.call(this)}return i.prototype=Object.create(DecodeStream.prototype),i.prototype.getBits=function(e){for(var t,r=this.codeSize,a=this.codeBuf,n=this.bytes,i=this.bytesPos;r<e;)void 0===(t=n[i++])&&s("Bad encoding in flate stream"),a|=t<<r,r+=8;return t=a&(1<<e)-1,this.codeBuf=a>>e,this.codeSize=r-=e,this.bytesPos=i,t},i.prototype.getCode=function(e){for(var t=e[0],r=e[1],a=this.codeSize,n=this.codeBuf,i=this.bytes,o=this.bytesPos;a<r;){var l;void 0===(l=i[o++])&&s("Bad encoding in flate stream"),n|=l<<a,a+=8}var c=t[n&(1<<r)-1],u=c>>16,d=65535&c;return(0==a||a<u||0==u)&&s("Bad encoding in flate stream"),this.codeBuf=n>>u,this.codeSize=a-u,this.bytesPos=o,d},i.prototype.generateHuffmanTable=function(e){for(var t=e.length,r=0,a=0;a<t;++a)e[a]>r&&(r=e[a]);for(var n=1<<r,s=new Uint32Array(n),i=1,o=0,l=2;i<=r;++i,o<<=1,l<<=1)for(var c=0;c<t;++c)if(e[c]==i){var u=0,d=o;for(a=0;a<i;++a)u=u<<1|1&d,d>>=1;for(a=u;a<n;a+=l)s[a]=i<<16|c;++o}return[s,r]},i.prototype.readBlock=function(){function i(e,t,r,a,n){for(var s=e.getBits(r)+a;s-- >0;)t[m++]=n}var o=this.getBits(3);if(1&o&&(this.eof=!0),0!=(o>>=1)){var l,c;if(1==o)l=a,c=n;else if(2==o){for(var u=this.getBits(5)+257,d=this.getBits(5)+1,p=this.getBits(4)+4,g=Array(e.length),m=0;m<p;)g[e[m++]]=this.getBits(3);for(var h=this.generateHuffmanTable(g),f=0,y=(m=0,u+d),_=new Array(y);m<y;){var T=this.getCode(h);16==T?i(this,_,2,3,f):17==T?i(this,_,3,3,f=0):18==T?i(this,_,7,11,f=0):_[m++]=f=T}l=this.generateHuffmanTable(_.slice(0,u)),c=this.generateHuffmanTable(_.slice(u,y))}else s("Unknown block type in flate stream");for(var x=(M=this.buffer)?M.length:0,S=this.bufferLength;;){var R=this.getCode(l);if(R<256)S+1>=x&&(x=(M=this.ensureBuffer(S+1)).length),M[S++]=R;else{if(256==R)return void(this.bufferLength=S);var E=(R=t[R-=257])>>16;E>0&&(E=this.getBits(E));f=(65535&R)+E;R=this.getCode(c),(E=(R=r[R])>>16)>0&&(E=this.getBits(E));var b=(65535&R)+E;S+f>=x&&(x=(M=this.ensureBuffer(S+f)).length);for(var C=0;C<f;++C,++S)M[S]=M[S-b]}}}else{var w,A=this.bytes,v=this.bytesPos;void 0===(w=A[v++])&&s("Bad block header in flate stream");var G=w;void 0===(w=A[v++])&&s("Bad block header in flate stream"),G|=w<<8,void 0===(w=A[v++])&&s("Bad block header in flate stream");var P=w;void 0===(w=A[v++])&&s("Bad block header in flate stream"),(P|=w<<8)!=(65535&~G)&&s("Bad uncompressed block length in flate stream"),this.codeBuf=0,this.codeSize=0;var D=this.bufferLength,M=this.ensureBuffer(D+G),k=D+G;this.bufferLength=k;for(var F=D;F<k;++F){if(void 0===(w=A[v++])){this.eof=!0;break}M[F]=w}this.bytesPos=v}},i}(),PNG=function(){class e{static load(t,r,a){"function"==typeof r&&(a=r);const n=new XMLHttpRequest;return n.open("GET",t,!0),n.responseType="arraybuffer",n.onload=()=>{const t=new Uint8Array(n.response||n.mozResponseArrayBuffer),s=new e(t);return"function"==typeof(r&&r.getContext)&&s.render(r),"function"==typeof a?a(s):void 0},n.send(null)}constructor(e){let t;this.data=e,this.pos=8,this.palette=[],this.imgData=[],this.transparency={},this.animation=null,this.text={};let r=null;for(;;){var a;let e=this.readUInt32(),d="";for(t=0;t<4;t++)d+=String.fromCharCode(this.data[this.pos++]);switch(d){case"IHDR":this.width=this.readUInt32(),this.height=this.readUInt32(),this.bits=this.data[this.pos++],this.colorType=this.data[this.pos++],this.compressionMethod=this.data[this.pos++],this.filterMethod=this.data[this.pos++],this.interlaceMethod=this.data[this.pos++];break;case"acTL":this.animation={numFrames:this.readUInt32(),numPlays:this.readUInt32()||1/0,frames:[]};break;case"PLTE":this.palette=this.read(e);break;case"fcTL":r&&this.animation.frames.push(r),this.pos+=4,r={width:this.readUInt32(),height:this.readUInt32(),xOffset:this.readUInt32(),yOffset:this.readUInt32()};var n=this.readUInt16(),s=this.readUInt16()||100;r.delay=1e3*n/s,r.disposeOp=this.data[this.pos++],r.blendOp=this.data[this.pos++],r.data=[];break;case"IDAT":case"fdAT":for("fdAT"===d&&(this.pos+=4,e-=4),a=r&&r.data||this.imgData,t=0;t<e;t++)a.push(this.data[this.pos++]);break;case"tRNS":switch(this.transparency={},this.colorType){case 3:this.transparency.indexed=this.read(e);var i=255-this.transparency.indexed.length;if(i>0)for(t=0;t<i;t++)this.transparency.indexed.push(255);break;case 0:this.transparency.grayscale=this.read(e)[0];break;case 2:this.transparency.rgb=this.read(e)}break;case"tEXt":var o=this.read(e),l=o.indexOf(0),c=String.fromCharCode.apply(String,o.slice(0,l));this.text[c]=String.fromCharCode.apply(String,o.slice(l+1));break;case"IEND":switch(r&&this.animation.frames.push(r),this.colorType){case 0:case 3:case 4:this.colors=1;break;case 2:case 6:this.colors=3}this.hasAlphaChannel=[4,6].includes(this.colorType);var u=this.colors+(this.hasAlphaChannel?1:0);switch(this.pixelBitlength=this.bits*u,this.colors){case 1:this.colorSpace="DeviceGray";break;case 3:this.colorSpace="DeviceRGB"}return void(this.imgData=new Uint8Array(this.imgData));default:this.pos+=e}if(this.pos+=4,this.pos>this.data.length)throw new Error("Incomplete or corrupt PNG file")}}read(e){const t=new Array(e);for(let r=0;r<e;r++)t[r]=this.data[this.pos++];return t}readUInt32(){return this.data[this.pos++]<<24|this.data[this.pos++]<<16|this.data[this.pos++]<<8|this.data[this.pos++]}readUInt16(){return this.data[this.pos++]<<8|this.data[this.pos++]}decodePixels(e){if(null==e&&(e=this.imgData),0===e.length)return new Uint8Array(0);e=(e=new FlateStream(e)).getBytes();const{width:t,height:r}=this,a=this.pixelBitlength/8,n=new Uint8Array(t*r*a),{length:s}=e;let i=0;function o(o,l,c,u,d=!1){const p=Math.ceil((t-o)/c),g=Math.ceil((r-l)/u),m=a*p,h=d?n:new Uint8Array(m*g);let f=0,y=0;for(;f<g&&i<s;){var _,T,x,S,R;switch(e[i++]){case 0:for(x=0;x<m;x++)h[y++]=e[i++];break;case 1:for(x=0;x<m;x++)_=e[i++],S=x<a?0:h[y-a],h[y++]=(_+S)%256;break;case 2:for(x=0;x<m;x++)_=e[i++],T=(x-x%a)/a,R=f&&h[(f-1)*m+T*a+x%a],h[y++]=(R+_)%256;break;case 3:for(x=0;x<m;x++)_=e[i++],T=(x-x%a)/a,S=x<a?0:h[y-a],R=f&&h[(f-1)*m+T*a+x%a],h[y++]=(_+Math.floor((S+R)/2))%256;break;case 4:for(x=0;x<m;x++){var E,b;_=e[i++],T=(x-x%a)/a,S=x<a?0:h[y-a],0===f?R=b=0:(R=h[(f-1)*m+T*a+x%a],b=T&&h[(f-1)*m+(T-1)*a+x%a]);const t=S+R-b,r=Math.abs(t-S),n=Math.abs(t-R),s=Math.abs(t-b);E=r<=n&&r<=s?S:n<=s?R:b,h[y++]=(_+E)%256}break;default:throw new Error(`Invalid filter algorithm: ${e[i-1]}`)}if(!d){let e=((l+f*u)*t+o)*a,r=f*m;for(x=0;x<p;x++){for(let t=0;t<a;t++)n[e++]=h[r++];e+=(c-1)*a}}f++}}return 1===this.interlaceMethod?(o(0,0,8,8),o(4,0,8,8),o(0,4,4,8),o(2,0,4,4),o(0,2,2,4),o(1,0,2,2),o(0,1,1,2)):o(0,0,1,1,!0),n}decodePalette(){const{palette:e}=this,{length:t}=e,r=this.transparency.indexed||[],a=new Uint8Array((r.length||0)+t);let n=0,s=0;for(let o=0;o<t;o+=3){var i;a[n++]=e[o],a[n++]=e[o+1],a[n++]=e[o+2],a[n++]=null!=(i=r[s++])?i:255}return a}copyToImageData(e,t){let r,a,{colors:n}=this,s=null,i=this.hasAlphaChannel;this.palette.length&&(s=this._decodedPalette||(this._decodedPalette=this.decodePalette()),n=4,i=!0);const o=e.data||e,{length:l}=o,c=s||t;let u=r=0;if(1===n)for(;u<l;){a=s?4*t[u/4]:r;const e=c[a++];o[u++]=e,o[u++]=e,o[u++]=e,o[u++]=i?c[a++]:255,r=a}else for(;u<l;)a=s?4*t[u/4]:r,o[u++]=c[a++],o[u++]=c[a++],o[u++]=c[a++],o[u++]=i?c[a++]:255,r=a}decode(){const e=new Uint8Array(this.width*this.height*4);return this.copyToImageData(e,this.decodePixels()),e}renderFrame(e,t){const{frames:r}=this.animation,a=r[t],n=r[t-1];return 0===t&&e.clearRect(0,0,this.width,this.height),1===(n&&n.disposeOp)?e.clearRect(n.xOffset,n.yOffset,n.width,n.height):2===(n&&n.disposeOp)&&e.putImageData(n.imageData,n.xOffset,n.yOffset),0===a.blendOp&&e.clearRect(a.xOffset,a.yOffset,a.width,a.height),e.drawImage(a.image,a.xOffset,a.yOffset)}animate(e){let t=0;const{numFrames:r,frames:a,numPlays:n}=this.animation,s=()=>{const i=t++%r,o=a[i];this.renderFrame(e,i),r>1&&t/r<n&&(this.animation._timeout=setTimeout(s,o.delay))};s()}stopAnimation(){return clearTimeout(this.animation&&this.animation._timeout)}render(e){e._png&&e._png.stopAnimation(),e._png=this,e.width=this.width,e.height=this.height;const t=e.getContext("2d");if(this.animation)return this.decodeFrames(t),this.animate(t);{const e=t.createImageData(this.width,this.height);return this.copyToImageData(e,this.decodePixels()),t.putImageData(e,0,0)}}}return e}();function createSceneSpec(e){return{assetType:"scene",occupancyGridsSpec:createOccupancyGridsSpec(e),distanceGridsSpec:createDistanceGridsSpec(e),triplaneSpec:createTriplaneSpec(e),sparseGridSpec:createSparseGridSpec(e)}}function createOccupancyGridsSpec(e){let t=[8,16,32,64,128];return e.useBits&&(t=[8,32,128]),e.useDistanceGrid&&(t=[8]),{assetType:"occupancy_grids",gridSpecs:t.map((t=>createOccupancyGridSpec(e,"occupancy_grid",t))),blockSizes:t}}function createDistanceGridsSpec(e){if(!e.useDistanceGrid)return{assetType:"distance_grids",gridSpecs:[],blockSizes:[]};return{assetType:"distance_grids",gridSpecs:[createOccupancyGridSpec(e,"distance_grid",8)],blockSizes:[8]}}function createSparseGridSpec(e){e.export_array_format;let t=getFieldOrDefault(e,"export_store_rgb_and_density_separately",!1),r={assetType:"sparse_grid",blockIndicesSpec:createSparseGridBlockIndicesSpec(e),separateRgbAndDensity:t};return t?(r.rgbSpec=createSparseGridAssetSpec(e,"sparse_grid_rgb",3),r.densitySpec=createSparseGridAssetSpec(e,"sparse_grid_density",2),r.featuresSpec=createSparseGridAssetSpec(e,"sparse_grid_features",3)):(r.rgbAndDensitySpec=createSparseGridAssetSpec(e,"sparse_grid_rgb_and_density",4),r.featuresSpec=createSparseGridAssetSpec(e,"sparse_grid_features",4)),r}function createSparseGridBlockIndicesSpec(e){const t=e.export_array_format||"png";let r=e.sparse_grid_resolution/e.data_block_size;return{assetType:"sparse_grid_block_indices",filename:`sparse_grid_block_indices.${t}`,shape:[r,r,r],numChannels:3}}function createSparseGridAssetSpec(e,t,r){const a=e.export_array_format||"png";let n=e.num_slices,s=e.atlas_width,i=e.atlas_height,o=e.atlas_depth,l=Math.ceil(o/n),c=[];for(let e=0;e<n;++e){const o=digits(e,3);filename=`${t}_${o}.${a}`,c.push({assetType:`${t}_slice`,shape:[s,i,l],numChannels:r,sliceIndex:e,numSlices:n,filename:filename})}return{assetType:`${t}_slices`,shape:[s,i,o],numChannels:r,sliceSpecs:c,numSlices:n,mergeSlices:getMergeSlices(e)}}function createOccupancyGridSpec(e,t,r){const a=e.export_array_format||"png",n=e.triplane_resolution,s=e.triplane_voxel_size,i=Math.ceil(n/r),o=s*r;const l=getFieldOrDefault(e,"export_slice_occupancy_and_distance_grids",!0)&&i>256;let c=getFieldOrDefault(e,"export_pad_occupancy_and_distance_grids",!0)?4:1,u=[];if(e.legacyGrids||!l){let n=`${t}_${r}.${a}`;e.legacyGrids||(n=`${t}_${r}_000.${a}`),u.push({assetType:`${t}_slice`,shape:[i,i,i],numChannels:c,sliceIndex:0,numSlices:1,filename:n})}else{const e=Math.ceil(i/8);for(let n=0;n<8;++n){let s=`${t}_${r}_${digits(n,3)}.${a}`;u.push({assetType:`${t}_slice`,shape:[i,i,e],numChannels:c,sliceIndex:n,numSlices:8,filename:s})}}return{assetType:`${t}_slices`,shape:[i,i,i],numChannels:c,voxelSize:o,blockSize:r,sliceSpecs:u,numSlices:8,mergeSlices:getMergeSlices(e)}}function createTriplaneSpec(e){const t=e.triplane_resolution;let r={assetType:"triplane",shape:[t,t,3],numSlices:3,voxelSize:e.triplane_voxel_size,separateRgbAndDensity:getFieldOrDefault(e,"export_store_rgb_and_density_separately",!1),featuresSpec:createTriplaneSlicesSpec(e,"triplane_features",4)};return r.separateRgbAndDensity?(r.rgbSpec=createTriplaneSlicesSpec(e,"triplane_rgb",3),r.densitySpec=createTriplaneSlicesSpec(e,"triplane_density",1)):r.rgbAndDensitySpec=createTriplaneSlicesSpec(e,"triplane_rgb_and_density",4),r}function createTriplaneSlicesSpec(e,t,r){const a=e.triplane_resolution;return{assetType:`${t}_slices`,shape:[a,a,3],numChannels:r,numSlices:3,mergeSlices:getMergeSlices(e),sliceSpecs:range(3).map((a=>createPlaneSliceSpec(e,t,r,a)))}}function createPlaneSliceSpec(e,t,r,a){const n=e.export_array_format||"png",s=e.triplane_resolution;let i=t.replace(/^triplane_/,"plane_");return{assetType:`${t}_slice`,shape:[s,s,1],numChannels:r,sliceIndex:a,numSlices:3,filename:`${i}_${a}.${n}`}}function getMergeSlices(e){const t=getFieldOrDefault(e,"export_store_rgb_and_density_separately",!1),r=getFieldOrDefault(e,"merge_slices",!t);if(!t&&!r)throw new Error('Slices must be merged when using "rgb_and_density" images. Please re-export with export_store_rgb_and_density_separately=true and try again.');return r&&t}const baseGoogleApiUrl="https://firebasestorage.googleapis.com/v0/b/test3-2d896.appspot.com/o";let gcsToken=null;function fetchGcsToken(){return gcsToken||(gcsToken=fetch("http://localhost:3001/get-gcs-token").then((e=>{if(!e.ok)throw new Error(`Erreur lors de la récupération du jeton GCS: ${e.status}`);return e.json()})).then((e=>(gcsToken=e.token,setTimeout((()=>{gcsToken=null}),84e4),gcsToken))).catch((e=>{throw console.error("Erreur lors de la récupération du jeton GCS:",e),gcsToken=null,e})),gcsTokenPromise)}function fetchScene(e,t){return{...e,occupancyGridsAsset:fetchAsset(e.occupancyGridsSpec,t),distanceGridsAsset:fetchAsset(e.distanceGridsSpec,t),triplaneAsset:fetchAsset(e.triplaneSpec,t),sparseGridAsset:fetchAsset(e.sparseGridSpec,t)}}function fetchOccupancyGrids(e,t){let r=e.gridSpecs.map((e=>fetchAsset(e,t)));return{...e,gridAssets:r}}function fetchSlices(e,t){let r=e.sliceSpecs.map((e=>fetchAsset(e,t)));return{...e,sliceAssets:r}}function fetchTriplane(e,t){let r={...e,featuresAsset:fetchAsset(e.featuresSpec,t)};return e.separateRgbAndDensity?(r.rgbAsset=fetchAsset(e.rgbSpec,t),r.densityAsset=fetchAsset(e.densitySpec,t)):r.rgbAndDensityAsset=fetchAsset(e.rgbAndDensitySpec,t),r}function fetchArray(e,t){const r=t.dirUrl;if("string"!=typeof r)throw console.error("dirUrl is not a valid string:",r),new Error("dirUrl must be a valid string");if(!e.filename)throw console.error("Spec missing filename:",e),new Error("Spec must contain a valid filename");const a=cleanPath(r),n=e.filename.endsWith(".gz")?e.filename.slice(0,-3):e.filename,s=encodeURIComponent(a),i=`${baseGoogleApiUrl}/users%2Fvisite_3D%2F${s}%2F${n}?alt=media&token=${gcsToken}`;console.log("Fetching from URL:",i);const o=loadAsset(i).then(validateSize(e)).then(onImageLoaded);return{...e,asset:o}}function validateSize(e){return t=>{const r=product(e.shape)*e.numChannels;return console.assert(t.length===r,`Size mismatch for ${e.filename}`,e,t),t}}function cleanPath(e){const t=e.split("/"),r=[];for(let e=0;e<t.length;e++)".."===t[e]?r.length&&r.pop():"."!==t[e]&&""!==t[e]&&r.push(t[e]);return r.join("/")}function fetchSparseGrid(e,t){let r={...e,blockIndicesAsset:fetchAsset(e.blockIndicesSpec,t),featuresAsset:fetchAsset(e.featuresSpec,t)};return e.separateRgbAndDensity?(r.rgbAsset=fetchAsset(e.rgbSpec,t),r.densityAsset=fetchAsset(e.densitySpec,t)):r.rgbAndDensityAsset=fetchAsset(e.rgbAndDensitySpec,t),r}function notImplementedError(e,t){console.error(`${e.assetType} is not yet implemented`,e)}const gFetchRegistry={scene:fetchScene,triplane:fetchTriplane,triplane_rgb_and_density_slices:fetchSlices,triplane_rgb_and_density_slice:fetchArray,triplane_rgb_slices:fetchSlices,triplane_rgb_slice:fetchArray,triplane_density_slices:fetchSlices,triplane_density_slice:fetchArray,triplane_features_slices:fetchSlices,triplane_features_slice:fetchArray,distance_grids:fetchOccupancyGrids,distance_grid_slices:fetchSlices,distance_grid_slice:fetchArray,occupancy_grids:fetchOccupancyGrids,occupancy_grid_slices:fetchSlices,occupancy_grid_slice:fetchArray,sparse_grid:fetchSparseGrid,sparse_grid_block_indices:fetchArray,sparse_grid_rgb_and_density_slices:fetchSlices,sparse_grid_rgb_and_density_slice:fetchArray,sparse_grid_rgb_slices:fetchSlices,sparse_grid_rgb_slice:fetchArray,sparse_grid_density_slices:fetchSlices,sparse_grid_density_slice:fetchArray,sparse_grid_features_slices:fetchSlices,sparse_grid_features_slice:fetchArray};function fetchAsset(e,t){let r=gFetchRegistry[e.assetType];return null==r&&console.error(`Failed to find fetchFn for assetType ${e.assetType}`,e),r(e,t)}function createEmptyVolumeTexture(e,t,r,a,n){let s=new THREE.DataTexture3D(null,e,t,r);return s.internalFormat=getInternalFormat(a),s.format=a,s.generateMipmaps=!1,s.magFilter=s.minFilter=n,s.wrapS=s.wrapT=s.wrapR=THREE.ClampToEdgeWrapping,s.type=THREE.UnsignedByteType,s.unpackAlignment=1,gRenderer.initTexture(s),s}function createEmptyTriplaneTextureArray(e,t,r,a){let n=new THREE.DataTexture2DArray(null,e,t,r);return n.internalFormat=getInternalFormat(a),n.format=a,n.generateMipmaps=!1,n.magFilter=n.minFilter=THREE.LinearFilter,n.wrapS=n.wrapT=n.wrapR=THREE.ClampToEdgeWrapping,n.type=THREE.UnsignedByteType,n.unpackAlignment=1,gRenderer.initTexture(n),n}function getInternalFormat(e){if(e==THREE.RedFormat)return"R8";if(e==THREE.LuminanceAlphaFormat)return"LUMINANCE_ALPHA";if(e==THREE.RGBFormat)return"RGB";if(e==THREE.RGBAFormat)return"RGBA";throw new Error(`Unrecognized THREE.js format: ${e}`)}function createEmptySceneTexture(e){return{textureType:"scene",occupancyGridsTexture:createEmptyTexture(e.occupancyGridsSpec),distanceGridsTexture:createEmptyTexture(e.distanceGridsSpec),triplaneTexture:createEmptyTexture(e.triplaneSpec),sparseGridTexture:createEmptyTexture(e.sparseGridSpec)}}function createEmptyOccupancyGridsTexture(e){return{textureType:e.assetType.replace(/_slices$/,""),gridTextures:e.gridSpecs.map(createEmptyTexture)}}function createEmptyOccupancyGridTexture(e){return{textureType:e.assetType.replace(/_slices$/,""),texture:createEmptyVolumeTexture(...e.shape,THREE.RedFormat,THREE.NearestFilter)}}function createEmptyTriplaneTexture(e){let t={textureType:"triplane",featuresTexture:createEmptyTexture(e.featuresSpec)};if(e.separateRgbAndDensity)t.rgbTexture=createEmptyTexture(e.rgbSpec),t.densityTexture=createEmptyTexture(e.densitySpec);else{let r=e.rgbAndDensitySpec.shape;t.rgbTexture=createEmptyTexture({assetType:"triplane_rgb_slices",shape:r}),t.densityTexture=createEmptyTexture({assetType:"triplane_density_slices",shape:r})}return t}function createEmptyTriplaneSlicesTexture(e){let t=e.assetType.replace(/_slices$/,""),r={triplane_density:THREE.RedFormat,triplane_rgb:THREE.RGBFormat,triplane_features:THREE.RGBAFormat}[t];return console.assert(null!=r,e),{textureType:t,texture:createEmptyTriplaneTextureArray(...e.shape,r)}}function createEmptySparseGridTexture(e){let t=(e,t)=>createEmptyVolumeTexture(...e.shape,t,THREE.LinearFilter),r=e.separateRgbAndDensity?e.rgbSpec:e.rgbAndDensitySpec,a=e.separateRgbAndDensity?e.densitySpec:e.rgbAndDensitySpec,n=t(r,THREE.RGBFormat),s=t(a,THREE.LuminanceAlphaFormat),i=t(e.featuresSpec,THREE.RGBFormat);return{textureType:"sparse_grid",blockIndicesTexture:{textureType:"sparse_grid_block_indices",texture:createEmptyVolumeTexture(...e.blockIndicesSpec.shape,THREE.RGBFormat,THREE.NearestFilter)},rgbTexture:{textureType:"sparse_grid_rgb",texture:n},densityTexture:{textureType:"sparse_grid_density",texture:s},featuresTexture:{textureType:"sparse_grid_features",texture:i}}}const gCreateEmptyTextureRegistry={scene:createEmptySceneTexture,triplane:createEmptyTriplaneTexture,triplane_rgb_slices:createEmptyTriplaneSlicesTexture,triplane_density_slices:createEmptyTriplaneSlicesTexture,triplane_features_slices:createEmptyTriplaneSlicesTexture,distance_grids:createEmptyOccupancyGridsTexture,distance_grid_slices:createEmptyOccupancyGridTexture,occupancy_grids:createEmptyOccupancyGridsTexture,occupancy_grid_slices:createEmptyOccupancyGridTexture,sparse_grid:createEmptySparseGridTexture};function createEmptyTexture(e){let t=gCreateEmptyTextureRegistry[e.assetType];return null==t&&console.error(`Failed to find loadFn for assetType ${e.assetType}`,e),t(e)}function prepareScenePayload(e){return{textureType:"scene",occupancyGridsPayload:prepareTexturePayload(e.occupancyGridsAsset),distanceGridsPayload:prepareTexturePayload(e.distanceGridsAsset),triplanePayload:prepareTexturePayload(e.triplaneAsset),sparseGridPayload:prepareTexturePayload(e.sparseGridAsset)}}function prepareOccupancyGridsPayload(e){return{textureType:e.assetType,gridPayloads:e.gridAssets.map(prepareTexturePayload)}}function prepareOccupancyGridPayload(e){return e.mergeSlices?prepareOccupancyGridMergedPayload(e):prepareOccupancyGridSlicesPayload(e)}function prepareOccupancyGridMergedPayload(e){return console.assert(e.assetType.endsWith("_slices"),e),{textureType:e.assetType.replace(/_slices$/,""),shape:e.shape,numChannels:e.numChannels,payload:mergeSlices(e,{1:GridTextureSource.RED_FROM_RED,4:GridTextureSource.ALPHA_FROM_RGBA}[e.numChannels],GridTextureDestination.RED_IN_RED)}}function prepareOccupancyGridSlicesPayload(e){return console.assert(e.assetType.endsWith("_slices"),e),{textureType:e.assetType.replace(/_slices$/,""),shape:e.shape,numChannels:e.numChannels,slicePayloads:e.sliceAssets.map(prepareTexturePayload)}}function prepareOccupancyGridSlicePayload(e){console.assert(e.assetType.endsWith("_slice"),e);let t=null;if(1==e.numChannels)t=e.asset;else{if(4!=e.numChannels)throw new Error("Unrecognized number of input channels",e);t=mergeSlices({shape:e.shape,numSlices:1,sliceAssets:[{...e,sliceIndex:0,numSlices:1}]},GridTextureSource.ALPHA_FROM_RGBA,GridTextureDestination.RED_IN_RED)}return{textureType:e.assetType,shape:e.shape,numChannels:e.numChannels,sliceIndex:e.sliceIndex,numSlices:e.numSlices,payload:t}}function prepareTriplanePayload(e){let t={textureType:"triplane",featuresPayload:preparePlanePayload(e.featuresAsset,"triplane_features",GridTextureSource.RGBA_FROM_RGBA,GridTextureDestination.RGBA_IN_RGBA)};return e.separateRgbAndDensity?(t.rgbPayload=preparePlanePayload(e.rgbAsset,"triplane_rgb",GridTextureSource.RGB_FROM_RGB,GridTextureDestination.RGB_IN_RGB),t.densityPayload=preparePlanePayload(e.densityAsset,"triplane_density",GridTextureSource.RED_FROM_RED,GridTextureDestination.RED_IN_RED)):(t.rgbPayload=preparePlanePayload(e.rgbAndDensityAsset,"triplane_rgb",GridTextureSource.RGB_FROM_RGBA,GridTextureDestination.RGB_IN_RGB),t.densityPayload=preparePlanePayload(e.rgbAndDensityAsset,"triplane_density",GridTextureSource.ALPHA_FROM_RGBA,GridTextureDestination.RED_IN_RED)),t}function preparePlanePayload(e,t,r,a){let n={textureType:t,shape:e.shape,numChannels:e.numChannels};return e.mergeSlices?n.payload=mergeSlices(e,r,a):n.slicePayloads=e.sliceAssets.map((e=>preparePlaneSlicePayload(e,r,a))),n}function preparePlaneSlicePayload(e,t,r){let a=null;return a=t.format==r.format&&t.channels==r.channels?e.asset:mergeSlices({shape:e.shape,numSlices:1,sliceAssets:[{...e,sliceIndex:0,numSlices:1}]},t,r),{textureType:e.assetType,shape:e.shape,sliceIndex:e.sliceIndex,numSlices:e.numSlices,numChannels:e.numChannels,payload:a}}function prepareArrayPayload(e){return{textureType:e.assetType,payload:e.asset,shape:e.shape,numChannels:e.numChannels}}function prepareSparseGridPayload(e){let t={textureType:"sparse_grid",blockIndicesPayload:prepareTexturePayload(e.blockIndicesAsset),featuresPayload:prepareTexturePayload(e.featuresAsset)};return e.separateRgbAndDensity?(t.rgbPayload=prepareTexturePayload(e.rgbAsset),t.densityPayload=prepareTexturePayload(e.densityAsset)):(t.rgbPayload=prepareTexturePayload(e.rgbAndDensityAsset),t.densityPayload=prepareSparseGridDensityPayload(e)),t}function prepareSparseGridGenericPayload(e){return e.mergeSlices?prepareSparseGridGenericMergedPayload(e):prepareSparseGridGenericSlicesPayload(e)}function prepareSparseGridGenericMergedPayload(e){let t=e.assetType.replace(/_slices$/,"");t.includes("rgb_and_density")&&(t=t.replace(/rgb_and_density$/,"rgb"));let r={2:GridTextureSource.LA_FROM_LUMINANCE_ALPHA,3:GridTextureSource.RGB_FROM_RGB,4:GridTextureSource.RGB_FROM_RGBA},a={2:GridTextureDestination.LA_IN_LUMINANCE_ALPHA,3:GridTextureDestination.RGB_IN_RGB,4:GridTextureDestination.RGB_IN_RGB},n=mergeSlices(e,r[e.numChannels],a[e.numChannels]);return{textureType:t,shape:e.shape,numChannels:e.numChannels,payload:n}}function prepareSparseGridGenericSlicesPayload(e){let t=e.assetType.replace(/_slices$/,"");return t.includes("rgb_and_density")&&(t=t.replace(/rgb_and_density$/,"rgb")),{textureType:t,shape:e.shape,numChannels:e.numChannels,numSlices:e.numSlices,slicePayloads:e.sliceAssets.map(prepareTexturePayload)}}function prepareSparseGridGenericSlicePayload(e){let t=e.assetType,r=null;if("sparse_grid_rgb_slice"==t&&3==e.numChannels||"sparse_grid_density_slice"==t&&2==e.numChannels||"sparse_grid_features_slice"==t&&3==e.numChannels)r=e.asset;else{let t={2:GridTextureSource.LA_FROM_LUMINANCE_ALPHA,3:GridTextureSource.RGB_FROM_RGB,4:GridTextureSource.RGB_FROM_RGBA},a={2:GridTextureDestination.LA_IN_LUMINANCE_ALPHA,3:GridTextureDestination.RGB_IN_RGB,4:GridTextureDestination.RGB_IN_RGB};r=mergeSlices({shape:e.shape,numSlices:1,sliceAssets:[{...e,sliceIndex:0,numSlices:1}]},t[e.numChannels],a[e.numChannels])}let a=t;return a.includes("rgb_and_density")&&(a=a.replace(/_rgb_and_density$/,"rgb")),{textureType:a,shape:e.shape,numChannels:e.numChannels,sliceIndex:e.sliceIndex,numSlices:e.numSlices,payload:r}}function prepareSparseGridDensityPayload(e){return{textureType:"sparse_grid_density",shape:e.rgbAndDensityAsset.shape,numChannels:2,payload:mergeSparseGridDensity(e)}}const gPrepareTexturePayloadRegistry={scene:prepareScenePayload,triplane:prepareTriplanePayload,distance_grids:prepareOccupancyGridsPayload,distance_grid_slices:prepareOccupancyGridPayload,distance_grid_slice:prepareOccupancyGridSlicePayload,occupancy_grids:prepareOccupancyGridsPayload,occupancy_grid_slices:prepareOccupancyGridPayload,occupancy_grid_slice:prepareOccupancyGridSlicePayload,sparse_grid:prepareSparseGridPayload,sparse_grid_block_indices:prepareArrayPayload,sparse_grid_rgb_and_density_slices:prepareSparseGridGenericPayload,sparse_grid_rgb_and_density_slice:prepareSparseGridGenericSlicePayload,sparse_grid_rgb_slices:prepareSparseGridGenericPayload,sparse_grid_rgb_slice:prepareSparseGridGenericSlicePayload,sparse_grid_density_slices:prepareSparseGridGenericPayload,sparse_grid_density_slice:prepareSparseGridGenericSlicePayload,sparse_grid_features_slices:prepareSparseGridGenericPayload,sparse_grid_features_slice:prepareSparseGridGenericSlicePayload};function prepareTexturePayload(e){let t=gPrepareTexturePayloadRegistry[e.assetType];return null==t&&console.error(`Failed to find loadFn for assetType ${e.assetType}`,e),t(e)}function populateScene(e,t){let r=[populateTexture(e.occupancyGridsTexture,t.occupancyGridsPayload),populateTexture(e.distanceGridsTexture,t.distanceGridsPayload),populateTexture(e.triplaneTexture,t.triplanePayload),populateTexture(e.sparseGridTexture,t.sparseGridPayload)];return Promise.all(r)}function populateOccupancyGridsTexture(e,t){console.assert(e.gridTextures.length==t.gridPayloads.length,e,t);let r=range(e.gridTextures.length).map((r=>populateTexture(e.gridTextures[r],t.gridPayloads[r])));return Promise.all(r)}function populateSparseGridTexture(e,t){let r=[populateTexture(e.blockIndicesTexture,t.blockIndicesPayload),populateTexture(e.rgbTexture,t.rgbPayload),populateTexture(e.densityTexture,t.densityPayload),populateTexture(e.featuresTexture,t.featuresPayload)];return Promise.all(r)}function populateTriplaneTexture(e,t){return Promise.all([populateTexture(e.rgbTexture,t.rgbPayload),populateTexture(e.densityTexture,t.densityPayload),populateTexture(e.featuresTexture,t.featuresPayload)])}async function populateArrayTexture(e,t){if(null==t.payload)throw new Error("Unclear how to ingest payload",e,t);e.texture.image.data=await t.payload,e.texture.needsUpdate=!0}function populateArrayTextureWithWebGL(e,t){if(null!=t.payload)return populateArrayTextureMergedWithWebGL(e,t);if(null!=t.slicePayloads){let r=t.slicePayloads.map((t=>populateArrayTextureSliceWithWebGL(e,t)));return Promise.all(r)}throw new Error("Unclear how to ingest payload",e,t)}async function populateArrayTextureSliceWithWebGL(e,t){let r=gRenderer.getContext();const a=t.shape[0],n=t.shape[1],s=t.shape[2],i=t.sliceIndex;let o=e.texture.format,{glFormat:l,glInternalFormat:c,numChannels:u}=threeFormatToOpenGLFormat(r,o),d=await t.payload;let p,g,m=gRenderer.properties.get(e.texture).__webglTexture;console.assert(null!=m,e),e.texture instanceof THREE.DataTexture3D?(p=r.TEXTURE_BINDING_3D,g=r.TEXTURE_3D):e.texture instanceof THREE.DataTexture2DArray&&(p=r.TEXTURE_BINDING_2D_ARRAY,g=r.TEXTURE_2D_ARRAY);let h=r.getParameter(p);r.bindTexture(g,m);performance.mark(`${e.textureType}-start`);r.texSubImage3D(g,0,0,0,i*s,a,n,s,l,r.UNSIGNED_BYTE,d,0);performance.mark(`${e.textureType}-end`);performance.measure(`${e.textureType}-duration`,`${e.textureType}-start`,`${e.textureType}-end`),r.bindTexture(g,h)}async function populateArrayTextureMergedWithWebGL(e,t){return populateArrayTextureSliceWithWebGL(e,{...t,sliceIndex:0,numSlices:1})}function threeFormatToOpenGLFormat(e,t){if(t==THREE.RGBAFormat)return{numChannels:4,glFormat:e.RGBA,glInternalFormat:e.RGBA};if(t==THREE.RGBFormat)return{numChannels:3,glFormat:e.RGB,glInternalFormat:e.RGB};if(t==THREE.LuminanceAlphaFormat)return{numChannels:2,glFormat:e.LUMINANCE_ALPHA,glInternalFormat:e.LUMINANCE_ALPHA};if(t==THREE.RedFormat)return{numChannels:1,glFormat:e.RED,glInternalFormat:e.R8};throw new Error(`Unrecognized three format: ${t}`)}const gPopulateTextureRegistry={scene:populateScene,triplane:populateTriplaneTexture,triplane_rgb:populateArrayTextureWithWebGL,triplane_density:populateArrayTextureWithWebGL,triplane_features:populateArrayTextureWithWebGL,distance_grids:populateOccupancyGridsTexture,distance_grid:populateArrayTextureWithWebGL,occupancy_grids:populateOccupancyGridsTexture,occupancy_grid:populateArrayTextureWithWebGL,sparse_grid:populateSparseGridTexture,sparse_grid_block_indices:populateArrayTextureWithWebGL,sparse_grid_rgb:populateArrayTextureWithWebGL,sparse_grid_density:populateArrayTextureWithWebGL,sparse_grid_features:populateArrayTextureWithWebGL};function populateTexture(e,t){let r=gPopulateTextureRegistry[e.textureType];return null==r&&console.error(`Failed to find loadFn for assetType ${e.textureType}`,e),r(e,t)}const NEEDS_NEW_SUBMODEL=-1,LOADING=0,READY=1;let gSubmodelSceneContents={},gSubmodelCacheSize=10,gRayMarchTextureBuffers=[{si:0,state:-1,texture:null},{si:0,state:-1,texture:null}],gActiveRayMarchTextureBuffer=0,gRayMarchScene=null;function getRayMarchScene(){if(null==gRayMarchScene)throw new Error("gRayMarchScene has not been initialized yet!");return gRayMarchScene}function getActiveSubmodelIndex(){return gRayMarchTextureBuffers[gActiveRayMarchTextureBuffer].si}function getActiveSubmodelContent(){return getSubmodelContent(getActiveSubmodelIndex())}function getSubmodelScale(e){return getSubmodelContent(e).params.submodel_scale}function getSubmodelScaleFactor(e){let t=getSubmodelContent(e);return getSubmodelScale(e)/Math.cbrt(t.params.num_submodels)}function getSubmodelContent(e){return gSubmodelSceneContents[e]}function registerSubmodelContent(e,t){gSubmodelSceneContents[e]=t}function getDeferredMlp(){return console.assert(null!=gDeferredMlp),gDeferredMlp}function registerDeferredMlp(e){validateDeferredMlp(e),gDeferredMlp=e}function getCurrentTextureUsageInBytes(){let e=0;for(rmtb of gRayMarchTextureBuffers)e+=getTextureSizeInBytes(rmtb.texture);return e}function setCurrentRayMarchScene(e){let t=gActiveRayMarchTextureBuffer,r=gRayMarchTextureBuffers[t],a=(t+1)%2,n=gRayMarchTextureBuffers[a];if(null==getSubmodelContent(e))return Promise.resolve();if(getSubmodelContent(e).lastTouched=Date.now(),e==r.si&&r.state>=0)return Promise.resolve();if(e==n.si&&1==n.state){return console.log(`Switching to buffer ${a} for submodel #${e}`),setTextureUniforms(getSubmodelContent(e).params,n.texture),gActiveRayMarchTextureBuffer=a,Promise.resolve()}return n.state>=0&&n.state<1?Promise.resolve():(console.log(`Preparing texture buffer #${a} for submodel #${e}`),n.si=e,n.state=0,Promise.resolve().then((()=>{reinitializeSparseGridTextures(n);let e=getSubmodelContent(n.si);if(null==e.payload){console.log(`Fetching assets for submodel #${n.si}`);let t=prepareTexturePayload(fetchAsset(e.spec,e.router));e.payload=t}return console.log(`Populating textures for submodel #${n.si} into buffer #${a}`),populateTexture(n.texture,e.payload)})).then((()=>{n.state=1,console.log(`Submodel #${n.si} is ready for rendering`),hideLoading()})))}function garbageCollectSubmodelPayloads(){let e=[];for(let t of Object.keys(gSubmodelSceneContents)){let r=getSubmodelContent(t);null!=r.payload&&e.push({lastTouched:r.lastTouched||0,si:t})}e.sort(((e,t)=>e.lastTouched-t.lastTouched));for(let t=0;t<e.length-gSubmodelCacheSize;++t){let r=e[t].si;console.log(`Deleting payload for submodel #${r}`),getSubmodelContent(r).payload=null}}function initializeSceneContent(e,t){return{spec:createSceneSpec(e),params:e,router:t,payload:null}}function reinitializeSparseGridTextures(e){let t=e.texture.sparseGridTexture;t.blockIndicesTexture.texture.dispose(),t.rgbTexture.texture.dispose(),t.densityTexture.texture.dispose(),t.featuresTexture.texture.dispose();let r=getSubmodelContent(e.si).spec.sparseGridSpec;e.texture.sparseGridTexture=createEmptyTexture(r)}async function initializePingPongBuffers(e){let t=getSubmodelContent(e);gRayMarchScene=await initializeRayMarchScene(e,t);for(let e of gRayMarchTextureBuffers)e.texture=createEmptyTexture(t.spec);setTextureUniforms(t.params,gRayMarchTextureBuffers[0].texture),gActiveRayMarchTextureBuffer=0}async function initializeDeferredMlp(e){let t=getSubmodelContent(e),r=t.params;if(r.export_store_deferred_mlp_separately){return loadJSONFile(t.router.translate("deferred_mlp.json")).then(registerDeferredMlp)}return registerDeferredMlp(r.deferred_mlp)}function setTextureUniforms(e,t){let r=getRayMarchScene().children[0].material.uniforms,a=t.occupancyGridsTexture.gridTextures,n=a.length;for(let e=0;e<n;++e){let t=a[e];r["occupancyGrid_L"+(n-e-1)].value=t.texture}if(e.useDistanceGrid){let e=t.distanceGridsTexture.gridTextures[0].texture;r.distanceGrid.value=e}let s=t.triplaneTexture;r.planeDensity.value=s.densityTexture.texture,r.planeRgb.value=s.rgbTexture.texture,r.planeFeatures.value=s.featuresTexture.texture;let i=t.sparseGridTexture;r.sparseGridBlockIndices.value=i.blockIndicesTexture.texture,r.sparseGridDensity.value=i.densityTexture.texture,r.sparseGridRgb.value=i.rgbTexture.texture,r.sparseGridFeatures.value=i.featuresTexture.texture,r.atlasSize.value=new THREE.Vector3(e.atlas_width,e.atlas_height,e.atlas_depth)}function getTextureSizeInBytes(e){let t=0,r=e=>{if(null==e)return 0;let t=e.texture.image;return t.height*t.width*t.depth},a=e.occupancyGridsTexture.gridTextures,n=a.length;for(let e=0;e<n;++e){t+=1*r(a[e])}if(e.distanceGridsTexture.gridTextures.length>0){t+=1*r(e.distanceGridsTexture.gridTextures[0])}let s=e.triplaneTexture;t+=3*r(s.rgbTexture),t+=1*r(s.densityTexture),t+=4*r(s.featuresTexture);let i=e.sparseGridTexture;return t+=1*r(i.blockIndicesTexture),t+=3*r(i.rgbTexture),t+=1*r(i.densityTexture),t+=4*r(i.featuresTexture),t}async function initializeRayMarchScene(e,t){let r=t.params,a=t.spec,n=kRayMarchFragmentShaderHeader;n+=await loadTextFile("viewdependency.glsl"),n+=await loadTextFile("fragment.glsl"),n=rewriteViewDependenceDefinitions(r,n);let s=new THREE.Matrix3;s.set(-1,0,0,0,0,1,0,1,0);let i=new THREE.Vector3(-2,-2,-2);n="#define kMinPosition vec3("+Number(i.x).toFixed(10)+", "+Number(i.y).toFixed(10)+", "+Number(i.z).toFixed(10)+")\n"+n,n="#define kSubmodelScale "+Number(getSubmodelScale(e)).toFixed(10)+"\n"+n,n="#define kStepMult "+gStepMult+"\n"+n,n="#define kRangeFeaturesMin "+Number(r.range_features[0]).toFixed(10)+"\n"+n,n="#define kRangeFeaturesMax "+Number(r.range_features[1]).toFixed(10)+"\n"+n,n="#define kRangeDensityMin "+Number(r.range_density[0]).toFixed(10)+"\n"+n,n="#define kRangeDensityMax "+Number(r.range_density[1]).toFixed(10)+"\n"+n;let o={bias_0:{value:null},bias_1:{value:null},bias_2:{value:null},weightsZero:{value:null},weightsOne:{value:null},weightsTwo:{value:null},displayMode:{value:gDisplayMode-0},minPosition:{value:i},world_T_cam:{value:new THREE.Matrix4},cam_T_clip:{value:new THREE.Matrix4},worldspaceROpengl:{value:s}};occupancyUniforms={};let l=a.occupancyGridsSpec.gridSpecs,c=l.length;for(let e=0;e<c;++e){let t=l[e],r=c-e-1;n="#define kVoxelSizeOccupancy_L"+r+" "+Number(t.voxelSize).toFixed(10)+"\n"+n,n="#define kGridSizeOccupancy_L"+r+" vec3("+Number(t.shape[0]).toFixed(10)+", "+Number(t.shape[1]).toFixed(10)+", "+Number(t.shape[2]).toFixed(10)+")\n"+n,occupancyUniforms["occupancyGrid_L"+r]={value:null}}if(o=extend(o,occupancyUniforms),r.useDistanceGrid){let e=a.distanceGridsSpec.gridSpecs[0];n="#define USE_DISTANCE_GRID\n"+n,n="#define kVoxelSizeDistance "+Number(e.voxelSize).toFixed(10)+"\n"+n,n="#define kGridSizeDistance vec3("+Number(e.shape[0]).toFixed(10)+", "+Number(e.shape[1]).toFixed(10)+", "+Number(e.shape[2]).toFixed(10)+")\n"+n,distanceUniforms={distanceGrid:{value:null}},o=extend(o,distanceUniforms)}let u=new THREE.Color(.5,.5,.5);r.backgroundColor&&(u=new THREE.Color(r.backgroundColor)),n="#define kBackgroundColor vec3("+Number(u.r).toFixed(10)+", "+Number(u.g).toFixed(10)+", "+Number(u.b).toFixed(10)+")\n"+n,(gExposure||r.default_exposure)&&(r.default_exposure&&(gExposure=parseFloat(r.default_exposure)),n="#define USE_EXPOSURE\n"+n,exposureUniforms={exposure:{value:gExposure}},o=extend(o,exposureUniforms));n="#define ACTIVATION_FN "+(r.activation?r.activation:"elu")+"\n"+n,null!==r.feature_gating&&void 0!==r.feature_gating&&!0!==r.feature_gating||(n="#define USE_FEATURE_GATING\n"+n),"vfr"===r.deferred_rendering_mode&&(n="#define USE_VFR\n"+n),"coarse_sum"===r.merge_features_combine_op&&(n="#define USE_FEATURE_CONCAT\n"+n),r.useBits&&(n="#define USE_BITS\n"+n),r.useLargerStepsWhenOccluded&&(n="#define LARGER_STEPS_WHEN_OCCLUDED\n"+n,n="#define kVisibilityDelay "+Number(r.step_size_visibility_delay).toFixed(10)+"\n"+n);let d=new THREE.Vector2(...a.triplaneSpec.shape);n="#define kTriplaneVoxelSize "+Number(r.triplane_voxel_size).toFixed(10)+"\n"+n,n="#define kTriplaneGridSize vec2("+Number(d.x).toFixed(10)+", "+Number(d.y).toFixed(10)+")\n"+n;o=extend(o,{planeDensity:{value:null},planeRgb:{value:null},planeFeatures:{value:null}}),n="#define kDataBlockSize "+Number(r.data_block_size).toFixed(10)+"\n"+n,n="#define kSparseGridVoxelSize "+Number(r.sparse_grid_voxel_size).toFixed(10)+"\n"+n,n="#define kSparseGridGridSize vec3("+Number(r.sparse_grid_resolution).toFixed(10)+", "+Number(r.sparse_grid_resolution).toFixed(10)+", "+Number(r.sparse_grid_resolution).toFixed(10)+")\n"+n;o=extend(o,{sparseGridBlockIndices:{value:null},sparseGridDensity:{value:null},sparseGridRgb:{value:null},sparseGridFeatures:{value:null},atlasSize:{value:null}});let p=new THREE.ShaderMaterial({uniforms:o,vertexShader:kRayMarchVertexShader,fragmentShader:n,vertexColors:!0});p.side=THREE.DoubleSide,p.depthTest=!1,p.needsUpdate=!0;const g=new THREE.PlaneBufferGeometry(...gViewportDims);let m=new THREE.Mesh(g,p);m.position.z=-100,m.frustumCulled=!1;let h=new THREE.Scene;return h.add(m),h.autoUpdate=!1,h}function validateDeferredMlp(e){const t=e["ResampleDense_0/kernel"]?"ResampleDense":"Dense";for(let r=0;r<3;r++){const a=`${t}_${r}`;let n=e[`${a}/kernel`].shape,s=e[`${a}/bias`].shape;if("ResampleDense"===t){let e=n[1];console.assert(e===n[2]&&e===n[3]),console.assert(n[0]===s[0]&&n[1]===s[1]&&n[2]===s[2]&&n[3]===s[3])}}}class WorkerPool{constructor(e,t){let r=this;e=e||2,this.workers=[];for(let a=0;a<e;++a){let e=new Worker(t);e.onmessage=e=>{r.onmessage(e)},this.workers.push(e)}this.nextworker=0,this.callbacks={},this.i=0}submit(e,t){const r=this.i;this.callbacks[r]=t,this.i+=1;const a=this.nextworker,n=this.workers[a];this.nextworker=(a+1)%this.workers.length,n.postMessage({i:r,request:e})}onmessage(e){const t=e.data,r=t.i;(0,this.callbacks[r])(t.result),delete this.callbacks[r]}}let gStats=null,gUseSubmodel=!1,gSubmodelTransform=null,gDeferredMlp=null;const DisplayModeType={DISPLAY_NORMAL:0,DISPLAY_DIFFUSE:1,DISPLAY_FEATURES:2,DISPLAY_VIEW_DEPENDENT:3,DISPLAY_COARSE_GRID:4};let gDisplayMode=DisplayModeType.DISPLAY_NORMAL,gBenchmark=!1,gFrameMult=1,gLoadAssetsWorker=new WorkerPool(4,"loadpng.worker.js"),gCopySliceWorker=new WorkerPool(4,"copyslices.worker.js");const kRayMarchVertexShader="\nvarying vec3 vOrigin;\nvarying vec3 vDirection;\nuniform mat4 world_T_cam;\nuniform mat4 cam_T_clip;\n\nvoid main() {\n  vec4 posClip = projectionMatrix * modelViewMatrix * vec4(position, 1.0);\n  gl_Position = posClip;\n  posClip /= posClip.w;\n\n  vec4 originCam = vec4(0.0, 0.0, 0.0, 1.0);\n  vec4 nearPointCam = cam_T_clip * vec4(posClip.x, posClip.y, -1.0, 1.0);\n  nearPointCam /= -nearPointCam.z;\n\n  vec4 originWorld = world_T_cam * originCam;\n  vec4 nearPointWorld = world_T_cam * nearPointCam;\n  vOrigin = originWorld.xyz / originWorld.w;\n  vDirection = nearPointWorld.xyz / nearPointWorld.w - vOrigin;\n}\n",kRayMarchFragmentShaderHeader="\nprecision highp float;\n\nvarying vec3 vOrigin;\nvarying vec3 vDirection;\n\nuniform int displayMode;\n\nuniform mat3 worldspaceROpengl;\nuniform float nearPlane;\n\n#ifdef USE_DISTANCE_GRID\nuniform highp sampler3D distanceGrid;\nuniform highp sampler3D occupancyGrid_L0;\n#else\nuniform highp sampler3D occupancyGrid_L0;\nuniform highp sampler3D occupancyGrid_L1;\nuniform highp sampler3D occupancyGrid_L2;\n#ifndef USE_BITS\nuniform highp sampler3D occupancyGrid_L3;\nuniform highp sampler3D occupancyGrid_L4;\n#endif\n#endif\n\nuniform vec4 bias_0[NUM_CHANNELS_ONE/4];\nuniform vec4 bias_1[NUM_CHANNELS_TWO/4];\nuniform vec4 bias_2[NUM_CHANNELS_THREE/4];\n\nuniform highp sampler2D weightsZero;\nuniform highp sampler2D weightsOne;\nuniform highp sampler2D weightsTwo;\n\n#ifdef USE_EXPOSURE\nuniform float exposure;\n#endif\n\nuniform vec3 atlasSize;\n\nuniform highp sampler3D sparseGridBlockIndices;\nuniform highp sampler3D sparseGridDensity;\nuniform highp sampler3D sparseGridRgb;\nuniform highp sampler3D sparseGridFeatures;\n\n// need to use texture arrays, otherwise we exceed max texture unit limit\nuniform highp sampler2DArray planeDensity;\nuniform highp sampler2DArray planeRgb;\nuniform highp sampler2DArray planeFeatures;\n";let gRenderer=null,gSubmodelCount=1,gCamera=null,gViewportDims=[640,480],gNumTextures=0,gLoadedTextures=0,gSubmodelForceIndex=-1;function extend(e,t){for(let r in t)t.hasOwnProperty(r)&&(e[r]=t[r]);return e}function error(e){const t=document.getElementById("error");t.textContent=e,t.style.display="block"}function create(e,t){const r=document.createElement(e);return t&&(r.className=t),r}function digits(e,t){const r=""+e;return r.length>=t?r:("00000"+r).substr(-t)}function setupViewport(e,t){gViewportDims=[e,t]}function range(e){return[...Array(e).keys()]}function product(e){result=1;for(let t of e)result*=t;return result}function sum(e){result=1;for(let t of e)result+=t;return result}function setDims(e,t,r){e.style.width=t.toFixed(2)+"px",e.style.height=r.toFixed(2)+"px"}function hideLoading(){document.getElementById("Loading").style.display="none",document.getElementById("loading-container").style.display="none"}function showLoading(){document.getElementById("Loading").style.display="none",document.getElementById("loading-container").style.display="none"}function isLoading(){return"none"!==document.getElementById("Loading").style.display}function onImageFetch(e){return gNumTextures++,updateLoadingProgress(),e}function onImageLoaded(e){return gLoadedTextures++,updateLoadingProgress(),e}function updateLoadingProgress(){let e=document.getElementById("image-progress");const t=gNumTextures>0?gNumTextures:"?";e.innerHTML="Loading images: "+gLoadedTextures+"/"+t}function isRendererUnsupported(){let e=document.getElementById("Loading"),t=document.getElementsByTagName("canvas")[0].getContext("webgl2");return t?!t.getExtension("WEBGL_debug_renderer_info")&&(e.innerHTML="Error: Could not fetch renderer info. Is your machine equipped with a discrete GPU?",!0):(e.innerHTML="Error: WebGL2 context not found. Is your machine equipped with a discrete GPU?",!0)}function sleep(e){return new Promise((t=>setTimeout(t,e)))}function submodelAssetPath(e,t){let r="";if(gUseSubmodel){return r=`../sm_${String(e).padStart(3,"0")}`,null==t?r:`${r}/${t}`}return t}function positionToSubmodel(e,t){if(0==gUseSubmodel)return 0;if(gSubmodelForceIndex>=0)return gSubmodelForceIndex;let r=new THREE.Vector3(-e.x,e.z,e.y),a=2/t.submodel_voxel_size,n=r.addScalar(1).divideScalar(2);n=n.multiplyScalar(a);let s=n.floor().clampScalar(0,a-1);const i=(s.x*a+s.y)*a+s.z;return t.sm_to_params[i]}function submodelCenter(e,t){if(0==gUseSubmodel)return new THREE.Vector3(0,0,0);let r=t.submodel_voxel_size,a=2/r,n=t.params_to_sm[e],s=n%a,i=(n-s)/a%a,o=(n-s-i*a)/a/a;return o=a-1-o,[i,s]=[s,i],new THREE.Vector3((o+.5)*r-1,(i+.5)*r-1,(s+.5)*r-1)}function submodelTransform(e,t){const r=submodelCenter(e,t),a=t.submodel_scale;let n=new THREE.Matrix4;n.makeScale(a,a,a);let s=new THREE.Matrix4;return s.makeTranslation(-r.x,-r.y,-r.z),submodel_matrix=new THREE.Matrix4,submodel_matrix.multiplyMatrices(n,s),submodel_matrix}async function fetchAndRetryIfNecessary(e){const t=await e();return 429===t.status?(await sleep(500),fetchAndRetryIfNecessary(e)):t}function loadAsset(e){return new Promise((t=>{gLoadAssetsWorker.submit({url:e},t)}))}function mergeSlices(e,t,r){let a=e.sliceAssets.map((e=>e.asset));return Promise.all(a).then((a=>{let n=range(a.length).map((t=>({...e.sliceAssets[t],asset:a[t]}))),s={asset:{...e,sliceAssets:n},src:t,dst:r,fn:"mergeSlices"};return new Promise((e=>{gCopySliceWorker.submit(s,e)}))}))}function mergeSparseGridDensity(e){let t=e=>Promise.all(e.sliceAssets.map((e=>e.asset))),r=[t(e.rgbAndDensityAsset),t(e.featuresAsset)];return Promise.all(r).then((t=>{let r=t[0],a=t[1],n=(e,t)=>{let r=range(t.length).map((r=>({...e.sliceAssets[r],asset:t[r]})));return{...e,sliceAssets:r}},s=n(e.rgbAndDensityAsset,r),i=n(e.featuresAsset,a),o={asset:{assetType:e.assetType,rgbAndDensityAsset:s,featuresAsset:i},fn:"mergeSparseGridDensity"};return new Promise((e=>{gCopySliceWorker.submit(o,e)}))}))}function getFieldOrDefault(e,t,r){let a=e[t];return null==a?r:a}async function loadTextFile(e){try{const t=cleanPath(e),r=await fetch("http://localhost:3001/generate-signed-url",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({dirUrl:t})});if(!r.ok)throw new Error(`Erreur lors de la génération de l'URL signée: ${r.status}`);const{url:a}=await r.json();console.log("Tentative de chargement du fichier texte depuis:",a);const n=await fetch(a);if(!n.ok)throw new Error(`Erreur lors du téléchargement du fichier: ${n.status}`);const s=await n.text();return console.log("Contenu du fichier texte chargé depuis",a,":",s),s}catch(t){throw console.error(`Erreur lors de la récupération du fichier texte depuis ${e}:`,t),t}}async function loadJSONFile(e){try{const t=cleanPath(e),r=await fetch("http://localhost:3001/generate-signed-url",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({dirUrl:t})});if(console.log("Chemin avant génération de l'URL signée:",t),!r.ok)throw new Error(`Erreur lors de la génération de l'URL signée: ${r.status}`);const{url:a}=await r.json();console.log("Tentative de chargement du fichier JSON depuis:",a);const n=await fetch(a);if(!n.ok)throw new Error(`Erreur lors du téléchargement du fichier JSON: ${n.status}`);const s=await n.json();return console.log("Contenu du fichier JSON chargé depuis",a,":",s),s}catch(t){throw console.error(`Erreur lors de la récupération du fichier JSON depuis ${e}:`,t),t}}function cleanPath(e){const t=e.split("/"),r=[];for(let e=0;e<t.length;e++)".."===t[e]?r.length&&r.pop():"."!==t[e]&&""!==t[e]&&r.push(t[e]);return r.join("/")}class Router{constructor(e,t){this.dirUrl=e,this.filenameToLink=t}translate(e){if(null!=this.filenameToLink)return this.filenameToLink[e];return`${this.cleanPath(this.dirUrl)}/${e}`}cleanPath(e){const t=e.split("/"),r=[];for(let e=0;e<t.length;e++)".."===t[e]?r.length&&r.pop():"."!==t[e]&&""!==t[e]&&r.push(t[e]);return r.join("/")}}const Format={RED:{numChannels:1},LUMINANCE_ALPHA:{numChannels:2},RGB:{numChannels:3},RGBA:{numChannels:4}},GridTextureSource={RGBA_FROM_RGBA:{format:Format.RGBA,channels:[0,1,2,3]},RGB_FROM_RGBA:{format:Format.RGBA,channels:[0,1,2]},RGB_FROM_RGB:{format:Format.RGB,channels:[0,1,2]},ALPHA_FROM_RGBA:{format:Format.RGBA,channels:[3]},RED_FROM_RED:{format:Format.RED,channels:[0]},LA_FROM_LUMINANCE_ALPHA:{format:Format.LUMINANCE_ALPHA,channels:[0,1]}},GridTextureDestination={RED_IN_RED:{format:Format.RED,channels:[0]},RGB_IN_RGB:{format:Format.RGB,channels:[0,1,2]},RGBA_IN_RGBA:{format:Format.RGBA,channels:[0,1,2,3]},LA_IN_LUMINANCE_ALPHA:{format:Format.LUMINANCE_ALPHA,channels:[0,1]},LUMINANCE_IN_LUMINANCE_ALPHA:{format:Format.LUMINANCE_ALPHA,channels:[0]},ALPHA_IN_LUMINANCE_ALPHA:{format:Format.LUMINANCE_ALPHA,channels:[1]}};let gSceneAccumulate=null,gLowResBlitCamera=null,gHighResBlitCamera=null,gOldMatrixWorld=null,gOldProjectionMatrix=null,gFrameIndex=0,gLowResTexture=null;function createAccumulateMaterial(e,t,r,a){return new THREE.ShaderMaterial({uniforms:{mapLowRes:{value:e},mapHistory:{value:t},lowResolution:{value:r},highResolution:{value:a},jitterOffset:{value:new THREE.Vector2(0,0)},emaAlpha:{value:.15}},vertexShader:accumulateVertexShader,fragmentShader:accumulateFragmentShader})}const gAccumulationTextures=[null,null],normalizeVertexShader="\nvarying vec2 vUv;\nvoid main() {\n  vUv = uv;\n  gl_Position = projectionMatrix * modelViewMatrix * vec4(position, 1.0);\n}\n",normalizeFragmentShader="\nvarying vec2 vUv;\nuniform sampler2D map;\nvoid main() {\n  gl_FragColor = texture2D(map, vUv);\n  if (gl_FragColor.a > 0.0) {\n    gl_FragColor.rgb /= gl_FragColor.a;\n  }\n  gl_FragColor.a = 1.0;\n}\n";function createNormalizeMaterial(e){return new THREE.ShaderMaterial({uniforms:{map:{value:e}},vertexShader:normalizeVertexShader,fragmentShader:normalizeFragmentShader})}let gSceneNormalize=null;const accumulateVertexShader="\nvarying vec2 vUv;\nvoid main() {\n  vUv = uv;\n  gl_Position = projectionMatrix * modelViewMatrix * vec4(position, 1.0);\n}\n",accumulateFragmentShader="\nvarying vec2 vUv;\nuniform vec2 lowResolution;\nuniform vec2 highResolution;\nuniform vec2 jitterOffset;\nuniform float emaAlpha;\n\nuniform sampler2D mapLowRes;\nuniform sampler2D mapHistory;\n\nfloat pixelFilter(vec2 pixelCenter, vec2 sampleCenter) {\n  vec2 delta = pixelCenter - sampleCenter;\n  float squaredNorm = dot(delta, delta);\n  return exp(-2.29 * squaredNorm);\n}\n\nvoid main() {\n  // First we need to compute the coordinates of the pixel centers\n  // in the low resolution grid by compensating for the camera jitter.\n  // Note that the offset is defined in clip space [-1,1]^2, so we need\n  // to multiply it by 0.5 to make it valid in texture space [0,1]^2.\n  vec2 compensatedUnitCoords = vUv - jitterOffset * 0.5;\n\n  // Now compute the integer coordinates in the low resolution grid for each\n  // adjacent texel.\n  ivec2 lowResCoords00 = ivec2(compensatedUnitCoords * lowResolution - 0.5);\n  ivec2 lowResCoords01 = ivec2(0, 1) + lowResCoords00;\n  ivec2 lowResCoords10 = ivec2(1, 0) + lowResCoords00;\n  ivec2 lowResCoords11 = ivec2(1, 1) + lowResCoords00;\n\n  float mask00 =\n    min(lowResCoords00.x, lowResCoords00.y) < 0 ||\n    lowResCoords00.x >= int(lowResolution.x) ||\n    lowResCoords00.y >= int(lowResolution.y) ? 0.0 : 1.0;\n  float mask01 =\n    min(lowResCoords01.x, lowResCoords01.y) < 0 ||\n    lowResCoords01.x >= int(lowResolution.x) ||\n    lowResCoords01.y >= int(lowResolution.y) ? 0.0 : 1.0;\n  float mask10 =\n    min(lowResCoords10.x, lowResCoords10.y) < 0 ||\n    lowResCoords10.x >= int(lowResolution.x) ||\n    lowResCoords10.y >= int(lowResolution.y) ? 0.0 : 1.0;\n  float mask11 =\n    min(lowResCoords11.x, lowResCoords11.y) < 0 ||\n    lowResCoords11.x >= int(lowResolution.x) ||\n    lowResCoords11.y >= int(lowResolution.y) ? 0.0 : 1.0;\n\n  // We also need to keep track of the high resolution counterparts of these\n  // coordinates, so we can compute the pixel reconstruction filter weights.\n  vec2 compensatedHighResCoords = highResolution * compensatedUnitCoords;\n  vec2 highResCoords00 =\n      highResolution * (vec2(lowResCoords00) + 0.5) / lowResolution;\n  vec2 highResCoords01 =\n      highResolution * (vec2(lowResCoords01) + 0.5) / lowResolution;\n  vec2 highResCoords10 =\n      highResolution * (vec2(lowResCoords10) + 0.5) / lowResolution;\n  vec2 highResCoords11 =\n      highResolution * (vec2(lowResCoords11) + 0.5) / lowResolution;\n\n  vec4 lowResColor = vec4(0.0, 0.0, 0.0, 0.0);\n  lowResColor += mask00 * vec4(\n    texelFetch(mapLowRes,lowResCoords00, 0).rgb, 1.0) *\n    pixelFilter(compensatedHighResCoords, highResCoords00);\n  lowResColor += mask01 * vec4(\n    texelFetch(mapLowRes, lowResCoords01, 0).rgb, 1.0) *\n    pixelFilter(compensatedHighResCoords, highResCoords01);\n  lowResColor += mask10 * vec4(\n    texelFetch(mapLowRes, lowResCoords10, 0).rgb, 1.0) *\n    pixelFilter(compensatedHighResCoords, highResCoords10);\n  lowResColor += mask11 * vec4(\n    texelFetch(mapLowRes, lowResCoords11, 0).rgb, 1.0) *\n    pixelFilter(compensatedHighResCoords, highResCoords11);\n\n  vec4 historyColor = texture2D(mapHistory, vUv);\n  gl_FragColor = emaAlpha * lowResColor + (1.0 - emaAlpha) * historyColor;\n}\n";function setupProgressiveRendering(e,t){gHighResBlitCamera=new THREE.OrthographicCamera(e.offsetWidth/-2,e.offsetWidth/2,e.offsetHeight/2,e.offsetHeight/-2,-1e4,1e4),gHighResBlitCamera.position.z=100;let r=new THREE.PlaneBufferGeometry(e.offsetWidth,e.offsetHeight);gLowResTexture=new THREE.WebGLRenderTarget(Math.trunc(e.offsetWidth/t),Math.trunc(e.offsetHeight/t),{minFilter:THREE.NearestFilter,magFilter:THREE.NearestFilter,type:THREE.UnsignedByteType,format:THREE.RGBFormat}),gAccumulationTextures[0]=new THREE.WebGLRenderTarget(e.offsetWidth,e.offsetHeight,{minFilter:THREE.NearestFilter,magFilter:THREE.NearestFilter,type:THREE.FloatType,format:THREE.RGBAFormat}),gAccumulationTextures[1]=new THREE.WebGLRenderTarget(e.offsetWidth,e.offsetHeight,{minFilter:THREE.NearestFilter,magFilter:THREE.NearestFilter,type:THREE.FloatType,format:THREE.RGBAFormat});let a=new THREE.Mesh(r,createAccumulateMaterial(gLowResTexture.texture,gAccumulationTextures[1],new THREE.Vector2(Math.trunc(e.offsetWidth/t),Math.trunc(e.offsetHeight/t)),new THREE.Vector2(e.offsetWidth,e.offsetHeight)));a.position.z=-100,gSceneAccumulate=new THREE.Scene,gSceneAccumulate.add(a),gSceneAccumulate.autoUpdate=!1;let n=new THREE.Mesh(r,createNormalizeMaterial(gAccumulationTextures[0].texture));n.position.z=-100,gSceneNormalize=new THREE.Scene,gSceneNormalize.add(n),gSceneNormalize.autoUpdate=!1,gLowResBlitCamera=new THREE.OrthographicCamera(Math.trunc(e.offsetWidth/t)/-2,Math.trunc(e.offsetWidth/t)/2,Math.trunc(e.offsetHeight/t)/2,Math.trunc(e.offsetHeight/t)/-2,-1e4,1e4),gLowResBlitCamera.position.z=100,gOldProjectionMatrix=gCamera.projectionMatrix.clone(),gOldMatrixWorld=gCamera.matrixWorld.clone()}function renderFrame(e){e||(e=gCamera.projectionMatrix.clone());let t=new THREE.Matrix4;t.getInverse(e);let r=gCamera.matrixWorld;submodel_T_world=gSubmodelTransform,submodel_T_camera=new THREE.Matrix4,submodel_T_camera.multiplyMatrices(submodel_T_world,r);let a=getRayMarchScene();a.children[0].material.uniforms.world_T_cam.value=submodel_T_camera,a.children[0].material.uniforms.cam_T_clip.value=t,a.children[0].material.uniforms.displayMode.value=gDisplayMode-0,gRenderer.clear(),gRenderer.render(a,gLowResBlitCamera)}function renderProgressively(){const e=gAccumulationTextures[0].width/gLowResTexture.width;if(1==e)return void renderFrame();let t=!gCamera.projectionMatrix.equals(gOldProjectionMatrix)||!gCamera.matrixWorld.equals(gOldMatrixWorld);const r=e%2==0;let a=.5,n=Math.trunc(e/2);r||(a=.5,n+=1);let s=[],i=[];for(let t=0;t<n;t++)for(let r=0;r<n;r++)s.push((a+t)/e),i.push((a+r)/e),s.push(-(a+t)/e),i.push((a+r)/e),s.push((a+t)/e),i.push(-(a+r)/e),s.push(-(a+t)/e),i.push(-(a+r)/e);let o=gFrameIndex%s.length,l=s[o],c=i[o];gLowResBlitCamera.left=l+gLowResTexture.width/-2,gLowResBlitCamera.right=l+gLowResTexture.width/2,gLowResBlitCamera.top=c+gLowResTexture.height/2,gLowResBlitCamera.bottom=c+gLowResTexture.height/-2,gLowResBlitCamera.updateProjectionMatrix(),l*=2/gLowResTexture.width,c*=2/gLowResTexture.height;let u=gCamera.projectionMatrix.clone();u.elements[8]+=l,u.elements[9]+=c,gRenderer.setRenderTarget(gLowResTexture),renderFrame(u);let d=Math.min(1,.7/s.length);t&&(gFrameIndex=0,d=1);let p=gFrameIndex%2,g=1-p;gRenderer.setRenderTarget(gAccumulationTextures[p]),gSceneAccumulate.children[0].material.uniforms.mapHistory.value=gAccumulationTextures[g].texture,gSceneAccumulate.children[0].material.uniforms.jitterOffset.value=new THREE.Vector2(l,c),gSceneAccumulate.children[0].material.uniforms.emaAlpha.value=d,gRenderer.clear(),gRenderer.render(gSceneAccumulate,gHighResBlitCamera),gRenderer.setRenderTarget(null),gSceneNormalize.children[0].material.uniforms.map.value=gAccumulationTextures[p].texture,gRenderer.clear(),gRenderer.render(gSceneNormalize,gHighResBlitCamera),gFrameIndex++,gOldProjectionMatrix=gCamera.projectionMatrix.clone(),gOldMatrixWorld=gCamera.matrixWorld.clone()}function computeTrilerpLocationsAndWeights(e,t,r){let a=(new THREE.Vector3).copy(e);a.addScalar(1),a.divideScalar(2),a.multiplyScalar(r),a.subScalar(.5);const n=(new THREE.Vector3).copy(a).floor(),s=(new THREE.Vector3).copy(a).ceil();let i=t.x>0?s.x:n.x,o=t.y>0?s.y:n.y,l=t.z>0?s.z:n.z;i=Math.min(Math.max(i,0),r-1),o=Math.min(Math.max(o,0),r-1),l=Math.min(Math.max(l,0),r-1),i=r-1-i,[o,l]=[l,o];const c=(l*r+o)*r+i;let u=a.x-n.x,d=a.y-n.y,p=a.z-n.z;0==t.x&&(u=1-u),0==t.y&&(d=1-d),0==t.z&&(p=1-p);return[c,u*d*p]}function trilerpDeferredMlpKernel(e,t,r){let a,n,s;if(gDeferredMlp["ResampleDense_"+t+"/kernel"]){const i=gDeferredMlp["ResampleDense_"+t+"/kernel"],o=i.data,l=i.shape[1],c=i.shape[4],u=i.shape[5];a=makeMultipleOf(u,4),n=makeMultipleOf(c,4),s=new Float32Array(n*a);let d=(new THREE.Vector3).copy(r);d.divideScalar(getSubmodelScaleFactor(e));const p=e*l*l*l*c*u;for(let e=0;e<2;e++)for(let t=0;t<2;t++)for(let r=0;r<2;r++){const[i,g]=computeTrilerpLocationsAndWeights(d,new THREE.Vector3(e,t,r),l),m=p+c*u*i;for(let i=0;i<a;i++)for(let a=0;a<n;a++){let l=i*n+a,d=0;a<c&&i<u&&(d=o[m+a*u+i]),e+t+r===0?s[l]=g*d:s[l]+=g*d}}}else{const e=gDeferredMlp["Dense_"+t+"/kernel"],r=e.data,i=e.shape[0],o=e.shape[1];a=makeMultipleOf(o,4),n=makeMultipleOf(i,4),s=new Float32Array(n*a);for(let e=0;e<a;e++)for(let t=0;t<n;t++){t<i&&e<o&&(s[e*n+t]=r[t*o+e])}}let i=new Float32Array(n*a);for(let e=0;e<n;e+=4)for(let t=0;t<a;t++)for(let r=0;r<4;r++)i[e/4*a*4+4*t+r]=s[e/4*4+t*(n/4*4)+r];let o=new THREE.DataTexture(i,1,n*a/4,THREE.RGBAFormat);return o.magFilter=THREE.NearestFilter,o.minFilter=THREE.NearestFilter,o.type=THREE.FloatType,o}function trilerpDeferredMlpBiases(e,t,r){let a;if(gDeferredMlp["ResampleDense_"+t+"/bias"]){const n=gDeferredMlp["ResampleDense_"+t+"/bias"],s=n.data,i=n.shape[1],o=n.shape[4],l=makeMultipleOf(o,4);a=new Array(l/4);let c=(new THREE.Vector3).copy(r);c.divideScalar(getSubmodelScaleFactor(e));const u=e*i*i*i*o;for(let e=0;e<2;e++)for(let t=0;t<2;t++)for(let r=0;r<2;r++){const[n,d]=computeTrilerpLocationsAndWeights(c,new THREE.Vector3(e,t,r),i),p=u+o*n;for(let n=0;n<l/4;++n){let i=new THREE.Vector4(0,0,0,0);for(let e=0;e<4;e++)4*n+0<l&&i.setComponent(e,s[p+4*n+e]);i.multiplyScalar(d),e+t+r===0?a[n]=i:a[n].add(i)}}}else{const e=gDeferredMlp["Dense_"+t+"/bias"],r=e.data,n=makeMultipleOf(e.shape[0],4);a=new Array(n/4);for(let e=0;e<n/4;++e){let t=new THREE.Vector4(0,0,0,0);for(let a=0;a<4;a++)4*e+0<n&&t.setComponent(a,r[4*e+a]);a[e]=t}}return a}function rewriteViewDependenceDefinitions(e,t){let r=getDeferredMlp();const a=r["ResampleDense_0/kernel"]?"ResampleDense_":"Dense_",n=r["ResampleDense_0/kernel"]?4:0;let s=t,i=["intermediate_one","intermediate_two","result"];for(let e=0;e<3;e++){let t=r[a+e+"/bias"].shape[n],o=`bias_${e}`,l=i[e],c=[];for(let e=0;e<t/4;e++)c.push(`${l}[${e}] = ${o}[${e}];`);let u=c.join(" ")+"\n";s=s.replace(new RegExp(`INITIALIZE_OUTPUT_ACTIVATIONS_${e}`,"g"),u)}let o=makeMultipleOf(r[a+"0/kernel"].shape[n],4),l=makeMultipleOf(r[a+"0/bias"].shape[n],4),c=makeMultipleOf(r[a+"1/bias"].shape[n],4),u=makeMultipleOf(r[a+"2/bias"].shape[n],4);return s=s.replace(new RegExp("NUM_CHANNELS_ZERO","g"),o),s=s.replace(new RegExp("NUM_POSENC_SCALES","g"),4..toString()),s=s.replace(new RegExp("NUM_CHANNELS_ONE","g"),l),s=s.replace(new RegExp("NUM_CHANNELS_TWO","g"),c),s=s.replace(new RegExp("NUM_CHANNELS_THREE","g"),u),s}function makeMultipleOf(e,t){return e%t==0?e:e+t-e%t}function setupInitialCameraPose(e,t){function r(e){var r,a,n;gCamera.position.x=e.position[0]+t.x,gCamera.position.y=e.position[1]+t.y,gCamera.position.z=e.position[2]+t.z,r=e.lookat[0]+t.x,a=e.lookat[1]+t.y,n=e.lookat[2]+t.z,gOrbitControls?(gOrbitControls.target.x=r,gOrbitControls.target.y=a,gOrbitControls.target.z=n):gMapControls?(gMapControls.target.x=gCamera.position.x+(r-gCamera.position.x)*gCamera.near,gMapControls.target.y=gCamera.position.y+(a-gCamera.position.y)*gCamera.near,gMapControls.target.z=gCamera.position.z+(n-gCamera.position.z)*gCamera.near):gCamera.lookAt(r,a,n)}initialPoses={default:{position:[0,0,0],lookat:[0,0,1]},gardenvase:{position:[-1.1868985500525444,.1898527233835131,-.04923970470097733],lookat:[-.05581392405861873,-.40202760746449473,.02985343723310108]},stump:{position:[0,.4,-.8],lookat:[0,-.3,0]},flowerbed:{position:[-.02402388218043944,.11825367482140309,.907525093384825],lookat:[.016306507293821822,-.15676691106539536,-.016192691610482132]},treehill:{position:[-.70994804046872,.19435986647308223,.30833533637897453],lookat:[.06327294888291587,-.13299740290200024,.0037554887097183934]},bicycle:{position:[-.4636408064933045,.49624791762954734,.8457540259646037],lookat:[.017170160491904368,-.24649043500978007,-.07787524806850904]},kitchenlego:{position:[-.5872864419408019,.05633623000443683,-.9472239198227385],lookat:[.07177184299031553,-.4020277194862108,.04850453170234236]},fulllivingroom:{position:[1.1539572663654272,-.006785278327404387,-.0972986385811351],lookat:[-.05581392405861873,-.40202760746449473,.02985343723310108]},kitchencounter:{position:[-.7006764413546107,.2255633917824672,-.46941182833135847],lookat:[.13197415755218864,-.4020278046227117,.09221809216932579]},officebonsai:{position:[-.4773314920559294,.05409730603092788,1.014304107335418],lookat:[.11970974858222336,-.40426664345968033,-.019801655674420764]}},r(initialPoses.default);for(let t in initialPoses)if(e.includes(t)){r(initialPoses[t]);break}gCamera.updateProjectionMatrix()}let gOrbitControls=null,gMapControls=null,gPointerLockControls=null,gKeyW=!1,gKeyA=!1,gKeyS=!1,gKeyD=!1,gKeyQ=!1,gKeyE=!1,gKeyShift=!1;const gClock=new THREE.Clock;function addHandlers(){let e=document.getElementById("shader-editor");document.addEventListener("keypress",(function(t){if("input"!==document.activeElement.tagName.toLowerCase()&&"textarea"!==document.activeElement.tagName.toLowerCase()&&document.activeElement!==e){if(32!==t.keyCode&&" "!==t.key&&"Spacebar"!==t.key||(gDisplayMode==DisplayModeType.DISPLAY_NORMAL?(gDisplayMode=DisplayModeType.DISPLAY_DIFFUSE,console.log("Displaying DIFFUSE")):gDisplayMode==DisplayModeType.DISPLAY_DIFFUSE?(gDisplayMode=DisplayModeType.DISPLAY_FEATURES,console.log("Displaying DISPLAY_FEATURES")):gDisplayMode==DisplayModeType.DISPLAY_FEATURES?(gDisplayMode=DisplayModeType.DISPLAY_VIEW_DEPENDENT,console.log("Displaying DISPLAY_VIEW_DEPENDENT")):gDisplayMode==DisplayModeType.DISPLAY_VIEW_DEPENDENT?(gDisplayMode=DisplayModeType.DISPLAY_COARSE_GRID,console.log("Displaying DISPLAY_COARSE_GRID")):(gDisplayMode=DisplayModeType.DISPLAY_NORMAL,console.log("Displaying DISPLAY_NORMAL")),t.preventDefault()),"r"===t.key){console.log("Recompile shader.");let r=getRayMarchScene().children[0].material;r.fragmentShader=e.value,r.needsUpdate=!0,t.preventDefault()}if("?"===t.key){let e=gCamera.getWorldPosition(new THREE.Vector3(0,0,0)),r=gCamera.getWorldQuaternion(new THREE.Quaternion);console.log(`\n// Camera Info:\ngCamera.position.set(${e.x}, ${e.y}, ${e.z});\ngCamera.quaternion.set(${r.x}, ${r.y}, ${r.z}, ${r.w});\n`),t.preventDefault()}}})),document.addEventListener("keydown",(function(t){if("input"===document.activeElement.tagName.toLowerCase()||"textarea"===document.activeElement.tagName.toLowerCase())return;if(document.activeElement===e)return;let r=t.key.toLowerCase();"w"===r&&(gKeyW=!0,t.preventDefault()),"a"===r&&(gKeyA=!0),"s"===r&&(gKeyS=!0,t.preventDefault()),"d"===r&&(gKeyD=!0,t.preventDefault()),"q"===r&&(gKeyQ=!0,t.preventDefault()),"e"===r&&(gKeyE=!0,t.preventDefault()),"Shift"===t.key&&(gKeyShift=!0,t.preventDefault())})),document.addEventListener("keyup",(function(t){if("input"===document.activeElement.tagName.toLowerCase()||"textarea"===document.activeElement.tagName.toLowerCase())return;if(document.activeElement===e)return;let r=t.key.toLowerCase();"w"===r&&(gKeyW=!1,t.preventDefault()),"a"===r&&(gKeyA=!1),"s"===r&&(gKeyS=!1,t.preventDefault()),"d"===r&&(gKeyD=!1,t.preventDefault()),"q"===r&&(gKeyQ=!1,t.preventDefault()),"e"===r&&(gKeyE=!1,t.preventDefault()),"Shift"===t.key&&(gKeyShift=!1,t.preventDefault())}))}function setupCameraControls(e,t){if(e&&"fps"==e){gPointerLockControls=new THREE.PointerLockControls(gCamera,t);let e=document.createElement("button");e.innerHTML="Commencer la visite !",e.classList.add("mouse-navigation-button"),e.addEventListener("click",(function(){gPointerLockControls.lock(),gPointerLockControls.connect(),e.classList.add("hidden")}),!1),gPointerLockControls.addEventListener("unlock",(function(){e.classList.remove("hidden")})),t.appendChild(e)}else e&&"map"==e?(gMapControls=new THREE.OrbitControls(gCamera,t),gMapControls.panSpeed=.5/gCamera.near,gMapControls.enableZoom=!1,gMapControls.screenSpacePanning=!1,gMapControls.mouseButtons={LEFT:THREE.MOUSE.ROTATE,RIGHT:THREE.MOUSE.PAN},gMapControls.touches={ONE:THREE.TOUCH.PAN,TWO:THREE.TOUCH.DOLLY_ROTATE}):(gOrbitControls=new THREE.OrbitControls(gCamera,t),gOrbitControls.screenSpacePanning=!0,gOrbitControls.zoomSpeed=.5)}function updateCameraControls(){if(gOrbitControls)gOrbitControls.update();else if(gMapControls)gMapControls.update();else if(gPointerLockControls){const e=gClock.getDelta();let t=.25;gKeyShift&&(t=1);let r=gCamera.getWorldDirection(new THREE.Vector3(0,0,0)),a=new THREE.Vector3(0,1,0);gKeyW&&(gCamera.position=gCamera.position.addScaledVector(r,e*t)),gKeyA&&gPointerLockControls.moveRight(-e*t),gKeyS&&(gCamera.position=gCamera.position.addScaledVector(r,-e*t)),gKeyD&&gPointerLockControls.moveRight(e*t),gKeyQ&&(gCamera.position=gCamera.position.addScaledVector(a,-e*t)),gKeyE&&(gCamera.position=gCamera.position.addScaledVector(a,e*t))}}let gIsCoolingDown=!1,gBenchmarkTimestamps=null,gFrameTimes=[],gBenchmarkCameras={},gBenchmarkCameraIndex=0;const gBenchmarkMethodName="blockmerf";let gBenchmarkSceneName=null,gSaveBenchmarkFrames=!1;function setupBenchmarkStats(e,t){gBenchmarkSceneName=e,gSaveBenchmarkFrames=t;let r=document.getElementById("benchmark-stats");r.style.display="block",r.addEventListener("click",(e=>{gBenchmark=!0}))}function clearBenchmarkStats(e){document.getElementById("benchmark-stats").innerHTML=""}function addBenchmarkRow(e){document.getElementById("benchmark-stats").innerHTML+=e+"\n"}function getBenchmarkStats(e){return document.getElementById("benchmark-stats").innerHTML}function loadBenchmarkCameras(e){const t=e.translate("test_frames.json"),r=loadJSONFile(t);r.catch((e=>{console.error("Could not load test frames from: "+t+", error: "+e)})),r.then((e=>{gBenchmarkCameras=e.test_frames}))}function setBenchmarkCameraPose(e,t){e.position.fromArray(gBenchmarkCameras[t].position),e.setRotationFromMatrix((new THREE.Matrix4).fromArray(gBenchmarkCameras[t].rotation)),e.projectionMatrix.fromArray(gBenchmarkCameras[t].projection)}function cooldownFrame(e){const t=.5*(1+Math.sin(e*Math.PI/1e3));let r=new THREE.Color("#FFFFFF");r.lerp(new THREE.Color("#A5C0E2"),t),gRenderer.setClearColor(r,1),gRenderer.clear(),gStats&&gStats.update(),gIsCoolingDown&&requestAnimationFrame(cooldownFrame)}function formatTimestampAsString(){const e=new Date,t=e.getHours().toString().padStart(2,"0"),r=e.getMinutes().toString().padStart(2,"0");return`${e.getFullYear()}_${e.getMonth()+1}_${e.getDate()}_${t}${r}`}function benchmarkPerformance(e){const t=Math.max(4,Math.ceil(100/gFrameMult)),r=Math.max(2,Math.ceil(.1*t));if(isLoading())return e;if(!gBenchmarkTimestamps&&!gIsCoolingDown){setBenchmarkCameraPose(gCamera,0),gBenchmarkTimestamps=[];let t=new THREE.Vector2;return gRenderer.getSize(t),clearBenchmarkStats(),addBenchmarkRow(`frame timestamps (ms) at ${t.x}x${t.y}`),addBenchmarkRow("cam_idx ; start ; end ; mean frame time"),e}if(gBenchmarkTimestamps.push(window.performance.now()),gBenchmarkTimestamps.length<t)return e;gSaveBenchmarkFrames&&(frameAsPng=gRenderer.domElement.toDataURL("image/png"),saveAs(frameAsPng,digits(gBenchmarkCameraIndex,4)+".png"));let a=gBenchmarkTimestamps.slice(r);const n=a.length,s=a[0],i=a.pop();let o=(i-s)/(gFrameMult*(n-1));if(gFrameTimes.push(o),addBenchmarkRow(`${gBenchmarkCameraIndex} ; ${s} ; ${i} ; ${o}`),++gBenchmarkCameraIndex>=gBenchmarkCameras.length){console.log(gFrameTimes.reduce(((e,t)=>e+t),0)/gFrameTimes.length),gBenchmark=!1;const t=new Blob([getBenchmarkStats()],{type:"text/plain;charset=utf-8"}),r="blockmerf_"+gBenchmarkSceneName+"_frameMult_"+gFrameMult+"_"+formatTimestampAsString()+".csv";return saveAs(t,r),e}return gBenchmarkTimestamps=[],setBenchmarkCameraPose(gCamera,gBenchmarkCameraIndex),e}let gSubmodelPanel=null,gVMemPanel=null,gStepMult=1,gExposure=null;function loadScene(e,t){let r;e&&e.includes(".json")?r=loadJSONFile(e):(r=Promise.resolve(null),console.error("dirUrl est null ou non valide. Le fichier Json est dans le dossier")),r.then((r=>{const a=new Router(e,r);console.log("router:",a);const n=a.translate("scene_params.json");console.log("sceneParamsUrl:",n);const s=loadJSONFile(n);return console.log("sceneParamsPromise:",s),t.loadBenchmarkCameras&&loadBenchmarkCameras(a),Promise.all([s,{router:a,filenameToLink:r}])})).then((e=>{const[t,r]=e;let a=0;gUseSubmodel=t.hasOwnProperty("num_local_submodels")&&t.num_local_submodels>1,gUseSubmodel&&(gSubmodelCount=t.num_local_submodels,a=t.sm_to_params[t.submodel_idx]);let n=[];for(let e=0;e<gSubmodelCount;++e){const a=t.params_to_sm[e],s=r.router.translate(submodelAssetPath(a,"scene_params.json"));n.push(loadJSONFile(s))}return Promise.all([{...r,initialSubmodelIndex:a},...n])})).then((r=>{let[a,...n]=r;for(let r=0;r<n.length;++r){n[r]=extend(n[r],t);const s=n[r].params_to_sm[r];let i=e;gUseSubmodel&&(i=`${i}/${submodelAssetPath(s)}`);let o=new Router(i,a.filenameToLink),l=initializeSceneContent(n[r],o);console.log(`spec for submodel #${r}:`,l.spec),registerSubmodelContent(r,l)}let s=a.initialSubmodelIndex;return setupInitialCameraPose(e,submodelCenter(s,getSubmodelContent(s).params)),Promise.all([s,initializeDeferredMlp(s)])})).then((([e,t])=>initializePingPongBuffers(e))).then((()=>requestAnimationFrame(renderNextFrame)))}let disableCameraControls=!1;function initFromParameters(){const e=new URL(window.location.href).searchParams;console.log(e);const t="nyc/sm_004";console.log(t);let r=e.get("quality"),a=parseInt(e.get("downscale")||1,10);const n=e.get("stepMult");n&&(gStepMult=parseInt(n,10));const s=e.get("frameMult");s&&(gFrameMult=parseInt(s,10));const i=e.get("exposure");i&&(gExposure=parseFloat(i));let o={};const l=e.get("benchmark");if(l&&("time"===l.toLowerCase()||"quality"===l.toLowerCase())){o.loadBenchmarkCameras=!0,r="high";const e=t.split("/").slice(-2);setupBenchmarkStats(e[0]+"_"+e[1],"quality"===l.toLowerCase())}const c=e.get("deferredMode");c&&(o.deferred_rendering_mode=c);const u=e.get("combineMode");u&&"concat_and_sum"===u&&(o.merge_features_combine_op="coarse_sum");const d=e.get("useBits");d&&(o.useBits="true"===d.toLowerCase());const p=e.get("useDistanceGrid");p&&(o.useDistanceGrid="true"===p.toLowerCase());const g=e.get("legacyGrids");g&&(o.legacyGrids="true"===g.toLowerCase());const m=e.get("activation");m&&(o.activation=m);const h=e.get("featureGating");h&&(o.feature_gating="true"===h.toLowerCase());const f=e.get("submodelCacheSize");f&&(gSubmodelCacheSize=Number(f));const y=e.get("mergeSlices");y&&(o.merge_slices="true"==y);const _=e.get("backgroundColor");_&&(o.backgroundColor="#"+_);const T=document.createElement("div");T.classList.add("view");document.getElementById("viewspacecontainer").appendChild(T);const{width:x,height:S}=function(e){const t=getComputedStyle(e);return{width:parseInt(t.width,10),height:parseInt(t.height,10)}}(T);T.style.width=`${x}px`,T.style.height=`${S}px`,console.log("Width:",x,"Height:",S);const R=e.get("mouseMode")||"orbit";let E=.99;if(!e.get("downscale")&&r){let e=x*S;for("phone"==r?(e=135e3,E=.8):"low"==r?(e=15e4,E=.8):"medium"==r&&(e=768e3,E=.95);x*S/a>e;)a++;console.log("Automatically chose a downscaling factor of "+a)}o.useLargerStepsWhenOccluded=!1,o.step_size_visibility_delay=E;const b=parseFloat(e.get("near")||.01),C=parseFloat(e.get("vfovy")||40),w=document.querySelector(".viewspace");w.textContent="",w.appendChild(T);let A=document.createElement("canvas");T.appendChild(A),A.style.width="100%",A.style.height="100%",A.style.border=getComputedStyle(T).border,A.style.borderRadius=getComputedStyle(T).borderRadius,A.style.boxSizing=getComputedStyle(T).boxSizing,gStats=Stats(),gStats.dom.style.position="absolute",gStats.dom.style.display="none",w.appendChild(gStats.dom),gSubmodelPanel=gStats.addPanel(new Stats.Panel("SM","#0ff","#002")),gSubmodelPanel.update(getActiveSubmodelIndex()),gVMemPanel=gStats.addPanel(new Stats.Panel("MB VRAM","#0ff","#002")),gVMemPanel.update(0),gStats.showPanel(0);let v=A.getContext("webgl2",{powerPreference:"high-performance",alpha:!1,stencil:!0,precision:"highp",depth:!0,antialias:!1,desynchronized:!1,preserveDrawingBuffer:l&&"quality"===l.toLowerCase()});v.enable(v.DEPTH_TEST),v.depthFunc(v.LEQUAL),v.pixelStorei(v.UNPACK_ALIGNMENT,1),v.viewport(0,0,A.width,A.height),gRenderer=new THREE.WebGLRenderer({canvas:A,context:v}),gCamera=new THREE.PerspectiveCamera(C,Math.trunc(T.offsetWidth/a)/Math.trunc(T.offsetHeight/a),b,2e3),gCamera.updateProjectionMatrix(),window.sceneCamera=gCamera,setupProgressiveRendering(T,a),gRenderer.autoClear=!1,gRenderer.setSize(T.offsetWidth,T.offsetHeight),gRenderer.setClearColor(0,1),setupCameraControls(R,T),setupViewport(Math.trunc(T.offsetWidth/a),Math.trunc(T.offsetHeight/a)),loadScene(t,o)}let sphereAdded=!1;function renderNextFrame(e){garbageCollectSubmodelPayloads();let t=positionToSubmodel(gCamera.position,getActiveSubmodelContent().params);setCurrentRayMarchScene(t),t=getActiveSubmodelIndex();let r=getSubmodelContent(t).params;for(let e=0;e<gFrameMult;++e){gSubmodelTransform=submodelTransform(t,r),gSubmodelPanel.update(t),gVMemPanel.update(getCurrentTextureUsageInBytes()/1e6),disableCameraControls||updateCameraControls(),gBenchmark||gCamera.updateProjectionMatrix(),gCamera.updateMatrixWorld();const e=submodelCenter(t,r),a=getSubmodelScale(t);let n=(new THREE.Vector3).copy(gCamera.position);n.sub(e),n.multiplyScalar(a);let s=getRayMarchScene().children[0].material.uniforms;s.weightsZero.value&&s.weightsZero.value.dispose(),s.weightsOne.value&&s.weightsOne.value.dispose(),s.weightsTwo.value&&s.weightsTwo.value.dispose(),s.bias_0.value=trilerpDeferredMlpBiases(t,0,n),s.bias_1.value=trilerpDeferredMlpBiases(t,1,n),s.bias_2.value=trilerpDeferredMlpBiases(t,2,n),s.weightsZero.value=trilerpDeferredMlpKernel(t,0,n),s.weightsOne.value=trilerpDeferredMlpKernel(t,1,n),s.weightsTwo.value=trilerpDeferredMlpKernel(t,2,n),gRenderer.clear(),renderProgressively(),gRenderer.render(gSphereScene,gCamera)}gStats.update();let a=()=>{requestAnimationFrame(renderNextFrame)};gBenchmark&&(a=benchmarkPerformance(a)),a()}function start(){initFromParameters(),addHandlers(),gCamera&&gRenderer?(addInteractionPlane(),setupNewPlaneGizmo(newPlane),setupMouseHover(),window.addEventListener("mousemove",onMouseMove,!1),window.addEventListener("mousedown",onMouseDown,!1),window.addEventListener("mouseup",onMouseUp,!1)):console.error("gCamera ou gRenderer non initialisés.")}window.onload=start;

.history/copyslices.worker_20241118132102.js

@@ -0,0 +1,129 @@
+// Copyright 2024 The Google Research Authors.
+//
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+//     http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+
+/**
+ * Web worker responsible for copying bytes from sliced RGBA arrays to other
+ * targets.
+ */
+
+importScripts("utils.js");
+
+/**
+ * Copy asset.asset's contents into dstData using the format described by src &
+ * dst.
+ */
+async function copySliceToBuffer(dstData, asset, src, dst) {
+  console.assert(src.channels.length == dst.channels.length, src, dst);
+
+  // Determine the offset for the output for this slice. Assume that each
+  // slice has the same shape.
+  let numPixels = product(asset.shape);
+  let baseOutOffset = numPixels * dst.format.numChannels * asset.sliceIndex;
+
+  // Wait for data to be ready.
+  let srcData = await asset.asset;
+
+  // Copy this asset's contents into dstData.
+  for (let px = 0; px < numPixels; ++px) {
+    // Buffer offsets for this pixel.
+    let inOffset = px * src.format.numChannels;
+    let outOffset = baseOutOffset + px * dst.format.numChannels;
+    for (let i = 0; i < src.channels.length; ++i) {
+      let inChannel = src.channels[i];
+      let outChannel = dst.channels[i];
+      dstData[outOffset + outChannel] = srcData[inOffset + inChannel];
+    }
+  }
+}
+
+
+/**
+ * Process an asset of type *_slices.
+ */
+function processSlices(e) {
+  const i = e.data.i;
+  let { asset, src, dst } = e.data.request;
+
+  let numPixels = product(asset.shape);
+  let result = new Uint8Array(numPixels * dst.format.numChannels);
+
+  let promises = asset.sliceAssets.map((sliceAsset) => {
+    return copySliceToBuffer(result, sliceAsset, src, dst);
+  });
+
+  return Promise.all(promises).then(() => {
+    self.postMessage({i: i, result: result}, [result.buffer]);
+  });
+}
+
+
+/**
+ * Process sparse grid's density.
+ */
+function processSparseGridDensity(e) {
+  const i = e.data.i;
+  let { asset } = e.data.request;
+
+  let numSlices = asset.rgbAndDensityAsset.numSlices;
+  console.assert(asset.rgbAndDensityAsset.numSlices == numSlices, asset);
+  console.assert(asset.featuresAsset.numSlices == numSlices, asset);
+
+  // Create a buffer for a luminance-alpha texture.
+  let result = new Uint8Array(product(asset.rgbAndDensityAsset.shape) * 2);
+
+  // Populate texture as assets arrive.
+  let promises = range(numSlices).map((i) => {
+    let rgbSliceAsset = asset.rgbAndDensityAsset.sliceAssets[i];
+    let featuresSliceAsset = asset.featuresAsset.sliceAssets[i];
+
+    // Copy density features to buffer. This requires merging the alpha values
+    // from two different data sources.
+    let copyLuminance = copySliceToBuffer(
+        result,
+        rgbSliceAsset,
+        GridTextureSource.ALPHA_FROM_RGBA,
+        GridTextureDestination.LUMINANCE_IN_LUMINANCE_ALPHA,
+    );
+
+    let copyAlpha = copySliceToBuffer(
+        result,
+        featuresSliceAsset,
+        GridTextureSource.ALPHA_FROM_RGBA,
+        GridTextureDestination.ALPHA_IN_LUMINANCE_ALPHA,
+    );
+
+    return Promise.all([copyLuminance, copyAlpha]);
+  });
+
+  return Promise.all(promises).then(() => {
+    self.postMessage({i: i, result: result}, [result.buffer]);
+  });
+}
+
+/**
+ * Main entry point.
+ */
+function main(e) {
+  if (e.data.request.fn == 'mergeSlices') {
+    return processSlices(e);
+  } else if (e.data.request.fn == 'mergeSparseGridDensity') {
+    return processSparseGridDensity(e);
+  } else {
+    throw new Error(`Unrecognized request`, e.data.request);
+  }
+}
+
+// main() is called every time a new message comes in.
+self.onmessage = main;
+

.history/copyslices.worker_20241204081957.js

@@ -0,0 +1,129 @@
+// Copyright 2024 The Google Research Authors.
+//
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+//     http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+
+/**
+ * Web worker responsible for copying bytes from sliced RGBA arrays to other
+ * targets.
+ */
+
+importScripts("publicutils.js");
+
+/**
+ * Copy asset.asset's contents into dstData using the format described by src &
+ * dst.
+ */
+async function copySliceToBuffer(dstData, asset, src, dst) {
+  console.assert(src.channels.length == dst.channels.length, src, dst);
+
+  // Determine the offset for the output for this slice. Assume that each
+  // slice has the same shape.
+  let numPixels = product(asset.shape);
+  let baseOutOffset = numPixels * dst.format.numChannels * asset.sliceIndex;
+
+  // Wait for data to be ready.
+  let srcData = await asset.asset;
+
+  // Copy this asset's contents into dstData.
+  for (let px = 0; px < numPixels; ++px) {
+    // Buffer offsets for this pixel.
+    let inOffset = px * src.format.numChannels;
+    let outOffset = baseOutOffset + px * dst.format.numChannels;
+    for (let i = 0; i < src.channels.length; ++i) {
+      let inChannel = src.channels[i];
+      let outChannel = dst.channels[i];
+      dstData[outOffset + outChannel] = srcData[inOffset + inChannel];
+    }
+  }
+}
+
+
+/**
+ * Process an asset of type *_slices.
+ */
+function processSlices(e) {
+  const i = e.data.i;
+  let { asset, src, dst } = e.data.request;
+
+  let numPixels = product(asset.shape);
+  let result = new Uint8Array(numPixels * dst.format.numChannels);
+
+  let promises = asset.sliceAssets.map((sliceAsset) => {
+    return copySliceToBuffer(result, sliceAsset, src, dst);
+  });
+
+  return Promise.all(promises).then(() => {
+    self.postMessage({i: i, result: result}, [result.buffer]);
+  });
+}
+
+
+/**
+ * Process sparse grid's density.
+ */
+function processSparseGridDensity(e) {
+  const i = e.data.i;
+  let { asset } = e.data.request;
+
+  let numSlices = asset.rgbAndDensityAsset.numSlices;
+  console.assert(asset.rgbAndDensityAsset.numSlices == numSlices, asset);
+  console.assert(asset.featuresAsset.numSlices == numSlices, asset);
+
+  // Create a buffer for a luminance-alpha texture.
+  let result = new Uint8Array(product(asset.rgbAndDensityAsset.shape) * 2);
+
+  // Populate texture as assets arrive.
+  let promises = range(numSlices).map((i) => {
+    let rgbSliceAsset = asset.rgbAndDensityAsset.sliceAssets[i];
+    let featuresSliceAsset = asset.featuresAsset.sliceAssets[i];
+
+    // Copy density features to buffer. This requires merging the alpha values
+    // from two different data sources.
+    let copyLuminance = copySliceToBuffer(
+        result,
+        rgbSliceAsset,
+        GridTextureSource.ALPHA_FROM_RGBA,
+        GridTextureDestination.LUMINANCE_IN_LUMINANCE_ALPHA,
+    );
+
+    let copyAlpha = copySliceToBuffer(
+        result,
+        featuresSliceAsset,
+        GridTextureSource.ALPHA_FROM_RGBA,
+        GridTextureDestination.ALPHA_IN_LUMINANCE_ALPHA,
+    );
+
+    return Promise.all([copyLuminance, copyAlpha]);
+  });
+
+  return Promise.all(promises).then(() => {
+    self.postMessage({i: i, result: result}, [result.buffer]);
+  });
+}
+
+/**
+ * Main entry point.
+ */
+function main(e) {
+  if (e.data.request.fn == 'mergeSlices') {
+    return processSlices(e);
+  } else if (e.data.request.fn == 'mergeSparseGridDensity') {
+    return processSparseGridDensity(e);
+  } else {
+    throw new Error(`Unrecognized request`, e.data.request);
+  }
+}
+
+// main() is called every time a new message comes in.
+self.onmessage = main;
+

.history/copyslices.worker_20241204081958.js

@@ -0,0 +1,129 @@
+// Copyright 2024 The Google Research Authors.
+//
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+//     http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+
+/**
+ * Web worker responsible for copying bytes from sliced RGBA arrays to other
+ * targets.
+ */
+
+importScripts("public/utils.js");
+
+/**
+ * Copy asset.asset's contents into dstData using the format described by src &
+ * dst.
+ */
+async function copySliceToBuffer(dstData, asset, src, dst) {
+  console.assert(src.channels.length == dst.channels.length, src, dst);
+
+  // Determine the offset for the output for this slice. Assume that each
+  // slice has the same shape.
+  let numPixels = product(asset.shape);
+  let baseOutOffset = numPixels * dst.format.numChannels * asset.sliceIndex;
+
+  // Wait for data to be ready.
+  let srcData = await asset.asset;
+
+  // Copy this asset's contents into dstData.
+  for (let px = 0; px < numPixels; ++px) {
+    // Buffer offsets for this pixel.
+    let inOffset = px * src.format.numChannels;
+    let outOffset = baseOutOffset + px * dst.format.numChannels;
+    for (let i = 0; i < src.channels.length; ++i) {
+      let inChannel = src.channels[i];
+      let outChannel = dst.channels[i];
+      dstData[outOffset + outChannel] = srcData[inOffset + inChannel];
+    }
+  }
+}
+
+
+/**
+ * Process an asset of type *_slices.
+ */
+function processSlices(e) {
+  const i = e.data.i;
+  let { asset, src, dst } = e.data.request;
+
+  let numPixels = product(asset.shape);
+  let result = new Uint8Array(numPixels * dst.format.numChannels);
+
+  let promises = asset.sliceAssets.map((sliceAsset) => {
+    return copySliceToBuffer(result, sliceAsset, src, dst);
+  });
+
+  return Promise.all(promises).then(() => {
+    self.postMessage({i: i, result: result}, [result.buffer]);
+  });
+}
+
+
+/**
+ * Process sparse grid's density.
+ */
+function processSparseGridDensity(e) {
+  const i = e.data.i;
+  let { asset } = e.data.request;
+
+  let numSlices = asset.rgbAndDensityAsset.numSlices;
+  console.assert(asset.rgbAndDensityAsset.numSlices == numSlices, asset);
+  console.assert(asset.featuresAsset.numSlices == numSlices, asset);
+
+  // Create a buffer for a luminance-alpha texture.
+  let result = new Uint8Array(product(asset.rgbAndDensityAsset.shape) * 2);
+
+  // Populate texture as assets arrive.
+  let promises = range(numSlices).map((i) => {
+    let rgbSliceAsset = asset.rgbAndDensityAsset.sliceAssets[i];
+    let featuresSliceAsset = asset.featuresAsset.sliceAssets[i];
+
+    // Copy density features to buffer. This requires merging the alpha values
+    // from two different data sources.
+    let copyLuminance = copySliceToBuffer(
+        result,
+        rgbSliceAsset,
+        GridTextureSource.ALPHA_FROM_RGBA,
+        GridTextureDestination.LUMINANCE_IN_LUMINANCE_ALPHA,
+    );
+
+    let copyAlpha = copySliceToBuffer(
+        result,
+        featuresSliceAsset,
+        GridTextureSource.ALPHA_FROM_RGBA,
+        GridTextureDestination.ALPHA_IN_LUMINANCE_ALPHA,
+    );
+
+    return Promise.all([copyLuminance, copyAlpha]);
+  });
+
+  return Promise.all(promises).then(() => {
+    self.postMessage({i: i, result: result}, [result.buffer]);
+  });
+}
+
+/**
+ * Main entry point.
+ */
+function main(e) {
+  if (e.data.request.fn == 'mergeSlices') {
+    return processSlices(e);
+  } else if (e.data.request.fn == 'mergeSparseGridDensity') {
+    return processSparseGridDensity(e);
+  } else {
+    throw new Error(`Unrecognized request`, e.data.request);
+  }
+}
+
+// main() is called every time a new message comes in.
+self.onmessage = main;
+

.history/copyslices.worker_20241204082633.js

@@ -0,0 +1,129 @@
+// Copyright 2024 The Google Research Authors.
+//
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+//     http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+
+/**
+ * Web worker responsible for copying bytes from sliced RGBA arrays to other
+ * targets.
+ */
+
+importScripts("utils.js");
+
+/**
+ * Copy asset.asset's contents into dstData using the format described by src &
+ * dst.
+ */
+async function copySliceToBuffer(dstData, asset, src, dst) {
+  console.assert(src.channels.length == dst.channels.length, src, dst);
+
+  // Determine the offset for the output for this slice. Assume that each
+  // slice has the same shape.
+  let numPixels = product(asset.shape);
+  let baseOutOffset = numPixels * dst.format.numChannels * asset.sliceIndex;
+
+  // Wait for data to be ready.
+  let srcData = await asset.asset;
+
+  // Copy this asset's contents into dstData.
+  for (let px = 0; px < numPixels; ++px) {
+    // Buffer offsets for this pixel.
+    let inOffset = px * src.format.numChannels;
+    let outOffset = baseOutOffset + px * dst.format.numChannels;
+    for (let i = 0; i < src.channels.length; ++i) {
+      let inChannel = src.channels[i];
+      let outChannel = dst.channels[i];
+      dstData[outOffset + outChannel] = srcData[inOffset + inChannel];
+    }
+  }
+}
+
+
+/**
+ * Process an asset of type *_slices.
+ */
+function processSlices(e) {
+  const i = e.data.i;
+  let { asset, src, dst } = e.data.request;
+
+  let numPixels = product(asset.shape);
+  let result = new Uint8Array(numPixels * dst.format.numChannels);
+
+  let promises = asset.sliceAssets.map((sliceAsset) => {
+    return copySliceToBuffer(result, sliceAsset, src, dst);
+  });
+
+  return Promise.all(promises).then(() => {
+    self.postMessage({i: i, result: result}, [result.buffer]);
+  });
+}
+
+
+/**
+ * Process sparse grid's density.
+ */
+function processSparseGridDensity(e) {
+  const i = e.data.i;
+  let { asset } = e.data.request;
+
+  let numSlices = asset.rgbAndDensityAsset.numSlices;
+  console.assert(asset.rgbAndDensityAsset.numSlices == numSlices, asset);
+  console.assert(asset.featuresAsset.numSlices == numSlices, asset);
+
+  // Create a buffer for a luminance-alpha texture.
+  let result = new Uint8Array(product(asset.rgbAndDensityAsset.shape) * 2);
+
+  // Populate texture as assets arrive.
+  let promises = range(numSlices).map((i) => {
+    let rgbSliceAsset = asset.rgbAndDensityAsset.sliceAssets[i];
+    let featuresSliceAsset = asset.featuresAsset.sliceAssets[i];
+
+    // Copy density features to buffer. This requires merging the alpha values
+    // from two different data sources.
+    let copyLuminance = copySliceToBuffer(
+        result,
+        rgbSliceAsset,
+        GridTextureSource.ALPHA_FROM_RGBA,
+        GridTextureDestination.LUMINANCE_IN_LUMINANCE_ALPHA,
+    );
+
+    let copyAlpha = copySliceToBuffer(
+        result,
+        featuresSliceAsset,
+        GridTextureSource.ALPHA_FROM_RGBA,
+        GridTextureDestination.ALPHA_IN_LUMINANCE_ALPHA,
+    );
+
+    return Promise.all([copyLuminance, copyAlpha]);
+  });
+
+  return Promise.all(promises).then(() => {
+    self.postMessage({i: i, result: result}, [result.buffer]);
+  });
+}
+
+/**
+ * Main entry point.
+ */
+function main(e) {
+  if (e.data.request.fn == 'mergeSlices') {
+    return processSlices(e);
+  } else if (e.data.request.fn == 'mergeSparseGridDensity') {
+    return processSparseGridDensity(e);
+  } else {
+    throw new Error(`Unrecognized request`, e.data.request);
+  }
+}
+
+// main() is called every time a new message comes in.
+self.onmessage = main;
+

.history/copyslices.worker_20241204114216.js

@@ -0,0 +1,129 @@
+// Copyright 2024 The Google Research Authors.
+//
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+//     http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+
+/**
+ * Web worker responsible for copying bytes from sliced RGBA arrays to other
+ * targets.
+ */
+
+importScripts("/utils.js");
+
+/**
+ * Copy asset.asset's contents into dstData using the format described by src &
+ * dst.
+ */
+async function copySliceToBuffer(dstData, asset, src, dst) {
+  console.assert(src.channels.length == dst.channels.length, src, dst);
+
+  // Determine the offset for the output for this slice. Assume that each
+  // slice has the same shape.
+  let numPixels = product(asset.shape);
+  let baseOutOffset = numPixels * dst.format.numChannels * asset.sliceIndex;
+
+  // Wait for data to be ready.
+  let srcData = await asset.asset;
+
+  // Copy this asset's contents into dstData.
+  for (let px = 0; px < numPixels; ++px) {
+    // Buffer offsets for this pixel.
+    let inOffset = px * src.format.numChannels;
+    let outOffset = baseOutOffset + px * dst.format.numChannels;
+    for (let i = 0; i < src.channels.length; ++i) {
+      let inChannel = src.channels[i];
+      let outChannel = dst.channels[i];
+      dstData[outOffset + outChannel] = srcData[inOffset + inChannel];
+    }
+  }
+}
+
+
+/**
+ * Process an asset of type *_slices.
+ */
+function processSlices(e) {
+  const i = e.data.i;
+  let { asset, src, dst } = e.data.request;
+
+  let numPixels = product(asset.shape);
+  let result = new Uint8Array(numPixels * dst.format.numChannels);
+
+  let promises = asset.sliceAssets.map((sliceAsset) => {
+    return copySliceToBuffer(result, sliceAsset, src, dst);
+  });
+
+  return Promise.all(promises).then(() => {
+    self.postMessage({i: i, result: result}, [result.buffer]);
+  });
+}
+
+
+/**
+ * Process sparse grid's density.
+ */
+function processSparseGridDensity(e) {
+  const i = e.data.i;
+  let { asset } = e.data.request;
+
+  let numSlices = asset.rgbAndDensityAsset.numSlices;
+  console.assert(asset.rgbAndDensityAsset.numSlices == numSlices, asset);
+  console.assert(asset.featuresAsset.numSlices == numSlices, asset);
+
+  // Create a buffer for a luminance-alpha texture.
+  let result = new Uint8Array(product(asset.rgbAndDensityAsset.shape) * 2);
+
+  // Populate texture as assets arrive.
+  let promises = range(numSlices).map((i) => {
+    let rgbSliceAsset = asset.rgbAndDensityAsset.sliceAssets[i];
+    let featuresSliceAsset = asset.featuresAsset.sliceAssets[i];
+
+    // Copy density features to buffer. This requires merging the alpha values
+    // from two different data sources.
+    let copyLuminance = copySliceToBuffer(
+        result,
+        rgbSliceAsset,
+        GridTextureSource.ALPHA_FROM_RGBA,
+        GridTextureDestination.LUMINANCE_IN_LUMINANCE_ALPHA,
+    );
+
+    let copyAlpha = copySliceToBuffer(
+        result,
+        featuresSliceAsset,
+        GridTextureSource.ALPHA_FROM_RGBA,
+        GridTextureDestination.ALPHA_IN_LUMINANCE_ALPHA,
+    );
+
+    return Promise.all([copyLuminance, copyAlpha]);
+  });
+
+  return Promise.all(promises).then(() => {
+    self.postMessage({i: i, result: result}, [result.buffer]);
+  });
+}
+
+/**
+ * Main entry point.
+ */
+function main(e) {
+  if (e.data.request.fn == 'mergeSlices') {
+    return processSlices(e);
+  } else if (e.data.request.fn == 'mergeSparseGridDensity') {
+    return processSparseGridDensity(e);
+  } else {
+    throw new Error(`Unrecognized request`, e.data.request);
+  }
+}
+
+// main() is called every time a new message comes in.
+self.onmessage = main;
+

.history/copyslices.worker_20241204114218.js

@@ -0,0 +1,129 @@
+// Copyright 2024 The Google Research Authors.
+//
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+//     http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+
+/**
+ * Web worker responsible for copying bytes from sliced RGBA arrays to other
+ * targets.
+ */
+
+importScripts("utils.js");
+
+/**
+ * Copy asset.asset's contents into dstData using the format described by src &
+ * dst.
+ */
+async function copySliceToBuffer(dstData, asset, src, dst) {
+  console.assert(src.channels.length == dst.channels.length, src, dst);
+
+  // Determine the offset for the output for this slice. Assume that each
+  // slice has the same shape.
+  let numPixels = product(asset.shape);
+  let baseOutOffset = numPixels * dst.format.numChannels * asset.sliceIndex;
+
+  // Wait for data to be ready.
+  let srcData = await asset.asset;
+
+  // Copy this asset's contents into dstData.
+  for (let px = 0; px < numPixels; ++px) {
+    // Buffer offsets for this pixel.
+    let inOffset = px * src.format.numChannels;
+    let outOffset = baseOutOffset + px * dst.format.numChannels;
+    for (let i = 0; i < src.channels.length; ++i) {
+      let inChannel = src.channels[i];
+      let outChannel = dst.channels[i];
+      dstData[outOffset + outChannel] = srcData[inOffset + inChannel];
+    }
+  }
+}
+
+
+/**
+ * Process an asset of type *_slices.
+ */
+function processSlices(e) {
+  const i = e.data.i;
+  let { asset, src, dst } = e.data.request;
+
+  let numPixels = product(asset.shape);
+  let result = new Uint8Array(numPixels * dst.format.numChannels);
+
+  let promises = asset.sliceAssets.map((sliceAsset) => {
+    return copySliceToBuffer(result, sliceAsset, src, dst);
+  });
+
+  return Promise.all(promises).then(() => {
+    self.postMessage({i: i, result: result}, [result.buffer]);
+  });
+}
+
+
+/**
+ * Process sparse grid's density.
+ */
+function processSparseGridDensity(e) {
+  const i = e.data.i;
+  let { asset } = e.data.request;
+
+  let numSlices = asset.rgbAndDensityAsset.numSlices;
+  console.assert(asset.rgbAndDensityAsset.numSlices == numSlices, asset);
+  console.assert(asset.featuresAsset.numSlices == numSlices, asset);
+
+  // Create a buffer for a luminance-alpha texture.
+  let result = new Uint8Array(product(asset.rgbAndDensityAsset.shape) * 2);
+
+  // Populate texture as assets arrive.
+  let promises = range(numSlices).map((i) => {
+    let rgbSliceAsset = asset.rgbAndDensityAsset.sliceAssets[i];
+    let featuresSliceAsset = asset.featuresAsset.sliceAssets[i];
+
+    // Copy density features to buffer. This requires merging the alpha values
+    // from two different data sources.
+    let copyLuminance = copySliceToBuffer(
+        result,
+        rgbSliceAsset,
+        GridTextureSource.ALPHA_FROM_RGBA,
+        GridTextureDestination.LUMINANCE_IN_LUMINANCE_ALPHA,
+    );
+
+    let copyAlpha = copySliceToBuffer(
+        result,
+        featuresSliceAsset,
+        GridTextureSource.ALPHA_FROM_RGBA,
+        GridTextureDestination.ALPHA_IN_LUMINANCE_ALPHA,
+    );
+
+    return Promise.all([copyLuminance, copyAlpha]);
+  });
+
+  return Promise.all(promises).then(() => {
+    self.postMessage({i: i, result: result}, [result.buffer]);
+  });
+}
+
+/**
+ * Main entry point.
+ */
+function main(e) {
+  if (e.data.request.fn == 'mergeSlices') {
+    return processSlices(e);
+  } else if (e.data.request.fn == 'mergeSparseGridDensity') {
+    return processSparseGridDensity(e);
+  } else {
+    throw new Error(`Unrecognized request`, e.data.request);
+  }
+}
+
+// main() is called every time a new message comes in.
+self.onmessage = main;
+

.history/fetch_ex_bbox_20241120090941.js

@@ -0,0 +1,108 @@
+function setupCameraRestriction(gCamera, gRenderer, gSphereScene) {
+    const polygonVertices = [
+      new THREE.Vector2(-0.25, -0.25),
+      new THREE.Vector2(-0.25, 0.15),
+      new THREE.Vector2(0.0, 0.15),
+      new THREE.Vector2(0.0, 0.25),
+      new THREE.Vector2(0.25, 0.25),
+      new THREE.Vector2(0.25, 0.0),
+      new THREE.Vector2(0.15, 0.0),
+      new THREE.Vector2(0.15, -0.25),
+      // Ajoutez d'autres points pour définir votre forme de "L"
+    ];
+    
+    const fixedHeight = 0.5; // Hauteur fixe sur l'axe y
+  
+    // Fonction pour créer une visualisation du polygone
+    function createPolygonVisualization() {
+      const material = new THREE.LineBasicMaterial({ color: 0x00ff00 });
+      const points = [];
+      
+      // Ajouter chaque sommet comme un point 3D (x, fixedHeight, z)
+      polygonVertices.forEach(vertex => {
+        points.push(new THREE.Vector3(vertex.x, fixedHeight, vertex.y));
+      });
+      
+      // Ajouter le premier point à la fin pour fermer le polygone
+      points.push(new THREE.Vector3(polygonVertices[0].x, fixedHeight, polygonVertices[0].y));
+  
+      // Créer une géométrie de ligne avec les points
+      const geometry = new THREE.BufferGeometry().setFromPoints(points);
+      const line = new THREE.Line(geometry, material);
+      gSphereScene.add(line);
+  
+      // Ajouter des sphères aux sommets pour marquer les points
+      const sphereGeometry = new THREE.SphereGeometry(0.01, 16, 16);
+      const sphereMaterial = new THREE.MeshBasicMaterial({ color: 0xff0000 });
+      polygonVertices.forEach(vertex => {
+        const sphere = new THREE.Mesh(sphereGeometry, sphereMaterial);
+        sphere.position.set(vertex.x, fixedHeight, vertex.y);
+        gSphereScene.add(sphere);
+      });
+    }
+  
+    // Appeler la fonction pour créer la visualisation du polygone
+    createPolygonVisualization();
+  
+    // Fonction pour vérifier si un point est dans le polygone en utilisant Ray Casting
+    function isPointInPolygon(point, vertices) {
+      let intersects = 0;
+      for (let i = 0; i < vertices.length; i++) {
+        const v1 = vertices[i];
+        const v2 = vertices[(i + 1) % vertices.length];
+        
+        if ((v1.y > point.y) !== (v2.y > point.y) &&
+            point.x < ((v2.x - v1.x) * (point.y - v1.y)) / (v2.y - v1.y) + v1.x) {
+          intersects++;
+        }
+      }
+      return intersects % 2 === 1;
+    }
+  
+    function restrictCameraPosition() {
+      gCamera.position.y = fixedHeight;
+  
+      const cameraPos2D = new THREE.Vector2(gCamera.position.x, gCamera.position.z);
+  
+      if (!isPointInPolygon(cameraPos2D, polygonVertices)) {
+        let closestPoint = cameraPos2D;
+        let minDistance = Infinity;
+        
+        for (let i = 0; i < polygonVertices.length; i++) {
+          const v1 = polygonVertices[i];
+          const v2 = polygonVertices[(i + 1) % polygonVertices.length];
+          
+          const closestPointOnEdge = closestPointOnLineSegment(cameraPos2D, v1, v2);
+          const distance = cameraPos2D.distanceTo(closestPointOnEdge);
+          
+          if (distance < minDistance) {
+            minDistance = distance;
+            closestPoint = closestPointOnEdge;
+          }
+        }
+  
+        gCamera.position.x = closestPoint.x;
+        gCamera.position.z = closestPoint.y;
+      }
+    }
+  
+    function closestPointOnLineSegment(point, v1, v2) {
+      const lineVec = new THREE.Vector2().subVectors(v2, v1);
+      const pointVec = new THREE.Vector2().subVectors(point, v1);
+      const lineLen = lineVec.length();
+      const lineUnitVec = lineVec.normalize();
+      const projection = pointVec.dot(lineUnitVec);
+      const t = Math.max(0, Math.min(lineLen, projection));
+      return new THREE.Vector2().copy(v1).add(lineUnitVec.multiplyScalar(t));
+    }
+  
+    function animate() {
+      requestAnimationFrame(animate);
+  
+      restrictCameraPosition();
+      gRenderer.render(gSphereScene, gCamera);
+    }
+  
+    animate();
+  }
+  

.history/fetch_ex_bbox_20241120093705.js

@@ -0,0 +1,133 @@
+
+/**
+ * Fetch bounding box data from a JSON file in the specified directory.
+ * @param {string} dirUrl - The directory URL where the boundingBox.json is located.
+ * @returns {Promise<Array<THREE.Vector2>>} - Returns a promise resolving to an array of 2D vectors.
+ */
+async function fetchBoundingBox(dirUrl) {
+    try {
+      // Extract the base directory by removing everything after the last "/"
+      const baseDir = dirUrl.split('/')[0];
+  
+      // Construct the full path for the boundingBox.json
+      const boundingBoxPath = `${baseDir}/boundingBox.json`;
+  
+      // Use the loadJSONFile function to fetch the bounding box
+      const jsonData = await loadJSONFile(boundingBoxPath);
+  
+      // Extract the sphere positions from the boundingBox data
+      const spheres = jsonData.boundingBox.spheres || [];
+      const vertices = spheres.map(sphere => new THREE.Vector2(sphere.x, sphere.z));
+  
+      return vertices;
+    } catch (error) {
+      console.error('Erreur lors de la récupération des données de la bounding box :', error);
+      throw error;
+    }
+  }
+  
+  /**
+   * Sets up camera restriction using bounding box data.
+   * @param {THREE.Camera} gCamera - The camera to restrict.
+   * @param {THREE.Renderer} gRenderer - The renderer for rendering the scene.
+   * @param {THREE.Scene} gRayMarchScene - The scene to which restrictions are applied.
+   * @param {string} dirUrl - The directory URL where the boundingBox.json is located.
+   */
+  async function setupCameraRestriction(gCamera, gRenderer, gRayMarchScene, dirUrl) {
+    const fixedHeight = 0.5; // Fixed y-coordinate for the camera
+  
+    // Fetch the bounding box data
+    const polygonVertices = await fetchBoundingBox(dirUrl);
+  
+    // Visualize the bounding box in the scene
+    function createPolygonVisualization() {
+      const material = new THREE.LineBasicMaterial({ color: 0x00ff00 });
+      const points = [];
+  
+      // Convert 2D points to 3D for visualization
+      polygonVertices.forEach(vertex => {
+        points.push(new THREE.Vector3(vertex.x, fixedHeight, vertex.y));
+      });
+  
+      // Close the polygon by adding the first point to the end
+      points.push(new THREE.Vector3(polygonVertices[0].x, fixedHeight, polygonVertices[0].y));
+  
+      // Create a line geometry for visualization
+      const geometry = new THREE.BufferGeometry().setFromPoints(points);
+      const line = new THREE.Line(geometry, material);
+      gRayMarchScene.add(line);
+  
+      // Add spheres to mark the vertices
+      const sphereGeometry = new THREE.SphereGeometry(0.01, 16, 16);
+      const sphereMaterial = new THREE.MeshBasicMaterial({ color: 0xff0000 });
+      polygonVertices.forEach(vertex => {
+        const sphere = new THREE.Mesh(sphereGeometry, sphereMaterial);
+        sphere.position.set(vertex.x, fixedHeight, vertex.y);
+        gRayMarchScene.add(sphere);
+      });
+    }
+  
+    createPolygonVisualization();
+  
+    // Check if a point is inside the polygon
+    function isPointInPolygon(point, vertices) {
+      let intersects = 0;
+      for (let i = 0; i < vertices.length; i++) {
+        const v1 = vertices[i];
+        const v2 = vertices[(i + 1) % vertices.length];
+  
+        if ((v1.y > point.y) !== (v2.y > point.y) &&
+          point.x < ((v2.x - v1.x) * (point.y - v1.y)) / (v2.y - v1.y) + v1.x) {
+          intersects++;
+        }
+      }
+      return intersects % 2 === 1;
+    }
+  
+    // Restrict camera position based on bounding box
+    function restrictCameraPosition() {
+      gCamera.position.y = fixedHeight;
+  
+      const cameraPos2D = new THREE.Vector2(gCamera.position.x, gCamera.position.z);
+  
+      if (!isPointInPolygon(cameraPos2D, polygonVertices)) {
+        let closestPoint = cameraPos2D;
+        let minDistance = Infinity;
+  
+        for (let i = 0; i < polygonVertices.length; i++) {
+          const v1 = polygonVertices[i];
+          const v2 = polygonVertices[(i + 1) % polygonVertices.length];
+  
+          const closestPointOnEdge = closestPointOnLineSegment(cameraPos2D, v1, v2);
+          const distance = cameraPos2D.distanceTo(closestPointOnEdge);
+  
+          if (distance < minDistance) {
+            minDistance = distance;
+            closestPoint = closestPointOnEdge;
+          }
+        }
+  
+        gCamera.position.x = closestPoint.x;
+        gCamera.position.z = closestPoint.y;
+      }
+    }
+  
+    function closestPointOnLineSegment(point, v1, v2) {
+      const lineVec = new THREE.Vector2().subVectors(v2, v1);
+      const pointVec = new THREE.Vector2().subVectors(point, v1);
+      const lineLen = lineVec.length();
+      const lineUnitVec = lineVec.normalize();
+      const projection = pointVec.dot(lineUnitVec);
+      const t = Math.max(0, Math.min(lineLen, projection));
+      return new THREE.Vector2().copy(v1).add(lineUnitVec.multiplyScalar(t));
+    }
+  
+    function animate() {
+      requestAnimationFrame(animate);
+  
+      restrictCameraPosition();
+      gRenderer.render(gRayMarchScene, gCamera);
+    }
+  
+    animate();
+  }

.history/fetch_ex_bbox_20241120093930.js

@@ -0,0 +1,136 @@
+
+/**
+ * Fetch bounding box data from a JSON file in the specified directory.
+ * @param {string} dirUrl - The directory URL where the boundingBox.json is located.
+ * @returns {Promise<Array<THREE.Vector2>>} - Returns a promise resolving to an array of 2D vectors.
+ */
+async function fetchBoundingBox(dirUrl) {
+    try {
+      // Extract the base directory by removing everything after the last "/"
+      const baseDir = dirUrl.split('/')[0];
+  
+      // Construct the full path for the boundingBox.json
+      const boundingBoxPath = `${baseDir}/boundingBox.json`;
+  
+      // Use the loadJSONFile function to fetch the bounding box
+      const jsonData = await loadJSONFile(boundingBoxPath);
+  
+      // Extract the sphere positions from the boundingBox data
+      const spheres = jsonData.boundingBox.spheres || [];
+      const vertices = spheres.map(sphere => new THREE.Vector2(sphere.x, sphere.z));
+  
+      // Assume all spheres have the same `y` value, extract it
+    const fixedHeight = spheres.length > 0 ? spheres[0].y : 0;
+
+    return { vertices, fixedHeight };
+    } catch (error) {
+      console.error('Erreur lors de la récupération des données de la bounding box :', error);
+      throw error;
+    }
+  }
+  
+  /**
+   * Sets up camera restriction using bounding box data.
+   * @param {THREE.Camera} gCamera - The camera to restrict.
+   * @param {THREE.Renderer} gRenderer - The renderer for rendering the scene.
+   * @param {THREE.Scene} gRayMarchScene - The scene to which restrictions are applied.
+   * @param {string} dirUrl - The directory URL where the boundingBox.json is located.
+   */
+  async function setupCameraRestriction(gCamera, gRenderer, gRayMarchScene, dirUrl) {
+    const fixedHeight = 0.5; // Fixed y-coordinate for the camera
+  
+    // Fetch the bounding box data
+    const polygonVertices = await fetchBoundingBox(dirUrl);
+  
+    // Visualize the bounding box in the scene
+    function createPolygonVisualization() {
+      const material = new THREE.LineBasicMaterial({ color: 0x00ff00 });
+      const points = [];
+  
+      // Convert 2D points to 3D for visualization
+      polygonVertices.forEach(vertex => {
+        points.push(new THREE.Vector3(vertex.x, fixedHeight, vertex.y));
+      });
+  
+      // Close the polygon by adding the first point to the end
+      points.push(new THREE.Vector3(polygonVertices[0].x, fixedHeight, polygonVertices[0].y));
+  
+      // Create a line geometry for visualization
+      const geometry = new THREE.BufferGeometry().setFromPoints(points);
+      const line = new THREE.Line(geometry, material);
+      gRayMarchScene.add(line);
+  
+      // Add spheres to mark the vertices
+      const sphereGeometry = new THREE.SphereGeometry(0.01, 16, 16);
+      const sphereMaterial = new THREE.MeshBasicMaterial({ color: 0xff0000 });
+      polygonVertices.forEach(vertex => {
+        const sphere = new THREE.Mesh(sphereGeometry, sphereMaterial);
+        sphere.position.set(vertex.x, fixedHeight, vertex.y);
+        gRayMarchScene.add(sphere);
+      });
+    }
+  
+    createPolygonVisualization();
+  
+    // Check if a point is inside the polygon
+    function isPointInPolygon(point, vertices) {
+      let intersects = 0;
+      for (let i = 0; i < vertices.length; i++) {
+        const v1 = vertices[i];
+        const v2 = vertices[(i + 1) % vertices.length];
+  
+        if ((v1.y > point.y) !== (v2.y > point.y) &&
+          point.x < ((v2.x - v1.x) * (point.y - v1.y)) / (v2.y - v1.y) + v1.x) {
+          intersects++;
+        }
+      }
+      return intersects % 2 === 1;
+    }
+  
+    // Restrict camera position based on bounding box
+    function restrictCameraPosition() {
+      gCamera.position.y = fixedHeight;
+  
+      const cameraPos2D = new THREE.Vector2(gCamera.position.x, gCamera.position.z);
+  
+      if (!isPointInPolygon(cameraPos2D, polygonVertices)) {
+        let closestPoint = cameraPos2D;
+        let minDistance = Infinity;
+  
+        for (let i = 0; i < polygonVertices.length; i++) {
+          const v1 = polygonVertices[i];
+          const v2 = polygonVertices[(i + 1) % polygonVertices.length];
+  
+          const closestPointOnEdge = closestPointOnLineSegment(cameraPos2D, v1, v2);
+          const distance = cameraPos2D.distanceTo(closestPointOnEdge);
+  
+          if (distance < minDistance) {
+            minDistance = distance;
+            closestPoint = closestPointOnEdge;
+          }
+        }
+  
+        gCamera.position.x = closestPoint.x;
+        gCamera.position.z = closestPoint.y;
+      }
+    }
+  
+    function closestPointOnLineSegment(point, v1, v2) {
+      const lineVec = new THREE.Vector2().subVectors(v2, v1);
+      const pointVec = new THREE.Vector2().subVectors(point, v1);
+      const lineLen = lineVec.length();
+      const lineUnitVec = lineVec.normalize();
+      const projection = pointVec.dot(lineUnitVec);
+      const t = Math.max(0, Math.min(lineLen, projection));
+      return new THREE.Vector2().copy(v1).add(lineUnitVec.multiplyScalar(t));
+    }
+  
+    function animate() {
+      requestAnimationFrame(animate);
+  
+      restrictCameraPosition();
+      gRenderer.render(gRayMarchScene, gCamera);
+    }
+  
+    animate();
+  }

.history/form/index_20241119001656.html

@@ -0,0 +1,71 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Créer une visite</title>
+    <link href="https://cdn.jsdelivr.net/npm/tailwindcss@2.2.19/dist/tailwind.min.css" rel="stylesheet">
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
+    <link href="../../../../dist/tailwind.css" rel="stylesheet">
+</head>
+<body class="bg-bg text-textDark font-sans">
+    <!-- Conteneur principal -->
+    <div id="dashboard-layout" class="flex">
+        <div id="content" class="flex-1 p-6">
+          <h1 class="text-2xl font-bold mb-6">Créer votre visite virtuelle simplement !</h1>
+          <div id="form-and-preview-container" class="flex gap-6">
+            <!-- Formulaire -->
+            <div id="form-container" class="bg-white p-6 rounded-lg shadow-md flex-1">
+                <form id="property-form" class="space-y-4">
+                    <div class="form-group">
+                        <label for="visitName" class="block font-semibold">Nom de la visite :</label>
+                        <input type="text" id="visitName" name="visitName" placeholder="Entrez le nom de la visite"
+                               class="w-full border rounded px-4 py-2">
+                    </div>
+                    <div class="form-group">
+                        <label for="propertyDescription" class="block font-semibold">Description du bien :</label>
+                        <textarea id="propertyDescription" name="propertyDescription" rows="4" 
+                                  placeholder="Entrez une description du bien"
+                                  class="w-full border rounded px-4 py-2"></textarea>
+                    </div>
+                    <div class="form-group">
+                        <label for="propertyAddress" class="block font-semibold">Adresse du bien :</label>
+                        <input type="text" id="propertyAddress" name="propertyAddress" placeholder="Entrez l'adresse"
+                               class="w-full border rounded px-4 py-2">
+                    </div>
+                    <div class="form-group">
+                        <label for="propertyOwner" class="block font-semibold">Propriétaire du bien :</label>
+                        <input type="text" id="propertyOwner" name="propertyOwner" placeholder="Entrez le nom du propriétaire"
+                               class="w-full border rounded px-4 py-2">
+                    </div>
+                    <div class="form-group">
+                        <label for="propertyPrice" class="block font-semibold">Prix du bien :</label>
+                        <input type="number" id="propertyPrice" name="propertyPrice" placeholder="Entrez le prix"
+                               class="w-full border rounded px-4 py-2">
+                    </div>
+                    <input type="file" id="input-media-hidden" class="hidden" 
+                           onchange="previewMedia(this)" 
+                           accept="image/jpeg, image/png, video/mp4, video/webm" multiple>
+                    <button type="button" class="bg-secondary text-white px-4 py-2 rounded" 
+                            onclick="HandleBrowseClick('input-media-hidden');">UPLOAD MEDIA</button>
+                    <button type="submit" id="validateButton" class="bg-blue-600 text-white px-4 py-2 rounded">VALIDER</button>
+                </form>
+            </div>
+            <!-- Prévisualisation -->
+            <div id="media-preview-container" class="flex-1">
+              <h2 class="text-xl font-bold mb-4">Prévisualisation des médias</h2>
+              <div class="border rounded-lg p-4 bg-white shadow-sm">
+                <!-- Aperçus des images et vidéos -->
+              </div>
+            </div>
+          </div>
+        </div>
+    </div>
+
+    <!-- Scripts principaux -->
+    <script src="/js/layout.js"></script>
+    <script src="/js/sidebar.js"></script>
+    <script src="/js/topbar.js"></script>
+    <script src="media_vu.js"></script>
+</body>
+</html>

.history/form/index_20241120180531.html

@@ -0,0 +1,67 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Créer une visite</title>
+    <link href="https://cdn.jsdelivr.net/npm/tailwindcss@2.2.19/dist/tailwind.min.css" rel="stylesheet">
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
+    <link href="../../../../dist/tailwind.css" rel="stylesheet">
+</head>
+<body class="bg-bg text-textDark font-sans">
+    <!-- Conteneur principal -->
+    <div id="dashboard-layout" class="flex">
+        <div id="content" class="flex-1 p-6">
+          <h1 class="text-2xl font-bold mb-6">Créer votre visite virtuelle simplement !</h1>
+          <div id="form-and-preview-container" class="flex gap-6">
+            <!-- Formulaire -->
+            <div id="form-container" class="bg-white p-6 rounded-lg shadow-md flex-1">
+                <form id="property-form" class="space-y-4">
+                    <div class="form-group">
+                        <label for="visitName" class="block font-semibold">Nom de la visite :</label>
+                        <input type="text" id="visitName" name="visitName" placeholder="Entrez le nom de la visite"
+                               class="w-full border rounded px-4 py-2">
+                    </div>
+                    <div class="form-group">
+                        <label for="propertyDescription" class="block font-semibold">Description du bien :</label>
+                        <textarea id="propertyDescription" name="propertyDescription" rows="4" 
+                                  placeholder="Entrez une description du bien"
+                                  class="w-full border rounded px-4 py-2"></textarea>
+                    </div>
+                    <div class="form-group">
+                        <label for="propertyAddress" class="block font-semibold">Adresse du bien :</label>
+                        <input type="text" id="propertyAddress" name="propertyAddress" placeholder="Entrez l'adresse"
+                               class="w-full border rounded px-4 py-2">
+                    </div>
+                    <div class="form-group">
+                        <label for="propertyOwner" class="block font-semibold">Propriétaire du bien :</label>
+                        <input type="text" id="propertyOwner" name="propertyOwner" placeholder="Entrez le nom du propriétaire"
+                               class="w-full border rounded px-4 py-2">
+                    </div>
+                    <div class="form-group">
+                        <label for="propertyPrice" class="block font-semibold">Prix du bien :</label>
+                        <input type="number" id="propertyPrice" name="propertyPrice" placeholder="Entrez le prix"
+                               class="w-full border rounded px-4 py-2">
+                    </div>
+                    <input type="file" id="input-media-hidden" class="hidden" 
+                           onchange="previewMedia(this)" 
+                           accept="image/jpeg, image/png, video/mp4, video/webm" multiple>
+                    <button type="button" class="bg-secondary text-white px-4 py-2 rounded" 
+                            onclick="HandleBrowseClick('input-media-hidden');">UPLOAD MEDIA</button>
+                    <button type="submit" id="validateButton" class="bg-blue-600 text-white px-4 py-2 rounded">VALIDER</button>
+                </form>
+            </div>
+            <!-- Prévisualisation -->
+            <div id="media-preview-container" class="flex-1">
+              <h2 class="text-xl font-bold mb-4">Prévisualisation des médias</h2>
+              <div class="border rounded-lg p-4 bg-white shadow-sm">
+                <!-- Aperçus des images et vidéos -->
+              </div>
+            </div>
+          </div>
+        </div>
+    </div>
+
+    <script src="media_vu.js"></script>
+</body>
+</html>

.history/form/index_20241120180543.html

@@ -0,0 +1,66 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Créer une visite</title>
+    <link href="https://cdn.jsdelivr.net/npm/tailwindcss@2.2.19/dist/tailwind.min.css" rel="stylesheet">
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
+</head>
+<body class="bg-bg text-textDark font-sans">
+    <!-- Conteneur principal -->
+    <div id="dashboard-layout" class="flex">
+        <div id="content" class="flex-1 p-6">
+          <h1 class="text-2xl font-bold mb-6">Créer votre visite virtuelle simplement !</h1>
+          <div id="form-and-preview-container" class="flex gap-6">
+            <!-- Formulaire -->
+            <div id="form-container" class="bg-white p-6 rounded-lg shadow-md flex-1">
+                <form id="property-form" class="space-y-4">
+                    <div class="form-group">
+                        <label for="visitName" class="block font-semibold">Nom de la visite :</label>
+                        <input type="text" id="visitName" name="visitName" placeholder="Entrez le nom de la visite"
+                               class="w-full border rounded px-4 py-2">
+                    </div>
+                    <div class="form-group">
+                        <label for="propertyDescription" class="block font-semibold">Description du bien :</label>
+                        <textarea id="propertyDescription" name="propertyDescription" rows="4" 
+                                  placeholder="Entrez une description du bien"
+                                  class="w-full border rounded px-4 py-2"></textarea>
+                    </div>
+                    <div class="form-group">
+                        <label for="propertyAddress" class="block font-semibold">Adresse du bien :</label>
+                        <input type="text" id="propertyAddress" name="propertyAddress" placeholder="Entrez l'adresse"
+                               class="w-full border rounded px-4 py-2">
+                    </div>
+                    <div class="form-group">
+                        <label for="propertyOwner" class="block font-semibold">Propriétaire du bien :</label>
+                        <input type="text" id="propertyOwner" name="propertyOwner" placeholder="Entrez le nom du propriétaire"
+                               class="w-full border rounded px-4 py-2">
+                    </div>
+                    <div class="form-group">
+                        <label for="propertyPrice" class="block font-semibold">Prix du bien :</label>
+                        <input type="number" id="propertyPrice" name="propertyPrice" placeholder="Entrez le prix"
+                               class="w-full border rounded px-4 py-2">
+                    </div>
+                    <input type="file" id="input-media-hidden" class="hidden" 
+                           onchange="previewMedia(this)" 
+                           accept="image/jpeg, image/png, video/mp4, video/webm" multiple>
+                    <button type="button" class="bg-secondary text-white px-4 py-2 rounded" 
+                            onclick="HandleBrowseClick('input-media-hidden');">UPLOAD MEDIA</button>
+                    <button type="submit" id="validateButton" class="bg-blue-600 text-white px-4 py-2 rounded">VALIDER</button>
+                </form>
+            </div>
+            <!-- Prévisualisation -->
+            <div id="media-preview-container" class="flex-1">
+              <h2 class="text-xl font-bold mb-4">Prévisualisation des médias</h2>
+              <div class="border rounded-lg p-4 bg-white shadow-sm">
+                <!-- Aperçus des images et vidéos -->
+              </div>
+            </div>
+          </div>
+        </div>
+    </div>
+
+    <script src="media_vu.js"></script>
+</body>
+</html>

.history/globals_20241204111341.js

@@ -0,0 +1,186 @@
+// Copyright 2024 The Google Research Authors.
+//
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+//     http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+
+/**
+ * @fileoverview Global state of the web viewer.
+ */
+
+/**
+ * Our framerate display.
+ * @type {?Object}
+ */
+let gStats = null;
+
+/**
+ * If enabled, expect multiple submodels.
+ */
+let gUseSubmodel = false;
+
+/**
+ * Transform from world coordinates to the current submodel.
+ */
+let gSubmodelTransform = null;
+
+/**
+ * Deferred MLP parameters for the current submodel.
+ */
+let gDeferredMlp = null;
+
+/**
+ * Different display modes for debugging rendering.
+ * @enum {number}
+ */
+const DisplayModeType = {
+  /** Runs the full model with view dependence. */
+  DISPLAY_NORMAL: 0,
+  /** Disables the view-dependence network. */
+  DISPLAY_DIFFUSE: 1,
+  /** Only shows the latent features. */
+  DISPLAY_FEATURES: 2,
+  /** Only shows the view dependent component. */
+  DISPLAY_VIEW_DEPENDENT: 3,
+  /** Only shows the coarse block grid. */
+  DISPLAY_COARSE_GRID: 4,
+};
+
+/**  @type {!DisplayModeType}  */
+let gDisplayMode = DisplayModeType.DISPLAY_NORMAL;
+
+/**
+ * If true we evaluate run-time performance by re-rendering test viewpoints.
+ * @type {boolean}
+ */
+let gBenchmark = false;
+
+/**
+ * For benchmarking with vsync on: render this many redundant images per frame.
+ * @type {number}
+ */
+let gFrameMult = 1;
+
+/**
+ * A web worker for parsing binary assets in a separate thread.
+ * @type {*}
+ */
+let gLoadAssetsWorker = new WorkerPool(4, "../workers/loadpng.worker.js");
+
+
+/**
+ * A web worker for merging slices together.
+ * @type {*}
+ */
+let gCopySliceWorker = new WorkerPool(4, "../workers/copyslices.worker.js");
+
+/**
+ * The vertex shader for rendering a baked MERF scene with ray marching.
+ * @const {string}
+ */
+const kRayMarchVertexShader = `
+varying vec3 vOrigin;
+varying vec3 vDirection;
+uniform mat4 world_T_cam;
+uniform mat4 cam_T_clip;
+
+void main() {
+  vec4 posClip = projectionMatrix * modelViewMatrix * vec4(position, 1.0);
+  gl_Position = posClip;
+  posClip /= posClip.w;
+
+  vec4 originCam = vec4(0.0, 0.0, 0.0, 1.0);
+  vec4 nearPointCam = cam_T_clip * vec4(posClip.x, posClip.y, -1.0, 1.0);
+  nearPointCam /= -nearPointCam.z;
+
+  vec4 originWorld = world_T_cam * originCam;
+  vec4 nearPointWorld = world_T_cam * nearPointCam;
+  vOrigin = originWorld.xyz / originWorld.w;
+  vDirection = nearPointWorld.xyz / nearPointWorld.w - vOrigin;
+}
+`;
+
+/**
+ * We build the ray marching shader programmatically, this string contains the
+ * header for the shader.
+ * @const {string}
+ */
+const kRayMarchFragmentShaderHeader = `
+precision highp float;
+
+varying vec3 vOrigin;
+varying vec3 vDirection;
+
+uniform int displayMode;
+
+uniform mat3 worldspaceROpengl;
+uniform float nearPlane;
+
+#ifdef USE_DISTANCE_GRID
+uniform highp sampler3D distanceGrid;
+uniform highp sampler3D occupancyGrid_L0;
+#else
+uniform highp sampler3D occupancyGrid_L0;
+uniform highp sampler3D occupancyGrid_L1;
+uniform highp sampler3D occupancyGrid_L2;
+#ifndef USE_BITS
+uniform highp sampler3D occupancyGrid_L3;
+uniform highp sampler3D occupancyGrid_L4;
+#endif
+#endif
+
+uniform vec4 bias_0[NUM_CHANNELS_ONE/4];
+uniform vec4 bias_1[NUM_CHANNELS_TWO/4];
+uniform vec4 bias_2[NUM_CHANNELS_THREE/4];
+
+uniform highp sampler2D weightsZero;
+uniform highp sampler2D weightsOne;
+uniform highp sampler2D weightsTwo;
+
+#ifdef USE_EXPOSURE
+uniform float exposure;
+#endif
+
+uniform vec3 atlasSize;
+
+uniform highp sampler3D sparseGridBlockIndices;
+uniform highp sampler3D sparseGridDensity;
+uniform highp sampler3D sparseGridRgb;
+uniform highp sampler3D sparseGridFeatures;
+
+// need to use texture arrays, otherwise we exceed max texture unit limit
+uniform highp sampler2DArray planeDensity;
+uniform highp sampler2DArray planeRgb;
+uniform highp sampler2DArray planeFeatures;
+`;
+
+
+/**
+ * The THREE.js renderer object we use.
+ * @type {?THREE.WebGLRenderer}
+ */
+let gRenderer = null;
+
+
+/**
+ * The number of submodels
+ */
+let gSubmodelCount = 1;
+
+
+/**
+ * The perspective camera we use to view the scene.
+ * @type {?THREE.PerspectiveCamera}
+ */
+let gCamera = null;
+
+
+let gViewportDims = [640, 480];

.history/globals_20241204114937.js

@@ -0,0 +1,186 @@
+// Copyright 2024 The Google Research Authors.
+//
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+//     http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+
+/**
+ * @fileoverview Global state of the web viewer.
+ */
+
+/**
+ * Our framerate display.
+ * @type {?Object}
+ */
+let gStats = null;
+
+/**
+ * If enabled, expect multiple submodels.
+ */
+let gUseSubmodel = false;
+
+/**
+ * Transform from world coordinates to the current submodel.
+ */
+let gSubmodelTransform = null;
+
+/**
+ * Deferred MLP parameters for the current submodel.
+ */
+let gDeferredMlp = null;
+
+/**
+ * Different display modes for debugging rendering.
+ * @enum {number}
+ */
+const DisplayModeType = {
+  /** Runs the full model with view dependence. */
+  DISPLAY_NORMAL: 0,
+  /** Disables the view-dependence network. */
+  DISPLAY_DIFFUSE: 1,
+  /** Only shows the latent features. */
+  DISPLAY_FEATURES: 2,
+  /** Only shows the view dependent component. */
+  DISPLAY_VIEW_DEPENDENT: 3,
+  /** Only shows the coarse block grid. */
+  DISPLAY_COARSE_GRID: 4,
+};
+
+/**  @type {!DisplayModeType}  */
+let gDisplayMode = DisplayModeType.DISPLAY_NORMAL;
+
+/**
+ * If true we evaluate run-time performance by re-rendering test viewpoints.
+ * @type {boolean}
+ */
+let gBenchmark = false;
+
+/**
+ * For benchmarking with vsync on: render this many redundant images per frame.
+ * @type {number}
+ */
+let gFrameMult = 1;
+
+/**
+ * A web worker for parsing binary assets in a separate thread.
+ * @type {*}
+ */
+let gLoadAssetsWorker = new WorkerPool(4, "loadpng.worker.js");
+
+
+/**
+ * A web worker for merging slices together.
+ * @type {*}
+ */
+let gCopySliceWorker = new WorkerPool(4, "../workers/copyslices.worker.js");
+
+/**
+ * The vertex shader for rendering a baked MERF scene with ray marching.
+ * @const {string}
+ */
+const kRayMarchVertexShader = `
+varying vec3 vOrigin;
+varying vec3 vDirection;
+uniform mat4 world_T_cam;
+uniform mat4 cam_T_clip;
+
+void main() {
+  vec4 posClip = projectionMatrix * modelViewMatrix * vec4(position, 1.0);
+  gl_Position = posClip;
+  posClip /= posClip.w;
+
+  vec4 originCam = vec4(0.0, 0.0, 0.0, 1.0);
+  vec4 nearPointCam = cam_T_clip * vec4(posClip.x, posClip.y, -1.0, 1.0);
+  nearPointCam /= -nearPointCam.z;
+
+  vec4 originWorld = world_T_cam * originCam;
+  vec4 nearPointWorld = world_T_cam * nearPointCam;
+  vOrigin = originWorld.xyz / originWorld.w;
+  vDirection = nearPointWorld.xyz / nearPointWorld.w - vOrigin;
+}
+`;
+
+/**
+ * We build the ray marching shader programmatically, this string contains the
+ * header for the shader.
+ * @const {string}
+ */
+const kRayMarchFragmentShaderHeader = `
+precision highp float;
+
+varying vec3 vOrigin;
+varying vec3 vDirection;
+
+uniform int displayMode;
+
+uniform mat3 worldspaceROpengl;
+uniform float nearPlane;
+
+#ifdef USE_DISTANCE_GRID
+uniform highp sampler3D distanceGrid;
+uniform highp sampler3D occupancyGrid_L0;
+#else
+uniform highp sampler3D occupancyGrid_L0;
+uniform highp sampler3D occupancyGrid_L1;
+uniform highp sampler3D occupancyGrid_L2;
+#ifndef USE_BITS
+uniform highp sampler3D occupancyGrid_L3;
+uniform highp sampler3D occupancyGrid_L4;
+#endif
+#endif
+
+uniform vec4 bias_0[NUM_CHANNELS_ONE/4];
+uniform vec4 bias_1[NUM_CHANNELS_TWO/4];
+uniform vec4 bias_2[NUM_CHANNELS_THREE/4];
+
+uniform highp sampler2D weightsZero;
+uniform highp sampler2D weightsOne;
+uniform highp sampler2D weightsTwo;
+
+#ifdef USE_EXPOSURE
+uniform float exposure;
+#endif
+
+uniform vec3 atlasSize;
+
+uniform highp sampler3D sparseGridBlockIndices;
+uniform highp sampler3D sparseGridDensity;
+uniform highp sampler3D sparseGridRgb;
+uniform highp sampler3D sparseGridFeatures;
+
+// need to use texture arrays, otherwise we exceed max texture unit limit
+uniform highp sampler2DArray planeDensity;
+uniform highp sampler2DArray planeRgb;
+uniform highp sampler2DArray planeFeatures;
+`;
+
+
+/**
+ * The THREE.js renderer object we use.
+ * @type {?THREE.WebGLRenderer}
+ */
+let gRenderer = null;
+
+
+/**
+ * The number of submodels
+ */
+let gSubmodelCount = 1;
+
+
+/**
+ * The perspective camera we use to view the scene.
+ * @type {?THREE.PerspectiveCamera}
+ */
+let gCamera = null;
+
+
+let gViewportDims = [640, 480];

.history/globals_20241204114940.js

@@ -0,0 +1,186 @@
+// Copyright 2024 The Google Research Authors.
+//
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+//     http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+
+/**
+ * @fileoverview Global state of the web viewer.
+ */
+
+/**
+ * Our framerate display.
+ * @type {?Object}
+ */
+let gStats = null;
+
+/**
+ * If enabled, expect multiple submodels.
+ */
+let gUseSubmodel = false;
+
+/**
+ * Transform from world coordinates to the current submodel.
+ */
+let gSubmodelTransform = null;
+
+/**
+ * Deferred MLP parameters for the current submodel.
+ */
+let gDeferredMlp = null;
+
+/**
+ * Different display modes for debugging rendering.
+ * @enum {number}
+ */
+const DisplayModeType = {
+  /** Runs the full model with view dependence. */
+  DISPLAY_NORMAL: 0,
+  /** Disables the view-dependence network. */
+  DISPLAY_DIFFUSE: 1,
+  /** Only shows the latent features. */
+  DISPLAY_FEATURES: 2,
+  /** Only shows the view dependent component. */
+  DISPLAY_VIEW_DEPENDENT: 3,
+  /** Only shows the coarse block grid. */
+  DISPLAY_COARSE_GRID: 4,
+};
+
+/**  @type {!DisplayModeType}  */
+let gDisplayMode = DisplayModeType.DISPLAY_NORMAL;
+
+/**
+ * If true we evaluate run-time performance by re-rendering test viewpoints.
+ * @type {boolean}
+ */
+let gBenchmark = false;
+
+/**
+ * For benchmarking with vsync on: render this many redundant images per frame.
+ * @type {number}
+ */
+let gFrameMult = 1;
+
+/**
+ * A web worker for parsing binary assets in a separate thread.
+ * @type {*}
+ */
+let gLoadAssetsWorker = new WorkerPool(4, "loadpng.worker.js");
+
+
+/**
+ * A web worker for merging slices together.
+ * @type {*}
+ */
+let gCopySliceWorker = new WorkerPool(4, "copyslices.worker.js");
+
+/**
+ * The vertex shader for rendering a baked MERF scene with ray marching.
+ * @const {string}
+ */
+const kRayMarchVertexShader = `
+varying vec3 vOrigin;
+varying vec3 vDirection;
+uniform mat4 world_T_cam;
+uniform mat4 cam_T_clip;
+
+void main() {
+  vec4 posClip = projectionMatrix * modelViewMatrix * vec4(position, 1.0);
+  gl_Position = posClip;
+  posClip /= posClip.w;
+
+  vec4 originCam = vec4(0.0, 0.0, 0.0, 1.0);
+  vec4 nearPointCam = cam_T_clip * vec4(posClip.x, posClip.y, -1.0, 1.0);
+  nearPointCam /= -nearPointCam.z;
+
+  vec4 originWorld = world_T_cam * originCam;
+  vec4 nearPointWorld = world_T_cam * nearPointCam;
+  vOrigin = originWorld.xyz / originWorld.w;
+  vDirection = nearPointWorld.xyz / nearPointWorld.w - vOrigin;
+}
+`;
+
+/**
+ * We build the ray marching shader programmatically, this string contains the
+ * header for the shader.
+ * @const {string}
+ */
+const kRayMarchFragmentShaderHeader = `
+precision highp float;
+
+varying vec3 vOrigin;
+varying vec3 vDirection;
+
+uniform int displayMode;
+
+uniform mat3 worldspaceROpengl;
+uniform float nearPlane;
+
+#ifdef USE_DISTANCE_GRID
+uniform highp sampler3D distanceGrid;
+uniform highp sampler3D occupancyGrid_L0;
+#else
+uniform highp sampler3D occupancyGrid_L0;
+uniform highp sampler3D occupancyGrid_L1;
+uniform highp sampler3D occupancyGrid_L2;
+#ifndef USE_BITS
+uniform highp sampler3D occupancyGrid_L3;
+uniform highp sampler3D occupancyGrid_L4;
+#endif
+#endif
+
+uniform vec4 bias_0[NUM_CHANNELS_ONE/4];
+uniform vec4 bias_1[NUM_CHANNELS_TWO/4];
+uniform vec4 bias_2[NUM_CHANNELS_THREE/4];
+
+uniform highp sampler2D weightsZero;
+uniform highp sampler2D weightsOne;
+uniform highp sampler2D weightsTwo;
+
+#ifdef USE_EXPOSURE
+uniform float exposure;
+#endif
+
+uniform vec3 atlasSize;
+
+uniform highp sampler3D sparseGridBlockIndices;
+uniform highp sampler3D sparseGridDensity;
+uniform highp sampler3D sparseGridRgb;
+uniform highp sampler3D sparseGridFeatures;
+
+// need to use texture arrays, otherwise we exceed max texture unit limit
+uniform highp sampler2DArray planeDensity;
+uniform highp sampler2DArray planeRgb;
+uniform highp sampler2DArray planeFeatures;
+`;
+
+
+/**
+ * The THREE.js renderer object we use.
+ * @type {?THREE.WebGLRenderer}
+ */
+let gRenderer = null;
+
+
+/**
+ * The number of submodels
+ */
+let gSubmodelCount = 1;
+
+
+/**
+ * The perspective camera we use to view the scene.
+ * @type {?THREE.PerspectiveCamera}
+ */
+let gCamera = null;
+
+
+let gViewportDims = [640, 480];

.history/index_20241118162737.js

@@ -0,0 +1,549 @@
+// Copyright 2024 The Google Research Authors.
+//
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+//     http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+
+/**
+ * @fileoverview Main driver for web viewer.
+ */
+/**
+ * panel for current submodel
+ */
+let gSubmodelPanel = null;
+let gVMemPanel = null;
+
+/**
+ * Number of sample points per voxel.
+ * @type {number}
+ */
+let gStepMult = 1;
+
+
+/**
+ * For large scenes with varying exposure we set this value to be the exposure
+ * of the virtual camera (shutter_speed_in_seconds * iso / 1000).
+ * @type {number}
+ */
+let gExposure = null;
+
+
+/**
+ * Loads full scene representation.
+ *
+ * This includes all submodel assets, including allocation and download.
+ *
+ * This function should be called exactly once.
+ *
+ * @param {string} dirUrl Either points to a directory that contains scene files
+ *                        or to a json file that maps virtual filenames to
+ *                        download links
+ * @param {!object} overrideParams A dictionary that contains overrides for the
+ *   params in scene_params.json (e.g. combineMode, deferredMode or useBits).
+ */
+function loadScene(dirUrl, overrideParams) {
+  // Check if dirUrl points to a json file or to a directory.
+  let filenameToLinkPromise;
+  if (dirUrl && dirUrl.includes('.json')) {
+    // If this is the case, we fetch a JSON file that maps filenames to links.
+    filenameToLinkPromise = loadJSONFile(dirUrl);
+  } else {
+    // Otherwise, the scene files directly lie at dirUrl and we create a
+    // dummy promise that resolves immediately.
+    filenameToLinkPromise = Promise.resolve(null);
+    console.error('dirUrl est null ou non valide. Le fichier Json est dans le dossier');
+  }
+
+  // This variable is defined in progressive.js.
+  filenameToLinkPromise
+      .then(filenameToLink => {
+        // Mapping from fake filenames to real filenames under root directory
+        // dirUrl.
+        const router = new Router(dirUrl, filenameToLink);
+        console.log('router:', router)
+
+        // Loads scene parameters (voxel grid size, view-dependence MLP).
+        const sceneParamsUrl = router.translate('scene_params.json');
+        console.log('sceneParamsUrl:',sceneParamsUrl);
+        const sceneParamsPromise = loadJSONFile(sceneParamsUrl);
+        console.log('sceneParamsPromise:',sceneParamsPromise);
+
+        if (overrideParams['loadBenchmarkCameras']) {
+          loadBenchmarkCameras(router);
+        }
+
+        // Some of the shader code is stored in seperate files.
+        return Promise.all([sceneParamsPromise, {router, filenameToLink}]);
+      })
+      .then(parsed => {
+        // scene_params.json for this scene.
+        // Translates filenames to full URLs.
+        const [sceneParams, carry] = parsed;
+
+        // Determine if there are multiple submodels or not. If so, figure out
+        // how many.
+        let initialSubmodelIndex = 0;
+        gUseSubmodel =
+            (sceneParams.hasOwnProperty('num_local_submodels') &&
+             sceneParams['num_local_submodels'] > 1);
+        if (gUseSubmodel) {
+          // Override default submodel to the user chose by URL.
+          gSubmodelCount = sceneParams['num_local_submodels'];
+          initialSubmodelIndex =
+              sceneParams['sm_to_params'][sceneParams['submodel_idx']];
+        }
+
+        // Get links to scene_params.json files for each submodel.
+        let sceneParamsPromises = [];
+        for (let si = 0; si < gSubmodelCount; ++si) {
+          // Get the submodel ids participating in this scene.
+          const submodelId = sceneParams['params_to_sm'][si];
+          // Find path to its scene_params.json file.
+          const filePath = carry.router.translate(
+              submodelAssetPath(submodelId, 'scene_params.json'));
+          // Construct path to scene_params.json for this submodel.
+          sceneParamsPromises.push(loadJSONFile(filePath));
+        }
+
+        // Wait for all scene_params.json files to be loaded.
+        return Promise.all(
+            [{...carry, initialSubmodelIndex}, ...sceneParamsPromises]);
+      })
+      .then(loaded => {
+        let [carry, ...submodelSceneParams] = loaded;
+        for (let si = 0; si < submodelSceneParams.length; ++si) {
+          // Override the scene params using the URL GET variables.
+          submodelSceneParams[si] =
+              extend(submodelSceneParams[si], overrideParams);
+
+          // Build fake-filename-to-real-filename translator for this
+          // submodel.
+          const submodelId = submodelSceneParams[si]['params_to_sm'][si];
+          let subDirUrl = dirUrl;
+          if (gUseSubmodel) {
+            subDirUrl = `${subDirUrl}/${submodelAssetPath(submodelId)}`;
+          }
+          let submodelRouter = new Router(subDirUrl, carry.filenameToLink);
+
+          // Load all assets related to this submodel. This is not a blocking
+          // operation.
+          // TODO: Consider loading this content on-demand and using an LRU
+          // cache to bound memory usage.
+          let submodelContent =
+              initializeSceneContent(submodelSceneParams[si], submodelRouter);
+          console.log(`spec for submodel #${si}:`, submodelContent.spec);
+
+          // Register submodel content with the texture manager.
+          registerSubmodelContent(si, submodelContent);
+        }
+
+        // Now that we know the submodel scale we can set the camera pose.
+        let si = carry.initialSubmodelIndex;
+        setupInitialCameraPose(
+            dirUrl,
+            submodelCenter(si, getSubmodelContent(si).params),
+        );
+
+        // Instantiate scene & texture buffers.
+        return Promise.all([si, initializeDeferredMlp(si)]);
+      }).then(([si, _]) => {
+        return initializePingPongBuffers(si);
+      }).then(() => {
+        return requestAnimationFrame(renderNextFrame);
+      });
+}
+
+
+// Initialiser la variable pour activer/désactiver les mouvements de la caméra
+let disableCameraControls = false;
+/**
+ * Initializes the application based on the URL parameters.
+ */
+function initFromParameters() {
+  // HTTP GET query parameters
+  const params = new URL(window.location.href).searchParams;
+  console.log(params);
+
+  // Base directory for all assets.
+  const dirUrl = 'nyc/sm_004';
+  console.log(dirUrl);
+
+  // Controls platform-specific defaults: phone, low, medium, high. Not
+  // const as benchmark=true can override it.
+  let quality = params.get('quality');
+
+  // Initialize lowResFactor with a default value
+  let lowResFactor = parseInt(params.get('downscale') || 1, 10);
+
+  // Number of samples per voxel. Increase for slower rendering and fewer
+  // artifacts.
+
+  const stepMult = params.get('stepMult');
+  if (stepMult) {
+    gStepMult = parseInt(stepMult, 10);
+  }
+  const frameMult = params.get('frameMult');
+  if (frameMult) {
+    gFrameMult = parseInt(frameMult, 10);
+  }
+
+  // Manually specify exposure for exposure-aware models.
+  const exposure = params.get('exposure');
+  if (exposure) {
+    gExposure = parseFloat(exposure);
+  }
+
+  // For manually overriding parameters in scene_params.json.
+  let overrideParams = {};
+
+  const benchmarkParam = params.get('benchmark');
+  const benchmark = benchmarkParam &&
+      (benchmarkParam.toLowerCase() === 'time' ||
+       benchmarkParam.toLowerCase() === 'quality');
+  if (benchmark) {
+    overrideParams['loadBenchmarkCameras'] = true;
+    quality = 'high';
+    const sceneNameChunks = dirUrl.split('/').slice(-2);
+    setupBenchmarkStats(
+        sceneNameChunks[0] + '_' + sceneNameChunks[1],
+        benchmarkParam.toLowerCase() === 'quality');
+  }
+
+  // snerg, vfr
+  const deferredMode = params.get('deferredMode');
+  if (deferredMode) {
+    overrideParams['deferred_rendering_mode'] = deferredMode;
+  }
+
+  // sum, concat_and_sum
+  const combineMode = params.get('combineMode');
+  if (combineMode && combineMode === 'concat_and_sum') {
+    overrideParams['merge_features_combine_op'] = 'coarse_sum';
+  }
+
+  // are occupancy grids bitpacked?
+  const useBits = params.get('useBits');
+  if (useBits) {
+    overrideParams['useBits'] = useBits.toLowerCase() === 'true';
+  }
+
+  // Use distance grid for calculating step sizes.
+  const useDistanceGrid = params.get('useDistanceGrid');
+  if (useDistanceGrid) {
+    overrideParams['useDistanceGrid'] =
+        useDistanceGrid.toLowerCase() === 'true';
+  }
+
+  // Load legacy scenes, where the distance & occupancy grids are stored
+  // as a single monolithic file.
+  const legacyGrids = params.get('legacyGrids');
+  if (legacyGrids) {
+    overrideParams['legacyGrids'] = legacyGrids.toLowerCase() === 'true';
+  }
+
+  // Sets the activation function of the DeferredMLP. Either "relu" or "elu".
+  // Defaults to elu.
+  const activation = params.get('activation');
+  if (activation) {
+    overrideParams['activation'] = activation;
+  }
+
+  // Whether to use feature gating for the triplanes. Either "true" or "false".
+  // Defaults to true.
+  const featureGating = params.get('featureGating');
+  if (featureGating) {
+    overrideParams['feature_gating'] = featureGating.toLowerCase() === 'true';
+  }
+
+  // Limit the number of cached submodel payloads.
+  const submodelCacheSize = params.get('submodelCacheSize');
+  if (submodelCacheSize) {
+    gSubmodelCacheSize = Number(submodelCacheSize);
+  }
+
+  // Merge slices of assets together before binding to WebGL texture.
+  const mergeSlices = params.get('mergeSlices');
+  if (mergeSlices) {
+    overrideParams['merge_slices'] = mergeSlices == 'true';
+  }
+
+  // The background color (in hex, e.g. #FF0000 for red) that the scene is
+  // rendered on top of. Defaults to medium grey.
+  const backgroundColor = params.get('backgroundColor');
+  if (backgroundColor) {
+    overrideParams['backgroundColor'] = '#' + backgroundColor;
+  }
+
+
+    
+    // Créer le conteneur de la vue et ajouter la classe
+    const view = document.createElement('div');
+    view.classList.add('view'); // Appliquer les styles de style.css
+    
+    // Ajouter le conteneur de vue dans l'élément #viewspacecontainer avant de récupérer les dimensions
+    const viewSpaceContainer = document.getElementById('viewspacecontainer');
+    viewSpaceContainer.appendChild(view);
+    
+    // Maintenant que l'élément est dans le DOM, on peut récupérer les dimensions définies par le CSS
+    function getCssDimensions(element) {
+      const styles = getComputedStyle(element);
+      const width = parseInt(styles.width, 10);
+      const height = parseInt(styles.height, 10);
+      return { width, height };
+    }
+    
+    const { width: frameBufferWidth, height: frameBufferHeight } = getCssDimensions(view);
+    
+    // Appliquer les dimensions récupérées si besoin (optionnel)
+    view.style.width = `${frameBufferWidth}px`;
+    view.style.height = `${frameBufferHeight}px`;
+    
+    // Log dimensions for debugging
+    console.log('Width:', frameBufferWidth, 'Height:', frameBufferHeight);
+      
+      // Continue with the rest of the script...
+      
+  
+    // Vous pouvez définir ici d'autres valeurs par défaut spécifiques
+    
+  // Mouse mode: Default to "fps" if not set in the URL
+  const mouseMode = params.get('mouseMode') || 'orbit';
+
+  // No downscale factor specified, estimate it from the quality setting.
+  let stepSizeVisibilityDelay = 0.99;
+  if (!params.get('downscale') && quality) {
+    let maxPixelsPerFrame = frameBufferWidth * frameBufferHeight;
+    if (quality == 'phone') {  // For iPhones.
+      maxPixelsPerFrame = 300 * 450;
+      stepSizeVisibilityDelay = 0.8;
+    } else if (quality == 'low') {  // For laptops with integrated GPUs.
+      maxPixelsPerFrame = 600 * 250;
+      stepSizeVisibilityDelay = 0.8;
+    } else if (quality == 'medium') {  // For laptops with dicrete GPUs.
+      maxPixelsPerFrame = 1200 * 640;
+      stepSizeVisibilityDelay = 0.95;
+    }  // else assume quality is 'high' and render at full res.
+
+    while (frameBufferWidth * frameBufferHeight / lowResFactor >
+           maxPixelsPerFrame) {
+      lowResFactor++;
+    }
+
+    console.log('Automatically chose a downscaling factor of ' + lowResFactor);
+  }
+  overrideParams['useLargerStepsWhenOccluded'] = false;
+  overrideParams['step_size_visibility_delay'] = stepSizeVisibilityDelay;
+
+  // Near plane distance in world coordinates.
+  const nearPlane = parseFloat(params.get('near') || 0.01);
+
+  // FOV along screen height. Specified in degrees.
+  const vfovy = parseFloat(params.get('vfovy') || 40.0); 
+
+
+  const viewSpace = document.querySelector('.viewspace');
+  viewSpace.textContent = '';
+  viewSpace.appendChild(view);
+
+  // Créer le canvas et l'attacher à .view
+let canvas = document.createElement('canvas');
+view.appendChild(canvas);
+
+// Appliquer les styles du parent (.view) au canvas via JavaScript
+canvas.style.width = '100%';
+canvas.style.height = '100%';
+canvas.style.border = getComputedStyle(view).border;
+canvas.style.borderRadius = getComputedStyle(view).borderRadius;
+canvas.style.boxSizing = getComputedStyle(view).boxSizing;
+
+  // Add tool for visualizing framerate.
+  gStats = Stats();
+  gStats.dom.style.position = 'absolute';
+  gStats.dom.style.display = 'none';  // Masquer complètement les stats
+  viewSpace.appendChild(gStats.dom);
+
+  gSubmodelPanel = gStats.addPanel(new Stats.Panel('SM', '#0ff', '#002'));
+  gSubmodelPanel.update(getActiveSubmodelIndex());
+
+  gVMemPanel = gStats.addPanel(new Stats.Panel('MB VRAM', '#0ff', '#002'));
+  gVMemPanel.update(0);
+
+  // Show FPS; hide other panels.
+  gStats.showPanel(0);
+
+  // Set up a high performance WebGL context, making sure that anti-aliasing is
+  // turned off.
+  let gl = canvas.getContext('webgl2', {
+    powerPreference: 'high-performance',
+    alpha: false,
+    stencil: true,
+    precision: 'highp',
+    depth: true,
+    antialias: false,
+    desynchronized: false,
+    preserveDrawingBuffer:
+        benchmarkParam && benchmarkParam.toLowerCase() === 'quality',
+  });
+  gl.enable(gl.DEPTH_TEST);  // Activer le test de profondeur
+  gl.depthFunc(gl.LEQUAL);  // Spécifier comment les comparaisons de profondeur doivent être effectuées
+  gl.pixelStorei(gl.UNPACK_ALIGNMENT, 1);
+  gl.viewport(0, 0, canvas.width, canvas.height);
+
+  gRenderer = new THREE.WebGLRenderer({
+    canvas: canvas,
+    context: gl,
+  });
+
+  // Set up the normal scene used for rendering.
+  gCamera = new THREE.PerspectiveCamera(
+    vfovy,  // Vertical field of view (kept from your original setup)
+    Math.trunc(view.offsetWidth / lowResFactor) /
+        Math.trunc(view.offsetHeight / lowResFactor),  // Aspect ratio (adjusted based on view size)
+    nearPlane,  // Near clipping plane (keep your original value)
+    2000  // Far clipping plane, increased from 100.0 to 2000. Adjust as needed for your scene
+  );
+  gCamera.updateProjectionMatrix();
+
+  // Expose gCamera to global scope
+  window.sceneCamera = gCamera;
+
+  // Set up progressive rendering and renderer size (keeping your existing code)
+  setupProgressiveRendering(view, lowResFactor);
+  gRenderer.autoClear = false;
+  gRenderer.setSize(view.offsetWidth, view.offsetHeight);
+  // Enable depth testing
+  gRenderer.setClearColor(0x000000, 1);
+
+  setupCameraControls(mouseMode, view); // Using the default 'fps' if not specified
+
+  let width = Math.trunc(view.offsetWidth / lowResFactor);
+  let height = Math.trunc(view.offsetHeight / lowResFactor);
+  setupViewport(width, height);
+
+  loadScene(dirUrl, overrideParams)
+}
+
+
+let sphereAdded = false;
+/**
+ * The main update function that gets called every frame.
+ *
+ * @param {number} t elapsed time between frames (ms).
+ */
+function renderNextFrame(t) {
+  // Delete old submodels to keep memory usage in check.
+  garbageCollectSubmodelPayloads();
+
+  // Attempt to set the current ray march scene. This will kick off the process
+  // of instantiating a new scene if necessary.
+  let submodelIndex =
+      positionToSubmodel(gCamera.position, getActiveSubmodelContent().params);
+  setCurrentRayMarchScene(submodelIndex);
+
+  // setCurrentRayMarchScene() may not actually change the scene. Use the
+  // index of the current active submodel instead.
+  submodelIndex = getActiveSubmodelIndex();
+
+  let sceneParams = getSubmodelContent(submodelIndex).params;
+
+  for (let i = 0; i < gFrameMult; ++i) {
+    gSubmodelTransform = submodelTransform(submodelIndex, sceneParams);
+
+    gSubmodelPanel.update(submodelIndex);
+    gVMemPanel.update(getCurrentTextureUsageInBytes() / 1e6);
+// Condition pour désactiver les mouvements de la caméra lors du hover
+    if (!disableCameraControls) {
+      updateCameraControls();  // Mettre à jour les contrôles de la caméra uniquement si hover désactivé
+    }
+
+    // For benchmarking, we want to direcly set the projection matrix.
+    if (!gBenchmark) {
+      gCamera.updateProjectionMatrix();
+    }
+    gCamera.updateMatrixWorld();
+
+    const currentSubmodelCenter = submodelCenter(submodelIndex, sceneParams);
+    const submodelScale = getSubmodelScale(submodelIndex);
+    let submodelCameraPosition = new THREE.Vector3().copy(gCamera.position);
+    submodelCameraPosition.sub(currentSubmodelCenter);
+    submodelCameraPosition.multiplyScalar(submodelScale);
+
+    let shaderUniforms = getRayMarchScene().children[0].material.uniforms;
+    // Make sure to free up GPU memory from the previous frames.
+    if (!!shaderUniforms['weightsZero']['value']) {
+      shaderUniforms['weightsZero']['value'].dispose();
+    }
+    if (!!shaderUniforms['weightsOne']['value']) {
+      shaderUniforms['weightsOne']['value'].dispose();
+    }
+    if (!!shaderUniforms['weightsTwo']['value']) {
+      shaderUniforms['weightsTwo']['value'].dispose();
+    }
+
+    shaderUniforms['bias_0']['value'] =
+        trilerpDeferredMlpBiases(submodelIndex, 0, submodelCameraPosition);
+    shaderUniforms['bias_1']['value'] =
+        trilerpDeferredMlpBiases(submodelIndex, 1, submodelCameraPosition);
+    shaderUniforms['bias_2']['value'] =
+        trilerpDeferredMlpBiases(submodelIndex, 2, submodelCameraPosition);
+
+    shaderUniforms['weightsZero']['value'] =
+        trilerpDeferredMlpKernel(submodelIndex, 0, submodelCameraPosition);
+    shaderUniforms['weightsOne']['value'] =
+        trilerpDeferredMlpKernel(submodelIndex, 1, submodelCameraPosition);
+    shaderUniforms['weightsTwo']['value'] =
+        trilerpDeferredMlpKernel(submodelIndex, 2, submodelCameraPosition);
+
+
+    gRenderer.clear();    
+    renderProgressively();  // Clear depth buffer to avoid depth conflicts
+    gRenderer.render(gSphereScene, gCamera);
+    }
+  gStats.update();
+  
+  // By default we schedule the next frame ASAP, but the benchmark mode can
+  // override this by replacing this lambda.
+  let scheduleNextFrame = () => {
+    requestAnimationFrame(renderNextFrame);
+  };
+  if (gBenchmark) {
+    scheduleNextFrame = benchmarkPerformance(scheduleNextFrame);
+  }
+  scheduleNextFrame();
+}
+
+
+
+/**
+ * Starts the volumetric scene viewer application.
+ */
+function start() {
+  initFromParameters();
+  addHandlers();
+
+  // Initialiser la caméra et le renderer avant d'utiliser gCamera et gRenderer
+  if (!gCamera || !gRenderer) {
+    console.error("gCamera ou gRenderer non initialisés.");
+    return;
+  }
+  // Après avoir initialisé gCamera et gRenderer
+  addInteractionPlane();
+  setupNewPlaneGizmo(newPlane);
+  setupMouseHover();
+  // Ajouter les écouteurs d'événements pour les mouvements de la souris et les clics
+  window.addEventListener('mousemove', onMouseMove, false);
+  window.addEventListener('mousedown', onMouseDown, false);
+  window.addEventListener('mouseup', onMouseUp, false);
+  
+
+}
+
+window.onload = start;

.history/index_20241119000624.html

@@ -0,0 +1,132 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Personnalisation</title>
+    <link href="https://cdn.jsdelivr.net/npm/tailwindcss@2.2.19/dist/tailwind.min.css" rel="stylesheet">
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
+    <link href="/dist/tailwind.css" rel="stylesheet">
+</head>
+<body class="bg-bg text-textDark font-sans">
+    <div id="dashboard-layout" class="flex flex-col h-screen">
+        <div id="content" class="flex flex-col flex-1 p-6">
+            <!-- Error Message -->
+            <div id="error" class="hidden text-red-600"></div>
+
+            <!-- Viewspace Container -->
+            <div id="viewspacecontainer" class="bg-white p-6 rounded-lg shadow-md">
+                <div class="view aspect-w-16 aspect-h-9 rounded-xl border border-yellow-300 bg-gray-100 flex items-center justify-center">
+                    <!-- Loading Animation -->
+                    <div id="Loading" class="absolute">
+                        <h4 class="text-lg font-bold text-gray-700">
+                            <span id="image-progress">Loading images: 0/?</span>
+                        </h4>
+                    </div>
+                    <!-- Benchmark Stats -->
+                    <textarea readonly id="benchmark-stats" rows="10" cols="40" 
+                              class="absolute top-4 left-4 border rounded p-2 text-gray-600 bg-white shadow">
+                        Click me to start benchmarking when the frame-rate is behaving reasonably.
+                    </textarea>
+                    <!-- Loading Indicators -->
+                    <div id="loading-container" class="absolute flex space-x-4">
+                        <div id="topleft" class="loading-bgbox w-8 h-8 bg-gray-300 rounded-full"></div>
+                        <div id="bottomleft" class="loading-bgbox w-8 h-8 bg-gray-300 rounded-full"></div>
+                        <div id="topright" class="loading-bgbox w-8 h-8 bg-gray-300 rounded-full"></div>
+                        <div id="bottomright" class="loading-bgbox w-8 h-8 bg-gray-300 rounded-full"></div>
+                        <div id="loading-indicator" class="w-8 h-8 bg-gray-500 rounded-full animate-spin"></div>
+                    </div>
+                    <!-- Viewer Canvas -->
+                    <canvas id="viewerCanvas" class="w-full h-full rounded-xl"></canvas>
+                </div>
+            </div>
+
+            <!-- Toolbar -->
+            <div id="toolbar" class="flex flex-wrap items-center mt-6 space-x-4">
+                <button id="addSphereButton" class="bg-blue-600 text-white px-4 py-2 rounded">Ajouter une pièce</button>
+                <button id="toggleGizmoButton" class="bg-gray-300 text-black px-4 py-2 rounded">Guizmo inactif</button>
+                <button id="togglePlanButton" class="bg-green-600 text-white px-4 py-2 rounded">Plan visible</button>
+                <button id="toggleNewPlaneGizmoButton" class="bg-gray-300 text-black px-4 py-2 rounded">Gizmo Plan2 Inactif</button>
+                <button id="createNewPlaneButton" class="bg-blue-600 text-white px-4 py-2 rounded">Créer un Nouveau Plan</button>
+                <button id="verifyButton" class="bg-yellow-500 text-white px-4 py-2 rounded">Vérifier</button>
+                <button id="boundingBoxButton" class="bg-purple-500 text-white px-4 py-2 rounded">Créer la bounding box</button>
+                <input type="text" id="folderPathInput" placeholder="Nom du dossier"
+                       class="border rounded px-4 py-2 focus:outline-none">
+                <button id="uploadButton" class="bg-gray-400 text-white px-4 py-2 rounded" disabled>Téléverser vers GCS</button>
+            </div>
+
+            <!-- Video Maker Bar -->
+            <div id="videoMakerBar" class="flex flex-wrap items-center mt-6 space-x-4">
+                <button id="saveCameraPosition" class="bg-green-600 text-white px-4 py-2 rounded">Enregistrer Position Caméra</button>
+                <button id="stopAnimationButton" class="bg-red-600 text-white px-4 py-2 rounded">Arrêter l'Animation</button>
+                <button id="startAnimationButton" class="bg-blue-600 text-white px-4 py-2 rounded">Démarrer Animation Caméra</button>
+                <button id="captureButton" class="bg-purple-500 text-white px-4 py-2 rounded">Capturer Vidéo</button>
+            </div>
+
+            <!-- Status Message -->
+            <div id="statusMessage" class="status-message mt-4 text-gray-700"></div>
+
+            <!-- Figure Cards Container -->
+            <div id="figureCardsContainer" class="grid grid-cols-3 gap-4 mt-6">
+                <!-- Dynamic content will be added here -->
+            </div>
+        </div>
+    </div>
+
+    <!-- Charger dynamiquement les scripts avec logs -->
+    <script src="/js/layout.js"></script>
+    <script src="/js/sidebar.js"></script>
+    <script src="/js/topbar.js"></script>
+
+    <script>
+        const scriptsToLoad = [
+            'https://unpkg.com/three@0.113.1/build/three.js',
+            'https://unpkg.com/three@0.113.1/examples/js/controls/OrbitControls.js',
+            'https://unpkg.com/three@0.113.1/examples/js/controls/PointerLockControls.js',
+            'https://unpkg.com/three@0.113.1/examples/js/controls/TransformControls.js',
+            'https://unpkg.com/stats-js@1.0.1/build/stats.min.js',
+            'https://cdn.jsdelivr.net/npm/ccapture.js@1.0.9/build/CCapture.all.min.js',
+            'https://unpkg.com/file-saver@2.0.0-rc.2/dist/FileSaver.min.js',
+            '/dashboard/personnalisation/deps/zlib.js',
+            '/dashboard/personnalisation/deps/png.js',
+            '/dashboard/personnalisation/scene_spec.js',
+            '/dashboard/personnalisation/fetch_asset.js',
+            '/dashboard/personnalisation/create_texture.js',
+            '/dashboard/personnalisation/prepare_payload.js',
+            '/dashboard/personnalisation/populate_texture.js',
+            '/dashboard/personnalisation/texture_manager.js',
+            '/dashboard/personnalisation/worker_pool.js',
+            '/dashboard/personnalisation/globals.js',
+            '/dashboard/personnalisation/utils.js',
+            '/dashboard/personnalisation/progressive.js',
+            '/dashboard/personnalisation/viewdependency.js',
+            '/dashboard/personnalisation/defaultposes.js',
+            '/dashboard/personnalisation/input.js',
+            '/dashboard/personnalisation/benchmark.js',
+            '/dashboard/personnalisation/custom/objects.js',
+            '/dashboard/personnalisation/custom/boutons_sb.js',
+            '/dashboard/personnalisation/custom/mouseHover.js',
+            '/dashboard/personnalisation/custom/addSphereOnClick.js',
+            '/dashboard/personnalisation/custom/selectFigure.js',
+            '/dashboard/personnalisation/custom/extrude.js',
+            '/dashboard/personnalisation/local_script.js',
+            '/dashboard/personnalisation/videoMaker/cameraCapture.js',
+            '/dashboard/personnalisation/index.js'
+        ];
+
+        async function loadScriptsInOrder(scripts) {
+            for (const script of scripts) {
+                await new Promise((resolve, reject) => {
+                    const scriptEl = document.createElement('script');
+                    scriptEl.src = script;
+                    scriptEl.onload = resolve;
+                    scriptEl.onerror = reject;
+                    document.body.appendChild(scriptEl);
+                });
+            }
+        }
+
+        loadScriptsInOrder(scriptsToLoad);
+    </script>
+</body>
+</html>

.history/index_20241119234025.html

@@ -0,0 +1,129 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Personnalisation</title>
+</head>
+<body class="bg-bg text-textDark font-sans">
+    <div id="dashboard-layout" class="flex flex-col h-screen">
+        <div id="content" class="flex flex-col flex-1 p-6">
+            <!-- Error Message -->
+            <div id="error" class="hidden text-red-600"></div>
+
+            <!-- Viewspace Container -->
+            <div id="viewspacecontainer" class="bg-white p-6 rounded-lg shadow-md">
+                <div class="view aspect-w-16 aspect-h-9 rounded-xl border border-yellow-300 bg-gray-100 flex items-center justify-center">
+                    <!-- Loading Animation -->
+                    <div id="Loading" class="absolute">
+                        <h4 class="text-lg font-bold text-gray-700">
+                            <span id="image-progress">Loading images: 0/?</span>
+                        </h4>
+                    </div>
+                    <!-- Benchmark Stats -->
+                    <textarea readonly id="benchmark-stats" rows="10" cols="40" 
+                              class="absolute top-4 left-4 border rounded p-2 text-gray-600 bg-white shadow">
+                        Click me to start benchmarking when the frame-rate is behaving reasonably.
+                    </textarea>
+                    <!-- Loading Indicators -->
+                    <div id="loading-container" class="absolute flex space-x-4">
+                        <div id="topleft" class="loading-bgbox w-8 h-8 bg-gray-300 rounded-full"></div>
+                        <div id="bottomleft" class="loading-bgbox w-8 h-8 bg-gray-300 rounded-full"></div>
+                        <div id="topright" class="loading-bgbox w-8 h-8 bg-gray-300 rounded-full"></div>
+                        <div id="bottomright" class="loading-bgbox w-8 h-8 bg-gray-300 rounded-full"></div>
+                        <div id="loading-indicator" class="w-8 h-8 bg-gray-500 rounded-full animate-spin"></div>
+                    </div>
+                    <!-- Viewer Canvas -->
+                    <canvas id="viewerCanvas" class="w-full h-full rounded-xl"></canvas>
+                </div>
+            </div>
+
+            <!-- Toolbar -->
+            <div id="toolbar" class="flex flex-wrap items-center mt-6 space-x-4">
+                <button id="addSphereButton" class="bg-blue-600 text-white px-4 py-2 rounded">Ajouter une pièce</button>
+                <button id="toggleGizmoButton" class="bg-gray-300 text-black px-4 py-2 rounded">Guizmo inactif</button>
+                <button id="togglePlanButton" class="bg-green-600 text-white px-4 py-2 rounded">Plan visible</button>
+                <button id="toggleNewPlaneGizmoButton" class="bg-gray-300 text-black px-4 py-2 rounded">Gizmo Plan2 Inactif</button>
+                <button id="createNewPlaneButton" class="bg-blue-600 text-white px-4 py-2 rounded">Créer un Nouveau Plan</button>
+                <button id="verifyButton" class="bg-yellow-500 text-white px-4 py-2 rounded">Vérifier</button>
+                <button id="boundingBoxButton" class="bg-purple-500 text-white px-4 py-2 rounded">Créer la bounding box</button>
+                <input type="text" id="folderPathInput" placeholder="Nom du dossier"
+                       class="border rounded px-4 py-2 focus:outline-none">
+                <button id="uploadButton" class="bg-gray-400 text-white px-4 py-2 rounded" disabled>Téléverser vers GCS</button>
+            </div>
+
+            <!-- Video Maker Bar -->
+            <div id="videoMakerBar" class="flex flex-wrap items-center mt-6 space-x-4">
+                <button id="saveCameraPosition" class="bg-green-600 text-white px-4 py-2 rounded">Enregistrer Position Caméra</button>
+                <button id="stopAnimationButton" class="bg-red-600 text-white px-4 py-2 rounded">Arrêter l'Animation</button>
+                <button id="startAnimationButton" class="bg-blue-600 text-white px-4 py-2 rounded">Démarrer Animation Caméra</button>
+                <button id="captureButton" class="bg-purple-500 text-white px-4 py-2 rounded">Capturer Vidéo</button>
+            </div>
+
+            <!-- Status Message -->
+            <div id="statusMessage" class="status-message mt-4 text-gray-700"></div>
+
+            <!-- Figure Cards Container -->
+            <div id="figureCardsContainer" class="grid grid-cols-3 gap-4 mt-6">
+                <!-- Dynamic content will be added here -->
+            </div>
+        </div>
+    </div>
+
+    <!-- Charger dynamiquement les scripts avec logs -->
+    <script src="/js/layout.js"></script>
+    <script src="/js/sidebar.js"></script>
+    <script src="/js/topbar.js"></script>
+
+    <script>
+        const scriptsToLoad = [
+            'https://unpkg.com/three@0.113.1/build/three.js',
+            'https://unpkg.com/three@0.113.1/examples/js/controls/OrbitControls.js',
+            'https://unpkg.com/three@0.113.1/examples/js/controls/PointerLockControls.js',
+            'https://unpkg.com/three@0.113.1/examples/js/controls/TransformControls.js',
+            'https://unpkg.com/stats-js@1.0.1/build/stats.min.js',
+            'https://cdn.jsdelivr.net/npm/ccapture.js@1.0.9/build/CCapture.all.min.js',
+            'https://unpkg.com/file-saver@2.0.0-rc.2/dist/FileSaver.min.js',
+            '/dashboard/personnalisation/deps/zlib.js',
+            '/dashboard/personnalisation/deps/png.js',
+            '/dashboard/personnalisation/scene_spec.js',
+            '/dashboard/personnalisation/fetch_asset.js',
+            '/dashboard/personnalisation/create_texture.js',
+            '/dashboard/personnalisation/prepare_payload.js',
+            '/dashboard/personnalisation/populate_texture.js',
+            '/dashboard/personnalisation/texture_manager.js',
+            '/dashboard/personnalisation/worker_pool.js',
+            '/dashboard/personnalisation/globals.js',
+            '/dashboard/personnalisation/utils.js',
+            '/dashboard/personnalisation/progressive.js',
+            '/dashboard/personnalisation/viewdependency.js',
+            '/dashboard/personnalisation/defaultposes.js',
+            '/dashboard/personnalisation/input.js',
+            '/dashboard/personnalisation/benchmark.js',
+            '/dashboard/personnalisation/custom/objects.js',
+            '/dashboard/personnalisation/custom/boutons_sb.js',
+            '/dashboard/personnalisation/custom/mouseHover.js',
+            '/dashboard/personnalisation/custom/addSphereOnClick.js',
+            '/dashboard/personnalisation/custom/selectFigure.js',
+            '/dashboard/personnalisation/custom/extrude.js',
+            '/dashboard/personnalisation/local_script.js',
+            '/dashboard/personnalisation/videoMaker/cameraCapture.js',
+            '/dashboard/personnalisation/index.js'
+        ];
+
+        async function loadScriptsInOrder(scripts) {
+            for (const script of scripts) {
+                await new Promise((resolve, reject) => {
+                    const scriptEl = document.createElement('script');
+                    scriptEl.src = script;
+                    scriptEl.onload = resolve;
+                    scriptEl.onerror = reject;
+                    document.body.appendChild(scriptEl);
+                });
+            }
+        }
+
+        loadScriptsInOrder(scriptsToLoad);
+    </script>
+</body>
+</html>

.history/index_20241119234048.html

@@ -0,0 +1,100 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Personnalisation</title>
+</head>
+<body class="bg-bg text-textDark font-sans">
+    <div id="dashboard-layout" class="flex flex-col h-screen">
+        <div id="content" class="flex flex-col flex-1 p-6">
+            <!-- Error Message -->
+            <div id="error" class="hidden text-red-600"></div>
+
+            <!-- Viewspace Container -->
+            <div id="viewspacecontainer" class="bg-white p-6 rounded-lg shadow-md">
+                <div class="view aspect-w-16 aspect-h-9 rounded-xl border border-yellow-300 bg-gray-100 flex items-center justify-center">
+                    <!-- Loading Animation -->
+                    <div id="Loading" class="absolute">
+                        <h4 class="text-lg font-bold text-gray-700">
+                            <span id="image-progress">Loading images: 0/?</span>
+                        </h4>
+                    </div>
+                    <!-- Benchmark Stats -->
+                    <textarea readonly id="benchmark-stats" rows="10" cols="40" 
+                              class="absolute top-4 left-4 border rounded p-2 text-gray-600 bg-white shadow">
+                        Click me to start benchmarking when the frame-rate is behaving reasonably.
+                    </textarea>
+                    <!-- Loading Indicators -->
+                    <div id="loading-container" class="absolute flex space-x-4">
+                        <div id="topleft" class="loading-bgbox w-8 h-8 bg-gray-300 rounded-full"></div>
+                        <div id="bottomleft" class="loading-bgbox w-8 h-8 bg-gray-300 rounded-full"></div>
+                        <div id="topright" class="loading-bgbox w-8 h-8 bg-gray-300 rounded-full"></div>
+                        <div id="bottomright" class="loading-bgbox w-8 h-8 bg-gray-300 rounded-full"></div>
+                        <div id="loading-indicator" class="w-8 h-8 bg-gray-500 rounded-full animate-spin"></div>
+                    </div>
+                    <!-- Viewer Canvas -->
+                    <canvas id="viewerCanvas" class="w-full h-full rounded-xl"></canvas>
+                </div>
+            </div>
+
+        </div>
+    </div>
+
+    <!-- Charger dynamiquement les scripts avec logs -->
+    <script src="/js/layout.js"></script>
+    <script src="/js/sidebar.js"></script>
+    <script src="/js/topbar.js"></script>
+
+    <script>
+        const scriptsToLoad = [
+            'https://unpkg.com/three@0.113.1/build/three.js',
+            'https://unpkg.com/three@0.113.1/examples/js/controls/OrbitControls.js',
+            'https://unpkg.com/three@0.113.1/examples/js/controls/PointerLockControls.js',
+            'https://unpkg.com/three@0.113.1/examples/js/controls/TransformControls.js',
+            'https://unpkg.com/stats-js@1.0.1/build/stats.min.js',
+            'https://cdn.jsdelivr.net/npm/ccapture.js@1.0.9/build/CCapture.all.min.js',
+            'https://unpkg.com/file-saver@2.0.0-rc.2/dist/FileSaver.min.js',
+            '/dashboard/personnalisation/deps/zlib.js',
+            '/dashboard/personnalisation/deps/png.js',
+            '/dashboard/personnalisation/scene_spec.js',
+            '/dashboard/personnalisation/fetch_asset.js',
+            '/dashboard/personnalisation/create_texture.js',
+            '/dashboard/personnalisation/prepare_payload.js',
+            '/dashboard/personnalisation/populate_texture.js',
+            '/dashboard/personnalisation/texture_manager.js',
+            '/dashboard/personnalisation/worker_pool.js',
+            '/dashboard/personnalisation/globals.js',
+            '/dashboard/personnalisation/utils.js',
+            '/dashboard/personnalisation/progressive.js',
+            '/dashboard/personnalisation/viewdependency.js',
+            '/dashboard/personnalisation/defaultposes.js',
+            '/dashboard/personnalisation/input.js',
+            '/dashboard/personnalisation/benchmark.js',
+            '/dashboard/personnalisation/custom/objects.js',
+            '/dashboard/personnalisation/custom/boutons_sb.js',
+            '/dashboard/personnalisation/custom/mouseHover.js',
+            '/dashboard/personnalisation/custom/addSphereOnClick.js',
+            '/dashboard/personnalisation/custom/selectFigure.js',
+            '/dashboard/personnalisation/custom/extrude.js',
+            '/dashboard/personnalisation/local_script.js',
+            '/dashboard/personnalisation/videoMaker/cameraCapture.js',
+            '/dashboard/personnalisation/index.js'
+        ];
+
+        async function loadScriptsInOrder(scripts) {
+            for (const script of scripts) {
+                await new Promise((resolve, reject) => {
+                    const scriptEl = document.createElement('script');
+                    scriptEl.src = script;
+                    scriptEl.onload = resolve;
+                    scriptEl.onerror = reject;
+                    document.body.appendChild(scriptEl);
+                });
+            }
+        }
+
+        loadScriptsInOrder(scriptsToLoad);
+    </script>
+</body>
+</html>

.history/index_20241119234054.html

@@ -0,0 +1,95 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Personnalisation</title>
+</head>
+<body class="bg-bg text-textDark font-sans">
+    <div id="dashboard-layout" class="flex flex-col h-screen">
+        <div id="content" class="flex flex-col flex-1 p-6">
+            <!-- Error Message -->
+            <div id="error" class="hidden text-red-600"></div>
+
+            <!-- Viewspace Container -->
+            <div id="viewspacecontainer" class="bg-white p-6 rounded-lg shadow-md">
+                <div class="view aspect-w-16 aspect-h-9 rounded-xl border border-yellow-300 bg-gray-100 flex items-center justify-center">
+                    <!-- Loading Animation -->
+                    <div id="Loading" class="absolute">
+                        <h4 class="text-lg font-bold text-gray-700">
+                            <span id="image-progress">Loading images: 0/?</span>
+                        </h4>
+                    </div>
+                    <!-- Benchmark Stats -->
+                    <textarea readonly id="benchmark-stats" rows="10" cols="40" 
+                              class="absolute top-4 left-4 border rounded p-2 text-gray-600 bg-white shadow">
+                        Click me to start benchmarking when the frame-rate is behaving reasonably.
+                    </textarea>
+                    <!-- Loading Indicators -->
+                    <div id="loading-container" class="absolute flex space-x-4">
+                        <div id="topleft" class="loading-bgbox w-8 h-8 bg-gray-300 rounded-full"></div>
+                        <div id="bottomleft" class="loading-bgbox w-8 h-8 bg-gray-300 rounded-full"></div>
+                        <div id="topright" class="loading-bgbox w-8 h-8 bg-gray-300 rounded-full"></div>
+                        <div id="bottomright" class="loading-bgbox w-8 h-8 bg-gray-300 rounded-full"></div>
+                        <div id="loading-indicator" class="w-8 h-8 bg-gray-500 rounded-full animate-spin"></div>
+                    </div>
+                    <!-- Viewer Canvas -->
+                    <canvas id="viewerCanvas" class="w-full h-full rounded-xl"></canvas>
+                </div>
+            </div>
+
+        </div>
+    </div>
+
+    <script>
+        const scriptsToLoad = [
+            'https://unpkg.com/three@0.113.1/build/three.js',
+            'https://unpkg.com/three@0.113.1/examples/js/controls/OrbitControls.js',
+            'https://unpkg.com/three@0.113.1/examples/js/controls/PointerLockControls.js',
+            'https://unpkg.com/three@0.113.1/examples/js/controls/TransformControls.js',
+            'https://unpkg.com/stats-js@1.0.1/build/stats.min.js',
+            'https://cdn.jsdelivr.net/npm/ccapture.js@1.0.9/build/CCapture.all.min.js',
+            'https://unpkg.com/file-saver@2.0.0-rc.2/dist/FileSaver.min.js',
+            '/dashboard/personnalisation/deps/zlib.js',
+            '/dashboard/personnalisation/deps/png.js',
+            '/dashboard/personnalisation/scene_spec.js',
+            '/dashboard/personnalisation/fetch_asset.js',
+            '/dashboard/personnalisation/create_texture.js',
+            '/dashboard/personnalisation/prepare_payload.js',
+            '/dashboard/personnalisation/populate_texture.js',
+            '/dashboard/personnalisation/texture_manager.js',
+            '/dashboard/personnalisation/worker_pool.js',
+            '/dashboard/personnalisation/globals.js',
+            '/dashboard/personnalisation/utils.js',
+            '/dashboard/personnalisation/progressive.js',
+            '/dashboard/personnalisation/viewdependency.js',
+            '/dashboard/personnalisation/defaultposes.js',
+            '/dashboard/personnalisation/input.js',
+            '/dashboard/personnalisation/benchmark.js',
+            '/dashboard/personnalisation/custom/objects.js',
+            '/dashboard/personnalisation/custom/boutons_sb.js',
+            '/dashboard/personnalisation/custom/mouseHover.js',
+            '/dashboard/personnalisation/custom/addSphereOnClick.js',
+            '/dashboard/personnalisation/custom/selectFigure.js',
+            '/dashboard/personnalisation/custom/extrude.js',
+            '/dashboard/personnalisation/local_script.js',
+            '/dashboard/personnalisation/videoMaker/cameraCapture.js',
+            '/dashboard/personnalisation/index.js'
+        ];
+
+        async function loadScriptsInOrder(scripts) {
+            for (const script of scripts) {
+                await new Promise((resolve, reject) => {
+                    const scriptEl = document.createElement('script');
+                    scriptEl.src = script;
+                    scriptEl.onload = resolve;
+                    scriptEl.onerror = reject;
+                    document.body.appendChild(scriptEl);
+                });
+            }
+        }
+
+        loadScriptsInOrder(scriptsToLoad);
+    </script>
+</body>
+</html>

.history/index_20241119234122.html

@@ -0,0 +1,95 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Personnalisation</title>
+</head>
+<body class="bg-bg text-textDark font-sans">
+    <div id="dashboard-layout" class="flex flex-col h-screen">
+        <div id="content" class="flex flex-col flex-1 p-6">
+            <!-- Error Message -->
+            <div id="error" class="hidden text-red-600"></div>
+
+            <!-- Viewspace Container -->
+            <div id="viewspacecontainer" class="bg-white p-6 rounded-lg shadow-md">
+                <div class="view aspect-w-16 aspect-h-9 rounded-xl border border-yellow-300 bg-gray-100 flex items-center justify-center">
+                    <!-- Loading Animation -->
+                    <div id="Loading" class="absolute">
+                        <h4 class="text-lg font-bold text-gray-700">
+                            <span id="image-progress">Loading images: 0/?</span>
+                        </h4>
+                    </div>
+                    <!-- Benchmark Stats -->
+                    <textarea readonly id="benchmark-stats" rows="10" cols="40" 
+                              class="absolute top-4 left-4 border rounded p-2 text-gray-600 bg-white shadow">
+                        Click me to start benchmarking when the frame-rate is behaving reasonably.
+                    </textarea>
+                    <!-- Loading Indicators -->
+                    <div id="loading-container" class="absolute flex space-x-4">
+                        <div id="topleft" class="loading-bgbox w-8 h-8 bg-gray-300 rounded-full"></div>
+                        <div id="bottomleft" class="loading-bgbox w-8 h-8 bg-gray-300 rounded-full"></div>
+                        <div id="topright" class="loading-bgbox w-8 h-8 bg-gray-300 rounded-full"></div>
+                        <div id="bottomright" class="loading-bgbox w-8 h-8 bg-gray-300 rounded-full"></div>
+                        <div id="loading-indicator" class="w-8 h-8 bg-gray-500 rounded-full animate-spin"></div>
+                    </div>
+                    <!-- Viewer Canvas -->
+                    <canvas id="viewerCanvas" class="w-full h-full rounded-xl"></canvas>
+                </div>
+            </div>
+
+        </div>
+    </div>
+
+    <script>
+        const scriptsToLoad = [
+            'https://unpkg.com/three@0.113.1/build/three.js',
+            'https://unpkg.com/three@0.113.1/examples/js/controls/OrbitControls.js',
+            'https://unpkg.com/three@0.113.1/examples/js/controls/PointerLockControls.js',
+            'https://unpkg.com/three@0.113.1/examples/js/controls/TransformControls.js',
+            'https://unpkg.com/stats-js@1.0.1/build/stats.min.js',
+            'https://cdn.jsdelivr.net/npm/ccapture.js@1.0.9/build/CCapture.all.min.js',
+            'https://unpkg.com/file-saver@2.0.0-rc.2/dist/FileSaver.min.js',
+            'deps/zlib.js',
+            'deps/png.js',
+            'scene_spec.js',
+            'fetch_asset.js',
+            'create_texture.js',
+            'prepare_payload.js',
+            'populate_texture.js',
+            'texture_manager.js',
+            'worker_pool.js',
+            'globals.js',
+            'utils.js',
+            'progressive.js',
+            'viewdependency.js',
+            'defaultposes.js',
+            'input.js',
+            'benchmark.js',
+            'custom/objects.js',
+            'custom/boutons_sb.js',
+            'custom/mouseHover.js',
+            'custom/addSphereOnClick.js',
+            'custom/selectFigure.js',
+            'custom/extrude.js',
+            'local_script.js',
+            'videoMaker/cameraCapture.js',
+            'index.js'
+        ];
+
+        async function loadScriptsInOrder(scripts) {
+            for (const script of scripts) {
+                await new Promise((resolve, reject) => {
+                    const scriptEl = document.createElement('script');
+                    scriptEl.src = script;
+                    scriptEl.onload = resolve;
+                    scriptEl.onerror = reject;
+                    document.body.appendChild(scriptEl);
+                });
+            }
+        }
+
+        loadScriptsInOrder(scriptsToLoad);
+    </script>
+</body>
+</html>

.history/index_20241119234131.html

@@ -0,0 +1,90 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Personnalisation</title>
+</head>
+<body class="bg-bg text-textDark font-sans">
+    <div id="dashboard-layout" class="flex flex-col h-screen">
+        <div id="content" class="flex flex-col flex-1 p-6">
+            <!-- Error Message -->
+            <div id="error" class="hidden text-red-600"></div>
+
+            <!-- Viewspace Container -->
+            <div id="viewspacecontainer" class="bg-white p-6 rounded-lg shadow-md">
+                <div class="view aspect-w-16 aspect-h-9 rounded-xl border border-yellow-300 bg-gray-100 flex items-center justify-center">
+                    <!-- Loading Animation -->
+                    <div id="Loading" class="absolute">
+                        <h4 class="text-lg font-bold text-gray-700">
+                            <span id="image-progress">Loading images: 0/?</span>
+                        </h4>
+                    </div>
+                    <!-- Benchmark Stats -->
+                    <textarea readonly id="benchmark-stats" rows="10" cols="40" 
+                              class="absolute top-4 left-4 border rounded p-2 text-gray-600 bg-white shadow">
+                        Click me to start benchmarking when the frame-rate is behaving reasonably.
+                    </textarea>
+                    <!-- Loading Indicators -->
+                    <div id="loading-container" class="absolute flex space-x-4">
+                        <div id="topleft" class="loading-bgbox w-8 h-8 bg-gray-300 rounded-full"></div>
+                        <div id="bottomleft" class="loading-bgbox w-8 h-8 bg-gray-300 rounded-full"></div>
+                        <div id="topright" class="loading-bgbox w-8 h-8 bg-gray-300 rounded-full"></div>
+                        <div id="bottomright" class="loading-bgbox w-8 h-8 bg-gray-300 rounded-full"></div>
+                        <div id="loading-indicator" class="w-8 h-8 bg-gray-500 rounded-full animate-spin"></div>
+                    </div>
+                    <!-- Viewer Canvas -->
+                    <canvas id="viewerCanvas" class="w-full h-full rounded-xl"></canvas>
+                </div>
+            </div>
+
+        </div>
+    </div>
+
+    <script>
+        const scriptsToLoad = [
+            'https://unpkg.com/three@0.113.1/build/three.js',
+            'https://unpkg.com/three@0.113.1/examples/js/controls/OrbitControls.js',
+            'https://unpkg.com/three@0.113.1/examples/js/controls/PointerLockControls.js',
+            'https://unpkg.com/three@0.113.1/examples/js/controls/TransformControls.js',
+            'https://unpkg.com/stats-js@1.0.1/build/stats.min.js',
+            'https://cdn.jsdelivr.net/npm/ccapture.js@1.0.9/build/CCapture.all.min.js',
+            'https://unpkg.com/file-saver@2.0.0-rc.2/dist/FileSaver.min.js',
+            'deps/zlib.js',
+            'deps/png.js',
+            'scene_spec.js',
+            'fetch_asset.js',
+            'create_texture.js',
+            'prepare_payload.js',
+            'populate_texture.js',
+            'texture_manager.js',
+            'worker_pool.js',
+            'globals.js',
+            'utils.js',
+            'progressive.js',
+            'viewdependency.js',
+            'defaultposes.js',
+            'input.js',
+            'benchmark.js',
+         
+            'local_script.js',
+            'videoMaker/cameraCapture.js',
+            'index.js'
+        ];
+
+        async function loadScriptsInOrder(scripts) {
+            for (const script of scripts) {
+                await new Promise((resolve, reject) => {
+                    const scriptEl = document.createElement('script');
+                    scriptEl.src = script;
+                    scriptEl.onload = resolve;
+                    scriptEl.onerror = reject;
+                    document.body.appendChild(scriptEl);
+                });
+            }
+        }
+
+        loadScriptsInOrder(scriptsToLoad);
+    </script>
+</body>
+</html>

.history/index_20241119234135.html

@@ -0,0 +1,90 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Personnalisation</title>
+</head>
+<body class="bg-bg text-textDark font-sans">
+    <div id="dashboard-layout" class="flex flex-col h-screen">
+        <div id="content" class="flex flex-col flex-1 p-6">
+            <!-- Error Message -->
+            <div id="error" class="hidden text-red-600"></div>
+
+            <!-- Viewspace Container -->
+            <div id="viewspacecontainer" class="bg-white p-6 rounded-lg shadow-md">
+                <div class="view aspect-w-16 aspect-h-9 rounded-xl border border-yellow-300 bg-gray-100 flex items-center justify-center">
+                    <!-- Loading Animation -->
+                    <div id="Loading" class="absolute">
+                        <h4 class="text-lg font-bold text-gray-700">
+                            <span id="image-progress">Loading images: 0/?</span>
+                        </h4>
+                    </div>
+                    <!-- Benchmark Stats -->
+                    <textarea readonly id="benchmark-stats" rows="10" cols="40" 
+                              class="absolute top-4 left-4 border rounded p-2 text-gray-600 bg-white shadow">
+                        Click me to start benchmarking when the frame-rate is behaving reasonably.
+                    </textarea>
+                    <!-- Loading Indicators -->
+                    <div id="loading-container" class="absolute flex space-x-4">
+                        <div id="topleft" class="loading-bgbox w-8 h-8 bg-gray-300 rounded-full"></div>
+                        <div id="bottomleft" class="loading-bgbox w-8 h-8 bg-gray-300 rounded-full"></div>
+                        <div id="topright" class="loading-bgbox w-8 h-8 bg-gray-300 rounded-full"></div>
+                        <div id="bottomright" class="loading-bgbox w-8 h-8 bg-gray-300 rounded-full"></div>
+                        <div id="loading-indicator" class="w-8 h-8 bg-gray-500 rounded-full animate-spin"></div>
+                    </div>
+                    <!-- Viewer Canvas -->
+                    <canvas id="viewerCanvas" class="w-full h-full rounded-xl"></canvas>
+                </div>
+            </div>
+
+        </div>
+    </div>
+
+    <script>
+        const scriptsToLoad = [
+            'https://unpkg.com/three@0.113.1/build/three.js',
+            'https://unpkg.com/three@0.113.1/examples/js/controls/OrbitControls.js',
+            'https://unpkg.com/three@0.113.1/examples/js/controls/PointerLockControls.js',
+            'https://unpkg.com/three@0.113.1/examples/js/controls/TransformControls.js',
+            'https://unpkg.com/stats-js@1.0.1/build/stats.min.js',
+            'https://cdn.jsdelivr.net/npm/ccapture.js@1.0.9/build/CCapture.all.min.js',
+            'https://unpkg.com/file-saver@2.0.0-rc.2/dist/FileSaver.min.js',
+            'deps/zlib.js',
+            'deps/png.js',
+            'scene_spec.js',
+            'fetch_asset.js',
+            'create_texture.js',
+            'prepare_payload.js',
+            'populate_texture.js',
+            'texture_manager.js',
+            'worker_pool.js',
+            'globals.js',
+            'utils.js',
+            'progressive.js',
+            'viewdependency.js',
+            'defaultposes.js',
+            'input.js',
+            'benchmark.js',
+         
+            'local_script.js',
+     
+            'index.js'
+        ];
+
+        async function loadScriptsInOrder(scripts) {
+            for (const script of scripts) {
+                await new Promise((resolve, reject) => {
+                    const scriptEl = document.createElement('script');
+                    scriptEl.src = script;
+                    scriptEl.onload = resolve;
+                    scriptEl.onerror = reject;
+                    document.body.appendChild(scriptEl);
+                });
+            }
+        }
+
+        loadScriptsInOrder(scriptsToLoad);
+    </script>
+</body>
+</html>

.history/index_20241119235124.html

@@ -0,0 +1,47 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Personnalisation</title>
+</head>
+<body class="bg-bg text-textDark font-sans">
+    <div id="dashboard-layout" class="flex flex-col h-screen">
+        <div id="content" class="flex flex-col flex-1 p-6">
+            <!-- Error Message -->
+            <div id="error" class="hidden text-red-600"></div>
+
+            <!-- Viewspace Container -->
+            <div id="viewspacecontainer" class="bg-white p-6 rounded-lg shadow-md">
+                <div class="view aspect-w-16 aspect-h-9 rounded-xl border border-yellow-300 bg-gray-100 flex items-center justify-center">
+                    <!-- Loading Animation -->
+                    <div id="Loading" class="absolute">
+                        <h4 class="text-lg font-bold text-gray-700">
+                            <span id="image-progress">Loading images: 0/?</span>
+                        </h4>
+                    </div>
+                    <!-- Benchmark Stats -->
+                    <textarea readonly id="benchmark-stats" rows="10" cols="40" 
+                              class="absolute top-4 left-4 border rounded p-2 text-gray-600 bg-white shadow">
+                        Click me to start benchmarking when the frame-rate is behaving reasonably.
+                    </textarea>
+                    <!-- Loading Indicators -->
+                    <div id="loading-container" class="absolute flex space-x-4">
+                        <div id="topleft" class="loading-bgbox w-8 h-8 bg-gray-300 rounded-full"></div>
+                        <div id="bottomleft" class="loading-bgbox w-8 h-8 bg-gray-300 rounded-full"></div>
+                        <div id="topright" class="loading-bgbox w-8 h-8 bg-gray-300 rounded-full"></div>
+                        <div id="bottomright" class="loading-bgbox w-8 h-8 bg-gray-300 rounded-full"></div>
+                        <div id="loading-indicator" class="w-8 h-8 bg-gray-500 rounded-full animate-spin"></div>
+                    </div>
+                    <!-- Viewer Canvas -->
+                    <canvas id="viewerCanvas" class="w-full h-full rounded-xl"></canvas>
+                </div>
+            </div>
+
+        </div>
+    </div>
+
+    <script src="combined.min.js"></script>
+
+</body>
+</html>

.history/index_20241119235326.html

@@ -0,0 +1,90 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Personnalisation</title>
+</head>
+<body class="bg-bg text-textDark font-sans">
+    <div id="dashboard-layout" class="flex flex-col h-screen">
+        <div id="content" class="flex flex-col flex-1 p-6">
+            <!-- Error Message -->
+            <div id="error" class="hidden text-red-600"></div>
+
+            <!-- Viewspace Container -->
+            <div id="viewspacecontainer" class="bg-white p-6 rounded-lg shadow-md">
+                <div class="view aspect-w-16 aspect-h-9 rounded-xl border border-yellow-300 bg-gray-100 flex items-center justify-center">
+                    <!-- Loading Animation -->
+                    <div id="Loading" class="absolute">
+                        <h4 class="text-lg font-bold text-gray-700">
+                            <span id="image-progress">Loading images: 0/?</span>
+                        </h4>
+                    </div>
+                    <!-- Benchmark Stats -->
+                    <textarea readonly id="benchmark-stats" rows="10" cols="40" 
+                              class="absolute top-4 left-4 border rounded p-2 text-gray-600 bg-white shadow">
+                        Click me to start benchmarking when the frame-rate is behaving reasonably.
+                    </textarea>
+                    <!-- Loading Indicators -->
+                    <div id="loading-container" class="absolute flex space-x-4">
+                        <div id="topleft" class="loading-bgbox w-8 h-8 bg-gray-300 rounded-full"></div>
+                        <div id="bottomleft" class="loading-bgbox w-8 h-8 bg-gray-300 rounded-full"></div>
+                        <div id="topright" class="loading-bgbox w-8 h-8 bg-gray-300 rounded-full"></div>
+                        <div id="bottomright" class="loading-bgbox w-8 h-8 bg-gray-300 rounded-full"></div>
+                        <div id="loading-indicator" class="w-8 h-8 bg-gray-500 rounded-full animate-spin"></div>
+                    </div>
+                    <!-- Viewer Canvas -->
+                    <canvas id="viewerCanvas" class="w-full h-full rounded-xl"></canvas>
+                </div>
+            </div>
+
+        </div>
+    </div>
+
+    <script>
+        const scriptsToLoad = [
+            'https://unpkg.com/three@0.113.1/build/three.js',
+            'https://unpkg.com/three@0.113.1/examples/js/controls/OrbitControls.js',
+            'https://unpkg.com/three@0.113.1/examples/js/controls/PointerLockControls.js',
+            'https://unpkg.com/three@0.113.1/examples/js/controls/TransformControls.js',
+            'https://unpkg.com/stats-js@1.0.1/build/stats.min.js',
+            'https://cdn.jsdelivr.net/npm/ccapture.js@1.0.9/build/CCapture.all.min.js',
+            'https://unpkg.com/file-saver@2.0.0-rc.2/dist/FileSaver.min.js',
+            'deps/zlib.js',
+            'deps/png.js',
+            'scene_spec.js',
+            'fetch_asset.js',
+            'create_texture.js',
+            'prepare_payload.js',
+            'populate_texture.js',
+            'texture_manager.js',
+            'worker_pool.js',
+            'globals.js',
+            'utils.js',
+            'progressive.js',
+            'viewdependency.js',
+            'defaultposes.js',
+            'input.js',
+            'benchmark.js',
+         
+            'local_script.js',
+     
+            'index.js'
+        ];
+
+        async function loadScriptsInOrder(scripts) {
+            for (const script of scripts) {
+                await new Promise((resolve, reject) => {
+                    const scriptEl = document.createElement('script');
+                    scriptEl.src = script;
+                    scriptEl.onload = resolve;
+                    scriptEl.onerror = reject;
+                    document.body.appendChild(scriptEl);
+                });
+            }
+        }
+
+        loadScriptsInOrder(scriptsToLoad);
+    </script>
+</body>
+</html>

.history/index_20241119235341.html

@@ -0,0 +1,71 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Personnalisation</title>
+</head>
+<body class="bg-bg text-textDark font-sans">
+    <div id="dashboard-layout" class="flex flex-col h-screen">
+        <div id="content" class="flex flex-col flex-1 p-6">
+            <!-- Error Message -->
+            <div id="error" class="hidden text-red-600"></div>
+
+            <!-- Viewspace Container -->
+            <div id="viewspacecontainer" class="bg-white p-6 rounded-lg shadow-md">
+                <div class="view aspect-w-16 aspect-h-9 rounded-xl border border-yellow-300 bg-gray-100 flex items-center justify-center">
+                    <!-- Loading Animation -->
+                    <div id="Loading" class="absolute">
+                        <h4 class="text-lg font-bold text-gray-700">
+                            <span id="image-progress">Loading images: 0/?</span>
+                        </h4>
+                    </div>
+                    <!-- Benchmark Stats -->
+                    <textarea readonly id="benchmark-stats" rows="10" cols="40" 
+                              class="absolute top-4 left-4 border rounded p-2 text-gray-600 bg-white shadow">
+                        Click me to start benchmarking when the frame-rate is behaving reasonably.
+                    </textarea>
+                    <!-- Loading Indicators -->
+                    <div id="loading-container" class="absolute flex space-x-4">
+                        <div id="topleft" class="loading-bgbox w-8 h-8 bg-gray-300 rounded-full"></div>
+                        <div id="bottomleft" class="loading-bgbox w-8 h-8 bg-gray-300 rounded-full"></div>
+                        <div id="topright" class="loading-bgbox w-8 h-8 bg-gray-300 rounded-full"></div>
+                        <div id="bottomright" class="loading-bgbox w-8 h-8 bg-gray-300 rounded-full"></div>
+                        <div id="loading-indicator" class="w-8 h-8 bg-gray-500 rounded-full animate-spin"></div>
+                    </div>
+                    <!-- Viewer Canvas -->
+                    <canvas id="viewerCanvas" class="w-full h-full rounded-xl"></canvas>
+                </div>
+            </div>
+
+        </div>
+    </div>
+
+    <script>
+        const scriptsToLoad = [
+            'https://unpkg.com/three@0.113.1/build/three.js',
+            'https://unpkg.com/three@0.113.1/examples/js/controls/OrbitControls.js',
+            'https://unpkg.com/three@0.113.1/examples/js/controls/PointerLockControls.js',
+            'https://unpkg.com/three@0.113.1/examples/js/controls/TransformControls.js',
+            'https://unpkg.com/stats-js@1.0.1/build/stats.min.js',
+            'https://cdn.jsdelivr.net/npm/ccapture.js@1.0.9/build/CCapture.all.min.js',
+            'https://unpkg.com/file-saver@2.0.0-rc.2/dist/FileSaver.min.js',
+            
+        ];
+
+        async function loadScriptsInOrder(scripts) {
+            for (const script of scripts) {
+                await new Promise((resolve, reject) => {
+                    const scriptEl = document.createElement('script');
+                    scriptEl.src = script;
+                    scriptEl.onload = resolve;
+                    scriptEl.onerror = reject;
+                    document.body.appendChild(scriptEl);
+                });
+            }
+        }
+
+        loadScriptsInOrder(scriptsToLoad);
+    </script>
+</body>
+</html>

.history/index_20241119235343.html

@@ -0,0 +1,71 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Personnalisation</title>
+</head>
+<body class="bg-bg text-textDark font-sans">
+    <div id="dashboard-layout" class="flex flex-col h-screen">
+        <div id="content" class="flex flex-col flex-1 p-6">
+            <!-- Error Message -->
+            <div id="error" class="hidden text-red-600"></div>
+
+            <!-- Viewspace Container -->
+            <div id="viewspacecontainer" class="bg-white p-6 rounded-lg shadow-md">
+                <div class="view aspect-w-16 aspect-h-9 rounded-xl border border-yellow-300 bg-gray-100 flex items-center justify-center">
+                    <!-- Loading Animation -->
+                    <div id="Loading" class="absolute">
+                        <h4 class="text-lg font-bold text-gray-700">
+                            <span id="image-progress">Loading images: 0/?</span>
+                        </h4>
+                    </div>
+                    <!-- Benchmark Stats -->
+                    <textarea readonly id="benchmark-stats" rows="10" cols="40" 
+                              class="absolute top-4 left-4 border rounded p-2 text-gray-600 bg-white shadow">
+                        Click me to start benchmarking when the frame-rate is behaving reasonably.
+                    </textarea>
+                    <!-- Loading Indicators -->
+                    <div id="loading-container" class="absolute flex space-x-4">
+                        <div id="topleft" class="loading-bgbox w-8 h-8 bg-gray-300 rounded-full"></div>
+                        <div id="bottomleft" class="loading-bgbox w-8 h-8 bg-gray-300 rounded-full"></div>
+                        <div id="topright" class="loading-bgbox w-8 h-8 bg-gray-300 rounded-full"></div>
+                        <div id="bottomright" class="loading-bgbox w-8 h-8 bg-gray-300 rounded-full"></div>
+                        <div id="loading-indicator" class="w-8 h-8 bg-gray-500 rounded-full animate-spin"></div>
+                    </div>
+                    <!-- Viewer Canvas -->
+                    <canvas id="viewerCanvas" class="w-full h-full rounded-xl"></canvas>
+                </div>
+            </div>
+
+        </div>
+    </div>
+
+    <script>
+        const scriptsToLoad = [
+            'https://unpkg.com/three@0.113.1/build/three.js',
+            'https://unpkg.com/three@0.113.1/examples/js/controls/OrbitControls.js',
+            'https://unpkg.com/three@0.113.1/examples/js/controls/PointerLockControls.js',
+            'https://unpkg.com/three@0.113.1/examples/js/controls/TransformControls.js',
+            'https://unpkg.com/stats-js@1.0.1/build/stats.min.js',
+            'https://cdn.jsdelivr.net/npm/ccapture.js@1.0.9/build/CCapture.all.min.js',
+            'https://unpkg.com/file-saver@2.0.0-rc.2/dist/FileSaver.min.js',
+            ''
+        ];
+
+        async function loadScriptsInOrder(scripts) {
+            for (const script of scripts) {
+                await new Promise((resolve, reject) => {
+                    const scriptEl = document.createElement('script');
+                    scriptEl.src = script;
+                    scriptEl.onload = resolve;
+                    scriptEl.onerror = reject;
+                    document.body.appendChild(scriptEl);
+                });
+            }
+        }
+
+        loadScriptsInOrder(scriptsToLoad);
+    </script>
+</body>
+</html>

.history/index_20241119235345.html

@@ -0,0 +1,71 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Personnalisation</title>
+</head>
+<body class="bg-bg text-textDark font-sans">
+    <div id="dashboard-layout" class="flex flex-col h-screen">
+        <div id="content" class="flex flex-col flex-1 p-6">
+            <!-- Error Message -->
+            <div id="error" class="hidden text-red-600"></div>
+
+            <!-- Viewspace Container -->
+            <div id="viewspacecontainer" class="bg-white p-6 rounded-lg shadow-md">
+                <div class="view aspect-w-16 aspect-h-9 rounded-xl border border-yellow-300 bg-gray-100 flex items-center justify-center">
+                    <!-- Loading Animation -->
+                    <div id="Loading" class="absolute">
+                        <h4 class="text-lg font-bold text-gray-700">
+                            <span id="image-progress">Loading images: 0/?</span>
+                        </h4>
+                    </div>
+                    <!-- Benchmark Stats -->
+                    <textarea readonly id="benchmark-stats" rows="10" cols="40" 
+                              class="absolute top-4 left-4 border rounded p-2 text-gray-600 bg-white shadow">
+                        Click me to start benchmarking when the frame-rate is behaving reasonably.
+                    </textarea>
+                    <!-- Loading Indicators -->
+                    <div id="loading-container" class="absolute flex space-x-4">
+                        <div id="topleft" class="loading-bgbox w-8 h-8 bg-gray-300 rounded-full"></div>
+                        <div id="bottomleft" class="loading-bgbox w-8 h-8 bg-gray-300 rounded-full"></div>
+                        <div id="topright" class="loading-bgbox w-8 h-8 bg-gray-300 rounded-full"></div>
+                        <div id="bottomright" class="loading-bgbox w-8 h-8 bg-gray-300 rounded-full"></div>
+                        <div id="loading-indicator" class="w-8 h-8 bg-gray-500 rounded-full animate-spin"></div>
+                    </div>
+                    <!-- Viewer Canvas -->
+                    <canvas id="viewerCanvas" class="w-full h-full rounded-xl"></canvas>
+                </div>
+            </div>
+
+        </div>
+    </div>
+
+    <script>
+        const scriptsToLoad = [
+            'https://unpkg.com/three@0.113.1/build/three.js',
+            'https://unpkg.com/three@0.113.1/examples/js/controls/OrbitControls.js',
+            'https://unpkg.com/three@0.113.1/examples/js/controls/PointerLockControls.js',
+            'https://unpkg.com/three@0.113.1/examples/js/controls/TransformControls.js',
+            'https://unpkg.com/stats-js@1.0.1/build/stats.min.js',
+            'https://cdn.jsdelivr.net/npm/ccapture.js@1.0.9/build/CCapture.all.min.js',
+            'https://unpkg.com/file-saver@2.0.0-rc.2/dist/FileSaver.min.js',
+            'co'
+        ];
+
+        async function loadScriptsInOrder(scripts) {
+            for (const script of scripts) {
+                await new Promise((resolve, reject) => {
+                    const scriptEl = document.createElement('script');
+                    scriptEl.src = script;
+                    scriptEl.onload = resolve;
+                    scriptEl.onerror = reject;
+                    document.body.appendChild(scriptEl);
+                });
+            }
+        }
+
+        loadScriptsInOrder(scriptsToLoad);
+    </script>
+</body>
+</html>

.history/index_20241119235353.html

@@ -0,0 +1,71 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Personnalisation</title>
+</head>
+<body class="bg-bg text-textDark font-sans">
+    <div id="dashboard-layout" class="flex flex-col h-screen">
+        <div id="content" class="flex flex-col flex-1 p-6">
+            <!-- Error Message -->
+            <div id="error" class="hidden text-red-600"></div>
+
+            <!-- Viewspace Container -->
+            <div id="viewspacecontainer" class="bg-white p-6 rounded-lg shadow-md">
+                <div class="view aspect-w-16 aspect-h-9 rounded-xl border border-yellow-300 bg-gray-100 flex items-center justify-center">
+                    <!-- Loading Animation -->
+                    <div id="Loading" class="absolute">
+                        <h4 class="text-lg font-bold text-gray-700">
+                            <span id="image-progress">Loading images: 0/?</span>
+                        </h4>
+                    </div>
+                    <!-- Benchmark Stats -->
+                    <textarea readonly id="benchmark-stats" rows="10" cols="40" 
+                              class="absolute top-4 left-4 border rounded p-2 text-gray-600 bg-white shadow">
+                        Click me to start benchmarking when the frame-rate is behaving reasonably.
+                    </textarea>
+                    <!-- Loading Indicators -->
+                    <div id="loading-container" class="absolute flex space-x-4">
+                        <div id="topleft" class="loading-bgbox w-8 h-8 bg-gray-300 rounded-full"></div>
+                        <div id="bottomleft" class="loading-bgbox w-8 h-8 bg-gray-300 rounded-full"></div>
+                        <div id="topright" class="loading-bgbox w-8 h-8 bg-gray-300 rounded-full"></div>
+                        <div id="bottomright" class="loading-bgbox w-8 h-8 bg-gray-300 rounded-full"></div>
+                        <div id="loading-indicator" class="w-8 h-8 bg-gray-500 rounded-full animate-spin"></div>
+                    </div>
+                    <!-- Viewer Canvas -->
+                    <canvas id="viewerCanvas" class="w-full h-full rounded-xl"></canvas>
+                </div>
+            </div>
+
+        </div>
+    </div>
+
+    <script>
+        const scriptsToLoad = [
+            'https://unpkg.com/three@0.113.1/build/three.js',
+            'https://unpkg.com/three@0.113.1/examples/js/controls/OrbitControls.js',
+            'https://unpkg.com/three@0.113.1/examples/js/controls/PointerLockControls.js',
+            'https://unpkg.com/three@0.113.1/examples/js/controls/TransformControls.js',
+            'https://unpkg.com/stats-js@1.0.1/build/stats.min.js',
+            'https://cdn.jsdelivr.net/npm/ccapture.js@1.0.9/build/CCapture.all.min.js',
+            'https://unpkg.com/file-saver@2.0.0-rc.2/dist/FileSaver.min.js',
+            'combined.min.js'
+        ];
+
+        async function loadScriptsInOrder(scripts) {
+            for (const script of scripts) {
+                await new Promise((resolve, reject) => {
+                    const scriptEl = document.createElement('script');
+                    scriptEl.src = script;
+                    scriptEl.onload = resolve;
+                    scriptEl.onerror = reject;
+                    document.body.appendChild(scriptEl);
+                });
+            }
+        }
+
+        loadScriptsInOrder(scriptsToLoad);
+    </script>
+</body>
+</html>

.history/index_20241119235401.html

@@ -0,0 +1,71 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Personnalisation</title>
+</head>
+<body class="bg-bg text-textDark font-sans">
+    <div id="dashboard-layout" class="flex flex-col h-screen">
+        <div id="content" class="flex flex-col flex-1 p-6">
+            <!-- Error Message -->
+            <div id="error" class="hidden text-red-600"></div>
+
+            <!-- Viewspace Container -->
+            <div id="viewspacecontainer" class="bg-white p-6 rounded-lg shadow-md">
+                <div class="view aspect-w-16 aspect-h-9 rounded-xl border border-yellow-300 bg-gray-100 flex items-center justify-center">
+                    <!-- Loading Animation -->
+                    <div id="Loading" class="absolute">
+                        <h4 class="text-lg font-bold text-gray-700">
+                            <span id="image-progress">Loading images: 0/?</span>
+                        </h4>
+                    </div>
+                    <!-- Benchmark Stats -->
+                    <textarea readonly id="benchmark-stats" rows="10" cols="40" 
+                              class="absolute top-4 left-4 border rounded p-2 text-gray-600 bg-white shadow">
+                        Click me to start benchmarking when the frame-rate is behaving reasonably.
+                    </textarea>
+                    <!-- Loading Indicators -->
+                    <div id="loading-container" class="absolute flex space-x-4">
+                        <div id="topleft" class="loading-bgbox w-8 h-8 bg-gray-300 rounded-full"></div>
+                        <div id="bottomleft" class="loading-bgbox w-8 h-8 bg-gray-300 rounded-full"></div>
+                        <div id="topright" class="loading-bgbox w-8 h-8 bg-gray-300 rounded-full"></div>
+                        <div id="bottomright" class="loading-bgbox w-8 h-8 bg-gray-300 rounded-full"></div>
+                        <div id="loading-indicator" class="w-8 h-8 bg-gray-500 rounded-full animate-spin"></div>
+                    </div>
+                    <!-- Viewer Canvas -->
+                    <canvas id="viewerCanvas" class="w-full h-full rounded-xl"></canvas>
+                </div>
+            </div>
+
+        </div>
+    </div>
+
+    <script>
+        const scriptsToLoad = [
+            'https://unpkg.com/three@0.113.1/build/three.js',
+            'https://unpkg.com/three@0.113.1/examples/js/controls/OrbitControls.js',
+            'https://unpkg.com/three@0.113.1/examples/js/controls/PointerLockControls.js',
+            'https://unpkg.com/three@0.113.1/examples/js/controls/TransformControls.js',
+            'https://unpkg.com/stats-js@1.0.1/build/stats.min.js',
+            'https://cdn.jsdelivr.net/npm/ccapture.js@1.0.9/build/CCapture.all.min.js',
+            'https://unpkg.com/file-saver@2.0.0-rc.2/dist/FileSaver.min.js',
+            'combined.min.js',
+        ];
+
+        async function loadScriptsInOrder(scripts) {
+            for (const script of scripts) {
+                await new Promise((resolve, reject) => {
+                    const scriptEl = document.createElement('script');
+                    scriptEl.src = script;
+                    scriptEl.onload = resolve;
+                    scriptEl.onerror = reject;
+                    document.body.appendChild(scriptEl);
+                });
+            }
+        }
+
+        loadScriptsInOrder(scriptsToLoad);
+    </script>
+</body>
+</html>

.history/index_20241120000644.html

@@ -0,0 +1,199 @@
+<!--
+   Copyright 2024 The Google Research Authors.
+  
+   Licensed under the Apache License, Version 2.0 (the "License");
+   you may not use this file except in compliance with the License.
+   You may obtain a copy of the License at
+  
+       http://www.apache.org/licenses/LICENSE-2.0
+  
+   Unless required by applicable law or agreed to in writing, software
+   distributed under the License is distributed on an "AS IS" BASIS,
+   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+   See the License for the specific language governing permissions and
+   limitations under the License.
+-->
+
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset=utf-8>
+    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no">
+    <title>BlockMERF Viewer</title>
+<style>
+body {
+  font-family: Helvetica, "Helvetica Neue", sans-serif;
+  font-size: 18px;
+  background: #FFF;
+  padding: 20px; /* Picked to get an even nice resolution on iPhone 15 Pro */
+  margin: 0;
+  text-align: right;
+}
+
+#error {
+  display: none;
+  position: fixed;
+  top: 20px; left: 20px; right: 20px; bottom: 20px;
+  background: #444;
+  padding: 8px;
+  white-space: pre;
+  color: #fff;
+  font-family: monospace;
+  font-weight: bold;
+}
+
+#image-progress {
+  background: #000;
+  color: #FFF;
+  opacity: 0.75;
+  padding: 5px;
+}
+
+#Loading {
+  position: absolute;
+  top: 12px;
+  left: 90px;
+}
+
+#Loading h4 {
+  margin: 0px;
+}
+
+#loading-container {
+  width: 150px;
+  height: 150px;
+  padding: 0px;
+  margin: -40px 0 0 -40px;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+}
+
+.loading-bgbox {
+  position: absolute;
+  width: 65px;
+  height: 65px;
+  background-color: #DDD;
+  width: 65px;
+  height: 65px;
+}
+
+#topleft {
+  top: 5px;
+  left: 5px;
+}
+
+#bottomleft {
+  bottom: 5px;
+  left: 5px;
+}
+
+#topright {
+  top: 5px;
+  right: 5px;
+}
+
+#bottomright {
+  bottom: 5px;
+  right: 5px;
+}
+
+#loading-indicator {
+  position: absolute;
+  top: 5px;
+  left: 5px;
+  width: 65px;
+  height: 65px;
+  background-color: #999;
+  animation-name: indicator;
+  animation-duration: 5s;
+  animation-iteration-count: infinite;
+}
+
+@keyframes indicator {
+  0%   {top: 5px; left: 5px; }
+  25%  {top: 5px; left: 80px; }
+  50%  {top: 80px; left: 80px; }
+  75%  {top: 80px; left: 5px; }
+}
+
+
+#benchmark-stats {
+  position: absolute;
+  top: 0px;
+  right: 0px;
+  display: none;
+}
+
+#shader-editor {
+  display: none;
+  margin-top: 10px;
+  margin-left: auto;
+  margin-right: auto;
+}
+
+</style>
+<!-- Lien vers la feuille de style -->
+</head>
+<body>
+
+<div id=error></div>
+
+<!-- main content-->
+<div id="viewspacecontainer">
+  <div id="Loading">
+    <h4>
+    <span id="image-progress">Loading images: 0/?</span>
+    </h4>
+  </div>
+  <textarea readonly id="benchmark-stats" rows="40" cols="40">
+Click me to start benchmarking when the frame-rate is behaving reasonably.
+  </textarea>
+  <div id="loading-container">
+    <div id="topleft" class="loading-bgbox"></div>
+    <div id="bottomleft" class="loading-bgbox"></div>
+    <div id="topright" class="loading-bgbox"></div>
+    <div id="bottomright" class="loading-bgbox"></div>
+    <div id="loading-indicator"></div>
+  </div>
+  <div class=viewspace id="viewspace"></div>
+</div>
+
+<!-- shader editor -->
+<textarea id="shader-editor" rows="50" cols="200"></textarea>
+
+<!-- third party -->
+<script src="https://unpkg.com/three@0.113.1/build/three.js"></script>
+<script src="https://unpkg.com/three@0.113.1/examples/js/controls/OrbitControls.js"></script>
+<script src="https://unpkg.com/three@0.113.1/examples/js/controls/PointerLockControls.js"></script>
+<!-- <script src="https://unpkg.com/png-js@1.0.0/zlib.js"></script> -->
+<!-- <script src="https://unpkg.com/png-js@1.0.0/png.js"></script> -->
+<script src="https://unpkg.com/stats-js@1.0.1/build/stats.min.js"></script>
+<script src="https://unpkg.com/file-saver@2.0.0-rc.2/dist/FileSaver.min.js"></script>
+
+<!-- Use if you've downloaded these scripts locally. -->
+<!-- <script src="deps/three.js"></script> -->
+<!-- <script src="deps/OrbitControls.js"></script> -->
+<!-- <script src="deps/PointerLockControls.js"></script> -->
+<script type="module" src="src/deps/zlib.js"></script>
+<script type="module" src="src/deps/png.js"></script>
+<!-- type="module" <script type="module" src="deps/stats.min.js"></script> type="module" -->
+
+<!-- type="module" own type="module" code-->
+<script type="module" src="src/scene_spec.js"></script>
+<script type="module" src="src/fetch_asset.js"></script>
+<script type="module" src="src/create_texture.js"></script>
+<script type="module" src="src/prepare_payload.js"></script>
+<script type="module" src="src/populate_texture.js"></script>
+<script type="module" src="src/texture_manager.js"></script>
+<script type="module" src="src/worker_pool.js"></script>
+<script type="module" src="src/globals.js"></script>
+<script type="module" src="src/utils.js"></script>
+<script type="module" src="src/progressive.js"></script>
+<script type="module" src="src/viewdependency.js"></script>
+<script type="module" src="src/defaultposes.js"></script>
+<script type="module" src="src/input.js"></script>
+<script type="module" src="src/benchmark.js"></script>
+<script type="module" src="src/index.js"></script>
+</body>
+</html>