@pirireis/webglobeplugins 0.15.20-alpha → 0.15.22-alpha

package/Math/arc.js

@@ -143,8 +143,7 @@ function _populatePointsWithClosestPointInsideArc(out, arc, count, closestPoint)
  * @param {Vec3} cameraPosition - The position of the camera.
  * @param {number} quaternionReuseCount - The number of times to apply the same rotation before recalculating. Higher is faster but less accurate.
  */
-function _distanceSampling(out, count, inArc, cameraPosition = vec3create(0, 0, 0), // TODO
-quaternionReuseCount = 1) {
+function _distanceSampling(out, count, inArc, cameraPosition = vec3create(0, 0, 0), quaternionReuseCount = 1) {
     if (count === 0) {
         return;
     }

package/Math/circle-cdf-points.js

@@ -1,168 +1,4 @@
 import { RADIANS } from "./methods";
-function createTemplate(intervalCount, strength = 1.0) {
-    const out = new Array(intervalCount);
-    const TOTAL = 1;
-    let cummulative = 0;
-    if (strength <= 0) {
-        // If strength is 0, distribute evenly.
-        const step = TOTAL / (intervalCount - 1);
-        for (let i = 0; i < intervalCount; i++) {
-            out[i] = cummulative;
-            cummulative += step;
-        }
-        out[intervalCount - 1] = TOTAL; // Ensure the last value is exactly TOTAL
-        return out;
-    }
-    // If strength is greater than 0, bias towards the start.
-    const weights = new Array(intervalCount);
-    let currentStep = 1;
-    let totalWeight = 0;
-    // Calculate weights for each interval, decreasing for later intervals.
-    for (let i = 0; i < intervalCount; i++) {
-        // Using (i + 1) in the denominator gives earlier intervals the highest weight.
-        totalWeight += currentStep;
-        weights[i] = totalWeight;
-        currentStep += strength;
-    }
-    // Distribute the total angle based on the weights.
-    for (let i = 0; i < intervalCount; i++) {
-        // Round to the nearest whole number for this interval.
-        out[i] = (weights[i] / totalWeight) * TOTAL;
-    }
-    if (out[intervalCount - 1] !== TOTAL) {
-        out[intervalCount - 1] = TOTAL;
-    }
-    // console.log("createTemplate", "strength", strength, "intervalCount", intervalCount, "out", out);
-    return out;
-}
-function interpolation(a, b, t) {
-    return a + (b - a) * t;
-}
-/**
- * Populates the `out` array with values from the `template` array,
- * distributing the surplus length as interpolated values between the template samples.
- *
- * @param out The destination array to be filled. Its length must be >= template.length.
- * @param template An ordered array of numbers to be placed in the `out` array.
- * @param strength A parameter controlling the distribution bias of surplus samples.
- * - strength = 0: Surplus samples are distributed evenly.
- * - strength > 0: Surplus samples are biased towards the start of the template.
- * - Higher values create a stronger bias.
- */
-function increasePopulation(// TODO: THERE IS A BUG
-out, template, strength = 1.0) {
-    const sourceLength = template.length;
-    const destinationLength = out.length;
-    const outLengthAtStart = out.length;
-    // --- Handle Edge Cases ---
-    // If the template is empty, there is nothing to interpolate from.
-    if (sourceLength === 0) {
-        return;
-    }
-    // If the template has only one value, fill the output array with that value.
-    if (sourceLength === 1) {
-        out.fill(template[0]);
-        return;
-    }
-    // If the destination is not larger than the source, just copy the template values.
-    if (destinationLength <= sourceLength) {
-        for (let i = 0; i < destinationLength; i++) {
-            out[i] = template[i];
-        }
-        return;
-    }
-    // --- Main Logic ---
-    const surplus = destinationLength - sourceLength;
-    const numGaps = sourceLength - 1;
-    // This array will hold the number of extra samples to add in each gap.
-    const surplusPerGap = new Array(numGaps).fill(0);
-    if (surplus > 0) {
-        // --- Step 1: Determine the distribution of surplus items ---
-        // If strength is 0, distribute surplus items as evenly as possible.
-        if (strength <= 0) {
-            const baseToAdd = Math.floor(surplus / numGaps);
-            const remainder = surplus % numGaps;
-            for (let i = 0; i < numGaps; i++) {
-                // Distribute the remainder one by one to the first gaps.
-                surplusPerGap[i] = baseToAdd + (i < remainder ? 1 : 0);
-            }
-        }
-        else {
-            // Biased Distribution: more items in earlier gaps.
-            const weights = new Array(numGaps);
-            let totalWeight = 0;
-            // A. Calculate a weight for each gap. The weight decreases for later gaps.
-            // The `strength` parameter makes this decay steeper.
-            for (let i = 0; i < numGaps; i++) {
-                // Using (i + 1) in the denominator gives earlier gaps (i=0) the highest weight.
-                const weight = Math.pow(1 / (i + 1), strength);
-                weights[i] = weight;
-                totalWeight += weight;
-            }
-            // B. Distribute the surplus based on the calculated weights.
-            // This method ensures the total distributed count equals the surplus.
-            let distributedCount = 0;
-            for (let i = 0; i < numGaps - 1; i++) {
-                const idealCount = (weights[i] / totalWeight) * surplus;
-                // Round to the nearest whole number for this gap.
-                const countForThisGap = Math.ceil(idealCount);
-                surplusPerGap[i] = countForThisGap;
-                distributedCount += countForThisGap;
-            }
-            // Assign the remainder to the last gap to guarantee the sum is correct.
-            //surplusPerGap[numGaps - 1] = surplus - distributedCount; 
-            // add to first 
-            const leftover = surplus - distributedCount;
-            if (leftover > 0) {
-                surplusPerGap[0] += leftover; // Add any leftover to the first gap.
-            }
-            console.log("leftover", leftover, "distributedCount", distributedCount, "surplus", surplus);
-        }
-    }
-    // --- Step 2: Populate the `out` array ---
-    let outIndex = 0;
-    for (let i = 0; i < surplusPerGap.length; i++) {
-        if (typeof surplusPerGap[i] !== "number" || isNaN(surplusPerGap[i]) || !isFinite(surplusPerGap[i])) {
-            console.warn("increasePopulation: Invalid surplusPerGap value at index", i, ":", surplusPerGap[i]);
-        }
-    }
-    for (let i = 0; i < sourceLength; i++) {
-        // A. Add the original template item.
-        out[outIndex++] = template[i];
-        // B. If this is not the last template item, fill the gap after it.
-        if (i < numGaps) {
-            const numToAdd = surplusPerGap[i];
-            if (numToAdd <= 0)
-                continue;
-            const startVal = template[i];
-            const endVal = template[i + 1];
-            // C. Add the interpolated ("surplus") items for this gap.
-            // The total number of intervals in this gap is numToAdd + 1.
-            const totalIntervals = numToAdd + 1;
-            for (let j = 1; j <= numToAdd; j++) {
-                const t = j / totalIntervals; // The interpolation factor (0 < t < 1)
-                // Linear interpolation: out = start * (1 - t) + end * t
-                const interpolatedValue = startVal * (1 - t) + endVal * t;
-                out[outIndex++] = interpolatedValue;
-                if (outIndex >= out.length) {
-                    console.warn("increasePopulation: Output array overflow. Stopping early.");
-                    console.warn("processeed item ratio:", i, "/", sourceLength);
-                    let count = numToAdd - j;
-                    console.log("count", count);
-                    for (let _i = i; _i < sourceLength; _i++) {
-                        count += surplusPerGap[_i];
-                    }
-                    console.warn("increasePopulation: Not enough space to add", count, "more items.");
-                    return; // Prevent overflow if the output array is not large enough.
-                }
-            }
-        }
-    }
-    // --- Step 3: Ensure the output length is correct ---
-    if (outLengthAtStart !== out.length) {
-        console.warn("increasePopulation: Output length mismatch. Expected", outLengthAtStart, "but got", out.length);
-    }
-}
 function createCummulativeTemplate(numberOfPoints, strength, denseRatio = 0.5 // Ratio of points to be densely packed at the start.
 ) {
     // Handle edge cases for the number of points.
@@ -239,9 +75,4 @@ function globeFindPointByPolarHalfCircle(out, globe, centerLong, centerLat, radi
         offset -= 2;
     }
 }
-export { 
-// createTemplate,
-// increasePopulation,
-// interpolation,
-// createCummulativeTemplate,
-createCummulativeTemplateStash, globeFindPointByPolar, globeFindPointByPolarHalfCircle };
+export { createCummulativeTemplateStash, globeFindPointByPolar, globeFindPointByPolarHalfCircle };

package/Math/circle.js

@@ -29,30 +29,5 @@ function createCircleClosestAzimuthAngleProperties(circle) {
         normal: normal,
         northPointProjectedToOriginPlaneNormalized: N,
     };
-    // const distance = normal[2]; //dot(normal, [0, 0, 1] as Vec3)
-    // const N: Vec3 = [0, 0, 0];
-    // if (Math.abs(distance) < 1e-6) {
-    //     N[0] = -1;
-    //     N[1] = 0;
-    //     N[2] = 0;
-    // } else {
-    //     // TODO: add cases for 8 parts of the sphere
-    //     copy(N, normal);
-    //     multiplyScalar(N, N, distance);
-    //     if (N[2] >= 0) {
-    //         N[0] = -N[0];
-    //         N[1] = -N[1];
-    //         N[2] = 1 - N[2];
-    //     } else {
-    //         N[2] = -N[2];
-    //         N[0] = -N[0];
-    //         N[1] = -N[1];
-    //     }
-    // }
-    // normalize(N, N);
-    // return {
-    //     normal: normal,
-    //     northPointProjectedToOriginPlaneNormalized: N,
-    // }
 }
 export { closestAzimuthAngle, createCircleClosestAzimuthAngleProperties };

package/Math/vec3.js

@@ -85,7 +85,7 @@ function equals(a, b) {
         Math.abs(a[2] - b[2]) < EPSILON);
 }
 function fromUnitVectorToLongLat(out, a) {
-    const len = length(a); // TODO Might drop length check 
+    const len = length(a);
     if (len === 0) {
         throw new Error('Cannot convert a zero vector to unit vector');
     }

package/altitude-locator/plugin.js

@@ -335,7 +335,7 @@ class PointGlowLineToEarthPlugin {
         });
     }
     _doesChanged() {
-        return this._cameraBlockTotem.isMoved() || this._parametersChanged; // TODO: implement
+        return this.globe.api_IsScreenMoving();
     }
     _changed() {
         this._parametersChanged = true;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@pirireis/webglobeplugins",
-    "version": "0.15.20-alpha",
+    "version": "0.15.22-alpha",
     "main": "index.js",
     "author": "Toprak Nihat Deniz Ozturk",
     "license": "MIT",

package/point-tracks/plugin.js

@@ -144,7 +144,7 @@ class PointTracksPlugin {
      * @returns
      */
     insertBulk(tracks) {
-        this._fillTracksToPointsMap(tracks); // TODO error should be at the top
+        this._fillTracksToPointsMap(tracks);
         const flattenedPoints = tracks.map(trackToFlatPoints, this._objectStoreExtraParametersFiltered).flat();
         const currentLoad = this._bufferOrchestrator.length;
         if (currentLoad + flattenedPoints.length >= 2147483647) {
@@ -224,7 +224,6 @@ class PointTracksPlugin {
             return;
         this._isFreed = true;
         this._pickerDisplayer.free();
-        this._tracksToPointMap.clear();
         PointOnGlobeProgramCache.release(this.globe);
         this.gl.deleteBuffer(this._focusParams.elementBuffer);
         this._bufferManagersMap.forEach(({ bufferManager, adaptor }) => bufferManager.free());

package/programs/line-on-globe/lines-color-instanced-flat.js

@@ -8,7 +8,6 @@ import { attributeLoader } from "../../util/gl-util/buffer/attribute-loader";
  * This program draws line between points provided from the first and second buffer.
  * draw method gl.drawArraysInstanced( gl.POINTS, 0,2, lineCount);
  * */
-// TODO: find better way to eleminate edge case distance(posA, posB) > 37000000.0
 const vertexShaderSource = `#version 300 es
 precision highp float;
 ${CameraUniformBlockString}

package/programs/point-on-globe/element-globe-surface-glow.js

@@ -100,7 +100,6 @@ class Logic {
         const vao = gl.createVertexArray();
         const divisor = 1;
         gl.bindVertexArray(vao);
-        // TODO constants to escape values
         attributeLoader(gl, pos3DObj, 0, 3, { divisor });
         attributeLoader(gl, radiusObj, 1, 1, { divisor, escapeValues: [-1] });
         attributeLoader(gl, colorObj, 2, 4, { divisor, escapeValues: [-1, -1, -1, -1] });

package/programs/totems/camerauniformblock.js

@@ -1,6 +1,7 @@
 import { globeProgramCache } from "../programcache";
 import { fromLongLatToUnitVector } from "../../Math/vec3";
 import { RADIANS } from "../../Math/methods";
+import { GlobeChangeObserver } from "./globe-changes";
 export const CameraUniformBlockString = `
 layout(std140) uniform CameraUniformBlock {
     mat4 view; // 64 bytes           0
@@ -29,6 +30,7 @@ export class CameraUniformBlockTotem {
     _isMovedParams;
     _normalizedCameraVector = [0, 0, 0]; // Normalized camera vector
     // _frustumPlanes: any; // Uncomment and type if used
+    _globeChangeObserver = null;
     constructor() {
         this.id = "CameraUniformBlockTotem";
         this.description =
@@ -51,6 +53,7 @@ export class CameraUniformBlockTotem {
         this.ubo = this._createUBO();
         this.traslateFloat32 = new Float32Array(3);
         this.mapWHFloat32 = new Float32Array(2);
+        this._globeChangeObserver = new GlobeChangeObserver(globe);
         this.setGeometry();
         this.resize();
     }
@@ -86,6 +89,7 @@ export class CameraUniformBlockTotem {
         const ubo = this.ubo;
         const mapWHFloat32 = this.mapWHFloat32;
         const globe = this.globe;
+        this._globeChangeObserver?.checkChanges();
         gl.bindBuffer(gl.UNIFORM_BUFFER, ubo);
         {
             // view, projection, translate
@@ -196,6 +200,9 @@ export class CameraUniformBlockTotem {
         fromLongLatToUnitVector(result, [CenterLong * RADIANS, CenterLat * RADIANS]);
         return result;
     }
+    getGlobeChanges() {
+        return this._globeChangeObserver?.getChanges();
+    }
     free() {
         const gl = this.gl;
         const ubo = this.ubo;

package/range-tools-on-terrain/bearing-line/plugin.js

@@ -216,7 +216,6 @@ export class BearingLinePlugin {
         this.drawOptions.drawAngleRing = drawAngleRing;
         this.globe.DrawRender();
     }
-    // TODO:
     updatePartial(items, { textWriterIDs } = {}) {
         if (this._freed) {
             throw new Error("Plugin has been freed, cannot update item.");

package/range-tools-on-terrain/circle-line-chain/chain-list-map.js

@@ -1,7 +1,3 @@
-/**
- * set and get node data
- * node indexes;
- */
 export class ChainListMap {
     _chainMap;
     _chainSideProperties;
@@ -98,7 +94,7 @@ export class ChainListMap {
             });
         }
         this._chainMap.delete(chainKey);
-        this._chainSideProperties.delete(chainKey); // TODO: this might be this way but adding this know can cause side effects
+        this._chainSideProperties.delete(chainKey);
         for (const key of keys)
             this._indexMap.delete(key);
         return keys;
@@ -177,10 +173,9 @@ export class ChainListMap {
             memoryProperties[key] = value;
         });
     }
-    // TODO: bad name clean up, need to check on frontend
-    getNodeProperties(chainKey) {
-        return this._chainSideProperties.get(chainKey);
-    }
+    // getNodeProperties(chainKey: string): ChainProperties | undefined {
+    //     return this._chainSideProperties.get(chainKey);
+    // }
     getChainProperties(chainKey) {
         return this._chainSideProperties.get(chainKey);
     }

package/range-tools-on-terrain/circle-line-chain/plugin.js

@@ -47,7 +47,7 @@ export class CircleLineChainPlugin {
             dashedLineOpacityVariativeOn: false,
             dashedLineRatioVariativeOn: false,
             bufferType: "DYNAMIC_DRAW",
-            opacity: 1.0
+            opacity: 1.0,
         }
     };
     constructor(id, { drawCircleOn, textWritersMap, textDataPreAdaptor, opacities, lineAdaptor, arcAdaptor, circleAdaptor, arcOnTerrainOptions, circleOnTerrainOptions, lineOptions } = {}) {
@@ -158,12 +158,14 @@ export class CircleLineChainPlugin {
         this.globe?.DrawRender();
     }
     setOpacities(opacities) {
-        // TODO: Check opacities
+        if (this._freed) {
+            console.warn("CircleLineChainPlugin is freed, cannot set opacities.");
+            return;
+        }
         this._opacities = {
             ...this._opacities,
             ...opacities
         };
-        // set Opacities of plugins
         this.globe?.DrawRender();
     }
     setElevationMode(mode) {

package/semiplugins/lightweight/line-plugin.js

@@ -1,5 +1,6 @@
 import { LineOnGlobeCache } from "../../programs/line-on-globe/naive-accurate-flexible";
-import { BufferMapOrchestrator } from "../../util/account/create-buffermap-orchastration";
+import { BufferOrchestrator } from "../../util/account/single-attribute-buffer-management/buffer-orchestrator";
+import { BufferManager } from "../../util/account/single-attribute-buffer-management/buffer-manager";
 import { sphereCoord } from "../../util/geometry/index";
 import { constraintFloat } from "../../util/check/typecheck";
 export class LinePlugin {
@@ -10,20 +11,23 @@ export class LinePlugin {
     vao = null;
     _options;
     _uboHandler = null;
-    _bufferOrchestrator = null;
+    _bufferOrchestrator;
+    _bufferManagersMap = new Map();
     _freed = false;
-    constructor(id, { flatViewOn = true, globeViewOn = true, variativeColorsOn = false, defaultColor = [1, 1, 1, 1], dashedLineOpacityVariativeOn = false, dashedLineRatioVariativeOn = false, bufferType = "DYNAMIC_DRAW", opacity = 1.0 } = {}) {
+    constructor(id, { flatViewOn = true, globeViewOn = true, variativeColorsOn = false, defaultColor = [1, 1, 1, 1], dashedLineOpacityVariativeOn = false, dashedLineRatioVariativeOn = false, bufferType = "DYNAMIC_DRAW", opacity = 1.0, initialCapacity = 10 } = {}) {
         this.id = id;
         this._options = {
-            flatViewOn,
-            globeViewOn,
-            variativeColorsOn,
-            defaultColor,
-            dashedLineOpacityVariativeOn,
-            dashedLineRatioVariativeOn,
-            bufferType,
-            opacity
+            flatViewOn: flatViewOn ?? true,
+            globeViewOn: globeViewOn ?? true,
+            variativeColorsOn: variativeColorsOn ?? false,
+            defaultColor: defaultColor ?? [1, 1, 1, 1],
+            dashedLineOpacityVariativeOn: dashedLineOpacityVariativeOn ?? false,
+            dashedLineRatioVariativeOn: dashedLineRatioVariativeOn ?? false,
+            bufferType: bufferType ?? "DYNAMIC_DRAW",
+            opacity: opacity ?? 1.0,
+            initialCapacity: initialCapacity ?? 10
         };
+        this._bufferOrchestrator = new BufferOrchestrator({ capacity: initialCapacity ?? 10 });
     }
     init(globe, gl) {
         this.globe = globe;
@@ -31,13 +35,12 @@ export class LinePlugin {
         this.program = LineOnGlobeCache.get(globe);
         this._uboHandler = this.program.createUBO();
         this.setDefaultColor(this._options.defaultColor);
-        this._bufferOrchestrator = new BufferMapOrchestrator(gl, this._createBufferDetailsMap(), 10 // initial capacity
-        );
+        this._fillManagerMap();
         this.vao = this.program.createVAO(...this._createSelectBufferNames().map((key) => {
             if (key === null) {
                 return null;
             }
-            const bufferManagerComp = this._bufferOrchestrator?.bufferManagersMap.get(key);
+            const bufferManagerComp = this._bufferManagersMap.get(key);
             if (bufferManagerComp === undefined) {
                 throw new Error(`Buffer key ${key} does not exist in bufferManagersMap`);
             }
@@ -51,19 +54,19 @@ export class LinePlugin {
     }
     // PLUGIN INTERFACE METHODS
     insertBulk(items) {
-        const { _bufferOrchestrator, globe } = this;
+        const { _bufferOrchestrator, _bufferManagersMap, globe } = this;
         if (!_bufferOrchestrator || !globe) {
             throw new Error("Buffer orchestrator or globe is not initialized.");
         }
-        _bufferOrchestrator.insertBulk(items);
+        _bufferOrchestrator.insertBulk(items, _bufferManagersMap);
         this.globe?.DrawRender();
     }
     deleteBulk(keys) {
-        const { _bufferOrchestrator, globe } = this;
+        const { _bufferOrchestrator, _bufferManagersMap, globe } = this;
         if (!_bufferOrchestrator || !globe) {
             throw new Error("Buffer orchestrator or globe is not initialized.");
         }
-        _bufferOrchestrator.deleteBulk(keys);
+        _bufferOrchestrator.deleteBulk(keys, _bufferManagersMap);
         this.globe?.DrawRender();
     }
     setPluginOpacity(opacity, drawRender = false) {
@@ -108,12 +111,11 @@ export class LinePlugin {
         if (!_bufferOrchestrator || !_bufferOrchestrator || !_uboHandler) {
             throw new Error("Buffer orchestrator is not initialized.");
         }
-        const { bufferOrchestrator } = _bufferOrchestrator;
         const { flatViewOn, globeViewOn, opacity } = _options;
         const drawOptions = {
             drawRange: {
                 first: 0,
-                count: bufferOrchestrator.length
+                count: _bufferOrchestrator.length
             }
         };
         this.gl.disable(this.gl.DEPTH_TEST); // Disable depth test for lines
@@ -132,67 +134,60 @@ export class LinePlugin {
         if (this._freed)
             return;
         // TODO: FILL
-        this._bufferOrchestrator?.free();
+        this._bufferManagersMap.forEach((manager) => {
+            manager.bufferManager.free();
+        });
         this._uboHandler?.free();
         LineOnGlobeCache.release(this.globe);
         this._freed = true;
     }
     // IMPLICIT INTERFACE METHODS
-    _createBufferDetailsMap() {
+    _fillManagerMap() {
         const globe = this.globe;
         const { flatViewOn, globeViewOn, variativeColorsOn, dashedLineOpacityVariativeOn, dashedLineRatioVariativeOn, bufferType = "DYNAMIC_DRAW" } = this._options;
-        const m = new Map();
+        const m = this._bufferManagersMap;
+        const initialCapacity = this._options.initialCapacity;
         if (flatViewOn) {
             m.set("start_position", {
-                itemSize: 2,
-                bufferType: bufferType, // TODO: Ask User? 
-                buffer: null,
+                bufferManager: new BufferManager(globe.gl, 2, { bufferType, initialCapacity: this._options.initialCapacity }),
                 adaptor: (item) => {
                     const result = new Float32Array(globe.api_GetMercator2DPoint(item.start[0], item.start[1]));
                     return result;
                 }
             });
             m.set("end_position", {
-                itemSize: 2,
-                bufferType: bufferType,
-                buffer: null,
+                bufferManager: new BufferManager(globe.gl, 2, { bufferType, initialCapacity: this._options.initialCapacity }),
                 adaptor: (item) => new Float32Array(globe.api_GetMercator2DPoint(item.end[0], item.end[1]))
             });
         }
         if (globeViewOn) {
             m.set("start_position_3d", {
-                itemSize: 3,
-                bufferType: bufferType,
+                bufferManager: new BufferManager(globe.gl, 3, { bufferType, initialCapacity: this._options.initialCapacity }),
                 adaptor: (item) => sphereCoord(item.start[0], item.start[1], globe, item.start_altitude || 0)
             });
             m.set("end_position_3d", {
-                itemSize: 3,
-                bufferType: bufferType,
+                bufferManager: new BufferManager(globe.gl, 3, { bufferType, initialCapacity: this._options.initialCapacity }),
                 adaptor: (item) => sphereCoord(item.end[0], item.end[1], globe, item.end_altitude || 0)
             });
         }
         if (variativeColorsOn) {
             m.set("color", {
-                itemSize: 4,
-                bufferType: bufferType,
+                bufferManager: new BufferManager(globe.gl, 4, { bufferType, initialCapacity: this._options.initialCapacity }),
                 adaptor: (item) => new Float32Array(item.color !== undefined ? item.color : [-1, -1, -1, -1])
             });
         }
         if (dashedLineOpacityVariativeOn) {
             m.set("dashed_line_opacity", {
-                itemSize: 1,
-                bufferType: bufferType,
+                bufferManager: new BufferManager(globe.gl, 1, { bufferType, initialCapacity: this._options.initialCapacity }),
                 adaptor: (item) => new Float32Array(item.dashed_line_opacity !== undefined ? [item.dashed_line_opacity] : [-1])
             });
         }
         if (dashedLineRatioVariativeOn) {
             m.set("dashed_line_ratio", {
-                itemSize: 1,
-                bufferType: bufferType,
+                bufferManager: new BufferManager(globe.gl, 1, { bufferType, initialCapacity: this._options.initialCapacity }),
                 adaptor: (item) => new Float32Array(item.dashed_line_ratio !== undefined ? [item.dashed_line_ratio] : [-1])
             });
         }
-        return m;
     }
     _createSelectBufferNames() {
         const { flatViewOn, globeViewOn, variativeColorsOn, dashedLineOpacityVariativeOn, dashedLineRatioVariativeOn } = this._options;