gralobe 1.0.12 → 1.0.14

package/dist/gralobe.js

@@ -5968,6 +5968,49 @@ float fbm(vec2 p) {
     return value;
 }
 
+// 3D hash for volumetric noise
+float hash3(vec3 p) {
+    return fract(sin(dot(p, vec3(127.1, 311.7, 74.7))) * 43758.5453);
+}
+
+// 3D noise for seamless spherical sampling
+float noise3D(vec3 p) {
+    vec3 i = floor(p);
+    vec3 f = fract(p);
+    f = f * f * (3.0 - 2.0 * f);
+    
+    float n000 = hash3(i);
+    float n100 = hash3(i + vec3(1.0, 0.0, 0.0));
+    float n010 = hash3(i + vec3(0.0, 1.0, 0.0));
+    float n110 = hash3(i + vec3(1.0, 1.0, 0.0));
+    float n001 = hash3(i + vec3(0.0, 0.0, 1.0));
+    float n101 = hash3(i + vec3(1.0, 0.0, 1.0));
+    float n011 = hash3(i + vec3(0.0, 1.0, 1.0));
+    float n111 = hash3(i + vec3(1.0, 1.0, 1.0));
+    
+    float nx00 = mix(n000, n100, f.x);
+    float nx10 = mix(n010, n110, f.x);
+    float nx01 = mix(n001, n101, f.x);
+    float nx11 = mix(n011, n111, f.x);
+    
+    float nxy0 = mix(nx00, nx10, f.y);
+    float nxy1 = mix(nx01, nx11, f.y);
+    
+    return mix(nxy0, nxy1, f.z);
+}
+
+// FBM using 3D noise for seamless spherical clouds
+float fbm3D(vec3 p) {
+    float value = 0.0;
+    float amplitude = 0.5;
+    for (int i = 0; i < 4; i++) {
+        value += amplitude * noise3D(p);
+        p *= 2.0;
+        amplitude *= 0.5;
+    }
+    return value;
+}
+
 void main() {
     if (vDiscard > 0.5) {
         discard;
@@ -6315,13 +6358,20 @@ class xo {
     this.stars = new S.Points(t, s), this.scene.add(this.stars);
   }
   createGUI() {
-    this.gui = new Vi({ title: "Globe Controls", width: 300 });
-    const e = this.gui.addFolder("View");
-    e.add({ toGlobe: () => this.toGlobe() }, "toGlobe").name("→ Globe"), e.add({ toFlat: () => this.toFlat() }, "toFlat").name("→ Flat Map"), e.add({ morph: this.morph }, "morph", 0, 1).name("Morph").onChange((r) => this.setMorph(r)), e.open();
-    const t = this.gui.addFolder("Statistics"), i = Object.keys(wi);
-    t.add({ stat: this.config.statistic }, "stat", i).name("Statistic").onChange((r) => this.setStatistic(r)), t.open();
-    const n = ["none", "minimal", "major", "all"];
-    this.gui.add({ labels: this.config.labels }, "labels", n).name("Labels").onChange((r) => this.setLabels(r)), this.gui.add(this.config, "autoRotate").name("Auto Rotate");
+    getComputedStyle(this.container).position === "static" && (this.container.style.position = "relative"), this.gui = new Vi({
+      container: this.container,
+      title: "⚙ Controls",
+      width: 220,
+      closeFolders: !0
+    });
+    const t = this.gui.domElement;
+    t.style.position = "absolute", t.style.top = "8px", t.style.right = "8px", t.style.zIndex = "100", this.gui.close();
+    const i = this.gui.addFolder("View");
+    i.add({ toGlobe: () => this.toGlobe() }, "toGlobe").name("→ Globe"), i.add({ toFlat: () => this.toFlat() }, "toFlat").name("→ Flat"), i.add({ morph: this.morph }, "morph", 0, 1).name("Morph").onChange((o) => this.setMorph(o));
+    const n = this.gui.addFolder("Statistics"), r = Object.keys(wi);
+    n.add({ stat: this.config.statistic }, "stat", r).name("Statistic").onChange((o) => this.setStatistic(o));
+    const s = ["none", "minimal", "major", "all"];
+    this.gui.addFolder("Display").add({ labels: this.config.labels }, "labels", s).name("Labels").onChange((o) => this.setLabels(o)), this.gui.add(this.config, "autoRotate").name("Auto Rotate");
   }
   handleResize = () => {
     if (this.isDestroyed) return;