@pirireis/webglobeplugins 0.11.1-alpha → 0.13.0-alpha

package/programs/rings/distancering/paddyflatprogram3d.js

@@ -1,136 +1,128 @@
-import { createProgram, shaderfunctions } from "../../../util";
-import CameraUniformBlockTotem, { CameraUniformBlockString } from "../../totems/camerauniformblock";
-import { globeProgramCache, noRegisterGlobeProgramCache } from "../../programcache";
-const vertexShader = `#version 300 es ` +
-    shaderfunctions.PI +
-    shaderfunctions.R +
-    shaderfunctions.POLE +
-    CameraUniformBlockString +
-    shaderfunctions.mercatorXYToGLPosition +
-    shaderfunctions.longLatRadToMercator +
-    shaderfunctions.longLatRadToCartesian3D +
-    shaderfunctions.circleLimpFromLongLatRadCenterCartesian3D +
-    shaderfunctions.circleLimpFromLongLatRadCenterMercatorCompass +
-    shaderfunctions.circleLimpFromLongLatRadCenterMercatorRealDistancePadding +
-    shaderfunctions.circleLimpFromLongLatRadCenterMercatorRealDistance + `
-
-in vec2 center;
-in float radius;
-in float pad_range;
-in vec4 color;
-in float flag;
-
-uniform int compass;
-uniform float pad_count;
-
-uniform float opacity;
-
-
-out vec2 v_limp;
-out vec4 v_color;
-
-
-void main() {   
-
-    float alpha_padding =  z_level * z_level / (pad_range/ 100.0 );
-    if( flag == 2.0 || flag == 1.0 || radius == 0.0 || alpha_padding < 0.1 || z_level < 3.0 ) return; // 1.0 is hide 
-    v_color = vec4(color.rgb, color.a * alpha_padding * opacity);
-
-    gl_PointSize = 2.0;
-
-    float odd = mod(float(gl_VertexID), 2.0);
-    float index = (float(gl_VertexID)- odd ) / 2.0;
-    float angle = 3.1415926535897932384626433832795 * 2.0 * (index / pad_count );
-    float radius_ = radius - (pad_range * odd);
-
-    if ( is3D){  
-        gl_Position = projection * view * vec4(
-            circleLimpFromLongLatRadCenterCartesian3D( center, radius_, angle) - translate, 1.0);
-        v_limp = vec2(0.0, 0.0);
-        return;
-    }
-    vec2 limp;
-    if ( compass == 1 ){
-        limp = circleLimpFromLongLatRadCenterMercatorCompass(center , radius_, angle);
-    } else {
-        // limp = circleLimpFromLongLatRadCenterMercatorRealDistancePadding(center, radius_, angle);
-        limp = circleLimpFromLongLatRadCenterMercatorRealDistance(center, radius_, angle);
-    }
-    v_limp = limp;
-    gl_Position = mercatorXYToGLPosition(limp);
-}`;
-const fragmentShader = `#version 300 es
-precision highp float; ` +
-    shaderfunctions.POLE + `
-in vec4 v_color;
-in vec2 v_limp;
-out vec4 outColor;
-void main() {
-    if ( v_limp.x < -POLE || v_limp.x > POLE || v_limp.y < -POLE || v_limp.y > POLE ){ discard; }
-    outColor = v_color;
-}`;
-class Logic {
-    constructor(globe) {
-        this.globe = globe;
-        this.gl = globe.gl;
-        this.program = createProgram(this.gl, vertexShader, fragmentShader);
-        { // bind positions so bufferManager can use them
-            this.gl.bindAttribLocation(this.program, 0, "center");
-            this.gl.bindAttribLocation(this.program, 1, "radius");
-            this.gl.bindAttribLocation(this.program, 2, "pad_range");
-            this.gl.bindAttribLocation(this.program, 3, "color");
-            this.gl.bindAttribLocation(this.program, 4, "flag");
-        }
-        this.cameraBlockBindingPoint = 0;
-        const cameraBlockIndex = this.gl.getUniformBlockIndex(this.program, "CameraUniformBlock");
-        this.gl.uniformBlockBinding(this.program, cameraBlockIndex, this.cameraBlockBindingPoint);
-        this.cameraBlockTotem = globeProgramCache.getProgram(globe, CameraUniformBlockTotem);
-        this._padCountLocation = this.gl.getUniformLocation(this.program, "pad_count");
-        this._opacityLocation = this.gl.getUniformLocation(this.program, "opacity");
-        this._compassLocation = this.gl.getUniformLocation(this.program, "compass");
-        this._compassMode = 1;
-        this._opacity = 1.0;
-        this._padCount = 360;
-        {
-            const currentProgram = this.gl.getParameter(this.gl.CURRENT_PROGRAM);
-            this.gl.useProgram(this.program);
-            this.gl.uniform1i(this._compassLocation, 1);
-            this.gl.uniform1f(this._opacityLocation, 1.0);
-            this.gl.uniform1f(this._padCountLocation, 360);
-            this.gl.useProgram(currentProgram);
-        }
-    }
-    draw(attrBufferManager, padCount, compass, opacity) {
-        const { gl, program, _padCountLocation, cameraBlockBindingPoint, cameraBlockTotem, _compassLocation } = this;
-        gl.useProgram(program);
-        attrBufferManager.bindPaddingVAO();
-        cameraBlockTotem.bind(cameraBlockBindingPoint);
-        // draw instanced
-        if (padCount !== this._padCount) {
-            this._padCount = padCount;
-            // console.log("padCount", padCount);
-            gl.uniform1f(_padCountLocation, padCount);
-        }
-        if (compass !== this._compassMode) {
-            // console.log("compass", compass);
-            gl.uniform1i(_compassLocation, compass);
-            this._compassMode = compass;
-        }
-        if (opacity !== this._opacity) {
-            // console.log("opacity", opacity);
-            this._opacity = opacity;
-            gl.uniform1f(this._opacityLocation, opacity);
-        }
-        gl.drawArraysInstanced(gl.LINES, 0, padCount * 2, attrBufferManager.length);
-        gl.bindVertexArray(null);
-        cameraBlockTotem.unbind(cameraBlockBindingPoint);
-    }
-    free() {
-        this.gl.deleteProgram(this.program);
-        globeProgramCache.releaseProgram(this.globe, CameraUniformBlockTotem);
-    }
-}
-export const PaddingProgramCache = Object.freeze({
-    getProgram: (globe) => { return noRegisterGlobeProgramCache.getProgram(globe, Logic); },
-    releaseProgram: (globe) => { noRegisterGlobeProgramCache.releaseProgram(globe, Logic); }
-});
+"use strict";
+// TODO: Delete this file if it is not needed anymore.
+// import { createProgram, shaderfunctions } from "../../../util";
+// import CameraUniformBlockTotem, { CameraUniformBlockString } from "../../totems/camerauniformblock";
+// import { globeProgramCache, noRegisterGlobeProgramCache } from "../../programcache";
+// const vertexShader = `#version 300 es ` +
+//     shaderfunctions.PI +
+//     shaderfunctions.R +
+//     shaderfunctions.POLE +
+//     CameraUniformBlockString +
+//     shaderfunctions.mercatorXYToGLPosition +
+//     shaderfunctions.longLatRadToMercator +
+//     shaderfunctions.longLatRadToCartesian3D +
+//     shaderfunctions.circleLimpFromLongLatRadCenterCartesian3D +
+//     shaderfunctions.circleLimpFromLongLatRadCenterMercatorCompass +
+//     shaderfunctions.circleLimpFromLongLatRadCenterMercatorRealDistancePadding +
+//     shaderfunctions.circleLimpFromLongLatRadCenterMercatorRealDistance + `
+// in vec2 center;
+// in float radius;
+// in float pad_range;
+// in vec4 color;
+// in float flag;
+// uniform int compass;
+// uniform float pad_count;
+// uniform float opacity;
+// out vec2 v_limp;
+// out vec4 v_color;
+// void main() {
+//     float alpha_padding =  z_level * z_level / (pad_range/ 100.0 );
+//     if( flag == 2.0 || flag == 1.0 || radius == 0.0 || alpha_padding < 0.1 || z_level < 3.0 ) return; // 1.0 is hide
+//     v_color = vec4(color.rgb, color.a * alpha_padding * opacity);
+//     gl_PointSize = 2.0;
+//     float odd = mod(float(gl_VertexID), 2.0);
+//     float index = (float(gl_VertexID)- odd ) / 2.0;
+//     float angle = 3.1415926535897932384626433832795 * 2.0 * (index / pad_count );
+//     float radius_ = radius - (pad_range * odd);
+//     if ( is3D){
+//         gl_Position = projection * view * vec4(
+//             circleLimpFromLongLatRadCenterCartesian3D( center, radius_, angle) - translate, 1.0);
+//         v_limp = vec2(0.0, 0.0);
+//         return;
+//     }
+//     vec2 limp;
+//     if ( compass == 1 ){
+//         limp = circleLimpFromLongLatRadCenterMercatorCompass(center , radius_, angle);
+//     } else {
+//         // limp = circleLimpFromLongLatRadCenterMercatorRealDistancePadding(center, radius_, angle);
+//         limp = circleLimpFromLongLatRadCenterMercatorRealDistance(center, radius_, angle);
+//     }
+//     v_limp = limp;
+//     gl_Position = mercatorXYToGLPosition(limp);
+// }`;
+// const fragmentShader = `#version 300 es
+// precision highp float; `+
+//     shaderfunctions.POLE + `
+// in vec4 v_color;
+// in vec2 v_limp;
+// out vec4 outColor;
+// void main() {
+//     if ( v_limp.x < -POLE || v_limp.x > POLE || v_limp.y < -POLE || v_limp.y > POLE ){ discard; }
+//     outColor = v_color;
+// }`;
+// class Logic {
+//     constructor(globe) {
+//         this.globe = globe;
+//         this.gl = globe.gl;
+//         this.program = createProgram(this.gl, vertexShader, fragmentShader);
+//         { // bind positions so bufferManager can use them
+//             this.gl.bindAttribLocation(this.program, 0, "center");
+//             this.gl.bindAttribLocation(this.program, 1, "radius");
+//             this.gl.bindAttribLocation(this.program, 2, "pad_range");
+//             this.gl.bindAttribLocation(this.program, 3, "color");
+//             this.gl.bindAttribLocation(this.program, 4, "flag");
+//         }
+//         this.cameraBlockBindingPoint = 0;
+//         const cameraBlockIndex = this.gl.getUniformBlockIndex(this.program, "CameraUniformBlock");
+//         this.gl.uniformBlockBinding(this.program, cameraBlockIndex, this.cameraBlockBindingPoint);
+//         this.cameraBlockTotem = globeProgramCache.getProgram(globe, CameraUniformBlockTotem);
+//         this._padCountLocation = this.gl.getUniformLocation(this.program, "pad_count");
+//         this._opacityLocation = this.gl.getUniformLocation(this.program, "opacity");
+//         this._compassLocation = this.gl.getUniformLocation(this.program, "compass");
+//         this._compassMode = 1;
+//         this._opacity = 1.0;
+//         this._padCount = 360;
+//         {
+//             const currentProgram = this.gl.getParameter(this.gl.CURRENT_PROGRAM);
+//             this.gl.useProgram(this.program);
+//             this.gl.uniform1i(this._compassLocation, 1);
+//             this.gl.uniform1f(this._opacityLocation, 1.0);
+//             this.gl.uniform1f(this._padCountLocation, 360)
+//             this.gl.useProgram(currentProgram);
+//         }
+//     }
+//     draw(attrBufferManager, padCount, compass, opacity) {
+//         const { gl, program, _padCountLocation, cameraBlockBindingPoint, cameraBlockTotem, _compassLocation } = this;
+//         gl.useProgram(program);
+//         attrBufferManager.bindPaddingVAO();
+//         cameraBlockTotem.bind(cameraBlockBindingPoint);
+//         // draw instanced
+//         if (padCount !== this._padCount) {
+//             this._padCount = padCount;
+//             // console.log("padCount", padCount);
+//             gl.uniform1f(_padCountLocation, padCount);
+//         }
+//         if (compass !== this._compassMode) {
+//             // console.log("compass", compass);
+//             gl.uniform1i(_compassLocation, compass);
+//             this._compassMode = compass;
+//         }
+//         if (opacity !== this._opacity) {
+//             // console.log("opacity", opacity);
+//             this._opacity = opacity;
+//             gl.uniform1f(this._opacityLocation, opacity);
+//         }
+//         gl.drawArraysInstanced(gl.LINES, 0, padCount * 2, attrBufferManager.length);
+//         gl.bindVertexArray(null);
+//         cameraBlockTotem.unbind(cameraBlockBindingPoint);
+//     }
+//     free() {
+//         this.gl.deleteProgram(this.program);
+//         globeProgramCache.releaseProgram(this.globe, CameraUniformBlockTotem);
+//     }
+// }
+// //
+// export const PaddingProgramCache = Object.freeze({
+//     getProgram: (globe) => { return noRegisterGlobeProgramCache.getProgram(globe, Logic) },
+//     releaseProgram: (globe) => { noRegisterGlobeProgramCache.releaseProgram(globe, Logic) }
+// })

package/programs/totems/camerauniformblock.js

@@ -1,4 +1,6 @@
 import { globeProgramCache } from "../programcache";
+import { fromLongLatToUnitVector } from "../../Math/vec3";
+import { RADIANS } from "../../Math/methods";
 export const CameraUniformBlockString = `
 layout(std140) uniform CameraUniformBlock {
     mat4 view; // 64 bytes           0
@@ -15,6 +17,7 @@ layout(std140) uniform CameraUniformBlock {
 }; // 14 lines
 `;
 const Radian = Math.PI / 180.0;
+const _0vec3 = [0, 0, 0];
 export default class CameraUniformBlockTotem {
     id;
     description;
@@ -24,7 +27,7 @@ export default class CameraUniformBlockTotem {
     traslateFloat32;
     mapWHFloat32;
     _isMovedParams;
-    _normalizedCameraVector;
+    _normalizedCameraVector = [0, 0, 0]; // Normalized camera vector
     // _frustumPlanes: any; // Uncomment and type if used
     constructor() {
         this.id = "CameraUniformBlockTotem";
@@ -127,14 +130,31 @@ export default class CameraUniformBlockTotem {
                     globe.api_IsScreenMoving();
             this._isMovedParams.lastLod = currentLOD;
         }
-        // getFrustum(globe, 50, this._frustumPlanes);
-        this._normalizedCameraVector = (() => {
-            const { Fp } = globe;
+        this.__setCameraVectors();
+    }
+    __setCameraVectors() {
+        if (!this.globe) {
+            throw new Error("Globe is not initialized");
+        }
+        const globe = this.globe;
+        const currentGeom = globe.api_GetCurrentGeometry();
+        if (currentGeom === 0) {
+            const { Fp, FUPos } = globe;
             const cameraVector = [Fp.x, Fp.y, Fp.z];
             const length = Math.sqrt(cameraVector.reduce((sum, val) => sum + val * val, 0));
-            return cameraVector.map((val) => val / length);
-        })();
+            this._normalizedCameraVector[0] = cameraVector[0] / length;
+            this._normalizedCameraVector[1] = cameraVector[1] / length;
+            this._normalizedCameraVector[2] = cameraVector[2] / length;
+        }
+        else if (currentGeom === 1) {
+            const { CenterLong, CenterLat } = globe.api_GetCurrentLookInfo();
+            fromLongLatToUnitVector(_0vec3, [CenterLong * RADIANS, CenterLat * RADIANS]);
+            this._normalizedCameraVector[0] = _0vec3[0];
+            this._normalizedCameraVector[1] = _0vec3[1];
+            this._normalizedCameraVector[2] = _0vec3[2];
+        }
     }
+    // TODO: cut implicits to the bottom
     assignBindingPoint(program, bindingPoint) {
         const gl = this.gl;
         const cameraBlockIndex = gl.getUniformBlockIndex(program, "CameraUniformBlock");
@@ -163,12 +183,19 @@ export default class CameraUniformBlockTotem {
         return [globe.Fp.x, globe.Fp.y, globe.Fp.z];
     }
     getNormalizedCameraVector() {
-        return this._normalizedCameraVector;
+        return this._normalizedCameraVector || _0vec3;
     }
-    getCameraUpPosition() {
+    getCameraUpVector() {
         const globe = this.globe;
         return [globe.FUPos.x, globe.FUPos.y, globe.FUPos.z];
     }
+    getLookAtVector() {
+        const globe = this.globe;
+        const { CenterLong, CenterLat } = globe.api_GetCurrentLookInfo();
+        const result = [0, 0, 0];
+        fromLongLatToUnitVector(result, [CenterLong * RADIANS, CenterLat * RADIANS]);
+        return result;
+    }
     free() {
         const gl = this.gl;
         const ubo = this.ubo;

package/programs/totems/canvas-webglobe-info.js

@@ -1,21 +1,32 @@
 import { globeProgramCache } from "../programcache";
-export const WebglobeInfoUniformBlockString = `
-layout(std140) uniform WebglobeInfo {
-    vec2 canvas_resolution;
-    vec2 mouse_radian_long_lat;
-    vec2 mouse_pixel_xy;
-    float north_angle;
-    float world_tilt;
-    float earth_distance;
-}; 
+export const WebGlobeInfoUniformBlockString = `
+layout(std140) uniform WebGlobeInfo {
+    vec2 canvas_resolution;
+    vec2 mouse_radian_long_lat;
+    vec2 mouse_pixel_xy;
+    float north_angle;
+    float world_tilt;
+    float earth_distance;
+}; 
 `;
-export default class CameraUniformBlockTotem {
+export default class CanvasWebGlobeInfo {
+    id;
+    description;
+    gl;
+    globe;
+    ubo;
+    traslateFloat32;
+    mapWHFloat32;
     constructor() {
-        this.id = "CameraUniformBlockTotem";
-        this.description = `Sets a uniform block and provides buffer for it. The following is the glsl uniform block:` + CameraUniformBlockString;
+        this.id = "CanvasWebGlobeInfo";
+        this.description =
+            `Sets a uniform block and provides buffer for it. The following is the glsl uniform block:` +
+                WebGlobeInfoUniformBlockString;
         this.gl = null;
         this.globe = null;
         this.ubo = null;
+        this.traslateFloat32 = new Float32Array(3);
+        this.mapWHFloat32 = new Float32Array(2);
     }
     init(globe, gl) {
         this.gl = gl;
@@ -27,8 +38,12 @@ export default class CameraUniformBlockTotem {
         this.resize();
     }
     _createUBO() {
-        const { gl } = this;
+        if (!this.gl)
+            return null;
+        const gl = this.gl;
         const ubo = gl.createBuffer();
+        if (!ubo)
+            return null;
         gl.bindBuffer(gl.UNIFORM_BUFFER, ubo);
         gl.bufferData(gl.UNIFORM_BUFFER, 164, gl.STREAM_DRAW);
         gl.bindBufferBase(gl.UNIFORM_BUFFER, 0, ubo);
@@ -36,21 +51,28 @@ export default class CameraUniformBlockTotem {
         return ubo;
     }
     resize() {
+        if (!this.gl || !this.globe || !this.ubo)
+            return;
         const { gl, globe, ubo } = this;
         gl.bindBuffer(gl.UNIFORM_BUFFER, ubo);
         gl.bufferSubData(gl.UNIFORM_BUFFER, 152, new Float32Array([globe.api_ScrW(), globe.api_ScrH()]));
         gl.bindBuffer(gl.UNIFORM_BUFFER, null);
     }
     setGeometry() {
+        if (!this.gl || !this.globe || !this.ubo)
+            return;
         const { gl, globe, ubo } = this;
-        const is3D = globe.api_GetCurrentGeometry() === 0;
+        const is3D = globe.api_GetCurrentGeometry() === 0 ? 1 : 0;
         gl.bindBuffer(gl.UNIFORM_BUFFER, ubo);
         gl.bufferSubData(gl.UNIFORM_BUFFER, 140, new Float32Array([is3D]));
     }
     draw3D(projection, modelView, translate) {
+        if (!this.gl || !this.globe || !this.ubo)
+            return;
         const { gl, traslateFloat32, ubo, mapWHFloat32, globe } = this;
         gl.bindBuffer(gl.UNIFORM_BUFFER, ubo);
-        { // view, projection, translate
+        {
+            // view, projection, translate
             gl.bufferSubData(gl.UNIFORM_BUFFER, 0, modelView);
             gl.bufferSubData(gl.UNIFORM_BUFFER, 64, projection);
             traslateFloat32.set([translate.x, translate.y, translate.z], 0);
@@ -60,7 +82,8 @@ export default class CameraUniformBlockTotem {
             // zoom level
             gl.bufferSubData(gl.UNIFORM_BUFFER, 160, new Float32Array([globe.api_GetCurrentLODWithDecimal()]));
         }
-        { // mapWH
+        {
+            // mapWH
             if (globe.api_GetCurrentGeometry() === 1) {
                 const { width, height } = globe.api_GetCurrentWorldWH();
                 mapWHFloat32.set([width, height]);
@@ -73,18 +96,26 @@ export default class CameraUniformBlockTotem {
         return this.ubo;
     }
     bind(bindingPoint) {
+        if (!this.gl || !this.ubo)
+            return;
         const { gl, ubo } = this;
         gl.bindBufferBase(gl.UNIFORM_BUFFER, bindingPoint, ubo);
     }
     unbind(bindingPoint) {
+        if (!this.gl)
+            return;
         const { gl } = this;
         gl.bindBufferBase(gl.UNIFORM_BUFFER, bindingPoint, null);
     }
     free() {
+        if (!this.gl || !this.ubo)
+            return;
         const { gl, ubo } = this;
         gl.deleteBuffer(ubo);
     }
     readBuffer() {
+        if (!this.gl || !this.ubo)
+            return null;
         const result = new Float32Array(41);
         this.gl.bindBuffer(this.gl.UNIFORM_BUFFER, this.ubo);
         this.gl.getBufferSubData(this.gl.UNIFORM_BUFFER, 0, result);
@@ -96,11 +127,15 @@ export default class CameraUniformBlockTotem {
             is3D: result[35],
             mapWH: result.slice(36, 38),
             screenWH: result.slice(38, 40),
-            z_level: result[40]
+            z_level: result[40],
         };
     }
 }
-export const CameraUniformBlockTotemCache = Object.freeze({
-    get: (globe) => { return globeProgramCache.getProgram(globe, CameraUniformBlockTotem); },
-    release: (globe) => { return globeProgramCache.releaseProgram(globe, CameraUniformBlockTotem); }
+export const CanvasWebGlobeInfoCache = Object.freeze({
+    get: (globe) => {
+        return globeProgramCache.getProgram(globe, CanvasWebGlobeInfo);
+    },
+    release: (globe) => {
+        return globeProgramCache.releaseProgram(globe, CanvasWebGlobeInfo);
+    },
 });

package/programs/totems/{camerauniformblock copy.js → canvas-webglobe-info1.js}

@@ -1,23 +1,14 @@
 import { globeProgramCache } from "../programcache";
-// import { getFrustumPlanes } from "../../Math/frustum/from-projection-matrix";
-// import { getFrustum } from "../../Math/frustum/from-globeinfo"
-// import { Plane } from "../../Math/";
-export const CameraUniformBlockString = `
-layout(std140) uniform CameraUniformBlock {
-    mat4 view; // 64 bytes           0
-    mat4 projection; // 64 bytes     64
-    vec3 translate; // 12 bytes      128
-    bool is3D; // 4 bytes            140
-    vec2 mapWH; // 8 bytes           144
-    vec2 screenWH; //  8 bytes       152
-    float z_level; // 4 bytes        160 | 164
-    float world_distance; // 4 bytes 164
-    float world_tilt; // 4 bytes     168
-    float world_north_angle; // 4 bytes 172
-    vec2 world_center_radian; // 8 bytes    176 | 184
-}; // 14 lines
+export const WebglobeInfoUniformBlockString = `
+layout(std140) uniform WebglobeInfo {
+    vec2 canvas_resolution;
+    vec2 mouse_radian_long_lat;
+    vec2 mouse_pixel_xy;
+    float north_angle;
+    float world_tilt;
+    float earth_distance;
+}; 
 `;
-const Radian = Math.PI / 180.0;
 export default class CameraUniformBlockTotem {
     constructor() {
         this.id = "CameraUniformBlockTotem";
@@ -25,18 +16,6 @@ export default class CameraUniformBlockTotem {
         this.gl = null;
         this.globe = null;
         this.ubo = null;
-        // this._frustumPlanes = {
-        //     left: new Plane(),
-        //     right: new Plane(),
-        //     top: new Plane(),
-        //     bottom: new Plane(),
-        //     near: new Plane(),
-        //     far: new Plane()
-        // }
-        this._isMovedParams = {
-            lastLod: null,
-            isMoved: false,
-        };
     }
     init(globe, gl) {
         this.gl = gl;
@@ -51,8 +30,7 @@ export default class CameraUniformBlockTotem {
         const { gl } = this;
         const ubo = gl.createBuffer();
         gl.bindBuffer(gl.UNIFORM_BUFFER, ubo);
-        // 184 bytes in reality. Overflow on linux for some reason. So, 200 bytes.
-        gl.bufferData(gl.UNIFORM_BUFFER, 200, gl.STREAM_DRAW);
+        gl.bufferData(gl.UNIFORM_BUFFER, 164, gl.STREAM_DRAW);
         gl.bindBufferBase(gl.UNIFORM_BUFFER, 0, ubo);
         gl.bindBuffer(gl.UNIFORM_BUFFER, null);
         return ubo;
@@ -72,7 +50,7 @@ export default class CameraUniformBlockTotem {
     draw3D(projection, modelView, translate) {
         const { gl, traslateFloat32, ubo, mapWHFloat32, globe } = this;
         gl.bindBuffer(gl.UNIFORM_BUFFER, ubo);
-        { // view, projection, translat
+        { // view, projection, translate
             gl.bufferSubData(gl.UNIFORM_BUFFER, 0, modelView);
             gl.bufferSubData(gl.UNIFORM_BUFFER, 64, projection);
             traslateFloat32.set([translate.x, translate.y, translate.z], 0);
@@ -89,42 +67,11 @@ export default class CameraUniformBlockTotem {
                 gl.bufferSubData(gl.UNIFORM_BUFFER, 144, mapWHFloat32);
             }
         }
-        {
-            // float world_distance; // 4 bytes 164
-            // float world_tilt; // 4 bytes     168
-            // float world_north_angle; // 4 bytes 172
-            // vec2 world_center_radian; // 8 bytes    180
-            const { CenterLong, CenterLat, Distance, Tilt, NorthAng } = globe.api_GetCurrentLookInfo();
-            gl.bufferSubData(gl.UNIFORM_BUFFER, 164, new Float32Array([
-                Distance, Radian * Tilt, Radian * NorthAng, Radian * CenterLong, Radian * CenterLat
-            ]));
-        }
-        // this._frustumPlanes = getFrustumPlanes(projection, translate);
         gl.bindBuffer(gl.UNIFORM_BUFFER, null);
-        { // isMoved
-            const currentLOD = globe.api_GetCurrentLODWithDecimal();
-            this._isMovedParams.isMoved = this._isMovedParams.lastLod !== currentLOD || globe.api_IsScreenMoving();
-            this._isMovedParams.lastLod = currentLOD;
-        }
-        // getFrustum(globe, 50, this._frustumPlanes);
-        this._normalizedCameraVector = (() => {
-            const { Fp, FUPos } = globe;
-            const cameraVector = [Fp.x, Fp.y, Fp.z];
-            const length = Math.sqrt(cameraVector.reduce((sum, val) => sum + val * val, 0));
-            return normalizedCameraVector.map(val => val / length);
-        })();
-    }
-    assignBindingPoint(program, bindingPoint) {
-        const { gl } = this;
-        const cameraBlockIndex = gl.getUniformBlockIndex(program, "CameraUniformBlock");
-        gl.uniformBlockBinding(program, cameraBlockIndex, bindingPoint);
     }
     getUBO() {
         return this.ubo;
     }
-    getFrustumPlanes() {
-        return this._frustumPlanes;
-    }
     bind(bindingPoint) {
         const { gl, ubo } = this;
         gl.bindBufferBase(gl.UNIFORM_BUFFER, bindingPoint, ubo);
@@ -133,18 +80,6 @@ export default class CameraUniformBlockTotem {
         const { gl } = this;
         gl.bindBufferBase(gl.UNIFORM_BUFFER, bindingPoint, null);
     }
-    isMoved() {
-        return this._isMovedParams.isMoved;
-    }
-    getCameraVector() {
-        return [this.globe.Fp.x, this.globe.Fp.y, this.globe.Fp.z];
-    }
-    getNormalizedCameraVector() {
-        return this._normalizedCameraVector;
-    }
-    getCameraUpPosition() {
-        return [this.globe.FUPos.x, this.globe.FUPos.y, this.globe.FUPos.z];
-    }
     free() {
         const { gl, ubo } = this;
         gl.deleteBuffer(ubo);