@pirireis/webglobeplugins 0.16.0 → 0.16.2

package/programs/rings/distancering/index.js

@@ -1,5 +1,6 @@
-// import { programCache as circleProgramCache } from './circleflatprogram';
-// import { PaddingProgramCache } from './paddyflatprogram';
-// import CirclePaddySharedBuffer from './circlepaddysharedbuffer';
-// // import { PaddingFreeAngleCache } from './circlepaddingfreeangleprogram';
-// // export { circleProgramCache, PaddingProgramCache, CirclePaddySharedBuffer, PaddingFreeAngleCache };
+"use strict";
+// import { programCache as circleProgramCache } from './circleflatprogram';
+// import { PaddingProgramCache } from './paddyflatprogram';
+// import CirclePaddySharedBuffer from './circlepaddysharedbuffer';
+// // import { PaddingFreeAngleCache } from './circlepaddingfreeangleprogram';
+// // export { circleProgramCache, PaddingProgramCache, CirclePaddySharedBuffer, PaddingFreeAngleCache };

package/programs/rings/distancering/paddyflatprogram.js

@@ -1,148 +1,127 @@
-// 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) }
-// })
+"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/rings/distancering/paddyflatprogram2d.js

@@ -1,153 +1,129 @@
-// 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(vao, length, opaity) {
-
-//     }
-
-//     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(vao, length, opaity) {
+//     }
+//     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) }
+// })