@pirireis/webglobeplugins 0.17.0 → 1.0.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (274) hide show
  1. package/Math/{angle-calculation.js → angle-calculation.ts} +18 -14
  2. package/Math/{arc-cdf-points.js → arc-cdf-points.ts} +329 -272
  3. package/Math/{arc-generate-points-exponantial.js → arc-generate-points-exponantial.ts} +299 -254
  4. package/Math/{arc.js → arc.ts} +421 -292
  5. package/Math/bounds/line-bbox.js +225 -186
  6. package/Math/{circle-cdf-points.js → circle-cdf-points.ts} +143 -78
  7. package/Math/{circle.js → circle.ts} +49 -33
  8. package/Math/{constants.js → constants.ts} +12 -4
  9. package/Math/contour/{quadtreecontours.js → quadtreecontours.ts} +371 -300
  10. package/Math/contour/quadtreecontours1.js +336 -298
  11. package/Math/{finite-line-2d.js → finite-line-2d.ts} +68 -58
  12. package/Math/haversine.ts +33 -0
  13. package/Math/index.js +0 -1
  14. package/Math/juction/{arc-plane.js → arc-plane.ts} +203 -143
  15. package/Math/juction/{line-sphere.js → line-sphere.ts} +32 -22
  16. package/Math/juction/{plane-plane.js → plane-plane.ts} +62 -53
  17. package/Math/{line.js → line.ts} +84 -52
  18. package/Math/matrix4.ts +0 -0
  19. package/Math/mesh/mapbox-delaunay.d.ts +74 -0
  20. package/Math/{methods.js → methods.ts} +182 -107
  21. package/Math/{plane.js → plane.ts} +92 -56
  22. package/Math/{quaternion.js → quaternion.ts} +128 -106
  23. package/Math/roadmap.md +10 -0
  24. package/Math/templete-shapes/{grid-visually-equal.js → grid-visually-equal.ts} +118 -65
  25. package/Math/tessellation/constants.ts +1 -0
  26. package/Math/tessellation/methods.ts +79 -0
  27. package/Math/tessellation/nearest-value-padding.ts +147 -0
  28. package/Math/tessellation/roadmap.md +48 -0
  29. package/Math/tessellation/spherical-triangle-area.ts +127 -0
  30. package/Math/tessellation/tile-merger.ts +578 -0
  31. package/Math/tessellation/triangle-tessellation.ts +533 -0
  32. package/Math/tessellation/types.ts +1 -0
  33. package/Math/types.ts +68 -0
  34. package/Math/utils.js +3 -2
  35. package/Math/{vec3.js → vec3.ts} +227 -151
  36. package/Math/xyz-tile.ts +26 -0
  37. package/algorithms/search-binary.js +14 -16
  38. package/altitude-locator/adaptors.js +0 -1
  39. package/altitude-locator/keymethod.js +0 -1
  40. package/altitude-locator/plugin.js +445 -345
  41. package/altitude-locator/types.js +26 -21
  42. package/compass-rose/compass-rose-padding-flat.js +274 -230
  43. package/compass-rose/{compass-text-writer.js → compass-text-writer.ts} +210 -155
  44. package/compass-rose/index.js +3 -3
  45. package/{constants.js → constants.ts} +8 -6
  46. package/heatwave/datamanager.js +168 -149
  47. package/heatwave/heatwave.js +261 -206
  48. package/heatwave/index.js +5 -5
  49. package/heatwave/isobar.js +340 -303
  50. package/heatwave/{texture-point-sampler.js → texture-point-sampler.ts} +220 -187
  51. package/investigation-tools/draw/tiles/adapters.ts +133 -0
  52. package/investigation-tools/draw/tiles/tiles.ts +162 -0
  53. package/jest.config.js +6 -7
  54. package/package.json +1 -1
  55. package/pin/pin-object-array1.js +381 -300
  56. package/pin/pin-point-totem1.js +77 -60
  57. package/programs/arrowfield/arrow-field.js +89 -60
  58. package/programs/arrowfield/logic.js +173 -141
  59. package/programs/data2legend/density-to-legend.js +86 -68
  60. package/programs/data2legend/point-to-density-texture.js +84 -67
  61. package/programs/float2legendwithratio/index.js +3 -2
  62. package/programs/float2legendwithratio/logic.js +144 -118
  63. package/programs/float2legendwithratio/object.js +141 -104
  64. package/programs/helpers/blender.js +73 -58
  65. package/programs/helpers/{fadeaway.js → fadeaway.ts} +73 -55
  66. package/programs/index.js +19 -20
  67. package/programs/line-on-globe/circle-accurate-3d.js +112 -85
  68. package/programs/line-on-globe/circle-accurate-flat.js +200 -148
  69. package/programs/line-on-globe/degree-padding-around-circle-3d.js +134 -102
  70. package/programs/line-on-globe/index.js +0 -1
  71. package/programs/line-on-globe/lines-color-instanced-flat.js +99 -80
  72. package/programs/line-on-globe/linestrip/data.ts +29 -0
  73. package/programs/line-on-globe/linestrip/{linestrip.js → linestrip.ts} +152 -93
  74. package/programs/line-on-globe/{naive-accurate-flexible.js → naive-accurate-flexible.ts} +175 -126
  75. package/programs/line-on-globe/util.js +8 -5
  76. package/programs/picking/pickable-polygon-renderer.js +129 -98
  77. package/programs/picking/pickable-renderer.js +130 -98
  78. package/programs/point-on-globe/element-globe-surface-glow.js +122 -93
  79. package/programs/point-on-globe/element-point-glow.js +114 -80
  80. package/programs/point-on-globe/square-pixel-point.js +139 -120
  81. package/programs/polygon-on-globe/roadmap.md +8 -0
  82. package/programs/polygon-on-globe/texture-dem-triangles.ts +290 -0
  83. package/programs/{programcache.js → programcache.ts} +134 -126
  84. package/programs/rings/index.js +1 -1
  85. package/programs/rings/partial-ring/{piece-of-pie.js → piece-of-pie.ts} +222 -152
  86. package/programs/totems/camera-totem-attactment-interface.ts +4 -0
  87. package/programs/totems/{camerauniformblock.js → camerauniformblock.ts} +326 -230
  88. package/programs/totems/{canvas-webglobe-info.js → canvas-webglobe-info.ts} +147 -132
  89. package/programs/totems/dem-textures-manager.ts +368 -0
  90. package/programs/totems/{globe-changes.js → globe-changes.ts} +79 -59
  91. package/programs/totems/gpu-selection-uniform-block.js +127 -99
  92. package/programs/totems/{index.js → index.ts} +2 -2
  93. package/programs/two-d/pixel-padding-for-compass.js +101 -87
  94. package/programs/util.js +19 -14
  95. package/programs/vectorfields/logics/{constants.js → constants.ts} +5 -4
  96. package/programs/vectorfields/logics/drawrectangleparticles.ts +182 -0
  97. package/programs/vectorfields/logics/index.js +4 -2
  98. package/programs/vectorfields/logics/particle-ubo.ts +23 -0
  99. package/programs/vectorfields/logics/{pixelbased.js → pixelbased.ts} +119 -84
  100. package/programs/vectorfields/logics/ubo.js +57 -51
  101. package/programs/vectorfields/{pingpongbuffermanager.js → pingpongbuffermanager.ts} +113 -73
  102. package/publish.bat +62 -0
  103. package/range-tools-on-terrain/bearing-line/{adapters.js → adapters.ts} +154 -114
  104. package/range-tools-on-terrain/bearing-line/{plugin.js → plugin.ts} +569 -457
  105. package/range-tools-on-terrain/bearing-line/types.ts +65 -0
  106. package/range-tools-on-terrain/circle-line-chain/{adapters.js → adapters.ts} +104 -85
  107. package/range-tools-on-terrain/circle-line-chain/{chain-list-map.js → chain-list-map.ts} +446 -382
  108. package/range-tools-on-terrain/circle-line-chain/{plugin.js → plugin.ts} +607 -464
  109. package/range-tools-on-terrain/circle-line-chain/types.ts +43 -0
  110. package/range-tools-on-terrain/range-ring/{adapters.js → adapters.ts} +114 -93
  111. package/range-tools-on-terrain/range-ring/{enum.js → enum.ts} +2 -2
  112. package/range-tools-on-terrain/range-ring/{plugin.js → plugin.ts} +444 -377
  113. package/range-tools-on-terrain/range-ring/rangeringangletext.ts +396 -0
  114. package/range-tools-on-terrain/range-ring/types.ts +30 -0
  115. package/semiplugins/interface.ts +14 -0
  116. package/semiplugins/lightweight/{line-plugin.js → line-plugin.ts} +342 -221
  117. package/semiplugins/lightweight/{piece-of-pie-plugin.js → piece-of-pie-plugin.ts} +275 -200
  118. package/semiplugins/shape-on-terrain/{arc-plugin.js → arc-plugin.ts} +616 -472
  119. package/semiplugins/shape-on-terrain/{circle-plugin.js → circle-plugin.ts} +588 -444
  120. package/semiplugins/shape-on-terrain/goal.md +12 -0
  121. package/semiplugins/shape-on-terrain/{padding-1-degree.js → padding-1-degree.ts} +713 -539
  122. package/semiplugins/shape-on-terrain/terrain-polygon/adapters.ts +69 -0
  123. package/semiplugins/shape-on-terrain/terrain-polygon/data/cache-shortcuts.md +20 -0
  124. package/semiplugins/shape-on-terrain/terrain-polygon/data/cache.ts +149 -0
  125. package/semiplugins/shape-on-terrain/terrain-polygon/data/index-polygon-map.ts +58 -0
  126. package/semiplugins/shape-on-terrain/terrain-polygon/data/manager.ts +4 -0
  127. package/semiplugins/shape-on-terrain/terrain-polygon/data/master-worker.js +196 -0
  128. package/semiplugins/shape-on-terrain/terrain-polygon/data/master-worker.ts +209 -0
  129. package/semiplugins/shape-on-terrain/terrain-polygon/data/polygon-to-triangles.ts +144 -0
  130. package/semiplugins/shape-on-terrain/terrain-polygon/data/random.ts +165 -0
  131. package/semiplugins/shape-on-terrain/terrain-polygon/data/readme.md +5 -0
  132. package/semiplugins/shape-on-terrain/terrain-polygon/data/types.ts +37 -0
  133. package/semiplugins/shape-on-terrain/terrain-polygon/data/worker-contact.ts +81 -0
  134. package/semiplugins/shape-on-terrain/terrain-polygon/data/worker.js +146 -0
  135. package/semiplugins/shape-on-terrain/terrain-polygon/notes.md +90 -0
  136. package/semiplugins/shape-on-terrain/terrain-polygon/terrain-polygon.ts +265 -0
  137. package/semiplugins/shape-on-terrain/terrain-polygon/types.ts +69 -0
  138. package/semiplugins/shell/bbox-renderer/index.ts +2 -0
  139. package/semiplugins/shell/bbox-renderer/{logic.js → logic.ts} +273 -249
  140. package/semiplugins/shell/bbox-renderer/object.ts +129 -0
  141. package/semiplugins/type.ts +8 -0
  142. package/semiplugins/utility/{container-plugin.js → container-plugin.ts} +126 -94
  143. package/semiplugins/utility/{object-pass-container-plugin.js → object-pass-container-plugin.ts} +101 -80
  144. package/shaders/fragment-toy/firework.js +1 -1
  145. package/shaders/fragment-toy/singularity.js +5 -2
  146. package/terrain-plugin.mmd +83 -0
  147. package/tests/Math/arc-sampling-test.js +367 -0
  148. package/tests/Math/arc-sampling-test.ts +429 -0
  149. package/tests/Math/arc.test.ts +77 -0
  150. package/tests/Math/junction/arc-limit.test.ts +7 -0
  151. package/tests/Math/junction/arc-plane-points.test.ts +196 -0
  152. package/tests/Math/junction/arc-plane.test.ts +172 -0
  153. package/tests/Math/junction/line-sphere.test.ts +127 -0
  154. package/tests/Math/junction/plane-plane.test.ts +91 -0
  155. package/tests/Math/plane-test.ts +17 -0
  156. package/tests/Math/plane.test.ts +43 -0
  157. package/tests/Math/vec3.test.ts +33 -0
  158. package/tracks/point-heat-map/adaptors/timetracksplugin-format-to-this.js +78 -63
  159. package/tracks/point-heat-map/index.js +0 -1
  160. package/tracks/point-heat-map/plugin-webworker.js +148 -121
  161. package/tracks/point-heat-map/point-to-heat-map-flow.js +150 -121
  162. package/tracks/point-heat-map/readme.md +15 -0
  163. package/tracks/point-tracks/key-methods.js +3 -2
  164. package/tracks/point-tracks/plugin.js +487 -393
  165. package/tracks/timetracks/adaptors-line-strip.js +79 -65
  166. package/tracks/timetracks/plugin-line-strip.js +295 -240
  167. package/tracks/timetracks/program-line-strip.js +495 -411
  168. package/tracks/timetracks/programpoint-line-strip.js +137 -109
  169. package/tracks/timetracks/readme.md +1 -0
  170. package/tsconfig.json +22 -0
  171. package/types/@pirireis/webglobe.d.ts +102 -0
  172. package/types/delaunator.d.ts +40 -0
  173. package/types/earcut.d.ts +11 -0
  174. package/types/rbush.d.ts +57 -0
  175. package/types.ts +319 -0
  176. package/util/account/bufferoffsetmanager.js +209 -176
  177. package/util/account/create-buffermap-orchastration.ts +85 -0
  178. package/util/account/index.js +6 -3
  179. package/util/account/single-attribute-buffer-management/{buffer-manager.js → buffer-manager.ts} +151 -117
  180. package/util/account/single-attribute-buffer-management/{buffer-orchestrator.js → buffer-orchestrator.ts} +238 -212
  181. package/util/account/single-attribute-buffer-management/{buffer-orchestrator1.js → buffer-orchestrator1.ts} +184 -159
  182. package/util/account/single-attribute-buffer-management/{index.js → index.ts} +11 -4
  183. package/util/account/single-attribute-buffer-management/{object-store.js → object-store.ts} +76 -55
  184. package/util/account/single-attribute-buffer-management/types.ts +43 -0
  185. package/util/account/util.js +22 -18
  186. package/util/algorithms/index.js +0 -1
  187. package/util/algorithms/search-binary.js +26 -25
  188. package/util/build-strategy/{static-dynamic.js → static-dynamic.ts} +50 -41
  189. package/util/check/index.js +0 -1
  190. package/util/check/typecheck.ts +74 -0
  191. package/util/{frame-counter-trigger.js → frame-counter-trigger.ts} +99 -84
  192. package/util/geometry/{index.js → index.ts} +155 -121
  193. package/util/gl-util/buffer/{attribute-loader.js → attribute-loader.ts} +84 -62
  194. package/util/gl-util/buffer/{index.js → index.ts} +6 -3
  195. package/util/gl-util/draw-options/{methods.js → methods.ts} +47 -32
  196. package/util/gl-util/uniform-block/{manager.js → manager.ts} +232 -190
  197. package/util/{webglobe/gldefaultstates.js → globe-default-gl-states.ts} +5 -4
  198. package/util/helper-methods.ts +9 -0
  199. package/util/index.js +9 -10
  200. package/util/interpolation/index.js +0 -1
  201. package/util/interpolation/timetrack/index.js +9 -2
  202. package/util/interpolation/timetrack/timetrack-interpolator.js +94 -79
  203. package/util/interpolation/timetrack/web-worker.js +51 -46
  204. package/util/picking/{fence.js → fence.ts} +47 -41
  205. package/util/picking/picker-displayer.ts +226 -0
  206. package/util/programs/draw-from-pixel-coords.js +201 -164
  207. package/util/programs/{draw-texture-on-canvas.js → draw-texture-on-canvas.ts} +92 -67
  208. package/util/programs/supersampletotextures.js +130 -97
  209. package/util/programs/texturetoglobe.js +153 -128
  210. package/util/shaderfunctions/{geometrytransformations.js → geometrytransformations.ts} +169 -41
  211. package/util/shaderfunctions/index.js +2 -2
  212. package/util/shaderfunctions/nodata.js +4 -2
  213. package/util/shaderfunctions/noisefunctions.js +10 -7
  214. package/util/{webglobjectbuilders.js → webglobjectbuilders.ts} +446 -358
  215. package/vectorfield/arrowfield/adaptor.js +11 -11
  216. package/vectorfield/arrowfield/index.js +3 -3
  217. package/vectorfield/arrowfield/plugin.js +128 -83
  218. package/vectorfield/waveparticles/adaptor.js +16 -15
  219. package/vectorfield/waveparticles/index.js +3 -3
  220. package/vectorfield/waveparticles/plugin.ts +506 -0
  221. package/vectorfield/wind/adapters/image-to-fields.ts +74 -0
  222. package/vectorfield/wind/adapters/types.ts +12 -0
  223. package/vectorfield/wind/{imagetovectorfieldandmagnitude.js → imagetovectorfieldandmagnitude.ts} +78 -56
  224. package/vectorfield/wind/index.js +5 -5
  225. package/vectorfield/wind/plugin-persistant copy.ts +461 -0
  226. package/vectorfield/wind/plugin-persistant.ts +483 -0
  227. package/vectorfield/wind/plugin.js +883 -671
  228. package/vectorfield/wind/vectorfieldimage.js +27 -23
  229. package/write-text/{context-text-bulk.js → context-text-bulk.ts} +285 -200
  230. package/write-text/context-text3.ts +252 -0
  231. package/write-text/{context-text4.js → context-text4.ts} +231 -145
  232. package/write-text/context-textDELETE.js +125 -94
  233. package/write-text/objectarraylabels/{index.js → index.ts} +2 -2
  234. package/write-text/objectarraylabels/objectarraylabels.d.ts +72 -0
  235. package/write-text/objectarraylabels/objectarraylabels.js +247 -200
  236. package/Math/matrix4.js +0 -1
  237. package/Math/tessellation/earcut/adapters.js +0 -37
  238. package/Math/tessellation/hybrid-triangle-tessellation-meta.js +0 -123
  239. package/Math/tessellation/methods.js +0 -46
  240. package/Math/tessellation/shred-input.js +0 -18
  241. package/Math/tessellation/tile-merger.js +0 -56
  242. package/Math/tessellation/tiler.js +0 -50
  243. package/Math/tessellation/triangle-tessellation-meta.js +0 -516
  244. package/Math/tessellation/triangle-tessellation.js +0 -14
  245. package/Math/tessellation/types.js +0 -1
  246. package/Math/tessellation/zoom-catch.js +0 -1
  247. package/Math/types.js +0 -1
  248. package/programs/line-on-globe/linestrip/data.js +0 -4
  249. package/programs/polygon-on-globe/partial-tesselation.js +0 -1
  250. package/programs/polygon-on-globe/texture-dem-triangle-test-plugin-triangle.js +0 -204
  251. package/programs/polygon-on-globe/texture-dem-triangle-test-plugin.js +0 -118
  252. package/programs/polygon-on-globe/texture-dem-triangles.js +0 -236
  253. package/programs/vectorfields/logics/drawrectangleparticles.js +0 -112
  254. package/programs/vectorfields/logics/ubo-new.js +0 -25
  255. package/range-tools-on-terrain/bearing-line/types.js +0 -1
  256. package/range-tools-on-terrain/circle-line-chain/types.js +0 -1
  257. package/range-tools-on-terrain/range-ring/rangeringangletext.js +0 -331
  258. package/range-tools-on-terrain/range-ring/types.js +0 -9
  259. package/semiplugins/interface.js +0 -1
  260. package/semiplugins/shape-on-terrain/terrain-cover/texture-dem-cover.js +0 -1
  261. package/semiplugins/shell/bbox-renderer/index.js +0 -2
  262. package/semiplugins/shell/bbox-renderer/object.js +0 -65
  263. package/semiplugins/type.js +0 -1
  264. package/types.js +0 -19
  265. package/util/account/create-buffermap-orchastration.js +0 -39
  266. package/util/account/single-attribute-buffer-management/types.js +0 -1
  267. package/util/check/typecheck.js +0 -66
  268. package/util/gl-util/uniform-block/types.js +0 -1
  269. package/util/picking/picker-displayer.js +0 -134
  270. package/util/webglobe/index.js +0 -2
  271. package/util/webglobe/rasteroverlay.js +0 -76
  272. package/vectorfield/waveparticles/plugin.js +0 -290
  273. package/write-text/attached-text-writer.js +0 -95
  274. package/write-text/context-text3.js +0 -167
@@ -1,19 +1,26 @@
1
- import { createProgram } from "../../util/webglobjectbuilders";
2
- import { CameraUniformBlockString, CameraUniformBlockTotemCache } from "../totems/camerauniformblock";
3
- import { noRegisterGlobeProgramCache } from "../programcache";
4
- // import { vaoAttributeLoader } from "../../util/account/util";
5
- import { attributeLoader } from "../../util/gl-util/buffer/attribute-loader";
6
- import { cartesian3DToGLPosition, circleOnSphere, POLE, PI } from "../../util/shaderfunctions/geometrytransformations";
7
- /**
8
- * TODO:
9
- * 1. integrate geometry functions for radius angle and center
10
- * 2. integrate attributes
11
- *
12
- * TODO:
13
- * center_position is too small or doenst loaded as expected.
14
- */
15
- const EDGE_COUNT_ON_SPHERE = 360;
16
- //${circleLimpFromLongLatRadCenterCartesian3D_accurate}
1
+ import { createProgram } from "../../util/webglobjectbuilders";
2
+ import { CameraUniformBlockString, CameraUniformBlockTotemCache } from "../totems/camerauniformblock";
3
+ import { noRegisterGlobeProgramCache } from "../programcache";
4
+ // import { vaoAttributeLoader } from "../../util/account/util";
5
+ import { attributeLoader } from "../../util/gl-util/buffer/attribute-loader";
6
+ import {
7
+ cartesian3DToGLPosition,
8
+ circleOnSphere,
9
+ POLE,
10
+ PI
11
+ } from "../../util/shaderfunctions/geometrytransformations";
12
+
13
+
14
+ /**
15
+ * TODO:
16
+ * 1. integrate geometry functions for radius angle and center
17
+ * 2. integrate attributes
18
+ *
19
+ * TODO:
20
+ * center_position is too small or doenst loaded as expected.
21
+ */
22
+ const EDGE_COUNT_ON_SPHERE = 360;
23
+ //${circleLimpFromLongLatRadCenterCartesian3D_accurate}
17
24
  const vertexShaderSource = `#version 300 es
18
25
  precision highp float;
19
26
  ${PI}
@@ -47,7 +54,8 @@ void main() {
47
54
  v_dash_opacity = dash_opacity;
48
55
  v_color = color;
49
56
  gl_PointSize = 3.0;
50
- }`;
57
+ }`
58
+
51
59
  const fragmentShaderSource = `#version 300 es
52
60
  ${POLE}
53
61
  precision highp float;
@@ -66,71 +74,90 @@ void main() {
66
74
  color.a *= v_dash_opacity;
67
75
  }
68
76
  }
69
- `;
70
- class Logic {
71
- constructor(globe) {
72
- this.globe = globe;
73
- this.gl = globe.gl;
74
- this._lastOpacity = 1.0;
75
- this.program = createProgram(this.gl, vertexShaderSource, fragmentShaderSource);
76
- const { gl, program } = this;
77
- this.program.uniforms = {
78
- opacity: gl.getUniformLocation(program, "opacity")
79
- };
80
- // initial uniform values
81
- const currentProgram = gl.getParameter(gl.CURRENT_PROGRAM);
82
- gl.useProgram(program);
83
- gl.uniform1f(program.uniforms.opacity, 1.0);
84
- gl.useProgram(currentProgram);
85
- // assign attribute locations
86
- gl.bindAttribLocation(program, 0, "center_position3d");
87
- gl.bindAttribLocation(program, 1, "target_position3d");
88
- gl.bindAttribLocation(program, 2, "color");
89
- gl.bindAttribLocation(program, 3, "dash_ratio");
90
- gl.bindAttribLocation(program, 4, "dash_opacity");
91
- this.cameraBindingPoint = 0;
92
- this.cameraBlockTotem = CameraUniformBlockTotemCache.get(globe);
93
- const cameraBlockLocation = gl.getUniformBlockIndex(program, "CameraUniformBlock");
94
- gl.uniformBlockBinding(program, cameraBlockLocation, this.cameraBindingPoint);
95
- }
96
- createVAO(center3dObj, target3dObj, colorObj, dashRatioObj, dashOpacityObj) {
97
- const { gl } = this;
98
- const vao = gl.createVertexArray();
99
- const divisor = 1;
100
- gl.bindVertexArray(vao);
101
- attributeLoader(gl, center3dObj, 0, 3, { divisor });
102
- attributeLoader(gl, target3dObj, 1, 3, { divisor });
103
- // attributeLoader(gl, radiusObj, 1, 1, { divisor });
104
- attributeLoader(gl, colorObj, 2, 4, { divisor });
105
- attributeLoader(gl, dashRatioObj, 3, 1, { divisor });
106
- attributeLoader(gl, dashOpacityObj, 4, 1, { divisor });
107
- gl.bindVertexArray(null);
108
- gl.bindVertexArray(null);
109
- return vao;
110
- }
111
- draw(vao, length, opacity) {
112
- const { gl, program, cameraBlockTotem, cameraBindingPoint } = this;
113
- gl.useProgram(program);
114
- if (this._lastOpacity !== opacity) {
115
- gl.uniform1f(program.uniforms.opacity, opacity);
116
- this._lastOpacity = opacity;
117
- }
118
- gl.bindVertexArray(vao);
119
- cameraBlockTotem.bind(cameraBindingPoint);
120
- gl.drawArraysInstanced(gl.LINE_STRIP, 0, EDGE_COUNT_ON_SPHERE + 1, length);
121
- // gl.drawArraysInstanced(gl.POINTS, 0, EDGE_COUNT_ON_SPHERE + 1, length);
122
- cameraBlockTotem.unbind(cameraBindingPoint);
123
- gl.bindVertexArray(null);
124
- }
125
- free() {
126
- if (this.isFreed)
127
- return;
128
- CameraUniformBlockTotemCache.release(this.globe);
129
- this.gl.deleteProgram(this.program);
130
- this.isFreed = true;
131
- }
132
- }
133
- export const CircleCache = Object.freeze({
134
- get: (globe) => noRegisterGlobeProgramCache.getProgram(globe, Logic),
135
- release: (globe) => noRegisterGlobeProgramCache.releaseProgram(globe, Logic)
136
- });
77
+ `;
78
+
79
+
80
+
81
+ class Logic {
82
+
83
+ constructor(globe) {
84
+ this.globe = globe;
85
+ this.gl = globe.gl;
86
+ this._lastOpacity = 1.0;
87
+
88
+ this.program = createProgram(this.gl, vertexShaderSource, fragmentShaderSource);
89
+
90
+ const { gl, program } = this;
91
+ this.program.uniforms = {
92
+ opacity: gl.getUniformLocation(program, "opacity")
93
+ };
94
+
95
+ // initial uniform values
96
+ const currentProgram = gl.getParameter(gl.CURRENT_PROGRAM);
97
+ gl.useProgram(program);
98
+ gl.uniform1f(program.uniforms.opacity, 1.0);
99
+ gl.useProgram(currentProgram);
100
+
101
+ // assign attribute locations
102
+ gl.bindAttribLocation(program, 0, "center_position3d");
103
+ gl.bindAttribLocation(program, 1, "target_position3d");
104
+ gl.bindAttribLocation(program, 2, "color");
105
+ gl.bindAttribLocation(program, 3, "dash_ratio");
106
+ gl.bindAttribLocation(program, 4, "dash_opacity");
107
+
108
+ this.cameraBindingPoint = 0;
109
+ this.cameraBlockTotem = CameraUniformBlockTotemCache.get(globe);
110
+ const cameraBlockLocation = gl.getUniformBlockIndex(program, "CameraUniformBlock");
111
+ gl.uniformBlockBinding(program, cameraBlockLocation, this.cameraBindingPoint);
112
+ }
113
+
114
+ createVAO(center3dObj, target3dObj, colorObj, dashRatioObj, dashOpacityObj) {
115
+ const { gl } = this;
116
+ const vao = gl.createVertexArray();
117
+ const divisor = 1;
118
+
119
+ gl.bindVertexArray(vao);
120
+
121
+ attributeLoader(gl, center3dObj, 0, 3, { divisor });
122
+ attributeLoader(gl, target3dObj, 1, 3, { divisor });
123
+ // attributeLoader(gl, radiusObj, 1, 1, { divisor });
124
+ attributeLoader(gl, colorObj, 2, 4, { divisor });
125
+ attributeLoader(gl, dashRatioObj, 3, 1, { divisor });
126
+ attributeLoader(gl, dashOpacityObj, 4, 1, { divisor });
127
+
128
+ gl.bindVertexArray(null);
129
+ gl.bindVertexArray(null);
130
+ return vao;
131
+ }
132
+
133
+ draw(vao, length, opacity) {
134
+ const { gl, program, cameraBlockTotem, cameraBindingPoint } = this;
135
+ gl.useProgram(program);
136
+
137
+ if (this._lastOpacity !== opacity) {
138
+ gl.uniform1f(program.uniforms.opacity, opacity);
139
+ this._lastOpacity = opacity;
140
+ }
141
+ gl.bindVertexArray(vao);
142
+ cameraBlockTotem.bind(cameraBindingPoint);
143
+ gl.drawArraysInstanced(gl.LINE_STRIP, 0, EDGE_COUNT_ON_SPHERE + 1, length);
144
+ // gl.drawArraysInstanced(gl.POINTS, 0, EDGE_COUNT_ON_SPHERE + 1, length);
145
+ cameraBlockTotem.unbind(cameraBindingPoint);
146
+ gl.bindVertexArray(null);
147
+ }
148
+
149
+
150
+ free() {
151
+ if (this.isFreed) return;
152
+ CameraUniformBlockTotemCache.release(this.globe);
153
+ this.gl.deleteProgram(this.program);
154
+ this.isFreed = true;
155
+ }
156
+ }
157
+
158
+
159
+
160
+ export const CircleCache = Object.freeze({
161
+ get: (globe) => noRegisterGlobeProgramCache.getProgram(globe, Logic),
162
+ release: (globe) => noRegisterGlobeProgramCache.releaseProgram(globe, Logic)
163
+ });
@@ -1,17 +1,22 @@
1
- import { createProgram } from "../../util/webglobjectbuilders";
2
- import { CameraUniformBlockString, CameraUniformBlockTotemCache } from "../totems/camerauniformblock";
3
- import { noRegisterGlobeProgramCache } from "../programcache";
4
- import { vaoAttributeLoader } from "../../util/account/util";
5
- import { mercatorXYToGLPosition, POLE } from "../../util/shaderfunctions/geometrytransformations";
6
- /**
7
- * Warning:
8
- * Insert the points from the second index and skip 1 point as you placed 361 points
9
- */
10
- /**
11
- * Plus 1 for returning to the start point. 1 for cutting the circle into pieces.
12
- */
13
- const EDGE_COUNT = 62;
14
- const ESCAPE_VALUE = 200000000;
1
+ import { createProgram } from "../../util/webglobjectbuilders";
2
+ import { CameraUniformBlockString, CameraUniformBlockTotemCache } from "../totems/camerauniformblock";
3
+ import { noRegisterGlobeProgramCache } from "../programcache";
4
+ import { vaoAttributeLoader } from "../../util/account/util";
5
+ import {
6
+ mercatorXYToGLPosition, POLE
7
+ } from "../../util/shaderfunctions/geometrytransformations";
8
+
9
+ /**
10
+ * Warning:
11
+ * Insert the points from the second index and skip 1 point as you placed 361 points
12
+ */
13
+
14
+ /**
15
+ * Plus 1 for returning to the start point. 1 for cutting the circle into pieces.
16
+ */
17
+ const EDGE_COUNT = 62;
18
+ const ESCAPE_VALUE = 200000000;
19
+
15
20
  const vertexShaderSource = `#version 300 es
16
21
  precision highp float;
17
22
 
@@ -51,7 +56,8 @@ void main() {
51
56
  v_color = color;
52
57
  gl_PointSize = 15.0;
53
58
 
54
- }`;
59
+ }`
60
+
55
61
  const fragmentShaderSource = `#version 300 es
56
62
  ${POLE}
57
63
  precision highp float;
@@ -74,136 +80,182 @@ void main() {
74
80
  if (fract(interpolation / (2.0 * v_dash_ratio)) < 0.5 ) {
75
81
  color.a *= v_dash_opacity;
76
82
  }
77
- }`;
78
- class Logic {
79
- constructor(globe) {
80
- this.globe = globe;
81
- this.gl = globe.gl;
82
- this._lastOpacity = 1.0;
83
- this._lastMercatorMode = 0;
84
- this._lastEdgeCount = EDGE_COUNT;
85
- this.program = createProgram(this.gl, vertexShaderSource, fragmentShaderSource);
86
- const { gl, program } = this;
87
- this.program.uniforms = {
88
- opacity: gl.getUniformLocation(program, "opacity"),
89
- edgeCount: gl.getUniformLocation(program, "edge_count"),
90
- mercator_calculation_mode: gl.getUniformLocation(program, "mercator_calculation_mode")
91
- };
92
- // initial uniform values
93
- const currentProgram = gl.getParameter(gl.CURRENT_PROGRAM);
94
- gl.useProgram(program);
95
- gl.uniform1f(program.uniforms.opacity, 1.0);
96
- gl.uniform1i(program.uniforms.edgeCount, EDGE_COUNT);
97
- gl.uniform1i(program.uniforms.mercator_calculation_mode, 0);
98
- gl.useProgram(currentProgram);
99
- // assign attribute locations
100
- gl.bindAttribLocation(program, 0, "position2d");
101
- gl.bindAttribLocation(program, 1, "color");
102
- gl.bindAttribLocation(program, 2, "dash_ratio");
103
- gl.bindAttribLocation(program, 3, "dash_opacity");
104
- this.cameraBindingPoint = 0;
105
- this.cameraBlockTotem = CameraUniformBlockTotemCache.get(globe);
106
- const cameraBlockLocation = gl.getUniformBlockIndex(program, "CameraUniformBlock");
107
- gl.uniformBlockBinding(program, cameraBlockLocation, this.cameraBindingPoint);
108
- }
109
- createVAO(centerObj, colorObj, dashRatioObj, dashOpacityObj) {
110
- const { gl } = this;
111
- const vao = gl.createVertexArray();
112
- gl.bindVertexArray(vao);
113
- { // make this a function end import from account module.
114
- const { buffer, stride = 0, offset = 0 } = centerObj;
115
- vaoAttributeLoader(gl, buffer, 0, 2, stride, offset, null);
116
- }
117
- {
118
- const { buffer, stride = 0, offset = 0 } = colorObj;
119
- vaoAttributeLoader(gl, buffer, 1, 4, stride, offset, null);
120
- }
121
- {
122
- const { buffer, stride = 0, offset = 0 } = dashRatioObj;
123
- vaoAttributeLoader(gl, buffer, 2, 1, stride, offset, null);
124
- }
125
- {
126
- const { buffer, stride = 0, offset = 0 } = dashOpacityObj;
127
- vaoAttributeLoader(gl, buffer, 3, 1, stride, offset, null);
128
- }
129
- gl.bindVertexArray(null);
130
- gl.bindVertexArray(null);
131
- return vao;
132
- }
133
- draw(vao, length, edgeCount, opacity) {
134
- const { gl, program, cameraBlockTotem, cameraBindingPoint } = this;
135
- gl.useProgram(program);
136
- if (this._lastOpacity !== opacity) {
137
- gl.uniform1f(program.uniforms.opacity, opacity);
138
- this._lastOpacity = opacity;
139
- }
140
- if (this._lastEdgeCount !== edgeCount) {
141
- gl.uniform1i(program.uniforms.edgeCount, edgeCount);
142
- this._lastEdgeCount = edgeCount;
143
- }
144
- gl.bindVertexArray(vao);
145
- cameraBlockTotem.bind(cameraBindingPoint);
146
- gl.drawArrays(gl.LINE_STRIP, 0, length * edgeCount);
147
- // gl.drawArrays(gl.POINTS, 0, length * EDGE_COUNT)
148
- cameraBlockTotem.unbind(cameraBindingPoint);
149
- gl.bindVertexArray(null);
150
- }
151
- free() {
152
- if (this.isFreed)
153
- return;
154
- CameraUniformBlockTotemCache.release(this.globe);
155
- this.gl.deleteProgram(this.program);
156
- this.isFreed = true;
157
- }
158
- }
159
- const CircleCache = Object.freeze({
160
- get: (globe) => noRegisterGlobeProgramCache.getProgram(globe, Logic),
161
- release: (globe) => noRegisterGlobeProgramCache.releaseProgram(globe, Logic)
162
- });
163
- function centerCoords2dflatDataCreator(globe, centerLong, centerLat, targetLong, targetLat, { startAngleOfCircle = null, edgeCount = EDGE_COUNT, radiusOffset = 0 } = {}) {
164
- const centerCoords2dflat = new Float32Array(edgeCount * 2);
165
- const radius2d = globe.Math.GetDist2D(centerLong, centerLat, targetLong, targetLat) + radiusOffset;
166
- let angle;
167
- if (startAngleOfCircle === null) {
168
- angle = globe.Math.GetAzimuthAngle(centerLong, centerLat, targetLong, targetLat);
169
- }
170
- else {
171
- angle = startAngleOfCircle;
172
- }
173
- const pointsLongLat = globe.Math.GetEllipseGeo(centerLong, centerLat, radius2d, radius2d, angle, 360 / (edgeCount - 2));
174
- let lastlg = pointsLongLat[0].long;
175
- let lastlt = pointsLongLat[0].lat;
176
- for (let i = 1; i < edgeCount; i++) {
177
- const { long: lg, lat: lt } = pointsLongLat[i - 1];
178
- if (manhattanDistance(lastlg, lastlt, lg, lt) < 170) {
179
- centerCoords2dflat.set(globe.api_GetMercator2DPoint(lg, lt), i * 2);
180
- }
181
- else {
182
- centerCoords2dflat.set([NaN, NaN], i * 2);
183
- }
184
- lastlg = lg;
185
- lastlt = lt;
186
- }
187
- return centerCoords2dflat;
188
- }
189
- function centerCoords2dflatDataCreatorWithRadius(globe, centerLong, centerLat, radius2d, { startAngleOfCircle = null, edgeCount = EDGE_COUNT } = {}) {
190
- const centerCoords2dflat = new Float32Array(edgeCount * 2);
191
- const pointsLongLat = globe.Math.GetEllipseGeo(centerLong, centerLat, radius2d, radius2d, 0, 360 / (edgeCount - 2));
192
- let { long: lastlg, lat: lastlt } = pointsLongLat[0];
193
- for (let i = 1; i < edgeCount; i++) {
194
- const { long: lg, lat: lt } = pointsLongLat[i - 1];
195
- if (manhattanDistance(lastlg, lastlt, lg, lt) < 170) {
196
- centerCoords2dflat.set(globe.api_GetMercator2DPoint(lg, lt), i * 2);
197
- }
198
- else {
199
- centerCoords2dflat.set([NaN, NaN], i * 2);
200
- }
201
- lastlg = lg;
202
- lastlt = lt;
203
- }
204
- return centerCoords2dflat;
205
- }
206
- function manhattanDistance(x1, y1, x2, y2) {
207
- return Math.max(Math.abs(x1 - x2), Math.abs(y1 - y2));
208
- }
209
- export { CircleCache, EDGE_COUNT, centerCoords2dflatDataCreator, centerCoords2dflatDataCreatorWithRadius };
83
+ }`;
84
+
85
+
86
+
87
+ class Logic {
88
+
89
+
90
+ constructor(globe) {
91
+ this.globe = globe;
92
+ this.gl = globe.gl;
93
+ this._lastOpacity = 1.0;
94
+ this._lastMercatorMode = 0;
95
+ this._lastEdgeCount = EDGE_COUNT;
96
+ this.program = createProgram(this.gl, vertexShaderSource, fragmentShaderSource);
97
+
98
+ const { gl, program } = this;
99
+ this.program.uniforms = {
100
+ opacity: gl.getUniformLocation(program, "opacity"),
101
+ edgeCount: gl.getUniformLocation(program, "edge_count"),
102
+ mercator_calculation_mode: gl.getUniformLocation(program, "mercator_calculation_mode")
103
+ };
104
+
105
+ // initial uniform values
106
+ const currentProgram = gl.getParameter(gl.CURRENT_PROGRAM);
107
+ gl.useProgram(program);
108
+ gl.uniform1f(program.uniforms.opacity, 1.0);
109
+ gl.uniform1i(program.uniforms.edgeCount, EDGE_COUNT);
110
+ gl.uniform1i(program.uniforms.mercator_calculation_mode, 0);
111
+ gl.useProgram(currentProgram);
112
+
113
+ // assign attribute locations
114
+ gl.bindAttribLocation(program, 0, "position2d");
115
+ gl.bindAttribLocation(program, 1, "color");
116
+ gl.bindAttribLocation(program, 2, "dash_ratio");
117
+ gl.bindAttribLocation(program, 3, "dash_opacity");
118
+
119
+ this.cameraBindingPoint = 0;
120
+ this.cameraBlockTotem = CameraUniformBlockTotemCache.get(globe);
121
+ const cameraBlockLocation = gl.getUniformBlockIndex(program, "CameraUniformBlock");
122
+ gl.uniformBlockBinding(program, cameraBlockLocation, this.cameraBindingPoint);
123
+ }
124
+
125
+
126
+ createVAO(centerObj, colorObj, dashRatioObj, dashOpacityObj) {
127
+ const { gl } = this;
128
+ const vao = gl.createVertexArray();
129
+ gl.bindVertexArray(vao);
130
+ { // make this a function end import from account module.
131
+ const { buffer, stride = 0, offset = 0 } = centerObj;
132
+ vaoAttributeLoader(gl, buffer, 0, 2, stride, offset, null);
133
+ }
134
+
135
+ {
136
+ const { buffer, stride = 0, offset = 0 } = colorObj;
137
+ vaoAttributeLoader(gl, buffer, 1, 4, stride, offset, null);
138
+ }
139
+ {
140
+ const { buffer, stride = 0, offset = 0 } = dashRatioObj;
141
+ vaoAttributeLoader(gl, buffer, 2, 1, stride, offset, null);
142
+ }
143
+ {
144
+ const { buffer, stride = 0, offset = 0 } = dashOpacityObj;
145
+ vaoAttributeLoader(gl, buffer, 3, 1, stride, offset, null);
146
+ }
147
+ gl.bindVertexArray(null);
148
+ gl.bindVertexArray(null);
149
+ return vao;
150
+ }
151
+
152
+
153
+ draw(vao, length, edgeCount, opacity) {
154
+ const { gl, program, cameraBlockTotem, cameraBindingPoint } = this;
155
+ gl.useProgram(program);
156
+ if (this._lastOpacity !== opacity) {
157
+ gl.uniform1f(program.uniforms.opacity, opacity);
158
+ this._lastOpacity = opacity;
159
+ }
160
+ if (this._lastEdgeCount !== edgeCount) {
161
+ gl.uniform1i(program.uniforms.edgeCount, edgeCount);
162
+ this._lastEdgeCount = edgeCount;
163
+ }
164
+ gl.bindVertexArray(vao);
165
+ cameraBlockTotem.bind(cameraBindingPoint);
166
+ gl.drawArrays(gl.LINE_STRIP, 0, length * edgeCount)
167
+ // gl.drawArrays(gl.POINTS, 0, length * EDGE_COUNT)
168
+ cameraBlockTotem.unbind(cameraBindingPoint);
169
+ gl.bindVertexArray(null);
170
+ }
171
+
172
+
173
+ free() {
174
+ if (this.isFreed) return;
175
+ CameraUniformBlockTotemCache.release(this.globe);
176
+ this.gl.deleteProgram(this.program);
177
+ this.isFreed = true;
178
+ }
179
+ }
180
+
181
+
182
+
183
+ const CircleCache = Object.freeze({
184
+ get: (globe) => noRegisterGlobeProgramCache.getProgram(globe, Logic),
185
+ release: (globe) => noRegisterGlobeProgramCache.releaseProgram(globe, Logic)
186
+ });
187
+
188
+
189
+ function centerCoords2dflatDataCreator(globe, centerLong, centerLat, targetLong, targetLat, { startAngleOfCircle = null, edgeCount = EDGE_COUNT, radiusOffset = 0 } = {}) {
190
+ const centerCoords2dflat = new Float32Array(edgeCount * 2);
191
+ const radius2d = globe.Math.GetDist2D(centerLong, centerLat, targetLong, targetLat) + radiusOffset;
192
+ let angle;
193
+ if (startAngleOfCircle === null) {
194
+ angle = globe.Math.GetAzimuthAngle(centerLong, centerLat, targetLong, targetLat);
195
+ } else {
196
+ angle = startAngleOfCircle;
197
+ }
198
+ const pointsLongLat = globe.Math.GetEllipseGeo(
199
+ centerLong,
200
+ centerLat,
201
+ radius2d,
202
+ radius2d,
203
+ angle,
204
+ 360 / (edgeCount - 2), // 1 for return to start point, 1 for cutting circles
205
+ );
206
+
207
+ let lastlg = pointsLongLat[0].long;
208
+ let lastlt = pointsLongLat[0].lat;
209
+
210
+ for (let i = 1; i < edgeCount; i++) {
211
+ const { long: lg, lat: lt } = pointsLongLat[i - 1];
212
+ if (manhattanDistance(lastlg, lastlt, lg, lt) < 170) {
213
+ centerCoords2dflat.set(
214
+ globe.api_GetMercator2DPoint(lg, lt)
215
+ , i * 2);
216
+ } else {
217
+ centerCoords2dflat.set([NaN, NaN], i * 2);
218
+ }
219
+ lastlg = lg;
220
+ lastlt = lt;
221
+ }
222
+ return centerCoords2dflat;
223
+ }
224
+
225
+
226
+ function centerCoords2dflatDataCreatorWithRadius(globe, centerLong, centerLat, radius2d, { startAngleOfCircle = null, edgeCount = EDGE_COUNT } = {}) {
227
+ const centerCoords2dflat = new Float32Array(edgeCount * 2);
228
+ const pointsLongLat = globe.Math.GetEllipseGeo(
229
+ centerLong,
230
+ centerLat,
231
+ radius2d,
232
+ radius2d,
233
+ 0,
234
+ 360 / (edgeCount - 2), // 1 for return to start point, 1 for cutting circles
235
+ );
236
+
237
+ let { long: lastlg, lat: lastlt } = pointsLongLat[0];
238
+ for (let i = 1; i < edgeCount; i++) {
239
+ const { long: lg, lat: lt } = pointsLongLat[i - 1];
240
+ if (manhattanDistance(lastlg, lastlt, lg, lt) < 170) {
241
+ centerCoords2dflat.set(
242
+ globe.api_GetMercator2DPoint(lg, lt)
243
+ , i * 2);
244
+ } else {
245
+ centerCoords2dflat.set([NaN, NaN], i * 2);
246
+ }
247
+ lastlg = lg;
248
+ lastlt = lt;
249
+ }
250
+ return centerCoords2dflat;
251
+ }
252
+
253
+
254
+ function manhattanDistance(x1, y1, x2, y2) {
255
+ return Math.max(Math.abs(x1 - x2), Math.abs(y1 - y2));
256
+ }
257
+
258
+
259
+ export {
260
+ CircleCache, EDGE_COUNT, centerCoords2dflatDataCreator, centerCoords2dflatDataCreatorWithRadius
261
+ }