@pirireis/webglobeplugins 0.9.6 → 0.9.8

package/{shape-on-terrain/arc/naive/plugin.ts → dist/shape-on-terrain/arc/naive/plugin.js}

@@ -1,304 +1,252 @@
-// import { LineStripProgramCache } from "../../../programs/line-on-globe/linestrip"
-// import "../../../programs/interface";
-
-// import { createBufferAndReadInfo } from '../../../util/gl-util/buffer/attribute-loader';
-// import { populateFloat32Array } from "../../../util/jshelpers/data-filler";
-// import { BufferManagement, BufferManager, BufferOrchestrator } from "../../../util/account/single-attribute-buffer-management/index";
-// import { globe3Dcoordinates, globe2Dcoordinates, RADIANS } from "../../../Math/methods";
-// import { Vector3D } from "../../../Math/vector3d";
-// import { Arc } from "../../../Math/arc";
-// import { Plane } from "../../../Math/plane";
-// import { arcFrustumPlanesIntersection } from "../../../Math/intersections/arc-frustum-planes";
-
-// import { CameraUniformBlockTotemCache, CameraUniformBlockTotem } from "../../../programs/totems/camerauniformblock";
-// import { FrustumPlanes } from "../../../Math/frustum/types";
-// const VERTEX_COUNT = 360;
-// const INITAL_CAPACITY = 10;
-// const _0vector = new Vector3D();
-// const _0arc = new Arc();
-
-// // window add properties
-// declare global {
-//     interface Window {
-//         startPoint: Vector3D;
-//         endPoint: Vector3D;
-//     }
-// }
-
-// let interval = 1;
-
-// const testVec = new Vector3D(0, 0, 1);
-// testVec.setFromLongLat(30 * RADIANS, 30 * RADIANS);
-// console.log("testVec", testVec.x, testVec.y, testVec.z);
-
-// testVec.setFromLongLat(50 * RADIANS, 50 * RADIANS);
-// console.log("testVec", testVec.x, testVec.y, testVec.z);
-
-
-// export class NaiveLineOnTerrainPlugin {
-//     public id: string;
-//     private program: ProgramInterface;
-//     private _bufferManagersCompMap: BufferManagement;
-//     private _bufferManagersCompMapTest: BufferManagement;
-//     private _bufferOrchestrator: BufferOrchestrator = new BufferOrchestrator({ capacity: INITAL_CAPACITY });
-//     private _testOrchestrator: BufferOrchestrator = new BufferOrchestrator({ capacity: INITAL_CAPACITY });
-//     private _opacity: number = 1;
-//     private _arcUBOHandler: UBOHandler;
-//     private _vao: WebGLVertexArrayObject;
-//     private _vaoAllTest: WebGLVertexArrayObject;
-//     private _ubohandlerAllTest: UBOHandler;
-//     private globe: any;
-//     private gl: WebGL2RenderingContext;
-//     private _arcMap: Map<string, Arc>;
-//     private _arcMapTest: Map<string, Arc>;
-//     private _screenPlane: Plane = new Plane();
-//     private _doBuild: boolean = false
-//     private _cameraUniformBlock: CameraUniformBlockTotem;
-//     public fieldOfView = 50 * RADIANS; // 50 degrees in radians
-
-//     constructor(id: string) {
-//         this.id = id;
-//         this._arcMap = new Map();
-//         this._arcMapTest = new Map();
-//     }
-
-
-
-//     insertArcFromLongLat(key: string, startPoint: { long: number, lat: number }, endPoint: { long: number, lat: number }) {
-//         if (this._arcMap.has(key)) {
-//             this._arcMap.delete(key);
-//         }
-//         const start = _0vector.setFromLongLat(startPoint.long * RADIANS, startPoint.lat * RADIANS).clone();
-//         const end = _0vector.setFromLongLat(endPoint.long * RADIANS, endPoint.lat * RADIANS).clone();
-
-
-
-//         window.startPoint = start;
-//         window.endPoint = end;
-//         const arc = new Arc(start, end);
-//         this._arcMap.set(key, arc);
-//         this._arcMapTest.set(key, arc.clone());
-//         const longLatArr = new Float32Array(2 * VERTEX_COUNT);
-//         const _3Dpoints = arc.populatePoints3D(VERTEX_COUNT);
-//         const longLat = {
-//             long: 1,
-//             lat: 1
-//         };
-//         for (let i = 0; i < _3Dpoints.length / 3; i++) {
-//             _0vector.set(_3Dpoints[i * 3], _3Dpoints[i * 3 + 1], _3Dpoints[i * 3 + 2]).toLongLat(longLat);
-//             longLatArr.set([longLat.long / RADIANS, longLat.lat / RADIANS], i * 2);
-//         }
-//         const result = [{
-//             key: key,
-//             longLatArr: longLatArr,
-//         }
-//         ]
-//         this._testOrchestrator.insertBulk(result, this._bufferManagersCompMapTest);
-
-//         this._doBuild = true;
-//     }
-
-
-
-//     init(globe: any, gl: WebGL2RenderingContext) {
-//         this.globe = globe;
-//         this.gl = gl;
-//         this.program = LineStripProgramCache.get(globe);
-
-//         const g3D = globe3Dcoordinates(globe, 30);
-//         const g2D = globe2Dcoordinates(globe);
-//         this._cameraUniformBlock = CameraUniformBlockTotemCache.get(globe);
-//         this._bufferManagersCompMap = new Map(
-//             [
-//                 ["position3d", {
-//                     bufferManager: new BufferManager(gl, 3 * (VERTEX_COUNT + 1), { bufferType: "DYNAMIC_DRAW", initialCapacity: INITAL_CAPACITY }),
-//                     adaptor: (item: any) => {
-//                         const { longLatArr } = item;
-//                         const result = g3D(longLatArr, { paddingCount: 1 });
-//                         // console.log("result", result);
-//                         return result;
-//                     }
-//                 }],
-//                 ["position2d", {
-//                     bufferManager: new BufferManager(gl, 2 * (VERTEX_COUNT + 1), { bufferType: "DYNAMIC_DRAW", initialCapacity: INITAL_CAPACITY }),
-//                     adaptor: (item: any) => {
-//                         const { longLatArr } = item;
-//                         return g2D(longLatArr, { paddingCount: 1 });
-//                     }
-//                 }
-//                 ],
-//             ]
-//         );
-
-//         this._bufferManagersCompMapTest = new Map([
-//             ["positionTest3d", {
-//                 bufferManager: new BufferManager(gl, 3 * (VERTEX_COUNT + 1), { bufferType: "DYNAMIC_DRAW", initialCapacity: INITAL_CAPACITY }),
-//                 adaptor: (item: any) => {
-//                     const { longLatArr } = item;
-//                     const result = g3D(longLatArr, { paddingCount: 1 });
-//                     return result;
-//                 }
-//             }],
-//             ["positionTest2d", {
-//                 bufferManager: new BufferManager(gl, 2 * (VERTEX_COUNT + 1), { bufferType: "DYNAMIC_DRAW", initialCapacity: INITAL_CAPACITY }),
-//                 adaptor: (item: any) => {
-//                     const { longLatArr } = item;
-//                     return g2D(longLatArr, { paddingCount: 1 });
-//                 }
-//             }
-//             ]
-//         ]
-//         );
-
-//         this._bufferOrchestrator = new BufferOrchestrator(gl, this._bufferManagersCompMap);
-
-//         this._arcUBOHandler = this.program.createUBO();
-//         this._arcUBOHandler.update(new Map([
-//             ["u_color", new Float32Array([1, 0, 0, 1])],
-//         ]));
-//         this._ubohandlerAllTest = this.program.createUBO();
-//         this._ubohandlerAllTest.update(new Map([
-//             ["u_color", new Float32Array([0, 0, 1, 1])],
-//         ]));
-
-//         this._vao = this.program.createVAO(
-//             createBufferAndReadInfo(this._bufferManagersCompMap.get("position3d").bufferManager.buffer),
-//             createBufferAndReadInfo(this._bufferManagersCompMap.get("position2d").bufferManager.buffer),
-//             null,
-//             null,
-//             null,
-//         );
-//         this._vaoAllTest = this.program.createVAO(
-//             createBufferAndReadInfo(this._bufferManagersCompMapTest.get("positionTest3d").bufferManager.buffer),
-//             createBufferAndReadInfo(this._bufferManagersCompMapTest.get("positionTest2d").bufferManager.buffer),
-//             null,
-//             null,
-//             null,
-//         );
-//     }
-
-//     setFieldOfView(fieldOfView: number) {
-//         this.fieldOfView = fieldOfView * RADIANS; // convert degrees to radians
-//         this.globe.DrawRender();
-//     }
-
-
-
-//     _buildArcs() {
-//         // updatePlane
-//         const { globe, _arcMap } = this;
-
-//         const planes = this._cameraUniformBlock.getFrustumPlanes() as FrustumPlanes;
-// //
-
-//         const cameraPostition = new Vector3D();
-//         cameraPostition.copy(globe.Fp as Vector3D).normalize();
-//         // calculateHorizonPlane(globe, _screenPlane, this.fieldOfView);
-
-//         const result = [];
-//         const longLat = {
-//             long: 1,
-//             lat: 1
-//         }
-
-//         let counter = 0;
-//         for (const [key, arc] of _arcMap) {
-//             // const isArc = arc.intersectionMedium(_screenPlane, _0arc) as Arc;
-//             _0arc.copy(arc);
-
-//             const isArc = arcFrustumPlanesIntersection(_0arc, planes, _0arc);
-
-//             if (!isArc) {
-//                 continue;
-//             }
-//             counter++;
-//             const longLatArr = new Float32Array(2 * VERTEX_COUNT);
-//             // const _3Dpoints = _0arc.populatePoints3DInRespectToCamera(cameraPostition, VERTEX_COUNT);
-//             const _3Dpoints = _0arc.populatePoints3D(VERTEX_COUNT);
-
-//             for (let i = 0; i < _3Dpoints.length / 3; i++) {
-//                 _0vector.set(_3Dpoints[i * 3], _3Dpoints[i * 3 + 1], _3Dpoints[i * 3 + 2]).toLongLat(longLat);
-//                 longLatArr.set([longLat.long / RADIANS, longLat.lat / RADIANS], i * 2);
-//             }
-
-//             result.push({
-//                 key: key,
-//                 longLatArr: longLatArr,
-//             });
-
-//             // if (!arc.imaginaryPlane.equals(_0arc.imaginaryPlane) || !arc.imaginaryPlane.equalsReverseOriantation(_0arc.imaginaryPlane)) {
-//             //     // console.log("Arc with key", key, "has imaginary plane equal to the original arc's imaginary plane.");
-//             //     throw new Error("The arc segment is not on the parent arc")
-//             // }
-//         }
-//         interval += 1;
-//         if (interval === 100) {
-//             interval = 1;
-//             console.log("Arc count on screen:", counter);
-//         }
-//         // update buffer
-//         this._bufferOrchestrator.resetWithCapacity(this._bufferManagersCompMap, result.length);
-
-//         this._bufferOrchestrator.insertBulk(result, this._bufferManagersCompMap);
-
-//         this._doBuild = false;
-//         this._checkIfCorrupted(); // check if any arc is corrupted
-
-//     }
-
-
-//     draw3D() {
-//         // Drawing logic here
-//         this._buildArcs() // can be async
-//         const { gl, program, _bufferOrchestrator } = this;
-
-//         gl.disable(gl.DEPTH_TEST);
-
-
-
-//         const drawOptionTest = {
-//             drawRange: {
-//                 first: 0,
-//                 count: this._testOrchestrator.length * (VERTEX_COUNT + 1)
-//             },
-//             indexes: null
-//         }
-
-//         program.draw(
-//             this._vaoAllTest,
-//             drawOptionTest,
-//             this._opacity,
-//             this._ubohandlerAllTest
-//         );
-
-
-//         const drawOptions = {
-//             drawRange: {
-//                 first: 0,
-//                 count: _bufferOrchestrator.length * (VERTEX_COUNT + 1)
-//             },
-//             indexes: null
-//         }
-
-//         program.draw(
-//             this._vao,
-//             drawOptions,
-//             this._opacity,
-//             this._arcUBOHandler
-//         );
-
-
-//         gl.enable(gl.DEPTH_TEST);
-//     }
-
-//     _checkIfCorrupted() {
-//         for (const [key, arc] of this._arcMap) {
-//             if (!arc.p0.equals(arc.p1)) {
-//                 continue; // valid arc
-//             }
-//             console.warn(`Arc with key ${key} is corrupted: p0 and p1 are the same point.`);
-//             // this._arcMap.delete(key);
-//             // this._arcMapTest.delete(key);
-//         }
-//     }
-// }
+"use strict";
+// import { LineStripProgramCache } from "../../../programs/line-on-globe/linestrip"
+// import "../../../programs/interface";
+// import { createBufferAndReadInfo } from '../../../util/gl-util/buffer/attribute-loader';
+// import { populateFloat32Array } from "../../../util/jshelpers/data-filler";
+// import { BufferManagement, BufferManager, BufferOrchestrator } from "../../../util/account/single-attribute-buffer-management/index";
+// import { globe3Dcoordinates, globe2Dcoordinates, RADIANS } from "../../../Math/methods";
+// import { Vector3D } from "../../../Math/vector3d";
+// import { Arc } from "../../../Math/arc";
+// import { Plane } from "../../../Math/plane";
+// import { arcFrustumPlanesIntersection } from "../../../Math/intersections/arc-frustum-planes";
+// import { CameraUniformBlockTotemCache, CameraUniformBlockTotem } from "../../../programs/totems/camerauniformblock";
+// import { FrustumPlanes } from "../../../Math/frustum/types";
+// const VERTEX_COUNT = 360;
+// const INITAL_CAPACITY = 10;
+// const _0vector = new Vector3D();
+// const _0arc = new Arc();
+// // window add properties
+// declare global {
+//     interface Window {
+//         startPoint: Vector3D;
+//         endPoint: Vector3D;
+//     }
+// }
+// let interval = 1;
+// const testVec = new Vector3D(0, 0, 1);
+// testVec.setFromLongLat(30 * RADIANS, 30 * RADIANS);
+// console.log("testVec", testVec.x, testVec.y, testVec.z);
+// testVec.setFromLongLat(50 * RADIANS, 50 * RADIANS);
+// console.log("testVec", testVec.x, testVec.y, testVec.z);
+// export class NaiveLineOnTerrainPlugin {
+//     public id: string;
+//     private program: ProgramInterface;
+//     private _bufferManagersCompMap: BufferManagement;
+//     private _bufferManagersCompMapTest: BufferManagement;
+//     private _bufferOrchestrator: BufferOrchestrator = new BufferOrchestrator({ capacity: INITAL_CAPACITY });
+//     private _testOrchestrator: BufferOrchestrator = new BufferOrchestrator({ capacity: INITAL_CAPACITY });
+//     private _opacity: number = 1;
+//     private _arcUBOHandler: UBOHandler;
+//     private _vao: WebGLVertexArrayObject;
+//     private _vaoAllTest: WebGLVertexArrayObject;
+//     private _ubohandlerAllTest: UBOHandler;
+//     private globe: any;
+//     private gl: WebGL2RenderingContext;
+//     private _arcMap: Map<string, Arc>;
+//     private _arcMapTest: Map<string, Arc>;
+//     private _screenPlane: Plane = new Plane();
+//     private _doBuild: boolean = false
+//     private _cameraUniformBlock: CameraUniformBlockTotem;
+//     public fieldOfView = 50 * RADIANS; // 50 degrees in radians
+//     constructor(id: string) {
+//         this.id = id;
+//         this._arcMap = new Map();
+//         this._arcMapTest = new Map();
+//     }
+//     insertArcFromLongLat(key: string, startPoint: { long: number, lat: number }, endPoint: { long: number, lat: number }) {
+//         if (this._arcMap.has(key)) {
+//             this._arcMap.delete(key);
+//         }
+//         const start = _0vector.setFromLongLat(startPoint.long * RADIANS, startPoint.lat * RADIANS).clone();
+//         const end = _0vector.setFromLongLat(endPoint.long * RADIANS, endPoint.lat * RADIANS).clone();
+//         window.startPoint = start;
+//         window.endPoint = end;
+//         const arc = new Arc(start, end);
+//         this._arcMap.set(key, arc);
+//         this._arcMapTest.set(key, arc.clone());
+//         const longLatArr = new Float32Array(2 * VERTEX_COUNT);
+//         const _3Dpoints = arc.populatePoints3D(VERTEX_COUNT);
+//         const longLat = {
+//             long: 1,
+//             lat: 1
+//         };
+//         for (let i = 0; i < _3Dpoints.length / 3; i++) {
+//             _0vector.set(_3Dpoints[i * 3], _3Dpoints[i * 3 + 1], _3Dpoints[i * 3 + 2]).toLongLat(longLat);
+//             longLatArr.set([longLat.long / RADIANS, longLat.lat / RADIANS], i * 2);
+//         }
+//         const result = [{
+//             key: key,
+//             longLatArr: longLatArr,
+//         }
+//         ]
+//         this._testOrchestrator.insertBulk(result, this._bufferManagersCompMapTest);
+//         this._doBuild = true;
+//     }
+//     init(globe: any, gl: WebGL2RenderingContext) {
+//         this.globe = globe;
+//         this.gl = gl;
+//         this.program = LineStripProgramCache.get(globe);
+//         const g3D = globe3Dcoordinates(globe, 30);
+//         const g2D = globe2Dcoordinates(globe);
+//         this._cameraUniformBlock = CameraUniformBlockTotemCache.get(globe);
+//         this._bufferManagersCompMap = new Map(
+//             [
+//                 ["position3d", {
+//                     bufferManager: new BufferManager(gl, 3 * (VERTEX_COUNT + 1), { bufferType: "DYNAMIC_DRAW", initialCapacity: INITAL_CAPACITY }),
+//                     adaptor: (item: any) => {
+//                         const { longLatArr } = item;
+//                         const result = g3D(longLatArr, { paddingCount: 1 });
+//                         // console.log("result", result);
+//                         return result;
+//                     }
+//                 }],
+//                 ["position2d", {
+//                     bufferManager: new BufferManager(gl, 2 * (VERTEX_COUNT + 1), { bufferType: "DYNAMIC_DRAW", initialCapacity: INITAL_CAPACITY }),
+//                     adaptor: (item: any) => {
+//                         const { longLatArr } = item;
+//                         return g2D(longLatArr, { paddingCount: 1 });
+//                     }
+//                 }
+//                 ],
+//             ]
+//         );
+//         this._bufferManagersCompMapTest = new Map([
+//             ["positionTest3d", {
+//                 bufferManager: new BufferManager(gl, 3 * (VERTEX_COUNT + 1), { bufferType: "DYNAMIC_DRAW", initialCapacity: INITAL_CAPACITY }),
+//                 adaptor: (item: any) => {
+//                     const { longLatArr } = item;
+//                     const result = g3D(longLatArr, { paddingCount: 1 });
+//                     return result;
+//                 }
+//             }],
+//             ["positionTest2d", {
+//                 bufferManager: new BufferManager(gl, 2 * (VERTEX_COUNT + 1), { bufferType: "DYNAMIC_DRAW", initialCapacity: INITAL_CAPACITY }),
+//                 adaptor: (item: any) => {
+//                     const { longLatArr } = item;
+//                     return g2D(longLatArr, { paddingCount: 1 });
+//                 }
+//             }
+//             ]
+//         ]
+//         );
+//         this._bufferOrchestrator = new BufferOrchestrator(gl, this._bufferManagersCompMap);
+//         this._arcUBOHandler = this.program.createUBO();
+//         this._arcUBOHandler.update(new Map([
+//             ["u_color", new Float32Array([1, 0, 0, 1])],
+//         ]));
+//         this._ubohandlerAllTest = this.program.createUBO();
+//         this._ubohandlerAllTest.update(new Map([
+//             ["u_color", new Float32Array([0, 0, 1, 1])],
+//         ]));
+//         this._vao = this.program.createVAO(
+//             createBufferAndReadInfo(this._bufferManagersCompMap.get("position3d").bufferManager.buffer),
+//             createBufferAndReadInfo(this._bufferManagersCompMap.get("position2d").bufferManager.buffer),
+//             null,
+//             null,
+//             null,
+//         );
+//         this._vaoAllTest = this.program.createVAO(
+//             createBufferAndReadInfo(this._bufferManagersCompMapTest.get("positionTest3d").bufferManager.buffer),
+//             createBufferAndReadInfo(this._bufferManagersCompMapTest.get("positionTest2d").bufferManager.buffer),
+//             null,
+//             null,
+//             null,
+//         );
+//     }
+//     setFieldOfView(fieldOfView: number) {
+//         this.fieldOfView = fieldOfView * RADIANS; // convert degrees to radians
+//         this.globe.DrawRender();
+//     }
+//     _buildArcs() {
+//         // updatePlane
+//         const { globe, _arcMap } = this;
+//         const planes = this._cameraUniformBlock.getFrustumPlanes() as FrustumPlanes;
+// //
+//         const cameraPostition = new Vector3D();
+//         cameraPostition.copy(globe.Fp as Vector3D).normalize();
+//         // calculateHorizonPlane(globe, _screenPlane, this.fieldOfView);
+//         const result = [];
+//         const longLat = {
+//             long: 1,
+//             lat: 1
+//         }
+//         let counter = 0;
+//         for (const [key, arc] of _arcMap) {
+//             // const isArc = arc.intersectionMedium(_screenPlane, _0arc) as Arc;
+//             _0arc.copy(arc);
+//             const isArc = arcFrustumPlanesIntersection(_0arc, planes, _0arc);
+//             if (!isArc) {
+//                 continue;
+//             }
+//             counter++;
+//             const longLatArr = new Float32Array(2 * VERTEX_COUNT);
+//             // const _3Dpoints = _0arc.populatePoints3DInRespectToCamera(cameraPostition, VERTEX_COUNT);
+//             const _3Dpoints = _0arc.populatePoints3D(VERTEX_COUNT);
+//             for (let i = 0; i < _3Dpoints.length / 3; i++) {
+//                 _0vector.set(_3Dpoints[i * 3], _3Dpoints[i * 3 + 1], _3Dpoints[i * 3 + 2]).toLongLat(longLat);
+//                 longLatArr.set([longLat.long / RADIANS, longLat.lat / RADIANS], i * 2);
+//             }
+//             result.push({
+//                 key: key,
+//                 longLatArr: longLatArr,
+//             });
+//             // if (!arc.imaginaryPlane.equals(_0arc.imaginaryPlane) || !arc.imaginaryPlane.equalsReverseOriantation(_0arc.imaginaryPlane)) {
+//             //     // console.log("Arc with key", key, "has imaginary plane equal to the original arc's imaginary plane.");
+//             //     throw new Error("The arc segment is not on the parent arc")
+//             // }
+//         }
+//         interval += 1;
+//         if (interval === 100) {
+//             interval = 1;
+//             console.log("Arc count on screen:", counter);
+//         }
+//         // update buffer
+//         this._bufferOrchestrator.resetWithCapacity(this._bufferManagersCompMap, result.length);
+//         this._bufferOrchestrator.insertBulk(result, this._bufferManagersCompMap);
+//         this._doBuild = false;
+//         this._checkIfCorrupted(); // check if any arc is corrupted
+//     }
+//     draw3D() {
+//         // Drawing logic here
+//         this._buildArcs() // can be async
+//         const { gl, program, _bufferOrchestrator } = this;
+//         gl.disable(gl.DEPTH_TEST);
+//         const drawOptionTest = {
+//             drawRange: {
+//                 first: 0,
+//                 count: this._testOrchestrator.length * (VERTEX_COUNT + 1)
+//             },
+//             indexes: null
+//         }
+//         program.draw(
+//             this._vaoAllTest,
+//             drawOptionTest,
+//             this._opacity,
+//             this._ubohandlerAllTest
+//         );
+//         const drawOptions = {
+//             drawRange: {
+//                 first: 0,
+//                 count: _bufferOrchestrator.length * (VERTEX_COUNT + 1)
+//             },
+//             indexes: null
+//         }
+//         program.draw(
+//             this._vao,
+//             drawOptions,
+//             this._opacity,
+//             this._arcUBOHandler
+//         );
+//         gl.enable(gl.DEPTH_TEST);
+//     }
+//     _checkIfCorrupted() {
+//         for (const [key, arc] of this._arcMap) {
+//             if (!arc.p0.equals(arc.p1)) {
+//                 continue; // valid arc
+//             }
+//             console.warn(`Arc with key ${key} is corrupted: p0 and p1 are the same point.`);
+//             // this._arcMap.delete(key);
+//             // this._arcMapTest.delete(key);
+//         }
+//     }
+// }