926 added transparent clen up

css/og.css

@@ -56,7 +56,6 @@
     height: 100%;
     float: left;
     position: relative;
-    background-color: black;
     -webkit-user-select: none;
     -moz-user-select: none;
     -khtml-user-select: none;

package-lock.json

@@ -1,12 +1,12 @@
 {
   "name": "@openglobus/og",
-  "version": "0.27.10",
+  "version": "0.27.12",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "@openglobus/og",
-      "version": "0.27.10",
+      "version": "0.27.12",
       "license": "MIT",
       "devDependencies": {
         "@babel/plugin-proposal-class-properties": "^7.18.6",

src/Globe.ts

@@ -217,9 +217,9 @@ class Globe {
                 autoActivate: false,
                 pixelRatio: options.dpi || (window.devicePixelRatio + 0.15),
                 context: {
-                    //alpha: false,
+                    alpha: true, // turn on for transparent background
                     antialias: false,
-                    premultipliedAlpha: false,
+                    premultipliedAlpha: true,
                     preserveDrawingBuffer: false
                 }
             }), {

src/renderer/Renderer.ts

@@ -1001,7 +1001,7 @@ class Renderer {
         let h = this.handler,
             gl = h.gl!;
 
-        gl.clearColor(0.0, 0.0, 0.0, 1.0);
+        gl.clearColor(0.0, 0.0, 0.0, 0.0);
         gl.clear(gl.COLOR_BUFFER_BIT | gl.DEPTH_BUFFER_BIT);
 
         this.enableBlendDefault();
@@ -1110,6 +1110,9 @@ class Renderer {
 
         this.toneMappingFramebuffer!.activate();
 
+        gl.clearColor(0.0, 0.0, 0.0, 0.0);
+        gl.clear(gl.COLOR_BUFFER_BIT);
+
         sh.activate();
 
         // screen texture

src/shaders/tone_mapping/tone_mapping.frag.glsl

@@ -48,7 +48,7 @@ in vec2 tc;
 layout (location = 0) out vec4 fragColor;
 
 void main(void) {
-    vec4 hdrColor = texture(hdrBuffer, tc).rgba;
+    vec4 hdrColor = texture(hdrBuffer, tc);
 
     float oneByGamma = gamma / gamma;
     float oneByWhitePoint = whitepoint / whitepoint;