@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.
- package/Math/{angle-calculation.js → angle-calculation.ts} +18 -14
- package/Math/{arc-cdf-points.js → arc-cdf-points.ts} +329 -272
- package/Math/{arc-generate-points-exponantial.js → arc-generate-points-exponantial.ts} +299 -254
- package/Math/{arc.js → arc.ts} +421 -292
- package/Math/bounds/line-bbox.js +225 -186
- package/Math/{circle-cdf-points.js → circle-cdf-points.ts} +143 -78
- package/Math/{circle.js → circle.ts} +49 -33
- package/Math/{constants.js → constants.ts} +12 -4
- package/Math/contour/{quadtreecontours.js → quadtreecontours.ts} +371 -300
- package/Math/contour/quadtreecontours1.js +336 -298
- package/Math/{finite-line-2d.js → finite-line-2d.ts} +68 -58
- package/Math/haversine.ts +33 -0
- package/Math/index.js +0 -1
- package/Math/juction/{arc-plane.js → arc-plane.ts} +203 -143
- package/Math/juction/{line-sphere.js → line-sphere.ts} +32 -22
- package/Math/juction/{plane-plane.js → plane-plane.ts} +62 -53
- package/Math/{line.js → line.ts} +84 -52
- package/Math/matrix4.ts +0 -0
- package/Math/mesh/mapbox-delaunay.d.ts +74 -0
- package/Math/{methods.js → methods.ts} +182 -107
- package/Math/{plane.js → plane.ts} +92 -56
- package/Math/{quaternion.js → quaternion.ts} +128 -106
- package/Math/roadmap.md +10 -0
- package/Math/templete-shapes/{grid-visually-equal.js → grid-visually-equal.ts} +118 -65
- package/Math/tessellation/constants.ts +1 -0
- package/Math/tessellation/methods.ts +79 -0
- package/Math/tessellation/nearest-value-padding.ts +147 -0
- package/Math/tessellation/roadmap.md +48 -0
- package/Math/tessellation/spherical-triangle-area.ts +127 -0
- package/Math/tessellation/tile-merger.ts +578 -0
- package/Math/tessellation/triangle-tessellation.ts +533 -0
- package/Math/tessellation/types.ts +1 -0
- package/Math/types.ts +68 -0
- package/Math/utils.js +3 -2
- package/Math/{vec3.js → vec3.ts} +227 -151
- package/Math/xyz-tile.ts +26 -0
- package/algorithms/search-binary.js +14 -16
- package/altitude-locator/adaptors.js +0 -1
- package/altitude-locator/keymethod.js +0 -1
- package/altitude-locator/plugin.js +445 -345
- package/altitude-locator/types.js +26 -21
- package/compass-rose/compass-rose-padding-flat.js +274 -230
- package/compass-rose/{compass-text-writer.js → compass-text-writer.ts} +210 -155
- package/compass-rose/index.js +3 -3
- package/{constants.js → constants.ts} +8 -6
- package/heatwave/datamanager.js +168 -149
- package/heatwave/heatwave.js +261 -206
- package/heatwave/index.js +5 -5
- package/heatwave/isobar.js +340 -303
- package/heatwave/{texture-point-sampler.js → texture-point-sampler.ts} +220 -187
- package/investigation-tools/draw/tiles/adapters.ts +133 -0
- package/investigation-tools/draw/tiles/tiles.ts +162 -0
- package/jest.config.js +6 -7
- package/package.json +1 -1
- package/pin/pin-object-array1.js +381 -300
- package/pin/pin-point-totem1.js +77 -60
- package/programs/arrowfield/arrow-field.js +89 -60
- package/programs/arrowfield/logic.js +173 -141
- package/programs/data2legend/density-to-legend.js +86 -68
- package/programs/data2legend/point-to-density-texture.js +84 -67
- package/programs/float2legendwithratio/index.js +3 -2
- package/programs/float2legendwithratio/logic.js +144 -118
- package/programs/float2legendwithratio/object.js +141 -104
- package/programs/helpers/blender.js +73 -58
- package/programs/helpers/{fadeaway.js → fadeaway.ts} +73 -55
- package/programs/index.js +19 -20
- package/programs/line-on-globe/circle-accurate-3d.js +112 -85
- package/programs/line-on-globe/circle-accurate-flat.js +200 -148
- package/programs/line-on-globe/degree-padding-around-circle-3d.js +134 -102
- package/programs/line-on-globe/index.js +0 -1
- package/programs/line-on-globe/lines-color-instanced-flat.js +99 -80
- package/programs/line-on-globe/linestrip/data.ts +29 -0
- package/programs/line-on-globe/linestrip/{linestrip.js → linestrip.ts} +152 -93
- package/programs/line-on-globe/{naive-accurate-flexible.js → naive-accurate-flexible.ts} +175 -126
- package/programs/line-on-globe/util.js +8 -5
- package/programs/picking/pickable-polygon-renderer.js +129 -98
- package/programs/picking/pickable-renderer.js +130 -98
- package/programs/point-on-globe/element-globe-surface-glow.js +122 -93
- package/programs/point-on-globe/element-point-glow.js +114 -80
- package/programs/point-on-globe/square-pixel-point.js +139 -120
- package/programs/polygon-on-globe/roadmap.md +8 -0
- package/programs/polygon-on-globe/texture-dem-triangles.ts +290 -0
- package/programs/{programcache.js → programcache.ts} +134 -126
- package/programs/rings/index.js +1 -1
- package/programs/rings/partial-ring/{piece-of-pie.js → piece-of-pie.ts} +222 -152
- package/programs/totems/camera-totem-attactment-interface.ts +4 -0
- package/programs/totems/{camerauniformblock.js → camerauniformblock.ts} +326 -230
- package/programs/totems/{canvas-webglobe-info.js → canvas-webglobe-info.ts} +147 -132
- package/programs/totems/dem-textures-manager.ts +368 -0
- package/programs/totems/{globe-changes.js → globe-changes.ts} +79 -59
- package/programs/totems/gpu-selection-uniform-block.js +127 -99
- package/programs/totems/{index.js → index.ts} +2 -2
- package/programs/two-d/pixel-padding-for-compass.js +101 -87
- package/programs/util.js +19 -14
- package/programs/vectorfields/logics/{constants.js → constants.ts} +5 -4
- package/programs/vectorfields/logics/drawrectangleparticles.ts +182 -0
- package/programs/vectorfields/logics/index.js +4 -2
- package/programs/vectorfields/logics/particle-ubo.ts +23 -0
- package/programs/vectorfields/logics/{pixelbased.js → pixelbased.ts} +119 -84
- package/programs/vectorfields/logics/ubo.js +57 -51
- package/programs/vectorfields/{pingpongbuffermanager.js → pingpongbuffermanager.ts} +113 -73
- package/publish.bat +62 -0
- package/range-tools-on-terrain/bearing-line/{adapters.js → adapters.ts} +154 -114
- package/range-tools-on-terrain/bearing-line/{plugin.js → plugin.ts} +569 -457
- package/range-tools-on-terrain/bearing-line/types.ts +65 -0
- package/range-tools-on-terrain/circle-line-chain/{adapters.js → adapters.ts} +104 -85
- package/range-tools-on-terrain/circle-line-chain/{chain-list-map.js → chain-list-map.ts} +446 -382
- package/range-tools-on-terrain/circle-line-chain/{plugin.js → plugin.ts} +607 -464
- package/range-tools-on-terrain/circle-line-chain/types.ts +43 -0
- package/range-tools-on-terrain/range-ring/{adapters.js → adapters.ts} +114 -93
- package/range-tools-on-terrain/range-ring/{enum.js → enum.ts} +2 -2
- package/range-tools-on-terrain/range-ring/{plugin.js → plugin.ts} +444 -377
- package/range-tools-on-terrain/range-ring/rangeringangletext.ts +396 -0
- package/range-tools-on-terrain/range-ring/types.ts +30 -0
- package/semiplugins/interface.ts +14 -0
- package/semiplugins/lightweight/{line-plugin.js → line-plugin.ts} +342 -221
- package/semiplugins/lightweight/{piece-of-pie-plugin.js → piece-of-pie-plugin.ts} +275 -200
- package/semiplugins/shape-on-terrain/{arc-plugin.js → arc-plugin.ts} +616 -472
- package/semiplugins/shape-on-terrain/{circle-plugin.js → circle-plugin.ts} +588 -444
- package/semiplugins/shape-on-terrain/goal.md +12 -0
- package/semiplugins/shape-on-terrain/{padding-1-degree.js → padding-1-degree.ts} +713 -539
- package/semiplugins/shape-on-terrain/terrain-polygon/adapters.ts +69 -0
- package/semiplugins/shape-on-terrain/terrain-polygon/data/cache-shortcuts.md +20 -0
- package/semiplugins/shape-on-terrain/terrain-polygon/data/cache.ts +149 -0
- package/semiplugins/shape-on-terrain/terrain-polygon/data/index-polygon-map.ts +58 -0
- package/semiplugins/shape-on-terrain/terrain-polygon/data/manager.ts +4 -0
- package/semiplugins/shape-on-terrain/terrain-polygon/data/master-worker.js +196 -0
- package/semiplugins/shape-on-terrain/terrain-polygon/data/master-worker.ts +209 -0
- package/semiplugins/shape-on-terrain/terrain-polygon/data/polygon-to-triangles.ts +144 -0
- package/semiplugins/shape-on-terrain/terrain-polygon/data/random.ts +165 -0
- package/semiplugins/shape-on-terrain/terrain-polygon/data/readme.md +5 -0
- package/semiplugins/shape-on-terrain/terrain-polygon/data/types.ts +37 -0
- package/semiplugins/shape-on-terrain/terrain-polygon/data/worker-contact.ts +81 -0
- package/semiplugins/shape-on-terrain/terrain-polygon/data/worker.js +146 -0
- package/semiplugins/shape-on-terrain/terrain-polygon/notes.md +90 -0
- package/semiplugins/shape-on-terrain/terrain-polygon/terrain-polygon.ts +265 -0
- package/semiplugins/shape-on-terrain/terrain-polygon/types.ts +69 -0
- package/semiplugins/shell/bbox-renderer/index.ts +2 -0
- package/semiplugins/shell/bbox-renderer/{logic.js → logic.ts} +273 -249
- package/semiplugins/shell/bbox-renderer/object.ts +129 -0
- package/semiplugins/type.ts +8 -0
- package/semiplugins/utility/{container-plugin.js → container-plugin.ts} +126 -94
- package/semiplugins/utility/{object-pass-container-plugin.js → object-pass-container-plugin.ts} +101 -80
- package/shaders/fragment-toy/firework.js +1 -1
- package/shaders/fragment-toy/singularity.js +5 -2
- package/terrain-plugin.mmd +83 -0
- package/tests/Math/arc-sampling-test.js +367 -0
- package/tests/Math/arc-sampling-test.ts +429 -0
- package/tests/Math/arc.test.ts +77 -0
- package/tests/Math/junction/arc-limit.test.ts +7 -0
- package/tests/Math/junction/arc-plane-points.test.ts +196 -0
- package/tests/Math/junction/arc-plane.test.ts +172 -0
- package/tests/Math/junction/line-sphere.test.ts +127 -0
- package/tests/Math/junction/plane-plane.test.ts +91 -0
- package/tests/Math/plane-test.ts +17 -0
- package/tests/Math/plane.test.ts +43 -0
- package/tests/Math/vec3.test.ts +33 -0
- package/tracks/point-heat-map/adaptors/timetracksplugin-format-to-this.js +78 -63
- package/tracks/point-heat-map/index.js +0 -1
- package/tracks/point-heat-map/plugin-webworker.js +148 -121
- package/tracks/point-heat-map/point-to-heat-map-flow.js +150 -121
- package/tracks/point-heat-map/readme.md +15 -0
- package/tracks/point-tracks/key-methods.js +3 -2
- package/tracks/point-tracks/plugin.js +487 -393
- package/tracks/timetracks/adaptors-line-strip.js +79 -65
- package/tracks/timetracks/plugin-line-strip.js +295 -240
- package/tracks/timetracks/program-line-strip.js +495 -411
- package/tracks/timetracks/programpoint-line-strip.js +137 -109
- package/tracks/timetracks/readme.md +1 -0
- package/tsconfig.json +22 -0
- package/types/@pirireis/webglobe.d.ts +102 -0
- package/types/delaunator.d.ts +40 -0
- package/types/earcut.d.ts +11 -0
- package/types/rbush.d.ts +57 -0
- package/types.ts +319 -0
- package/util/account/bufferoffsetmanager.js +209 -176
- package/util/account/create-buffermap-orchastration.ts +85 -0
- package/util/account/index.js +6 -3
- package/util/account/single-attribute-buffer-management/{buffer-manager.js → buffer-manager.ts} +151 -117
- package/util/account/single-attribute-buffer-management/{buffer-orchestrator.js → buffer-orchestrator.ts} +238 -212
- package/util/account/single-attribute-buffer-management/{buffer-orchestrator1.js → buffer-orchestrator1.ts} +184 -159
- package/util/account/single-attribute-buffer-management/{index.js → index.ts} +11 -4
- package/util/account/single-attribute-buffer-management/{object-store.js → object-store.ts} +76 -55
- package/util/account/single-attribute-buffer-management/types.ts +43 -0
- package/util/account/util.js +22 -18
- package/util/algorithms/index.js +0 -1
- package/util/algorithms/search-binary.js +26 -25
- package/util/build-strategy/{static-dynamic.js → static-dynamic.ts} +50 -41
- package/util/check/index.js +0 -1
- package/util/check/typecheck.ts +74 -0
- package/util/{frame-counter-trigger.js → frame-counter-trigger.ts} +99 -84
- package/util/geometry/{index.js → index.ts} +155 -121
- package/util/gl-util/buffer/{attribute-loader.js → attribute-loader.ts} +84 -62
- package/util/gl-util/buffer/{index.js → index.ts} +6 -3
- package/util/gl-util/draw-options/{methods.js → methods.ts} +47 -32
- package/util/gl-util/uniform-block/{manager.js → manager.ts} +232 -190
- package/util/{webglobe/gldefaultstates.js → globe-default-gl-states.ts} +5 -4
- package/util/helper-methods.ts +9 -0
- package/util/index.js +9 -10
- package/util/interpolation/index.js +0 -1
- package/util/interpolation/timetrack/index.js +9 -2
- package/util/interpolation/timetrack/timetrack-interpolator.js +94 -79
- package/util/interpolation/timetrack/web-worker.js +51 -46
- package/util/picking/{fence.js → fence.ts} +47 -41
- package/util/picking/picker-displayer.ts +226 -0
- package/util/programs/draw-from-pixel-coords.js +201 -164
- package/util/programs/{draw-texture-on-canvas.js → draw-texture-on-canvas.ts} +92 -67
- package/util/programs/supersampletotextures.js +130 -97
- package/util/programs/texturetoglobe.js +153 -128
- package/util/shaderfunctions/{geometrytransformations.js → geometrytransformations.ts} +169 -41
- package/util/shaderfunctions/index.js +2 -2
- package/util/shaderfunctions/nodata.js +4 -2
- package/util/shaderfunctions/noisefunctions.js +10 -7
- package/util/{webglobjectbuilders.js → webglobjectbuilders.ts} +446 -358
- package/vectorfield/arrowfield/adaptor.js +11 -11
- package/vectorfield/arrowfield/index.js +3 -3
- package/vectorfield/arrowfield/plugin.js +128 -83
- package/vectorfield/waveparticles/adaptor.js +16 -15
- package/vectorfield/waveparticles/index.js +3 -3
- package/vectorfield/waveparticles/plugin.ts +506 -0
- package/vectorfield/wind/adapters/image-to-fields.ts +74 -0
- package/vectorfield/wind/adapters/types.ts +12 -0
- package/vectorfield/wind/{imagetovectorfieldandmagnitude.js → imagetovectorfieldandmagnitude.ts} +78 -56
- package/vectorfield/wind/index.js +5 -5
- package/vectorfield/wind/plugin-persistant copy.ts +461 -0
- package/vectorfield/wind/plugin-persistant.ts +483 -0
- package/vectorfield/wind/plugin.js +883 -671
- package/vectorfield/wind/vectorfieldimage.js +27 -23
- package/write-text/{context-text-bulk.js → context-text-bulk.ts} +285 -200
- package/write-text/context-text3.ts +252 -0
- package/write-text/{context-text4.js → context-text4.ts} +231 -145
- package/write-text/context-textDELETE.js +125 -94
- package/write-text/objectarraylabels/{index.js → index.ts} +2 -2
- package/write-text/objectarraylabels/objectarraylabels.d.ts +72 -0
- package/write-text/objectarraylabels/objectarraylabels.js +247 -200
- package/Math/matrix4.js +0 -1
- package/Math/tessellation/earcut/adapters.js +0 -37
- package/Math/tessellation/hybrid-triangle-tessellation-meta.js +0 -123
- package/Math/tessellation/methods.js +0 -46
- package/Math/tessellation/shred-input.js +0 -18
- package/Math/tessellation/tile-merger.js +0 -56
- package/Math/tessellation/tiler.js +0 -50
- package/Math/tessellation/triangle-tessellation-meta.js +0 -516
- package/Math/tessellation/triangle-tessellation.js +0 -14
- package/Math/tessellation/types.js +0 -1
- package/Math/tessellation/zoom-catch.js +0 -1
- package/Math/types.js +0 -1
- package/programs/line-on-globe/linestrip/data.js +0 -4
- package/programs/polygon-on-globe/partial-tesselation.js +0 -1
- package/programs/polygon-on-globe/texture-dem-triangle-test-plugin-triangle.js +0 -204
- package/programs/polygon-on-globe/texture-dem-triangle-test-plugin.js +0 -118
- package/programs/polygon-on-globe/texture-dem-triangles.js +0 -236
- package/programs/vectorfields/logics/drawrectangleparticles.js +0 -112
- package/programs/vectorfields/logics/ubo-new.js +0 -25
- package/range-tools-on-terrain/bearing-line/types.js +0 -1
- package/range-tools-on-terrain/circle-line-chain/types.js +0 -1
- package/range-tools-on-terrain/range-ring/rangeringangletext.js +0 -331
- package/range-tools-on-terrain/range-ring/types.js +0 -9
- package/semiplugins/interface.js +0 -1
- package/semiplugins/shape-on-terrain/terrain-cover/texture-dem-cover.js +0 -1
- package/semiplugins/shell/bbox-renderer/index.js +0 -2
- package/semiplugins/shell/bbox-renderer/object.js +0 -65
- package/semiplugins/type.js +0 -1
- package/types.js +0 -19
- package/util/account/create-buffermap-orchastration.js +0 -39
- package/util/account/single-attribute-buffer-management/types.js +0 -1
- package/util/check/typecheck.js +0 -66
- package/util/gl-util/uniform-block/types.js +0 -1
- package/util/picking/picker-displayer.js +0 -134
- package/util/webglobe/index.js +0 -2
- package/util/webglobe/rasteroverlay.js +0 -76
- package/vectorfield/waveparticles/plugin.js +0 -290
- package/write-text/attached-text-writer.js +0 -95
- package/write-text/context-text3.js +0 -167
|
@@ -1,134 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* add implicit texture display program for color
|
|
3
|
-
* add fence on query return and return id.
|
|
4
|
-
*/
|
|
5
|
-
import { textureOnCanvasProgramCache } from "../programs/draw-texture-on-canvas";
|
|
6
|
-
import { fence } from "./fence";
|
|
7
|
-
const ESCAPE_VALUE = -1;
|
|
8
|
-
class PickerDisplayer {
|
|
9
|
-
constructor(globe) {
|
|
10
|
-
this.globe = globe;
|
|
11
|
-
this.gl = globe.gl;
|
|
12
|
-
const gl = this.gl;
|
|
13
|
-
this.colorTexture = gl.createTexture(); // bind to color attachment 0
|
|
14
|
-
this.indexTexture = gl.createTexture(); // bind to color attachment 1
|
|
15
|
-
this.fbo = gl.createFramebuffer();
|
|
16
|
-
this._pbo = undefined;
|
|
17
|
-
this._pboSize = 0;
|
|
18
|
-
this.resize();
|
|
19
|
-
this.displayer = textureOnCanvasProgramCache.get(this.gl);
|
|
20
|
-
}
|
|
21
|
-
resize(width = null, height = null) {
|
|
22
|
-
if (width === null || height === null) {
|
|
23
|
-
width = this.globe.api_ScrW();
|
|
24
|
-
height = this.globe.api_ScrH();
|
|
25
|
-
}
|
|
26
|
-
const { gl, colorTexture, indexTexture } = this;
|
|
27
|
-
gl.deleteTexture(colorTexture);
|
|
28
|
-
gl.deleteTexture(indexTexture);
|
|
29
|
-
const colorTextureNew = gl.createTexture();
|
|
30
|
-
gl.bindTexture(gl.TEXTURE_2D, colorTextureNew);
|
|
31
|
-
gl.texStorage2D(gl.TEXTURE_2D, 1, gl.RGBA8, width, height);
|
|
32
|
-
const indexTextureNew = gl.createTexture();
|
|
33
|
-
gl.bindTexture(gl.TEXTURE_2D, indexTextureNew);
|
|
34
|
-
// gl.texStorage2D(gl.TEXTURE_2D, 1, gl.R16I, width, height);
|
|
35
|
-
gl.texStorage2D(gl.TEXTURE_2D, 1, gl.R32I, width, height);
|
|
36
|
-
gl.bindTexture(gl.TEXTURE_2D, null);
|
|
37
|
-
this.colorTexture = colorTextureNew;
|
|
38
|
-
this.indexTexture = indexTextureNew;
|
|
39
|
-
}
|
|
40
|
-
clearTextures() {
|
|
41
|
-
const { gl, colorTexture, indexTexture } = this;
|
|
42
|
-
gl.activeTexture(gl.TEXTURE1);
|
|
43
|
-
gl.bindTexture(gl.TEXTURE_2D, indexTexture);
|
|
44
|
-
gl.clearBufferiv(gl.COLOR, 1, new Int32Array([-1, -1, -1, -1]));
|
|
45
|
-
gl.activeTexture(gl.TEXTURE0);
|
|
46
|
-
gl.bindTexture(gl.TEXTURE_2D, colorTexture);
|
|
47
|
-
gl.clearBufferfv(gl.COLOR, 0, new Float32Array([0, 0, 0, 0]));
|
|
48
|
-
}
|
|
49
|
-
// call before drawing the scene with gl picker shader
|
|
50
|
-
bindFBO() {
|
|
51
|
-
const { gl, colorTexture, indexTexture, fbo } = this;
|
|
52
|
-
gl.activeTexture(gl.TEXTURE1);
|
|
53
|
-
gl.bindTexture(gl.TEXTURE_2D, indexTexture);
|
|
54
|
-
gl.activeTexture(gl.TEXTURE0);
|
|
55
|
-
gl.bindTexture(gl.TEXTURE_2D, colorTexture);
|
|
56
|
-
gl.bindFramebuffer(gl.FRAMEBUFFER, fbo);
|
|
57
|
-
gl.framebufferTexture2D(gl.FRAMEBUFFER, gl.COLOR_ATTACHMENT0, gl.TEXTURE_2D, this.colorTexture, 0);
|
|
58
|
-
gl.framebufferTexture2D(gl.FRAMEBUFFER, gl.COLOR_ATTACHMENT1, gl.TEXTURE_2D, this.indexTexture, 0);
|
|
59
|
-
gl.drawBuffers([gl.COLOR_ATTACHMENT0, gl.COLOR_ATTACHMENT1]);
|
|
60
|
-
}
|
|
61
|
-
// call after drawing the scene with gl picker shader
|
|
62
|
-
drawColorTexture() {
|
|
63
|
-
const { colorTexture } = this;
|
|
64
|
-
this.gl.bindFramebuffer(this.gl.FRAMEBUFFER, null);
|
|
65
|
-
this.displayer.draw(colorTexture);
|
|
66
|
-
}
|
|
67
|
-
pickXY(x, y, selectionPointFilling = 1, callback = () => { }) {
|
|
68
|
-
const size = Math.pow(1 + 2 * selectionPointFilling, 2);
|
|
69
|
-
this._pick(size, x - selectionPointFilling, y - selectionPointFilling, 1 + 2 * selectionPointFilling, 1 + 2 * selectionPointFilling, callback);
|
|
70
|
-
}
|
|
71
|
-
pickBbox(left, top, right, bottom, callback) {
|
|
72
|
-
const size = (right - left) * (bottom - top) * 4;
|
|
73
|
-
this._pick(size, left, top, right - left, bottom - top, callback);
|
|
74
|
-
}
|
|
75
|
-
_pick(size, startX, startY, lengthX, lengthY, callback) {
|
|
76
|
-
if (this._inProgress)
|
|
77
|
-
return false;
|
|
78
|
-
this._inProgress = true;
|
|
79
|
-
this._initHoldBuffer(size * 4);
|
|
80
|
-
const { gl, _pbo } = this;
|
|
81
|
-
gl.bindBuffer(gl.PIXEL_PACK_BUFFER, _pbo);
|
|
82
|
-
this.bindFBO();
|
|
83
|
-
gl.readBuffer(gl.COLOR_ATTACHMENT1); // This is the attachment we want to read
|
|
84
|
-
gl.readPixels(// This will read the pixels to the buffer asynchronously
|
|
85
|
-
startX, startY, lengthX, lengthY, gl.RED_INTEGER, gl.INT, 0);
|
|
86
|
-
gl.bindFramebuffer(gl.FRAMEBUFFER, null);
|
|
87
|
-
gl.bindBuffer(gl.PIXEL_PACK_BUFFER, null);
|
|
88
|
-
fence(this.gl).then(() => {
|
|
89
|
-
gl.bindBuffer(gl.PIXEL_PACK_BUFFER, _pbo);
|
|
90
|
-
// const data = new Int16Array(size);
|
|
91
|
-
const data = new Int32Array(size);
|
|
92
|
-
gl.getBufferSubData(gl.PIXEL_PACK_BUFFER, 0, data);
|
|
93
|
-
gl.bindBuffer(gl.PIXEL_PACK_BUFFER, null);
|
|
94
|
-
const result = this._pickFromBuffer(data, size);
|
|
95
|
-
callback(result);
|
|
96
|
-
// gl.deleteBuffer(pbo);
|
|
97
|
-
this._inProgress = false;
|
|
98
|
-
});
|
|
99
|
-
return true;
|
|
100
|
-
}
|
|
101
|
-
_pickFromBuffer(array, size) {
|
|
102
|
-
const selectedObjects = new Set();
|
|
103
|
-
for (let i = 0; i < size; i += 1) {
|
|
104
|
-
const id = array[i];
|
|
105
|
-
if (id !== ESCAPE_VALUE) {
|
|
106
|
-
selectedObjects.add(id);
|
|
107
|
-
}
|
|
108
|
-
}
|
|
109
|
-
return selectedObjects;
|
|
110
|
-
}
|
|
111
|
-
_initHoldBuffer(size) {
|
|
112
|
-
if (this._pbo && this._pboSize >= size) {
|
|
113
|
-
return;
|
|
114
|
-
}
|
|
115
|
-
const { gl } = this;
|
|
116
|
-
const pbo = gl.createBuffer();
|
|
117
|
-
gl.bindBuffer(gl.PIXEL_PACK_BUFFER, pbo);
|
|
118
|
-
gl.bufferData(gl.PIXEL_PACK_BUFFER, size, gl.STREAM_READ);
|
|
119
|
-
gl.bindBuffer(gl.PIXEL_PACK_BUFFER, null);
|
|
120
|
-
this._pboSize = size;
|
|
121
|
-
if (this._pbo !== undefined) {
|
|
122
|
-
gl.deleteBuffer(this._pbo);
|
|
123
|
-
}
|
|
124
|
-
this._pbo = pbo;
|
|
125
|
-
}
|
|
126
|
-
free() {
|
|
127
|
-
const { gl, colorTexture, indexTexture, fbo } = this;
|
|
128
|
-
gl.deleteTexture(colorTexture);
|
|
129
|
-
gl.deleteTexture(indexTexture);
|
|
130
|
-
gl.deleteFramebuffer(fbo);
|
|
131
|
-
textureOnCanvasProgramCache.release(this.gl);
|
|
132
|
-
}
|
|
133
|
-
}
|
|
134
|
-
export { PickerDisplayer };
|
package/util/webglobe/index.js
DELETED
|
@@ -1,76 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Iceride bir canvas uretir ve degisiklikler bu kanvasta yapilir
|
|
3
|
-
*/
|
|
4
|
-
// this class loads texture to raster overlay
|
|
5
|
-
// TODO: IS DEADCODE?
|
|
6
|
-
class RasterOverlayLoader {
|
|
7
|
-
constructor(id, globe, { opacity = 1.0, minLon = -180, minLat = -90, maxLon = 180, maxLat = 90, beforeObject = null, canvas = null, callBack = null } = {}) {
|
|
8
|
-
this.canvas = canvas || document.createElement('canvas');
|
|
9
|
-
this.gl = this.canvas.getContext('webgl2');
|
|
10
|
-
this.globe = globe;
|
|
11
|
-
this.id = id;
|
|
12
|
-
this._opacity = opacity;
|
|
13
|
-
this.bbox = { ll: { x: minLon, y: minLat }, ur: { x: maxLon, y: maxLat } };
|
|
14
|
-
this._beforeObject = beforeObject;
|
|
15
|
-
this._isProcessing = false;
|
|
16
|
-
this._callBack = callBack;
|
|
17
|
-
}
|
|
18
|
-
getGL() {
|
|
19
|
-
return this.gl;
|
|
20
|
-
}
|
|
21
|
-
getCanvasURL() {
|
|
22
|
-
return this.canvas.toDataURL();
|
|
23
|
-
}
|
|
24
|
-
setBBox(minLon, minLat, maxLon, maxLat) {
|
|
25
|
-
this.bbox = { ll: { x: minLon, y: minLat }, ur: { x: maxLon, y: maxLat } };
|
|
26
|
-
this.draw();
|
|
27
|
-
}
|
|
28
|
-
setCanvasWidthHeight(width, height) {
|
|
29
|
-
this.canvas.width = width;
|
|
30
|
-
this.canvas.height = height;
|
|
31
|
-
this.gl.viewport(0, 0, width, height);
|
|
32
|
-
}
|
|
33
|
-
draw() {
|
|
34
|
-
if (!this._isProcessing) {
|
|
35
|
-
requestAnimationFrame(this._draw.bind(this));
|
|
36
|
-
this._isProcessing = true;
|
|
37
|
-
}
|
|
38
|
-
}
|
|
39
|
-
_draw() {
|
|
40
|
-
this.globe.api_DeleteImageOverlay(this.id);
|
|
41
|
-
const id = this.id;
|
|
42
|
-
const imgUrl = this.getCanvasURL();
|
|
43
|
-
const bbox = this.bbox;
|
|
44
|
-
const opacity = this._opacity;
|
|
45
|
-
const rotDeg = 0;
|
|
46
|
-
const color = null;
|
|
47
|
-
const beforeObject = this._beforeObject;
|
|
48
|
-
const callback = this._callBack || function () { };
|
|
49
|
-
this.globe.api_AddImageOverlay(id, imgUrl, bbox, color, opacity, rotDeg, beforeObject, callback);
|
|
50
|
-
this._isProcessing = false;
|
|
51
|
-
}
|
|
52
|
-
setBeforeObject(beforeObject) {
|
|
53
|
-
this._beforeObject = beforeObject;
|
|
54
|
-
this.draw();
|
|
55
|
-
}
|
|
56
|
-
setCallback(callback) {
|
|
57
|
-
this._callBack = callback;
|
|
58
|
-
}
|
|
59
|
-
setOpacity(opacity) {
|
|
60
|
-
if (opacity < 0 || opacity > 1) {
|
|
61
|
-
return;
|
|
62
|
-
}
|
|
63
|
-
this._opacity = opacity;
|
|
64
|
-
this.globe.api_SetImageOverlayColor(this.id, null, opacity);
|
|
65
|
-
}
|
|
66
|
-
free() {
|
|
67
|
-
this.globe.api_DeleteImageOverlay(this.id);
|
|
68
|
-
}
|
|
69
|
-
on() {
|
|
70
|
-
this.draw();
|
|
71
|
-
}
|
|
72
|
-
off() {
|
|
73
|
-
this.globe.api_DeleteImageOverlay(this.id);
|
|
74
|
-
}
|
|
75
|
-
}
|
|
76
|
-
export { RasterOverlayLoader };
|
|
@@ -1,290 +0,0 @@
|
|
|
1
|
-
import { BBOXGlobeShell } from "../../semiplugins/shell/bbox-renderer";
|
|
2
|
-
import { defaultblendfunction } from "../../util/webglobe/gldefaultstates";
|
|
3
|
-
import { PingPongBufferManager } from "../../programs/vectorfields/pingpongbuffermanager";
|
|
4
|
-
import { pixelBasedMoveProgramCache } from "../../programs/vectorfields/logics/pixelbased";
|
|
5
|
-
import { drawRectangleParticlesProgramCache } from "../../programs/vectorfields/logics/drawrectangleparticles";
|
|
6
|
-
import { FadeAwayProgramCache } from "../../programs/helpers/fadeaway";
|
|
7
|
-
import { SeaWaveUbo } from "../../programs/vectorfields/logics/ubo-new";
|
|
8
|
-
/**
|
|
9
|
-
* STEPS:
|
|
10
|
-
* 1. move particle | buffers: read b1 write b2 | swap buffers b1 <-> b2
|
|
11
|
-
* 2. draw particles | read b1 to drawTexture1 |
|
|
12
|
-
* 3. globe shell drawTexture1
|
|
13
|
-
* 4. fade drawTexture1 to drawTexture2 | swap textures
|
|
14
|
-
*
|
|
15
|
-
*/
|
|
16
|
-
const MAX_PIXELS_ON_DIMENSION = 2200;
|
|
17
|
-
export default class Plugin {
|
|
18
|
-
constructor(id, { dataWidth, dataHeight, fadeOpacity = 0.83, opacity = 0.75, minLon = -180, minLat = -90, maxLon = 180, maxLat = 90, patricleCount = 8000, flipY = true, drawTextureMaxPixelOnDimension = MAX_PIXELS_ON_DIMENSION } = {}) {
|
|
19
|
-
this.id = id;
|
|
20
|
-
this.globe = null;
|
|
21
|
-
this.gl = null;
|
|
22
|
-
this.moveParticle = null;
|
|
23
|
-
this.drawParticle = null;
|
|
24
|
-
this.bufferManager = null;
|
|
25
|
-
this._rgVectorFieldTexture = null;
|
|
26
|
-
this.globeShellWiggle = null;
|
|
27
|
-
this.waveUbo = null;
|
|
28
|
-
this._flipY = flipY;
|
|
29
|
-
this._drawTextureResolution = {};
|
|
30
|
-
this._frameBuffer = null;
|
|
31
|
-
this._fadeOpacity = fadeOpacity;
|
|
32
|
-
this._opacity = opacity;
|
|
33
|
-
this._particleCount = patricleCount;
|
|
34
|
-
this._dataWidth = dataWidth;
|
|
35
|
-
this._dataHeight = dataHeight;
|
|
36
|
-
this._drawTextureMaxPixelOnDimension = drawTextureMaxPixelOnDimension;
|
|
37
|
-
this._globeshellparameters = {
|
|
38
|
-
minLon,
|
|
39
|
-
maxLon,
|
|
40
|
-
minLat,
|
|
41
|
-
maxLat,
|
|
42
|
-
};
|
|
43
|
-
this._stepIndex = 0;
|
|
44
|
-
this._fullCycleStepCount = 3;
|
|
45
|
-
this._isFreed = false;
|
|
46
|
-
}
|
|
47
|
-
init(globe, gl) {
|
|
48
|
-
this.globe = globe;
|
|
49
|
-
this.gl = gl;
|
|
50
|
-
this.moveParticle = pixelBasedMoveProgramCache.getProgram(gl);
|
|
51
|
-
this.drawParticle = drawRectangleParticlesProgramCache.getProgram(gl);
|
|
52
|
-
this.fadeAway = FadeAwayProgramCache.get(gl);
|
|
53
|
-
this.globeShellWiggle = new BBOXGlobeShell(gl, globe, this._globeshellparameters);
|
|
54
|
-
const inPositionLocation = this.moveParticle.getInPositionLocation();
|
|
55
|
-
this.bufferManager = new PingPongBufferManager(gl, this._particleCount, inPositionLocation);
|
|
56
|
-
this._rgVectorFieldTexture = this._createRGTexture();
|
|
57
|
-
this.waveUbo = SeaWaveUbo.createUBO(gl);
|
|
58
|
-
this._drawTextures = [this._createDrawTexture(), this._createDrawTexture()];
|
|
59
|
-
this._frameBuffer = gl.createFramebuffer();
|
|
60
|
-
this.setBBox(this._globeshellparameters);
|
|
61
|
-
this.setOpacity(this._opacity);
|
|
62
|
-
this.____drawIndex = 0;
|
|
63
|
-
}
|
|
64
|
-
draw3D() {
|
|
65
|
-
if (this._isFreed)
|
|
66
|
-
return;
|
|
67
|
-
const { gl, moveParticle, drawParticle, bufferManager, globeShellWiggle, waveUbo, fadeAway, _rgVectorFieldTexture } = this;
|
|
68
|
-
gl.disable(gl.DEPTH_TEST);
|
|
69
|
-
if (this._stepIndex === 0) {
|
|
70
|
-
// waveUbo.update({ random_seed: Math.random() });
|
|
71
|
-
this.waveUbo.updateSingle("random_seed", new Float32Array([Math.random()]));
|
|
72
|
-
;
|
|
73
|
-
moveParticle.move(bufferManager, _rgVectorFieldTexture, waveUbo);
|
|
74
|
-
// 1s swap buffer b1 <-> b2
|
|
75
|
-
bufferManager.swap();
|
|
76
|
-
}
|
|
77
|
-
else if (this._stepIndex === 1) {
|
|
78
|
-
this.____drawIndex = 1 - this.____drawIndex;
|
|
79
|
-
const canvasWidth = gl.canvas.width;
|
|
80
|
-
const canvasHeight = gl.canvas.height;
|
|
81
|
-
// gl.viewport(0, 0, 2200, 2200);
|
|
82
|
-
gl.viewport(0, 0, this._drawTextureResolution.width, this._drawTextureResolution.height);
|
|
83
|
-
gl.bindFramebuffer(gl.FRAMEBUFFER, this._frameBuffer);
|
|
84
|
-
gl.framebufferTexture2D(gl.FRAMEBUFFER, gl.COLOR_ATTACHMENT0, gl.TEXTURE_2D, this._drawTextures[this.____drawIndex], 0);
|
|
85
|
-
drawParticle.draw(bufferManager, _rgVectorFieldTexture, waveUbo);
|
|
86
|
-
// 2s bound frame buffer to null
|
|
87
|
-
gl.bindFramebuffer(gl.FRAMEBUFFER, null);
|
|
88
|
-
gl.viewport(0, 0, canvasWidth, canvasHeight);
|
|
89
|
-
}
|
|
90
|
-
else {
|
|
91
|
-
const canvasWidth = gl.canvas.width;
|
|
92
|
-
const canvasHeight = gl.canvas.height;
|
|
93
|
-
// gl.viewport(0, 0, 2200, 2200);
|
|
94
|
-
gl.viewport(0, 0, this._drawTextureResolution.width, this._drawTextureResolution.height);
|
|
95
|
-
gl.bindFramebuffer(gl.FRAMEBUFFER, this._frameBuffer);
|
|
96
|
-
gl.enable(gl.BLEND);
|
|
97
|
-
// gl.blendFunc(gl.SRC_ALPHA, gl.ONE_MINUS_SRC_ALPHA);
|
|
98
|
-
gl.blendFunc(gl.ONE, gl.ZERO);
|
|
99
|
-
gl.framebufferTexture2D(gl.FRAMEBUFFER, gl.COLOR_ATTACHMENT0, gl.TEXTURE_2D, this._drawTextures[1 - this.____drawIndex], 0);
|
|
100
|
-
fadeAway.draw(this._drawTextures[this.____drawIndex], this._fadeOpacity);
|
|
101
|
-
gl.bindFramebuffer(gl.FRAMEBUFFER, null);
|
|
102
|
-
defaultblendfunction(gl);
|
|
103
|
-
gl.viewport(0, 0, canvasWidth, canvasHeight);
|
|
104
|
-
}
|
|
105
|
-
globeShellWiggle.setTexture(this._drawTextures[this.____drawIndex]);
|
|
106
|
-
globeShellWiggle.draw();
|
|
107
|
-
this._step();
|
|
108
|
-
gl.enable(gl.DEPTH_TEST);
|
|
109
|
-
}
|
|
110
|
-
setCycleStepCount(value) {
|
|
111
|
-
if (value < 3) {
|
|
112
|
-
this._fullCycleStepCount = 3;
|
|
113
|
-
}
|
|
114
|
-
this._fullCycleStepCount = value;
|
|
115
|
-
}
|
|
116
|
-
// TODO: free all resources
|
|
117
|
-
free() {
|
|
118
|
-
if (this._isFreed) {
|
|
119
|
-
console.warn("WaveParticle plugin is already freed");
|
|
120
|
-
return;
|
|
121
|
-
}
|
|
122
|
-
;
|
|
123
|
-
this._isFreed = true;
|
|
124
|
-
const { gl, globeShellWiggle, _rgVectorFieldTexture, bufferManager, waveUbo, _drawTextures, _frameBuffer } = this;
|
|
125
|
-
this.fadeAway = null;
|
|
126
|
-
FadeAwayProgramCache.release(gl);
|
|
127
|
-
globeShellWiggle.free();
|
|
128
|
-
gl.deleteTexture(_rgVectorFieldTexture);
|
|
129
|
-
// glProgramCache.releaseProgram(gl, MoveParticle);
|
|
130
|
-
pixelBasedMoveProgramCache.getProgram(gl);
|
|
131
|
-
this.moveParticle = null;
|
|
132
|
-
// glProgramCache.releaseProgram(gl, DrawParticle);
|
|
133
|
-
drawRectangleParticlesProgramCache.getProgram(gl);
|
|
134
|
-
this.drawParticle = null;
|
|
135
|
-
bufferManager.free();
|
|
136
|
-
waveUbo.free();
|
|
137
|
-
_drawTextures.forEach(texture => gl.deleteTexture(texture));
|
|
138
|
-
gl.deleteFramebuffer(_frameBuffer);
|
|
139
|
-
}
|
|
140
|
-
// setters
|
|
141
|
-
setParticleCount(value) {
|
|
142
|
-
this._particleCount = value;
|
|
143
|
-
this.bufferManager.setParticleCount(value);
|
|
144
|
-
}
|
|
145
|
-
setVectorFieldData(data, { dataWidth = null, dataHeight = null, flipY } = {}) {
|
|
146
|
-
if (dataWidth !== null && dataHeight !== null) {
|
|
147
|
-
this._dataWidth = dataWidth;
|
|
148
|
-
this._dataHeight = dataHeight;
|
|
149
|
-
}
|
|
150
|
-
if (flipY !== undefined) {
|
|
151
|
-
this._flipY = flipY;
|
|
152
|
-
}
|
|
153
|
-
this.__data = data;
|
|
154
|
-
const { gl, _dataWidth, _dataHeight } = this;
|
|
155
|
-
gl.bindTexture(gl.TEXTURE_2D, this._rgVectorFieldTexture);
|
|
156
|
-
gl.pixelStorei(gl.UNPACK_FLIP_Y_WEBGL, this._flipY);
|
|
157
|
-
gl.texImage2D(gl.TEXTURE_2D, 0, gl.RG32F, _dataWidth, _dataHeight, 0, gl.RG, gl.FLOAT, data);
|
|
158
|
-
gl.bindTexture(gl.TEXTURE_2D, null);
|
|
159
|
-
gl.pixelStorei(gl.UNPACK_FLIP_Y_WEBGL, false);
|
|
160
|
-
}
|
|
161
|
-
setHeight(value) {
|
|
162
|
-
this.globeShellWiggle.setHeight(value);
|
|
163
|
-
}
|
|
164
|
-
setDropRate(value) {
|
|
165
|
-
this.waveUbo.updateSingle("drop_rate", new Float32Array([value]));
|
|
166
|
-
;
|
|
167
|
-
}
|
|
168
|
-
setDrawTextureMaxPixelOnDimension(value) {
|
|
169
|
-
this._drawTextureMaxPixelOnDimension = value;
|
|
170
|
-
this._drawTextureResolution = this._drawTextureSizeFromBbox(this._globeshellparameters);
|
|
171
|
-
this.waveUbo.updateSingle("draw_texture_size", new Float32Array([this._drawTextureResolution.width, this._drawTextureResolution.height]));
|
|
172
|
-
this._drawTextures = [this._createDrawTexture(), this._createDrawTexture()];
|
|
173
|
-
}
|
|
174
|
-
setParticleSpeed(value) {
|
|
175
|
-
if (typeof value !== 'number' || value <= 0) {
|
|
176
|
-
console.error("Particle speed must be a positive number");
|
|
177
|
-
return;
|
|
178
|
-
}
|
|
179
|
-
if (value > 100) {
|
|
180
|
-
console.warn("Particle speed is too high, it may cause performance issues");
|
|
181
|
-
}
|
|
182
|
-
this.waveUbo.updateSingle("range", new Float32Array([value]));
|
|
183
|
-
}
|
|
184
|
-
setFadeOpacity(value) {
|
|
185
|
-
if (typeof value !== 'number' || value < 0 || value > 1) {
|
|
186
|
-
console.error("Fade opacity must be a number between 0 and 1");
|
|
187
|
-
return;
|
|
188
|
-
}
|
|
189
|
-
this._fadeOpacity = value;
|
|
190
|
-
}
|
|
191
|
-
setOpacity(value) {
|
|
192
|
-
if (typeof value !== 'number' || value < 0 || value > 1) {
|
|
193
|
-
console.error("Opacity must be a number between 0 and 1");
|
|
194
|
-
return;
|
|
195
|
-
}
|
|
196
|
-
this.globeShellWiggle.setOpacity(value);
|
|
197
|
-
}
|
|
198
|
-
setParticleDimensions(tail, wing) {
|
|
199
|
-
if (0 < tail && 0 < wing) {
|
|
200
|
-
this.waveUbo.updateSingle("tail_wing_base_limp", new Float32Array([tail, wing]));
|
|
201
|
-
;
|
|
202
|
-
}
|
|
203
|
-
else {
|
|
204
|
-
console.error("tail and wing must be positive numbers");
|
|
205
|
-
return;
|
|
206
|
-
}
|
|
207
|
-
}
|
|
208
|
-
setParticleColor(color) {
|
|
209
|
-
if (color.length !== 3) {
|
|
210
|
-
console.error("color must be an array of rgb elements");
|
|
211
|
-
return;
|
|
212
|
-
}
|
|
213
|
-
this.waveUbo.updateSingle("color", new Float32Array(color));
|
|
214
|
-
;
|
|
215
|
-
}
|
|
216
|
-
setBBox({ minLon, minLat, maxLon, maxLat }) {
|
|
217
|
-
this._globeshellparameters = { minLon, minLat, maxLon, maxLat };
|
|
218
|
-
this.globeShellWiggle.setBBox({ minLon, minLat, maxLon, maxLat });
|
|
219
|
-
this._drawTextureResolution = this._drawTextureSizeFromBbox({ minLon, minLat, maxLon, maxLat });
|
|
220
|
-
this.waveUbo.updateSingle("draw_texture_size", new Float32Array([this._drawTextureResolution.width, this._drawTextureResolution.height]));
|
|
221
|
-
this._drawTextures = [this._createDrawTexture(), this._createDrawTexture()];
|
|
222
|
-
}
|
|
223
|
-
__readAndWriteTextureData() {
|
|
224
|
-
const { gl, _rgVectorFieldTexture, _dataWidth, _dataHeight } = this;
|
|
225
|
-
// Step 1: Bind the texture to a framebuffer
|
|
226
|
-
// Step 2: Read the texture data into a Float32Array
|
|
227
|
-
gl.bindTexture(gl.TEXTURE_2D, _rgVectorFieldTexture);
|
|
228
|
-
const textureData = new Float32Array(_dataWidth * _dataHeight * 2); // RG32F has 2 components per pixel
|
|
229
|
-
gl.readPixels(0, 0, _dataWidth, _dataHeight, gl.RG, gl.FLOAT, textureData);
|
|
230
|
-
gl.bindTexture(gl.TEXTURE_2D, null);
|
|
231
|
-
// Step 3: Create a new texture and write the data back
|
|
232
|
-
// Step 4: Clean up
|
|
233
|
-
gl.deleteTexture(this._rgVectorFieldTexture);
|
|
234
|
-
// Replace the old texture with the new one
|
|
235
|
-
this._rgVectorFieldTexture = this._createRGTexture();
|
|
236
|
-
this.setVectorFieldData(textureData);
|
|
237
|
-
}
|
|
238
|
-
_drawTextureSizeFromBbox({ minLon, minLat, maxLon, maxLat }) {
|
|
239
|
-
let horizon;
|
|
240
|
-
if (minLon > 0 && maxLon < 0) {
|
|
241
|
-
horizon = 360 - minLon + maxLon;
|
|
242
|
-
}
|
|
243
|
-
else {
|
|
244
|
-
horizon = maxLon - minLon;
|
|
245
|
-
}
|
|
246
|
-
const vertical = maxLat - minLat;
|
|
247
|
-
let width, height;
|
|
248
|
-
if (horizon > vertical) {
|
|
249
|
-
width = this._drawTextureMaxPixelOnDimension;
|
|
250
|
-
height = Math.floor(this._drawTextureMaxPixelOnDimension * vertical / horizon);
|
|
251
|
-
}
|
|
252
|
-
else {
|
|
253
|
-
height = this._drawTextureMaxPixelOnDimension;
|
|
254
|
-
width = Math.floor(this._drawTextureMaxPixelOnDimension * horizon / vertical);
|
|
255
|
-
}
|
|
256
|
-
return {
|
|
257
|
-
width,
|
|
258
|
-
height
|
|
259
|
-
};
|
|
260
|
-
}
|
|
261
|
-
_createRGTexture() {
|
|
262
|
-
const { gl, _dataWidth, _dataHeight, } = this;
|
|
263
|
-
const texture = gl.createTexture();
|
|
264
|
-
// R32F
|
|
265
|
-
gl.bindTexture(gl.TEXTURE_2D, texture);
|
|
266
|
-
gl.texImage2D(gl.TEXTURE_2D, 0, gl.RG32F, _dataWidth, _dataHeight, 0, gl.RG, gl.FLOAT, null);
|
|
267
|
-
gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, gl.NEAREST);
|
|
268
|
-
gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MAG_FILTER, gl.NEAREST);
|
|
269
|
-
gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_S, gl.CLAMP_TO_EDGE);
|
|
270
|
-
gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_T, gl.CLAMP_TO_EDGE);
|
|
271
|
-
gl.bindTexture(gl.TEXTURE_2D, null);
|
|
272
|
-
return texture;
|
|
273
|
-
}
|
|
274
|
-
_createDrawTexture() {
|
|
275
|
-
const gl = this.gl;
|
|
276
|
-
const texture = gl.createTexture();
|
|
277
|
-
gl.bindTexture(gl.TEXTURE_2D, texture);
|
|
278
|
-
// gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA, 2200, 2200, 0, gl.RGBA, gl.UNSIGNED_BYTE, null);
|
|
279
|
-
gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA, this._drawTextureResolution.width, this._drawTextureResolution.height, 0, gl.RGBA, gl.UNSIGNED_BYTE, null);
|
|
280
|
-
gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, gl.LINEAR);
|
|
281
|
-
gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MAG_FILTER, gl.LINEAR);
|
|
282
|
-
gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_S, gl.CLAMP_TO_EDGE);
|
|
283
|
-
gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_T, gl.CLAMP_TO_EDGE);
|
|
284
|
-
gl.bindTexture(gl.TEXTURE_2D, null);
|
|
285
|
-
return texture;
|
|
286
|
-
}
|
|
287
|
-
_step() {
|
|
288
|
-
this._stepIndex = (this._stepIndex + 1) % this._fullCycleStepCount;
|
|
289
|
-
}
|
|
290
|
-
}
|
|
@@ -1,95 +0,0 @@
|
|
|
1
|
-
import { CSZMode } from "@pirireis/webglobe";
|
|
2
|
-
import { isTextFont, opacityCheck } from "../util/check/typecheck";
|
|
3
|
-
/**
|
|
4
|
-
* Light wight version of context text writer.
|
|
5
|
-
* The parameters by text are calculated on user side and inserted as items. (ContextTextWriter3 constructs text data from items)
|
|
6
|
-
*
|
|
7
|
-
* Good side of ContextTextWriters pattern is that there is only one way to create text.
|
|
8
|
-
* The glue is inside the plugin.
|
|
9
|
-
* This makes the code more readable and maintainable.
|
|
10
|
-
*
|
|
11
|
-
* With AttachedTextWriter the glue is created by user.
|
|
12
|
-
* I observed that the users generally uses a wrapper around the plugin logic anyway. This wrapper can be used as the glue for plugin and attached writer.
|
|
13
|
-
*/
|
|
14
|
-
export class AttachedTextWriter {
|
|
15
|
-
constructor(globe, { style = {
|
|
16
|
-
textFont: {
|
|
17
|
-
name: 'Arial',
|
|
18
|
-
textColor: '#FFFFFF', // beyaz
|
|
19
|
-
hollowColor: '#000000', // siyah
|
|
20
|
-
size: 12, // piksel
|
|
21
|
-
hollow: true,
|
|
22
|
-
bold: true,
|
|
23
|
-
italic: false,
|
|
24
|
-
},
|
|
25
|
-
opacity: 1.0,
|
|
26
|
-
zMode: CSZMode.Z_GROUND_PERVERTEX,
|
|
27
|
-
}, doDraw = true, angleOnSphere = false, zoomLevelAdaptor = (zoomLevel) => (item) => {
|
|
28
|
-
return {
|
|
29
|
-
opacityMultiplier: 1,
|
|
30
|
-
sizeMultiplier: 1
|
|
31
|
-
};
|
|
32
|
-
}, } = {}) {
|
|
33
|
-
this.globe = globe;
|
|
34
|
-
this._itemMap = new Map();
|
|
35
|
-
this.doDraw = doDraw;
|
|
36
|
-
this.angleOnSphere = angleOnSphere;
|
|
37
|
-
this.zoomLevelAdaptor = zoomLevelAdaptor;
|
|
38
|
-
this.setStyle(style);
|
|
39
|
-
}
|
|
40
|
-
setOpacity(opacity) {
|
|
41
|
-
opacityCheck(opacity);
|
|
42
|
-
this._style.opacity = opacity;
|
|
43
|
-
this.globe.DrawRender();
|
|
44
|
-
}
|
|
45
|
-
setStyle(style) {
|
|
46
|
-
isTextFont(style.textFont);
|
|
47
|
-
this._style = style;
|
|
48
|
-
this.globe.DrawRender();
|
|
49
|
-
}
|
|
50
|
-
/**
|
|
51
|
-
*
|
|
52
|
-
* @param {{text, long, lat, z = 0, xOffset = 0, yOffset = 0, isAngleOn = false, Angle = 0 }} item
|
|
53
|
-
* @returns
|
|
54
|
-
*/
|
|
55
|
-
insertItem(item) {
|
|
56
|
-
const key = this.keyAdaptor ? this.keyAdaptor(item) : item;
|
|
57
|
-
this._itemMap.set(key, item);
|
|
58
|
-
this.globe.DrawRender();
|
|
59
|
-
}
|
|
60
|
-
removeItem(item) {
|
|
61
|
-
const key = this.keyAdaptor ? this.keyAdaptor(item) : item;
|
|
62
|
-
if (this._itemMap.delete(key)) {
|
|
63
|
-
this.globe.DrawRender();
|
|
64
|
-
return true;
|
|
65
|
-
}
|
|
66
|
-
return false;
|
|
67
|
-
}
|
|
68
|
-
// TODO: use item style
|
|
69
|
-
draw() {
|
|
70
|
-
if (!this.doDraw) {
|
|
71
|
-
return;
|
|
72
|
-
}
|
|
73
|
-
const { globe, _itemMap, _style } = this;
|
|
74
|
-
const { zMode, textFont, opacity } = _style;
|
|
75
|
-
const is3D = globe.api_GetCurrentGeometry() === 0;
|
|
76
|
-
const angleIsOn = is3D ? true : this.angleOnSphere;
|
|
77
|
-
const zoomLevel = globe.api_GetCurrentLODWithDecimal();
|
|
78
|
-
const zoomAdaptor = this.zoomLevelAdaptor(zoomLevel);
|
|
79
|
-
const theSize = textFont.size;
|
|
80
|
-
_itemMap.forEach((item, key) => {
|
|
81
|
-
const { text, long, lat, z = 0, xOffset = 0, yOffset = 0, isAngleOn = false, angle = 0 } = item;
|
|
82
|
-
const { x, y } = globe.api_GetScreenPointFromGeo({
|
|
83
|
-
long,
|
|
84
|
-
lat,
|
|
85
|
-
z
|
|
86
|
-
}, zMode);
|
|
87
|
-
const { opacityMultiplier, sizeMultiplier } = zoomAdaptor(item);
|
|
88
|
-
textFont.size = sizeMultiplier * theSize;
|
|
89
|
-
if (x !== null && y !== null) {
|
|
90
|
-
globe.api_DrawContextText(text, textFont, opacityMultiplier * opacity, { x: x + xOffset, y: y - yOffset }, (isAngleOn && angleIsOn), angle);
|
|
91
|
-
}
|
|
92
|
-
});
|
|
93
|
-
textFont.size = theSize;
|
|
94
|
-
}
|
|
95
|
-
}
|