From af89535a91007d7b82e18da368e8bc19531bb253 Mon Sep 17 00:00:00 2001
From: Matthieu Baumann <matthieu.baumann@astro.unistra.fr>
Date: Mon, 8 Dec 2025 14:02:05 +0100
Subject: [PATCH] first commit tree

---
 assets/icons/folder.svg           |    4 +
 codemeta.json                     |    4 +-
 examples/al-change-cat-color.html |    5 +-
 examples/index.html               |    2 +-
 src/core/src/app.rs               |   23 +-
 src/core/src/renderable/mod.rs    |   10 +-
 src/core/src/shaders.rs           | 8047 ++++++++++++++++++++++++++++-
 src/css/aladin.css                |   60 +-
 src/js/Aladin.js                  |    2 +-
 src/js/MocServer.js               |    2 +-
 src/js/Utils.ts                   |    1 -
 src/js/View.js                    |    6 +-
 src/js/gui/Box/HiPSBrowserBox.js  |  205 +-
 src/js/gui/Box/HiPSFilterBox.js   |  217 +-
 src/js/gui/Box/StackBox.js        |   14 +-
 src/js/gui/Input/Dropdown.js      |    6 +-
 src/js/gui/Layout.js              |   47 +-
 src/js/gui/Widgets/Box.js         |    6 +-
 src/js/gui/Widgets/Input.js       |    8 +-
 src/js/gui/Widgets/Tree.js        |  313 ++
 src/js/vo/samp.js                 |    6 +-
 21 files changed, 8534 insertions(+), 454 deletions(-)
 create mode 100644 assets/icons/folder.svg
 create mode 100644 src/js/gui/Widgets/Tree.js

diff --git a/assets/icons/folder.svg b/assets/icons/folder.svg
new file mode 100644
index 00000000..198ba4aa
--- /dev/null
+++ b/assets/icons/folder.svg
@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="utf-8"?><!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
+<svg width="800px" height="800px" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M0 1H5L8 3H13V5H3.7457L2.03141 11H4.11144L5.2543 7H16L14 14H0V1Z" fill="#000000"/>
+</svg>
\ No newline at end of file
diff --git a/codemeta.json b/codemeta.json
index 89971ed3..76c31267 100644
--- a/codemeta.json
+++ b/codemeta.json
@@ -8,8 +8,8 @@
     "dateModified": "2023-01-31",
     "issueTracker": "https://github.com/cds-astro/aladin-lite/issues",
     "name": "Aladin Lite",
-    "version": "3.7.2-beta",
-    "softwareVersion": "3.7.2-beta",
+    "version": "3.7.3-beta",
+    "softwareVersion": "3.7.3-beta",
     "description": "An astronomical HiPS visualizer in the browser.",
     "identifier": "10.5281/zenodo.7638833",
     "applicationCategory": "Astronomy, Visualization",
diff --git a/examples/al-change-cat-color.html b/examples/al-change-cat-color.html
index 5a0993b8..2ca62358 100644
--- a/examples/al-change-cat-color.html
+++ b/examples/al-change-cat-color.html
@@ -37,7 +37,10 @@
         colorPicker.value = cat.color;
         colorPicker.addEventListener('input', function (e) {
             // Change the color of the catalog
-            cat.updateShape({color: this.value});
+            console.log(this.value)
+            cat.updateShape({color: () => {
+                return '#00ff00'
+            }});
         })
 
         // Define the box
diff --git a/examples/index.html b/examples/index.html
index 03dd824b..51e6c928 100644
--- a/examples/index.html
+++ b/examples/index.html
@@ -10,7 +10,7 @@
 <script type="text/javascript">
     var aladin;
     A.init.then(() => {
-        aladin = A.aladin('#aladin-lite-div', {fullScreen: true, cooFrame: "ICRSd", showSimbadPointerControl: true, showShareControl: true, showShareControl: true, survey: 'https://jafar.astro.unistra.fr/data/jafar_hips/Surveys/CFIS/IC0750/asinh_0_1/', fov: 180, showContextMenu: true});
+        aladin = A.aladin('#aladin-lite-div', {fullScreen: true, cooFrame: "ICRSd", showSimbadPointerControl: true, showShareControl: true, showShareControl: true, fov: 180, showContextMenu: true});
         // manage URL parameters
         const searchParams = new URL(document.location).searchParams;
         if (searchParams.has('baseImageLayer')) {
diff --git a/src/core/src/app.rs b/src/core/src/app.rs
index 5b93f8e1..e0d0d5ac 100644
--- a/src/core/src/app.rs
+++ b/src/core/src/app.rs
@@ -553,6 +553,7 @@ impl App {
             /*let is_there_new_available_tiles = self
             .downloader
             .get_resolved_tiles(/*&available_tiles, */&mut self.hipss);*/
+            //self.tile_fetcher.clear();
 
             if self.request_for_new_tiles
                 && Time::now() - self.last_time_request_for_new_tiles > DeltaTime::from(500.0)
@@ -564,18 +565,18 @@ impl App {
             }
 
             // Tiles are fetched if:
-            let fetch_tiles =
-                // * the user is not panning the view
-                // * or the user is but did not move for at least 100ms
-                //(Time::now() - self.camera.get_time_of_last_move() >= DeltaTime(100.0) || !self.dragging) &&
-                // * no inertia action is in progress
-                //self.inertia.is_none() &&
-                // * the user is not zooming
-                !self.camera.has_zoomed();
+            //let fetch_tiles =
+            // * the user is not panning the view
+            // * or the user is but did not move for at least 100ms
+            //(Time::now() - self.camera.get_time_of_last_move() >= DeltaTime(100.0) || !self.dragging) &&
+            // * no inertia action is in progress
+            //self.inertia.is_none() &&
+            // * the user is not zooming
+            // !self.camera.has_zoomed();
 
-            if fetch_tiles {
-                self.tile_fetcher.notify(self.downloader.clone(), None);
-            }
+            //if fetch_tiles {
+            self.tile_fetcher.notify(self.downloader.clone(), None);
+            //}
         }
 
         let rscs_received = self.downloader.borrow_mut().get_received_resources();
diff --git a/src/core/src/renderable/mod.rs b/src/core/src/renderable/mod.rs
index 75afe28d..d70b6a08 100644
--- a/src/core/src/renderable/mod.rs
+++ b/src/core/src/renderable/mod.rs
@@ -390,7 +390,15 @@ impl Layers {
                     "Layer {second_layer:?} not found, so cannot be removed.",
                 )))?;
 
-        self.layers.swap(id_first_layer, id_second_layer);
+        if let (Some(k1), Some(k2)) = (self.ids.get(first_layer), self.ids.get(second_layer)) {
+            if let (Some(v1), Some(v2)) = (self.hipses.remove(k1), self.hipses.remove(k2)) {
+                self.hipses.insert(k2.to_string(), v1);
+                self.hipses.insert(k1.to_string(), v2);
+            } else if let (Some(v1), Some(v2)) = (self.images.remove(k1), self.images.remove(k2)) {
+                self.images.insert(k2.to_string(), v1);
+                self.images.insert(k1.to_string(), v2);
+            }
+        }
 
         Ok(())
     }
diff --git a/src/core/src/shaders.rs b/src/core/src/shaders.rs
index e7cb0143..371b0169 100644
--- a/src/core/src/shaders.rs
+++ b/src/core/src/shaders.rs
@@ -2,245 +2,7902 @@ use std::collections::HashMap;
 #[allow(dead_code)]
 pub fn get_all() -> HashMap<&'static str, &'static str> {
     let mut out = HashMap::new();
-    out.insert(
-        r"hips_raytracer_f32.frag",
-        r#"#version 300 es
-precision lowp float;precision lowp sampler2DArray;precision mediump int;in vec3 frag_pos;in vec2 out_clip_pos;out vec4 out_frag_color;struct Tile{int uniq;int texture_idx;float start_time;float empty;};uniform Tile textures_tiles[12];uniform float opacity;uniform sampler2DArray tex;struct TileColor{Tile tile;vec4 color;bool found;};uniform float scale,offset,blank,min_value,max_value;uniform int H;uniform float reversed;uniform sampler2D colormaps;uniform float num_colormaps,colormap_id;float t(float v){return clamp((v-min_value)/(max_value-min_value),0.,1.);}float f(float f){f=t(f);return f*f;}float v(float v){return H==0?t(v):H==1?sqrt(t(v)):H==2?log(1e3*t(v)+1.)/log(1e3):H==3?asinh(10.*t(v))/3.:f(v);}uniform float k_gamma,k_saturation,k_contrast,k_brightness,k_exposure;vec4 f(vec4 v){return vec4(pow(v.x,k_gamma),pow(v.y,k_gamma),pow(v.z,k_gamma),v.w);}vec4 t(vec4 v){return vec4(mix(vec3(dot(v.xyz,vec3(.2126,.7152,.0722))),v.xyz,1.+k_saturation),v.w);}vec4 v(vec4 v){return vec4(.5+(1.+k_contrast)*(v.xyz-.5),v.w);}highp float s(highp vec4 v){highp float f=2.*mod(v[0],128.)+step(128.,v[1])-127.;return abs(f+127.)<.001?0.:(1.-step(128.,v[0])*2.)*exp2(f)*((mod(v[1],128.)*65536.+v[2]*256.+v[3]+float(8388608))*exp2(-23.));}vec4 s(float s){float i=v(s*scale+offset);i=mix(i,1.-i,reversed);vec4 H=mix(texture(colormaps,vec2(i,(colormap_id+.5)/num_colormaps)),vec4(0),float(isinf(s)));return f(t(v(vec4(H.xyz+k_brightness,H.w))));}int f(vec2 v){int f=int(v.y<0.);return int(v.x<0.)+f|f<<1;}float s(vec2 v){float f=atan(abs(v.y),abs(v.x))*1.27323954474;return v.x<0.!=v.y<0.?1.-f:f-1.;}float f(vec3 v){float f=dot(v.xy,v.xy);return f<.1?f*(.5+f*(.125+f*(.0625+f*(.0390625+f*.02734375)))):1.f-v.z;}float s(vec3 v){float f=dot(v.xy,v.xy);return f<.1f?f*(.5+f*(.125+f*(.0625+f*(.0390625+f*.02734375)))):v.z+1.;}int f(int v,int f){v|=f<<2;f=(v^v>>1)&572662306;return v^f^f<<1;}struct HashDxDy{int idx;float dx;float dy;};uniform sampler2D ang2pixd;HashDxDy t(vec3 v){float H=float(1<<0)*.5,t=s(v.xy),e,i;int a=f(v.xy),r=0,u,m;vec2 o=vec2(0);if(v.z>.66666666666){float s=sqrt(3.*f(v));o=vec2(t*s,2.-s);r=a;}else if(v.z<-.66666666666){float f=sqrt(3.*s(v));o=vec2(t*f,f);r=a+8;}else{float f=v.z*1.5;int i=int(t>f),e=int(t>=-f),H=1-e;o=vec2(t-float(i+e-1),f+float(i+H));r=(i+H<<2)+(a+(i&e)&3);}e=H*(o.x+o.y);i=H*(o.y-o.x);u=int(e);m=int(i);return HashDxDy((r<<(0<<1))+f(u,m),e-float(u),i-float(m));}vec3 f(){HashDxDy v=t(normalize(frag_pos).zxy);return vec3(vec2(v.dy,v.dx),float(textures_tiles[v.idx].texture_idx));}void main(){vec3 v=f();v.y=1.-v.y;vec4 i=s(s(texture(tex,v).xyzw*255.));out_frag_color=i;out_frag_color.w=out_frag_color.w*opacity;}"#,
-    );
-    out.insert(
-        r"hips_rasterizer_rgba.frag",
-        r#"#version 300 es
-precision lowp float;precision lowp sampler2DArray;uniform sampler2DArray tex;in vec3 frag_uv_start,frag_uv_end;in float frag_blending_factor;out vec4 out_frag_color;uniform float opacity,scale,offset,blank,min_value,max_value;uniform int H;uniform float reversed;uniform sampler2D colormaps;uniform float num_colormaps,colormap_id;float f(float f){return clamp((f-min_value)/(max_value-min_value),0.,1.);}float v(float v){v=f(v);return v*v;}float t(float t){return H==0?f(t):H==1?sqrt(f(t)):H==2?log(1e3*f(t)+1.)/log(1e3):H==3?asinh(10.*f(t))/3.:v(t);}uniform float k_gamma,k_saturation,k_contrast,k_brightness,k_exposure;vec4 f(vec4 f){return vec4(pow(f.x,k_gamma),pow(f.y,k_gamma),pow(f.z,k_gamma),f.w);}vec4 t(vec4 f){return vec4(mix(vec3(dot(f.xyz,vec3(.2126,.7152,.0722))),f.xyz,1.+k_saturation),f.w);}vec4 v(vec4 f){return vec4(.5+(1.+k_contrast)*(f.xyz-.5),f.w);}vec4 f(vec3 a){vec4 r=texture(tex,a).xyzw;r.x=t(r.x);r.y=t(r.y);r.z=t(r.z);r.xyz=mix(r.xyz,1.-r.xyz,reversed);return f(t(v(vec4(r.xyz+k_brightness,r.w))));}void main(){out_frag_color=mix(f(frag_uv_start),f(frag_uv_end),frag_blending_factor);out_frag_color.w=opacity*out_frag_color.w;}"#,
-    );
-    out.insert(
-        r"moc_base.frag",
-        r#"#version 300 es
-precision lowp float;out vec4 color;uniform vec4 u_color;void main(){color=u_color;}"#,
-    );
     out.insert(
         r"fits_f32.frag",
         r#"#version 300 es
-precision highp float;precision highp sampler2D;precision highp int;out vec4 out_frag_color;in vec2 frag_uv;uniform sampler2D tex;uniform float opacity,scale,offset,blank,min_value,max_value;uniform int H;uniform float reversed;uniform sampler2D colormaps;uniform float num_colormaps,colormap_id;float f(float f){return clamp((f-min_value)/(max_value-min_value),0.,1.);}float v(float v){v=f(v);return v*v;}float t(float t){return H==0?f(t):H==1?sqrt(f(t)):H==2?log(1e3*f(t)+1.)/log(1e3):H==3?asinh(10.*f(t))/3.:v(t);}uniform float k_gamma,k_saturation,k_contrast,k_brightness,k_exposure;vec4 f(vec4 v){return vec4(pow(v.x,k_gamma),pow(v.y,k_gamma),pow(v.z,k_gamma),v.w);}vec4 t(vec4 v){return vec4(mix(vec3(dot(v.xyz,vec3(.2126,.7152,.0722))),v.xyz,1.+k_saturation),v.w);}vec4 v(vec4 v){return vec4(.5+(1.+k_contrast)*(v.xyz-.5),v.w);}highp float h(highp vec4 v){highp float t=2.*mod(v[0],128.)+step(128.,v[1])-127.;return abs(t+127.)<.001?0.:(1.-step(128.,v[0])*2.)*exp2(t)*((mod(v[1],128.)*65536.+v[2]*256.+v[3]+float(8388608))*exp2(-23.));}vec4 h(float h){float s=t(h*scale+offset);s=mix(s,1.-s,reversed);vec4 H=mix(texture(colormaps,vec2(s,(colormap_id+.5)/num_colormaps)),vec4(0),float(isinf(h)));return f(t(v(vec4(H.xyz+k_brightness,H.w))));}void main(){out_frag_color=h(h(texture(tex,frag_uv).xyzw*255.));out_frag_color.w=out_frag_color.w*opacity;}"#,
-    );
-    out.insert(
-        r"fits_u8.frag",
-        r#"#version 300 es
-precision lowp float;precision lowp sampler2D;precision mediump int;out vec4 out_frag_color;in vec2 frag_uv;uniform sampler2D tex;uniform float opacity,scale,offset,blank,min_value,max_value;uniform int H;uniform float reversed;uniform sampler2D colormaps;uniform float num_colormaps,colormap_id;float f(float f){return clamp((f-min_value)/(max_value-min_value),0.,1.);}float t(float v){v=f(v);return v*v;}float v(float v){return H==0?f(v):H==1?sqrt(f(v)):H==2?log(1e3*f(v)+1.)/log(1e3):H==3?asinh(10.*f(v))/3.:t(v);}uniform float k_gamma,k_saturation,k_contrast,k_brightness,k_exposure;vec4 f(vec4 v){return vec4(pow(v.x,k_gamma),pow(v.y,k_gamma),pow(v.z,k_gamma),v.w);}vec4 t(vec4 v){return vec4(mix(vec3(dot(v.xyz,vec3(.2126,.7152,.0722))),v.xyz,1.+k_saturation),v.w);}vec4 v(vec4 v){return vec4(.5+(1.+k_contrast)*(v.xyz-.5),v.w);}vec4 m(float H){float m=v(H*scale+offset);m=mix(m,1.-m,reversed);vec4 k=mix(texture(colormaps,vec2(m,(colormap_id+.5)/num_colormaps)),vec4(0),float(H==blank||isnan(H)));return f(t(v(vec4(k.xyz+k_brightness,k.w))));}void main(){out_frag_color=m(float(uint(texture(tex,frag_uv).x*255.+.5)));out_frag_color.w=out_frag_color.w*opacity;}"#,
-    );
-    out.insert(
-        r"image_base.vert",
-        r#"#version 300 es
-precision highp float;layout(location=0)in vec2 ndc_pos;layout(location=1)in vec2 uv;out vec2 frag_uv;void main(){gl_Position=vec4(ndc_pos,0,1);frag_uv=uv;}"#,
-    );
-    out.insert(
-        r"hips3d_f32.frag",
-        r#"#version 300 es
-precision lowp float;precision lowp sampler3D;uniform sampler3D tex;in vec3 frag_uv;out vec4 out_frag_color;uniform float scale,offset,blank,min_value,max_value;uniform int H;uniform float reversed;uniform sampler2D colormaps;uniform float num_colormaps,colormap_id;float f(float f){return clamp((f-min_value)/(max_value-min_value),0.,1.);}float v(float v){v=f(v);return v*v;}float s(float t){return H==0?f(t):H==1?sqrt(f(t)):H==2?log(1e3*f(t)+1.)/log(1e3):H==3?asinh(10.*f(t))/3.:v(t);}uniform float k_gamma,k_saturation,k_contrast,k_brightness,k_exposure;vec4 f(vec4 v){return vec4(pow(v.x,k_gamma),pow(v.y,k_gamma),pow(v.z,k_gamma),v.w);}vec4 s(vec4 v){return vec4(mix(vec3(dot(v.xyz,vec3(.2126,.7152,.0722))),v.xyz,1.+k_saturation),v.w);}vec4 v(vec4 v){return vec4(.5+(1.+k_contrast)*(v.xyz-.5),v.w);}highp float t(highp vec4 v){highp float t=2.*mod(v[0],128.)+step(128.,v[1])-127.;return abs(t+127.)<.001?0.:(1.-step(128.,v[0])*2.)*exp2(t)*((mod(v[1],128.)*65536.+v[2]*256.+v[3]+float(8388608))*exp2(-23.));}vec4 t(float t){float H=s(t*scale+offset);H=mix(H,1.-H,reversed);vec4 m=mix(texture(colormaps,vec2(H,(colormap_id+.5)/num_colormaps)),vec4(0),float(isinf(t)));return f(s(v(vec4(m.xyz+k_brightness,m.w))));}uniform float opacity;void main(){vec3 v=vec3(frag_uv);v.y=1.-v.y;vec4 f=t(t(texture(tex,v).xyzw*255.));out_frag_color=f;out_frag_color.w=out_frag_color.w*opacity;}"#,
-    );
-    out.insert(
-        r"hips3d_u8.frag",
-        r#"#version 300 es
-precision lowp float;precision lowp sampler3D;uniform sampler3D tex;in vec3 frag_uv;out vec4 out_frag_color;uniform float scale,offset,blank,min_value,max_value;uniform int H;uniform float reversed;uniform sampler2D colormaps;uniform float num_colormaps,colormap_id;float f(float f){return clamp((f-min_value)/(max_value-min_value),0.,1.);}float t(float v){v=f(v);return v*v;}float v(float v){return H==0?f(v):H==1?sqrt(f(v)):H==2?log(1e3*f(v)+1.)/log(1e3):H==3?asinh(10.*f(v))/3.:t(v);}uniform float k_gamma,k_saturation,k_contrast,k_brightness,k_exposure;vec4 f(vec4 v){return vec4(pow(v.x,k_gamma),pow(v.y,k_gamma),pow(v.z,k_gamma),v.w);}vec4 t(vec4 v){return vec4(mix(vec3(dot(v.xyz,vec3(.2126,.7152,.0722))),v.xyz,1.+k_saturation),v.w);}vec4 v(vec4 v){return vec4(.5+(1.+k_contrast)*(v.xyz-.5),v.w);}vec4 s(float H){float s=v(H*scale+offset);s=mix(s,1.-s,reversed);vec4 k=mix(texture(colormaps,vec2(s,(colormap_id+.5)/num_colormaps)),vec4(0),float(H==blank||isnan(H)));return f(t(v(vec4(k.xyz+k_brightness,k.w))));}uniform float opacity;void main(){vec3 v=vec3(frag_uv);v.y=1.-v.y;vec4 f=s(float(uint(texture(tex,v).x*255.+.5)));out_frag_color=f;out_frag_color.w=out_frag_color.w*opacity;}"#,
-    );
-    out.insert(
-        r"hips_rasterizer_u8.frag",
-        r#"#version 300 es
-precision lowp float;precision lowp sampler2DArray;uniform sampler2DArray tex;in vec3 frag_uv_start,frag_uv_end;in float frag_blending_factor;out vec4 out_frag_color;uniform float scale,offset,blank,min_value,max_value;uniform int H;uniform float reversed;uniform sampler2D colormaps;uniform float num_colormaps,colormap_id;float f(float f){return clamp((f-min_value)/(max_value-min_value),0.,1.);}float t(float v){v=f(v);return v*v;}float v(float v){return H==0?f(v):H==1?sqrt(f(v)):H==2?log(1e3*f(v)+1.)/log(1e3):H==3?asinh(10.*f(v))/3.:t(v);}uniform float k_gamma,k_saturation,k_contrast,k_brightness,k_exposure;vec4 f(vec4 v){return vec4(pow(v.x,k_gamma),pow(v.y,k_gamma),pow(v.z,k_gamma),v.w);}vec4 t(vec4 v){return vec4(mix(vec3(dot(v.xyz,vec3(.2126,.7152,.0722))),v.xyz,1.+k_saturation),v.w);}vec4 v(vec4 v){return vec4(.5+(1.+k_contrast)*(v.xyz-.5),v.w);}vec4 s(float s){float u=v(s*scale+offset);u=mix(u,1.-u,reversed);vec4 H=mix(texture(colormaps,vec2(u,(colormap_id+.5)/num_colormaps)),vec4(0),float(s==blank||isnan(s)));return f(t(v(vec4(H.xyz+k_brightness,H.w))));}vec4 f(vec3 v){return s(float(uint(texture(tex,v).x*255.+.5)));}uniform float opacity;void main(){vec3 v=frag_uv_start,H=frag_uv_end;v.y=1.-v.y;H.y=1.-H.y;vec4 s=f(v),u=f(H);out_frag_color=mix(s,u,frag_blending_factor);out_frag_color.w=out_frag_color.w*opacity;}"#,
-    );
-    out.insert(
-        r"hips3d_i32.frag",
-        r#"#version 300 es
-precision lowp float;precision lowp sampler3D;precision lowp isampler3D;precision lowp usampler3D;uniform sampler3D tex;in vec3 frag_uv;out vec4 out_frag_color;uniform float scale,offset,blank,min_value,max_value;uniform int H;uniform float reversed;uniform sampler2D colormaps;uniform float num_colormaps,colormap_id;float f(float f){return clamp((f-min_value)/(max_value-min_value),0.,1.);}float t(float v){v=f(v);return v*v;}float v(float v){return H==0?f(v):H==1?sqrt(f(v)):H==2?log(1e3*f(v)+1.)/log(1e3):H==3?asinh(10.*f(v))/3.:t(v);}uniform float k_gamma,k_saturation,k_contrast,k_brightness,k_exposure;vec4 f(vec4 v){return vec4(pow(v.x,k_gamma),pow(v.y,k_gamma),pow(v.z,k_gamma),v.w);}vec4 t(vec4 v){return vec4(mix(vec3(dot(v.xyz,vec3(.2126,.7152,.0722))),v.xyz,1.+k_saturation),v.w);}vec4 v(vec4 v){return vec4(.5+(1.+k_contrast)*(v.xyz-.5),v.w);}int c(vec4 v){return int(v.x*255.+.5)<<24|int(v.y*255.+.5)<<16|int(v.z*255.+.5)<<8|int(v.w*255.+.5);}vec4 c(float w){float s=v(w*scale+offset);s=mix(s,1.-s,reversed);vec4 k=mix(texture(colormaps,vec2(s,(colormap_id+.5)/num_colormaps)),vec4(0),float(w==blank||isnan(w)));return f(t(v(vec4(k.xyz+k_brightness,k.w))));}uniform float opacity;void main(){vec3 v=vec3(frag_uv);v.y=1.-v.y;vec4 f=c(float(c(texture(tex,v).xyzw)));out_frag_color=f;out_frag_color.w=out_frag_color.w*opacity;}"#,
-    );
-    out.insert(
-        r"hips_raytracer_u8.frag",
-        r#"#version 300 es
-precision lowp float;precision lowp sampler2DArray;precision lowp usampler2DArray;precision lowp isampler2DArray;precision mediump int;uniform sampler2DArray tex;in vec3 frag_pos;in vec2 out_clip_pos;out vec4 out_frag_color;struct Tile{int uniq;int texture_idx;float start_time;float empty;};uniform Tile textures_tiles[12];uniform float opacity,scale,offset,blank,min_value,max_value;uniform int H;uniform float reversed;uniform sampler2D colormaps;uniform float num_colormaps,colormap_id;float t(float v){return clamp((v-min_value)/(max_value-min_value),0.,1.);}float f(float v){v=t(v);return v*v;}float i(float v){return H==0?t(v):H==1?sqrt(t(v)):H==2?log(1e3*t(v)+1.)/log(1e3):H==3?asinh(10.*t(v))/3.:f(v);}uniform float k_gamma,k_saturation,k_contrast,k_brightness,k_exposure;vec4 f(vec4 v){return vec4(pow(v.x,k_gamma),pow(v.y,k_gamma),pow(v.z,k_gamma),v.w);}vec4 i(vec4 v){return vec4(mix(vec3(dot(v.xyz,vec3(.2126,.7152,.0722))),v.xyz,1.+k_saturation),v.w);}vec4 t(vec4 v){return vec4(.5+(1.+k_contrast)*(v.xyz-.5),v.w);}vec4 v(float v){float r=i(v*scale+offset);r=mix(r,1.-r,reversed);vec4 H=mix(texture(colormaps,vec2(r,(colormap_id+.5)/num_colormaps)),vec4(0),float(v==blank||isnan(v)));return f(i(t(vec4(H.xyz+k_brightness,H.w))));}int f(vec2 v){int H=int(v.y<0.);return int(v.x<0.)+H|H<<1;}float i(vec2 v){float H=atan(abs(v.y),abs(v.x))*1.27323954474;return v.x<0.!=v.y<0.?1.-H:H-1.;}float f(vec3 v){float H=dot(v.xy,v.xy);return H<.1?H*(.5+H*(.125+H*(.0625+H*(.0390625+H*.02734375)))):1.f-v.z;}float i(vec3 v){float H=dot(v.xy,v.xy);return H<.1f?H*(.5+H*(.125+H*(.0625+H*(.0390625+H*.02734375)))):v.z+1.;}int f(int v,int H){v|=H<<2;H=(v^v>>1)&572662306;return v^H^H<<1;}struct HashDxDy{int idx;float dx;float dy;};uniform sampler2D ang2pixd;HashDxDy t(vec3 v){float H=float(1<<0)*.5,r=i(v.xy),t,e;int c=f(v.xy),o=0,u,s;vec2 m=vec2(0);if(v.z>.66666666666){float H=sqrt(3.*f(v));m=vec2(r*H,2.-H);o=c;}else if(v.z<-.66666666666){float H=sqrt(3.*i(v));m=vec2(r*H,H);o=c+8;}else{float H=v.z*1.5;int f=int(r>H),e=int(r>=-H),s=1-e;m=vec2(r-float(f+e-1),H+float(f+s));o=(f+s<<2)+(c+(f&e)&3);}t=H*(m.x+m.y);e=H*(m.y-m.x);u=int(t);s=int(e);return HashDxDy((o<<(0<<1))+f(u,s),t-float(u),e-float(s));}vec3 f(){HashDxDy v=t(normalize(frag_pos).zxy);return vec3(vec2(v.dy,v.dx),float(textures_tiles[v.idx].texture_idx));}void main(){vec3 H=f();H.y=1.-H.y;vec4 i=v(float(uint(texture(tex,H).x*255.+.5)));out_frag_color=i;out_frag_color.w=out_frag_color.w*opacity;}"#,
-    );
-    out.insert(
-        r"catalogs_arc.vert",
-        r#"#version 300 es
-precision lowp float;layout(location=0)in vec2 offset;layout(location=1)in vec2 uv;layout(location=2)in vec3 center;uniform float current_time;uniform mat3 inv_model;uniform vec2 ndc_to_clip;uniform float czf;uniform vec2 kernel_size;out vec2 out_uv;out vec3 out_p;uniform int u_proj;void main(){vec3 v=inv_model*center;vec2 n=world2clip_arc(v);gl_Position=vec4(n/(ndc_to_clip*czf)+offset*kernel_size,0,1);out_uv=uv;out_p=v;}"#,
-    );
-    out.insert(
-        r"catalogs_catalog.frag",
-        r#"#version 300 es
-precision lowp float;in vec2 out_uv;in vec3 out_p;out vec4 color;uniform sampler2D kernel_texture;uniform float max_density,fov,strength;void main(){color=texture(kernel_texture,out_uv)/max(log2(fov*1e2),1.);color.x*=strength;}"#,
-    );
-    out.insert(
-        r"moc_base.vert",
-        r#"#version 300 es
-precision highp float;layout(location=0)in vec2 lonlat;uniform mat3 u_2world;uniform vec2 ndc_to_clip;uniform float czf;vec2 n(vec3 y){vec2 v=vec2(-y.x,y.y);return y.z>=0.f?v:normalize(v);}vec2 s(vec3 v){float a=length(v.zx),j=sqrt((1.+sqrt(a*(a+v.z)*.5f))*.5f),y=v.y/j,l=0.;if(abs(v.x)<.005){float y=v.x/a;l=-v.x*(1.-y*y/21.)/j;}else j=sqrt((a*a-a*v.z)*2.)/j,l=sign(-v.x)*j;return vec2(l*.5,y)/1.4142135623731;}float n(float v){float j=acos(-1.)*v,a=2.*asin(v);v=a+sin(a)-j;int l=0;for(;abs(v)>125e-10&&l<100;l+=1)a-=v/(1.+cos(a)),v=a+sin(a)-j;return.5*a;}vec2 v(vec3 v){float a=n(v.y);return vec2(atan(-v.x,v.z)*cos(a)/acos(-1.),sin(a));}vec2 t(vec3 v){v.z=max(v.z,.01);return vec2(-v.x,v.y)/(v.z*acos(-1.));}vec3 n(){float v=cos(lonlat.y);return vec3(v*sin(lonlat.x),sin(lonlat.y),v*cos(lonlat.x));}uniform int u_proj;vec2 l(vec3 a){return u_proj==0?t(a):u_proj==1?vec2(-a.x,a.y)/(acos(-1.)*((1.+a.z)*.5)):u_proj==2?n(a):u_proj==3?vec2(-a.x,a.y)*.5/sqrt(.5+.5*a.z):u_proj==4?s(a):u_proj==5?v(a):vec2(atan(-a.x,a.z),atanh(a.y))/acos(-1.);}void main(){gl_Position=vec4(l(u_2world*n())/(ndc_to_clip*czf),0,1);}"#,
-    );
-    out.insert(
-        r"catalogs_mercator.vert",
-        r#"#version 300 es
-precision lowp float;layout(location=0)in vec2 offset;layout(location=1)in vec2 uv;layout(location=2)in vec3 center;uniform float current_time;uniform mat3 inv_model;uniform vec2 ndc_to_clip;uniform float czf;uniform vec2 kernel_size;out vec2 out_uv;out vec3 out_p;uniform int u_proj;void main(){vec3 v=inv_model*center;vec2 n=world2clip_mercator(v);gl_Position=vec4(n/(ndc_to_clip*czf)+offset*kernel_size,0,1);out_uv=uv;out_p=v;}"#,
-    );
-    out.insert(
-        r"hips_raytracer_backcolor.vert",
-        r#"#version 300 es
-precision lowp float;precision mediump int;layout(location=0)in vec2 pos_clip_space;uniform vec2 ndc_to_clip;uniform float czf;void main(){gl_Position=vec4(pos_clip_space/(ndc_to_clip*czf),0,1);}"#,
-    );
-    out.insert(
-        r"hips_rasterizer_i16.frag",
-        r#"#version 300 es
-precision lowp float;precision lowp sampler2DArray;uniform sampler2DArray tex;in vec3 frag_uv_start,frag_uv_end;in float frag_blending_factor;out vec4 out_frag_color;uniform float scale,offset,blank,min_value,max_value;uniform int H;uniform float reversed;uniform sampler2D colormaps;uniform float num_colormaps,colormap_id;float f(float f){return clamp((f-min_value)/(max_value-min_value),0.,1.);}float t(float v){v=f(v);return v*v;}float v(float v){return H==0?f(v):H==1?sqrt(f(v)):H==2?log(1e3*f(v)+1.)/log(1e3):H==3?asinh(10.*f(v))/3.:t(v);}uniform float k_gamma,k_saturation,k_contrast,k_brightness,k_exposure;vec4 f(vec4 v){return vec4(pow(v.x,k_gamma),pow(v.y,k_gamma),pow(v.z,k_gamma),v.w);}vec4 t(vec4 v){return vec4(mix(vec3(dot(v.xyz,vec3(.2126,.7152,.0722))),v.xyz,1.+k_saturation),v.w);}vec4 v(vec4 v){return vec4(.5+(1.+k_contrast)*(v.xyz-.5),v.w);}int f(vec2 v){int f=int(v.x*255.+.5)<<8|int(v.y*255.+.5);if(f>=32768)f-=65536;return f;}vec4 s(float s){float H=v(s*scale+offset);H=mix(H,1.-H,reversed);vec4 c=mix(texture(colormaps,vec2(H,(colormap_id+.5)/num_colormaps)),vec4(0),float(s==blank||isnan(s)));return f(t(v(vec4(c.xyz+k_brightness,c.w))));}vec4 f(vec3 v){return s(float(f(texture(tex,v).xy)));}uniform float opacity;void main(){vec3 v=frag_uv_start,H=frag_uv_end;v.y=1.-v.y;H.y=1.-H.y;vec4 s=f(v),t=f(H);out_frag_color=mix(s,t,frag_blending_factor);out_frag_color.w=out_frag_color.w*opacity;}"#,
-    );
-    out.insert(
-        r"hips_raytracer_i16.frag",
-        r#"#version 300 es
-precision lowp float;precision lowp sampler2DArray;precision mediump int;uniform sampler2DArray tex;in vec3 frag_pos;in vec2 out_clip_pos;out vec4 out_frag_color;struct Tile{int uniq;int texture_idx;float start_time;float empty;};uniform Tile textures_tiles[12];uniform float opacity,scale,offset,blank,min_value,max_value;uniform int H;uniform float reversed;uniform sampler2D colormaps;uniform float num_colormaps,colormap_id;float t(float v){return clamp((v-min_value)/(max_value-min_value),0.,1.);}float f(float v){v=t(v);return v*v;}float i(float v){return H==0?t(v):H==1?sqrt(t(v)):H==2?log(1e3*t(v)+1.)/log(1e3):H==3?asinh(10.*t(v))/3.:f(v);}uniform float k_gamma,k_saturation,k_contrast,k_brightness,k_exposure;vec4 f(vec4 v){return vec4(pow(v.x,k_gamma),pow(v.y,k_gamma),pow(v.z,k_gamma),v.w);}vec4 i(vec4 v){return vec4(mix(vec3(dot(v.xyz,vec3(.2126,.7152,.0722))),v.xyz,1.+k_saturation),v.w);}vec4 t(vec4 v){return vec4(.5+(1.+k_contrast)*(v.xyz-.5),v.w);}int f(vec2 v){int f=int(v.x*255.+.5)<<8|int(v.y*255.+.5);if(f>=32768)f-=65536;return f;}vec4 v(float v){float r=i(v*scale+offset);r=mix(r,1.-r,reversed);vec4 H=mix(texture(colormaps,vec2(r,(colormap_id+.5)/num_colormaps)),vec4(0),float(v==blank||isnan(v)));return f(i(t(vec4(H.xyz+k_brightness,H.w))));}int i(vec2 v){int f=int(v.y<0.);return int(v.x<0.)+f|f<<1;}float t(vec2 v){float f=atan(abs(v.y),abs(v.x))*1.27323954474;return v.x<0.!=v.y<0.?1.-f:f-1.;}float f(vec3 v){float f=dot(v.xy,v.xy);return f<.1?f*(.5+f*(.125+f*(.0625+f*(.0390625+f*.02734375)))):1.f-v.z;}float i(vec3 v){float f=dot(v.xy,v.xy);return f<.1f?f*(.5+f*(.125+f*(.0625+f*(.0390625+f*.02734375)))):v.z+1.;}int f(int v,int f){v|=f<<2;f=(v^v>>1)&572662306;return v^f^f<<1;}struct HashDxDy{int idx;float dx;float dy;};uniform sampler2D ang2pixd;HashDxDy t(vec3 v){float H=float(1<<0)*.5,r=t(v.xy),e,a;int s=i(v.xy),u=0,x,m;vec2 o=vec2(0);if(v.z>.66666666666){float H=sqrt(3.*f(v));o=vec2(r*H,2.-H);u=s;}else if(v.z<-.66666666666){float f=sqrt(3.*i(v));o=vec2(r*f,f);u=s+8;}else{float f=v.z*1.5;int H=int(r>f),e=int(r>=-f),x=1-e;o=vec2(r-float(H+e-1),f+float(H+x));u=(H+x<<2)+(s+(H&e)&3);}e=H*(o.x+o.y);a=H*(o.y-o.x);x=int(e);m=int(a);return HashDxDy((u<<(0<<1))+f(x,m),e-float(x),a-float(m));}vec3 f(){HashDxDy v=t(normalize(frag_pos).zxy);return vec3(vec2(v.dy,v.dx),float(textures_tiles[v.idx].texture_idx));}void main(){vec3 H=f();H.y=1.-H.y;vec4 i=v(float(f(texture(tex,H).xy)));out_frag_color=i;out_frag_color.w=out_frag_color.w*opacity;}"#,
-    );
-    out.insert(
-        r"hips_raytracer_rgba.frag",
-        r#"#version 300 es
-precision lowp float;precision lowp sampler2DArray;precision mediump int;uniform sampler2DArray tex;in vec2 out_clip_pos;in vec3 frag_pos;out vec4 out_frag_color;struct Tile{int uniq;int texture_idx;float start_time;float empty;};uniform Tile textures_tiles[12];uniform float scale,offset,blank,min_value,max_value;uniform int H;uniform float reversed;uniform sampler2D colormaps;uniform float num_colormaps,colormap_id;float v(float v){return clamp((v-min_value)/(max_value-min_value),0.,1.);}float t(float f){f=v(f);return f*f;}float f(float f){return H==0?v(f):H==1?sqrt(v(f)):H==2?log(1e3*v(f)+1.)/log(1e3):H==3?asinh(10.*v(f))/3.:t(f);}uniform float k_gamma,k_saturation,k_contrast,k_brightness,k_exposure;vec4 f(vec4 f){return vec4(pow(f.x,k_gamma),pow(f.y,k_gamma),pow(f.z,k_gamma),f.w);}vec4 t(vec4 f){return vec4(mix(vec3(dot(f.xyz,vec3(.2126,.7152,.0722))),f.xyz,1.+k_saturation),f.w);}vec4 v(vec4 f){return vec4(.5+(1.+k_contrast)*(f.xyz-.5),f.w);}vec4 f(vec3 i){vec4 r=texture(tex,i).xyzw;r.x=f(r.x);r.y=f(r.y);r.z=f(r.z);r.xyz=mix(r.xyz,1.-r.xyz,reversed);return f(t(v(vec4(r.xyz+k_brightness,r.w))));}int f(vec2 f){int v=int(f.y<0.);return int(f.x<0.)+v|v<<1;}float t(vec2 f){float v=atan(abs(f.y),abs(f.x))*1.27323954474;return f.x<0.!=f.y<0.?1.-v:v-1.;}float t(vec3 f){float v=dot(f.xy,f.xy);return v<.1?v*(.5+v*(.125+v*(.0625+v*(.0390625+v*.02734375)))):1.f-f.z;}float v(vec3 f){float v=dot(f.xy,f.xy);return v<.1f?v*(.5+v*(.125+v*(.0625+v*(.0390625+v*.02734375)))):f.z+1.;}int f(int f,int v){f|=v<<2;v=(f^f>>1)&572662306;return f^v^v<<1;}struct HashDxDy{int idx;float dx;float dy;};uniform sampler2D ang2pixd;HashDxDy i(vec3 i){float H=float(1<<0)*.5,r=t(i.xy),e,a;int n=f(i.xy),u=0,x,o;vec2 s=vec2(0);if(i.z>.66666666666){float f=sqrt(3.*t(i));s=vec2(r*f,2.-f);u=n;}else if(i.z<-.66666666666){float f=sqrt(3.*v(i));s=vec2(r*f,f);u=n+8;}else{float f=i.z*1.5;int v=int(r>f),x=int(r>=-f),a=1-x;s=vec2(r-float(v+x-1),f+float(v+a));u=(v+a<<2)+(n+(v&x)&3);}e=H*(s.x+s.y);a=H*(s.y-s.x);x=int(e);o=int(a);return HashDxDy((u<<(0<<1))+f(x,o),e-float(x),a-float(o));}vec3 f(){HashDxDy f=i(normalize(frag_pos).zxy);return vec3(vec2(f.dy,f.dx),float(textures_tiles[f.idx].texture_idx));}uniform float opacity;uniform vec4 no_tile_color;void main(){vec3 v=f();vec4 r=f(v);out_frag_color=r;out_frag_color=vec4(r.xyz,opacity*r.w);}"#,
-    );
-    out.insert(
-        r"catalogs_ortho.vert",
-        r#"#version 300 es
-precision lowp float;layout(location=0)in vec2 offset;layout(location=1)in vec2 uv;layout(location=2)in vec3 center;uniform float current_time;uniform mat3 inv_model;uniform vec2 ndc_to_clip;uniform float czf;uniform vec2 kernel_size;out vec2 out_uv;out vec3 out_p;uniform int u_proj;void main(){vec3 v=inv_model*center;vec2 n=world2clip_orthographic(v);gl_Position=vec4(n/(ndc_to_clip*czf)+offset*kernel_size,0,1);out_uv=uv;out_p=v;}"#,
-    );
-    out.insert(
-        r"image_sampler.frag",
-        r#"#version 300 es
-precision highp float;precision highp sampler2D;out vec4 out_frag_color;in vec2 frag_uv;uniform sampler2D tex;uniform float opacity;void main(){out_frag_color=texture(tex,frag_uv);out_frag_color.w=out_frag_color.w*opacity;}"#,
-    );
-    out.insert(
-        r"line_inst_ndc.vert",
-        r#"#version 300 es
-precision highp float;layout(location=0)in vec2 p_a;layout(location=1)in vec2 p_b;layout(location=2)in vec2 vertex;out vec2 l;uniform float u_width,u_height,u_thickness;void main(){vec2 v=p_b-p_a;gl_Position=vec4(p_a+v*vertex.x+(u_thickness+2.)*normalize(vec2(-v.y,v))*vertex.y*vec2(1,u_width/u_height)*(2./u_width),0,1);l=vec2(0,vertex.y);}"#,
-    );
-    out.insert(
-        r"line_base.frag",
-        r#"#version 300 es
-precision highp float;out vec4 color;in vec2 l;uniform vec4 u_color;uniform float u_thickness,u_width,u_height;void main(){if(l.x>.05)discard;else{color=u_color;float u=(u_thickness+2.)*.5;color.w=color.w*(1.-smoothstep(u-1.,u,abs((u_thickness+2.)*l.y)));}}"#,
-    );
-    out.insert(
-        r"hips3d_raster.vert",
-        r#"#version 300 es
-precision lowp float;layout(location=0)in vec2 lonlat;layout(location=1)in vec3 uv;out vec3 frag_uv;uniform mat3 inv_model;uniform vec2 ndc_to_clip;uniform float czf;vec2 n(vec3 v){vec2 l=vec2(-v.x,v.y);return v.z>=0.f?l:normalize(l);}vec2 s(vec3 v){float l=length(v.zx),j=sqrt((1.+sqrt(l*(l+v.z)*.5f))*.5f),y=v.y/j,a=0.;if(abs(v.x)<.005){float n=v.x/l;a=-v.x*(1.-n*n/21.)/j;}else j=sqrt((l*l-l*v.z)*2.)/j,a=sign(-v.x)*j;return vec2(a*.5,y)/1.4142135623731;}float n(float v){float j=acos(-1.)*v,l=2.*asin(v);v=l+sin(l)-j;int n=0;for(;abs(v)>125e-10&&n<100;n+=1)l-=v/(1.+cos(l)),v=l+sin(l)-j;return.5*l;}vec2 v(vec3 v){float l=n(v.y);return vec2(atan(-v.x,v.z)*cos(l)/acos(-1.),sin(l));}vec2 t(vec3 v){v.z=max(v.z,.01);return vec2(-v.x,v.y)/(v.z*acos(-1.));}vec3 n(){float v=cos(lonlat.y);return vec3(v*sin(lonlat.x),sin(lonlat.y),v*cos(lonlat.x));}uniform int u_proj;vec2 l(vec3 l){return u_proj==0?t(l):u_proj==1?vec2(-l.x,l.y)/(acos(-1.)*((1.+l.z)*.5)):u_proj==2?n(l):u_proj==3?vec2(-l.x,l.y)*.5/sqrt(.5+.5*l.z):u_proj==4?s(l):u_proj==5?v(l):vec2(atan(-l.x,l.z),atanh(l.y))/acos(-1.);}void main(){gl_Position=vec4(l((inv_model*n()).xyz)/(ndc_to_clip*czf),0,1);frag_uv=uv;}"#,
-    );
-    out.insert(
-        r"hips_raytracer_rgba2cmap.frag",
-        r#"#version 300 es
-precision lowp float;precision lowp sampler2DArray;precision lowp sampler2DArray;precision lowp isampler2DArray;precision mediump int;in vec3 frag_pos;in vec2 out_clip_pos;out vec4 out_frag_color;struct Tile{int uniq;int texture_idx;float start_time;float empty;};uniform Tile textures_tiles[12];uniform float opacity;uniform sampler2DArray tex;uniform float scale,offset,blank,min_value,max_value;uniform int H;uniform float reversed;uniform sampler2D colormaps;uniform float num_colormaps,colormap_id;float t(float v){return clamp((v-min_value)/(max_value-min_value),0.,1.);}float f(float v){v=t(v);return v*v;}float v(float v){return H==0?t(v):H==1?sqrt(t(v)):H==2?log(1e3*t(v)+1.)/log(1e3):H==3?asinh(10.*t(v))/3.:f(v);}uniform float k_gamma,k_saturation,k_contrast,k_brightness,k_exposure;vec4 f(vec4 v){return vec4(pow(v.x,k_gamma),pow(v.y,k_gamma),pow(v.z,k_gamma),v.w);}vec4 t(vec4 v){return vec4(mix(vec3(dot(v.xyz,vec3(.2126,.7152,.0722))),v.xyz,1.+k_saturation),v.w);}vec4 v(vec4 v){return vec4(.5+(1.+k_contrast)*(v.xyz-.5),v.w);}vec4 f(vec3 s){vec4 i=texture(colormaps,vec2(v(texture(tex,s).x),(colormap_id+.5)/num_colormaps));i.xyz=mix(i.xyz,1.-i.xyz,reversed);return f(t(v(vec4(i.xyz+k_brightness,i.w))));}int f(vec2 v){int f=int(v.y<0.);return int(v.x<0.)+f|f<<1;}float t(vec2 v){float f=atan(abs(v.y),abs(v.x))*1.27323954474;return v.x<0.!=v.y<0.?1.-f:f-1.;}float t(vec3 v){float f=dot(v.xy,v.xy);return f<.1?f*(.5+f*(.125+f*(.0625+f*(.0390625+f*.02734375)))):1.f-v.z;}float v(vec3 v){float f=dot(v.xy,v.xy);return f<.1f?f*(.5+f*(.125+f*(.0625+f*(.0390625+f*.02734375)))):v.z+1.;}int f(int v,int f){v|=f<<2;f=(v^v>>1)&572662306;return v^f^f<<1;}struct HashDxDy{int idx;float dx;float dy;};uniform sampler2D ang2pixd;HashDxDy i(vec3 i){float H=float(1<<0)*.5,a=t(i.xy),e,r;int s=f(i.xy),u=0,m,x;vec2 o=vec2(0);if(i.z>.66666666666){float v=sqrt(3.*t(i));o=vec2(a*v,2.-v);u=s;}else if(i.z<-.66666666666){float f=sqrt(3.*v(i));o=vec2(a*f,f);u=s+8;}else{float v=i.z*1.5;int f=int(a>v),x=int(a>=-v),e=1-x;o=vec2(a-float(f+x-1),v+float(f+e));u=(f+e<<2)+(s+(f&x)&3);}e=H*(o.x+o.y);r=H*(o.y-o.x);m=int(e);x=int(r);return HashDxDy((u<<(0<<1))+f(m,x),e-float(m),r-float(x));}vec3 f(){HashDxDy v=i(normalize(frag_pos).zxy);return vec3(vec2(v.dy,v.dx),float(textures_tiles[v.idx].texture_idx));}void main(){vec3 v=f();out_frag_color=f(v);out_frag_color.w=out_frag_color.w*opacity;}"#,
+precision highp float;
+precision highp sampler2D;
+precision highp int;
+
+out vec4 out_frag_color;
+in vec2 frag_uv;
+
+uniform sampler2D tex;
+uniform float opacity;
+
+uniform float scale;
+uniform float offset;
+uniform float blank;
+uniform float min_value;
+uniform float max_value;
+uniform int H;
+uniform float reversed;
+
+uniform sampler2D colormaps;
+uniform float num_colormaps;
+uniform float colormap_id;
+
+vec4 colormap_f(float x) {
+    float id = (colormap_id + 0.5) / num_colormaps;
+    return texture(colormaps, vec2(x, id));
+}
+float linear_f(float x, float min_value, float max_value) {
+    return clamp((x - min_value)/(max_value - min_value), 0.0, 1.0);
+}
+
+float sqrt_f(float x, float min_value, float max_value) {
+    float a = linear_f(x, min_value, max_value);
+    return sqrt(a);
+}
+
+float log_f(float x, float min_value, float max_value) {
+    float y = linear_f(x, min_value, max_value);
+    float a = 1000.0;
+    return log(a*y + 1.0)/log(a);
+}
+
+float asinh_f(float x, float min_value, float max_value) {
+    float d = linear_f(x, min_value, max_value);
+    return asinh(10.0*d)/3.0;
+}
+
+float pow2_f(float x, float min_value, float max_value) {
+    float d = linear_f(x, min_value, max_value);
+    return d*d;
+}
+
+float transfer_func(int H, float x, float min_value, float max_value) {
+    if (H == 0) {
+        return linear_f(x, min_value, max_value);
+    } else if (H == 1) {
+        return sqrt_f(x, min_value, max_value);
+    } else if (H == 2) {
+        return log_f(x, min_value, max_value);
+    } else if (H == 3) {
+        return asinh_f(x, min_value, max_value);
+    } else {
+        return pow2_f(x, min_value, max_value);
+    }
+}
+
+uniform float k_gamma;
+uniform float k_saturation;
+uniform float k_contrast;
+uniform float k_brightness;
+uniform float k_exposure;
+
+vec4 apply_gamma(vec4 ic, float g) {
+    float new_r = pow(ic.r, g);
+    float new_g = pow(ic.g, g);
+    float new_b = pow(ic.b, g);
+
+    return vec4(new_r, new_g, new_b, ic.a);
+}
+
+vec4 apply_saturation(vec4 color, float value) {
+    const vec3 luminosity_factor = vec3(0.2126, 0.7152, 0.0722);
+    vec3 grayscale = vec3(dot(color.rgb, luminosity_factor));
+    
+    return vec4(mix(grayscale, color.rgb, 1.0 + value), color.a);
+}
+
+vec4 apply_contrast(vec4 color, float value) {
+    return vec4(0.5 + (1.0 + value) * (color.rgb - 0.5), color.a);
+}
+
+vec4 apply_brightness(vec4 color, float value) {
+    return vec4(color.rgb + value, color.a);
+}
+
+vec4 apply_exposure(vec4 color, float value) {
+    return vec4((1.0 + value) * color.rgb, color.a);
+}
+
+vec4 apply_tonal(vec4 color) {
+  return apply_gamma(
+    apply_saturation(
+      apply_contrast(
+        apply_brightness(color, k_brightness),
+        k_contrast
+      ),
+      k_saturation
+    ),
+    k_gamma
+  );
+}
+highp float decode_f32(highp vec4 rgba) {
+    highp float Sign = 1.0 - step(128.0,rgba[0])*2.0;
+    highp float Exponent = 2.0 * mod(rgba[0],128.0) + step(128.0,rgba[1]) - 127.0; 
+    if (abs(Exponent + 127.0) < 1e-3) {
+        return 0.0;
+    }
+    highp float Mantissa = mod(rgba[1],128.0)*65536.0 + rgba[2]*256.0 +rgba[3] + float(0x800000);
+    highp float Result =  Sign * exp2(Exponent) * (Mantissa * exp2(-23.0 )); 
+    return Result;
+}
+
+int decode_i32(vec4 rgba) {
+    int r = int(rgba.r * 255.0 + 0.5);
+    int g = int(rgba.g * 255.0 + 0.5);
+    int b = int(rgba.b * 255.0 + 0.5);
+    int a = int(rgba.a * 255.0 + 0.5);
+
+    int value = (r << 24) | (g << 16) | (b << 8) | a; // Combine into a 16-bit integer
+
+    return value;
+}
+
+int decode_i16(vec2 rg) {
+    int r = int(rg.r * 255.0 + 0.5);
+    int g = int(rg.g * 255.0 + 0.5);
+
+    int value = (r << 8) | g; // Combine into a 16-bit integer
+
+    if (value >= 32768) {
+        value -= 65536;
+    }
+
+    return value;
+}
+
+uint decode_u8(float r) {
+    uint value = uint(r * 255.0 + 0.5);
+    return value;
+}
+
+
+
+
+
+vec4 val2c_f32(float x) {
+    float alpha = x * scale + offset;
+    alpha = transfer_func(H, alpha, min_value, max_value);
+
+    alpha = mix(alpha, 1.0 - alpha, reversed);
+
+    vec4 new_color = mix(colormap_f(alpha), vec4(0.0), float(isinf(x)));
+    return apply_tonal(new_color);
+}
+
+vec4 val2c(float x) {
+    float alpha = x * scale + offset;
+    alpha = transfer_func(H, alpha, min_value, max_value);
+
+    alpha = mix(alpha, 1.0 - alpha, reversed);
+
+    vec4 new_color = mix(colormap_f(alpha), vec4(0.0), float(x == blank || isnan(x)));
+    return apply_tonal(new_color);
+}
+
+vec4 uv2c_f32(vec2 uv) {
+    float val = decode_f32(texture(tex, uv).rgba*255.0);
+    return val2c_f32(val);
+}
+
+vec4 uv2c_i32(vec2 uv) {
+    float val = float(decode_i32(texture(tex, uv).rgba));
+    return val2c(val);
+}
+
+vec4 uv2c_i16(vec2 uv) {
+    float val = float(decode_i16(texture(tex, uv).rg));
+    return val2c(val);
+}
+
+vec4 uv2c_u8(vec2 uv) {
+    float val = float(decode_u8(texture(tex, uv).r));
+    return val2c(val);
+}
+
+void main() {
+    vec2 uv = frag_uv;
+    uv.y = 1.0 - uv.y;
+
+    out_frag_color = uv2c_f32(frag_uv);
+    out_frag_color.a = out_frag_color.a * opacity;
+}"#,
     );
     out.insert(
         r"hips_raytracer_backcolor.frag",
         r#"#version 300 es
-precision lowp float;precision mediump int;out vec4 out_frag_color;uniform vec3 color;void main(){out_frag_color=vec4(color,1);}"#,
+precision lowp float;
+precision mediump int;
+
+out vec4 out_frag_color;
+
+uniform vec3 color;
+
+void main() {
+    out_frag_color = vec4(color, 1.0);
+}"#,
     );
     out.insert(
-        r"hips_rasterizer_rgba2cmap.frag",
+        r"hips3d_u8.frag",
         r#"#version 300 es
-precision lowp float;precision lowp sampler2DArray;uniform sampler2DArray tex;in vec3 frag_uv_start,frag_uv_end;in float frag_blending_factor;out vec4 out_frag_color;uniform float opacity,scale,offset,blank,min_value,max_value;uniform int H;uniform float reversed;uniform sampler2D colormaps;uniform float num_colormaps,colormap_id;float f(float f){return clamp((f-min_value)/(max_value-min_value),0.,1.);}float v(float v){v=f(v);return v*v;}float t(float t){return H==0?f(t):H==1?sqrt(f(t)):H==2?log(1e3*f(t)+1.)/log(1e3):H==3?asinh(10.*f(t))/3.:v(t);}uniform float k_gamma,k_saturation,k_contrast,k_brightness,k_exposure;vec4 f(vec4 f){return vec4(pow(f.x,k_gamma),pow(f.y,k_gamma),pow(f.z,k_gamma),f.w);}vec4 t(vec4 f){return vec4(mix(vec3(dot(f.xyz,vec3(.2126,.7152,.0722))),f.xyz,1.+k_saturation),f.w);}vec4 v(vec4 f){return vec4(.5+(1.+k_contrast)*(f.xyz-.5),f.w);}vec4 f(vec3 a){vec4 m=texture(colormaps,vec2(t(texture(tex,a).x),(colormap_id+.5)/num_colormaps));m.xyz=mix(m.xyz,1.-m.xyz,reversed);return f(t(v(vec4(m.xyz+k_brightness,m.w))));}void main(){out_frag_color=mix(f(frag_uv_start),f(frag_uv_end),frag_blending_factor);out_frag_color.w=opacity*out_frag_color.w;}"#,
+precision lowp float;
+precision lowp sampler3D;
+
+uniform sampler3D tex;
+
+in vec3 frag_uv;
+
+out vec4 out_frag_color;
+
+uniform float scale;
+uniform float offset;
+uniform float blank;
+uniform float min_value;
+uniform float max_value;
+uniform int H;
+uniform float reversed;
+
+uniform sampler2D colormaps;
+uniform float num_colormaps;
+uniform float colormap_id;
+
+vec4 colormap_f(float x) {
+    float id = (colormap_id + 0.5) / num_colormaps;
+    return texture(colormaps, vec2(x, id));
+}
+float linear_f(float x, float min_value, float max_value) {
+    return clamp((x - min_value)/(max_value - min_value), 0.0, 1.0);
+}
+
+float sqrt_f(float x, float min_value, float max_value) {
+    float a = linear_f(x, min_value, max_value);
+    return sqrt(a);
+}
+
+float log_f(float x, float min_value, float max_value) {
+    float y = linear_f(x, min_value, max_value);
+    float a = 1000.0;
+    return log(a*y + 1.0)/log(a);
+}
+
+float asinh_f(float x, float min_value, float max_value) {
+    float d = linear_f(x, min_value, max_value);
+    return asinh(10.0*d)/3.0;
+}
+
+float pow2_f(float x, float min_value, float max_value) {
+    float d = linear_f(x, min_value, max_value);
+    return d*d;
+}
+
+float transfer_func(int H, float x, float min_value, float max_value) {
+    if (H == 0) {
+        return linear_f(x, min_value, max_value);
+    } else if (H == 1) {
+        return sqrt_f(x, min_value, max_value);
+    } else if (H == 2) {
+        return log_f(x, min_value, max_value);
+    } else if (H == 3) {
+        return asinh_f(x, min_value, max_value);
+    } else {
+        return pow2_f(x, min_value, max_value);
+    }
+}
+
+uniform float k_gamma;
+uniform float k_saturation;
+uniform float k_contrast;
+uniform float k_brightness;
+uniform float k_exposure;
+
+vec4 apply_gamma(vec4 ic, float g) {
+    float new_r = pow(ic.r, g);
+    float new_g = pow(ic.g, g);
+    float new_b = pow(ic.b, g);
+
+    return vec4(new_r, new_g, new_b, ic.a);
+}
+
+vec4 apply_saturation(vec4 color, float value) {
+    const vec3 luminosity_factor = vec3(0.2126, 0.7152, 0.0722);
+    vec3 grayscale = vec3(dot(color.rgb, luminosity_factor));
+    
+    return vec4(mix(grayscale, color.rgb, 1.0 + value), color.a);
+}
+
+vec4 apply_contrast(vec4 color, float value) {
+    return vec4(0.5 + (1.0 + value) * (color.rgb - 0.5), color.a);
+}
+
+vec4 apply_brightness(vec4 color, float value) {
+    return vec4(color.rgb + value, color.a);
+}
+
+vec4 apply_exposure(vec4 color, float value) {
+    return vec4((1.0 + value) * color.rgb, color.a);
+}
+
+vec4 apply_tonal(vec4 color) {
+  return apply_gamma(
+    apply_saturation(
+      apply_contrast(
+        apply_brightness(color, k_brightness),
+        k_contrast
+      ),
+      k_saturation
+    ),
+    k_gamma
+  );
+}
+vec3 rgb2hsv(vec3 c) {
+    vec4 K = vec4(0.0, -1.0 / 3.0, 2.0 / 3.0, -1.0);
+    vec4 p = mix(vec4(c.bg, K.wz), vec4(c.gb, K.xy), step(c.b, c.g));
+    vec4 q = mix(vec4(p.xyw, c.r), vec4(c.r, p.yzx), step(p.x, c.r));
+
+    float d = q.x - min(q.w, q.y);
+    float e = 1.0e-10;
+    return vec3(abs(q.z + (q.w - q.y) / (6.0 * d + e)), d / (q.x + e), q.x);
+}
+
+vec3 hsv2rgb(vec3 c) {
+    vec4 K = vec4(1.0, 2.0 / 3.0, 1.0 / 3.0, 3.0);
+    vec3 p = abs(fract(c.xxx + K.xyz) * 6.0 - K.www);
+    return c.z * mix(K.xxx, clamp(p - K.xxx, 0.0, 1.0), c.y);
+}
+highp float decode_f32(highp vec4 rgba) {
+    highp float Sign = 1.0 - step(128.0,rgba[0])*2.0;
+    highp float Exponent = 2.0 * mod(rgba[0],128.0) + step(128.0,rgba[1]) - 127.0; 
+    if (abs(Exponent + 127.0) < 1e-3) {
+        return 0.0;
+    }
+    highp float Mantissa = mod(rgba[1],128.0)*65536.0 + rgba[2]*256.0 +rgba[3] + float(0x800000);
+    highp float Result =  Sign * exp2(Exponent) * (Mantissa * exp2(-23.0 )); 
+    return Result;
+}
+
+int decode_i32(vec4 rgba) {
+    int r = int(rgba.r * 255.0 + 0.5);
+    int g = int(rgba.g * 255.0 + 0.5);
+    int b = int(rgba.b * 255.0 + 0.5);
+    int a = int(rgba.a * 255.0 + 0.5);
+
+    int value = (r << 24) | (g << 16) | (b << 8) | a; // Combine into a 16-bit integer
+
+    return value;
+}
+
+int decode_i16(vec2 rg) {
+    int r = int(rg.r * 255.0 + 0.5);
+    int g = int(rg.g * 255.0 + 0.5);
+
+    int value = (r << 8) | g; // Combine into a 16-bit integer
+
+    if (value >= 32768) {
+        value -= 65536;
+    }
+
+    return value;
+}
+
+uint decode_u8(float r) {
+    uint value = uint(r * 255.0 + 0.5);
+    return value;
+}
+
+
+
+
+vec4 uvw2c_r(vec3 uv) {    
+    vec2 va = texture(tex, uv).ra;
+
+    va.x = transfer_func(H, va.x, min_value, max_value);
+
+    va.x = mix(va.x, 1.0 - va.x, reversed);
+
+    vec4 c = colormap_f(va.x);
+    return apply_tonal(c);
+}
+
+vec4 uvw2c_rgba(vec3 uv) {
+    vec4 c = texture(tex, uv).rgba;
+
+    c.r = transfer_func(H, c.r, min_value, max_value);
+    c.g = transfer_func(H, c.g, min_value, max_value);
+    c.b = transfer_func(H, c.b, min_value, max_value);
+
+    c.rgb = mix(c.rgb, 1.0 - c.rgb, reversed);
+
+    return apply_tonal(c);
+}
+
+vec4 uvw2c_ra(vec3 uv) {
+    vec2 c = texture(tex, uv).rg;
+
+    c.r = transfer_func(H, c.r, min_value, max_value);
+
+    c.r = mix(c.r, 1.0 - c.r, reversed);
+
+    vec3 color = colormap_f(c.r).rgb;
+
+    return apply_tonal(vec4(color, c.g));
+}
+
+vec4 uvw2cmap_rgba(vec3 uv) {    
+    float v = texture(tex, uv).r;
+    v = transfer_func(H, v, min_value, max_value);
+    vec4 c = colormap_f(v);
+    c.rgb = mix(c.rgb, 1.0 - c.rgb, reversed);
+
+    return apply_tonal(c);
+}
+
+vec4 val2c_f32(float x) {
+    float alpha = x * scale + offset;
+    alpha = transfer_func(H, alpha, min_value, max_value);
+
+    alpha = mix(alpha, 1.0 - alpha, reversed);
+
+    vec4 new_color = mix(colormap_f(alpha), vec4(0.0), float(isinf(x)));
+    return apply_tonal(new_color);
+}
+
+vec4 val2c(float x) {
+    float alpha = x * scale + offset;
+    alpha = transfer_func(H, alpha, min_value, max_value);
+
+    alpha = mix(alpha, 1.0 - alpha, reversed);
+
+    vec4 new_color = mix(colormap_f(alpha), vec4(0.0), float(x == blank || isnan(x)));
+    return apply_tonal(new_color);
+}
+
+vec4 uvw2c_f32(vec3 uv) {
+    float val = decode_f32(texture(tex, uv).rgba*255.0);
+    return val2c_f32(val);
+}
+
+vec4 uvw2c_i32(vec3 uv) {
+    float val = float(decode_i32(texture(tex, uv).rgba));
+    return val2c(val);
+}
+
+vec4 uvw2c_i16(vec3 uv) {
+    float val = float(decode_i16(texture(tex, uv).rg));
+    return val2c(val);
+}
+
+vec4 uvw2c_u8(vec3 uv) {
+    float val = float(decode_u8(texture(tex, uv).r));
+    return val2c(val);
+}
+
+uniform float opacity;
+
+void main() {
+    vec3 uv = vec3(frag_uv.xyz);
+    uv.y = 1.0 - uv.y;
+
+    vec4 color = uvw2c_u8(uv);
+
+    out_frag_color = color;
+    out_frag_color.a = out_frag_color.a * opacity;
+}"#,
     );
     out.insert(
-        r"catalogs_healpix.vert",
+        r"catalogs_arc.vert",
         r#"#version 300 es
-precision lowp float;layout(location=0)in vec2 offset;layout(location=1)in vec2 uv;layout(location=2)in vec3 center;uniform float current_time;uniform mat3 inv_model;uniform vec2 ndc_to_clip;uniform float czf;uniform vec2 kernel_size;out vec2 out_uv;out vec3 out_p;uniform int u_proj;void main(){vec3 v=inv_model*center;vec2 n=world2clip_healpix(v);gl_Position=vec4(n/(ndc_to_clip*czf)+offset*kernel_size,0,1);out_uv=uv;out_p=v;}"#,
-    );
-    out.insert(
-        r"hips_rasterizer_f32.frag",
-        r#"#version 300 es
-precision lowp float;precision lowp sampler2DArray;uniform sampler2DArray tex;in vec3 frag_uv_start,frag_uv_end;in float frag_blending_factor;out vec4 out_frag_color;uniform float scale,offset,blank,min_value,max_value;uniform int H;uniform float reversed;uniform sampler2D colormaps;uniform float num_colormaps,colormap_id;float f(float f){return clamp((f-min_value)/(max_value-min_value),0.,1.);}float v(float v){v=f(v);return v*v;}float s(float t){return H==0?f(t):H==1?sqrt(f(t)):H==2?log(1e3*f(t)+1.)/log(1e3):H==3?asinh(10.*f(t))/3.:v(t);}uniform float k_gamma,k_saturation,k_contrast,k_brightness,k_exposure;vec4 f(vec4 f){return vec4(pow(f.x,k_gamma),pow(f.y,k_gamma),pow(f.z,k_gamma),f.w);}vec4 s(vec4 f){return vec4(mix(vec3(dot(f.xyz,vec3(.2126,.7152,.0722))),f.xyz,1.+k_saturation),f.w);}vec4 v(vec4 f){return vec4(.5+(1.+k_contrast)*(f.xyz-.5),f.w);}highp float t(highp vec4 f){highp float t=2.*mod(f[0],128.)+step(128.,f[1])-127.;return abs(t+127.)<.001?0.:(1.-step(128.,f[0])*2.)*exp2(t)*((mod(f[1],128.)*65536.+f[2]*256.+f[3]+float(8388608))*exp2(-23.));}vec4 t(float t){float H=s(t*scale+offset);H=mix(H,1.-H,reversed);vec4 m=mix(texture(colormaps,vec2(H,(colormap_id+.5)/num_colormaps)),vec4(0),float(isinf(t)));return f(s(v(vec4(m.xyz+k_brightness,m.w))));}vec4 f(vec3 f){return t(t(texture(tex,f).xyzw*255.));}uniform float opacity;void main(){vec3 t=frag_uv_start,v=frag_uv_end;t.y=1.-t.y;v.y=1.-v.y;vec4 H=f(t),m=f(v);out_frag_color=mix(H,m,frag_blending_factor);out_frag_color.w=out_frag_color.w*opacity;}"#,
-    );
-    out.insert(
-        r"colormaps_colormap.frag",
-        r#"#version 300 es
-precision lowp float;precision lowp sampler2D;in vec2 out_uv;out vec4 color;uniform sampler2D texture_fbo;uniform float alpha;uniform sampler2D colormaps;uniform float num_colormaps,colormap_id;void main(){float s=texture(texture_fbo,out_uv).x;color=texture(colormaps,vec2(s,(colormap_id+.5)/num_colormaps));color.w=smoothstep(0.,.1,s)*alpha;}"#,
-    );
-    out.insert(
-        r"hips3d_i16.frag",
-        r#"#version 300 es
-precision lowp float;precision lowp sampler3D;precision lowp isampler3D;precision lowp usampler3D;uniform sampler3D tex;in vec3 frag_uv;out vec4 out_frag_color;uniform float scale,offset,blank,min_value,max_value;uniform int H;uniform float reversed;uniform sampler2D colormaps;uniform float num_colormaps,colormap_id;float f(float f){return clamp((f-min_value)/(max_value-min_value),0.,1.);}float t(float v){v=f(v);return v*v;}float v(float v){return H==0?f(v):H==1?sqrt(f(v)):H==2?log(1e3*f(v)+1.)/log(1e3):H==3?asinh(10.*f(v))/3.:t(v);}uniform float k_gamma,k_saturation,k_contrast,k_brightness,k_exposure;vec4 f(vec4 v){return vec4(pow(v.x,k_gamma),pow(v.y,k_gamma),pow(v.z,k_gamma),v.w);}vec4 t(vec4 v){return vec4(mix(vec3(dot(v.xyz,vec3(.2126,.7152,.0722))),v.xyz,1.+k_saturation),v.w);}vec4 v(vec4 v){return vec4(.5+(1.+k_contrast)*(v.xyz-.5),v.w);}int f(vec2 v){int f=int(v.x*255.+.5)<<8|int(v.y*255.+.5);if(f>=32768)f-=65536;return f;}vec4 l(float H){float s=v(H*scale+offset);s=mix(s,1.-s,reversed);vec4 k=mix(texture(colormaps,vec2(s,(colormap_id+.5)/num_colormaps)),vec4(0),float(H==blank||isnan(H)));return f(t(v(vec4(k.xyz+k_brightness,k.w))));}uniform float opacity;void main(){vec3 v=vec3(frag_uv);v.y=1.-v.y;vec4 H=l(float(f(texture(tex,v).xy)));out_frag_color=H;out_frag_color.w=out_frag_color.w*opacity;}"#,
-    );
-    out.insert(
-        r"fits_base.vert",
-        r#"#version 300 es
-precision highp float;precision highp int;layout(location=0)in vec2 ndc_pos;layout(location=1)in vec2 uv;out vec2 frag_uv;void main(){gl_Position=vec4(ndc_pos,0,1);frag_uv=uv;}"#,
-    );
-    out.insert(
-        r"line_base.vert",
-        r#"#version 300 es
-precision highp float;layout(location=0)in vec2 ndc_pos;out float l;void main(){gl_Position=vec4(ndc_pos,0,1);}"#,
-    );
-    out.insert(
-        r"hips_rasterizer_raster.vert",
-        r#"#version 300 es
-precision highp float;layout(location=0)in vec3 xyz;layout(location=1)in vec3 uv_start;layout(location=2)in vec3 uv_end;layout(location=3)in float time_tile_received;out vec3 frag_uv_start,frag_uv_end;out float frag_blending_factor;uniform mat3 inv_model;uniform vec2 ndc_to_clip;uniform float czf,current_time;vec2 n(vec3 f){vec2 v=vec2(-f.x,f.y);return f.z>=0.f?v:normalize(v);}vec2 v(vec3 v){float f=length(v.zx),n=sqrt((1.+sqrt(f*(f+v.z)*.5f))*.5f),z=v.y/n,l=0.;if(abs(v.x)<.005){float t=v.x/f;l=-v.x*(1.-t*t/21.)/n;}else n=sqrt((f*f-f*v.z)*2.)/n,l=sign(-v.x)*n;return vec2(l*.5,z)/1.4142135623731;}float n(float v){float f=acos(-1.)*v,z=2.*asin(v);v=z+sin(z)-f;int n=0;for(;abs(v)>125e-10&&n<100;n+=1)z-=v/(1.+cos(z)),v=z+sin(z)-f;return.5*z;}vec2 s(vec3 v){float f=n(v.y);return vec2(atan(-v.x,v.z)*cos(f)/acos(-1.),sin(f));}vec2 t(vec3 v){v.z=max(v.z,.01);return vec2(-v.x,v.y)/(v.z*acos(-1.));}uniform int u_proj;vec2 n(){vec3 f=inv_model*xyz;return u_proj==0?t(f):u_proj==1?vec2(-f.x,f.y)/(acos(-1.)*((1.+f.z)*.5)):u_proj==2?n(f):u_proj==3?vec2(-f.x,f.y)*.5/sqrt(.5+.5*f.z):u_proj==4?v(f):u_proj==5?s(f):vec2(atan(-f.x,f.z),atanh(f.y))/acos(-1.);}void main(){gl_Position=vec4(n()/(ndc_to_clip*czf),0,1);frag_uv_start=uv_start;frag_uv_end=uv_end;frag_blending_factor=min((current_time-time_tile_received)/2e2,1.);}"#,
-    );
-    out.insert(
-        r"hips_raytracer_i32.frag",
-        r#"#version 300 es
-precision lowp float;precision lowp sampler2DArray;precision lowp usampler2DArray;precision lowp isampler2DArray;precision mediump int;uniform sampler2DArray tex;in vec3 frag_pos;in vec2 out_clip_pos;out vec4 out_frag_color;struct Tile{int uniq;int texture_idx;float start_time;float empty;};uniform Tile textures_tiles[12];uniform float opacity;int t(vec2 v){int i=int(v.y<0.);return int(v.x<0.)+i|i<<1;}float i(vec2 v){float f=atan(abs(v.y),abs(v.x))*1.27323954474;return v.x<0.!=v.y<0.?1.-f:f-1.;}float i(vec3 v){float i=dot(v.xy,v.xy);return i<.1?i*(.5+i*(.125+i*(.0625+i*(.0390625+i*.02734375)))):1.f-v.z;}float t(vec3 v){float i=dot(v.xy,v.xy);return i<.1f?i*(.5+i*(.125+i*(.0625+i*(.0390625+i*.02734375)))):v.z+1.;}int i(int v,int i){v|=i<<2;i=(v^v>>1)&572662306;return v^i^i<<1;}struct HashDxDy{int idx;float dx;float dy;};uniform sampler2D ang2pixd;HashDxDy v(vec3 v){float f=float(1<<0)*.5,H=i(v.xy),e,r;int c=t(v.xy),o=0,u,s;vec2 m=vec2(0);if(v.z>.66666666666){float f=sqrt(3.*i(v));m=vec2(H*f,2.-f);o=c;}else if(v.z<-.66666666666){float i=sqrt(3.*t(v));m=vec2(H*i,i);o=c+8;}else{float i=v.z*1.5;int f=int(H>i),e=int(H>=-i),s=1-e;m=vec2(H-float(f+e-1),i+float(f+s));o=(f+s<<2)+(c+(f&e)&3);}e=f*(m.x+m.y);r=f*(m.y-m.x);u=int(e);s=int(r);return HashDxDy((o<<(0<<1))+i(u,s),e-float(u),r-float(s));}vec3 i(){HashDxDy f=v(normalize(frag_pos).zxy);return vec3(vec2(f.dy,f.dx),float(textures_tiles[f.idx].texture_idx));}uniform float scale,offset,blank,min_value,max_value;uniform int H;uniform float reversed;uniform sampler2D colormaps;uniform float num_colormaps,colormap_id;float i(float v){return clamp((v-min_value)/(max_value-min_value),0.,1.);}float t(float v){v=i(v);return v*v;}float v(float v){return H==0?i(v):H==1?sqrt(i(v)):H==2?log(1e3*i(v)+1.)/log(1e3):H==3?asinh(10.*i(v))/3.:t(v);}uniform float k_gamma,k_saturation,k_contrast,k_brightness,k_exposure;vec4 i(vec4 v){return vec4(pow(v.x,k_gamma),pow(v.y,k_gamma),pow(v.z,k_gamma),v.w);}vec4 t(vec4 v){return vec4(mix(vec3(dot(v.xyz,vec3(.2126,.7152,.0722))),v.xyz,1.+k_saturation),v.w);}vec4 v(vec4 v){return vec4(.5+(1.+k_contrast)*(v.xyz-.5),v.w);}int f(vec4 v){return int(v.x*255.+.5)<<24|int(v.y*255.+.5)<<16|int(v.z*255.+.5)<<8|int(v.w*255.+.5);}vec4 f(float f){float m=v(f*scale+offset);m=mix(m,1.-m,reversed);vec4 H=mix(texture(colormaps,vec2(m,(colormap_id+.5)/num_colormaps)),vec4(0),float(f==blank||isnan(f)));return i(t(v(vec4(H.xyz+k_brightness,H.w))));}void main(){vec3 v=i();v.y=1.-v.y;vec4 H=f(float(f(texture(tex,v).xyzw)));out_frag_color=H;out_frag_color.w=out_frag_color.w*opacity;}"#,
-    );
-    out.insert(
-        r"catalogs_tan.vert",
-        r#"#version 300 es
-precision lowp float;layout(location=0)in vec2 offset;layout(location=1)in vec2 uv;layout(location=2)in vec3 center;uniform float current_time;uniform mat3 inv_model;uniform vec2 ndc_to_clip;uniform float czf;uniform vec2 kernel_size;out vec2 out_uv;out vec3 out_p;uniform int u_proj;void main(){vec3 v=inv_model*center;vec2 n=world2clip_gnomonic(v);gl_Position=vec4(n/(ndc_to_clip*czf)+offset*kernel_size,0,1);out_uv=uv;out_p=v;}"#,
-    );
-    out.insert(
-        r"fits_i32.frag",
-        r#"#version 300 es
-precision lowp float;precision lowp sampler2D;precision mediump int;out vec4 out_frag_color;in vec2 frag_uv;uniform sampler2D tex;uniform float opacity,scale,offset,blank,min_value,max_value;uniform int H;uniform float reversed;uniform sampler2D colormaps;uniform float num_colormaps,colormap_id;float t(float v){return clamp((v-min_value)/(max_value-min_value),0.,1.);}float f(float v){v=t(v);return v*v;}float v(float v){return H==0?t(v):H==1?sqrt(t(v)):H==2?log(1e3*t(v)+1.)/log(1e3):H==3?asinh(10.*t(v))/3.:f(v);}uniform float k_gamma,k_saturation,k_contrast,k_brightness,k_exposure;vec4 f(vec4 v){return vec4(pow(v.x,k_gamma),pow(v.y,k_gamma),pow(v.z,k_gamma),v.w);}vec4 t(vec4 v){return vec4(mix(vec3(dot(v.xyz,vec3(.2126,.7152,.0722))),v.xyz,1.+k_saturation),v.w);}vec4 v(vec4 v){return vec4(.5+(1.+k_contrast)*(v.xyz-.5),v.w);}int c(vec4 v){return int(v.x*255.+.5)<<24|int(v.y*255.+.5)<<16|int(v.z*255.+.5)<<8|int(v.w*255.+.5);}vec4 c(float H){float s=v(H*scale+offset);s=mix(s,1.-s,reversed);vec4 k=mix(texture(colormaps,vec2(s,(colormap_id+.5)/num_colormaps)),vec4(0),float(H==blank||isnan(H)));return f(t(v(vec4(k.xyz+k_brightness,k.w))));}void main(){out_frag_color=c(float(c(texture(tex,frag_uv).xyzw)));out_frag_color.w=out_frag_color.w*opacity;}"#,
-    );
-    out.insert(
-        r"hips3d_red.frag",
-        r#"#version 300 es
-precision lowp float;precision lowp sampler3D;precision lowp isampler3D;precision lowp usampler3D;uniform sampler3D tex;in vec3 frag_uv;out vec4 out_frag_color;uniform float opacity,scale,offset,blank,min_value,max_value;uniform int H;uniform float reversed;uniform sampler2D colormaps;uniform float num_colormaps,colormap_id;float v(float v){return clamp((v-min_value)/(max_value-min_value),0.,1.);}float f(float f){f=v(f);return f*f;}float t(float c){return H==0?v(c):H==1?sqrt(v(c)):H==2?log(1e3*v(c)+1.)/log(1e3):H==3?asinh(10.*v(c))/3.:f(c);}uniform float k_gamma,k_saturation,k_contrast,k_brightness,k_exposure;vec4 f(vec4 v){return vec4(pow(v.x,k_gamma),pow(v.y,k_gamma),pow(v.z,k_gamma),v.w);}vec4 t(vec4 v){return vec4(mix(vec3(dot(v.xyz,vec3(.2126,.7152,.0722))),v.xyz,1.+k_saturation),v.w);}vec4 v(vec4 v){return vec4(.5+(1.+k_contrast)*(v.xyz-.5),v.w);}vec4 f(){vec2 c=texture(tex,vec3(frag_uv)).xy;c.x=t(c.x);c.x=mix(c.x,1.-c.x,reversed);vec3 s=texture(colormaps,vec2(c.x,(colormap_id+.5)/num_colormaps)).xyz;return f(t(v(vec4(vec4(s,c.y).xyz+k_brightness,vec4(s,c.y).w))));}void main(){out_frag_color=f();out_frag_color.w=opacity*out_frag_color.w;}"#,
+precision lowp float;
+layout (location = 0) in vec2 offset;
+layout (location = 1) in vec2 uv;
+layout (location = 2) in vec3 center;
+
+uniform float current_time;
+uniform mat3 inv_model;
+
+uniform vec2 ndc_to_clip;
+uniform float czf;
+uniform vec2 kernel_size;
+
+out vec2 out_uv;
+out vec3 out_p;
+
+const float PI = 3.141592653589793;
+const float SQRT_2 = 1.41421356237309504880168872420969808;
+
+vec2 w2c_sin(vec3 p) {
+    vec2 q = vec2(-p.x, p.y);
+    return p.z >= 0.f ? q : normalize(q);
+}
+
+vec2 w2c_sin_no_backface(vec3 p) {
+    return vec2(-p.x, p.y);
+}
+
+vec2 w2c_ait(vec3 p) {
+    float r = length(p.zx);
+    float w = sqrt((r * (r + p.z)) * 0.5f); // = cos(b) cos(l/2)
+    w = sqrt((1.0 + w) * 0.5f);             // = 1 / gamma
+    float y2d = p.y / w;
+
+    float x2d = 0.0;
+    if (abs(p.x) < 5e-3) {
+        float x_over_r = p.x/r;
+        x2d = -p.x * (1.0 - x_over_r*x_over_r/21.0) / w;
+    } else {
+        w = sqrt((r*r - r*p.z) * 2.0) / w; // = 2 * gamma * cos(b) sin(l/2)
+        x2d = sign(-p.x) * w;
+    }
+
+    return vec2(x2d * 0.5, y2d) / SQRT_2;
+}
+const float eps = 1.25e-8;
+const int n_iter = 100;
+
+float newton_solve(float z) {
+    float cte = PI * z;
+    float x = 2.0 * asin(z);
+    float f = x + sin(x) - cte; 
+    int i = 0;
+    while (abs(f) > eps && i < n_iter) {
+        x -= f / (1.0 + cos(x));
+        f = x + sin(x) - cte;
+        i += 1;
+    }
+
+    return 0.5 * x;
+}
+
+vec2 w2c_mol(vec3 p) {
+    float g = newton_solve(p.y);
+
+    float sg = sin(g);
+    float cg = cos(g);
+    return vec2((atan(-p.x, p.z) * cg) / PI, sg);
+}
+vec2 w2c_tan(vec3 p) {
+    p.z = max(p.z, 1e-2);
+    return vec2(-p.x, p.y) / (p.z*PI);
+}
+vec2 w2c_stg(vec3 p) {
+    float w = (1.0 + p.z) * 0.5;
+    return vec2(-p.x, p.y) / (PI * w);
+}
+vec2 w2c_zea(vec3 p) {
+    float w = sqrt(0.5 + 0.5 * p.z); // <=> sqrt[(1 + x) / 2]
+    return vec2(-p.x, p.y) * 0.5 / w;
+}
+vec2 w2c_mer(vec3 p) {
+    return vec2(atan(-p.x, p.z), atanh(p.y)) / PI;
+}
+
+vec3 lonlat2xyz(vec2 lonlat) {
+    float t = lonlat.x;
+    float tc = cos(t);
+    float ts = sin(t);
+
+    float d = lonlat.y;
+    float dc = cos(d);
+    float ds = sin(d);
+
+    return vec3(dc * ts, ds, dc * tc);
+}
+
+uniform int u_proj;
+
+vec2 proj(vec3 p) {
+    if (u_proj == 0) {
+        return w2c_tan(p);
+    } else if (u_proj == 1) {
+        return w2c_stg(p);
+    } else if (u_proj == 2) {
+        return w2c_sin(p);
+    } else if (u_proj == 3) {
+        return w2c_zea(p);
+    } else if (u_proj == 4) {
+        return w2c_ait(p);
+    } else if (u_proj == 5) {
+        return w2c_mol(p);
+    } else {
+        return w2c_mer(p);
+    }
+}
+
+void main() {
+    vec3 p = inv_model * center;
+
+    vec2 center_pos_clip_space = world2clip_arc(p);
+
+    vec2 pos_clip_space = center_pos_clip_space;
+    gl_Position = vec4((pos_clip_space / (ndc_to_clip * czf)) + offset * kernel_size , 0.f, 1.f);
+
+    out_uv = uv;
+    out_p = p;
+}"#,
     );
     out.insert(
         r"fits_i16.frag",
         r#"#version 300 es
-precision lowp float;precision lowp sampler2D;precision mediump int;out vec4 out_frag_color;in vec2 frag_uv;uniform sampler2D tex;uniform float opacity,scale,offset,blank,min_value,max_value;uniform int H;uniform float reversed;uniform sampler2D colormaps;uniform float num_colormaps,colormap_id;float f(float f){return clamp((f-min_value)/(max_value-min_value),0.,1.);}float t(float v){v=f(v);return v*v;}float v(float v){return H==0?f(v):H==1?sqrt(f(v)):H==2?log(1e3*f(v)+1.)/log(1e3):H==3?asinh(10.*f(v))/3.:t(v);}uniform float k_gamma,k_saturation,k_contrast,k_brightness,k_exposure;vec4 f(vec4 v){return vec4(pow(v.x,k_gamma),pow(v.y,k_gamma),pow(v.z,k_gamma),v.w);}vec4 t(vec4 v){return vec4(mix(vec3(dot(v.xyz,vec3(.2126,.7152,.0722))),v.xyz,1.+k_saturation),v.w);}vec4 v(vec4 v){return vec4(.5+(1.+k_contrast)*(v.xyz-.5),v.w);}int f(vec2 v){int f=int(v.x*255.+.5)<<8|int(v.y*255.+.5);if(f>=32768)f-=65536;return f;}vec4 m(float H){float m=v(H*scale+offset);m=mix(m,1.-m,reversed);vec4 k=mix(texture(colormaps,vec2(m,(colormap_id+.5)/num_colormaps)),vec4(0),float(H==blank||isnan(H)));return f(t(v(vec4(k.xyz+k_brightness,k.w))));}void main(){out_frag_color=m(float(f(texture(tex,frag_uv).xy)));out_frag_color.w=out_frag_color.w*opacity;}"#,
+precision lowp float;
+precision lowp sampler2D;
+precision mediump int;
+
+out vec4 out_frag_color;
+in vec2 frag_uv;
+
+uniform sampler2D tex;
+uniform float opacity;
+
+uniform float scale;
+uniform float offset;
+uniform float blank;
+uniform float min_value;
+uniform float max_value;
+uniform int H;
+uniform float reversed;
+
+uniform sampler2D colormaps;
+uniform float num_colormaps;
+uniform float colormap_id;
+
+vec4 colormap_f(float x) {
+    float id = (colormap_id + 0.5) / num_colormaps;
+    return texture(colormaps, vec2(x, id));
+}
+float linear_f(float x, float min_value, float max_value) {
+    return clamp((x - min_value)/(max_value - min_value), 0.0, 1.0);
+}
+
+float sqrt_f(float x, float min_value, float max_value) {
+    float a = linear_f(x, min_value, max_value);
+    return sqrt(a);
+}
+
+float log_f(float x, float min_value, float max_value) {
+    float y = linear_f(x, min_value, max_value);
+    float a = 1000.0;
+    return log(a*y + 1.0)/log(a);
+}
+
+float asinh_f(float x, float min_value, float max_value) {
+    float d = linear_f(x, min_value, max_value);
+    return asinh(10.0*d)/3.0;
+}
+
+float pow2_f(float x, float min_value, float max_value) {
+    float d = linear_f(x, min_value, max_value);
+    return d*d;
+}
+
+float transfer_func(int H, float x, float min_value, float max_value) {
+    if (H == 0) {
+        return linear_f(x, min_value, max_value);
+    } else if (H == 1) {
+        return sqrt_f(x, min_value, max_value);
+    } else if (H == 2) {
+        return log_f(x, min_value, max_value);
+    } else if (H == 3) {
+        return asinh_f(x, min_value, max_value);
+    } else {
+        return pow2_f(x, min_value, max_value);
+    }
+}
+
+uniform float k_gamma;
+uniform float k_saturation;
+uniform float k_contrast;
+uniform float k_brightness;
+uniform float k_exposure;
+
+vec4 apply_gamma(vec4 ic, float g) {
+    float new_r = pow(ic.r, g);
+    float new_g = pow(ic.g, g);
+    float new_b = pow(ic.b, g);
+
+    return vec4(new_r, new_g, new_b, ic.a);
+}
+
+vec4 apply_saturation(vec4 color, float value) {
+    const vec3 luminosity_factor = vec3(0.2126, 0.7152, 0.0722);
+    vec3 grayscale = vec3(dot(color.rgb, luminosity_factor));
+    
+    return vec4(mix(grayscale, color.rgb, 1.0 + value), color.a);
+}
+
+vec4 apply_contrast(vec4 color, float value) {
+    return vec4(0.5 + (1.0 + value) * (color.rgb - 0.5), color.a);
+}
+
+vec4 apply_brightness(vec4 color, float value) {
+    return vec4(color.rgb + value, color.a);
+}
+
+vec4 apply_exposure(vec4 color, float value) {
+    return vec4((1.0 + value) * color.rgb, color.a);
+}
+
+vec4 apply_tonal(vec4 color) {
+  return apply_gamma(
+    apply_saturation(
+      apply_contrast(
+        apply_brightness(color, k_brightness),
+        k_contrast
+      ),
+      k_saturation
+    ),
+    k_gamma
+  );
+}
+highp float decode_f32(highp vec4 rgba) {
+    highp float Sign = 1.0 - step(128.0,rgba[0])*2.0;
+    highp float Exponent = 2.0 * mod(rgba[0],128.0) + step(128.0,rgba[1]) - 127.0; 
+    if (abs(Exponent + 127.0) < 1e-3) {
+        return 0.0;
+    }
+    highp float Mantissa = mod(rgba[1],128.0)*65536.0 + rgba[2]*256.0 +rgba[3] + float(0x800000);
+    highp float Result =  Sign * exp2(Exponent) * (Mantissa * exp2(-23.0 )); 
+    return Result;
+}
+
+int decode_i32(vec4 rgba) {
+    int r = int(rgba.r * 255.0 + 0.5);
+    int g = int(rgba.g * 255.0 + 0.5);
+    int b = int(rgba.b * 255.0 + 0.5);
+    int a = int(rgba.a * 255.0 + 0.5);
+
+    int value = (r << 24) | (g << 16) | (b << 8) | a; // Combine into a 16-bit integer
+
+    return value;
+}
+
+int decode_i16(vec2 rg) {
+    int r = int(rg.r * 255.0 + 0.5);
+    int g = int(rg.g * 255.0 + 0.5);
+
+    int value = (r << 8) | g; // Combine into a 16-bit integer
+
+    if (value >= 32768) {
+        value -= 65536;
+    }
+
+    return value;
+}
+
+uint decode_u8(float r) {
+    uint value = uint(r * 255.0 + 0.5);
+    return value;
+}
+
+
+
+
+
+vec4 val2c_f32(float x) {
+    float alpha = x * scale + offset;
+    alpha = transfer_func(H, alpha, min_value, max_value);
+
+    alpha = mix(alpha, 1.0 - alpha, reversed);
+
+    vec4 new_color = mix(colormap_f(alpha), vec4(0.0), float(isinf(x)));
+    return apply_tonal(new_color);
+}
+
+vec4 val2c(float x) {
+    float alpha = x * scale + offset;
+    alpha = transfer_func(H, alpha, min_value, max_value);
+
+    alpha = mix(alpha, 1.0 - alpha, reversed);
+
+    vec4 new_color = mix(colormap_f(alpha), vec4(0.0), float(x == blank || isnan(x)));
+    return apply_tonal(new_color);
+}
+
+vec4 uv2c_f32(vec2 uv) {
+    float val = decode_f32(texture(tex, uv).rgba*255.0);
+    return val2c_f32(val);
+}
+
+vec4 uv2c_i32(vec2 uv) {
+    float val = float(decode_i32(texture(tex, uv).rgba));
+    return val2c(val);
+}
+
+vec4 uv2c_i16(vec2 uv) {
+    float val = float(decode_i16(texture(tex, uv).rg));
+    return val2c(val);
+}
+
+vec4 uv2c_u8(vec2 uv) {
+    float val = float(decode_u8(texture(tex, uv).r));
+    return val2c(val);
+}
+
+void main() {
+    vec2 uv = frag_uv;
+    uv.y = 1.0 - uv.y;
+
+    out_frag_color = uv2c_i16(frag_uv);
+    out_frag_color.a = out_frag_color.a * opacity;
+}"#,
     );
     out.insert(
-        r"catalogs_mollweide.vert",
+        r"hips_raytracer_i16.frag",
         r#"#version 300 es
-precision lowp float;layout(location=0)in vec2 offset;layout(location=1)in vec2 uv;layout(location=2)in vec3 center;uniform float current_time;uniform mat3 inv_model;uniform vec2 ndc_to_clip;uniform float czf;uniform vec2 kernel_size;out vec2 out_uv;out vec3 out_p;uniform int u_proj;void main(){vec3 v=inv_model*center;vec2 n=world2clip_mollweide(v);gl_Position=vec4(n/(ndc_to_clip*czf)+offset*kernel_size,0,1);out_uv=uv;out_p=v;}"#,
+precision lowp float;
+precision lowp sampler2DArray;
+precision mediump int;
+
+uniform sampler2DArray tex;
+
+in vec3 frag_pos;
+in vec2 out_clip_pos;
+out vec4 out_frag_color;
+
+struct Tile {
+    int uniq; // Healpix cell
+    int texture_idx; // Index in the texture buffer
+    float start_time; // Absolute time that the load has been done in ms
+    float empty;
+};
+
+uniform Tile textures_tiles[12];
+
+uniform float opacity;
+
+uniform float scale;
+uniform float offset;
+uniform float blank;
+uniform float min_value;
+uniform float max_value;
+uniform int H;
+uniform float reversed;
+
+uniform sampler2D colormaps;
+uniform float num_colormaps;
+uniform float colormap_id;
+
+vec4 colormap_f(float x) {
+    float id = (colormap_id + 0.5) / num_colormaps;
+    return texture(colormaps, vec2(x, id));
+}
+float linear_f(float x, float min_value, float max_value) {
+    return clamp((x - min_value)/(max_value - min_value), 0.0, 1.0);
+}
+
+float sqrt_f(float x, float min_value, float max_value) {
+    float a = linear_f(x, min_value, max_value);
+    return sqrt(a);
+}
+
+float log_f(float x, float min_value, float max_value) {
+    float y = linear_f(x, min_value, max_value);
+    float a = 1000.0;
+    return log(a*y + 1.0)/log(a);
+}
+
+float asinh_f(float x, float min_value, float max_value) {
+    float d = linear_f(x, min_value, max_value);
+    return asinh(10.0*d)/3.0;
+}
+
+float pow2_f(float x, float min_value, float max_value) {
+    float d = linear_f(x, min_value, max_value);
+    return d*d;
+}
+
+float transfer_func(int H, float x, float min_value, float max_value) {
+    if (H == 0) {
+        return linear_f(x, min_value, max_value);
+    } else if (H == 1) {
+        return sqrt_f(x, min_value, max_value);
+    } else if (H == 2) {
+        return log_f(x, min_value, max_value);
+    } else if (H == 3) {
+        return asinh_f(x, min_value, max_value);
+    } else {
+        return pow2_f(x, min_value, max_value);
+    }
+}
+
+uniform float k_gamma;
+uniform float k_saturation;
+uniform float k_contrast;
+uniform float k_brightness;
+uniform float k_exposure;
+
+vec4 apply_gamma(vec4 ic, float g) {
+    float new_r = pow(ic.r, g);
+    float new_g = pow(ic.g, g);
+    float new_b = pow(ic.b, g);
+
+    return vec4(new_r, new_g, new_b, ic.a);
+}
+
+vec4 apply_saturation(vec4 color, float value) {
+    const vec3 luminosity_factor = vec3(0.2126, 0.7152, 0.0722);
+    vec3 grayscale = vec3(dot(color.rgb, luminosity_factor));
+    
+    return vec4(mix(grayscale, color.rgb, 1.0 + value), color.a);
+}
+
+vec4 apply_contrast(vec4 color, float value) {
+    return vec4(0.5 + (1.0 + value) * (color.rgb - 0.5), color.a);
+}
+
+vec4 apply_brightness(vec4 color, float value) {
+    return vec4(color.rgb + value, color.a);
+}
+
+vec4 apply_exposure(vec4 color, float value) {
+    return vec4((1.0 + value) * color.rgb, color.a);
+}
+
+vec4 apply_tonal(vec4 color) {
+  return apply_gamma(
+    apply_saturation(
+      apply_contrast(
+        apply_brightness(color, k_brightness),
+        k_contrast
+      ),
+      k_saturation
+    ),
+    k_gamma
+  );
+}
+vec3 rgb2hsv(vec3 c) {
+    vec4 K = vec4(0.0, -1.0 / 3.0, 2.0 / 3.0, -1.0);
+    vec4 p = mix(vec4(c.bg, K.wz), vec4(c.gb, K.xy), step(c.b, c.g));
+    vec4 q = mix(vec4(p.xyw, c.r), vec4(c.r, p.yzx), step(p.x, c.r));
+
+    float d = q.x - min(q.w, q.y);
+    float e = 1.0e-10;
+    return vec3(abs(q.z + (q.w - q.y) / (6.0 * d + e)), d / (q.x + e), q.x);
+}
+
+vec3 hsv2rgb(vec3 c) {
+    vec4 K = vec4(1.0, 2.0 / 3.0, 1.0 / 3.0, 3.0);
+    vec3 p = abs(fract(c.xxx + K.xyz) * 6.0 - K.www);
+    return c.z * mix(K.xxx, clamp(p - K.xxx, 0.0, 1.0), c.y);
+}
+highp float decode_f32(highp vec4 rgba) {
+    highp float Sign = 1.0 - step(128.0,rgba[0])*2.0;
+    highp float Exponent = 2.0 * mod(rgba[0],128.0) + step(128.0,rgba[1]) - 127.0; 
+    if (abs(Exponent + 127.0) < 1e-3) {
+        return 0.0;
+    }
+    highp float Mantissa = mod(rgba[1],128.0)*65536.0 + rgba[2]*256.0 +rgba[3] + float(0x800000);
+    highp float Result =  Sign * exp2(Exponent) * (Mantissa * exp2(-23.0 )); 
+    return Result;
+}
+
+int decode_i32(vec4 rgba) {
+    int r = int(rgba.r * 255.0 + 0.5);
+    int g = int(rgba.g * 255.0 + 0.5);
+    int b = int(rgba.b * 255.0 + 0.5);
+    int a = int(rgba.a * 255.0 + 0.5);
+
+    int value = (r << 24) | (g << 16) | (b << 8) | a; // Combine into a 16-bit integer
+
+    return value;
+}
+
+int decode_i16(vec2 rg) {
+    int r = int(rg.r * 255.0 + 0.5);
+    int g = int(rg.g * 255.0 + 0.5);
+
+    int value = (r << 8) | g; // Combine into a 16-bit integer
+
+    if (value >= 32768) {
+        value -= 65536;
+    }
+
+    return value;
+}
+
+uint decode_u8(float r) {
+    uint value = uint(r * 255.0 + 0.5);
+    return value;
+}
+
+
+
+
+vec4 uvw2c_r(vec3 uv) {    
+    vec2 va = texture(tex, uv).ra;
+
+    va.x = transfer_func(H, va.x, min_value, max_value);
+
+    va.x = mix(va.x, 1.0 - va.x, reversed);
+
+    vec4 c = colormap_f(va.x);
+    return apply_tonal(c);
+}
+
+vec4 uvw2c_rgba(vec3 uv) {
+    vec4 c = texture(tex, uv).rgba;
+
+    c.r = transfer_func(H, c.r, min_value, max_value);
+    c.g = transfer_func(H, c.g, min_value, max_value);
+    c.b = transfer_func(H, c.b, min_value, max_value);
+
+    c.rgb = mix(c.rgb, 1.0 - c.rgb, reversed);
+
+    return apply_tonal(c);
+}
+
+vec4 uvw2c_ra(vec3 uv) {
+    vec2 c = texture(tex, uv).rg;
+
+    c.r = transfer_func(H, c.r, min_value, max_value);
+
+    c.r = mix(c.r, 1.0 - c.r, reversed);
+
+    vec3 color = colormap_f(c.r).rgb;
+
+    return apply_tonal(vec4(color, c.g));
+}
+
+vec4 uvw2cmap_rgba(vec3 uv) {    
+    float v = texture(tex, uv).r;
+    v = transfer_func(H, v, min_value, max_value);
+    vec4 c = colormap_f(v);
+    c.rgb = mix(c.rgb, 1.0 - c.rgb, reversed);
+
+    return apply_tonal(c);
+}
+
+vec4 val2c_f32(float x) {
+    float alpha = x * scale + offset;
+    alpha = transfer_func(H, alpha, min_value, max_value);
+
+    alpha = mix(alpha, 1.0 - alpha, reversed);
+
+    vec4 new_color = mix(colormap_f(alpha), vec4(0.0), float(isinf(x)));
+    return apply_tonal(new_color);
+}
+
+vec4 val2c(float x) {
+    float alpha = x * scale + offset;
+    alpha = transfer_func(H, alpha, min_value, max_value);
+
+    alpha = mix(alpha, 1.0 - alpha, reversed);
+
+    vec4 new_color = mix(colormap_f(alpha), vec4(0.0), float(x == blank || isnan(x)));
+    return apply_tonal(new_color);
+}
+
+vec4 uvw2c_f32(vec3 uv) {
+    float val = decode_f32(texture(tex, uv).rgba*255.0);
+    return val2c_f32(val);
+}
+
+vec4 uvw2c_i32(vec3 uv) {
+    float val = float(decode_i32(texture(tex, uv).rgba));
+    return val2c(val);
+}
+
+vec4 uvw2c_i16(vec3 uv) {
+    float val = float(decode_i16(texture(tex, uv).rg));
+    return val2c(val);
+}
+
+vec4 uvw2c_u8(vec3 uv) {
+    float val = float(decode_u8(texture(tex, uv).r));
+    return val2c(val);
+}
+const float TWICE_PI = 6.28318530718;
+const float PI = 3.141592653589793;
+const float FOUR_OVER_PI = 1.27323954474;
+const float TRANSITION_Z = 0.66666666666;
+const float TRANSITION_Z_INV = 1.5;
+
+int quarter(vec2 p) {
+    int x_neg = int(p.x < 0.0);
+    int y_neg = int(p.y < 0.0);
+    int q = (x_neg + y_neg) | (y_neg << 1);
+    return q;
+}
+
+float xpm1(vec2 p) {
+    bool x_neg = (p.x < 0.0);
+    bool y_neg = (p.y < 0.0);
+    float lon = atan(abs(p.y), abs(p.x));
+    float x02 = lon * FOUR_OVER_PI;
+    if (x_neg != y_neg) { // Could be replaced by a sign copy from (x_neg ^ y_neg) << 32
+        return 1.0 - x02;
+    } else {
+        return x02 - 1.0;
+    }
+}
+
+float one_minus_z_pos(vec3 p) {
+    float d2 = dot(p.xy, p.xy); // z = sqrt(1 - d2) AND sqrt(1 - x) = 1 - x / 2 - x^2 / 8 - x^3 / 16 - 5 x^4/128 - 7 * x^5/256
+
+    if (d2 < 1e-1) { // <=> dec > 84.27 deg
+        return d2 * (0.5 + d2 * (0.125 + d2 * (0.0625 + d2 * (0.0390625 + d2 * 0.02734375))));
+    }
+    return 1.0f - p.z;
+}
+
+float one_minus_z_neg(vec3 p) {
+    float d2 = dot(p.xy, p.xy); // z = sqrt(1 - d2) AND sqrt(1 - x) = 1 - x / 2 - x^2 / 8 - x^3 / 16 - 5 x^4/128 - 7 * x^5/256
+    if (d2 < 1e-1f) { // <=> dec < -84.27 deg
+        return d2 * (0.5 + d2 * (0.125 + d2 * (0.0625 + d2 * (0.0390625 + d2 * 0.02734375))));
+    }
+    return p.z + 1.0;
+}
+
+int ij2z(int i, int j) {
+    int i4 = i | (j << 2);
+
+    int j4 = (i4 ^ (i4 >> 1)) & 0x22222222;
+    int i5 = i4 ^ j4 ^ (j4 << 1);
+
+    return i5;
+}
+
+struct HashDxDy {
+    int idx;
+    float dx;
+    float dy;
+};
+
+uniform sampler2D ang2pixd;
+HashDxDy hash_with_dxdy2(vec2 radec) {
+    vec2 aa = vec2(radec.x/TWICE_PI + 1.0, (radec.y/PI) + 0.5);
+    vec3 v = texture(ang2pixd, aa).rgb;
+    return HashDxDy(
+        int(v.x * 255.0),
+        v.y,
+        v.z
+    );
+}
+HashDxDy hash_with_dxdy(int depth, vec3 p) {
+    
+    int nside = 1 << depth;
+    float half_nside = float(nside) * 0.5;
+
+    float x_pm1 = xpm1(p.xy);
+    int q = quarter(p.xy);
+
+    int d0h = 0;
+    vec2 p_proj = vec2(0.0);
+    if (p.z > TRANSITION_Z) {
+        float sqrt_3_one_min_z = sqrt(3.0 * one_minus_z_pos(p));
+        p_proj = vec2(x_pm1 * sqrt_3_one_min_z, 2.0 - sqrt_3_one_min_z);
+        d0h = q;
+    } else if (p.z < -TRANSITION_Z) {
+        float sqrt_3_one_min_z = sqrt(3.0 * one_minus_z_neg(p));
+        p_proj = vec2(x_pm1 * sqrt_3_one_min_z, sqrt_3_one_min_z);
+        d0h = q + 8;
+    } else {
+        float y_pm1 = p.z * TRANSITION_Z_INV;
+        int q01 = int(x_pm1 > y_pm1);  // 0/1
+        int q12 = int(x_pm1 >= -y_pm1); // 0\1
+        int q03 = 1 - q12; // 1\0
+        int q1 = q01 & q12; // = 1 if q1, 0 else
+        p_proj = vec2(
+            x_pm1 - float(q01 + q12 - 1),
+            y_pm1 + float(q01 + q03)
+        );
+        d0h = ((q01 + q03) << 2) + ((q + q1) & 3);
+    }
+
+    float x = (half_nside * (p_proj.x + p_proj.y));
+    float y = (half_nside * (p_proj.y - p_proj.x));
+    int i = int(x);
+    int j = int(y);
+
+    return HashDxDy(
+        (d0h << (depth << 1)) + ij2z(i, j),
+        x - float(i),
+        y - float(j)
+    );
+}
+vec3 xyz2uv(vec3 xyz) {
+    HashDxDy result = hash_with_dxdy(0, xyz.zxy);
+
+    int idx = result.idx;
+    vec2 offset = vec2(result.dy, result.dx);
+    Tile tile = textures_tiles[idx];
+
+    return vec3(offset, float(tile.texture_idx));
+}
+
+void main() {
+    vec3 uv = xyz2uv(normalize(frag_pos));
+
+    uv.y = 1.0 - uv.y;
+    vec4 c = uvw2c_i16(uv);
+
+
+    out_frag_color = c;
+    out_frag_color.a = out_frag_color.a * opacity;
+}"#,
     );
     out.insert(
-        r"passes_post_vertex_100es.vert",
+        r"hips_raytracer_u8.frag",
         r#"#version 300 es
-precision mediump float;layout(location=0)in vec2 a_pos;out vec2 v_tc;void main(){gl_Position=vec4(a_pos*2.-1.,0,1);v_tc=a_pos;}"#,
+precision lowp float;
+precision lowp sampler2DArray;
+precision lowp usampler2DArray;
+precision lowp isampler2DArray;
+precision mediump int;
+
+uniform sampler2DArray tex;
+
+in vec3 frag_pos;
+in vec2 out_clip_pos;
+out vec4 out_frag_color;
+
+struct Tile {
+    int uniq; // Healpix cell
+    int texture_idx; // Index in the texture buffer
+    float start_time; // Absolute time that the load has been done in ms
+    float empty;
+};
+
+uniform Tile textures_tiles[12];
+
+uniform float opacity;
+
+uniform float scale;
+uniform float offset;
+uniform float blank;
+uniform float min_value;
+uniform float max_value;
+uniform int H;
+uniform float reversed;
+
+uniform sampler2D colormaps;
+uniform float num_colormaps;
+uniform float colormap_id;
+
+vec4 colormap_f(float x) {
+    float id = (colormap_id + 0.5) / num_colormaps;
+    return texture(colormaps, vec2(x, id));
+}
+float linear_f(float x, float min_value, float max_value) {
+    return clamp((x - min_value)/(max_value - min_value), 0.0, 1.0);
+}
+
+float sqrt_f(float x, float min_value, float max_value) {
+    float a = linear_f(x, min_value, max_value);
+    return sqrt(a);
+}
+
+float log_f(float x, float min_value, float max_value) {
+    float y = linear_f(x, min_value, max_value);
+    float a = 1000.0;
+    return log(a*y + 1.0)/log(a);
+}
+
+float asinh_f(float x, float min_value, float max_value) {
+    float d = linear_f(x, min_value, max_value);
+    return asinh(10.0*d)/3.0;
+}
+
+float pow2_f(float x, float min_value, float max_value) {
+    float d = linear_f(x, min_value, max_value);
+    return d*d;
+}
+
+float transfer_func(int H, float x, float min_value, float max_value) {
+    if (H == 0) {
+        return linear_f(x, min_value, max_value);
+    } else if (H == 1) {
+        return sqrt_f(x, min_value, max_value);
+    } else if (H == 2) {
+        return log_f(x, min_value, max_value);
+    } else if (H == 3) {
+        return asinh_f(x, min_value, max_value);
+    } else {
+        return pow2_f(x, min_value, max_value);
+    }
+}
+
+uniform float k_gamma;
+uniform float k_saturation;
+uniform float k_contrast;
+uniform float k_brightness;
+uniform float k_exposure;
+
+vec4 apply_gamma(vec4 ic, float g) {
+    float new_r = pow(ic.r, g);
+    float new_g = pow(ic.g, g);
+    float new_b = pow(ic.b, g);
+
+    return vec4(new_r, new_g, new_b, ic.a);
+}
+
+vec4 apply_saturation(vec4 color, float value) {
+    const vec3 luminosity_factor = vec3(0.2126, 0.7152, 0.0722);
+    vec3 grayscale = vec3(dot(color.rgb, luminosity_factor));
+    
+    return vec4(mix(grayscale, color.rgb, 1.0 + value), color.a);
+}
+
+vec4 apply_contrast(vec4 color, float value) {
+    return vec4(0.5 + (1.0 + value) * (color.rgb - 0.5), color.a);
+}
+
+vec4 apply_brightness(vec4 color, float value) {
+    return vec4(color.rgb + value, color.a);
+}
+
+vec4 apply_exposure(vec4 color, float value) {
+    return vec4((1.0 + value) * color.rgb, color.a);
+}
+
+vec4 apply_tonal(vec4 color) {
+  return apply_gamma(
+    apply_saturation(
+      apply_contrast(
+        apply_brightness(color, k_brightness),
+        k_contrast
+      ),
+      k_saturation
+    ),
+    k_gamma
+  );
+}
+vec3 rgb2hsv(vec3 c) {
+    vec4 K = vec4(0.0, -1.0 / 3.0, 2.0 / 3.0, -1.0);
+    vec4 p = mix(vec4(c.bg, K.wz), vec4(c.gb, K.xy), step(c.b, c.g));
+    vec4 q = mix(vec4(p.xyw, c.r), vec4(c.r, p.yzx), step(p.x, c.r));
+
+    float d = q.x - min(q.w, q.y);
+    float e = 1.0e-10;
+    return vec3(abs(q.z + (q.w - q.y) / (6.0 * d + e)), d / (q.x + e), q.x);
+}
+
+vec3 hsv2rgb(vec3 c) {
+    vec4 K = vec4(1.0, 2.0 / 3.0, 1.0 / 3.0, 3.0);
+    vec3 p = abs(fract(c.xxx + K.xyz) * 6.0 - K.www);
+    return c.z * mix(K.xxx, clamp(p - K.xxx, 0.0, 1.0), c.y);
+}
+highp float decode_f32(highp vec4 rgba) {
+    highp float Sign = 1.0 - step(128.0,rgba[0])*2.0;
+    highp float Exponent = 2.0 * mod(rgba[0],128.0) + step(128.0,rgba[1]) - 127.0; 
+    if (abs(Exponent + 127.0) < 1e-3) {
+        return 0.0;
+    }
+    highp float Mantissa = mod(rgba[1],128.0)*65536.0 + rgba[2]*256.0 +rgba[3] + float(0x800000);
+    highp float Result =  Sign * exp2(Exponent) * (Mantissa * exp2(-23.0 )); 
+    return Result;
+}
+
+int decode_i32(vec4 rgba) {
+    int r = int(rgba.r * 255.0 + 0.5);
+    int g = int(rgba.g * 255.0 + 0.5);
+    int b = int(rgba.b * 255.0 + 0.5);
+    int a = int(rgba.a * 255.0 + 0.5);
+
+    int value = (r << 24) | (g << 16) | (b << 8) | a; // Combine into a 16-bit integer
+
+    return value;
+}
+
+int decode_i16(vec2 rg) {
+    int r = int(rg.r * 255.0 + 0.5);
+    int g = int(rg.g * 255.0 + 0.5);
+
+    int value = (r << 8) | g; // Combine into a 16-bit integer
+
+    if (value >= 32768) {
+        value -= 65536;
+    }
+
+    return value;
+}
+
+uint decode_u8(float r) {
+    uint value = uint(r * 255.0 + 0.5);
+    return value;
+}
+
+
+
+
+vec4 uvw2c_r(vec3 uv) {    
+    vec2 va = texture(tex, uv).ra;
+
+    va.x = transfer_func(H, va.x, min_value, max_value);
+
+    va.x = mix(va.x, 1.0 - va.x, reversed);
+
+    vec4 c = colormap_f(va.x);
+    return apply_tonal(c);
+}
+
+vec4 uvw2c_rgba(vec3 uv) {
+    vec4 c = texture(tex, uv).rgba;
+
+    c.r = transfer_func(H, c.r, min_value, max_value);
+    c.g = transfer_func(H, c.g, min_value, max_value);
+    c.b = transfer_func(H, c.b, min_value, max_value);
+
+    c.rgb = mix(c.rgb, 1.0 - c.rgb, reversed);
+
+    return apply_tonal(c);
+}
+
+vec4 uvw2c_ra(vec3 uv) {
+    vec2 c = texture(tex, uv).rg;
+
+    c.r = transfer_func(H, c.r, min_value, max_value);
+
+    c.r = mix(c.r, 1.0 - c.r, reversed);
+
+    vec3 color = colormap_f(c.r).rgb;
+
+    return apply_tonal(vec4(color, c.g));
+}
+
+vec4 uvw2cmap_rgba(vec3 uv) {    
+    float v = texture(tex, uv).r;
+    v = transfer_func(H, v, min_value, max_value);
+    vec4 c = colormap_f(v);
+    c.rgb = mix(c.rgb, 1.0 - c.rgb, reversed);
+
+    return apply_tonal(c);
+}
+
+vec4 val2c_f32(float x) {
+    float alpha = x * scale + offset;
+    alpha = transfer_func(H, alpha, min_value, max_value);
+
+    alpha = mix(alpha, 1.0 - alpha, reversed);
+
+    vec4 new_color = mix(colormap_f(alpha), vec4(0.0), float(isinf(x)));
+    return apply_tonal(new_color);
+}
+
+vec4 val2c(float x) {
+    float alpha = x * scale + offset;
+    alpha = transfer_func(H, alpha, min_value, max_value);
+
+    alpha = mix(alpha, 1.0 - alpha, reversed);
+
+    vec4 new_color = mix(colormap_f(alpha), vec4(0.0), float(x == blank || isnan(x)));
+    return apply_tonal(new_color);
+}
+
+vec4 uvw2c_f32(vec3 uv) {
+    float val = decode_f32(texture(tex, uv).rgba*255.0);
+    return val2c_f32(val);
+}
+
+vec4 uvw2c_i32(vec3 uv) {
+    float val = float(decode_i32(texture(tex, uv).rgba));
+    return val2c(val);
+}
+
+vec4 uvw2c_i16(vec3 uv) {
+    float val = float(decode_i16(texture(tex, uv).rg));
+    return val2c(val);
+}
+
+vec4 uvw2c_u8(vec3 uv) {
+    float val = float(decode_u8(texture(tex, uv).r));
+    return val2c(val);
+}
+const float TWICE_PI = 6.28318530718;
+const float PI = 3.141592653589793;
+const float FOUR_OVER_PI = 1.27323954474;
+const float TRANSITION_Z = 0.66666666666;
+const float TRANSITION_Z_INV = 1.5;
+
+int quarter(vec2 p) {
+    int x_neg = int(p.x < 0.0);
+    int y_neg = int(p.y < 0.0);
+    int q = (x_neg + y_neg) | (y_neg << 1);
+    return q;
+}
+
+float xpm1(vec2 p) {
+    bool x_neg = (p.x < 0.0);
+    bool y_neg = (p.y < 0.0);
+    float lon = atan(abs(p.y), abs(p.x));
+    float x02 = lon * FOUR_OVER_PI;
+    if (x_neg != y_neg) { // Could be replaced by a sign copy from (x_neg ^ y_neg) << 32
+        return 1.0 - x02;
+    } else {
+        return x02 - 1.0;
+    }
+}
+
+float one_minus_z_pos(vec3 p) {
+    float d2 = dot(p.xy, p.xy); // z = sqrt(1 - d2) AND sqrt(1 - x) = 1 - x / 2 - x^2 / 8 - x^3 / 16 - 5 x^4/128 - 7 * x^5/256
+
+    if (d2 < 1e-1) { // <=> dec > 84.27 deg
+        return d2 * (0.5 + d2 * (0.125 + d2 * (0.0625 + d2 * (0.0390625 + d2 * 0.02734375))));
+    }
+    return 1.0f - p.z;
+}
+
+float one_minus_z_neg(vec3 p) {
+    float d2 = dot(p.xy, p.xy); // z = sqrt(1 - d2) AND sqrt(1 - x) = 1 - x / 2 - x^2 / 8 - x^3 / 16 - 5 x^4/128 - 7 * x^5/256
+    if (d2 < 1e-1f) { // <=> dec < -84.27 deg
+        return d2 * (0.5 + d2 * (0.125 + d2 * (0.0625 + d2 * (0.0390625 + d2 * 0.02734375))));
+    }
+    return p.z + 1.0;
+}
+
+int ij2z(int i, int j) {
+    int i4 = i | (j << 2);
+
+    int j4 = (i4 ^ (i4 >> 1)) & 0x22222222;
+    int i5 = i4 ^ j4 ^ (j4 << 1);
+
+    return i5;
+}
+
+struct HashDxDy {
+    int idx;
+    float dx;
+    float dy;
+};
+
+uniform sampler2D ang2pixd;
+HashDxDy hash_with_dxdy2(vec2 radec) {
+    vec2 aa = vec2(radec.x/TWICE_PI + 1.0, (radec.y/PI) + 0.5);
+    vec3 v = texture(ang2pixd, aa).rgb;
+    return HashDxDy(
+        int(v.x * 255.0),
+        v.y,
+        v.z
+    );
+}
+HashDxDy hash_with_dxdy(int depth, vec3 p) {
+    
+    int nside = 1 << depth;
+    float half_nside = float(nside) * 0.5;
+
+    float x_pm1 = xpm1(p.xy);
+    int q = quarter(p.xy);
+
+    int d0h = 0;
+    vec2 p_proj = vec2(0.0);
+    if (p.z > TRANSITION_Z) {
+        float sqrt_3_one_min_z = sqrt(3.0 * one_minus_z_pos(p));
+        p_proj = vec2(x_pm1 * sqrt_3_one_min_z, 2.0 - sqrt_3_one_min_z);
+        d0h = q;
+    } else if (p.z < -TRANSITION_Z) {
+        float sqrt_3_one_min_z = sqrt(3.0 * one_minus_z_neg(p));
+        p_proj = vec2(x_pm1 * sqrt_3_one_min_z, sqrt_3_one_min_z);
+        d0h = q + 8;
+    } else {
+        float y_pm1 = p.z * TRANSITION_Z_INV;
+        int q01 = int(x_pm1 > y_pm1);  // 0/1
+        int q12 = int(x_pm1 >= -y_pm1); // 0\1
+        int q03 = 1 - q12; // 1\0
+        int q1 = q01 & q12; // = 1 if q1, 0 else
+        p_proj = vec2(
+            x_pm1 - float(q01 + q12 - 1),
+            y_pm1 + float(q01 + q03)
+        );
+        d0h = ((q01 + q03) << 2) + ((q + q1) & 3);
+    }
+
+    float x = (half_nside * (p_proj.x + p_proj.y));
+    float y = (half_nside * (p_proj.y - p_proj.x));
+    int i = int(x);
+    int j = int(y);
+
+    return HashDxDy(
+        (d0h << (depth << 1)) + ij2z(i, j),
+        x - float(i),
+        y - float(j)
+    );
+}
+vec3 xyz2uv(vec3 xyz) {
+    HashDxDy result = hash_with_dxdy(0, xyz.zxy);
+
+    int idx = result.idx;
+    vec2 offset = vec2(result.dy, result.dx);
+    Tile tile = textures_tiles[idx];
+
+    return vec3(offset, float(tile.texture_idx));
+}
+
+void main() {
+    vec3 uv = xyz2uv(normalize(frag_pos));
+
+    uv.y = 1.0 - uv.y;
+    vec4 c = uvw2c_u8(uv);
+
+
+    out_frag_color = c;
+    out_frag_color.a = out_frag_color.a * opacity;
+}"#,
     );
     out.insert(
-        r"line_inst_lonlat.vert",
+        r"fits_base.vert",
         r#"#version 300 es
-precision highp float;layout(location=0)in vec2 p_a_lonlat;layout(location=1)in vec2 p_b_lonlat;layout(location=2)in vec2 vertex;uniform mat3 u_2world;uniform vec2 ndc_to_clip;uniform float czf,u_width,u_height,u_thickness;out vec2 l;vec2 v(vec3 v){vec2 n=vec2(-v.x,v.y);return v.z>=0.f?n:normalize(n);}vec2 n(vec3 v){float n=length(v.zx),u=sqrt((1.+sqrt(n*(n+v.z)*.5f))*.5f),y=v.y/u,l=0.;if(abs(v.x)<.005){float c=v.x/n;l=-v.x*(1.-c*c/21.)/u;}else u=sqrt((n*n-n*v.z)*2.)/u,l=sign(-v.x)*u;return vec2(l*.5,y)/1.4142135623731;}float n(float v){float n=acos(-1.)*v,u=2.*asin(v);v=u+sin(u)-n;int l=0;for(;abs(v)>125e-10&&l<100;l+=1)u-=v/(1.+cos(u)),v=u+sin(u)-n;return.5*u;}vec2 s(vec3 v){float u=n(v.y);return vec2(atan(-v.x,v.z)*cos(u)/acos(-1.),sin(u));}vec2 t(vec3 v){v.z=max(v.z,.01);return vec2(-v.x,v.y)/(v.z*acos(-1.));}vec3 n(vec2 v){float u=cos(v.y);return vec3(u*sin(v.x),sin(v.y),u*cos(v.x));}uniform int u_proj;vec2 e(vec3 u){return u_proj==0?t(u):u_proj==1?vec2(-u.x,u.y)/(acos(-1.)*((1.+u.z)*.5)):u_proj==2?v(u):u_proj==3?vec2(-u.x,u.y)*.5/sqrt(.5+.5*u.z):u_proj==4?n(u):u_proj==5?s(u):vec2(atan(-u.x,u.z),atanh(u.y))/acos(-1.);}void main(){vec2 v=e(u_2world*n(p_a_lonlat)),u=e(u_2world*n(p_b_lonlat)),y=v-u,j=v/(ndc_to_clip*czf);v=u/(ndc_to_clip*czf)-j;gl_Position=vec4(j+v*vertex.x+(u_thickness+2.)*normalize(vec2(-v.y,v))*vertex.y*vec2(1,u_width/u_height)*(2./u_width),0,1);l=vec2(dot(y,y),vertex.y);}"#,
+precision highp float;
+precision highp int;
+
+layout (location = 0) in vec2 ndc_pos;
+layout (location = 1) in vec2 uv;
+
+out vec2 frag_uv;
+
+void main() {
+    gl_Position = vec4(ndc_pos, 0.0, 1.0);
+    frag_uv = uv;
+}"#,
     );
     out.insert(
-        r"hips_rasterizer_i32.frag",
+        r"line_base.frag",
         r#"#version 300 es
-precision lowp float;precision lowp sampler2DArray;uniform sampler2DArray tex;in vec3 frag_uv_start,frag_uv_end;in float frag_blending_factor;out vec4 out_frag_color;uniform float scale,offset,blank,min_value,max_value;uniform int H;uniform float reversed;uniform sampler2D colormaps;uniform float num_colormaps,colormap_id;float f(float f){return clamp((f-min_value)/(max_value-min_value),0.,1.);}float t(float v){v=f(v);return v*v;}float v(float v){return H==0?f(v):H==1?sqrt(f(v)):H==2?log(1e3*f(v)+1.)/log(1e3):H==3?asinh(10.*f(v))/3.:t(v);}uniform float k_gamma,k_saturation,k_contrast,k_brightness,k_exposure;vec4 f(vec4 v){return vec4(pow(v.x,k_gamma),pow(v.y,k_gamma),pow(v.z,k_gamma),v.w);}vec4 t(vec4 v){return vec4(mix(vec3(dot(v.xyz,vec3(.2126,.7152,.0722))),v.xyz,1.+k_saturation),v.w);}vec4 v(vec4 v){return vec4(.5+(1.+k_contrast)*(v.xyz-.5),v.w);}int c(vec4 v){return int(v.x*255.+.5)<<24|int(v.y*255.+.5)<<16|int(v.z*255.+.5)<<8|int(v.w*255.+.5);}vec4 c(float H){float s=v(H*scale+offset);s=mix(s,1.-s,reversed);vec4 c=mix(texture(colormaps,vec2(s,(colormap_id+.5)/num_colormaps)),vec4(0),float(H==blank||isnan(H)));return f(t(v(vec4(c.xyz+k_brightness,c.w))));}vec4 c(vec3 v){return c(float(c(texture(tex,v).xyzw)));}uniform float opacity;void main(){vec3 v=frag_uv_start,f=frag_uv_end;v.y=1.-v.y;f.y=1.-f.y;vec4 H=c(v),t=c(f);out_frag_color=mix(H,t,frag_blending_factor);out_frag_color.w=out_frag_color.w*opacity;}"#,
-    );
-    out.insert(
-        r"hips_raytracer_raytracer.vert",
-        r#"#version 300 es
-precision lowp float;precision mediump int;layout(location=0)in vec2 pos_clip_space;layout(location=1)in vec3 pos_world_space;out vec2 out_clip_pos;out vec3 frag_pos;uniform vec2 ndc_to_clip;uniform float czf;uniform mat3 model;void main(){frag_pos=model*pos_world_space;gl_Position=vec4(pos_clip_space/(ndc_to_clip*czf),0,1);out_clip_pos=pos_clip_space;}"#,
+
+precision highp float;
+
+out vec4 color;
+in vec2 l;
+
+uniform vec4 u_color;
+uniform float u_thickness;
+uniform float u_width;
+uniform float u_height;
+
+void main() {
+    if (l.x > 0.05) {
+        discard;
+    } else {
+        color = u_color;
+
+        float dist = abs((u_thickness + 2.0) * l.y);
+
+        float half_thickness = (u_thickness + 2.0) * 0.5;
+        color.a = color.a * (1.0 - smoothstep(half_thickness - 1.0, half_thickness, dist));
+    }
+}"#,
     );
     out.insert(
         r"passes_post_fragment_100es.frag",
         r#"#version 300 es
-precision mediump float;in vec2 v_tc;out vec4 color;uniform sampler2D fbo_tex;void main(){color=texture(fbo_tex,v_tc);}"#,
+precision mediump float;
+
+in vec2 v_tc;
+out vec4 color;
+
+uniform sampler2D fbo_tex;
+
+vec3 srgb_from_linear(vec3 rgb) {
+    bvec3 cutoff = lessThan(rgb, vec3(0.0031308));
+    vec3 lower = rgb * vec3(3294.6);
+    vec3 higher = vec3(269.025) * pow(rgb, vec3(1.0 / 2.4)) - vec3(14.025);
+    return mix(higher, lower, vec3(cutoff));
+}
+
+vec4 srgba_from_linear(vec4 rgba) {
+    return vec4(srgb_from_linear(rgba.rgb), 255.0 * rgba.a);
+}
+
+void main() {
+    color = texture(fbo_tex, v_tc);
+
+}"#,
     );
     out.insert(
-        r"catalogs_ortho.frag",
+        r"hips_rasterizer_rgba2cmap.frag",
         r#"#version 300 es
-precision lowp float;in vec2 out_uv;in vec3 out_p;out vec4 color;uniform sampler2D kernel_texture;uniform float max_density,fov,strength;void main(){if(out_p.z<0.f)discard;color=texture(kernel_texture,out_uv)/max(log2(fov*1e2),1.);color.x*=strength;}"#,
+precision lowp float;
+precision lowp sampler2DArray;
+
+uniform sampler2DArray tex;
+
+in vec3 frag_uv_start;
+in vec3 frag_uv_end;
+in float frag_blending_factor;
+
+out vec4 out_frag_color;
+uniform float opacity;
+
+uniform float scale;
+uniform float offset;
+uniform float blank;
+uniform float min_value;
+uniform float max_value;
+uniform int H;
+uniform float reversed;
+
+uniform sampler2D colormaps;
+uniform float num_colormaps;
+uniform float colormap_id;
+
+vec4 colormap_f(float x) {
+    float id = (colormap_id + 0.5) / num_colormaps;
+    return texture(colormaps, vec2(x, id));
+}
+float linear_f(float x, float min_value, float max_value) {
+    return clamp((x - min_value)/(max_value - min_value), 0.0, 1.0);
+}
+
+float sqrt_f(float x, float min_value, float max_value) {
+    float a = linear_f(x, min_value, max_value);
+    return sqrt(a);
+}
+
+float log_f(float x, float min_value, float max_value) {
+    float y = linear_f(x, min_value, max_value);
+    float a = 1000.0;
+    return log(a*y + 1.0)/log(a);
+}
+
+float asinh_f(float x, float min_value, float max_value) {
+    float d = linear_f(x, min_value, max_value);
+    return asinh(10.0*d)/3.0;
+}
+
+float pow2_f(float x, float min_value, float max_value) {
+    float d = linear_f(x, min_value, max_value);
+    return d*d;
+}
+
+float transfer_func(int H, float x, float min_value, float max_value) {
+    if (H == 0) {
+        return linear_f(x, min_value, max_value);
+    } else if (H == 1) {
+        return sqrt_f(x, min_value, max_value);
+    } else if (H == 2) {
+        return log_f(x, min_value, max_value);
+    } else if (H == 3) {
+        return asinh_f(x, min_value, max_value);
+    } else {
+        return pow2_f(x, min_value, max_value);
+    }
+}
+
+uniform float k_gamma;
+uniform float k_saturation;
+uniform float k_contrast;
+uniform float k_brightness;
+uniform float k_exposure;
+
+vec4 apply_gamma(vec4 ic, float g) {
+    float new_r = pow(ic.r, g);
+    float new_g = pow(ic.g, g);
+    float new_b = pow(ic.b, g);
+
+    return vec4(new_r, new_g, new_b, ic.a);
+}
+
+vec4 apply_saturation(vec4 color, float value) {
+    const vec3 luminosity_factor = vec3(0.2126, 0.7152, 0.0722);
+    vec3 grayscale = vec3(dot(color.rgb, luminosity_factor));
+    
+    return vec4(mix(grayscale, color.rgb, 1.0 + value), color.a);
+}
+
+vec4 apply_contrast(vec4 color, float value) {
+    return vec4(0.5 + (1.0 + value) * (color.rgb - 0.5), color.a);
+}
+
+vec4 apply_brightness(vec4 color, float value) {
+    return vec4(color.rgb + value, color.a);
+}
+
+vec4 apply_exposure(vec4 color, float value) {
+    return vec4((1.0 + value) * color.rgb, color.a);
+}
+
+vec4 apply_tonal(vec4 color) {
+  return apply_gamma(
+    apply_saturation(
+      apply_contrast(
+        apply_brightness(color, k_brightness),
+        k_contrast
+      ),
+      k_saturation
+    ),
+    k_gamma
+  );
+}
+vec3 rgb2hsv(vec3 c) {
+    vec4 K = vec4(0.0, -1.0 / 3.0, 2.0 / 3.0, -1.0);
+    vec4 p = mix(vec4(c.bg, K.wz), vec4(c.gb, K.xy), step(c.b, c.g));
+    vec4 q = mix(vec4(p.xyw, c.r), vec4(c.r, p.yzx), step(p.x, c.r));
+
+    float d = q.x - min(q.w, q.y);
+    float e = 1.0e-10;
+    return vec3(abs(q.z + (q.w - q.y) / (6.0 * d + e)), d / (q.x + e), q.x);
+}
+
+vec3 hsv2rgb(vec3 c) {
+    vec4 K = vec4(1.0, 2.0 / 3.0, 1.0 / 3.0, 3.0);
+    vec3 p = abs(fract(c.xxx + K.xyz) * 6.0 - K.www);
+    return c.z * mix(K.xxx, clamp(p - K.xxx, 0.0, 1.0), c.y);
+}
+highp float decode_f32(highp vec4 rgba) {
+    highp float Sign = 1.0 - step(128.0,rgba[0])*2.0;
+    highp float Exponent = 2.0 * mod(rgba[0],128.0) + step(128.0,rgba[1]) - 127.0; 
+    if (abs(Exponent + 127.0) < 1e-3) {
+        return 0.0;
+    }
+    highp float Mantissa = mod(rgba[1],128.0)*65536.0 + rgba[2]*256.0 +rgba[3] + float(0x800000);
+    highp float Result =  Sign * exp2(Exponent) * (Mantissa * exp2(-23.0 )); 
+    return Result;
+}
+
+int decode_i32(vec4 rgba) {
+    int r = int(rgba.r * 255.0 + 0.5);
+    int g = int(rgba.g * 255.0 + 0.5);
+    int b = int(rgba.b * 255.0 + 0.5);
+    int a = int(rgba.a * 255.0 + 0.5);
+
+    int value = (r << 24) | (g << 16) | (b << 8) | a; // Combine into a 16-bit integer
+
+    return value;
+}
+
+int decode_i16(vec2 rg) {
+    int r = int(rg.r * 255.0 + 0.5);
+    int g = int(rg.g * 255.0 + 0.5);
+
+    int value = (r << 8) | g; // Combine into a 16-bit integer
+
+    if (value >= 32768) {
+        value -= 65536;
+    }
+
+    return value;
+}
+
+uint decode_u8(float r) {
+    uint value = uint(r * 255.0 + 0.5);
+    return value;
+}
+
+
+
+
+vec4 uvw2c_r(vec3 uv) {    
+    vec2 va = texture(tex, uv).ra;
+
+    va.x = transfer_func(H, va.x, min_value, max_value);
+
+    va.x = mix(va.x, 1.0 - va.x, reversed);
+
+    vec4 c = colormap_f(va.x);
+    return apply_tonal(c);
+}
+
+vec4 uvw2c_rgba(vec3 uv) {
+    vec4 c = texture(tex, uv).rgba;
+
+    c.r = transfer_func(H, c.r, min_value, max_value);
+    c.g = transfer_func(H, c.g, min_value, max_value);
+    c.b = transfer_func(H, c.b, min_value, max_value);
+
+    c.rgb = mix(c.rgb, 1.0 - c.rgb, reversed);
+
+    return apply_tonal(c);
+}
+
+vec4 uvw2c_ra(vec3 uv) {
+    vec2 c = texture(tex, uv).rg;
+
+    c.r = transfer_func(H, c.r, min_value, max_value);
+
+    c.r = mix(c.r, 1.0 - c.r, reversed);
+
+    vec3 color = colormap_f(c.r).rgb;
+
+    return apply_tonal(vec4(color, c.g));
+}
+
+vec4 uvw2cmap_rgba(vec3 uv) {    
+    float v = texture(tex, uv).r;
+    v = transfer_func(H, v, min_value, max_value);
+    vec4 c = colormap_f(v);
+    c.rgb = mix(c.rgb, 1.0 - c.rgb, reversed);
+
+    return apply_tonal(c);
+}
+
+vec4 val2c_f32(float x) {
+    float alpha = x * scale + offset;
+    alpha = transfer_func(H, alpha, min_value, max_value);
+
+    alpha = mix(alpha, 1.0 - alpha, reversed);
+
+    vec4 new_color = mix(colormap_f(alpha), vec4(0.0), float(isinf(x)));
+    return apply_tonal(new_color);
+}
+
+vec4 val2c(float x) {
+    float alpha = x * scale + offset;
+    alpha = transfer_func(H, alpha, min_value, max_value);
+
+    alpha = mix(alpha, 1.0 - alpha, reversed);
+
+    vec4 new_color = mix(colormap_f(alpha), vec4(0.0), float(x == blank || isnan(x)));
+    return apply_tonal(new_color);
+}
+
+vec4 uvw2c_f32(vec3 uv) {
+    float val = decode_f32(texture(tex, uv).rgba*255.0);
+    return val2c_f32(val);
+}
+
+vec4 uvw2c_i32(vec3 uv) {
+    float val = float(decode_i32(texture(tex, uv).rgba));
+    return val2c(val);
+}
+
+vec4 uvw2c_i16(vec3 uv) {
+    float val = float(decode_i16(texture(tex, uv).rg));
+    return val2c(val);
+}
+
+vec4 uvw2c_u8(vec3 uv) {
+    float val = float(decode_u8(texture(tex, uv).r));
+    return val2c(val);
+}
+
+void main() {
+    vec4 color_start = uvw2cmap_rgba(frag_uv_start);
+    vec4 color_end = uvw2cmap_rgba(frag_uv_end);
+
+    out_frag_color = mix(color_start, color_end, frag_blending_factor);
+    out_frag_color.a = opacity * out_frag_color.a;
+}"#,
+    );
+    out.insert(
+        r"catalogs_mercator.vert",
+        r#"#version 300 es
+precision lowp float;
+layout (location = 0) in vec2 offset;
+layout (location = 1) in vec2 uv;
+layout (location = 2) in vec3 center;
+
+uniform float current_time;
+uniform mat3 inv_model;
+
+uniform vec2 ndc_to_clip;
+uniform float czf;
+uniform vec2 kernel_size;
+
+out vec2 out_uv;
+out vec3 out_p;
+
+const float PI = 3.141592653589793;
+const float SQRT_2 = 1.41421356237309504880168872420969808;
+
+vec2 w2c_sin(vec3 p) {
+    vec2 q = vec2(-p.x, p.y);
+    return p.z >= 0.f ? q : normalize(q);
+}
+
+vec2 w2c_sin_no_backface(vec3 p) {
+    return vec2(-p.x, p.y);
+}
+
+vec2 w2c_ait(vec3 p) {
+    float r = length(p.zx);
+    float w = sqrt((r * (r + p.z)) * 0.5f); // = cos(b) cos(l/2)
+    w = sqrt((1.0 + w) * 0.5f);             // = 1 / gamma
+    float y2d = p.y / w;
+
+    float x2d = 0.0;
+    if (abs(p.x) < 5e-3) {
+        float x_over_r = p.x/r;
+        x2d = -p.x * (1.0 - x_over_r*x_over_r/21.0) / w;
+    } else {
+        w = sqrt((r*r - r*p.z) * 2.0) / w; // = 2 * gamma * cos(b) sin(l/2)
+        x2d = sign(-p.x) * w;
+    }
+
+    return vec2(x2d * 0.5, y2d) / SQRT_2;
+}
+const float eps = 1.25e-8;
+const int n_iter = 100;
+
+float newton_solve(float z) {
+    float cte = PI * z;
+    float x = 2.0 * asin(z);
+    float f = x + sin(x) - cte; 
+    int i = 0;
+    while (abs(f) > eps && i < n_iter) {
+        x -= f / (1.0 + cos(x));
+        f = x + sin(x) - cte;
+        i += 1;
+    }
+
+    return 0.5 * x;
+}
+
+vec2 w2c_mol(vec3 p) {
+    float g = newton_solve(p.y);
+
+    float sg = sin(g);
+    float cg = cos(g);
+    return vec2((atan(-p.x, p.z) * cg) / PI, sg);
+}
+vec2 w2c_tan(vec3 p) {
+    p.z = max(p.z, 1e-2);
+    return vec2(-p.x, p.y) / (p.z*PI);
+}
+vec2 w2c_stg(vec3 p) {
+    float w = (1.0 + p.z) * 0.5;
+    return vec2(-p.x, p.y) / (PI * w);
+}
+vec2 w2c_zea(vec3 p) {
+    float w = sqrt(0.5 + 0.5 * p.z); // <=> sqrt[(1 + x) / 2]
+    return vec2(-p.x, p.y) * 0.5 / w;
+}
+vec2 w2c_mer(vec3 p) {
+    return vec2(atan(-p.x, p.z), atanh(p.y)) / PI;
+}
+
+vec3 lonlat2xyz(vec2 lonlat) {
+    float t = lonlat.x;
+    float tc = cos(t);
+    float ts = sin(t);
+
+    float d = lonlat.y;
+    float dc = cos(d);
+    float ds = sin(d);
+
+    return vec3(dc * ts, ds, dc * tc);
+}
+
+uniform int u_proj;
+
+vec2 proj(vec3 p) {
+    if (u_proj == 0) {
+        return w2c_tan(p);
+    } else if (u_proj == 1) {
+        return w2c_stg(p);
+    } else if (u_proj == 2) {
+        return w2c_sin(p);
+    } else if (u_proj == 3) {
+        return w2c_zea(p);
+    } else if (u_proj == 4) {
+        return w2c_ait(p);
+    } else if (u_proj == 5) {
+        return w2c_mol(p);
+    } else {
+        return w2c_mer(p);
+    }
+}
+
+
+void main() {
+    vec3 p = inv_model * center;
+
+    vec2 center_pos_clip_space = world2clip_mercator(p);
+
+    vec2 pos_clip_space = center_pos_clip_space;
+    gl_Position = vec4((pos_clip_space / (ndc_to_clip * czf)) + offset * kernel_size , 0.f, 1.f);
+
+    out_uv = uv;
+    out_p = p;
+}"#,
+    );
+    out.insert(
+        r"catalogs_tan.vert",
+        r#"#version 300 es
+precision lowp float;
+
+layout (location = 0) in vec2 offset;
+layout (location = 1) in vec2 uv;
+layout (location = 2) in vec3 center;
+
+uniform float current_time;
+uniform mat3 inv_model;
+
+uniform vec2 ndc_to_clip;
+uniform float czf;
+uniform vec2 kernel_size;
+
+out vec2 out_uv;
+out vec3 out_p;
+
+const float PI = 3.141592653589793;
+const float SQRT_2 = 1.41421356237309504880168872420969808;
+
+vec2 w2c_sin(vec3 p) {
+    vec2 q = vec2(-p.x, p.y);
+    return p.z >= 0.f ? q : normalize(q);
+}
+
+vec2 w2c_sin_no_backface(vec3 p) {
+    return vec2(-p.x, p.y);
+}
+
+vec2 w2c_ait(vec3 p) {
+    float r = length(p.zx);
+    float w = sqrt((r * (r + p.z)) * 0.5f); // = cos(b) cos(l/2)
+    w = sqrt((1.0 + w) * 0.5f);             // = 1 / gamma
+    float y2d = p.y / w;
+
+    float x2d = 0.0;
+    if (abs(p.x) < 5e-3) {
+        float x_over_r = p.x/r;
+        x2d = -p.x * (1.0 - x_over_r*x_over_r/21.0) / w;
+    } else {
+        w = sqrt((r*r - r*p.z) * 2.0) / w; // = 2 * gamma * cos(b) sin(l/2)
+        x2d = sign(-p.x) * w;
+    }
+
+    return vec2(x2d * 0.5, y2d) / SQRT_2;
+}
+const float eps = 1.25e-8;
+const int n_iter = 100;
+
+float newton_solve(float z) {
+    float cte = PI * z;
+    float x = 2.0 * asin(z);
+    float f = x + sin(x) - cte; 
+    int i = 0;
+    while (abs(f) > eps && i < n_iter) {
+        x -= f / (1.0 + cos(x));
+        f = x + sin(x) - cte;
+        i += 1;
+    }
+
+    return 0.5 * x;
+}
+
+vec2 w2c_mol(vec3 p) {
+    float g = newton_solve(p.y);
+
+    float sg = sin(g);
+    float cg = cos(g);
+    return vec2((atan(-p.x, p.z) * cg) / PI, sg);
+}
+vec2 w2c_tan(vec3 p) {
+    p.z = max(p.z, 1e-2);
+    return vec2(-p.x, p.y) / (p.z*PI);
+}
+vec2 w2c_stg(vec3 p) {
+    float w = (1.0 + p.z) * 0.5;
+    return vec2(-p.x, p.y) / (PI * w);
+}
+vec2 w2c_zea(vec3 p) {
+    float w = sqrt(0.5 + 0.5 * p.z); // <=> sqrt[(1 + x) / 2]
+    return vec2(-p.x, p.y) * 0.5 / w;
+}
+vec2 w2c_mer(vec3 p) {
+    return vec2(atan(-p.x, p.z), atanh(p.y)) / PI;
+}
+
+vec3 lonlat2xyz(vec2 lonlat) {
+    float t = lonlat.x;
+    float tc = cos(t);
+    float ts = sin(t);
+
+    float d = lonlat.y;
+    float dc = cos(d);
+    float ds = sin(d);
+
+    return vec3(dc * ts, ds, dc * tc);
+}
+
+uniform int u_proj;
+
+vec2 proj(vec3 p) {
+    if (u_proj == 0) {
+        return w2c_tan(p);
+    } else if (u_proj == 1) {
+        return w2c_stg(p);
+    } else if (u_proj == 2) {
+        return w2c_sin(p);
+    } else if (u_proj == 3) {
+        return w2c_zea(p);
+    } else if (u_proj == 4) {
+        return w2c_ait(p);
+    } else if (u_proj == 5) {
+        return w2c_mol(p);
+    } else {
+        return w2c_mer(p);
+    }
+}
+
+
+void main() {
+    vec3 p = inv_model * center;
+
+    vec2 center_pos_clip_space = world2clip_gnomonic(p);
+
+    vec2 pos_clip_space = center_pos_clip_space;
+    gl_Position = vec4((pos_clip_space / (ndc_to_clip * czf)) + offset * kernel_size , 0.f, 1.f);
+
+    out_uv = uv;
+    out_p = p;
+}"#,
+    );
+    out.insert(
+        r"moc_base.frag",
+        r#"#version 300 es
+
+precision lowp float;
+out vec4 color;
+
+uniform vec4 u_color;
+
+void main() {
+    color = u_color;
+}"#,
+    );
+    out.insert(
+        r"fits_i32.frag",
+        r#"#version 300 es
+precision lowp float;
+precision lowp sampler2D;
+precision mediump int;
+
+out vec4 out_frag_color;
+in vec2 frag_uv;
+
+uniform sampler2D tex;
+uniform float opacity;
+
+uniform float scale;
+uniform float offset;
+uniform float blank;
+uniform float min_value;
+uniform float max_value;
+uniform int H;
+uniform float reversed;
+
+uniform sampler2D colormaps;
+uniform float num_colormaps;
+uniform float colormap_id;
+
+vec4 colormap_f(float x) {
+    float id = (colormap_id + 0.5) / num_colormaps;
+    return texture(colormaps, vec2(x, id));
+}
+float linear_f(float x, float min_value, float max_value) {
+    return clamp((x - min_value)/(max_value - min_value), 0.0, 1.0);
+}
+
+float sqrt_f(float x, float min_value, float max_value) {
+    float a = linear_f(x, min_value, max_value);
+    return sqrt(a);
+}
+
+float log_f(float x, float min_value, float max_value) {
+    float y = linear_f(x, min_value, max_value);
+    float a = 1000.0;
+    return log(a*y + 1.0)/log(a);
+}
+
+float asinh_f(float x, float min_value, float max_value) {
+    float d = linear_f(x, min_value, max_value);
+    return asinh(10.0*d)/3.0;
+}
+
+float pow2_f(float x, float min_value, float max_value) {
+    float d = linear_f(x, min_value, max_value);
+    return d*d;
+}
+
+float transfer_func(int H, float x, float min_value, float max_value) {
+    if (H == 0) {
+        return linear_f(x, min_value, max_value);
+    } else if (H == 1) {
+        return sqrt_f(x, min_value, max_value);
+    } else if (H == 2) {
+        return log_f(x, min_value, max_value);
+    } else if (H == 3) {
+        return asinh_f(x, min_value, max_value);
+    } else {
+        return pow2_f(x, min_value, max_value);
+    }
+}
+
+uniform float k_gamma;
+uniform float k_saturation;
+uniform float k_contrast;
+uniform float k_brightness;
+uniform float k_exposure;
+
+vec4 apply_gamma(vec4 ic, float g) {
+    float new_r = pow(ic.r, g);
+    float new_g = pow(ic.g, g);
+    float new_b = pow(ic.b, g);
+
+    return vec4(new_r, new_g, new_b, ic.a);
+}
+
+vec4 apply_saturation(vec4 color, float value) {
+    const vec3 luminosity_factor = vec3(0.2126, 0.7152, 0.0722);
+    vec3 grayscale = vec3(dot(color.rgb, luminosity_factor));
+    
+    return vec4(mix(grayscale, color.rgb, 1.0 + value), color.a);
+}
+
+vec4 apply_contrast(vec4 color, float value) {
+    return vec4(0.5 + (1.0 + value) * (color.rgb - 0.5), color.a);
+}
+
+vec4 apply_brightness(vec4 color, float value) {
+    return vec4(color.rgb + value, color.a);
+}
+
+vec4 apply_exposure(vec4 color, float value) {
+    return vec4((1.0 + value) * color.rgb, color.a);
+}
+
+vec4 apply_tonal(vec4 color) {
+  return apply_gamma(
+    apply_saturation(
+      apply_contrast(
+        apply_brightness(color, k_brightness),
+        k_contrast
+      ),
+      k_saturation
+    ),
+    k_gamma
+  );
+}
+highp float decode_f32(highp vec4 rgba) {
+    highp float Sign = 1.0 - step(128.0,rgba[0])*2.0;
+    highp float Exponent = 2.0 * mod(rgba[0],128.0) + step(128.0,rgba[1]) - 127.0; 
+    if (abs(Exponent + 127.0) < 1e-3) {
+        return 0.0;
+    }
+    highp float Mantissa = mod(rgba[1],128.0)*65536.0 + rgba[2]*256.0 +rgba[3] + float(0x800000);
+    highp float Result =  Sign * exp2(Exponent) * (Mantissa * exp2(-23.0 )); 
+    return Result;
+}
+
+int decode_i32(vec4 rgba) {
+    int r = int(rgba.r * 255.0 + 0.5);
+    int g = int(rgba.g * 255.0 + 0.5);
+    int b = int(rgba.b * 255.0 + 0.5);
+    int a = int(rgba.a * 255.0 + 0.5);
+
+    int value = (r << 24) | (g << 16) | (b << 8) | a; // Combine into a 16-bit integer
+
+    return value;
+}
+
+int decode_i16(vec2 rg) {
+    int r = int(rg.r * 255.0 + 0.5);
+    int g = int(rg.g * 255.0 + 0.5);
+
+    int value = (r << 8) | g; // Combine into a 16-bit integer
+
+    if (value >= 32768) {
+        value -= 65536;
+    }
+
+    return value;
+}
+
+uint decode_u8(float r) {
+    uint value = uint(r * 255.0 + 0.5);
+    return value;
+}
+
+
+
+
+
+vec4 val2c_f32(float x) {
+    float alpha = x * scale + offset;
+    alpha = transfer_func(H, alpha, min_value, max_value);
+
+    alpha = mix(alpha, 1.0 - alpha, reversed);
+
+    vec4 new_color = mix(colormap_f(alpha), vec4(0.0), float(isinf(x)));
+    return apply_tonal(new_color);
+}
+
+vec4 val2c(float x) {
+    float alpha = x * scale + offset;
+    alpha = transfer_func(H, alpha, min_value, max_value);
+
+    alpha = mix(alpha, 1.0 - alpha, reversed);
+
+    vec4 new_color = mix(colormap_f(alpha), vec4(0.0), float(x == blank || isnan(x)));
+    return apply_tonal(new_color);
+}
+
+vec4 uv2c_f32(vec2 uv) {
+    float val = decode_f32(texture(tex, uv).rgba*255.0);
+    return val2c_f32(val);
+}
+
+vec4 uv2c_i32(vec2 uv) {
+    float val = float(decode_i32(texture(tex, uv).rgba));
+    return val2c(val);
+}
+
+vec4 uv2c_i16(vec2 uv) {
+    float val = float(decode_i16(texture(tex, uv).rg));
+    return val2c(val);
+}
+
+vec4 uv2c_u8(vec2 uv) {
+    float val = float(decode_u8(texture(tex, uv).r));
+    return val2c(val);
+}
+
+void main() {
+    vec2 uv = frag_uv;
+    uv.y = 1.0 - uv.y;
+
+    out_frag_color = uv2c_i32(frag_uv);
+    out_frag_color.a = out_frag_color.a * opacity;
+}"#,
+    );
+    out.insert(
+        r"hips3d_f32.frag",
+        r#"#version 300 es
+precision lowp float;
+precision lowp sampler3D;
+
+uniform sampler3D tex;
+
+in vec3 frag_uv;
+
+out vec4 out_frag_color;
+
+uniform float scale;
+uniform float offset;
+uniform float blank;
+uniform float min_value;
+uniform float max_value;
+uniform int H;
+uniform float reversed;
+
+uniform sampler2D colormaps;
+uniform float num_colormaps;
+uniform float colormap_id;
+
+vec4 colormap_f(float x) {
+    float id = (colormap_id + 0.5) / num_colormaps;
+    return texture(colormaps, vec2(x, id));
+}
+float linear_f(float x, float min_value, float max_value) {
+    return clamp((x - min_value)/(max_value - min_value), 0.0, 1.0);
+}
+
+float sqrt_f(float x, float min_value, float max_value) {
+    float a = linear_f(x, min_value, max_value);
+    return sqrt(a);
+}
+
+float log_f(float x, float min_value, float max_value) {
+    float y = linear_f(x, min_value, max_value);
+    float a = 1000.0;
+    return log(a*y + 1.0)/log(a);
+}
+
+float asinh_f(float x, float min_value, float max_value) {
+    float d = linear_f(x, min_value, max_value);
+    return asinh(10.0*d)/3.0;
+}
+
+float pow2_f(float x, float min_value, float max_value) {
+    float d = linear_f(x, min_value, max_value);
+    return d*d;
+}
+
+float transfer_func(int H, float x, float min_value, float max_value) {
+    if (H == 0) {
+        return linear_f(x, min_value, max_value);
+    } else if (H == 1) {
+        return sqrt_f(x, min_value, max_value);
+    } else if (H == 2) {
+        return log_f(x, min_value, max_value);
+    } else if (H == 3) {
+        return asinh_f(x, min_value, max_value);
+    } else {
+        return pow2_f(x, min_value, max_value);
+    }
+}
+
+uniform float k_gamma;
+uniform float k_saturation;
+uniform float k_contrast;
+uniform float k_brightness;
+uniform float k_exposure;
+
+vec4 apply_gamma(vec4 ic, float g) {
+    float new_r = pow(ic.r, g);
+    float new_g = pow(ic.g, g);
+    float new_b = pow(ic.b, g);
+
+    return vec4(new_r, new_g, new_b, ic.a);
+}
+
+vec4 apply_saturation(vec4 color, float value) {
+    const vec3 luminosity_factor = vec3(0.2126, 0.7152, 0.0722);
+    vec3 grayscale = vec3(dot(color.rgb, luminosity_factor));
+    
+    return vec4(mix(grayscale, color.rgb, 1.0 + value), color.a);
+}
+
+vec4 apply_contrast(vec4 color, float value) {
+    return vec4(0.5 + (1.0 + value) * (color.rgb - 0.5), color.a);
+}
+
+vec4 apply_brightness(vec4 color, float value) {
+    return vec4(color.rgb + value, color.a);
+}
+
+vec4 apply_exposure(vec4 color, float value) {
+    return vec4((1.0 + value) * color.rgb, color.a);
+}
+
+vec4 apply_tonal(vec4 color) {
+  return apply_gamma(
+    apply_saturation(
+      apply_contrast(
+        apply_brightness(color, k_brightness),
+        k_contrast
+      ),
+      k_saturation
+    ),
+    k_gamma
+  );
+}
+vec3 rgb2hsv(vec3 c) {
+    vec4 K = vec4(0.0, -1.0 / 3.0, 2.0 / 3.0, -1.0);
+    vec4 p = mix(vec4(c.bg, K.wz), vec4(c.gb, K.xy), step(c.b, c.g));
+    vec4 q = mix(vec4(p.xyw, c.r), vec4(c.r, p.yzx), step(p.x, c.r));
+
+    float d = q.x - min(q.w, q.y);
+    float e = 1.0e-10;
+    return vec3(abs(q.z + (q.w - q.y) / (6.0 * d + e)), d / (q.x + e), q.x);
+}
+
+vec3 hsv2rgb(vec3 c) {
+    vec4 K = vec4(1.0, 2.0 / 3.0, 1.0 / 3.0, 3.0);
+    vec3 p = abs(fract(c.xxx + K.xyz) * 6.0 - K.www);
+    return c.z * mix(K.xxx, clamp(p - K.xxx, 0.0, 1.0), c.y);
+}
+highp float decode_f32(highp vec4 rgba) {
+    highp float Sign = 1.0 - step(128.0,rgba[0])*2.0;
+    highp float Exponent = 2.0 * mod(rgba[0],128.0) + step(128.0,rgba[1]) - 127.0; 
+    if (abs(Exponent + 127.0) < 1e-3) {
+        return 0.0;
+    }
+    highp float Mantissa = mod(rgba[1],128.0)*65536.0 + rgba[2]*256.0 +rgba[3] + float(0x800000);
+    highp float Result =  Sign * exp2(Exponent) * (Mantissa * exp2(-23.0 )); 
+    return Result;
+}
+
+int decode_i32(vec4 rgba) {
+    int r = int(rgba.r * 255.0 + 0.5);
+    int g = int(rgba.g * 255.0 + 0.5);
+    int b = int(rgba.b * 255.0 + 0.5);
+    int a = int(rgba.a * 255.0 + 0.5);
+
+    int value = (r << 24) | (g << 16) | (b << 8) | a; // Combine into a 16-bit integer
+
+    return value;
+}
+
+int decode_i16(vec2 rg) {
+    int r = int(rg.r * 255.0 + 0.5);
+    int g = int(rg.g * 255.0 + 0.5);
+
+    int value = (r << 8) | g; // Combine into a 16-bit integer
+
+    if (value >= 32768) {
+        value -= 65536;
+    }
+
+    return value;
+}
+
+uint decode_u8(float r) {
+    uint value = uint(r * 255.0 + 0.5);
+    return value;
+}
+
+
+
+
+vec4 uvw2c_r(vec3 uv) {    
+    vec2 va = texture(tex, uv).ra;
+
+    va.x = transfer_func(H, va.x, min_value, max_value);
+
+    va.x = mix(va.x, 1.0 - va.x, reversed);
+
+    vec4 c = colormap_f(va.x);
+    return apply_tonal(c);
+}
+
+vec4 uvw2c_rgba(vec3 uv) {
+    vec4 c = texture(tex, uv).rgba;
+
+    c.r = transfer_func(H, c.r, min_value, max_value);
+    c.g = transfer_func(H, c.g, min_value, max_value);
+    c.b = transfer_func(H, c.b, min_value, max_value);
+
+    c.rgb = mix(c.rgb, 1.0 - c.rgb, reversed);
+
+    return apply_tonal(c);
+}
+
+vec4 uvw2c_ra(vec3 uv) {
+    vec2 c = texture(tex, uv).rg;
+
+    c.r = transfer_func(H, c.r, min_value, max_value);
+
+    c.r = mix(c.r, 1.0 - c.r, reversed);
+
+    vec3 color = colormap_f(c.r).rgb;
+
+    return apply_tonal(vec4(color, c.g));
+}
+
+vec4 uvw2cmap_rgba(vec3 uv) {    
+    float v = texture(tex, uv).r;
+    v = transfer_func(H, v, min_value, max_value);
+    vec4 c = colormap_f(v);
+    c.rgb = mix(c.rgb, 1.0 - c.rgb, reversed);
+
+    return apply_tonal(c);
+}
+
+vec4 val2c_f32(float x) {
+    float alpha = x * scale + offset;
+    alpha = transfer_func(H, alpha, min_value, max_value);
+
+    alpha = mix(alpha, 1.0 - alpha, reversed);
+
+    vec4 new_color = mix(colormap_f(alpha), vec4(0.0), float(isinf(x)));
+    return apply_tonal(new_color);
+}
+
+vec4 val2c(float x) {
+    float alpha = x * scale + offset;
+    alpha = transfer_func(H, alpha, min_value, max_value);
+
+    alpha = mix(alpha, 1.0 - alpha, reversed);
+
+    vec4 new_color = mix(colormap_f(alpha), vec4(0.0), float(x == blank || isnan(x)));
+    return apply_tonal(new_color);
+}
+
+vec4 uvw2c_f32(vec3 uv) {
+    float val = decode_f32(texture(tex, uv).rgba*255.0);
+    return val2c_f32(val);
+}
+
+vec4 uvw2c_i32(vec3 uv) {
+    float val = float(decode_i32(texture(tex, uv).rgba));
+    return val2c(val);
+}
+
+vec4 uvw2c_i16(vec3 uv) {
+    float val = float(decode_i16(texture(tex, uv).rg));
+    return val2c(val);
+}
+
+vec4 uvw2c_u8(vec3 uv) {
+    float val = float(decode_u8(texture(tex, uv).r));
+    return val2c(val);
+}
+
+uniform float opacity;
+
+void main() {
+    vec3 uv = vec3(frag_uv.xyz);
+    uv.y = 1.0 - uv.y;
+
+    vec4 color = uvw2c_f32(uv);
+
+    out_frag_color = color;
+    out_frag_color.a = out_frag_color.a * opacity;
+}"#,
+    );
+    out.insert(
+        r"hips_raytracer_rgba.frag",
+        r#"#version 300 es
+precision lowp float;
+precision lowp sampler2DArray;
+precision mediump int;
+
+uniform sampler2DArray tex;
+
+in vec2 out_clip_pos;
+in vec3 frag_pos;
+out vec4 out_frag_color;
+
+struct Tile {
+    int uniq; // Healpix cell
+    int texture_idx; // Index in the texture buffer
+    float start_time; // Absolute time that the load has been done in ms
+    float empty;
+};
+
+uniform Tile textures_tiles[12];
+
+uniform float scale;
+uniform float offset;
+uniform float blank;
+uniform float min_value;
+uniform float max_value;
+uniform int H;
+uniform float reversed;
+
+uniform sampler2D colormaps;
+uniform float num_colormaps;
+uniform float colormap_id;
+
+vec4 colormap_f(float x) {
+    float id = (colormap_id + 0.5) / num_colormaps;
+    return texture(colormaps, vec2(x, id));
+}
+float linear_f(float x, float min_value, float max_value) {
+    return clamp((x - min_value)/(max_value - min_value), 0.0, 1.0);
+}
+
+float sqrt_f(float x, float min_value, float max_value) {
+    float a = linear_f(x, min_value, max_value);
+    return sqrt(a);
+}
+
+float log_f(float x, float min_value, float max_value) {
+    float y = linear_f(x, min_value, max_value);
+    float a = 1000.0;
+    return log(a*y + 1.0)/log(a);
+}
+
+float asinh_f(float x, float min_value, float max_value) {
+    float d = linear_f(x, min_value, max_value);
+    return asinh(10.0*d)/3.0;
+}
+
+float pow2_f(float x, float min_value, float max_value) {
+    float d = linear_f(x, min_value, max_value);
+    return d*d;
+}
+
+float transfer_func(int H, float x, float min_value, float max_value) {
+    if (H == 0) {
+        return linear_f(x, min_value, max_value);
+    } else if (H == 1) {
+        return sqrt_f(x, min_value, max_value);
+    } else if (H == 2) {
+        return log_f(x, min_value, max_value);
+    } else if (H == 3) {
+        return asinh_f(x, min_value, max_value);
+    } else {
+        return pow2_f(x, min_value, max_value);
+    }
+}
+
+uniform float k_gamma;
+uniform float k_saturation;
+uniform float k_contrast;
+uniform float k_brightness;
+uniform float k_exposure;
+
+vec4 apply_gamma(vec4 ic, float g) {
+    float new_r = pow(ic.r, g);
+    float new_g = pow(ic.g, g);
+    float new_b = pow(ic.b, g);
+
+    return vec4(new_r, new_g, new_b, ic.a);
+}
+
+vec4 apply_saturation(vec4 color, float value) {
+    const vec3 luminosity_factor = vec3(0.2126, 0.7152, 0.0722);
+    vec3 grayscale = vec3(dot(color.rgb, luminosity_factor));
+    
+    return vec4(mix(grayscale, color.rgb, 1.0 + value), color.a);
+}
+
+vec4 apply_contrast(vec4 color, float value) {
+    return vec4(0.5 + (1.0 + value) * (color.rgb - 0.5), color.a);
+}
+
+vec4 apply_brightness(vec4 color, float value) {
+    return vec4(color.rgb + value, color.a);
+}
+
+vec4 apply_exposure(vec4 color, float value) {
+    return vec4((1.0 + value) * color.rgb, color.a);
+}
+
+vec4 apply_tonal(vec4 color) {
+  return apply_gamma(
+    apply_saturation(
+      apply_contrast(
+        apply_brightness(color, k_brightness),
+        k_contrast
+      ),
+      k_saturation
+    ),
+    k_gamma
+  );
+}
+vec3 rgb2hsv(vec3 c) {
+    vec4 K = vec4(0.0, -1.0 / 3.0, 2.0 / 3.0, -1.0);
+    vec4 p = mix(vec4(c.bg, K.wz), vec4(c.gb, K.xy), step(c.b, c.g));
+    vec4 q = mix(vec4(p.xyw, c.r), vec4(c.r, p.yzx), step(p.x, c.r));
+
+    float d = q.x - min(q.w, q.y);
+    float e = 1.0e-10;
+    return vec3(abs(q.z + (q.w - q.y) / (6.0 * d + e)), d / (q.x + e), q.x);
+}
+
+vec3 hsv2rgb(vec3 c) {
+    vec4 K = vec4(1.0, 2.0 / 3.0, 1.0 / 3.0, 3.0);
+    vec3 p = abs(fract(c.xxx + K.xyz) * 6.0 - K.www);
+    return c.z * mix(K.xxx, clamp(p - K.xxx, 0.0, 1.0), c.y);
+}
+highp float decode_f32(highp vec4 rgba) {
+    highp float Sign = 1.0 - step(128.0,rgba[0])*2.0;
+    highp float Exponent = 2.0 * mod(rgba[0],128.0) + step(128.0,rgba[1]) - 127.0; 
+    if (abs(Exponent + 127.0) < 1e-3) {
+        return 0.0;
+    }
+    highp float Mantissa = mod(rgba[1],128.0)*65536.0 + rgba[2]*256.0 +rgba[3] + float(0x800000);
+    highp float Result =  Sign * exp2(Exponent) * (Mantissa * exp2(-23.0 )); 
+    return Result;
+}
+
+int decode_i32(vec4 rgba) {
+    int r = int(rgba.r * 255.0 + 0.5);
+    int g = int(rgba.g * 255.0 + 0.5);
+    int b = int(rgba.b * 255.0 + 0.5);
+    int a = int(rgba.a * 255.0 + 0.5);
+
+    int value = (r << 24) | (g << 16) | (b << 8) | a; // Combine into a 16-bit integer
+
+    return value;
+}
+
+int decode_i16(vec2 rg) {
+    int r = int(rg.r * 255.0 + 0.5);
+    int g = int(rg.g * 255.0 + 0.5);
+
+    int value = (r << 8) | g; // Combine into a 16-bit integer
+
+    if (value >= 32768) {
+        value -= 65536;
+    }
+
+    return value;
+}
+
+uint decode_u8(float r) {
+    uint value = uint(r * 255.0 + 0.5);
+    return value;
+}
+
+
+
+
+vec4 uvw2c_r(vec3 uv) {    
+    vec2 va = texture(tex, uv).ra;
+
+    va.x = transfer_func(H, va.x, min_value, max_value);
+
+    va.x = mix(va.x, 1.0 - va.x, reversed);
+
+    vec4 c = colormap_f(va.x);
+    return apply_tonal(c);
+}
+
+vec4 uvw2c_rgba(vec3 uv) {
+    vec4 c = texture(tex, uv).rgba;
+
+    c.r = transfer_func(H, c.r, min_value, max_value);
+    c.g = transfer_func(H, c.g, min_value, max_value);
+    c.b = transfer_func(H, c.b, min_value, max_value);
+
+    c.rgb = mix(c.rgb, 1.0 - c.rgb, reversed);
+
+    return apply_tonal(c);
+}
+
+vec4 uvw2c_ra(vec3 uv) {
+    vec2 c = texture(tex, uv).rg;
+
+    c.r = transfer_func(H, c.r, min_value, max_value);
+
+    c.r = mix(c.r, 1.0 - c.r, reversed);
+
+    vec3 color = colormap_f(c.r).rgb;
+
+    return apply_tonal(vec4(color, c.g));
+}
+
+vec4 uvw2cmap_rgba(vec3 uv) {    
+    float v = texture(tex, uv).r;
+    v = transfer_func(H, v, min_value, max_value);
+    vec4 c = colormap_f(v);
+    c.rgb = mix(c.rgb, 1.0 - c.rgb, reversed);
+
+    return apply_tonal(c);
+}
+
+vec4 val2c_f32(float x) {
+    float alpha = x * scale + offset;
+    alpha = transfer_func(H, alpha, min_value, max_value);
+
+    alpha = mix(alpha, 1.0 - alpha, reversed);
+
+    vec4 new_color = mix(colormap_f(alpha), vec4(0.0), float(isinf(x)));
+    return apply_tonal(new_color);
+}
+
+vec4 val2c(float x) {
+    float alpha = x * scale + offset;
+    alpha = transfer_func(H, alpha, min_value, max_value);
+
+    alpha = mix(alpha, 1.0 - alpha, reversed);
+
+    vec4 new_color = mix(colormap_f(alpha), vec4(0.0), float(x == blank || isnan(x)));
+    return apply_tonal(new_color);
+}
+
+vec4 uvw2c_f32(vec3 uv) {
+    float val = decode_f32(texture(tex, uv).rgba*255.0);
+    return val2c_f32(val);
+}
+
+vec4 uvw2c_i32(vec3 uv) {
+    float val = float(decode_i32(texture(tex, uv).rgba));
+    return val2c(val);
+}
+
+vec4 uvw2c_i16(vec3 uv) {
+    float val = float(decode_i16(texture(tex, uv).rg));
+    return val2c(val);
+}
+
+vec4 uvw2c_u8(vec3 uv) {
+    float val = float(decode_u8(texture(tex, uv).r));
+    return val2c(val);
+}
+const float TWICE_PI = 6.28318530718;
+const float PI = 3.141592653589793;
+const float FOUR_OVER_PI = 1.27323954474;
+const float TRANSITION_Z = 0.66666666666;
+const float TRANSITION_Z_INV = 1.5;
+
+int quarter(vec2 p) {
+    int x_neg = int(p.x < 0.0);
+    int y_neg = int(p.y < 0.0);
+    int q = (x_neg + y_neg) | (y_neg << 1);
+    return q;
+}
+
+float xpm1(vec2 p) {
+    bool x_neg = (p.x < 0.0);
+    bool y_neg = (p.y < 0.0);
+    float lon = atan(abs(p.y), abs(p.x));
+    float x02 = lon * FOUR_OVER_PI;
+    if (x_neg != y_neg) { // Could be replaced by a sign copy from (x_neg ^ y_neg) << 32
+        return 1.0 - x02;
+    } else {
+        return x02 - 1.0;
+    }
+}
+
+float one_minus_z_pos(vec3 p) {
+    float d2 = dot(p.xy, p.xy); // z = sqrt(1 - d2) AND sqrt(1 - x) = 1 - x / 2 - x^2 / 8 - x^3 / 16 - 5 x^4/128 - 7 * x^5/256
+
+    if (d2 < 1e-1) { // <=> dec > 84.27 deg
+        return d2 * (0.5 + d2 * (0.125 + d2 * (0.0625 + d2 * (0.0390625 + d2 * 0.02734375))));
+    }
+    return 1.0f - p.z;
+}
+
+float one_minus_z_neg(vec3 p) {
+    float d2 = dot(p.xy, p.xy); // z = sqrt(1 - d2) AND sqrt(1 - x) = 1 - x / 2 - x^2 / 8 - x^3 / 16 - 5 x^4/128 - 7 * x^5/256
+    if (d2 < 1e-1f) { // <=> dec < -84.27 deg
+        return d2 * (0.5 + d2 * (0.125 + d2 * (0.0625 + d2 * (0.0390625 + d2 * 0.02734375))));
+    }
+    return p.z + 1.0;
+}
+
+int ij2z(int i, int j) {
+    int i4 = i | (j << 2);
+
+    int j4 = (i4 ^ (i4 >> 1)) & 0x22222222;
+    int i5 = i4 ^ j4 ^ (j4 << 1);
+
+    return i5;
+}
+
+struct HashDxDy {
+    int idx;
+    float dx;
+    float dy;
+};
+
+uniform sampler2D ang2pixd;
+HashDxDy hash_with_dxdy2(vec2 radec) {
+    vec2 aa = vec2(radec.x/TWICE_PI + 1.0, (radec.y/PI) + 0.5);
+    vec3 v = texture(ang2pixd, aa).rgb;
+    return HashDxDy(
+        int(v.x * 255.0),
+        v.y,
+        v.z
+    );
+}
+HashDxDy hash_with_dxdy(int depth, vec3 p) {
+    
+    int nside = 1 << depth;
+    float half_nside = float(nside) * 0.5;
+
+    float x_pm1 = xpm1(p.xy);
+    int q = quarter(p.xy);
+
+    int d0h = 0;
+    vec2 p_proj = vec2(0.0);
+    if (p.z > TRANSITION_Z) {
+        float sqrt_3_one_min_z = sqrt(3.0 * one_minus_z_pos(p));
+        p_proj = vec2(x_pm1 * sqrt_3_one_min_z, 2.0 - sqrt_3_one_min_z);
+        d0h = q;
+    } else if (p.z < -TRANSITION_Z) {
+        float sqrt_3_one_min_z = sqrt(3.0 * one_minus_z_neg(p));
+        p_proj = vec2(x_pm1 * sqrt_3_one_min_z, sqrt_3_one_min_z);
+        d0h = q + 8;
+    } else {
+        float y_pm1 = p.z * TRANSITION_Z_INV;
+        int q01 = int(x_pm1 > y_pm1);  // 0/1
+        int q12 = int(x_pm1 >= -y_pm1); // 0\1
+        int q03 = 1 - q12; // 1\0
+        int q1 = q01 & q12; // = 1 if q1, 0 else
+        p_proj = vec2(
+            x_pm1 - float(q01 + q12 - 1),
+            y_pm1 + float(q01 + q03)
+        );
+        d0h = ((q01 + q03) << 2) + ((q + q1) & 3);
+    }
+
+    float x = (half_nside * (p_proj.x + p_proj.y));
+    float y = (half_nside * (p_proj.y - p_proj.x));
+    int i = int(x);
+    int j = int(y);
+
+    return HashDxDy(
+        (d0h << (depth << 1)) + ij2z(i, j),
+        x - float(i),
+        y - float(j)
+    );
+}
+vec3 xyz2uv(vec3 xyz) {
+    HashDxDy result = hash_with_dxdy(0, xyz.zxy);
+
+    int idx = result.idx;
+    vec2 offset = vec2(result.dy, result.dx);
+    Tile tile = textures_tiles[idx];
+
+    return vec3(offset, float(tile.texture_idx));
+}
+
+uniform float opacity;
+uniform vec4 no_tile_color;
+
+void main() {
+    vec3 uv = xyz2uv(normalize(frag_pos));
+    vec4 c = uvw2c_rgba(uv);
+
+    out_frag_color = c;
+    out_frag_color = vec4(c.rgb, opacity * c.a);
+}"#,
+    );
+    out.insert(
+        r"image_sampler.frag",
+        r#"#version 300 es
+precision highp float;
+precision highp sampler2D;
+
+out vec4 out_frag_color;
+in vec2 frag_uv;
+
+uniform sampler2D tex;
+uniform float opacity;
+
+void main() {
+    out_frag_color = texture(tex, frag_uv);
+    out_frag_color.a = out_frag_color.a * opacity;
+}"#,
+    );
+    out.insert(
+        r"hips_rasterizer_i32.frag",
+        r#"#version 300 es
+precision lowp float;
+precision lowp sampler2DArray;
+
+uniform sampler2DArray tex;
+
+in vec3 frag_uv_start;
+in vec3 frag_uv_end;
+in float frag_blending_factor;
+
+out vec4 out_frag_color;
+
+uniform float scale;
+uniform float offset;
+uniform float blank;
+uniform float min_value;
+uniform float max_value;
+uniform int H;
+uniform float reversed;
+
+uniform sampler2D colormaps;
+uniform float num_colormaps;
+uniform float colormap_id;
+
+vec4 colormap_f(float x) {
+    float id = (colormap_id + 0.5) / num_colormaps;
+    return texture(colormaps, vec2(x, id));
+}
+float linear_f(float x, float min_value, float max_value) {
+    return clamp((x - min_value)/(max_value - min_value), 0.0, 1.0);
+}
+
+float sqrt_f(float x, float min_value, float max_value) {
+    float a = linear_f(x, min_value, max_value);
+    return sqrt(a);
+}
+
+float log_f(float x, float min_value, float max_value) {
+    float y = linear_f(x, min_value, max_value);
+    float a = 1000.0;
+    return log(a*y + 1.0)/log(a);
+}
+
+float asinh_f(float x, float min_value, float max_value) {
+    float d = linear_f(x, min_value, max_value);
+    return asinh(10.0*d)/3.0;
+}
+
+float pow2_f(float x, float min_value, float max_value) {
+    float d = linear_f(x, min_value, max_value);
+    return d*d;
+}
+
+float transfer_func(int H, float x, float min_value, float max_value) {
+    if (H == 0) {
+        return linear_f(x, min_value, max_value);
+    } else if (H == 1) {
+        return sqrt_f(x, min_value, max_value);
+    } else if (H == 2) {
+        return log_f(x, min_value, max_value);
+    } else if (H == 3) {
+        return asinh_f(x, min_value, max_value);
+    } else {
+        return pow2_f(x, min_value, max_value);
+    }
+}
+
+uniform float k_gamma;
+uniform float k_saturation;
+uniform float k_contrast;
+uniform float k_brightness;
+uniform float k_exposure;
+
+vec4 apply_gamma(vec4 ic, float g) {
+    float new_r = pow(ic.r, g);
+    float new_g = pow(ic.g, g);
+    float new_b = pow(ic.b, g);
+
+    return vec4(new_r, new_g, new_b, ic.a);
+}
+
+vec4 apply_saturation(vec4 color, float value) {
+    const vec3 luminosity_factor = vec3(0.2126, 0.7152, 0.0722);
+    vec3 grayscale = vec3(dot(color.rgb, luminosity_factor));
+    
+    return vec4(mix(grayscale, color.rgb, 1.0 + value), color.a);
+}
+
+vec4 apply_contrast(vec4 color, float value) {
+    return vec4(0.5 + (1.0 + value) * (color.rgb - 0.5), color.a);
+}
+
+vec4 apply_brightness(vec4 color, float value) {
+    return vec4(color.rgb + value, color.a);
+}
+
+vec4 apply_exposure(vec4 color, float value) {
+    return vec4((1.0 + value) * color.rgb, color.a);
+}
+
+vec4 apply_tonal(vec4 color) {
+  return apply_gamma(
+    apply_saturation(
+      apply_contrast(
+        apply_brightness(color, k_brightness),
+        k_contrast
+      ),
+      k_saturation
+    ),
+    k_gamma
+  );
+}
+vec3 rgb2hsv(vec3 c) {
+    vec4 K = vec4(0.0, -1.0 / 3.0, 2.0 / 3.0, -1.0);
+    vec4 p = mix(vec4(c.bg, K.wz), vec4(c.gb, K.xy), step(c.b, c.g));
+    vec4 q = mix(vec4(p.xyw, c.r), vec4(c.r, p.yzx), step(p.x, c.r));
+
+    float d = q.x - min(q.w, q.y);
+    float e = 1.0e-10;
+    return vec3(abs(q.z + (q.w - q.y) / (6.0 * d + e)), d / (q.x + e), q.x);
+}
+
+vec3 hsv2rgb(vec3 c) {
+    vec4 K = vec4(1.0, 2.0 / 3.0, 1.0 / 3.0, 3.0);
+    vec3 p = abs(fract(c.xxx + K.xyz) * 6.0 - K.www);
+    return c.z * mix(K.xxx, clamp(p - K.xxx, 0.0, 1.0), c.y);
+}
+highp float decode_f32(highp vec4 rgba) {
+    highp float Sign = 1.0 - step(128.0,rgba[0])*2.0;
+    highp float Exponent = 2.0 * mod(rgba[0],128.0) + step(128.0,rgba[1]) - 127.0; 
+    if (abs(Exponent + 127.0) < 1e-3) {
+        return 0.0;
+    }
+    highp float Mantissa = mod(rgba[1],128.0)*65536.0 + rgba[2]*256.0 +rgba[3] + float(0x800000);
+    highp float Result =  Sign * exp2(Exponent) * (Mantissa * exp2(-23.0 )); 
+    return Result;
+}
+
+int decode_i32(vec4 rgba) {
+    int r = int(rgba.r * 255.0 + 0.5);
+    int g = int(rgba.g * 255.0 + 0.5);
+    int b = int(rgba.b * 255.0 + 0.5);
+    int a = int(rgba.a * 255.0 + 0.5);
+
+    int value = (r << 24) | (g << 16) | (b << 8) | a; // Combine into a 16-bit integer
+
+    return value;
+}
+
+int decode_i16(vec2 rg) {
+    int r = int(rg.r * 255.0 + 0.5);
+    int g = int(rg.g * 255.0 + 0.5);
+
+    int value = (r << 8) | g; // Combine into a 16-bit integer
+
+    if (value >= 32768) {
+        value -= 65536;
+    }
+
+    return value;
+}
+
+uint decode_u8(float r) {
+    uint value = uint(r * 255.0 + 0.5);
+    return value;
+}
+
+
+
+
+vec4 uvw2c_r(vec3 uv) {    
+    vec2 va = texture(tex, uv).ra;
+
+    va.x = transfer_func(H, va.x, min_value, max_value);
+
+    va.x = mix(va.x, 1.0 - va.x, reversed);
+
+    vec4 c = colormap_f(va.x);
+    return apply_tonal(c);
+}
+
+vec4 uvw2c_rgba(vec3 uv) {
+    vec4 c = texture(tex, uv).rgba;
+
+    c.r = transfer_func(H, c.r, min_value, max_value);
+    c.g = transfer_func(H, c.g, min_value, max_value);
+    c.b = transfer_func(H, c.b, min_value, max_value);
+
+    c.rgb = mix(c.rgb, 1.0 - c.rgb, reversed);
+
+    return apply_tonal(c);
+}
+
+vec4 uvw2c_ra(vec3 uv) {
+    vec2 c = texture(tex, uv).rg;
+
+    c.r = transfer_func(H, c.r, min_value, max_value);
+
+    c.r = mix(c.r, 1.0 - c.r, reversed);
+
+    vec3 color = colormap_f(c.r).rgb;
+
+    return apply_tonal(vec4(color, c.g));
+}
+
+vec4 uvw2cmap_rgba(vec3 uv) {    
+    float v = texture(tex, uv).r;
+    v = transfer_func(H, v, min_value, max_value);
+    vec4 c = colormap_f(v);
+    c.rgb = mix(c.rgb, 1.0 - c.rgb, reversed);
+
+    return apply_tonal(c);
+}
+
+vec4 val2c_f32(float x) {
+    float alpha = x * scale + offset;
+    alpha = transfer_func(H, alpha, min_value, max_value);
+
+    alpha = mix(alpha, 1.0 - alpha, reversed);
+
+    vec4 new_color = mix(colormap_f(alpha), vec4(0.0), float(isinf(x)));
+    return apply_tonal(new_color);
+}
+
+vec4 val2c(float x) {
+    float alpha = x * scale + offset;
+    alpha = transfer_func(H, alpha, min_value, max_value);
+
+    alpha = mix(alpha, 1.0 - alpha, reversed);
+
+    vec4 new_color = mix(colormap_f(alpha), vec4(0.0), float(x == blank || isnan(x)));
+    return apply_tonal(new_color);
+}
+
+vec4 uvw2c_f32(vec3 uv) {
+    float val = decode_f32(texture(tex, uv).rgba*255.0);
+    return val2c_f32(val);
+}
+
+vec4 uvw2c_i32(vec3 uv) {
+    float val = float(decode_i32(texture(tex, uv).rgba));
+    return val2c(val);
+}
+
+vec4 uvw2c_i16(vec3 uv) {
+    float val = float(decode_i16(texture(tex, uv).rg));
+    return val2c(val);
+}
+
+vec4 uvw2c_u8(vec3 uv) {
+    float val = float(decode_u8(texture(tex, uv).r));
+    return val2c(val);
+}
+
+uniform float opacity;
+
+void main() {
+    vec3 uv0 = frag_uv_start;
+    vec3 uv1 = frag_uv_end;
+    uv0.y = 1.0 - uv0.y;
+    uv1.y = 1.0 - uv1.y;
+
+    vec4 color_start = uvw2c_i32(uv0);
+    vec4 color_end = uvw2c_i32(uv1);
+
+    out_frag_color = mix(color_start, color_end, frag_blending_factor);
+    out_frag_color.a = out_frag_color.a * opacity;
+}"#,
+    );
+    out.insert(
+        r"hips_raytracer_f32.frag",
+        r#"#version 300 es
+precision lowp float;
+precision lowp sampler2DArray;
+precision mediump int;
+
+in vec3 frag_pos;
+in vec2 out_clip_pos;
+out vec4 out_frag_color;
+
+struct Tile {
+    int uniq; // Healpix cell
+    int texture_idx; // Index in the texture buffer
+    float start_time; // Absolute time that the load has been done in ms
+    float empty;
+};
+
+uniform Tile textures_tiles[12];
+
+uniform float opacity;
+uniform sampler2DArray tex;
+
+struct TileColor {
+    Tile tile;
+    vec4 color;
+    bool found;
+};
+
+uniform float scale;
+uniform float offset;
+uniform float blank;
+uniform float min_value;
+uniform float max_value;
+uniform int H;
+uniform float reversed;
+
+uniform sampler2D colormaps;
+uniform float num_colormaps;
+uniform float colormap_id;
+
+vec4 colormap_f(float x) {
+    float id = (colormap_id + 0.5) / num_colormaps;
+    return texture(colormaps, vec2(x, id));
+}
+float linear_f(float x, float min_value, float max_value) {
+    return clamp((x - min_value)/(max_value - min_value), 0.0, 1.0);
+}
+
+float sqrt_f(float x, float min_value, float max_value) {
+    float a = linear_f(x, min_value, max_value);
+    return sqrt(a);
+}
+
+float log_f(float x, float min_value, float max_value) {
+    float y = linear_f(x, min_value, max_value);
+    float a = 1000.0;
+    return log(a*y + 1.0)/log(a);
+}
+
+float asinh_f(float x, float min_value, float max_value) {
+    float d = linear_f(x, min_value, max_value);
+    return asinh(10.0*d)/3.0;
+}
+
+float pow2_f(float x, float min_value, float max_value) {
+    float d = linear_f(x, min_value, max_value);
+    return d*d;
+}
+
+float transfer_func(int H, float x, float min_value, float max_value) {
+    if (H == 0) {
+        return linear_f(x, min_value, max_value);
+    } else if (H == 1) {
+        return sqrt_f(x, min_value, max_value);
+    } else if (H == 2) {
+        return log_f(x, min_value, max_value);
+    } else if (H == 3) {
+        return asinh_f(x, min_value, max_value);
+    } else {
+        return pow2_f(x, min_value, max_value);
+    }
+}
+
+uniform float k_gamma;
+uniform float k_saturation;
+uniform float k_contrast;
+uniform float k_brightness;
+uniform float k_exposure;
+
+vec4 apply_gamma(vec4 ic, float g) {
+    float new_r = pow(ic.r, g);
+    float new_g = pow(ic.g, g);
+    float new_b = pow(ic.b, g);
+
+    return vec4(new_r, new_g, new_b, ic.a);
+}
+
+vec4 apply_saturation(vec4 color, float value) {
+    const vec3 luminosity_factor = vec3(0.2126, 0.7152, 0.0722);
+    vec3 grayscale = vec3(dot(color.rgb, luminosity_factor));
+    
+    return vec4(mix(grayscale, color.rgb, 1.0 + value), color.a);
+}
+
+vec4 apply_contrast(vec4 color, float value) {
+    return vec4(0.5 + (1.0 + value) * (color.rgb - 0.5), color.a);
+}
+
+vec4 apply_brightness(vec4 color, float value) {
+    return vec4(color.rgb + value, color.a);
+}
+
+vec4 apply_exposure(vec4 color, float value) {
+    return vec4((1.0 + value) * color.rgb, color.a);
+}
+
+vec4 apply_tonal(vec4 color) {
+  return apply_gamma(
+    apply_saturation(
+      apply_contrast(
+        apply_brightness(color, k_brightness),
+        k_contrast
+      ),
+      k_saturation
+    ),
+    k_gamma
+  );
+}
+vec3 rgb2hsv(vec3 c) {
+    vec4 K = vec4(0.0, -1.0 / 3.0, 2.0 / 3.0, -1.0);
+    vec4 p = mix(vec4(c.bg, K.wz), vec4(c.gb, K.xy), step(c.b, c.g));
+    vec4 q = mix(vec4(p.xyw, c.r), vec4(c.r, p.yzx), step(p.x, c.r));
+
+    float d = q.x - min(q.w, q.y);
+    float e = 1.0e-10;
+    return vec3(abs(q.z + (q.w - q.y) / (6.0 * d + e)), d / (q.x + e), q.x);
+}
+
+vec3 hsv2rgb(vec3 c) {
+    vec4 K = vec4(1.0, 2.0 / 3.0, 1.0 / 3.0, 3.0);
+    vec3 p = abs(fract(c.xxx + K.xyz) * 6.0 - K.www);
+    return c.z * mix(K.xxx, clamp(p - K.xxx, 0.0, 1.0), c.y);
+}
+highp float decode_f32(highp vec4 rgba) {
+    highp float Sign = 1.0 - step(128.0,rgba[0])*2.0;
+    highp float Exponent = 2.0 * mod(rgba[0],128.0) + step(128.0,rgba[1]) - 127.0; 
+    if (abs(Exponent + 127.0) < 1e-3) {
+        return 0.0;
+    }
+    highp float Mantissa = mod(rgba[1],128.0)*65536.0 + rgba[2]*256.0 +rgba[3] + float(0x800000);
+    highp float Result =  Sign * exp2(Exponent) * (Mantissa * exp2(-23.0 )); 
+    return Result;
+}
+
+int decode_i32(vec4 rgba) {
+    int r = int(rgba.r * 255.0 + 0.5);
+    int g = int(rgba.g * 255.0 + 0.5);
+    int b = int(rgba.b * 255.0 + 0.5);
+    int a = int(rgba.a * 255.0 + 0.5);
+
+    int value = (r << 24) | (g << 16) | (b << 8) | a; // Combine into a 16-bit integer
+
+    return value;
+}
+
+int decode_i16(vec2 rg) {
+    int r = int(rg.r * 255.0 + 0.5);
+    int g = int(rg.g * 255.0 + 0.5);
+
+    int value = (r << 8) | g; // Combine into a 16-bit integer
+
+    if (value >= 32768) {
+        value -= 65536;
+    }
+
+    return value;
+}
+
+uint decode_u8(float r) {
+    uint value = uint(r * 255.0 + 0.5);
+    return value;
+}
+
+
+
+
+vec4 uvw2c_r(vec3 uv) {    
+    vec2 va = texture(tex, uv).ra;
+
+    va.x = transfer_func(H, va.x, min_value, max_value);
+
+    va.x = mix(va.x, 1.0 - va.x, reversed);
+
+    vec4 c = colormap_f(va.x);
+    return apply_tonal(c);
+}
+
+vec4 uvw2c_rgba(vec3 uv) {
+    vec4 c = texture(tex, uv).rgba;
+
+    c.r = transfer_func(H, c.r, min_value, max_value);
+    c.g = transfer_func(H, c.g, min_value, max_value);
+    c.b = transfer_func(H, c.b, min_value, max_value);
+
+    c.rgb = mix(c.rgb, 1.0 - c.rgb, reversed);
+
+    return apply_tonal(c);
+}
+
+vec4 uvw2c_ra(vec3 uv) {
+    vec2 c = texture(tex, uv).rg;
+
+    c.r = transfer_func(H, c.r, min_value, max_value);
+
+    c.r = mix(c.r, 1.0 - c.r, reversed);
+
+    vec3 color = colormap_f(c.r).rgb;
+
+    return apply_tonal(vec4(color, c.g));
+}
+
+vec4 uvw2cmap_rgba(vec3 uv) {    
+    float v = texture(tex, uv).r;
+    v = transfer_func(H, v, min_value, max_value);
+    vec4 c = colormap_f(v);
+    c.rgb = mix(c.rgb, 1.0 - c.rgb, reversed);
+
+    return apply_tonal(c);
+}
+
+vec4 val2c_f32(float x) {
+    float alpha = x * scale + offset;
+    alpha = transfer_func(H, alpha, min_value, max_value);
+
+    alpha = mix(alpha, 1.0 - alpha, reversed);
+
+    vec4 new_color = mix(colormap_f(alpha), vec4(0.0), float(isinf(x)));
+    return apply_tonal(new_color);
+}
+
+vec4 val2c(float x) {
+    float alpha = x * scale + offset;
+    alpha = transfer_func(H, alpha, min_value, max_value);
+
+    alpha = mix(alpha, 1.0 - alpha, reversed);
+
+    vec4 new_color = mix(colormap_f(alpha), vec4(0.0), float(x == blank || isnan(x)));
+    return apply_tonal(new_color);
+}
+
+vec4 uvw2c_f32(vec3 uv) {
+    float val = decode_f32(texture(tex, uv).rgba*255.0);
+    return val2c_f32(val);
+}
+
+vec4 uvw2c_i32(vec3 uv) {
+    float val = float(decode_i32(texture(tex, uv).rgba));
+    return val2c(val);
+}
+
+vec4 uvw2c_i16(vec3 uv) {
+    float val = float(decode_i16(texture(tex, uv).rg));
+    return val2c(val);
+}
+
+vec4 uvw2c_u8(vec3 uv) {
+    float val = float(decode_u8(texture(tex, uv).r));
+    return val2c(val);
+}
+const float TWICE_PI = 6.28318530718;
+const float PI = 3.141592653589793;
+const float FOUR_OVER_PI = 1.27323954474;
+const float TRANSITION_Z = 0.66666666666;
+const float TRANSITION_Z_INV = 1.5;
+
+int quarter(vec2 p) {
+    int x_neg = int(p.x < 0.0);
+    int y_neg = int(p.y < 0.0);
+    int q = (x_neg + y_neg) | (y_neg << 1);
+    return q;
+}
+
+float xpm1(vec2 p) {
+    bool x_neg = (p.x < 0.0);
+    bool y_neg = (p.y < 0.0);
+    float lon = atan(abs(p.y), abs(p.x));
+    float x02 = lon * FOUR_OVER_PI;
+    if (x_neg != y_neg) { // Could be replaced by a sign copy from (x_neg ^ y_neg) << 32
+        return 1.0 - x02;
+    } else {
+        return x02 - 1.0;
+    }
+}
+
+float one_minus_z_pos(vec3 p) {
+    float d2 = dot(p.xy, p.xy); // z = sqrt(1 - d2) AND sqrt(1 - x) = 1 - x / 2 - x^2 / 8 - x^3 / 16 - 5 x^4/128 - 7 * x^5/256
+
+    if (d2 < 1e-1) { // <=> dec > 84.27 deg
+        return d2 * (0.5 + d2 * (0.125 + d2 * (0.0625 + d2 * (0.0390625 + d2 * 0.02734375))));
+    }
+    return 1.0f - p.z;
+}
+
+float one_minus_z_neg(vec3 p) {
+    float d2 = dot(p.xy, p.xy); // z = sqrt(1 - d2) AND sqrt(1 - x) = 1 - x / 2 - x^2 / 8 - x^3 / 16 - 5 x^4/128 - 7 * x^5/256
+    if (d2 < 1e-1f) { // <=> dec < -84.27 deg
+        return d2 * (0.5 + d2 * (0.125 + d2 * (0.0625 + d2 * (0.0390625 + d2 * 0.02734375))));
+    }
+    return p.z + 1.0;
+}
+
+int ij2z(int i, int j) {
+    int i4 = i | (j << 2);
+
+    int j4 = (i4 ^ (i4 >> 1)) & 0x22222222;
+    int i5 = i4 ^ j4 ^ (j4 << 1);
+
+    return i5;
+}
+
+struct HashDxDy {
+    int idx;
+    float dx;
+    float dy;
+};
+
+uniform sampler2D ang2pixd;
+HashDxDy hash_with_dxdy2(vec2 radec) {
+    vec2 aa = vec2(radec.x/TWICE_PI + 1.0, (radec.y/PI) + 0.5);
+    vec3 v = texture(ang2pixd, aa).rgb;
+    return HashDxDy(
+        int(v.x * 255.0),
+        v.y,
+        v.z
+    );
+}
+HashDxDy hash_with_dxdy(int depth, vec3 p) {
+    
+    int nside = 1 << depth;
+    float half_nside = float(nside) * 0.5;
+
+    float x_pm1 = xpm1(p.xy);
+    int q = quarter(p.xy);
+
+    int d0h = 0;
+    vec2 p_proj = vec2(0.0);
+    if (p.z > TRANSITION_Z) {
+        float sqrt_3_one_min_z = sqrt(3.0 * one_minus_z_pos(p));
+        p_proj = vec2(x_pm1 * sqrt_3_one_min_z, 2.0 - sqrt_3_one_min_z);
+        d0h = q;
+    } else if (p.z < -TRANSITION_Z) {
+        float sqrt_3_one_min_z = sqrt(3.0 * one_minus_z_neg(p));
+        p_proj = vec2(x_pm1 * sqrt_3_one_min_z, sqrt_3_one_min_z);
+        d0h = q + 8;
+    } else {
+        float y_pm1 = p.z * TRANSITION_Z_INV;
+        int q01 = int(x_pm1 > y_pm1);  // 0/1
+        int q12 = int(x_pm1 >= -y_pm1); // 0\1
+        int q03 = 1 - q12; // 1\0
+        int q1 = q01 & q12; // = 1 if q1, 0 else
+        p_proj = vec2(
+            x_pm1 - float(q01 + q12 - 1),
+            y_pm1 + float(q01 + q03)
+        );
+        d0h = ((q01 + q03) << 2) + ((q + q1) & 3);
+    }
+
+    float x = (half_nside * (p_proj.x + p_proj.y));
+    float y = (half_nside * (p_proj.y - p_proj.x));
+    int i = int(x);
+    int j = int(y);
+
+    return HashDxDy(
+        (d0h << (depth << 1)) + ij2z(i, j),
+        x - float(i),
+        y - float(j)
+    );
+}
+vec3 xyz2uv(vec3 xyz) {
+    HashDxDy result = hash_with_dxdy(0, xyz.zxy);
+
+    int idx = result.idx;
+    vec2 offset = vec2(result.dy, result.dx);
+    Tile tile = textures_tiles[idx];
+
+    return vec3(offset, float(tile.texture_idx));
+}
+
+void main() {
+    vec3 uv = xyz2uv(normalize(frag_pos));
+
+    uv.y = 1.0 - uv.y;
+    vec4 c = uvw2c_f32(uv);
+
+
+    out_frag_color = c;
+    out_frag_color.a = out_frag_color.a * opacity;
+}"#,
     );
     out.insert(
         r"catalogs_aitoff.vert",
         r#"#version 300 es
-precision lowp float;layout(location=0)in vec2 offset;layout(location=1)in vec2 uv;layout(location=2)in vec3 center;uniform float current_time;uniform mat3 inv_model;uniform vec2 ndc_to_clip;uniform float czf;uniform vec2 kernel_size;out vec2 out_uv;out vec3 out_p;uniform int u_proj;void main(){vec3 v=inv_model*center;vec2 n=world2clip_aitoff(v);gl_Position=vec4(n/(ndc_to_clip*czf)+offset*kernel_size,0,1);out_uv=uv;out_p=v;}"#,
+precision lowp float;
+layout (location = 0) in vec2 offset;
+layout (location = 1) in vec2 uv;
+layout (location = 2) in vec3 center;
+
+uniform float current_time;
+uniform mat3 inv_model;
+
+uniform vec2 ndc_to_clip;
+uniform float czf;
+uniform vec2 kernel_size;
+
+out vec2 out_uv;
+out vec3 out_p;
+
+const float PI = 3.141592653589793;
+const float SQRT_2 = 1.41421356237309504880168872420969808;
+
+vec2 w2c_sin(vec3 p) {
+    vec2 q = vec2(-p.x, p.y);
+    return p.z >= 0.f ? q : normalize(q);
+}
+
+vec2 w2c_sin_no_backface(vec3 p) {
+    return vec2(-p.x, p.y);
+}
+
+vec2 w2c_ait(vec3 p) {
+    float r = length(p.zx);
+    float w = sqrt((r * (r + p.z)) * 0.5f); // = cos(b) cos(l/2)
+    w = sqrt((1.0 + w) * 0.5f);             // = 1 / gamma
+    float y2d = p.y / w;
+
+    float x2d = 0.0;
+    if (abs(p.x) < 5e-3) {
+        float x_over_r = p.x/r;
+        x2d = -p.x * (1.0 - x_over_r*x_over_r/21.0) / w;
+    } else {
+        w = sqrt((r*r - r*p.z) * 2.0) / w; // = 2 * gamma * cos(b) sin(l/2)
+        x2d = sign(-p.x) * w;
+    }
+
+    return vec2(x2d * 0.5, y2d) / SQRT_2;
+}
+const float eps = 1.25e-8;
+const int n_iter = 100;
+
+float newton_solve(float z) {
+    float cte = PI * z;
+    float x = 2.0 * asin(z);
+    float f = x + sin(x) - cte; 
+    int i = 0;
+    while (abs(f) > eps && i < n_iter) {
+        x -= f / (1.0 + cos(x));
+        f = x + sin(x) - cte;
+        i += 1;
+    }
+
+    return 0.5 * x;
+}
+
+vec2 w2c_mol(vec3 p) {
+    float g = newton_solve(p.y);
+
+    float sg = sin(g);
+    float cg = cos(g);
+    return vec2((atan(-p.x, p.z) * cg) / PI, sg);
+}
+vec2 w2c_tan(vec3 p) {
+    p.z = max(p.z, 1e-2);
+    return vec2(-p.x, p.y) / (p.z*PI);
+}
+vec2 w2c_stg(vec3 p) {
+    float w = (1.0 + p.z) * 0.5;
+    return vec2(-p.x, p.y) / (PI * w);
+}
+vec2 w2c_zea(vec3 p) {
+    float w = sqrt(0.5 + 0.5 * p.z); // <=> sqrt[(1 + x) / 2]
+    return vec2(-p.x, p.y) * 0.5 / w;
+}
+vec2 w2c_mer(vec3 p) {
+    return vec2(atan(-p.x, p.z), atanh(p.y)) / PI;
+}
+
+vec3 lonlat2xyz(vec2 lonlat) {
+    float t = lonlat.x;
+    float tc = cos(t);
+    float ts = sin(t);
+
+    float d = lonlat.y;
+    float dc = cos(d);
+    float ds = sin(d);
+
+    return vec3(dc * ts, ds, dc * tc);
+}
+
+uniform int u_proj;
+
+vec2 proj(vec3 p) {
+    if (u_proj == 0) {
+        return w2c_tan(p);
+    } else if (u_proj == 1) {
+        return w2c_stg(p);
+    } else if (u_proj == 2) {
+        return w2c_sin(p);
+    } else if (u_proj == 3) {
+        return w2c_zea(p);
+    } else if (u_proj == 4) {
+        return w2c_ait(p);
+    } else if (u_proj == 5) {
+        return w2c_mol(p);
+    } else {
+        return w2c_mer(p);
+    }
+}
+
+void main() {
+    vec3 p = inv_model * center;
+
+    vec2 center_pos_clip_space = world2clip_aitoff(p);
+
+    vec2 pos_clip_space = center_pos_clip_space;
+    gl_Position = vec4((pos_clip_space / (ndc_to_clip * czf)) + offset * kernel_size , 0.f, 1.f);
+
+    out_uv = uv;
+    out_p = p;
+}"#,
+    );
+    out.insert(
+        r"fits_u8.frag",
+        r#"#version 300 es
+precision lowp float;
+precision lowp sampler2D;
+precision mediump int;
+
+out vec4 out_frag_color;
+in vec2 frag_uv;
+
+uniform sampler2D tex;
+uniform float opacity;
+
+uniform float scale;
+uniform float offset;
+uniform float blank;
+uniform float min_value;
+uniform float max_value;
+uniform int H;
+uniform float reversed;
+
+uniform sampler2D colormaps;
+uniform float num_colormaps;
+uniform float colormap_id;
+
+vec4 colormap_f(float x) {
+    float id = (colormap_id + 0.5) / num_colormaps;
+    return texture(colormaps, vec2(x, id));
+}
+float linear_f(float x, float min_value, float max_value) {
+    return clamp((x - min_value)/(max_value - min_value), 0.0, 1.0);
+}
+
+float sqrt_f(float x, float min_value, float max_value) {
+    float a = linear_f(x, min_value, max_value);
+    return sqrt(a);
+}
+
+float log_f(float x, float min_value, float max_value) {
+    float y = linear_f(x, min_value, max_value);
+    float a = 1000.0;
+    return log(a*y + 1.0)/log(a);
+}
+
+float asinh_f(float x, float min_value, float max_value) {
+    float d = linear_f(x, min_value, max_value);
+    return asinh(10.0*d)/3.0;
+}
+
+float pow2_f(float x, float min_value, float max_value) {
+    float d = linear_f(x, min_value, max_value);
+    return d*d;
+}
+
+float transfer_func(int H, float x, float min_value, float max_value) {
+    if (H == 0) {
+        return linear_f(x, min_value, max_value);
+    } else if (H == 1) {
+        return sqrt_f(x, min_value, max_value);
+    } else if (H == 2) {
+        return log_f(x, min_value, max_value);
+    } else if (H == 3) {
+        return asinh_f(x, min_value, max_value);
+    } else {
+        return pow2_f(x, min_value, max_value);
+    }
+}
+
+uniform float k_gamma;
+uniform float k_saturation;
+uniform float k_contrast;
+uniform float k_brightness;
+uniform float k_exposure;
+
+vec4 apply_gamma(vec4 ic, float g) {
+    float new_r = pow(ic.r, g);
+    float new_g = pow(ic.g, g);
+    float new_b = pow(ic.b, g);
+
+    return vec4(new_r, new_g, new_b, ic.a);
+}
+
+vec4 apply_saturation(vec4 color, float value) {
+    const vec3 luminosity_factor = vec3(0.2126, 0.7152, 0.0722);
+    vec3 grayscale = vec3(dot(color.rgb, luminosity_factor));
+    
+    return vec4(mix(grayscale, color.rgb, 1.0 + value), color.a);
+}
+
+vec4 apply_contrast(vec4 color, float value) {
+    return vec4(0.5 + (1.0 + value) * (color.rgb - 0.5), color.a);
+}
+
+vec4 apply_brightness(vec4 color, float value) {
+    return vec4(color.rgb + value, color.a);
+}
+
+vec4 apply_exposure(vec4 color, float value) {
+    return vec4((1.0 + value) * color.rgb, color.a);
+}
+
+vec4 apply_tonal(vec4 color) {
+  return apply_gamma(
+    apply_saturation(
+      apply_contrast(
+        apply_brightness(color, k_brightness),
+        k_contrast
+      ),
+      k_saturation
+    ),
+    k_gamma
+  );
+}
+highp float decode_f32(highp vec4 rgba) {
+    highp float Sign = 1.0 - step(128.0,rgba[0])*2.0;
+    highp float Exponent = 2.0 * mod(rgba[0],128.0) + step(128.0,rgba[1]) - 127.0; 
+    if (abs(Exponent + 127.0) < 1e-3) {
+        return 0.0;
+    }
+    highp float Mantissa = mod(rgba[1],128.0)*65536.0 + rgba[2]*256.0 +rgba[3] + float(0x800000);
+    highp float Result =  Sign * exp2(Exponent) * (Mantissa * exp2(-23.0 )); 
+    return Result;
+}
+
+int decode_i32(vec4 rgba) {
+    int r = int(rgba.r * 255.0 + 0.5);
+    int g = int(rgba.g * 255.0 + 0.5);
+    int b = int(rgba.b * 255.0 + 0.5);
+    int a = int(rgba.a * 255.0 + 0.5);
+
+    int value = (r << 24) | (g << 16) | (b << 8) | a; // Combine into a 16-bit integer
+
+    return value;
+}
+
+int decode_i16(vec2 rg) {
+    int r = int(rg.r * 255.0 + 0.5);
+    int g = int(rg.g * 255.0 + 0.5);
+
+    int value = (r << 8) | g; // Combine into a 16-bit integer
+
+    if (value >= 32768) {
+        value -= 65536;
+    }
+
+    return value;
+}
+
+uint decode_u8(float r) {
+    uint value = uint(r * 255.0 + 0.5);
+    return value;
+}
+
+
+
+
+
+vec4 val2c_f32(float x) {
+    float alpha = x * scale + offset;
+    alpha = transfer_func(H, alpha, min_value, max_value);
+
+    alpha = mix(alpha, 1.0 - alpha, reversed);
+
+    vec4 new_color = mix(colormap_f(alpha), vec4(0.0), float(isinf(x)));
+    return apply_tonal(new_color);
+}
+
+vec4 val2c(float x) {
+    float alpha = x * scale + offset;
+    alpha = transfer_func(H, alpha, min_value, max_value);
+
+    alpha = mix(alpha, 1.0 - alpha, reversed);
+
+    vec4 new_color = mix(colormap_f(alpha), vec4(0.0), float(x == blank || isnan(x)));
+    return apply_tonal(new_color);
+}
+
+vec4 uv2c_f32(vec2 uv) {
+    float val = decode_f32(texture(tex, uv).rgba*255.0);
+    return val2c_f32(val);
+}
+
+vec4 uv2c_i32(vec2 uv) {
+    float val = float(decode_i32(texture(tex, uv).rgba));
+    return val2c(val);
+}
+
+vec4 uv2c_i16(vec2 uv) {
+    float val = float(decode_i16(texture(tex, uv).rg));
+    return val2c(val);
+}
+
+vec4 uv2c_u8(vec2 uv) {
+    float val = float(decode_u8(texture(tex, uv).r));
+    return val2c(val);
+}
+
+void main() {
+    vec2 uv = frag_uv;
+    uv.y = 1.0 - uv.y;
+
+    out_frag_color = uv2c_u8(frag_uv);
+    out_frag_color.a = out_frag_color.a * opacity;
+}"#,
+    );
+    out.insert(
+        r"catalogs_catalog.frag",
+        r#"#version 300 es
+precision lowp float;
+
+in vec2 out_uv;
+in vec3 out_p;
+
+out vec4 color;
+
+uniform sampler2D kernel_texture;
+uniform float max_density; // max number of sources in a kernel sized HEALPix cell at the current depth
+uniform float fov;
+uniform float strength;
+void main() {
+    color = texture(kernel_texture, out_uv) / max(log2(fov*100.0), 1.0);
+    color.r *= strength;
+}"#,
+    );
+    out.insert(
+        r"line_inst_lonlat.vert",
+        r#"#version 300 es
+precision highp float;
+layout (location = 0) in vec2 p_a_lonlat;
+layout (location = 1) in vec2 p_b_lonlat;
+layout (location = 2) in vec2 vertex;
+
+uniform mat3 u_2world;
+uniform vec2 ndc_to_clip;
+uniform float czf;
+uniform float u_width;
+uniform float u_height;
+uniform float u_thickness;
+
+out vec2 l;
+
+const float PI = 3.141592653589793;
+const float SQRT_2 = 1.41421356237309504880168872420969808;
+
+vec2 w2c_sin(vec3 p) {
+    vec2 q = vec2(-p.x, p.y);
+    return p.z >= 0.f ? q : normalize(q);
+}
+
+vec2 w2c_sin_no_backface(vec3 p) {
+    return vec2(-p.x, p.y);
+}
+
+vec2 w2c_ait(vec3 p) {
+    float r = length(p.zx);
+    float w = sqrt((r * (r + p.z)) * 0.5f); // = cos(b) cos(l/2)
+    w = sqrt((1.0 + w) * 0.5f);             // = 1 / gamma
+    float y2d = p.y / w;
+
+    float x2d = 0.0;
+    if (abs(p.x) < 5e-3) {
+        float x_over_r = p.x/r;
+        x2d = -p.x * (1.0 - x_over_r*x_over_r/21.0) / w;
+    } else {
+        w = sqrt((r*r - r*p.z) * 2.0) / w; // = 2 * gamma * cos(b) sin(l/2)
+        x2d = sign(-p.x) * w;
+    }
+
+    return vec2(x2d * 0.5, y2d) / SQRT_2;
+}
+const float eps = 1.25e-8;
+const int n_iter = 100;
+
+float newton_solve(float z) {
+    float cte = PI * z;
+    float x = 2.0 * asin(z);
+    float f = x + sin(x) - cte; 
+    int i = 0;
+    while (abs(f) > eps && i < n_iter) {
+        x -= f / (1.0 + cos(x));
+        f = x + sin(x) - cte;
+        i += 1;
+    }
+
+    return 0.5 * x;
+}
+
+vec2 w2c_mol(vec3 p) {
+    float g = newton_solve(p.y);
+
+    float sg = sin(g);
+    float cg = cos(g);
+    return vec2((atan(-p.x, p.z) * cg) / PI, sg);
+}
+vec2 w2c_tan(vec3 p) {
+    p.z = max(p.z, 1e-2);
+    return vec2(-p.x, p.y) / (p.z*PI);
+}
+vec2 w2c_stg(vec3 p) {
+    float w = (1.0 + p.z) * 0.5;
+    return vec2(-p.x, p.y) / (PI * w);
+}
+vec2 w2c_zea(vec3 p) {
+    float w = sqrt(0.5 + 0.5 * p.z); // <=> sqrt[(1 + x) / 2]
+    return vec2(-p.x, p.y) * 0.5 / w;
+}
+vec2 w2c_mer(vec3 p) {
+    return vec2(atan(-p.x, p.z), atanh(p.y)) / PI;
+}
+
+vec3 lonlat2xyz(vec2 lonlat) {
+    float t = lonlat.x;
+    float tc = cos(t);
+    float ts = sin(t);
+
+    float d = lonlat.y;
+    float dc = cos(d);
+    float ds = sin(d);
+
+    return vec3(dc * ts, ds, dc * tc);
+}
+
+uniform int u_proj;
+
+vec2 proj(vec3 p) {
+    if (u_proj == 0) {
+        return w2c_tan(p);
+    } else if (u_proj == 1) {
+        return w2c_stg(p);
+    } else if (u_proj == 2) {
+        return w2c_sin(p);
+    } else if (u_proj == 3) {
+        return w2c_zea(p);
+    } else if (u_proj == 4) {
+        return w2c_ait(p);
+    } else if (u_proj == 5) {
+        return w2c_mol(p);
+    } else {
+        return w2c_mer(p);
+    }
+}
+
+void main() {
+    vec3 p_a_xyz = lonlat2xyz(p_a_lonlat);
+    vec3 p_b_xyz = lonlat2xyz(p_b_lonlat);
+    vec3 p_a_w = u_2world * p_a_xyz; 
+    vec3 p_b_w = u_2world * p_b_xyz;
+    vec2 p_a_clip = proj(p_a_w);
+    vec2 p_b_clip = proj(p_b_w);
+
+    vec2 da = p_a_clip - p_b_clip;
+
+    vec2 p_a_ndc = p_a_clip / (ndc_to_clip * czf);
+    vec2 p_b_ndc = p_b_clip / (ndc_to_clip * czf);
+
+    vec2 x_b = p_b_ndc - p_a_ndc;
+    vec2 y_b = normalize(vec2(-x_b.y, x_b.x));
+
+    float ndc2pix = 2.0 / u_width;
+
+    vec2 p_ndc_x = x_b * vertex.x;
+    vec2 p_ndc_y = (u_thickness + 2.0) * y_b * vertex.y * vec2(1.0, u_width/u_height) * ndc2pix;
+
+    vec2 p_ndc = p_a_ndc + p_ndc_x + p_ndc_y;
+    gl_Position = vec4(p_ndc, 0.f, 1.f);
+
+    l = vec2(dot(da, da), vertex.y);
+}"#,
+    );
+    out.insert(
+        r"hips_rasterizer_rgba.frag",
+        r#"#version 300 es
+precision lowp float;
+precision lowp sampler2DArray;
+
+uniform sampler2DArray tex;
+
+in vec3 frag_uv_start;
+in vec3 frag_uv_end;
+in float frag_blending_factor;
+
+out vec4 out_frag_color;
+uniform float opacity;
+
+uniform float scale;
+uniform float offset;
+uniform float blank;
+uniform float min_value;
+uniform float max_value;
+uniform int H;
+uniform float reversed;
+
+uniform sampler2D colormaps;
+uniform float num_colormaps;
+uniform float colormap_id;
+
+vec4 colormap_f(float x) {
+    float id = (colormap_id + 0.5) / num_colormaps;
+    return texture(colormaps, vec2(x, id));
+}
+float linear_f(float x, float min_value, float max_value) {
+    return clamp((x - min_value)/(max_value - min_value), 0.0, 1.0);
+}
+
+float sqrt_f(float x, float min_value, float max_value) {
+    float a = linear_f(x, min_value, max_value);
+    return sqrt(a);
+}
+
+float log_f(float x, float min_value, float max_value) {
+    float y = linear_f(x, min_value, max_value);
+    float a = 1000.0;
+    return log(a*y + 1.0)/log(a);
+}
+
+float asinh_f(float x, float min_value, float max_value) {
+    float d = linear_f(x, min_value, max_value);
+    return asinh(10.0*d)/3.0;
+}
+
+float pow2_f(float x, float min_value, float max_value) {
+    float d = linear_f(x, min_value, max_value);
+    return d*d;
+}
+
+float transfer_func(int H, float x, float min_value, float max_value) {
+    if (H == 0) {
+        return linear_f(x, min_value, max_value);
+    } else if (H == 1) {
+        return sqrt_f(x, min_value, max_value);
+    } else if (H == 2) {
+        return log_f(x, min_value, max_value);
+    } else if (H == 3) {
+        return asinh_f(x, min_value, max_value);
+    } else {
+        return pow2_f(x, min_value, max_value);
+    }
+}
+
+uniform float k_gamma;
+uniform float k_saturation;
+uniform float k_contrast;
+uniform float k_brightness;
+uniform float k_exposure;
+
+vec4 apply_gamma(vec4 ic, float g) {
+    float new_r = pow(ic.r, g);
+    float new_g = pow(ic.g, g);
+    float new_b = pow(ic.b, g);
+
+    return vec4(new_r, new_g, new_b, ic.a);
+}
+
+vec4 apply_saturation(vec4 color, float value) {
+    const vec3 luminosity_factor = vec3(0.2126, 0.7152, 0.0722);
+    vec3 grayscale = vec3(dot(color.rgb, luminosity_factor));
+    
+    return vec4(mix(grayscale, color.rgb, 1.0 + value), color.a);
+}
+
+vec4 apply_contrast(vec4 color, float value) {
+    return vec4(0.5 + (1.0 + value) * (color.rgb - 0.5), color.a);
+}
+
+vec4 apply_brightness(vec4 color, float value) {
+    return vec4(color.rgb + value, color.a);
+}
+
+vec4 apply_exposure(vec4 color, float value) {
+    return vec4((1.0 + value) * color.rgb, color.a);
+}
+
+vec4 apply_tonal(vec4 color) {
+  return apply_gamma(
+    apply_saturation(
+      apply_contrast(
+        apply_brightness(color, k_brightness),
+        k_contrast
+      ),
+      k_saturation
+    ),
+    k_gamma
+  );
+}
+vec3 rgb2hsv(vec3 c) {
+    vec4 K = vec4(0.0, -1.0 / 3.0, 2.0 / 3.0, -1.0);
+    vec4 p = mix(vec4(c.bg, K.wz), vec4(c.gb, K.xy), step(c.b, c.g));
+    vec4 q = mix(vec4(p.xyw, c.r), vec4(c.r, p.yzx), step(p.x, c.r));
+
+    float d = q.x - min(q.w, q.y);
+    float e = 1.0e-10;
+    return vec3(abs(q.z + (q.w - q.y) / (6.0 * d + e)), d / (q.x + e), q.x);
+}
+
+vec3 hsv2rgb(vec3 c) {
+    vec4 K = vec4(1.0, 2.0 / 3.0, 1.0 / 3.0, 3.0);
+    vec3 p = abs(fract(c.xxx + K.xyz) * 6.0 - K.www);
+    return c.z * mix(K.xxx, clamp(p - K.xxx, 0.0, 1.0), c.y);
+}
+highp float decode_f32(highp vec4 rgba) {
+    highp float Sign = 1.0 - step(128.0,rgba[0])*2.0;
+    highp float Exponent = 2.0 * mod(rgba[0],128.0) + step(128.0,rgba[1]) - 127.0; 
+    if (abs(Exponent + 127.0) < 1e-3) {
+        return 0.0;
+    }
+    highp float Mantissa = mod(rgba[1],128.0)*65536.0 + rgba[2]*256.0 +rgba[3] + float(0x800000);
+    highp float Result =  Sign * exp2(Exponent) * (Mantissa * exp2(-23.0 )); 
+    return Result;
+}
+
+int decode_i32(vec4 rgba) {
+    int r = int(rgba.r * 255.0 + 0.5);
+    int g = int(rgba.g * 255.0 + 0.5);
+    int b = int(rgba.b * 255.0 + 0.5);
+    int a = int(rgba.a * 255.0 + 0.5);
+
+    int value = (r << 24) | (g << 16) | (b << 8) | a; // Combine into a 16-bit integer
+
+    return value;
+}
+
+int decode_i16(vec2 rg) {
+    int r = int(rg.r * 255.0 + 0.5);
+    int g = int(rg.g * 255.0 + 0.5);
+
+    int value = (r << 8) | g; // Combine into a 16-bit integer
+
+    if (value >= 32768) {
+        value -= 65536;
+    }
+
+    return value;
+}
+
+uint decode_u8(float r) {
+    uint value = uint(r * 255.0 + 0.5);
+    return value;
+}
+
+
+
+
+vec4 uvw2c_r(vec3 uv) {    
+    vec2 va = texture(tex, uv).ra;
+
+    va.x = transfer_func(H, va.x, min_value, max_value);
+
+    va.x = mix(va.x, 1.0 - va.x, reversed);
+
+    vec4 c = colormap_f(va.x);
+    return apply_tonal(c);
+}
+
+vec4 uvw2c_rgba(vec3 uv) {
+    vec4 c = texture(tex, uv).rgba;
+
+    c.r = transfer_func(H, c.r, min_value, max_value);
+    c.g = transfer_func(H, c.g, min_value, max_value);
+    c.b = transfer_func(H, c.b, min_value, max_value);
+
+    c.rgb = mix(c.rgb, 1.0 - c.rgb, reversed);
+
+    return apply_tonal(c);
+}
+
+vec4 uvw2c_ra(vec3 uv) {
+    vec2 c = texture(tex, uv).rg;
+
+    c.r = transfer_func(H, c.r, min_value, max_value);
+
+    c.r = mix(c.r, 1.0 - c.r, reversed);
+
+    vec3 color = colormap_f(c.r).rgb;
+
+    return apply_tonal(vec4(color, c.g));
+}
+
+vec4 uvw2cmap_rgba(vec3 uv) {    
+    float v = texture(tex, uv).r;
+    v = transfer_func(H, v, min_value, max_value);
+    vec4 c = colormap_f(v);
+    c.rgb = mix(c.rgb, 1.0 - c.rgb, reversed);
+
+    return apply_tonal(c);
+}
+
+vec4 val2c_f32(float x) {
+    float alpha = x * scale + offset;
+    alpha = transfer_func(H, alpha, min_value, max_value);
+
+    alpha = mix(alpha, 1.0 - alpha, reversed);
+
+    vec4 new_color = mix(colormap_f(alpha), vec4(0.0), float(isinf(x)));
+    return apply_tonal(new_color);
+}
+
+vec4 val2c(float x) {
+    float alpha = x * scale + offset;
+    alpha = transfer_func(H, alpha, min_value, max_value);
+
+    alpha = mix(alpha, 1.0 - alpha, reversed);
+
+    vec4 new_color = mix(colormap_f(alpha), vec4(0.0), float(x == blank || isnan(x)));
+    return apply_tonal(new_color);
+}
+
+vec4 uvw2c_f32(vec3 uv) {
+    float val = decode_f32(texture(tex, uv).rgba*255.0);
+    return val2c_f32(val);
+}
+
+vec4 uvw2c_i32(vec3 uv) {
+    float val = float(decode_i32(texture(tex, uv).rgba));
+    return val2c(val);
+}
+
+vec4 uvw2c_i16(vec3 uv) {
+    float val = float(decode_i16(texture(tex, uv).rg));
+    return val2c(val);
+}
+
+vec4 uvw2c_u8(vec3 uv) {
+    float val = float(decode_u8(texture(tex, uv).r));
+    return val2c(val);
+}
+
+void main() {
+    vec4 color_start = uvw2c_rgba(frag_uv_start);
+    vec4 color_end = uvw2c_rgba(frag_uv_end);
+
+    out_frag_color = mix(color_start, color_end, frag_blending_factor);
+    out_frag_color.a = opacity * out_frag_color.a;
+}"#,
+    );
+    out.insert(
+        r"hips3d_i16.frag",
+        r#"#version 300 es
+precision lowp float;
+precision lowp sampler3D;
+precision lowp isampler3D;
+precision lowp usampler3D;
+
+uniform sampler3D tex;
+
+in vec3 frag_uv;
+
+out vec4 out_frag_color;
+
+uniform float scale;
+uniform float offset;
+uniform float blank;
+uniform float min_value;
+uniform float max_value;
+uniform int H;
+uniform float reversed;
+
+uniform sampler2D colormaps;
+uniform float num_colormaps;
+uniform float colormap_id;
+
+vec4 colormap_f(float x) {
+    float id = (colormap_id + 0.5) / num_colormaps;
+    return texture(colormaps, vec2(x, id));
+}
+float linear_f(float x, float min_value, float max_value) {
+    return clamp((x - min_value)/(max_value - min_value), 0.0, 1.0);
+}
+
+float sqrt_f(float x, float min_value, float max_value) {
+    float a = linear_f(x, min_value, max_value);
+    return sqrt(a);
+}
+
+float log_f(float x, float min_value, float max_value) {
+    float y = linear_f(x, min_value, max_value);
+    float a = 1000.0;
+    return log(a*y + 1.0)/log(a);
+}
+
+float asinh_f(float x, float min_value, float max_value) {
+    float d = linear_f(x, min_value, max_value);
+    return asinh(10.0*d)/3.0;
+}
+
+float pow2_f(float x, float min_value, float max_value) {
+    float d = linear_f(x, min_value, max_value);
+    return d*d;
+}
+
+float transfer_func(int H, float x, float min_value, float max_value) {
+    if (H == 0) {
+        return linear_f(x, min_value, max_value);
+    } else if (H == 1) {
+        return sqrt_f(x, min_value, max_value);
+    } else if (H == 2) {
+        return log_f(x, min_value, max_value);
+    } else if (H == 3) {
+        return asinh_f(x, min_value, max_value);
+    } else {
+        return pow2_f(x, min_value, max_value);
+    }
+}
+
+uniform float k_gamma;
+uniform float k_saturation;
+uniform float k_contrast;
+uniform float k_brightness;
+uniform float k_exposure;
+
+vec4 apply_gamma(vec4 ic, float g) {
+    float new_r = pow(ic.r, g);
+    float new_g = pow(ic.g, g);
+    float new_b = pow(ic.b, g);
+
+    return vec4(new_r, new_g, new_b, ic.a);
+}
+
+vec4 apply_saturation(vec4 color, float value) {
+    const vec3 luminosity_factor = vec3(0.2126, 0.7152, 0.0722);
+    vec3 grayscale = vec3(dot(color.rgb, luminosity_factor));
+    
+    return vec4(mix(grayscale, color.rgb, 1.0 + value), color.a);
+}
+
+vec4 apply_contrast(vec4 color, float value) {
+    return vec4(0.5 + (1.0 + value) * (color.rgb - 0.5), color.a);
+}
+
+vec4 apply_brightness(vec4 color, float value) {
+    return vec4(color.rgb + value, color.a);
+}
+
+vec4 apply_exposure(vec4 color, float value) {
+    return vec4((1.0 + value) * color.rgb, color.a);
+}
+
+vec4 apply_tonal(vec4 color) {
+  return apply_gamma(
+    apply_saturation(
+      apply_contrast(
+        apply_brightness(color, k_brightness),
+        k_contrast
+      ),
+      k_saturation
+    ),
+    k_gamma
+  );
+}
+vec3 rgb2hsv(vec3 c) {
+    vec4 K = vec4(0.0, -1.0 / 3.0, 2.0 / 3.0, -1.0);
+    vec4 p = mix(vec4(c.bg, K.wz), vec4(c.gb, K.xy), step(c.b, c.g));
+    vec4 q = mix(vec4(p.xyw, c.r), vec4(c.r, p.yzx), step(p.x, c.r));
+
+    float d = q.x - min(q.w, q.y);
+    float e = 1.0e-10;
+    return vec3(abs(q.z + (q.w - q.y) / (6.0 * d + e)), d / (q.x + e), q.x);
+}
+
+vec3 hsv2rgb(vec3 c) {
+    vec4 K = vec4(1.0, 2.0 / 3.0, 1.0 / 3.0, 3.0);
+    vec3 p = abs(fract(c.xxx + K.xyz) * 6.0 - K.www);
+    return c.z * mix(K.xxx, clamp(p - K.xxx, 0.0, 1.0), c.y);
+}
+highp float decode_f32(highp vec4 rgba) {
+    highp float Sign = 1.0 - step(128.0,rgba[0])*2.0;
+    highp float Exponent = 2.0 * mod(rgba[0],128.0) + step(128.0,rgba[1]) - 127.0; 
+    if (abs(Exponent + 127.0) < 1e-3) {
+        return 0.0;
+    }
+    highp float Mantissa = mod(rgba[1],128.0)*65536.0 + rgba[2]*256.0 +rgba[3] + float(0x800000);
+    highp float Result =  Sign * exp2(Exponent) * (Mantissa * exp2(-23.0 )); 
+    return Result;
+}
+
+int decode_i32(vec4 rgba) {
+    int r = int(rgba.r * 255.0 + 0.5);
+    int g = int(rgba.g * 255.0 + 0.5);
+    int b = int(rgba.b * 255.0 + 0.5);
+    int a = int(rgba.a * 255.0 + 0.5);
+
+    int value = (r << 24) | (g << 16) | (b << 8) | a; // Combine into a 16-bit integer
+
+    return value;
+}
+
+int decode_i16(vec2 rg) {
+    int r = int(rg.r * 255.0 + 0.5);
+    int g = int(rg.g * 255.0 + 0.5);
+
+    int value = (r << 8) | g; // Combine into a 16-bit integer
+
+    if (value >= 32768) {
+        value -= 65536;
+    }
+
+    return value;
+}
+
+uint decode_u8(float r) {
+    uint value = uint(r * 255.0 + 0.5);
+    return value;
+}
+
+
+
+
+vec4 uvw2c_r(vec3 uv) {    
+    vec2 va = texture(tex, uv).ra;
+
+    va.x = transfer_func(H, va.x, min_value, max_value);
+
+    va.x = mix(va.x, 1.0 - va.x, reversed);
+
+    vec4 c = colormap_f(va.x);
+    return apply_tonal(c);
+}
+
+vec4 uvw2c_rgba(vec3 uv) {
+    vec4 c = texture(tex, uv).rgba;
+
+    c.r = transfer_func(H, c.r, min_value, max_value);
+    c.g = transfer_func(H, c.g, min_value, max_value);
+    c.b = transfer_func(H, c.b, min_value, max_value);
+
+    c.rgb = mix(c.rgb, 1.0 - c.rgb, reversed);
+
+    return apply_tonal(c);
+}
+
+vec4 uvw2c_ra(vec3 uv) {
+    vec2 c = texture(tex, uv).rg;
+
+    c.r = transfer_func(H, c.r, min_value, max_value);
+
+    c.r = mix(c.r, 1.0 - c.r, reversed);
+
+    vec3 color = colormap_f(c.r).rgb;
+
+    return apply_tonal(vec4(color, c.g));
+}
+
+vec4 uvw2cmap_rgba(vec3 uv) {    
+    float v = texture(tex, uv).r;
+    v = transfer_func(H, v, min_value, max_value);
+    vec4 c = colormap_f(v);
+    c.rgb = mix(c.rgb, 1.0 - c.rgb, reversed);
+
+    return apply_tonal(c);
+}
+
+vec4 val2c_f32(float x) {
+    float alpha = x * scale + offset;
+    alpha = transfer_func(H, alpha, min_value, max_value);
+
+    alpha = mix(alpha, 1.0 - alpha, reversed);
+
+    vec4 new_color = mix(colormap_f(alpha), vec4(0.0), float(isinf(x)));
+    return apply_tonal(new_color);
+}
+
+vec4 val2c(float x) {
+    float alpha = x * scale + offset;
+    alpha = transfer_func(H, alpha, min_value, max_value);
+
+    alpha = mix(alpha, 1.0 - alpha, reversed);
+
+    vec4 new_color = mix(colormap_f(alpha), vec4(0.0), float(x == blank || isnan(x)));
+    return apply_tonal(new_color);
+}
+
+vec4 uvw2c_f32(vec3 uv) {
+    float val = decode_f32(texture(tex, uv).rgba*255.0);
+    return val2c_f32(val);
+}
+
+vec4 uvw2c_i32(vec3 uv) {
+    float val = float(decode_i32(texture(tex, uv).rgba));
+    return val2c(val);
+}
+
+vec4 uvw2c_i16(vec3 uv) {
+    float val = float(decode_i16(texture(tex, uv).rg));
+    return val2c(val);
+}
+
+vec4 uvw2c_u8(vec3 uv) {
+    float val = float(decode_u8(texture(tex, uv).r));
+    return val2c(val);
+}
+
+uniform float opacity;
+
+void main() {
+    vec3 uv = vec3(frag_uv.xyz);
+    uv.y = 1.0 - uv.y;
+
+    vec4 color = uvw2c_i16(uv);
+
+    out_frag_color = color;
+    out_frag_color.a = out_frag_color.a * opacity;
+}"#,
+    );
+    out.insert(
+        r"line_base.vert",
+        r#"#version 300 es
+precision highp float;
+layout (location = 0) in vec2 ndc_pos;
+
+out float l;
+
+void main() {
+  gl_Position = vec4(
+        ndc_pos,
+        0.0,
+        1.0
+    );
+}"#,
+    );
+    out.insert(
+        r"hips_rasterizer_f32.frag",
+        r#"#version 300 es
+precision lowp float;
+precision lowp sampler2DArray;
+
+uniform sampler2DArray tex;
+
+in vec3 frag_uv_start;
+in vec3 frag_uv_end;
+in float frag_blending_factor;
+
+out vec4 out_frag_color;
+
+uniform float scale;
+uniform float offset;
+uniform float blank;
+uniform float min_value;
+uniform float max_value;
+uniform int H;
+uniform float reversed;
+
+uniform sampler2D colormaps;
+uniform float num_colormaps;
+uniform float colormap_id;
+
+vec4 colormap_f(float x) {
+    float id = (colormap_id + 0.5) / num_colormaps;
+    return texture(colormaps, vec2(x, id));
+}
+float linear_f(float x, float min_value, float max_value) {
+    return clamp((x - min_value)/(max_value - min_value), 0.0, 1.0);
+}
+
+float sqrt_f(float x, float min_value, float max_value) {
+    float a = linear_f(x, min_value, max_value);
+    return sqrt(a);
+}
+
+float log_f(float x, float min_value, float max_value) {
+    float y = linear_f(x, min_value, max_value);
+    float a = 1000.0;
+    return log(a*y + 1.0)/log(a);
+}
+
+float asinh_f(float x, float min_value, float max_value) {
+    float d = linear_f(x, min_value, max_value);
+    return asinh(10.0*d)/3.0;
+}
+
+float pow2_f(float x, float min_value, float max_value) {
+    float d = linear_f(x, min_value, max_value);
+    return d*d;
+}
+
+float transfer_func(int H, float x, float min_value, float max_value) {
+    if (H == 0) {
+        return linear_f(x, min_value, max_value);
+    } else if (H == 1) {
+        return sqrt_f(x, min_value, max_value);
+    } else if (H == 2) {
+        return log_f(x, min_value, max_value);
+    } else if (H == 3) {
+        return asinh_f(x, min_value, max_value);
+    } else {
+        return pow2_f(x, min_value, max_value);
+    }
+}
+
+uniform float k_gamma;
+uniform float k_saturation;
+uniform float k_contrast;
+uniform float k_brightness;
+uniform float k_exposure;
+
+vec4 apply_gamma(vec4 ic, float g) {
+    float new_r = pow(ic.r, g);
+    float new_g = pow(ic.g, g);
+    float new_b = pow(ic.b, g);
+
+    return vec4(new_r, new_g, new_b, ic.a);
+}
+
+vec4 apply_saturation(vec4 color, float value) {
+    const vec3 luminosity_factor = vec3(0.2126, 0.7152, 0.0722);
+    vec3 grayscale = vec3(dot(color.rgb, luminosity_factor));
+    
+    return vec4(mix(grayscale, color.rgb, 1.0 + value), color.a);
+}
+
+vec4 apply_contrast(vec4 color, float value) {
+    return vec4(0.5 + (1.0 + value) * (color.rgb - 0.5), color.a);
+}
+
+vec4 apply_brightness(vec4 color, float value) {
+    return vec4(color.rgb + value, color.a);
+}
+
+vec4 apply_exposure(vec4 color, float value) {
+    return vec4((1.0 + value) * color.rgb, color.a);
+}
+
+vec4 apply_tonal(vec4 color) {
+  return apply_gamma(
+    apply_saturation(
+      apply_contrast(
+        apply_brightness(color, k_brightness),
+        k_contrast
+      ),
+      k_saturation
+    ),
+    k_gamma
+  );
+}
+vec3 rgb2hsv(vec3 c) {
+    vec4 K = vec4(0.0, -1.0 / 3.0, 2.0 / 3.0, -1.0);
+    vec4 p = mix(vec4(c.bg, K.wz), vec4(c.gb, K.xy), step(c.b, c.g));
+    vec4 q = mix(vec4(p.xyw, c.r), vec4(c.r, p.yzx), step(p.x, c.r));
+
+    float d = q.x - min(q.w, q.y);
+    float e = 1.0e-10;
+    return vec3(abs(q.z + (q.w - q.y) / (6.0 * d + e)), d / (q.x + e), q.x);
+}
+
+vec3 hsv2rgb(vec3 c) {
+    vec4 K = vec4(1.0, 2.0 / 3.0, 1.0 / 3.0, 3.0);
+    vec3 p = abs(fract(c.xxx + K.xyz) * 6.0 - K.www);
+    return c.z * mix(K.xxx, clamp(p - K.xxx, 0.0, 1.0), c.y);
+}
+highp float decode_f32(highp vec4 rgba) {
+    highp float Sign = 1.0 - step(128.0,rgba[0])*2.0;
+    highp float Exponent = 2.0 * mod(rgba[0],128.0) + step(128.0,rgba[1]) - 127.0; 
+    if (abs(Exponent + 127.0) < 1e-3) {
+        return 0.0;
+    }
+    highp float Mantissa = mod(rgba[1],128.0)*65536.0 + rgba[2]*256.0 +rgba[3] + float(0x800000);
+    highp float Result =  Sign * exp2(Exponent) * (Mantissa * exp2(-23.0 )); 
+    return Result;
+}
+
+int decode_i32(vec4 rgba) {
+    int r = int(rgba.r * 255.0 + 0.5);
+    int g = int(rgba.g * 255.0 + 0.5);
+    int b = int(rgba.b * 255.0 + 0.5);
+    int a = int(rgba.a * 255.0 + 0.5);
+
+    int value = (r << 24) | (g << 16) | (b << 8) | a; // Combine into a 16-bit integer
+
+    return value;
+}
+
+int decode_i16(vec2 rg) {
+    int r = int(rg.r * 255.0 + 0.5);
+    int g = int(rg.g * 255.0 + 0.5);
+
+    int value = (r << 8) | g; // Combine into a 16-bit integer
+
+    if (value >= 32768) {
+        value -= 65536;
+    }
+
+    return value;
+}
+
+uint decode_u8(float r) {
+    uint value = uint(r * 255.0 + 0.5);
+    return value;
+}
+
+
+
+
+vec4 uvw2c_r(vec3 uv) {    
+    vec2 va = texture(tex, uv).ra;
+
+    va.x = transfer_func(H, va.x, min_value, max_value);
+
+    va.x = mix(va.x, 1.0 - va.x, reversed);
+
+    vec4 c = colormap_f(va.x);
+    return apply_tonal(c);
+}
+
+vec4 uvw2c_rgba(vec3 uv) {
+    vec4 c = texture(tex, uv).rgba;
+
+    c.r = transfer_func(H, c.r, min_value, max_value);
+    c.g = transfer_func(H, c.g, min_value, max_value);
+    c.b = transfer_func(H, c.b, min_value, max_value);
+
+    c.rgb = mix(c.rgb, 1.0 - c.rgb, reversed);
+
+    return apply_tonal(c);
+}
+
+vec4 uvw2c_ra(vec3 uv) {
+    vec2 c = texture(tex, uv).rg;
+
+    c.r = transfer_func(H, c.r, min_value, max_value);
+
+    c.r = mix(c.r, 1.0 - c.r, reversed);
+
+    vec3 color = colormap_f(c.r).rgb;
+
+    return apply_tonal(vec4(color, c.g));
+}
+
+vec4 uvw2cmap_rgba(vec3 uv) {    
+    float v = texture(tex, uv).r;
+    v = transfer_func(H, v, min_value, max_value);
+    vec4 c = colormap_f(v);
+    c.rgb = mix(c.rgb, 1.0 - c.rgb, reversed);
+
+    return apply_tonal(c);
+}
+
+vec4 val2c_f32(float x) {
+    float alpha = x * scale + offset;
+    alpha = transfer_func(H, alpha, min_value, max_value);
+
+    alpha = mix(alpha, 1.0 - alpha, reversed);
+
+    vec4 new_color = mix(colormap_f(alpha), vec4(0.0), float(isinf(x)));
+    return apply_tonal(new_color);
+}
+
+vec4 val2c(float x) {
+    float alpha = x * scale + offset;
+    alpha = transfer_func(H, alpha, min_value, max_value);
+
+    alpha = mix(alpha, 1.0 - alpha, reversed);
+
+    vec4 new_color = mix(colormap_f(alpha), vec4(0.0), float(x == blank || isnan(x)));
+    return apply_tonal(new_color);
+}
+
+vec4 uvw2c_f32(vec3 uv) {
+    float val = decode_f32(texture(tex, uv).rgba*255.0);
+    return val2c_f32(val);
+}
+
+vec4 uvw2c_i32(vec3 uv) {
+    float val = float(decode_i32(texture(tex, uv).rgba));
+    return val2c(val);
+}
+
+vec4 uvw2c_i16(vec3 uv) {
+    float val = float(decode_i16(texture(tex, uv).rg));
+    return val2c(val);
+}
+
+vec4 uvw2c_u8(vec3 uv) {
+    float val = float(decode_u8(texture(tex, uv).r));
+    return val2c(val);
+}
+
+uniform float opacity;
+
+void main() {
+    vec3 uv0 = frag_uv_start;
+    vec3 uv1 = frag_uv_end;
+    uv0.y = 1.0 - uv0.y;
+    uv1.y = 1.0 - uv1.y;
+
+    vec4 color_start = uvw2c_f32(uv0);
+    vec4 color_end = uvw2c_f32(uv1);
+
+    out_frag_color = mix(color_start, color_end, frag_blending_factor);
+    out_frag_color.a = out_frag_color.a * opacity;
+}"#,
+    );
+    out.insert(
+        r"hips_rasterizer_u8.frag",
+        r#"#version 300 es
+precision lowp float;
+precision lowp sampler2DArray;
+
+uniform sampler2DArray tex;
+
+in vec3 frag_uv_start;
+in vec3 frag_uv_end;
+in float frag_blending_factor;
+
+out vec4 out_frag_color;
+
+uniform float scale;
+uniform float offset;
+uniform float blank;
+uniform float min_value;
+uniform float max_value;
+uniform int H;
+uniform float reversed;
+
+uniform sampler2D colormaps;
+uniform float num_colormaps;
+uniform float colormap_id;
+
+vec4 colormap_f(float x) {
+    float id = (colormap_id + 0.5) / num_colormaps;
+    return texture(colormaps, vec2(x, id));
+}
+float linear_f(float x, float min_value, float max_value) {
+    return clamp((x - min_value)/(max_value - min_value), 0.0, 1.0);
+}
+
+float sqrt_f(float x, float min_value, float max_value) {
+    float a = linear_f(x, min_value, max_value);
+    return sqrt(a);
+}
+
+float log_f(float x, float min_value, float max_value) {
+    float y = linear_f(x, min_value, max_value);
+    float a = 1000.0;
+    return log(a*y + 1.0)/log(a);
+}
+
+float asinh_f(float x, float min_value, float max_value) {
+    float d = linear_f(x, min_value, max_value);
+    return asinh(10.0*d)/3.0;
+}
+
+float pow2_f(float x, float min_value, float max_value) {
+    float d = linear_f(x, min_value, max_value);
+    return d*d;
+}
+
+float transfer_func(int H, float x, float min_value, float max_value) {
+    if (H == 0) {
+        return linear_f(x, min_value, max_value);
+    } else if (H == 1) {
+        return sqrt_f(x, min_value, max_value);
+    } else if (H == 2) {
+        return log_f(x, min_value, max_value);
+    } else if (H == 3) {
+        return asinh_f(x, min_value, max_value);
+    } else {
+        return pow2_f(x, min_value, max_value);
+    }
+}
+
+uniform float k_gamma;
+uniform float k_saturation;
+uniform float k_contrast;
+uniform float k_brightness;
+uniform float k_exposure;
+
+vec4 apply_gamma(vec4 ic, float g) {
+    float new_r = pow(ic.r, g);
+    float new_g = pow(ic.g, g);
+    float new_b = pow(ic.b, g);
+
+    return vec4(new_r, new_g, new_b, ic.a);
+}
+
+vec4 apply_saturation(vec4 color, float value) {
+    const vec3 luminosity_factor = vec3(0.2126, 0.7152, 0.0722);
+    vec3 grayscale = vec3(dot(color.rgb, luminosity_factor));
+    
+    return vec4(mix(grayscale, color.rgb, 1.0 + value), color.a);
+}
+
+vec4 apply_contrast(vec4 color, float value) {
+    return vec4(0.5 + (1.0 + value) * (color.rgb - 0.5), color.a);
+}
+
+vec4 apply_brightness(vec4 color, float value) {
+    return vec4(color.rgb + value, color.a);
+}
+
+vec4 apply_exposure(vec4 color, float value) {
+    return vec4((1.0 + value) * color.rgb, color.a);
+}
+
+vec4 apply_tonal(vec4 color) {
+  return apply_gamma(
+    apply_saturation(
+      apply_contrast(
+        apply_brightness(color, k_brightness),
+        k_contrast
+      ),
+      k_saturation
+    ),
+    k_gamma
+  );
+}
+vec3 rgb2hsv(vec3 c) {
+    vec4 K = vec4(0.0, -1.0 / 3.0, 2.0 / 3.0, -1.0);
+    vec4 p = mix(vec4(c.bg, K.wz), vec4(c.gb, K.xy), step(c.b, c.g));
+    vec4 q = mix(vec4(p.xyw, c.r), vec4(c.r, p.yzx), step(p.x, c.r));
+
+    float d = q.x - min(q.w, q.y);
+    float e = 1.0e-10;
+    return vec3(abs(q.z + (q.w - q.y) / (6.0 * d + e)), d / (q.x + e), q.x);
+}
+
+vec3 hsv2rgb(vec3 c) {
+    vec4 K = vec4(1.0, 2.0 / 3.0, 1.0 / 3.0, 3.0);
+    vec3 p = abs(fract(c.xxx + K.xyz) * 6.0 - K.www);
+    return c.z * mix(K.xxx, clamp(p - K.xxx, 0.0, 1.0), c.y);
+}
+highp float decode_f32(highp vec4 rgba) {
+    highp float Sign = 1.0 - step(128.0,rgba[0])*2.0;
+    highp float Exponent = 2.0 * mod(rgba[0],128.0) + step(128.0,rgba[1]) - 127.0; 
+    if (abs(Exponent + 127.0) < 1e-3) {
+        return 0.0;
+    }
+    highp float Mantissa = mod(rgba[1],128.0)*65536.0 + rgba[2]*256.0 +rgba[3] + float(0x800000);
+    highp float Result =  Sign * exp2(Exponent) * (Mantissa * exp2(-23.0 )); 
+    return Result;
+}
+
+int decode_i32(vec4 rgba) {
+    int r = int(rgba.r * 255.0 + 0.5);
+    int g = int(rgba.g * 255.0 + 0.5);
+    int b = int(rgba.b * 255.0 + 0.5);
+    int a = int(rgba.a * 255.0 + 0.5);
+
+    int value = (r << 24) | (g << 16) | (b << 8) | a; // Combine into a 16-bit integer
+
+    return value;
+}
+
+int decode_i16(vec2 rg) {
+    int r = int(rg.r * 255.0 + 0.5);
+    int g = int(rg.g * 255.0 + 0.5);
+
+    int value = (r << 8) | g; // Combine into a 16-bit integer
+
+    if (value >= 32768) {
+        value -= 65536;
+    }
+
+    return value;
+}
+
+uint decode_u8(float r) {
+    uint value = uint(r * 255.0 + 0.5);
+    return value;
+}
+
+
+
+
+vec4 uvw2c_r(vec3 uv) {    
+    vec2 va = texture(tex, uv).ra;
+
+    va.x = transfer_func(H, va.x, min_value, max_value);
+
+    va.x = mix(va.x, 1.0 - va.x, reversed);
+
+    vec4 c = colormap_f(va.x);
+    return apply_tonal(c);
+}
+
+vec4 uvw2c_rgba(vec3 uv) {
+    vec4 c = texture(tex, uv).rgba;
+
+    c.r = transfer_func(H, c.r, min_value, max_value);
+    c.g = transfer_func(H, c.g, min_value, max_value);
+    c.b = transfer_func(H, c.b, min_value, max_value);
+
+    c.rgb = mix(c.rgb, 1.0 - c.rgb, reversed);
+
+    return apply_tonal(c);
+}
+
+vec4 uvw2c_ra(vec3 uv) {
+    vec2 c = texture(tex, uv).rg;
+
+    c.r = transfer_func(H, c.r, min_value, max_value);
+
+    c.r = mix(c.r, 1.0 - c.r, reversed);
+
+    vec3 color = colormap_f(c.r).rgb;
+
+    return apply_tonal(vec4(color, c.g));
+}
+
+vec4 uvw2cmap_rgba(vec3 uv) {    
+    float v = texture(tex, uv).r;
+    v = transfer_func(H, v, min_value, max_value);
+    vec4 c = colormap_f(v);
+    c.rgb = mix(c.rgb, 1.0 - c.rgb, reversed);
+
+    return apply_tonal(c);
+}
+
+vec4 val2c_f32(float x) {
+    float alpha = x * scale + offset;
+    alpha = transfer_func(H, alpha, min_value, max_value);
+
+    alpha = mix(alpha, 1.0 - alpha, reversed);
+
+    vec4 new_color = mix(colormap_f(alpha), vec4(0.0), float(isinf(x)));
+    return apply_tonal(new_color);
+}
+
+vec4 val2c(float x) {
+    float alpha = x * scale + offset;
+    alpha = transfer_func(H, alpha, min_value, max_value);
+
+    alpha = mix(alpha, 1.0 - alpha, reversed);
+
+    vec4 new_color = mix(colormap_f(alpha), vec4(0.0), float(x == blank || isnan(x)));
+    return apply_tonal(new_color);
+}
+
+vec4 uvw2c_f32(vec3 uv) {
+    float val = decode_f32(texture(tex, uv).rgba*255.0);
+    return val2c_f32(val);
+}
+
+vec4 uvw2c_i32(vec3 uv) {
+    float val = float(decode_i32(texture(tex, uv).rgba));
+    return val2c(val);
+}
+
+vec4 uvw2c_i16(vec3 uv) {
+    float val = float(decode_i16(texture(tex, uv).rg));
+    return val2c(val);
+}
+
+vec4 uvw2c_u8(vec3 uv) {
+    float val = float(decode_u8(texture(tex, uv).r));
+    return val2c(val);
+}
+
+uniform float opacity;
+
+void main() {
+    vec3 uv0 = frag_uv_start;
+    vec3 uv1 = frag_uv_end;
+    uv0.y = 1.0 - uv0.y;
+    uv1.y = 1.0 - uv1.y;
+
+    vec4 color_start = uvw2c_u8(uv0);
+    vec4 color_end = uvw2c_u8(uv1);
+
+    out_frag_color = mix(color_start, color_end, frag_blending_factor);
+    out_frag_color.a = out_frag_color.a * opacity;
+}"#,
+    );
+    out.insert(
+        r"hips_raytracer_raytracer.vert",
+        r#"#version 300 es
+precision lowp float;
+precision mediump int;
+
+layout (location = 0) in vec2 pos_clip_space;
+layout (location = 1) in vec3 pos_world_space;
+
+out vec2 out_clip_pos;
+out vec3 frag_pos;
+
+uniform vec2 ndc_to_clip;
+uniform float czf;
+uniform mat3 model;
+
+void main() {
+    vec2 uv = pos_clip_space * 0.5 + 0.5;
+
+    frag_pos = model * pos_world_space;
+
+    gl_Position = vec4(pos_clip_space / (ndc_to_clip * czf), 0.0, 1.0);
+    out_clip_pos = pos_clip_space;
+}"#,
+    );
+    out.insert(
+        r"moc_base.vert",
+        r#"#version 300 es
+precision highp float;
+layout (location = 0) in vec2 lonlat;
+
+uniform mat3 u_2world;
+uniform vec2 ndc_to_clip;
+uniform float czf;
+
+const float PI = 3.141592653589793;
+const float SQRT_2 = 1.41421356237309504880168872420969808;
+
+vec2 w2c_sin(vec3 p) {
+    vec2 q = vec2(-p.x, p.y);
+    return p.z >= 0.f ? q : normalize(q);
+}
+
+vec2 w2c_sin_no_backface(vec3 p) {
+    return vec2(-p.x, p.y);
+}
+
+vec2 w2c_ait(vec3 p) {
+    float r = length(p.zx);
+    float w = sqrt((r * (r + p.z)) * 0.5f); // = cos(b) cos(l/2)
+    w = sqrt((1.0 + w) * 0.5f);             // = 1 / gamma
+    float y2d = p.y / w;
+
+    float x2d = 0.0;
+    if (abs(p.x) < 5e-3) {
+        float x_over_r = p.x/r;
+        x2d = -p.x * (1.0 - x_over_r*x_over_r/21.0) / w;
+    } else {
+        w = sqrt((r*r - r*p.z) * 2.0) / w; // = 2 * gamma * cos(b) sin(l/2)
+        x2d = sign(-p.x) * w;
+    }
+
+    return vec2(x2d * 0.5, y2d) / SQRT_2;
+}
+const float eps = 1.25e-8;
+const int n_iter = 100;
+
+float newton_solve(float z) {
+    float cte = PI * z;
+    float x = 2.0 * asin(z);
+    float f = x + sin(x) - cte; 
+    int i = 0;
+    while (abs(f) > eps && i < n_iter) {
+        x -= f / (1.0 + cos(x));
+        f = x + sin(x) - cte;
+        i += 1;
+    }
+
+    return 0.5 * x;
+}
+
+vec2 w2c_mol(vec3 p) {
+    float g = newton_solve(p.y);
+
+    float sg = sin(g);
+    float cg = cos(g);
+    return vec2((atan(-p.x, p.z) * cg) / PI, sg);
+}
+vec2 w2c_tan(vec3 p) {
+    p.z = max(p.z, 1e-2);
+    return vec2(-p.x, p.y) / (p.z*PI);
+}
+vec2 w2c_stg(vec3 p) {
+    float w = (1.0 + p.z) * 0.5;
+    return vec2(-p.x, p.y) / (PI * w);
+}
+vec2 w2c_zea(vec3 p) {
+    float w = sqrt(0.5 + 0.5 * p.z); // <=> sqrt[(1 + x) / 2]
+    return vec2(-p.x, p.y) * 0.5 / w;
+}
+vec2 w2c_mer(vec3 p) {
+    return vec2(atan(-p.x, p.z), atanh(p.y)) / PI;
+}
+
+vec3 lonlat2xyz(vec2 lonlat) {
+    float t = lonlat.x;
+    float tc = cos(t);
+    float ts = sin(t);
+
+    float d = lonlat.y;
+    float dc = cos(d);
+    float ds = sin(d);
+
+    return vec3(dc * ts, ds, dc * tc);
+}
+
+uniform int u_proj;
+
+vec2 proj(vec3 p) {
+    if (u_proj == 0) {
+        return w2c_tan(p);
+    } else if (u_proj == 1) {
+        return w2c_stg(p);
+    } else if (u_proj == 2) {
+        return w2c_sin(p);
+    } else if (u_proj == 3) {
+        return w2c_zea(p);
+    } else if (u_proj == 4) {
+        return w2c_ait(p);
+    } else if (u_proj == 5) {
+        return w2c_mol(p);
+    } else {
+        return w2c_mer(p);
+    }
+}
+
+void main() {
+    vec3 p_xyz = lonlat2xyz(lonlat);
+    vec3 p_w = u_2world * p_xyz; 
+    vec2 p_clip = proj(p_w);
+
+    vec2 p_ndc = p_clip / (ndc_to_clip * czf);
+    gl_Position = vec4(p_ndc, 0.f, 1.f);
+}"#,
+    );
+    out.insert(
+        r"colormaps_colormap.frag",
+        r#"#version 300 es
+precision lowp float;
+precision lowp sampler2D;
+
+in vec2 out_uv;
+out vec4 color;
+
+uniform sampler2D texture_fbo;
+uniform float alpha;
+
+uniform sampler2D colormaps;
+uniform float num_colormaps;
+uniform float colormap_id;
+
+vec4 colormap_f(float x) {
+    float id = (colormap_id + 0.5) / num_colormaps;
+    return texture(colormaps, vec2(x, id));
+}
+
+void main() {
+    float opacity = texture(texture_fbo, out_uv).r;
+
+    float o = smoothstep(0.0, 0.1, opacity);
+
+    color = colormap_f(opacity);
+    color.a = o * alpha;
+}"#,
+    );
+    out.insert(
+        r"hips3d_raster.vert",
+        r#"#version 300 es
+precision lowp float;
+
+layout (location = 0) in vec2 lonlat;
+layout (location = 1) in vec3 uv;
+
+out vec3 frag_uv;
+
+uniform mat3 inv_model;
+uniform vec2 ndc_to_clip;
+uniform float czf;
+
+const float PI = 3.141592653589793;
+const float SQRT_2 = 1.41421356237309504880168872420969808;
+
+vec2 w2c_sin(vec3 p) {
+    vec2 q = vec2(-p.x, p.y);
+    return p.z >= 0.f ? q : normalize(q);
+}
+
+vec2 w2c_sin_no_backface(vec3 p) {
+    return vec2(-p.x, p.y);
+}
+
+vec2 w2c_ait(vec3 p) {
+    float r = length(p.zx);
+    float w = sqrt((r * (r + p.z)) * 0.5f); // = cos(b) cos(l/2)
+    w = sqrt((1.0 + w) * 0.5f);             // = 1 / gamma
+    float y2d = p.y / w;
+
+    float x2d = 0.0;
+    if (abs(p.x) < 5e-3) {
+        float x_over_r = p.x/r;
+        x2d = -p.x * (1.0 - x_over_r*x_over_r/21.0) / w;
+    } else {
+        w = sqrt((r*r - r*p.z) * 2.0) / w; // = 2 * gamma * cos(b) sin(l/2)
+        x2d = sign(-p.x) * w;
+    }
+
+    return vec2(x2d * 0.5, y2d) / SQRT_2;
+}
+const float eps = 1.25e-8;
+const int n_iter = 100;
+
+float newton_solve(float z) {
+    float cte = PI * z;
+    float x = 2.0 * asin(z);
+    float f = x + sin(x) - cte; 
+    int i = 0;
+    while (abs(f) > eps && i < n_iter) {
+        x -= f / (1.0 + cos(x));
+        f = x + sin(x) - cte;
+        i += 1;
+    }
+
+    return 0.5 * x;
+}
+
+vec2 w2c_mol(vec3 p) {
+    float g = newton_solve(p.y);
+
+    float sg = sin(g);
+    float cg = cos(g);
+    return vec2((atan(-p.x, p.z) * cg) / PI, sg);
+}
+vec2 w2c_tan(vec3 p) {
+    p.z = max(p.z, 1e-2);
+    return vec2(-p.x, p.y) / (p.z*PI);
+}
+vec2 w2c_stg(vec3 p) {
+    float w = (1.0 + p.z) * 0.5;
+    return vec2(-p.x, p.y) / (PI * w);
+}
+vec2 w2c_zea(vec3 p) {
+    float w = sqrt(0.5 + 0.5 * p.z); // <=> sqrt[(1 + x) / 2]
+    return vec2(-p.x, p.y) * 0.5 / w;
+}
+vec2 w2c_mer(vec3 p) {
+    return vec2(atan(-p.x, p.z), atanh(p.y)) / PI;
+}
+
+vec3 lonlat2xyz(vec2 lonlat) {
+    float t = lonlat.x;
+    float tc = cos(t);
+    float ts = sin(t);
+
+    float d = lonlat.y;
+    float dc = cos(d);
+    float ds = sin(d);
+
+    return vec3(dc * ts, ds, dc * tc);
+}
+
+uniform int u_proj;
+
+vec2 proj(vec3 p) {
+    if (u_proj == 0) {
+        return w2c_tan(p);
+    } else if (u_proj == 1) {
+        return w2c_stg(p);
+    } else if (u_proj == 2) {
+        return w2c_sin(p);
+    } else if (u_proj == 3) {
+        return w2c_zea(p);
+    } else if (u_proj == 4) {
+        return w2c_ait(p);
+    } else if (u_proj == 5) {
+        return w2c_mol(p);
+    } else {
+        return w2c_mer(p);
+    }
+}
+
+void main() {
+    vec3 p_xyz = lonlat2xyz(lonlat);
+    vec3 p_w = inv_model * p_xyz; 
+    vec2 p_clip = proj(p_w.xyz);
+
+    vec2 p_ndc = p_clip / (ndc_to_clip * czf);
+    gl_Position = vec4(p_ndc, 0.0, 1.0);
+
+    frag_uv = uv;
+}"#,
+    );
+    out.insert(
+        r"passes_post_vertex_100es.vert",
+        r#"#version 300 es
+precision mediump float;
+
+layout (location = 0) in vec2 a_pos;
+out vec2 v_tc;
+
+void main() {
+    gl_Position = vec4(a_pos * 2. - 1., 0.0, 1.0);
+    v_tc = a_pos;
+}"#,
+    );
+    out.insert(
+        r"hips3d_red.frag",
+        r#"#version 300 es
+precision lowp float;
+precision lowp sampler3D;
+precision lowp isampler3D;
+precision lowp usampler3D;
+
+uniform sampler3D tex;
+
+in vec3 frag_uv;
+
+out vec4 out_frag_color;
+uniform float opacity;
+
+uniform float scale;
+uniform float offset;
+uniform float blank;
+uniform float min_value;
+uniform float max_value;
+uniform int H;
+uniform float reversed;
+
+uniform sampler2D colormaps;
+uniform float num_colormaps;
+uniform float colormap_id;
+
+vec4 colormap_f(float x) {
+    float id = (colormap_id + 0.5) / num_colormaps;
+    return texture(colormaps, vec2(x, id));
+}
+float linear_f(float x, float min_value, float max_value) {
+    return clamp((x - min_value)/(max_value - min_value), 0.0, 1.0);
+}
+
+float sqrt_f(float x, float min_value, float max_value) {
+    float a = linear_f(x, min_value, max_value);
+    return sqrt(a);
+}
+
+float log_f(float x, float min_value, float max_value) {
+    float y = linear_f(x, min_value, max_value);
+    float a = 1000.0;
+    return log(a*y + 1.0)/log(a);
+}
+
+float asinh_f(float x, float min_value, float max_value) {
+    float d = linear_f(x, min_value, max_value);
+    return asinh(10.0*d)/3.0;
+}
+
+float pow2_f(float x, float min_value, float max_value) {
+    float d = linear_f(x, min_value, max_value);
+    return d*d;
+}
+
+float transfer_func(int H, float x, float min_value, float max_value) {
+    if (H == 0) {
+        return linear_f(x, min_value, max_value);
+    } else if (H == 1) {
+        return sqrt_f(x, min_value, max_value);
+    } else if (H == 2) {
+        return log_f(x, min_value, max_value);
+    } else if (H == 3) {
+        return asinh_f(x, min_value, max_value);
+    } else {
+        return pow2_f(x, min_value, max_value);
+    }
+}
+
+uniform float k_gamma;
+uniform float k_saturation;
+uniform float k_contrast;
+uniform float k_brightness;
+uniform float k_exposure;
+
+vec4 apply_gamma(vec4 ic, float g) {
+    float new_r = pow(ic.r, g);
+    float new_g = pow(ic.g, g);
+    float new_b = pow(ic.b, g);
+
+    return vec4(new_r, new_g, new_b, ic.a);
+}
+
+vec4 apply_saturation(vec4 color, float value) {
+    const vec3 luminosity_factor = vec3(0.2126, 0.7152, 0.0722);
+    vec3 grayscale = vec3(dot(color.rgb, luminosity_factor));
+    
+    return vec4(mix(grayscale, color.rgb, 1.0 + value), color.a);
+}
+
+vec4 apply_contrast(vec4 color, float value) {
+    return vec4(0.5 + (1.0 + value) * (color.rgb - 0.5), color.a);
+}
+
+vec4 apply_brightness(vec4 color, float value) {
+    return vec4(color.rgb + value, color.a);
+}
+
+vec4 apply_exposure(vec4 color, float value) {
+    return vec4((1.0 + value) * color.rgb, color.a);
+}
+
+vec4 apply_tonal(vec4 color) {
+  return apply_gamma(
+    apply_saturation(
+      apply_contrast(
+        apply_brightness(color, k_brightness),
+        k_contrast
+      ),
+      k_saturation
+    ),
+    k_gamma
+  );
+}
+vec3 rgb2hsv(vec3 c) {
+    vec4 K = vec4(0.0, -1.0 / 3.0, 2.0 / 3.0, -1.0);
+    vec4 p = mix(vec4(c.bg, K.wz), vec4(c.gb, K.xy), step(c.b, c.g));
+    vec4 q = mix(vec4(p.xyw, c.r), vec4(c.r, p.yzx), step(p.x, c.r));
+
+    float d = q.x - min(q.w, q.y);
+    float e = 1.0e-10;
+    return vec3(abs(q.z + (q.w - q.y) / (6.0 * d + e)), d / (q.x + e), q.x);
+}
+
+vec3 hsv2rgb(vec3 c) {
+    vec4 K = vec4(1.0, 2.0 / 3.0, 1.0 / 3.0, 3.0);
+    vec3 p = abs(fract(c.xxx + K.xyz) * 6.0 - K.www);
+    return c.z * mix(K.xxx, clamp(p - K.xxx, 0.0, 1.0), c.y);
+}
+highp float decode_f32(highp vec4 rgba) {
+    highp float Sign = 1.0 - step(128.0,rgba[0])*2.0;
+    highp float Exponent = 2.0 * mod(rgba[0],128.0) + step(128.0,rgba[1]) - 127.0; 
+    if (abs(Exponent + 127.0) < 1e-3) {
+        return 0.0;
+    }
+    highp float Mantissa = mod(rgba[1],128.0)*65536.0 + rgba[2]*256.0 +rgba[3] + float(0x800000);
+    highp float Result =  Sign * exp2(Exponent) * (Mantissa * exp2(-23.0 )); 
+    return Result;
+}
+
+int decode_i32(vec4 rgba) {
+    int r = int(rgba.r * 255.0 + 0.5);
+    int g = int(rgba.g * 255.0 + 0.5);
+    int b = int(rgba.b * 255.0 + 0.5);
+    int a = int(rgba.a * 255.0 + 0.5);
+
+    int value = (r << 24) | (g << 16) | (b << 8) | a; // Combine into a 16-bit integer
+
+    return value;
+}
+
+int decode_i16(vec2 rg) {
+    int r = int(rg.r * 255.0 + 0.5);
+    int g = int(rg.g * 255.0 + 0.5);
+
+    int value = (r << 8) | g; // Combine into a 16-bit integer
+
+    if (value >= 32768) {
+        value -= 65536;
+    }
+
+    return value;
+}
+
+uint decode_u8(float r) {
+    uint value = uint(r * 255.0 + 0.5);
+    return value;
+}
+
+
+
+
+vec4 uvw2c_r(vec3 uv) {    
+    vec2 va = texture(tex, uv).ra;
+
+    va.x = transfer_func(H, va.x, min_value, max_value);
+
+    va.x = mix(va.x, 1.0 - va.x, reversed);
+
+    vec4 c = colormap_f(va.x);
+    return apply_tonal(c);
+}
+
+vec4 uvw2c_rgba(vec3 uv) {
+    vec4 c = texture(tex, uv).rgba;
+
+    c.r = transfer_func(H, c.r, min_value, max_value);
+    c.g = transfer_func(H, c.g, min_value, max_value);
+    c.b = transfer_func(H, c.b, min_value, max_value);
+
+    c.rgb = mix(c.rgb, 1.0 - c.rgb, reversed);
+
+    return apply_tonal(c);
+}
+
+vec4 uvw2c_ra(vec3 uv) {
+    vec2 c = texture(tex, uv).rg;
+
+    c.r = transfer_func(H, c.r, min_value, max_value);
+
+    c.r = mix(c.r, 1.0 - c.r, reversed);
+
+    vec3 color = colormap_f(c.r).rgb;
+
+    return apply_tonal(vec4(color, c.g));
+}
+
+vec4 uvw2cmap_rgba(vec3 uv) {    
+    float v = texture(tex, uv).r;
+    v = transfer_func(H, v, min_value, max_value);
+    vec4 c = colormap_f(v);
+    c.rgb = mix(c.rgb, 1.0 - c.rgb, reversed);
+
+    return apply_tonal(c);
+}
+
+vec4 val2c_f32(float x) {
+    float alpha = x * scale + offset;
+    alpha = transfer_func(H, alpha, min_value, max_value);
+
+    alpha = mix(alpha, 1.0 - alpha, reversed);
+
+    vec4 new_color = mix(colormap_f(alpha), vec4(0.0), float(isinf(x)));
+    return apply_tonal(new_color);
+}
+
+vec4 val2c(float x) {
+    float alpha = x * scale + offset;
+    alpha = transfer_func(H, alpha, min_value, max_value);
+
+    alpha = mix(alpha, 1.0 - alpha, reversed);
+
+    vec4 new_color = mix(colormap_f(alpha), vec4(0.0), float(x == blank || isnan(x)));
+    return apply_tonal(new_color);
+}
+
+vec4 uvw2c_f32(vec3 uv) {
+    float val = decode_f32(texture(tex, uv).rgba*255.0);
+    return val2c_f32(val);
+}
+
+vec4 uvw2c_i32(vec3 uv) {
+    float val = float(decode_i32(texture(tex, uv).rgba));
+    return val2c(val);
+}
+
+vec4 uvw2c_i16(vec3 uv) {
+    float val = float(decode_i16(texture(tex, uv).rg));
+    return val2c(val);
+}
+
+vec4 uvw2c_u8(vec3 uv) {
+    float val = float(decode_u8(texture(tex, uv).r));
+    return val2c(val);
+}
+
+void main() {
+    vec3 uv = vec3(frag_uv.xyz);
+    vec4 color = uvw2c_ra(uv);
+
+    out_frag_color = color;
+    out_frag_color.a = opacity * out_frag_color.a;
+}"#,
+    );
+    out.insert(
+        r"line_inst_ndc.vert",
+        r#"#version 300 es
+precision highp float;
+layout (location = 0) in vec2 p_a;
+layout (location = 1) in vec2 p_b;
+layout (location = 2) in vec2 vertex;
+
+out vec2 l;
+
+uniform float u_width;
+uniform float u_height;
+uniform float u_thickness;
+
+void main() {
+    vec2 x_b = p_b - p_a;
+    vec2 y_b = normalize(vec2(-x_b.y, x_b.x));
+
+    float ndc2pix = 2.0 / u_width;
+
+    vec2 p = p_a + x_b * vertex.x + (u_thickness + 2.0) * y_b * vertex.y * vec2(1.0, u_width/u_height) * ndc2pix;
+    gl_Position = vec4(p, 0.f, 1.f);
+    l = vec2(0.0, vertex.y);
+}"#,
+    );
+    out.insert(
+        r"hips3d_i32.frag",
+        r#"#version 300 es
+precision lowp float;
+precision lowp sampler3D;
+precision lowp isampler3D;
+precision lowp usampler3D;
+
+uniform sampler3D tex;
+
+in vec3 frag_uv;
+
+out vec4 out_frag_color;
+
+uniform float scale;
+uniform float offset;
+uniform float blank;
+uniform float min_value;
+uniform float max_value;
+uniform int H;
+uniform float reversed;
+
+uniform sampler2D colormaps;
+uniform float num_colormaps;
+uniform float colormap_id;
+
+vec4 colormap_f(float x) {
+    float id = (colormap_id + 0.5) / num_colormaps;
+    return texture(colormaps, vec2(x, id));
+}
+float linear_f(float x, float min_value, float max_value) {
+    return clamp((x - min_value)/(max_value - min_value), 0.0, 1.0);
+}
+
+float sqrt_f(float x, float min_value, float max_value) {
+    float a = linear_f(x, min_value, max_value);
+    return sqrt(a);
+}
+
+float log_f(float x, float min_value, float max_value) {
+    float y = linear_f(x, min_value, max_value);
+    float a = 1000.0;
+    return log(a*y + 1.0)/log(a);
+}
+
+float asinh_f(float x, float min_value, float max_value) {
+    float d = linear_f(x, min_value, max_value);
+    return asinh(10.0*d)/3.0;
+}
+
+float pow2_f(float x, float min_value, float max_value) {
+    float d = linear_f(x, min_value, max_value);
+    return d*d;
+}
+
+float transfer_func(int H, float x, float min_value, float max_value) {
+    if (H == 0) {
+        return linear_f(x, min_value, max_value);
+    } else if (H == 1) {
+        return sqrt_f(x, min_value, max_value);
+    } else if (H == 2) {
+        return log_f(x, min_value, max_value);
+    } else if (H == 3) {
+        return asinh_f(x, min_value, max_value);
+    } else {
+        return pow2_f(x, min_value, max_value);
+    }
+}
+
+uniform float k_gamma;
+uniform float k_saturation;
+uniform float k_contrast;
+uniform float k_brightness;
+uniform float k_exposure;
+
+vec4 apply_gamma(vec4 ic, float g) {
+    float new_r = pow(ic.r, g);
+    float new_g = pow(ic.g, g);
+    float new_b = pow(ic.b, g);
+
+    return vec4(new_r, new_g, new_b, ic.a);
+}
+
+vec4 apply_saturation(vec4 color, float value) {
+    const vec3 luminosity_factor = vec3(0.2126, 0.7152, 0.0722);
+    vec3 grayscale = vec3(dot(color.rgb, luminosity_factor));
+    
+    return vec4(mix(grayscale, color.rgb, 1.0 + value), color.a);
+}
+
+vec4 apply_contrast(vec4 color, float value) {
+    return vec4(0.5 + (1.0 + value) * (color.rgb - 0.5), color.a);
+}
+
+vec4 apply_brightness(vec4 color, float value) {
+    return vec4(color.rgb + value, color.a);
+}
+
+vec4 apply_exposure(vec4 color, float value) {
+    return vec4((1.0 + value) * color.rgb, color.a);
+}
+
+vec4 apply_tonal(vec4 color) {
+  return apply_gamma(
+    apply_saturation(
+      apply_contrast(
+        apply_brightness(color, k_brightness),
+        k_contrast
+      ),
+      k_saturation
+    ),
+    k_gamma
+  );
+}
+vec3 rgb2hsv(vec3 c) {
+    vec4 K = vec4(0.0, -1.0 / 3.0, 2.0 / 3.0, -1.0);
+    vec4 p = mix(vec4(c.bg, K.wz), vec4(c.gb, K.xy), step(c.b, c.g));
+    vec4 q = mix(vec4(p.xyw, c.r), vec4(c.r, p.yzx), step(p.x, c.r));
+
+    float d = q.x - min(q.w, q.y);
+    float e = 1.0e-10;
+    return vec3(abs(q.z + (q.w - q.y) / (6.0 * d + e)), d / (q.x + e), q.x);
+}
+
+vec3 hsv2rgb(vec3 c) {
+    vec4 K = vec4(1.0, 2.0 / 3.0, 1.0 / 3.0, 3.0);
+    vec3 p = abs(fract(c.xxx + K.xyz) * 6.0 - K.www);
+    return c.z * mix(K.xxx, clamp(p - K.xxx, 0.0, 1.0), c.y);
+}
+highp float decode_f32(highp vec4 rgba) {
+    highp float Sign = 1.0 - step(128.0,rgba[0])*2.0;
+    highp float Exponent = 2.0 * mod(rgba[0],128.0) + step(128.0,rgba[1]) - 127.0; 
+    if (abs(Exponent + 127.0) < 1e-3) {
+        return 0.0;
+    }
+    highp float Mantissa = mod(rgba[1],128.0)*65536.0 + rgba[2]*256.0 +rgba[3] + float(0x800000);
+    highp float Result =  Sign * exp2(Exponent) * (Mantissa * exp2(-23.0 )); 
+    return Result;
+}
+
+int decode_i32(vec4 rgba) {
+    int r = int(rgba.r * 255.0 + 0.5);
+    int g = int(rgba.g * 255.0 + 0.5);
+    int b = int(rgba.b * 255.0 + 0.5);
+    int a = int(rgba.a * 255.0 + 0.5);
+
+    int value = (r << 24) | (g << 16) | (b << 8) | a; // Combine into a 16-bit integer
+
+    return value;
+}
+
+int decode_i16(vec2 rg) {
+    int r = int(rg.r * 255.0 + 0.5);
+    int g = int(rg.g * 255.0 + 0.5);
+
+    int value = (r << 8) | g; // Combine into a 16-bit integer
+
+    if (value >= 32768) {
+        value -= 65536;
+    }
+
+    return value;
+}
+
+uint decode_u8(float r) {
+    uint value = uint(r * 255.0 + 0.5);
+    return value;
+}
+
+
+
+
+vec4 uvw2c_r(vec3 uv) {    
+    vec2 va = texture(tex, uv).ra;
+
+    va.x = transfer_func(H, va.x, min_value, max_value);
+
+    va.x = mix(va.x, 1.0 - va.x, reversed);
+
+    vec4 c = colormap_f(va.x);
+    return apply_tonal(c);
+}
+
+vec4 uvw2c_rgba(vec3 uv) {
+    vec4 c = texture(tex, uv).rgba;
+
+    c.r = transfer_func(H, c.r, min_value, max_value);
+    c.g = transfer_func(H, c.g, min_value, max_value);
+    c.b = transfer_func(H, c.b, min_value, max_value);
+
+    c.rgb = mix(c.rgb, 1.0 - c.rgb, reversed);
+
+    return apply_tonal(c);
+}
+
+vec4 uvw2c_ra(vec3 uv) {
+    vec2 c = texture(tex, uv).rg;
+
+    c.r = transfer_func(H, c.r, min_value, max_value);
+
+    c.r = mix(c.r, 1.0 - c.r, reversed);
+
+    vec3 color = colormap_f(c.r).rgb;
+
+    return apply_tonal(vec4(color, c.g));
+}
+
+vec4 uvw2cmap_rgba(vec3 uv) {    
+    float v = texture(tex, uv).r;
+    v = transfer_func(H, v, min_value, max_value);
+    vec4 c = colormap_f(v);
+    c.rgb = mix(c.rgb, 1.0 - c.rgb, reversed);
+
+    return apply_tonal(c);
+}
+
+vec4 val2c_f32(float x) {
+    float alpha = x * scale + offset;
+    alpha = transfer_func(H, alpha, min_value, max_value);
+
+    alpha = mix(alpha, 1.0 - alpha, reversed);
+
+    vec4 new_color = mix(colormap_f(alpha), vec4(0.0), float(isinf(x)));
+    return apply_tonal(new_color);
+}
+
+vec4 val2c(float x) {
+    float alpha = x * scale + offset;
+    alpha = transfer_func(H, alpha, min_value, max_value);
+
+    alpha = mix(alpha, 1.0 - alpha, reversed);
+
+    vec4 new_color = mix(colormap_f(alpha), vec4(0.0), float(x == blank || isnan(x)));
+    return apply_tonal(new_color);
+}
+
+vec4 uvw2c_f32(vec3 uv) {
+    float val = decode_f32(texture(tex, uv).rgba*255.0);
+    return val2c_f32(val);
+}
+
+vec4 uvw2c_i32(vec3 uv) {
+    float val = float(decode_i32(texture(tex, uv).rgba));
+    return val2c(val);
+}
+
+vec4 uvw2c_i16(vec3 uv) {
+    float val = float(decode_i16(texture(tex, uv).rg));
+    return val2c(val);
+}
+
+vec4 uvw2c_u8(vec3 uv) {
+    float val = float(decode_u8(texture(tex, uv).r));
+    return val2c(val);
+}
+
+uniform float opacity;
+
+void main() {
+    vec3 uv = vec3(frag_uv.xyz);
+    uv.y = 1.0 - uv.y;
+
+    vec4 color = uvw2c_i32(uv);
+
+    out_frag_color = color;
+    out_frag_color.a = out_frag_color.a * opacity;
+}"#,
+    );
+    out.insert(
+        r"hips_raytracer_i32.frag",
+        r#"#version 300 es
+precision lowp float;
+precision lowp sampler2DArray;
+precision lowp usampler2DArray;
+precision lowp isampler2DArray;
+precision mediump int;
+
+uniform sampler2DArray tex;
+
+in vec3 frag_pos;
+in vec2 out_clip_pos;
+out vec4 out_frag_color;
+
+struct Tile {
+    int uniq; // Healpix cell
+    int texture_idx; // Index in the texture buffer
+    float start_time; // Absolute time that the load has been done in ms
+    float empty;
+};
+
+uniform Tile textures_tiles[12];
+
+uniform float opacity;
+
+const float TWICE_PI = 6.28318530718;
+const float PI = 3.141592653589793;
+const float FOUR_OVER_PI = 1.27323954474;
+const float TRANSITION_Z = 0.66666666666;
+const float TRANSITION_Z_INV = 1.5;
+
+int quarter(vec2 p) {
+    int x_neg = int(p.x < 0.0);
+    int y_neg = int(p.y < 0.0);
+    int q = (x_neg + y_neg) | (y_neg << 1);
+    return q;
+}
+
+float xpm1(vec2 p) {
+    bool x_neg = (p.x < 0.0);
+    bool y_neg = (p.y < 0.0);
+    float lon = atan(abs(p.y), abs(p.x));
+    float x02 = lon * FOUR_OVER_PI;
+    if (x_neg != y_neg) { // Could be replaced by a sign copy from (x_neg ^ y_neg) << 32
+        return 1.0 - x02;
+    } else {
+        return x02 - 1.0;
+    }
+}
+
+float one_minus_z_pos(vec3 p) {
+    float d2 = dot(p.xy, p.xy); // z = sqrt(1 - d2) AND sqrt(1 - x) = 1 - x / 2 - x^2 / 8 - x^3 / 16 - 5 x^4/128 - 7 * x^5/256
+
+    if (d2 < 1e-1) { // <=> dec > 84.27 deg
+        return d2 * (0.5 + d2 * (0.125 + d2 * (0.0625 + d2 * (0.0390625 + d2 * 0.02734375))));
+    }
+    return 1.0f - p.z;
+}
+
+float one_minus_z_neg(vec3 p) {
+    float d2 = dot(p.xy, p.xy); // z = sqrt(1 - d2) AND sqrt(1 - x) = 1 - x / 2 - x^2 / 8 - x^3 / 16 - 5 x^4/128 - 7 * x^5/256
+    if (d2 < 1e-1f) { // <=> dec < -84.27 deg
+        return d2 * (0.5 + d2 * (0.125 + d2 * (0.0625 + d2 * (0.0390625 + d2 * 0.02734375))));
+    }
+    return p.z + 1.0;
+}
+
+int ij2z(int i, int j) {
+    int i4 = i | (j << 2);
+
+    int j4 = (i4 ^ (i4 >> 1)) & 0x22222222;
+    int i5 = i4 ^ j4 ^ (j4 << 1);
+
+    return i5;
+}
+
+struct HashDxDy {
+    int idx;
+    float dx;
+    float dy;
+};
+
+uniform sampler2D ang2pixd;
+HashDxDy hash_with_dxdy2(vec2 radec) {
+    vec2 aa = vec2(radec.x/TWICE_PI + 1.0, (radec.y/PI) + 0.5);
+    vec3 v = texture(ang2pixd, aa).rgb;
+    return HashDxDy(
+        int(v.x * 255.0),
+        v.y,
+        v.z
+    );
+}
+HashDxDy hash_with_dxdy(int depth, vec3 p) {
+    
+    int nside = 1 << depth;
+    float half_nside = float(nside) * 0.5;
+
+    float x_pm1 = xpm1(p.xy);
+    int q = quarter(p.xy);
+
+    int d0h = 0;
+    vec2 p_proj = vec2(0.0);
+    if (p.z > TRANSITION_Z) {
+        float sqrt_3_one_min_z = sqrt(3.0 * one_minus_z_pos(p));
+        p_proj = vec2(x_pm1 * sqrt_3_one_min_z, 2.0 - sqrt_3_one_min_z);
+        d0h = q;
+    } else if (p.z < -TRANSITION_Z) {
+        float sqrt_3_one_min_z = sqrt(3.0 * one_minus_z_neg(p));
+        p_proj = vec2(x_pm1 * sqrt_3_one_min_z, sqrt_3_one_min_z);
+        d0h = q + 8;
+    } else {
+        float y_pm1 = p.z * TRANSITION_Z_INV;
+        int q01 = int(x_pm1 > y_pm1);  // 0/1
+        int q12 = int(x_pm1 >= -y_pm1); // 0\1
+        int q03 = 1 - q12; // 1\0
+        int q1 = q01 & q12; // = 1 if q1, 0 else
+        p_proj = vec2(
+            x_pm1 - float(q01 + q12 - 1),
+            y_pm1 + float(q01 + q03)
+        );
+        d0h = ((q01 + q03) << 2) + ((q + q1) & 3);
+    }
+
+    float x = (half_nside * (p_proj.x + p_proj.y));
+    float y = (half_nside * (p_proj.y - p_proj.x));
+    int i = int(x);
+    int j = int(y);
+
+    return HashDxDy(
+        (d0h << (depth << 1)) + ij2z(i, j),
+        x - float(i),
+        y - float(j)
+    );
+}
+vec3 xyz2uv(vec3 xyz) {
+    HashDxDy result = hash_with_dxdy(0, xyz.zxy);
+
+    int idx = result.idx;
+    vec2 offset = vec2(result.dy, result.dx);
+    Tile tile = textures_tiles[idx];
+
+    return vec3(offset, float(tile.texture_idx));
+}
+uniform float scale;
+uniform float offset;
+uniform float blank;
+uniform float min_value;
+uniform float max_value;
+uniform int H;
+uniform float reversed;
+
+uniform sampler2D colormaps;
+uniform float num_colormaps;
+uniform float colormap_id;
+
+vec4 colormap_f(float x) {
+    float id = (colormap_id + 0.5) / num_colormaps;
+    return texture(colormaps, vec2(x, id));
+}
+float linear_f(float x, float min_value, float max_value) {
+    return clamp((x - min_value)/(max_value - min_value), 0.0, 1.0);
+}
+
+float sqrt_f(float x, float min_value, float max_value) {
+    float a = linear_f(x, min_value, max_value);
+    return sqrt(a);
+}
+
+float log_f(float x, float min_value, float max_value) {
+    float y = linear_f(x, min_value, max_value);
+    float a = 1000.0;
+    return log(a*y + 1.0)/log(a);
+}
+
+float asinh_f(float x, float min_value, float max_value) {
+    float d = linear_f(x, min_value, max_value);
+    return asinh(10.0*d)/3.0;
+}
+
+float pow2_f(float x, float min_value, float max_value) {
+    float d = linear_f(x, min_value, max_value);
+    return d*d;
+}
+
+float transfer_func(int H, float x, float min_value, float max_value) {
+    if (H == 0) {
+        return linear_f(x, min_value, max_value);
+    } else if (H == 1) {
+        return sqrt_f(x, min_value, max_value);
+    } else if (H == 2) {
+        return log_f(x, min_value, max_value);
+    } else if (H == 3) {
+        return asinh_f(x, min_value, max_value);
+    } else {
+        return pow2_f(x, min_value, max_value);
+    }
+}
+
+uniform float k_gamma;
+uniform float k_saturation;
+uniform float k_contrast;
+uniform float k_brightness;
+uniform float k_exposure;
+
+vec4 apply_gamma(vec4 ic, float g) {
+    float new_r = pow(ic.r, g);
+    float new_g = pow(ic.g, g);
+    float new_b = pow(ic.b, g);
+
+    return vec4(new_r, new_g, new_b, ic.a);
+}
+
+vec4 apply_saturation(vec4 color, float value) {
+    const vec3 luminosity_factor = vec3(0.2126, 0.7152, 0.0722);
+    vec3 grayscale = vec3(dot(color.rgb, luminosity_factor));
+    
+    return vec4(mix(grayscale, color.rgb, 1.0 + value), color.a);
+}
+
+vec4 apply_contrast(vec4 color, float value) {
+    return vec4(0.5 + (1.0 + value) * (color.rgb - 0.5), color.a);
+}
+
+vec4 apply_brightness(vec4 color, float value) {
+    return vec4(color.rgb + value, color.a);
+}
+
+vec4 apply_exposure(vec4 color, float value) {
+    return vec4((1.0 + value) * color.rgb, color.a);
+}
+
+vec4 apply_tonal(vec4 color) {
+  return apply_gamma(
+    apply_saturation(
+      apply_contrast(
+        apply_brightness(color, k_brightness),
+        k_contrast
+      ),
+      k_saturation
+    ),
+    k_gamma
+  );
+}
+vec3 rgb2hsv(vec3 c) {
+    vec4 K = vec4(0.0, -1.0 / 3.0, 2.0 / 3.0, -1.0);
+    vec4 p = mix(vec4(c.bg, K.wz), vec4(c.gb, K.xy), step(c.b, c.g));
+    vec4 q = mix(vec4(p.xyw, c.r), vec4(c.r, p.yzx), step(p.x, c.r));
+
+    float d = q.x - min(q.w, q.y);
+    float e = 1.0e-10;
+    return vec3(abs(q.z + (q.w - q.y) / (6.0 * d + e)), d / (q.x + e), q.x);
+}
+
+vec3 hsv2rgb(vec3 c) {
+    vec4 K = vec4(1.0, 2.0 / 3.0, 1.0 / 3.0, 3.0);
+    vec3 p = abs(fract(c.xxx + K.xyz) * 6.0 - K.www);
+    return c.z * mix(K.xxx, clamp(p - K.xxx, 0.0, 1.0), c.y);
+}
+highp float decode_f32(highp vec4 rgba) {
+    highp float Sign = 1.0 - step(128.0,rgba[0])*2.0;
+    highp float Exponent = 2.0 * mod(rgba[0],128.0) + step(128.0,rgba[1]) - 127.0; 
+    if (abs(Exponent + 127.0) < 1e-3) {
+        return 0.0;
+    }
+    highp float Mantissa = mod(rgba[1],128.0)*65536.0 + rgba[2]*256.0 +rgba[3] + float(0x800000);
+    highp float Result =  Sign * exp2(Exponent) * (Mantissa * exp2(-23.0 )); 
+    return Result;
+}
+
+int decode_i32(vec4 rgba) {
+    int r = int(rgba.r * 255.0 + 0.5);
+    int g = int(rgba.g * 255.0 + 0.5);
+    int b = int(rgba.b * 255.0 + 0.5);
+    int a = int(rgba.a * 255.0 + 0.5);
+
+    int value = (r << 24) | (g << 16) | (b << 8) | a; // Combine into a 16-bit integer
+
+    return value;
+}
+
+int decode_i16(vec2 rg) {
+    int r = int(rg.r * 255.0 + 0.5);
+    int g = int(rg.g * 255.0 + 0.5);
+
+    int value = (r << 8) | g; // Combine into a 16-bit integer
+
+    if (value >= 32768) {
+        value -= 65536;
+    }
+
+    return value;
+}
+
+uint decode_u8(float r) {
+    uint value = uint(r * 255.0 + 0.5);
+    return value;
+}
+
+
+
+
+vec4 uvw2c_r(vec3 uv) {    
+    vec2 va = texture(tex, uv).ra;
+
+    va.x = transfer_func(H, va.x, min_value, max_value);
+
+    va.x = mix(va.x, 1.0 - va.x, reversed);
+
+    vec4 c = colormap_f(va.x);
+    return apply_tonal(c);
+}
+
+vec4 uvw2c_rgba(vec3 uv) {
+    vec4 c = texture(tex, uv).rgba;
+
+    c.r = transfer_func(H, c.r, min_value, max_value);
+    c.g = transfer_func(H, c.g, min_value, max_value);
+    c.b = transfer_func(H, c.b, min_value, max_value);
+
+    c.rgb = mix(c.rgb, 1.0 - c.rgb, reversed);
+
+    return apply_tonal(c);
+}
+
+vec4 uvw2c_ra(vec3 uv) {
+    vec2 c = texture(tex, uv).rg;
+
+    c.r = transfer_func(H, c.r, min_value, max_value);
+
+    c.r = mix(c.r, 1.0 - c.r, reversed);
+
+    vec3 color = colormap_f(c.r).rgb;
+
+    return apply_tonal(vec4(color, c.g));
+}
+
+vec4 uvw2cmap_rgba(vec3 uv) {    
+    float v = texture(tex, uv).r;
+    v = transfer_func(H, v, min_value, max_value);
+    vec4 c = colormap_f(v);
+    c.rgb = mix(c.rgb, 1.0 - c.rgb, reversed);
+
+    return apply_tonal(c);
+}
+
+vec4 val2c_f32(float x) {
+    float alpha = x * scale + offset;
+    alpha = transfer_func(H, alpha, min_value, max_value);
+
+    alpha = mix(alpha, 1.0 - alpha, reversed);
+
+    vec4 new_color = mix(colormap_f(alpha), vec4(0.0), float(isinf(x)));
+    return apply_tonal(new_color);
+}
+
+vec4 val2c(float x) {
+    float alpha = x * scale + offset;
+    alpha = transfer_func(H, alpha, min_value, max_value);
+
+    alpha = mix(alpha, 1.0 - alpha, reversed);
+
+    vec4 new_color = mix(colormap_f(alpha), vec4(0.0), float(x == blank || isnan(x)));
+    return apply_tonal(new_color);
+}
+
+vec4 uvw2c_f32(vec3 uv) {
+    float val = decode_f32(texture(tex, uv).rgba*255.0);
+    return val2c_f32(val);
+}
+
+vec4 uvw2c_i32(vec3 uv) {
+    float val = float(decode_i32(texture(tex, uv).rgba));
+    return val2c(val);
+}
+
+vec4 uvw2c_i16(vec3 uv) {
+    float val = float(decode_i16(texture(tex, uv).rg));
+    return val2c(val);
+}
+
+vec4 uvw2c_u8(vec3 uv) {
+    float val = float(decode_u8(texture(tex, uv).r));
+    return val2c(val);
+}
+
+void main() {
+    vec3 uv = xyz2uv(normalize(frag_pos));
+
+    uv.y = 1.0 - uv.y;
+    vec4 c = uvw2c_i32(uv);
+
+    out_frag_color = c;
+    out_frag_color.a = out_frag_color.a * opacity;
+}"#,
+    );
+    out.insert(
+        r"catalogs_ortho.vert",
+        r#"#version 300 es
+precision lowp float;
+layout (location = 0) in vec2 offset;
+layout (location = 1) in vec2 uv;
+layout (location = 2) in vec3 center;
+
+uniform float current_time;
+uniform mat3 inv_model;
+
+uniform vec2 ndc_to_clip;
+uniform float czf;
+uniform vec2 kernel_size;
+
+out vec2 out_uv;
+out vec3 out_p;
+
+const float PI = 3.141592653589793;
+const float SQRT_2 = 1.41421356237309504880168872420969808;
+
+vec2 w2c_sin(vec3 p) {
+    vec2 q = vec2(-p.x, p.y);
+    return p.z >= 0.f ? q : normalize(q);
+}
+
+vec2 w2c_sin_no_backface(vec3 p) {
+    return vec2(-p.x, p.y);
+}
+
+vec2 w2c_ait(vec3 p) {
+    float r = length(p.zx);
+    float w = sqrt((r * (r + p.z)) * 0.5f); // = cos(b) cos(l/2)
+    w = sqrt((1.0 + w) * 0.5f);             // = 1 / gamma
+    float y2d = p.y / w;
+
+    float x2d = 0.0;
+    if (abs(p.x) < 5e-3) {
+        float x_over_r = p.x/r;
+        x2d = -p.x * (1.0 - x_over_r*x_over_r/21.0) / w;
+    } else {
+        w = sqrt((r*r - r*p.z) * 2.0) / w; // = 2 * gamma * cos(b) sin(l/2)
+        x2d = sign(-p.x) * w;
+    }
+
+    return vec2(x2d * 0.5, y2d) / SQRT_2;
+}
+const float eps = 1.25e-8;
+const int n_iter = 100;
+
+float newton_solve(float z) {
+    float cte = PI * z;
+    float x = 2.0 * asin(z);
+    float f = x + sin(x) - cte; 
+    int i = 0;
+    while (abs(f) > eps && i < n_iter) {
+        x -= f / (1.0 + cos(x));
+        f = x + sin(x) - cte;
+        i += 1;
+    }
+
+    return 0.5 * x;
+}
+
+vec2 w2c_mol(vec3 p) {
+    float g = newton_solve(p.y);
+
+    float sg = sin(g);
+    float cg = cos(g);
+    return vec2((atan(-p.x, p.z) * cg) / PI, sg);
+}
+vec2 w2c_tan(vec3 p) {
+    p.z = max(p.z, 1e-2);
+    return vec2(-p.x, p.y) / (p.z*PI);
+}
+vec2 w2c_stg(vec3 p) {
+    float w = (1.0 + p.z) * 0.5;
+    return vec2(-p.x, p.y) / (PI * w);
+}
+vec2 w2c_zea(vec3 p) {
+    float w = sqrt(0.5 + 0.5 * p.z); // <=> sqrt[(1 + x) / 2]
+    return vec2(-p.x, p.y) * 0.5 / w;
+}
+vec2 w2c_mer(vec3 p) {
+    return vec2(atan(-p.x, p.z), atanh(p.y)) / PI;
+}
+
+vec3 lonlat2xyz(vec2 lonlat) {
+    float t = lonlat.x;
+    float tc = cos(t);
+    float ts = sin(t);
+
+    float d = lonlat.y;
+    float dc = cos(d);
+    float ds = sin(d);
+
+    return vec3(dc * ts, ds, dc * tc);
+}
+
+uniform int u_proj;
+
+vec2 proj(vec3 p) {
+    if (u_proj == 0) {
+        return w2c_tan(p);
+    } else if (u_proj == 1) {
+        return w2c_stg(p);
+    } else if (u_proj == 2) {
+        return w2c_sin(p);
+    } else if (u_proj == 3) {
+        return w2c_zea(p);
+    } else if (u_proj == 4) {
+        return w2c_ait(p);
+    } else if (u_proj == 5) {
+        return w2c_mol(p);
+    } else {
+        return w2c_mer(p);
+    }
+}
+
+
+void main() {
+    vec3 p = inv_model * center;
+
+    vec2 center_pos_clip_space = world2clip_orthographic(p);
+
+    vec2 pos_clip_space = center_pos_clip_space;
+    gl_Position = vec4((pos_clip_space / (ndc_to_clip * czf)) + offset * kernel_size , 0.f, 1.f);
+
+    out_uv = uv;
+    out_p = p;
+}"#,
+    );
+    out.insert(
+        r"hips_rasterizer_i16.frag",
+        r#"#version 300 es
+precision lowp float;
+precision lowp sampler2DArray;
+
+uniform sampler2DArray tex;
+
+in vec3 frag_uv_start;
+in vec3 frag_uv_end;
+in float frag_blending_factor;
+
+out vec4 out_frag_color;
+
+uniform float scale;
+uniform float offset;
+uniform float blank;
+uniform float min_value;
+uniform float max_value;
+uniform int H;
+uniform float reversed;
+
+uniform sampler2D colormaps;
+uniform float num_colormaps;
+uniform float colormap_id;
+
+vec4 colormap_f(float x) {
+    float id = (colormap_id + 0.5) / num_colormaps;
+    return texture(colormaps, vec2(x, id));
+}
+float linear_f(float x, float min_value, float max_value) {
+    return clamp((x - min_value)/(max_value - min_value), 0.0, 1.0);
+}
+
+float sqrt_f(float x, float min_value, float max_value) {
+    float a = linear_f(x, min_value, max_value);
+    return sqrt(a);
+}
+
+float log_f(float x, float min_value, float max_value) {
+    float y = linear_f(x, min_value, max_value);
+    float a = 1000.0;
+    return log(a*y + 1.0)/log(a);
+}
+
+float asinh_f(float x, float min_value, float max_value) {
+    float d = linear_f(x, min_value, max_value);
+    return asinh(10.0*d)/3.0;
+}
+
+float pow2_f(float x, float min_value, float max_value) {
+    float d = linear_f(x, min_value, max_value);
+    return d*d;
+}
+
+float transfer_func(int H, float x, float min_value, float max_value) {
+    if (H == 0) {
+        return linear_f(x, min_value, max_value);
+    } else if (H == 1) {
+        return sqrt_f(x, min_value, max_value);
+    } else if (H == 2) {
+        return log_f(x, min_value, max_value);
+    } else if (H == 3) {
+        return asinh_f(x, min_value, max_value);
+    } else {
+        return pow2_f(x, min_value, max_value);
+    }
+}
+
+uniform float k_gamma;
+uniform float k_saturation;
+uniform float k_contrast;
+uniform float k_brightness;
+uniform float k_exposure;
+
+vec4 apply_gamma(vec4 ic, float g) {
+    float new_r = pow(ic.r, g);
+    float new_g = pow(ic.g, g);
+    float new_b = pow(ic.b, g);
+
+    return vec4(new_r, new_g, new_b, ic.a);
+}
+
+vec4 apply_saturation(vec4 color, float value) {
+    const vec3 luminosity_factor = vec3(0.2126, 0.7152, 0.0722);
+    vec3 grayscale = vec3(dot(color.rgb, luminosity_factor));
+    
+    return vec4(mix(grayscale, color.rgb, 1.0 + value), color.a);
+}
+
+vec4 apply_contrast(vec4 color, float value) {
+    return vec4(0.5 + (1.0 + value) * (color.rgb - 0.5), color.a);
+}
+
+vec4 apply_brightness(vec4 color, float value) {
+    return vec4(color.rgb + value, color.a);
+}
+
+vec4 apply_exposure(vec4 color, float value) {
+    return vec4((1.0 + value) * color.rgb, color.a);
+}
+
+vec4 apply_tonal(vec4 color) {
+  return apply_gamma(
+    apply_saturation(
+      apply_contrast(
+        apply_brightness(color, k_brightness),
+        k_contrast
+      ),
+      k_saturation
+    ),
+    k_gamma
+  );
+}
+vec3 rgb2hsv(vec3 c) {
+    vec4 K = vec4(0.0, -1.0 / 3.0, 2.0 / 3.0, -1.0);
+    vec4 p = mix(vec4(c.bg, K.wz), vec4(c.gb, K.xy), step(c.b, c.g));
+    vec4 q = mix(vec4(p.xyw, c.r), vec4(c.r, p.yzx), step(p.x, c.r));
+
+    float d = q.x - min(q.w, q.y);
+    float e = 1.0e-10;
+    return vec3(abs(q.z + (q.w - q.y) / (6.0 * d + e)), d / (q.x + e), q.x);
+}
+
+vec3 hsv2rgb(vec3 c) {
+    vec4 K = vec4(1.0, 2.0 / 3.0, 1.0 / 3.0, 3.0);
+    vec3 p = abs(fract(c.xxx + K.xyz) * 6.0 - K.www);
+    return c.z * mix(K.xxx, clamp(p - K.xxx, 0.0, 1.0), c.y);
+}
+highp float decode_f32(highp vec4 rgba) {
+    highp float Sign = 1.0 - step(128.0,rgba[0])*2.0;
+    highp float Exponent = 2.0 * mod(rgba[0],128.0) + step(128.0,rgba[1]) - 127.0; 
+    if (abs(Exponent + 127.0) < 1e-3) {
+        return 0.0;
+    }
+    highp float Mantissa = mod(rgba[1],128.0)*65536.0 + rgba[2]*256.0 +rgba[3] + float(0x800000);
+    highp float Result =  Sign * exp2(Exponent) * (Mantissa * exp2(-23.0 )); 
+    return Result;
+}
+
+int decode_i32(vec4 rgba) {
+    int r = int(rgba.r * 255.0 + 0.5);
+    int g = int(rgba.g * 255.0 + 0.5);
+    int b = int(rgba.b * 255.0 + 0.5);
+    int a = int(rgba.a * 255.0 + 0.5);
+
+    int value = (r << 24) | (g << 16) | (b << 8) | a; // Combine into a 16-bit integer
+
+    return value;
+}
+
+int decode_i16(vec2 rg) {
+    int r = int(rg.r * 255.0 + 0.5);
+    int g = int(rg.g * 255.0 + 0.5);
+
+    int value = (r << 8) | g; // Combine into a 16-bit integer
+
+    if (value >= 32768) {
+        value -= 65536;
+    }
+
+    return value;
+}
+
+uint decode_u8(float r) {
+    uint value = uint(r * 255.0 + 0.5);
+    return value;
+}
+
+
+
+
+vec4 uvw2c_r(vec3 uv) {    
+    vec2 va = texture(tex, uv).ra;
+
+    va.x = transfer_func(H, va.x, min_value, max_value);
+
+    va.x = mix(va.x, 1.0 - va.x, reversed);
+
+    vec4 c = colormap_f(va.x);
+    return apply_tonal(c);
+}
+
+vec4 uvw2c_rgba(vec3 uv) {
+    vec4 c = texture(tex, uv).rgba;
+
+    c.r = transfer_func(H, c.r, min_value, max_value);
+    c.g = transfer_func(H, c.g, min_value, max_value);
+    c.b = transfer_func(H, c.b, min_value, max_value);
+
+    c.rgb = mix(c.rgb, 1.0 - c.rgb, reversed);
+
+    return apply_tonal(c);
+}
+
+vec4 uvw2c_ra(vec3 uv) {
+    vec2 c = texture(tex, uv).rg;
+
+    c.r = transfer_func(H, c.r, min_value, max_value);
+
+    c.r = mix(c.r, 1.0 - c.r, reversed);
+
+    vec3 color = colormap_f(c.r).rgb;
+
+    return apply_tonal(vec4(color, c.g));
+}
+
+vec4 uvw2cmap_rgba(vec3 uv) {    
+    float v = texture(tex, uv).r;
+    v = transfer_func(H, v, min_value, max_value);
+    vec4 c = colormap_f(v);
+    c.rgb = mix(c.rgb, 1.0 - c.rgb, reversed);
+
+    return apply_tonal(c);
+}
+
+vec4 val2c_f32(float x) {
+    float alpha = x * scale + offset;
+    alpha = transfer_func(H, alpha, min_value, max_value);
+
+    alpha = mix(alpha, 1.0 - alpha, reversed);
+
+    vec4 new_color = mix(colormap_f(alpha), vec4(0.0), float(isinf(x)));
+    return apply_tonal(new_color);
+}
+
+vec4 val2c(float x) {
+    float alpha = x * scale + offset;
+    alpha = transfer_func(H, alpha, min_value, max_value);
+
+    alpha = mix(alpha, 1.0 - alpha, reversed);
+
+    vec4 new_color = mix(colormap_f(alpha), vec4(0.0), float(x == blank || isnan(x)));
+    return apply_tonal(new_color);
+}
+
+vec4 uvw2c_f32(vec3 uv) {
+    float val = decode_f32(texture(tex, uv).rgba*255.0);
+    return val2c_f32(val);
+}
+
+vec4 uvw2c_i32(vec3 uv) {
+    float val = float(decode_i32(texture(tex, uv).rgba));
+    return val2c(val);
+}
+
+vec4 uvw2c_i16(vec3 uv) {
+    float val = float(decode_i16(texture(tex, uv).rg));
+    return val2c(val);
+}
+
+vec4 uvw2c_u8(vec3 uv) {
+    float val = float(decode_u8(texture(tex, uv).r));
+    return val2c(val);
+}
+
+uniform float opacity;
+
+void main() {
+    vec3 uv0 = frag_uv_start;
+    vec3 uv1 = frag_uv_end;
+    uv0.y = 1.0 - uv0.y;
+    uv1.y = 1.0 - uv1.y;
+
+    vec4 color_start = uvw2c_i16(uv0);
+    vec4 color_end = uvw2c_i16(uv1);
+
+    out_frag_color = mix(color_start, color_end, frag_blending_factor);
+    out_frag_color.a = out_frag_color.a * opacity;
+}"#,
     );
     out.insert(
         r"colormaps_colormap.vert",
         r#"#version 300 es
-precision lowp float;precision lowp sampler2D;layout(location=0)in vec2 position;layout(location=1)in vec2 uv;out vec2 out_uv;void main(){gl_Position=vec4(position,0,1);out_uv=uv;}"#,
+precision lowp float;
+precision lowp sampler2D;
+
+layout (location = 0) in vec2 position;
+layout (location = 1) in vec2 uv;
+
+out vec2 out_uv;
+
+void main() {
+    gl_Position = vec4(position, 0.f, 1.f);
+    out_uv = uv;
+}"#,
+    );
+    out.insert(
+        r"catalogs_ortho.frag",
+        r#"#version 300 es
+precision lowp float;
+
+in vec2 out_uv;
+in vec3 out_p;
+
+out vec4 color;
+
+uniform sampler2D kernel_texture;
+uniform float max_density; // max number of sources in a kernel sized HEALPix cell at the current depth
+uniform float fov;
+uniform float strength;
+void main() {
+    if (out_p.z < 0.f) {
+        discard;
+    }
+
+    color = texture(kernel_texture, out_uv) / max(log2(fov*100.0), 1.0);
+    color.r *= strength;
+}"#,
+    );
+    out.insert(
+        r"catalogs_healpix.vert",
+        r#"#version 300 es
+precision lowp float;
+layout (location = 0) in vec2 offset;
+layout (location = 1) in vec2 uv;
+layout (location = 2) in vec3 center;
+
+uniform float current_time;
+uniform mat3 inv_model;
+
+uniform vec2 ndc_to_clip;
+uniform float czf;
+uniform vec2 kernel_size;
+
+out vec2 out_uv;
+out vec3 out_p;
+
+const float PI = 3.141592653589793;
+const float SQRT_2 = 1.41421356237309504880168872420969808;
+
+vec2 w2c_sin(vec3 p) {
+    vec2 q = vec2(-p.x, p.y);
+    return p.z >= 0.f ? q : normalize(q);
+}
+
+vec2 w2c_sin_no_backface(vec3 p) {
+    return vec2(-p.x, p.y);
+}
+
+vec2 w2c_ait(vec3 p) {
+    float r = length(p.zx);
+    float w = sqrt((r * (r + p.z)) * 0.5f); // = cos(b) cos(l/2)
+    w = sqrt((1.0 + w) * 0.5f);             // = 1 / gamma
+    float y2d = p.y / w;
+
+    float x2d = 0.0;
+    if (abs(p.x) < 5e-3) {
+        float x_over_r = p.x/r;
+        x2d = -p.x * (1.0 - x_over_r*x_over_r/21.0) / w;
+    } else {
+        w = sqrt((r*r - r*p.z) * 2.0) / w; // = 2 * gamma * cos(b) sin(l/2)
+        x2d = sign(-p.x) * w;
+    }
+
+    return vec2(x2d * 0.5, y2d) / SQRT_2;
+}
+const float eps = 1.25e-8;
+const int n_iter = 100;
+
+float newton_solve(float z) {
+    float cte = PI * z;
+    float x = 2.0 * asin(z);
+    float f = x + sin(x) - cte; 
+    int i = 0;
+    while (abs(f) > eps && i < n_iter) {
+        x -= f / (1.0 + cos(x));
+        f = x + sin(x) - cte;
+        i += 1;
+    }
+
+    return 0.5 * x;
+}
+
+vec2 w2c_mol(vec3 p) {
+    float g = newton_solve(p.y);
+
+    float sg = sin(g);
+    float cg = cos(g);
+    return vec2((atan(-p.x, p.z) * cg) / PI, sg);
+}
+vec2 w2c_tan(vec3 p) {
+    p.z = max(p.z, 1e-2);
+    return vec2(-p.x, p.y) / (p.z*PI);
+}
+vec2 w2c_stg(vec3 p) {
+    float w = (1.0 + p.z) * 0.5;
+    return vec2(-p.x, p.y) / (PI * w);
+}
+vec2 w2c_zea(vec3 p) {
+    float w = sqrt(0.5 + 0.5 * p.z); // <=> sqrt[(1 + x) / 2]
+    return vec2(-p.x, p.y) * 0.5 / w;
+}
+vec2 w2c_mer(vec3 p) {
+    return vec2(atan(-p.x, p.z), atanh(p.y)) / PI;
+}
+
+vec3 lonlat2xyz(vec2 lonlat) {
+    float t = lonlat.x;
+    float tc = cos(t);
+    float ts = sin(t);
+
+    float d = lonlat.y;
+    float dc = cos(d);
+    float ds = sin(d);
+
+    return vec3(dc * ts, ds, dc * tc);
+}
+
+uniform int u_proj;
+
+vec2 proj(vec3 p) {
+    if (u_proj == 0) {
+        return w2c_tan(p);
+    } else if (u_proj == 1) {
+        return w2c_stg(p);
+    } else if (u_proj == 2) {
+        return w2c_sin(p);
+    } else if (u_proj == 3) {
+        return w2c_zea(p);
+    } else if (u_proj == 4) {
+        return w2c_ait(p);
+    } else if (u_proj == 5) {
+        return w2c_mol(p);
+    } else {
+        return w2c_mer(p);
+    }
+}
+
+
+void main() {
+    vec3 p = inv_model * center;
+
+    vec2 center_pos_clip_space = world2clip_healpix(p);
+
+    vec2 pos_clip_space = center_pos_clip_space;
+    gl_Position = vec4((pos_clip_space / (ndc_to_clip * czf)) + offset * kernel_size , 0.f, 1.f);
+
+    out_uv = uv;
+    out_p = p;
+}"#,
+    );
+    out.insert(
+        r"image_base.vert",
+        r#"#version 300 es
+precision highp float;
+
+layout (location = 0) in vec2 ndc_pos;
+layout (location = 1) in vec2 uv;
+
+out vec2 frag_uv;
+
+void main() {
+    gl_Position = vec4(ndc_pos, 0.0, 1.0);
+    frag_uv = uv;
+}"#,
+    );
+    out.insert(
+        r"hips_rasterizer_raster.vert",
+        r#"#version 300 es
+precision highp float;
+
+layout (location = 0) in vec3 xyz;
+layout (location = 1) in vec3 uv_start;
+layout (location = 2) in vec3 uv_end;
+layout (location = 3) in float time_tile_received;
+
+out vec3 frag_uv_start;
+out vec3 frag_uv_end;
+out float frag_blending_factor;
+
+uniform mat3 inv_model;
+uniform vec2 ndc_to_clip;
+uniform float czf;
+uniform float current_time;
+
+const float PI = 3.141592653589793;
+const float SQRT_2 = 1.41421356237309504880168872420969808;
+
+vec2 w2c_sin(vec3 p) {
+    vec2 q = vec2(-p.x, p.y);
+    return p.z >= 0.f ? q : normalize(q);
+}
+
+vec2 w2c_sin_no_backface(vec3 p) {
+    return vec2(-p.x, p.y);
+}
+
+vec2 w2c_ait(vec3 p) {
+    float r = length(p.zx);
+    float w = sqrt((r * (r + p.z)) * 0.5f); // = cos(b) cos(l/2)
+    w = sqrt((1.0 + w) * 0.5f);             // = 1 / gamma
+    float y2d = p.y / w;
+
+    float x2d = 0.0;
+    if (abs(p.x) < 5e-3) {
+        float x_over_r = p.x/r;
+        x2d = -p.x * (1.0 - x_over_r*x_over_r/21.0) / w;
+    } else {
+        w = sqrt((r*r - r*p.z) * 2.0) / w; // = 2 * gamma * cos(b) sin(l/2)
+        x2d = sign(-p.x) * w;
+    }
+
+    return vec2(x2d * 0.5, y2d) / SQRT_2;
+}
+const float eps = 1.25e-8;
+const int n_iter = 100;
+
+float newton_solve(float z) {
+    float cte = PI * z;
+    float x = 2.0 * asin(z);
+    float f = x + sin(x) - cte; 
+    int i = 0;
+    while (abs(f) > eps && i < n_iter) {
+        x -= f / (1.0 + cos(x));
+        f = x + sin(x) - cte;
+        i += 1;
+    }
+
+    return 0.5 * x;
+}
+
+vec2 w2c_mol(vec3 p) {
+    float g = newton_solve(p.y);
+
+    float sg = sin(g);
+    float cg = cos(g);
+    return vec2((atan(-p.x, p.z) * cg) / PI, sg);
+}
+vec2 w2c_tan(vec3 p) {
+    p.z = max(p.z, 1e-2);
+    return vec2(-p.x, p.y) / (p.z*PI);
+}
+vec2 w2c_stg(vec3 p) {
+    float w = (1.0 + p.z) * 0.5;
+    return vec2(-p.x, p.y) / (PI * w);
+}
+vec2 w2c_zea(vec3 p) {
+    float w = sqrt(0.5 + 0.5 * p.z); // <=> sqrt[(1 + x) / 2]
+    return vec2(-p.x, p.y) * 0.5 / w;
+}
+vec2 w2c_mer(vec3 p) {
+    return vec2(atan(-p.x, p.z), atanh(p.y)) / PI;
+}
+
+vec3 lonlat2xyz(vec2 lonlat) {
+    float t = lonlat.x;
+    float tc = cos(t);
+    float ts = sin(t);
+
+    float d = lonlat.y;
+    float dc = cos(d);
+    float ds = sin(d);
+
+    return vec3(dc * ts, ds, dc * tc);
+}
+
+uniform int u_proj;
+
+vec2 proj(vec3 p) {
+    if (u_proj == 0) {
+        return w2c_tan(p);
+    } else if (u_proj == 1) {
+        return w2c_stg(p);
+    } else if (u_proj == 2) {
+        return w2c_sin(p);
+    } else if (u_proj == 3) {
+        return w2c_zea(p);
+    } else if (u_proj == 4) {
+        return w2c_ait(p);
+    } else if (u_proj == 5) {
+        return w2c_mol(p);
+    } else {
+        return w2c_mer(p);
+    }
+}
+
+void main() {
+    vec3 p_w = inv_model * xyz; 
+    vec2 p_clip = proj(p_w);
+
+    vec2 p_ndc = p_clip / (ndc_to_clip * czf);
+    gl_Position = vec4(p_ndc, 0.0, 1.0);
+
+    frag_uv_start = uv_start;
+    frag_uv_end = uv_end;
+    frag_blending_factor = min((current_time - time_tile_received) / 200.0, 1.0);
+}"#,
+    );
+    out.insert(
+        r"hips_raytracer_rgba2cmap.frag",
+        r#"#version 300 es
+precision lowp float;
+precision lowp sampler2DArray;
+precision lowp sampler2DArray;
+precision lowp isampler2DArray;
+precision mediump int;
+
+in vec3 frag_pos;
+in vec2 out_clip_pos;
+out vec4 out_frag_color;
+
+struct Tile {
+    int uniq; // Healpix cell
+    int texture_idx; // Index in the texture buffer
+    float start_time; // Absolute time that the load has been done in ms
+    float empty;
+};
+
+uniform Tile textures_tiles[12];
+
+uniform float opacity;
+uniform sampler2DArray tex;
+
+uniform float scale;
+uniform float offset;
+uniform float blank;
+uniform float min_value;
+uniform float max_value;
+uniform int H;
+uniform float reversed;
+
+uniform sampler2D colormaps;
+uniform float num_colormaps;
+uniform float colormap_id;
+
+vec4 colormap_f(float x) {
+    float id = (colormap_id + 0.5) / num_colormaps;
+    return texture(colormaps, vec2(x, id));
+}
+float linear_f(float x, float min_value, float max_value) {
+    return clamp((x - min_value)/(max_value - min_value), 0.0, 1.0);
+}
+
+float sqrt_f(float x, float min_value, float max_value) {
+    float a = linear_f(x, min_value, max_value);
+    return sqrt(a);
+}
+
+float log_f(float x, float min_value, float max_value) {
+    float y = linear_f(x, min_value, max_value);
+    float a = 1000.0;
+    return log(a*y + 1.0)/log(a);
+}
+
+float asinh_f(float x, float min_value, float max_value) {
+    float d = linear_f(x, min_value, max_value);
+    return asinh(10.0*d)/3.0;
+}
+
+float pow2_f(float x, float min_value, float max_value) {
+    float d = linear_f(x, min_value, max_value);
+    return d*d;
+}
+
+float transfer_func(int H, float x, float min_value, float max_value) {
+    if (H == 0) {
+        return linear_f(x, min_value, max_value);
+    } else if (H == 1) {
+        return sqrt_f(x, min_value, max_value);
+    } else if (H == 2) {
+        return log_f(x, min_value, max_value);
+    } else if (H == 3) {
+        return asinh_f(x, min_value, max_value);
+    } else {
+        return pow2_f(x, min_value, max_value);
+    }
+}
+
+uniform float k_gamma;
+uniform float k_saturation;
+uniform float k_contrast;
+uniform float k_brightness;
+uniform float k_exposure;
+
+vec4 apply_gamma(vec4 ic, float g) {
+    float new_r = pow(ic.r, g);
+    float new_g = pow(ic.g, g);
+    float new_b = pow(ic.b, g);
+
+    return vec4(new_r, new_g, new_b, ic.a);
+}
+
+vec4 apply_saturation(vec4 color, float value) {
+    const vec3 luminosity_factor = vec3(0.2126, 0.7152, 0.0722);
+    vec3 grayscale = vec3(dot(color.rgb, luminosity_factor));
+    
+    return vec4(mix(grayscale, color.rgb, 1.0 + value), color.a);
+}
+
+vec4 apply_contrast(vec4 color, float value) {
+    return vec4(0.5 + (1.0 + value) * (color.rgb - 0.5), color.a);
+}
+
+vec4 apply_brightness(vec4 color, float value) {
+    return vec4(color.rgb + value, color.a);
+}
+
+vec4 apply_exposure(vec4 color, float value) {
+    return vec4((1.0 + value) * color.rgb, color.a);
+}
+
+vec4 apply_tonal(vec4 color) {
+  return apply_gamma(
+    apply_saturation(
+      apply_contrast(
+        apply_brightness(color, k_brightness),
+        k_contrast
+      ),
+      k_saturation
+    ),
+    k_gamma
+  );
+}
+vec3 rgb2hsv(vec3 c) {
+    vec4 K = vec4(0.0, -1.0 / 3.0, 2.0 / 3.0, -1.0);
+    vec4 p = mix(vec4(c.bg, K.wz), vec4(c.gb, K.xy), step(c.b, c.g));
+    vec4 q = mix(vec4(p.xyw, c.r), vec4(c.r, p.yzx), step(p.x, c.r));
+
+    float d = q.x - min(q.w, q.y);
+    float e = 1.0e-10;
+    return vec3(abs(q.z + (q.w - q.y) / (6.0 * d + e)), d / (q.x + e), q.x);
+}
+
+vec3 hsv2rgb(vec3 c) {
+    vec4 K = vec4(1.0, 2.0 / 3.0, 1.0 / 3.0, 3.0);
+    vec3 p = abs(fract(c.xxx + K.xyz) * 6.0 - K.www);
+    return c.z * mix(K.xxx, clamp(p - K.xxx, 0.0, 1.0), c.y);
+}
+highp float decode_f32(highp vec4 rgba) {
+    highp float Sign = 1.0 - step(128.0,rgba[0])*2.0;
+    highp float Exponent = 2.0 * mod(rgba[0],128.0) + step(128.0,rgba[1]) - 127.0; 
+    if (abs(Exponent + 127.0) < 1e-3) {
+        return 0.0;
+    }
+    highp float Mantissa = mod(rgba[1],128.0)*65536.0 + rgba[2]*256.0 +rgba[3] + float(0x800000);
+    highp float Result =  Sign * exp2(Exponent) * (Mantissa * exp2(-23.0 )); 
+    return Result;
+}
+
+int decode_i32(vec4 rgba) {
+    int r = int(rgba.r * 255.0 + 0.5);
+    int g = int(rgba.g * 255.0 + 0.5);
+    int b = int(rgba.b * 255.0 + 0.5);
+    int a = int(rgba.a * 255.0 + 0.5);
+
+    int value = (r << 24) | (g << 16) | (b << 8) | a; // Combine into a 16-bit integer
+
+    return value;
+}
+
+int decode_i16(vec2 rg) {
+    int r = int(rg.r * 255.0 + 0.5);
+    int g = int(rg.g * 255.0 + 0.5);
+
+    int value = (r << 8) | g; // Combine into a 16-bit integer
+
+    if (value >= 32768) {
+        value -= 65536;
+    }
+
+    return value;
+}
+
+uint decode_u8(float r) {
+    uint value = uint(r * 255.0 + 0.5);
+    return value;
+}
+
+
+
+
+vec4 uvw2c_r(vec3 uv) {    
+    vec2 va = texture(tex, uv).ra;
+
+    va.x = transfer_func(H, va.x, min_value, max_value);
+
+    va.x = mix(va.x, 1.0 - va.x, reversed);
+
+    vec4 c = colormap_f(va.x);
+    return apply_tonal(c);
+}
+
+vec4 uvw2c_rgba(vec3 uv) {
+    vec4 c = texture(tex, uv).rgba;
+
+    c.r = transfer_func(H, c.r, min_value, max_value);
+    c.g = transfer_func(H, c.g, min_value, max_value);
+    c.b = transfer_func(H, c.b, min_value, max_value);
+
+    c.rgb = mix(c.rgb, 1.0 - c.rgb, reversed);
+
+    return apply_tonal(c);
+}
+
+vec4 uvw2c_ra(vec3 uv) {
+    vec2 c = texture(tex, uv).rg;
+
+    c.r = transfer_func(H, c.r, min_value, max_value);
+
+    c.r = mix(c.r, 1.0 - c.r, reversed);
+
+    vec3 color = colormap_f(c.r).rgb;
+
+    return apply_tonal(vec4(color, c.g));
+}
+
+vec4 uvw2cmap_rgba(vec3 uv) {    
+    float v = texture(tex, uv).r;
+    v = transfer_func(H, v, min_value, max_value);
+    vec4 c = colormap_f(v);
+    c.rgb = mix(c.rgb, 1.0 - c.rgb, reversed);
+
+    return apply_tonal(c);
+}
+
+vec4 val2c_f32(float x) {
+    float alpha = x * scale + offset;
+    alpha = transfer_func(H, alpha, min_value, max_value);
+
+    alpha = mix(alpha, 1.0 - alpha, reversed);
+
+    vec4 new_color = mix(colormap_f(alpha), vec4(0.0), float(isinf(x)));
+    return apply_tonal(new_color);
+}
+
+vec4 val2c(float x) {
+    float alpha = x * scale + offset;
+    alpha = transfer_func(H, alpha, min_value, max_value);
+
+    alpha = mix(alpha, 1.0 - alpha, reversed);
+
+    vec4 new_color = mix(colormap_f(alpha), vec4(0.0), float(x == blank || isnan(x)));
+    return apply_tonal(new_color);
+}
+
+vec4 uvw2c_f32(vec3 uv) {
+    float val = decode_f32(texture(tex, uv).rgba*255.0);
+    return val2c_f32(val);
+}
+
+vec4 uvw2c_i32(vec3 uv) {
+    float val = float(decode_i32(texture(tex, uv).rgba));
+    return val2c(val);
+}
+
+vec4 uvw2c_i16(vec3 uv) {
+    float val = float(decode_i16(texture(tex, uv).rg));
+    return val2c(val);
+}
+
+vec4 uvw2c_u8(vec3 uv) {
+    float val = float(decode_u8(texture(tex, uv).r));
+    return val2c(val);
+}
+const float TWICE_PI = 6.28318530718;
+const float PI = 3.141592653589793;
+const float FOUR_OVER_PI = 1.27323954474;
+const float TRANSITION_Z = 0.66666666666;
+const float TRANSITION_Z_INV = 1.5;
+
+int quarter(vec2 p) {
+    int x_neg = int(p.x < 0.0);
+    int y_neg = int(p.y < 0.0);
+    int q = (x_neg + y_neg) | (y_neg << 1);
+    return q;
+}
+
+float xpm1(vec2 p) {
+    bool x_neg = (p.x < 0.0);
+    bool y_neg = (p.y < 0.0);
+    float lon = atan(abs(p.y), abs(p.x));
+    float x02 = lon * FOUR_OVER_PI;
+    if (x_neg != y_neg) { // Could be replaced by a sign copy from (x_neg ^ y_neg) << 32
+        return 1.0 - x02;
+    } else {
+        return x02 - 1.0;
+    }
+}
+
+float one_minus_z_pos(vec3 p) {
+    float d2 = dot(p.xy, p.xy); // z = sqrt(1 - d2) AND sqrt(1 - x) = 1 - x / 2 - x^2 / 8 - x^3 / 16 - 5 x^4/128 - 7 * x^5/256
+
+    if (d2 < 1e-1) { // <=> dec > 84.27 deg
+        return d2 * (0.5 + d2 * (0.125 + d2 * (0.0625 + d2 * (0.0390625 + d2 * 0.02734375))));
+    }
+    return 1.0f - p.z;
+}
+
+float one_minus_z_neg(vec3 p) {
+    float d2 = dot(p.xy, p.xy); // z = sqrt(1 - d2) AND sqrt(1 - x) = 1 - x / 2 - x^2 / 8 - x^3 / 16 - 5 x^4/128 - 7 * x^5/256
+    if (d2 < 1e-1f) { // <=> dec < -84.27 deg
+        return d2 * (0.5 + d2 * (0.125 + d2 * (0.0625 + d2 * (0.0390625 + d2 * 0.02734375))));
+    }
+    return p.z + 1.0;
+}
+
+int ij2z(int i, int j) {
+    int i4 = i | (j << 2);
+
+    int j4 = (i4 ^ (i4 >> 1)) & 0x22222222;
+    int i5 = i4 ^ j4 ^ (j4 << 1);
+
+    return i5;
+}
+
+struct HashDxDy {
+    int idx;
+    float dx;
+    float dy;
+};
+
+uniform sampler2D ang2pixd;
+HashDxDy hash_with_dxdy2(vec2 radec) {
+    vec2 aa = vec2(radec.x/TWICE_PI + 1.0, (radec.y/PI) + 0.5);
+    vec3 v = texture(ang2pixd, aa).rgb;
+    return HashDxDy(
+        int(v.x * 255.0),
+        v.y,
+        v.z
+    );
+}
+HashDxDy hash_with_dxdy(int depth, vec3 p) {
+    
+    int nside = 1 << depth;
+    float half_nside = float(nside) * 0.5;
+
+    float x_pm1 = xpm1(p.xy);
+    int q = quarter(p.xy);
+
+    int d0h = 0;
+    vec2 p_proj = vec2(0.0);
+    if (p.z > TRANSITION_Z) {
+        float sqrt_3_one_min_z = sqrt(3.0 * one_minus_z_pos(p));
+        p_proj = vec2(x_pm1 * sqrt_3_one_min_z, 2.0 - sqrt_3_one_min_z);
+        d0h = q;
+    } else if (p.z < -TRANSITION_Z) {
+        float sqrt_3_one_min_z = sqrt(3.0 * one_minus_z_neg(p));
+        p_proj = vec2(x_pm1 * sqrt_3_one_min_z, sqrt_3_one_min_z);
+        d0h = q + 8;
+    } else {
+        float y_pm1 = p.z * TRANSITION_Z_INV;
+        int q01 = int(x_pm1 > y_pm1);  // 0/1
+        int q12 = int(x_pm1 >= -y_pm1); // 0\1
+        int q03 = 1 - q12; // 1\0
+        int q1 = q01 & q12; // = 1 if q1, 0 else
+        p_proj = vec2(
+            x_pm1 - float(q01 + q12 - 1),
+            y_pm1 + float(q01 + q03)
+        );
+        d0h = ((q01 + q03) << 2) + ((q + q1) & 3);
+    }
+
+    float x = (half_nside * (p_proj.x + p_proj.y));
+    float y = (half_nside * (p_proj.y - p_proj.x));
+    int i = int(x);
+    int j = int(y);
+
+    return HashDxDy(
+        (d0h << (depth << 1)) + ij2z(i, j),
+        x - float(i),
+        y - float(j)
+    );
+}
+vec3 xyz2uv(vec3 xyz) {
+    HashDxDy result = hash_with_dxdy(0, xyz.zxy);
+
+    int idx = result.idx;
+    vec2 offset = vec2(result.dy, result.dx);
+    Tile tile = textures_tiles[idx];
+
+    return vec3(offset, float(tile.texture_idx));
+}
+
+void main() {
+    vec3 uv = xyz2uv(normalize(frag_pos));
+    vec4 c = uvw2cmap_rgba(uv);
+
+    out_frag_color = c;
+    out_frag_color.a = out_frag_color.a * opacity;
+}"#,
+    );
+    out.insert(
+        r"catalogs_mollweide.vert",
+        r#"#version 300 es
+precision lowp float;
+layout (location = 0) in vec2 offset;
+layout (location = 1) in vec2 uv;
+layout (location = 2) in vec3 center;
+
+uniform float current_time;
+uniform mat3 inv_model;
+
+uniform vec2 ndc_to_clip;
+uniform float czf;
+uniform vec2 kernel_size;
+
+out vec2 out_uv;
+out vec3 out_p;
+
+const float PI = 3.141592653589793;
+const float SQRT_2 = 1.41421356237309504880168872420969808;
+
+vec2 w2c_sin(vec3 p) {
+    vec2 q = vec2(-p.x, p.y);
+    return p.z >= 0.f ? q : normalize(q);
+}
+
+vec2 w2c_sin_no_backface(vec3 p) {
+    return vec2(-p.x, p.y);
+}
+
+vec2 w2c_ait(vec3 p) {
+    float r = length(p.zx);
+    float w = sqrt((r * (r + p.z)) * 0.5f); // = cos(b) cos(l/2)
+    w = sqrt((1.0 + w) * 0.5f);             // = 1 / gamma
+    float y2d = p.y / w;
+
+    float x2d = 0.0;
+    if (abs(p.x) < 5e-3) {
+        float x_over_r = p.x/r;
+        x2d = -p.x * (1.0 - x_over_r*x_over_r/21.0) / w;
+    } else {
+        w = sqrt((r*r - r*p.z) * 2.0) / w; // = 2 * gamma * cos(b) sin(l/2)
+        x2d = sign(-p.x) * w;
+    }
+
+    return vec2(x2d * 0.5, y2d) / SQRT_2;
+}
+const float eps = 1.25e-8;
+const int n_iter = 100;
+
+float newton_solve(float z) {
+    float cte = PI * z;
+    float x = 2.0 * asin(z);
+    float f = x + sin(x) - cte; 
+    int i = 0;
+    while (abs(f) > eps && i < n_iter) {
+        x -= f / (1.0 + cos(x));
+        f = x + sin(x) - cte;
+        i += 1;
+    }
+
+    return 0.5 * x;
+}
+
+vec2 w2c_mol(vec3 p) {
+    float g = newton_solve(p.y);
+
+    float sg = sin(g);
+    float cg = cos(g);
+    return vec2((atan(-p.x, p.z) * cg) / PI, sg);
+}
+vec2 w2c_tan(vec3 p) {
+    p.z = max(p.z, 1e-2);
+    return vec2(-p.x, p.y) / (p.z*PI);
+}
+vec2 w2c_stg(vec3 p) {
+    float w = (1.0 + p.z) * 0.5;
+    return vec2(-p.x, p.y) / (PI * w);
+}
+vec2 w2c_zea(vec3 p) {
+    float w = sqrt(0.5 + 0.5 * p.z); // <=> sqrt[(1 + x) / 2]
+    return vec2(-p.x, p.y) * 0.5 / w;
+}
+vec2 w2c_mer(vec3 p) {
+    return vec2(atan(-p.x, p.z), atanh(p.y)) / PI;
+}
+
+vec3 lonlat2xyz(vec2 lonlat) {
+    float t = lonlat.x;
+    float tc = cos(t);
+    float ts = sin(t);
+
+    float d = lonlat.y;
+    float dc = cos(d);
+    float ds = sin(d);
+
+    return vec3(dc * ts, ds, dc * tc);
+}
+
+uniform int u_proj;
+
+vec2 proj(vec3 p) {
+    if (u_proj == 0) {
+        return w2c_tan(p);
+    } else if (u_proj == 1) {
+        return w2c_stg(p);
+    } else if (u_proj == 2) {
+        return w2c_sin(p);
+    } else if (u_proj == 3) {
+        return w2c_zea(p);
+    } else if (u_proj == 4) {
+        return w2c_ait(p);
+    } else if (u_proj == 5) {
+        return w2c_mol(p);
+    } else {
+        return w2c_mer(p);
+    }
+}
+
+
+void main() {
+    vec3 p = inv_model * center;
+
+    vec2 center_pos_clip_space = world2clip_mollweide(p);
+
+    vec2 pos_clip_space = center_pos_clip_space;
+    gl_Position = vec4((pos_clip_space / (ndc_to_clip * czf)) + offset * kernel_size , 0.f, 1.f);
+
+    out_uv = uv;
+    out_p = p;
+}"#,
+    );
+    out.insert(
+        r"hips_raytracer_backcolor.vert",
+        r#"#version 300 es
+precision lowp float;
+precision mediump int;
+
+layout (location = 0) in vec2 pos_clip_space;
+
+uniform vec2 ndc_to_clip;
+uniform float czf;
+
+void main() {
+    gl_Position = vec4(pos_clip_space / (ndc_to_clip * czf), 0.0, 1.0);
+}"#,
     );
     out
 }
diff --git a/src/css/aladin.css b/src/css/aladin.css
index fac1d579..f8104056 100644
--- a/src/css/aladin.css
+++ b/src/css/aladin.css
@@ -19,6 +19,44 @@
     --aladin-color-border: #fff;
 }
 
+.aladin-tree {
+    width: 100%;
+    border-top: 1px solid white;
+    border-bottom: 2px solid white;
+}
+
+.aladin-tree .aladin-directory-path {
+    padding-top: 0.5rem;
+    padding-bottom: 0.5rem;
+    width: 100%;
+    border-bottom: 2px solid white;
+}
+
+.aladin-tree ul {
+    padding:0;
+    margin:0;
+    overflow-y: scroll;
+    height: 300px;
+}
+.aladin-link {
+    list-style-type: none;
+    padding: 0.5em 0px;
+    cursor:pointer;
+    margin: 0;
+}
+
+.aladin-tree li:hover {
+    color: yellowgreen;
+}
+
+.aladin-tree li:last-child {
+    border-bottom: none;
+}
+
+.aladin-tree li {
+    border-bottom: 1px solid white;
+}
+
 .aladin-dark-theme {
     background-color: black;
     color: white;
@@ -239,18 +277,15 @@
     font-family: monospace;
     background: #fff;
 
-    line-height: 1.3;
     color: #222;
     /*box-shadow: 0 0 6px rgba(0,0,0,0.2);*/
 
     /* Allow scrolling but disable scroll bar */
-    -ms-overflow-style: none; /* for Internet Explorer, Edge */
-    scrollbar-width: none; /* for Firefox */
-    /*overflow-y: auto;*/ 
-    overflow-y: none;
-    max-height: 500px;
     /*max-width: fit-content;*/
-    height: fit-content;
+    height: min-content;
+    width: min-content;
+
+    border: 1px solid white;
 }
 
 .aladin-container canvas {
@@ -319,7 +354,7 @@
 .aladin-box-separator {
 	height: 0;
     border-top: 1px solid #d2d2d2;
-    margin: 5px 0px 5px -4px;
+    padding-bottom: 5px;
 }
 
 .aladin-restore {
@@ -509,11 +544,11 @@
 }
 
 .aladin-vertical-list > *:first-child {
-    margin-top: 0;
+    padding-top: 0;
 }
 
 .aladin-vertical-list > * {
-    margin-top: 0.5rem;
+    padding-top: 0.5rem;
 }
 
 .aladin-horizontal-list {
@@ -1124,6 +1159,7 @@ otherwise it fits its content options. If those are too big the select can go ou
 
 .aladin-link:hover {
     color: greenyellow;
+    text-decoration: underline;
 }
 
 .aladin-simbadPointer-control {
@@ -1160,9 +1196,13 @@ otherwise it fits its content options. If those are too big the select can go ou
 .aladin-stack-box {
     width: 17rem;
 }
+.aladin-item-selected {
+    border: 1px solid orange;
+}
 
 .aladin-HiPS-filter-box {
     margin-top: 0.4rem;
+    /*width: 250px;*/
 }
 
 .aladin-HiPS-filter-box .aladin-horizontal-list {
diff --git a/src/js/Aladin.js b/src/js/Aladin.js
index 479e94ce..ca1f9469 100644
--- a/src/js/Aladin.js
+++ b/src/js/Aladin.js
@@ -2004,7 +2004,7 @@ export let Aladin = (function () {
      * </ul>
      */
     Aladin.prototype.setBaseImageLayer = function (urlOrHiPSOrFITS) {
-        return this.setOverlayImageLayer(urlOrHiPSOrFITS, "base");
+        return this.setOverlayImageLayer(urlOrHiPSOrFITS, this.overlayLayers[0] || Utils.uuidv4());
     };
 
     /**
diff --git a/src/js/MocServer.js b/src/js/MocServer.js
index 427ded8a..e4c3e5f5 100644
--- a/src/js/MocServer.js
+++ b/src/js/MocServer.js
@@ -51,7 +51,7 @@ export class MocServer {
                 //expr: "dataproduct_type=image",
                 get: "record",
                 fmt: "json",
-                fields: "ID,hips_creator,hips_copyright,hips_order,hips_tile_width,hips_frame,hips_tile_format,obs_title,obs_description,obs_copyright,obs_regime",
+                fields: "ID,hips_creator,hips_copyright,hips_order,hips_tile_width,hips_frame,hips_tile_format,obs_title,obs_description,obs_copyright,obs_regime,client_category",
                 //fields: "ID,hips_initial_fov,hips_initial_ra,hips_initial_dec,hips_pixel_bitpix,hips_creator,hips_copyright,hips_frame,hips_order,hips_order_min,hips_tile_width,hips_tile_format,hips_pixel_cut,obs_title,obs_description,obs_copyright,obs_regime,hips_data_range,hips_service_url",
             };
     
diff --git a/src/js/Utils.ts b/src/js/Utils.ts
index df3d671c..41003364 100644
--- a/src/js/Utils.ts
+++ b/src/js/Utils.ts
@@ -384,7 +384,6 @@ Utils.fetch = function(params) {
         // localhost url
         url = params.url;
     }
-    
 
     let request = new Request(url, {
         method: params.method || 'GET',
diff --git a/src/js/View.js b/src/js/View.js
index a407f8df..806543d7 100644
--- a/src/js/View.js
+++ b/src/js/View.js
@@ -1927,12 +1927,12 @@ export let View = (function () {
         this.wasm.swapLayers(firstLayer, secondLayer);
 
         // Swap in overlaylayers
-        const idxFirstLayer = this.overlayLayers.findIndex(overlayLayer => overlayLayer == firstLayer);
-        const idxSecondLayer = this.overlayLayers.findIndex(overlayLayer => overlayLayer == secondLayer);
+        /*const idxFirstLayer = this.overlayLayers.indexOf(firstLayer);
+        const idxSecondLayer = this.overlayLayers.indexOf(secondLayer);
 
         const tmp = this.overlayLayers[idxFirstLayer];
         this.overlayLayers[idxFirstLayer] = this.overlayLayers[idxSecondLayer];
-        this.overlayLayers[idxSecondLayer] = tmp;
+        this.overlayLayers[idxSecondLayer] = tmp;*/
 
         // Tell the layer hierarchy has changed
         ALEvent.HIPS_LAYER_SWAP.dispatchedTo(this.aladinDiv, { firstLayer: firstLayer, secondLayer: secondLayer });
diff --git a/src/js/gui/Box/HiPSBrowserBox.js b/src/js/gui/Box/HiPSBrowserBox.js
index fa035d2c..e2ecd88e 100644
--- a/src/js/gui/Box/HiPSBrowserBox.js
+++ b/src/js/gui/Box/HiPSBrowserBox.js
@@ -33,6 +33,8 @@ import { Utils } from "../../Utils.ts";
 import { ActionButton } from "../Widgets/ActionButton.js";
 import infoIconUrl from "../../../../assets/icons/info.svg"
 import { Icon } from "../Widgets/Icon.js";
+import { Tree } from "../Widgets/Tree.js";
+import { ALEvent } from "../../events/ALEvent.js";
 
 /******************************************************************************
  * Aladin Lite project
@@ -44,32 +46,109 @@ import { Icon } from "../Widgets/Icon.js";
  *
  *****************************************************************************/
 
+function fillHiPSHierarchy(name, hips, path, hierarchy) {
+    let folders = path.split('/')
+    let curFolder = folders.shift()
+
+    // Some exceptions because the MOCServer client_category field may contain some typos
+    if (['x', 'x-ray', 'xray'].includes(curFolder)) {
+        curFolder = 'x-ray'
+    }
+
+    if (['radion', 'radio'].includes(curFolder)) {
+        curFolder = 'radio'
+    }
+
+    if (curFolder === "deprecated")
+        return;
+
+    hierarchy[curFolder] = hierarchy[curFolder] || {};
+    if (folders.length == 0) {
+        hierarchy[curFolder][name] = hips
+    } else {
+        let newPath = folders.join('/')
+        fillHiPSHierarchy(name, hips, newPath, hierarchy[curFolder])
+    }
+}
+
 export class HiPSBrowserBox extends Box {
     static HiPSList = {};
 
     constructor(aladin, options) {
         let self;
 
+        let filter = (item, params) => {
+            if (params.regime) {
+                if (!item.obs_regime)
+                    return false;
+
+                if (params.regime.toLowerCase() !== item.obs_regime.toLowerCase()) {
+                    return false;
+                }
+            }
+
+            if (params.resolution) {
+                if (!item.hips_tile_width || !item.hips_order) {
+                    return false;
+                }
+
+                let pixelHEALPixOrder = Math.log2(item.hips_tile_width) + (+item.hips_order);
+                let resPixel = Math.sqrt(Math.PI / (3*Math.pow(4, pixelHEALPixOrder)));
+
+                if (resPixel > params.resolution)
+                    return false;
+            }
+
+            if (params.title) {
+                if (!item.obs_title)
+                    return false;
+
+                if (!item.obs_title.toLowerCase().includes(params.title.toLowerCase())) {
+                    return false;
+                }
+            }
+
+            return true;
+        };
+
+        // Search tree
+        let searchTree = new Tree({
+            // a JS object describing the tree to show
+            label: (item) => {
+                let name = item.obs_title.replace(/:|\'/g, '');
+                return name;
+            },
+            // a callback called when the user selects a leaf item of the tree
+            click: (item) => {
+                let image = item.ID || item.hips_service_url;
+                let name = item.obs_title || item.ID;
+                self._addHiPS(image, name)
+            },
+            // a callback called for filtering
+            filter,
+        });
+
         MocServer.getAllHiPSes().then((HiPSes) => {
             HiPSBrowserBox.HiPSList = {}
 
-            self.HiPSTree = {};
+            let hipsHierarchy = {};
             // Fill the HiPSList from the MOCServer
 
             // Build a hierarchy w.r.t sorted by regime
             HiPSes.forEach((h) => {
                 let name = h.obs_title;
                 name = name.replace(/:|\'/g, '');
+
                 HiPSBrowserBox.HiPSList[name] = h;
 
-                self.HiPSTree[h.obs_regime] = self.HiPSTree[h.obs_regime] || {};
-                if (self.HiPSTree[h.obs_regime]) {
-                    self.HiPSTree[h.obs_regime][name] = h
+                if (h.client_category) {
+                    let path = h.client_category.toLowerCase()
+
+                    fillHiPSHierarchy(name, h, path, hipsHierarchy)
                 }
             });
 
-            console.log("jkjk", self.HiPSTree)
-
+            self.searchTree.setHierarchy(hipsHierarchy)
 
             // Initialize the autocompletion without any filtering
             self._filterHiPSList({})
@@ -98,7 +177,6 @@ export class HiPSBrowserBox extends Box {
 
             if (image) {
                 self._addHiPS(image, name)
-                self.searchDropdown.update({title: value});
             }
         };
 
@@ -128,14 +206,11 @@ export class HiPSBrowserBox extends Box {
                         disable: true,
                     })
 
+                    self.searchTree.triggerFilter({title: e.target.value});
+
                     searchDropdown.removeClass('aladin-valid')
                     searchDropdown.removeClass('aladin-not-valid')
                 },
-                change(e) {
-                    e.stopPropagation();
-                    e.preventDefault()
-                    _parseHiPS(e)
-                }
             },
         });
 
@@ -193,13 +268,9 @@ export class HiPSBrowserBox extends Box {
             },
             toggled: false,
             actionOn: (e) => {
-                self.filterBox._show({
-                    position: {
-                        nextTo: filterBtn,
-                        direction: "bottom",
-                        aladin,
-                    },
-                });
+                self.filterBox._show({position: {
+                    anchor: 'right center'
+                }});
             },
             actionOff: (e) => {
                 self.filterBox._hide();
@@ -216,15 +287,17 @@ export class HiPSBrowserBox extends Box {
                         size: 'medium',
                         url: hipsIconUrl,
                         monochrome: true,
-                    }), "HiPS browser"])
-                },
-                onDragged: () => {
-                    if (self.filterBtn.toggled) {
-                        self.filterBtn.toggle();
-                    }
+                    }), "HiPS browser"]),
+                    draggable: true,
                 },
+                //onDragged: () => {
+                    //if (self.filterBtn.toggled) {
+                        //self.filterBtn.toggle();
+                    //}
+                //},
                 classList: ['aladin-HiPS-browser-box'],
                 content: Layout.vertical([
+                    searchTree,
                     Layout.horizontal(["Search:", searchDropdown, infoCurrentHiPSBtn]),
                     Layout.horizontal(["Filter:", Layout.horizontal([filterEnabler, filterBtn, filterNumberElt])]),
                 ]),
@@ -233,6 +306,9 @@ export class HiPSBrowserBox extends Box {
             aladin.aladinDiv
         );
 
+        self = this;
+
+        this.searchTree = searchTree;
         this.filterBox = new HiPSFilterBox(aladin, {
             callback: (params) => {
                 self._filterHiPSList(params);
@@ -247,48 +323,42 @@ export class HiPSBrowserBox extends Box {
 
         this.infoCurrentHiPSBtn = infoCurrentHiPSBtn;
 
-        self = this;
-
-        this.filterCallback = (HiPS, params) => {
-            if (params.regime) {
-                if (!HiPS.obs_regime)
-                    return false;
-
-                if (params.regime.toLowerCase() !== HiPS.obs_regime.toLowerCase()) {
-                    return false;
-                }
-            }
-
-            if (params.spatial) {
-                if (!HiPS.ID)
-                    return false;
-
-                if (Array.isArray(params.spatial) && !(params.spatial.includes(HiPS.ID))) {
-                    return false;
-                }
-            }
-
-            if (params.resolution) {
-                if (!HiPS.hips_tile_width || !HiPS.hips_order) {
-                    return false;
-                }
-
-                let pixelHEALPixOrder = Math.log2(HiPS.hips_tile_width) + (+HiPS.hips_order);
-                let resPixel = Math.sqrt(Math.PI / (3*Math.pow(4, pixelHEALPixOrder)));
-
-                if (resPixel > params.resolution)
-                    return false;
-            }
-
-            return true;
-        };
+        this.filter = filter;
 
         filterEnabler.action({target: {checked: true}});
+
+        this._addListeners();
+
+        this._requestMOCServer();
+    }
+
+    _addListeners() {
+        const requestMOCServerDebounced = Utils.debounce(() => {
+            this._requestMOCServer()
+        }, 500);
+
+        ALEvent.POSITION_CHANGED.listenedBy(this.aladin.aladinDiv, requestMOCServerDebounced);
+        ALEvent.ZOOM_CHANGED.listenedBy(this.aladin.aladinDiv, requestMOCServerDebounced);
+    }
+
+    _requestMOCServer() {
+        if (this.isHidden && this.searchTree) {
+            return;
+        }
+
+        let self = this;
+        MocServer.getAllHiPSesInsideView(this.aladin)
+            .then((HiPSes) => {
+                let HiPSIDs = HiPSes.map((x) => x.ID);
+                self.searchTree.highlightNodes(HiPSIDs)
+            })
     }
 
     _addHiPS(id, name) {
         let self = this;
 
+        self.searchDropdown.update({value: name, title: name});
+
         let hips = A.imageHiPS(id, {
             name,
             successCallback: (hips) => {
@@ -414,8 +484,8 @@ export class HiPSBrowserBox extends Box {
             let HiPS = HiPSBrowserBox.HiPSList[key];
             // apply filtering
             if (
-                self.filterCallback &&
-                self.filterCallback(HiPS, params)
+                self.filter &&
+                self.filter(HiPS, params)
             ) {
                 // search with the name or id
                 let name = HiPS.obs_title;
@@ -425,14 +495,15 @@ export class HiPSBrowserBox extends Box {
             }
         }
 
+        if (self.searchTree) {
+            self.searchTree.triggerFilter(params);
+        }
+
         self.searchDropdown.update({ options: HiPSIDs });
         self.filterNumberElt.innerHTML = HiPSIDs.length + "/" + Object.keys(HiPSBrowserBox.HiPSList).length;
     }
 
     _hide() {
-        if (this.filterBox)
-            this.filterBox.signalBrowserStatus(true)
-
         if (this.filterBtn && this.filterBtn.toggled) {
             this.filterBtn.toggle();
         }
@@ -443,10 +514,6 @@ export class HiPSBrowserBox extends Box {
     _show(options) {
         // Regenerate a new layer name
         this.layer = (options && options.layer) || Utils.uuidv4();
-
-        if (this.filterBox)
-            this.filterBox.signalBrowserStatus(false)
-
         super._show(options)
     }
 }
diff --git a/src/js/gui/Box/HiPSFilterBox.js b/src/js/gui/Box/HiPSFilterBox.js
index bdf8738c..ab3f817f 100644
--- a/src/js/gui/Box/HiPSFilterBox.js
+++ b/src/js/gui/Box/HiPSFilterBox.js
@@ -19,17 +19,11 @@
 
 import { Box } from "../Widgets/Box.js";
 import { Form } from "../Widgets/Form.js";
-import { MocServer } from "../../MocServer.js";
-import { TogglerActionButton } from "../Button/Toggler.js";
 import { Layout } from "../Layout.js";
 import { Angle } from "../../libs/astro/angle.js";
-import { ALEvent } from "../../events/ALEvent.js";
-import { Utils } from "../../Utils.ts";
 import { AladinUtils } from "../../AladinUtils.js";
 import { Input } from "../Widgets/Input.js";
-import freqIconUrl from '../../../../assets/icons/freq.svg';
-import inViewIconUrl from '../../../../assets/icons/inside.svg';
-import targetIconUrl from '../../../../assets/icons/target.svg';
+
 
 /******************************************************************************
  * Aladin Lite project
@@ -45,120 +39,96 @@ export class HiPSFilterBox extends Box {
     constructor(aladin, options) {
         let self;
 
-        let regimeBtn = new TogglerActionButton({
-            content: 'Freq',
-            icon: {
-                monochrome: true,
-                size: 'medium',
-                url: freqIconUrl,
-            },
-            tooltip: {content: 'Observation bandwidth', position: {direction: 'bottom'}},
-            toggled: false,
-            actionOn: () => {
-                self._triggerFilteringCallback();
-            },
-            actionOff: () => {
+        let regimeBtn = Input.checkbox({
+            name: 'Freq',
+            tooltip: {content: 'Observation bandwidth', position: {direction: 'left'}},
+            type: 'checkbox',
+            checked: false,
+            click(e) {
                 self._triggerFilteringCallback();
             }
         });
-        let spatialBtn = new TogglerActionButton({
-            content: 'In view',
-            icon: {
-                monochrome: true,
-                size: 'medium',
-                url: inViewIconUrl,
-            },
-            tooltip: {content: 'Survey in view only!', position: {direction: 'bottom'}},
-            toggled: false,
-            actionOn: () => {
-                self._requestMOCServer();
-            },
-            actionOff: () => {
-                self._triggerFilteringCallback();
-            }
-        });
-        let resolutionBtn = new TogglerActionButton({
-            content: 'Resolution',
-            icon: {
-                monochrome: true,
-                size: 'medium',
-                url: targetIconUrl,
-            },
-            tooltip: {content: 'Check for HiPS with a specific pixel resolution.', position: {direction: 'bottom'}},
-            toggled: false,
-            actionOn: () => {
-                self._triggerFilteringCallback();
-            },
-            actionOff: () => {
+        let resolutionBtn =  Input.checkbox({
+            name: 'Resolution',
+            tooltip: {content: 'Check for HiPS with a specific pixel resolution.', position: {direction: 'left'}},
+            type: 'checkbox',
+            checked: false,
+            click(e) {
                 self._triggerFilteringCallback();
             }
         });
 
-        let logSlider = new Input({
+        let regimeOption = Layout.horizontal({
+            tooltip: {
+                content: "Observation regime",
+                position: { direction: "right" },
+            },
+            label: 'Freq: ',
+            layout: [Input.select({
+                value: "Optical",
+                options: [
+                    "Radio",
+                    "Infrared",
+                    "Millimeter",
+                    "Optical",
+                    "UV",
+                    "EUV",
+                    "X-ray",
+                    "Gamma-ray",
+                ],
+                change: (e) => {
+                    let regime = e.target.value;
+                    self.params["regime"] = regime;
+
+                    self._triggerFilteringCallback();
+                },
+            }), regimeBtn]
+        });
+
+        let resolutionOption = Layout.horizontal({
             label: "Max resolution [°/px]:",
-            name: "res",
-            value: 0.1,
-            type: 'range',
-            cssStyle: {
-                width: '100%'
-            },
-            tooltip: {content: AladinUtils.degreesToString(0.1), position: {direction: 'bottom'}},
-            ticks: [0.1 / 3600, 1 / 3600, 1 / 60, 0.1],
-            stretch: "log",
-            min: 0.1 / 3600,
-            max: 0.1,
-            reversed: true,
-            change: (e, slider, deg) => {
-                slider.update({value: e.target.value, tooltip: {content: AladinUtils.degreesToString(deg), position:{direction:'bottom'}}});
+            layout: [
+                new Input({
+                    name: "res",
+                    value: 0.1,
+                    type: 'range',
+                    cssStyle: {
+                        width: '200px'
+                    },
+                    tooltip: {content: AladinUtils.degreesToString(0.1), position: {direction: 'bottom'}},
+                    ticks: [0.1 / 3600, 1 / 3600, 1 / 60, 0.1],
+                    stretch: "log",
+                    min: 0.1 / 3600,
+                    max: 0.1,
+                    reversed: true,
+                    change: (e, slider, deg) => {
+                        slider.update({value: e.target.value, tooltip: {content: AladinUtils.degreesToString(deg), position:{direction:'bottom'}}});
 
-                let resolution = new Angle(deg);
-                self.params["resolution"] = resolution.degrees();
+                        let resolution = new Angle(deg);
+                        self.params["resolution"] = resolution.degrees();
 
-                self._triggerFilteringCallback();
-            },
+                        self._triggerFilteringCallback();
+                    },
+                }),
+                resolutionBtn,
+            ]
         });
         super(
             {
-                classList: ['aladin-HiPS-filter-box'],
+                header: {
+                    title: 'Filter tags',
+                    draggable: false,
+                },
                 close: false,
+                classList: ['aladin-HiPS-filter-box'],
                 content: Layout.vertical([
-                    '<b>Filter by:</b>',
-                    Layout.horizontal([regimeBtn, spatialBtn, resolutionBtn]),
-                    '<b>Details:</b>',
                     new Form({
                         subInputs: [
                             {
                                 type: "group",
                                 subInputs: [
-                                    {
-                                        label: "Freq:",
-                                        name: "regime",
-                                        value: "Optical",
-                                        type: 'select',
-                                        options: [
-                                            "Radio",
-                                            "Infrared",
-                                            "Millimeter",
-                                            "Optical",
-                                            "UV",
-                                            "EUV",
-                                            "X-ray",
-                                            "Gamma-ray",
-                                        ],
-                                        change: (e) => {
-                                            let regime = e.target.value;
-                                            self.params["regime"] = regime;
-
-                                            //regimeBtn.update({content: regime});
-
-                                            self._triggerFilteringCallback();
-                                        },
-                                        tooltip: {
-                                            content: "Observation regime",
-                                            position: { direction: "right" },
-                                        },
-                                    },
-                                    logSlider
+                                    regimeOption,
+                                    resolutionOption 
                                 ],
                             },
                         ],
@@ -170,60 +140,28 @@ export class HiPSFilterBox extends Box {
 
         self = this;
 
-        this.browserClosed = false;
-
         this.callback = options.callback;
 
         this.regimeBtn = regimeBtn;
-        this.spatialBtn = spatialBtn;
         this.resolutionBtn = resolutionBtn;
 
         this.params = {
             regime: "Optical",
-            spatial: true,
+            highlight: true,
             resolution: 1, // 1°/pixel
         };
         this.on = false;
         this.aladin = aladin;
-        this._addListeners();
-    }
-
-    _addListeners() {
-        const requestMOCServerDebounced = Utils.debounce(() => {
-            this._requestMOCServer()
-        }, 500);
-
-        ALEvent.POSITION_CHANGED.listenedBy(this.aladin.aladinDiv, requestMOCServerDebounced);
-        ALEvent.ZOOM_CHANGED.listenedBy(this.aladin.aladinDiv, requestMOCServerDebounced);
-    }
-
-    _requestMOCServer() {
-        if (!this.spatialBtn.toggled || !this.on || this.browserClosed) {
-            return;
-        }
-
-        let self = this;
-        MocServer.getAllHiPSesInsideView(this.aladin)
-            .then((HiPSes) => {
-                let HiPSIDs = HiPSes.map((x) => x.ID);
-                self.params["spatial"] = HiPSIDs;
-
-                self._triggerFilteringCallback();
-            })
     }
 
     _triggerFilteringCallback() {
         let filterParams = {};
 
-        if (this.regimeBtn.toggled) {
+        if (this.regimeBtn.checked) {
             filterParams['regime'] = this.params['regime']
         }
 
-        if (this.spatialBtn.toggled) {
-            filterParams['spatial'] = this.params['spatial']
-        }
-
-        if (this.resolutionBtn.toggled) {
+        if (this.resolutionBtn.checked) {
             filterParams['resolution'] = this.params['resolution']
         }
 
@@ -232,21 +170,18 @@ export class HiPSFilterBox extends Box {
         }
     }
 
-    signalBrowserStatus(closed) {
+    /*signalBrowserStatus(closed) {
         this.browserClosed = closed;
 
         // open
         if (!closed) {
             this._requestMOCServer()
         }
-    }
+    }*/
 
     enable(enable) {
         this.on = enable;
 
-        if (this.on)
-            this._requestMOCServer();
-
         this._triggerFilteringCallback();
     }
 }
diff --git a/src/js/gui/Box/StackBox.js b/src/js/gui/Box/StackBox.js
index 9e50045f..4d94de3a 100644
--- a/src/js/gui/Box/StackBox.js
+++ b/src/js/gui/Box/StackBox.js
@@ -1115,6 +1115,7 @@ export class OverlayStackBox extends Box {
 
             let item = Layout.horizontal({
                 layout: [HiPSSelector, Layout.horizontal(btns)],
+                cssStyle: {'padding': '10px 0px'}
             });
 
             layout.push(item);
@@ -1129,7 +1130,18 @@ export class OverlayStackBox extends Box {
             }
         }
 
-        return layout;
+        return Layout.vertical({
+            layout,
+            draggable: (a, b) => {
+                let i1 = layout.findIndex((x) => x.element() === a);
+                let i2 = layout.findIndex((x) => x.element() === b);
+
+                let h1 = layers[i1];
+                let h2 = layers[i2];
+
+                self.aladin.view.swapLayers(h1.layer, h2.layer);
+            }
+        });
     }
 
     _addOverlayIcon(overlay) {
diff --git a/src/js/gui/Input/Dropdown.js b/src/js/gui/Input/Dropdown.js
index d4c5eb60..2018dede 100644
--- a/src/js/gui/Input/Dropdown.js
+++ b/src/js/gui/Input/Dropdown.js
@@ -79,7 +79,7 @@ export class Dropdown extends Input {
 
         super({
             type: 'text',
-            autocomplete: {options: options.options},
+            //autocomplete: {options: options.options},
             ...options
         })
         this.el.classList.add('search')
@@ -91,11 +91,11 @@ export class Dropdown extends Input {
     update(options) {
         let newOptions = {};
 
-        if (options && options.options) {
+        /*if (options && options.options) {
             newOptions['autocomplete'] = {options: options.options};
 
             delete options.options;
-        }
+        }*/
 
         // add the other input text options
         newOptions = {...newOptions, ...options};
diff --git a/src/js/gui/Layout.js b/src/js/gui/Layout.js
index 89e4ec28..fb390c6b 100644
--- a/src/js/gui/Layout.js
+++ b/src/js/gui/Layout.js
@@ -67,6 +67,47 @@ export class Layout extends DOMElement {
                     this.appendContent(item)
                 }
             }
+
+            if (options.draggable) {
+                // retrieve the children and add the drag listeners
+                let draggableFn = options.draggable;
+                let firstSelected = null;
+
+                this.el.childNodes.forEach(div => {
+                    div.addEventListener("click", () => {
+                        // If nothing selected yet → select this one
+                        if (!firstSelected) {
+                            firstSelected = div;
+                            div.classList.add("aladin-item-selected");
+                            return;
+                        }
+
+                        // If clicking the same one again → unselect
+                        if (firstSelected === div) {
+                            div.classList.remove("aladin-item-selected");
+                            firstSelected = null;
+                            return;
+                        }
+
+                        // Otherwise: swap the two elements
+                        let a = firstSelected;
+                        let b = div;
+
+                        let temp = document.createElement("div");
+                        a.parentNode.insertBefore(temp, a);
+                        b.parentNode.insertBefore(a, b);
+                        temp.parentNode.insertBefore(b, temp);
+                        temp.remove();
+
+                        // Exec callback
+                        draggableFn(a, b)
+
+                        // Clear selection
+                        a.classList.remove("aladin-item-selected");
+                        firstSelected = null;
+                    });
+                });
+            }
         }
 
         // The tooltip has to be set once the element
@@ -182,9 +223,5 @@ export class Layout extends DOMElement {
         if (this.options.position) {
             this.setPosition(this.options.position)
         }
-
-        //super._show()
-        // attach to the DOM again
-        //this.attachTo(this.target);
     }
-}
+}
\ No newline at end of file
diff --git a/src/js/gui/Widgets/Box.js b/src/js/gui/Widgets/Box.js
index 1a29b139..02916f0f 100644
--- a/src/js/gui/Widgets/Box.js
+++ b/src/js/gui/Widgets/Box.js
@@ -137,11 +137,7 @@ export class Box extends DOMElement {
 
         if (this.options.content) {
             let content = this.options.content
-            //if (Array.isArray(content)) {
-                this.appendContent(content);
-            //} else {
-            //    this.appendContent(content);
-            //}
+            this.appendContent(content);
         }
 
         if (this.options.position) {
diff --git a/src/js/gui/Widgets/Input.js b/src/js/gui/Widgets/Input.js
index b59dd9ef..f7a58a3b 100644
--- a/src/js/gui/Widgets/Input.js
+++ b/src/js/gui/Widgets/Input.js
@@ -74,12 +74,17 @@ export class Input extends DOMElement {
             this.el.type = this.type;
 
             this.el.checked = this.options.checked;
+            this.checked = this.options.checked;
 
             // for checkbox widgets, we authorize calling the callback name click or change
             let action = this.options.click || this.options.change;
             if (action) {
                 this.el.removeEventListener('click', this.action);
-                this.action = action;
+                this.action = (e) => {
+                    this.checked = this.el.checked;
+
+                    action(e);
+                };
                 this.el.addEventListener('click', this.action);
             }    
         } else if (this.type === "select") {            
@@ -374,6 +379,7 @@ export class Input extends DOMElement {
     set(value) {
         if (this.el.type === "checkbox") {
             this.el.checked = value;
+            this.checked = value;
         } else {
             this.el.value = value;
         }
diff --git a/src/js/gui/Widgets/Tree.js b/src/js/gui/Widgets/Tree.js
new file mode 100644
index 00000000..8df47453
--- /dev/null
+++ b/src/js/gui/Widgets/Tree.js
@@ -0,0 +1,313 @@
+// Copyright 2023 - UDS/CNRS
+// The Aladin Lite program is distributed under the terms
+// of the GNU General Public License version 3.
+//
+// This file is part of Aladin Lite.
+//
+//    Aladin Lite is free software: you can redistribute it and/or modify
+//    it under the terms of the GNU General Public License as published by
+//    the Free Software Foundation, version 3 of the License.
+//
+//    Aladin Lite is distributed in the hope that it will be useful,
+//    but WITHOUT ANY WARRANTY; without even the implied warranty of
+//    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+//    GNU General Public License for more details.
+//
+//    The GNU General Public License is available in COPYING file
+//    along with Aladin Lite.
+//
+
+import { DOMElement } from "./Widget";
+import { Icon } from "./Icon";
+import folderIconUrl from "../../../../assets/icons/folder.svg";
+
+/******************************************************************************
+ * Aladin Lite project
+ *
+ * File gui/Tree.js
+ *
+ * A tree
+ *
+ * Author: Matthieu Baumann[CDS]
+ *
+ *****************************************************************************
+*/
+export class Tree extends DOMElement {
+    constructor(options, target, position = "beforeend") {
+        let el = document.createElement("div");
+        el.classList.add('aladin-tree');
+
+        super(el, options);
+
+        this.click = options && options.click;
+
+        let rootNode = options && options.root || {};
+        this.params = null;
+        this.filter = options && options.filter;
+        this.label = options && options.label;
+
+        this._setRoot(rootNode);
+
+        this.attachTo(target, position);
+        this._show();
+        this.addClass('aladin-dark-theme')
+    }
+
+    _setRoot(root) {
+        if (root) {
+            root.label = new Icon({
+                size: "small",
+                url: folderIconUrl,
+                monochrome: true,
+                cssStyle: {'display': 'inline-block'}
+            }).element().outerHTML;
+        }
+
+        this.root = root;
+        this._createDOM(root);
+    }
+
+    _createDOM(node) {
+        if (!node) {
+            return;
+        }
+
+        this.el.innerHTML = "";
+        this.curNode = node;
+        
+        // create the parent directory
+        let curNode = this.curNode;
+
+        let directoryLinks = []
+
+        var levelsOfParenty = 0;
+
+        while (curNode) {
+            let parentLinkEl = document.createElement('a');
+            parentLinkEl.innerHTML = curNode.label;
+            let curLevel = levelsOfParenty;
+            parentLinkEl.addEventListener('click', () => {
+                this.navigate(curLevel)
+            })
+            levelsOfParenty += 1;
+
+            parentLinkEl.classList.add("aladin-link");
+            directoryLinks.push(parentLinkEl);
+
+            curNode = curNode.parent;
+        }
+
+        directoryLinks.reverse()
+
+        let directoryListEl = document.createElement('div');
+        directoryListEl.classList.add('aladin-directory-path');
+        directoryListEl.style.display = "inline-block"
+
+        for (var link of directoryLinks) {
+            directoryListEl.appendChild(link);
+            
+            // root node
+            let spanSplitEl = document.createElement('span')
+            spanSplitEl.innerText = ' \/ '
+            directoryListEl.appendChild(spanSplitEl)
+        }
+
+        this.el.appendChild(directoryListEl)
+
+        let listElt = document.createElement('ul');
+
+        for (const label of Object.keys(node).sort()) {
+            if (label !== 'parent' && label !== "label") {
+                let elt = document.createElement('li');
+                // points towards the parent node
+                let child = node[label];
+                let isLeaf = typeof child === "object" && 'ID' in child;
+                if (isLeaf) {
+                    if(this.params && this.filter && !this.filter(child, this.params)) {
+                        elt.style.display = "none";
+                    } else {
+                        elt.style.display = "block";
+                    }
+
+                    elt.innerHTML = this.label(child);
+                } else {
+                    // we see a parent, we must determine:
+                    // * its color: he has at least 1 child inside the FoV => green
+                    // * the number of children matching the filter params
+                    let numFilteringMatching = this.numChildMatchingFilter(child, true);
+                    let numTotal = this.numChildMatchingFilter(child, false);
+
+                    elt.innerHTML = label + ` (${numFilteringMatching}/${numTotal})`
+                }
+
+                elt.style.color = this.hasChildLocatedInFov(child) ? 'green' : 'orange';
+
+                child.label = label;
+                child.parent = node;
+                
+                elt.for = label;
+                elt.classList.add("aladin-link");
+
+                elt.addEventListener('click', (e) => {
+                    if (isLeaf) {
+                        this.click(child)
+                    } else {
+                        // not leaf
+                        this._createDOM(child);
+                    }
+                })
+
+                listElt.appendChild(elt)
+            }
+        }
+
+        this.el.appendChild(listElt);
+    }
+
+    setHierarchy(root) {
+        this._setRoot(root)
+    }
+
+    navigate(numOfLevels) {
+        let curNode = this.curNode;
+        while (curNode && curNode.parent && numOfLevels >= 1) {
+            numOfLevels -= 1;
+            curNode = curNode.parent;
+        }
+
+        this._createDOM(curNode)
+    }
+
+    highlightNodes(highlight) {
+        this.highlight = highlight
+
+        let elts = this.el.querySelectorAll("li");
+        let i = 0;
+
+        for (const label of Object.keys(this.curNode).sort()) {
+            if (label !== 'parent' && label !== "label") {
+                let elt = elts[i];
+                i += 1;
+                // points towards the parent node
+                let child = this.curNode[label];
+                let isLeaf = typeof child === "object" && 'ID' in child;
+                if (isLeaf) {
+                    // Check if its ID is found in the view
+                    if (this.highlight) {
+                        elt.style.color = this.highlight.includes(child.ID) ? 'green' : 'orange';
+                    }
+                } else {
+                    // we see a parent, we must determine:
+                    // * its color: he has at least 1 child inside the FoV => green
+                    // * the number of children matching the filter params
+                    elt.style.color = this.hasChildLocatedInFov(child) ? 'green' : 'orange';
+
+                    // we see a parent, we must determine:
+                    // * its color: he has at least 1 child inside the FoV => green
+                    // * the number of children matching the filter params
+                    let numFilteringMatching = this.numChildMatchingFilter(child, true);
+                    let numTotal = this.numChildMatchingFilter(child, false);
+
+                    let name = elt.innerText.split('(');
+                    elt.innerHTML = name[0] + ` (${numFilteringMatching}/${numTotal})`
+                }
+            }
+        }
+    }
+
+    // Set params to null, undefined or {} to disable the filtering
+    triggerFilter(params) {
+        if (params && params.title) {
+            params.title = params.title.toLowerCase()
+        }
+
+        this.params = params;
+
+        let elts = this.el.querySelectorAll("li");
+        let i = 0;
+
+        for (const label of Object.keys(this.curNode).sort()) {
+            if (label !== 'parent' && label !== "label") {
+                let elt = elts[i];
+                i += 1;
+                // points towards the parent node
+                let child = this.curNode[label];
+                let isLeaf = typeof child === "object" && 'ID' in child;
+                if (isLeaf) {
+                    if(this.params && this.filter && !this.filter(child, this.params)) {
+                        elt.style.display = "none"
+                    } else {
+                        elt.style.display = "block"
+                    }
+                } else {
+                    // we see a parent, we must determine:
+                    // * its color: he has at least 1 child inside the FoV => green
+                    // * the number of children matching the filter params
+                    let numFilteringMatching = this.numChildMatchingFilter(child, true);
+                    let numTotal = this.numChildMatchingFilter(child, false);
+
+                    let name = elt.innerText.split('(');
+                    elt.innerHTML = name[0] + ` (${numFilteringMatching}/${numTotal})`
+                }
+            }
+        }
+    }
+
+    hasChildLocatedInFov(node) {
+        if (!this.highlight) {
+            return false;
+        }
+
+        if (typeof node !== "object") {
+            return false;
+        }
+
+        let isLeaf = typeof node === "object" && 'ID' in node;
+        if (isLeaf) {
+            if (this.highlight.includes(node.ID)) {
+                return true;
+            }
+        } else {
+            for (const label of Object.keys(node).sort()) {
+                if (label === "parent")
+                    continue;
+
+                let child = node[label];
+                if (child && this.hasChildLocatedInFov(child)) {
+                    return true;
+                }
+            }
+        }
+
+        return false;
+    }
+
+    numChildMatchingFilter(node, filtering) {
+        if (typeof node !== "object") {
+            return 0;
+        }
+
+        let isLeaf = typeof node === "object" && 'ID' in node;
+        if (isLeaf) {
+            if (!filtering || (this.params && this.filter && this.filter(node, this.params))) {
+                return 1;
+            } else {
+                return 0;
+            }
+        } else {
+            let num = 0;
+            for (const label of Object.keys(node).sort()) {
+                if (label === "parent")
+                    continue;
+
+                let child = node[label];
+                
+                if (child) {
+                    num += this.numChildMatchingFilter(child, filtering);
+                }
+            }
+
+            return num;
+        }
+    }
+}
diff --git a/src/js/vo/samp.js b/src/js/vo/samp.js
index 3b262513..fb2f869e 100644
--- a/src/js/vo/samp.js
+++ b/src/js/vo/samp.js
@@ -80,7 +80,7 @@ export class SAMPConnector {
             let params = message["samp.params"];
 
             const {url, name} = params;
-            const image = aladin.createImageFITS(url, {name}, (e) => window.alert(e));
+            const image = aladin.createImageFITS(url, {name}, undefined, (e) => window.alert(e));
 
             aladin.setOverlayImageLayer(image, name);
         };
@@ -92,6 +92,8 @@ export class SAMPConnector {
             let url = params['url'];
             let name = params['name'] || id;
 
+            console.log(id, url, name)
+
             A.catalogFromURL(
                 url,
                 {name, onClick: 'showTable'},
@@ -99,7 +101,7 @@ export class SAMPConnector {
                 (catalog) => {
                     aladin.addCatalog(catalog)
                 },
-                (e) => window.alert(e)
+                (e) => window.alert(e),
             );
         };