@deck.gl/extensions 8.6.2 → 8.7.0-alpha.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/dist/dist.dev.js +108 -108
- package/dist/es5/brushing/brushing.js +49 -80
- package/dist/es5/brushing/brushing.js.map +1 -1
- package/dist/es5/brushing/shader-module.js +15 -16
- package/dist/es5/brushing/shader-module.js.map +1 -1
- package/dist/es5/clip/clip.js +35 -62
- package/dist/es5/clip/clip.js.map +1 -1
- package/dist/es5/data-filter/aggregator.js +14 -19
- package/dist/es5/data-filter/aggregator.js.map +1 -1
- package/dist/es5/data-filter/data-filter.js +148 -172
- package/dist/es5/data-filter/data-filter.js.map +1 -1
- package/dist/es5/data-filter/shader-module.js +37 -58
- package/dist/es5/data-filter/shader-module.js.map +1 -1
- package/dist/es5/fill-style/fill-style.js +158 -244
- package/dist/es5/fill-style/fill-style.js.map +1 -1
- package/dist/es5/fill-style/shaders.glsl.js +19 -18
- package/dist/es5/fill-style/shaders.glsl.js.map +1 -1
- package/dist/es5/fp64/fp64.js +12 -36
- package/dist/es5/fp64/fp64.js.map +1 -1
- package/dist/es5/fp64/project64.js +20 -18
- package/dist/es5/fp64/project64.js.map +1 -1
- package/dist/es5/index.js +7 -7
- package/dist/es5/path-style/path-style.js +89 -121
- package/dist/es5/path-style/path-style.js.map +1 -1
- package/dist/es5/path-style/shaders.glsl.js +2 -2
- package/dist/es5/path-style/shaders.glsl.js.map +1 -1
- package/dist/esm/clip/clip.js.map +1 -1
- package/dist/esm/data-filter/aggregator.js.map +1 -1
- package/dist/esm/fill-style/fill-style.js.map +1 -1
- package/dist.min.js +1 -1
- package/package.json +2 -2
- package/src/clip/clip.js +1 -1
- package/src/data-filter/aggregator.js +107 -107
package/dist/dist.dev.js
CHANGED
|
@@ -15565,7 +15565,7 @@ varying float clip_isVisible;
|
|
|
15565
15565
|
|
|
15566
15566
|
/*
|
|
15567
15567
|
* The fragment-shader version clips pixels at the bounds
|
|
15568
|
-
* e.g. PolygonLayer - show the part of the polygon that intersect with the bounds
|
|
15568
|
+
* e.g. PolygonLayer - show the part of the polygon that intersect with the bounds
|
|
15569
15569
|
*/
|
|
15570
15570
|
const shaderModuleFs = {
|
|
15571
15571
|
name: 'clip-fs',
|
|
@@ -15651,113 +15651,113 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
15651
15651
|
/* harmony import */ var _luma_gl_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @luma.gl/core */ "@luma.gl/core");
|
|
15652
15652
|
/* harmony import */ var _luma_gl_core__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_luma_gl_core__WEBPACK_IMPORTED_MODULE_0__);
|
|
15653
15653
|
/* harmony import */ var _luma_gl_constants__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @luma.gl/constants */ "../../node_modules/@luma.gl/constants/dist/esm/index.js");
|
|
15654
|
-
|
|
15655
|
-
|
|
15656
|
-
|
|
15657
|
-
const AGGREGATE_VS = `\
|
|
15658
|
-
#define SHADER_NAME data-filter-vertex-shader
|
|
15659
|
-
|
|
15660
|
-
#ifdef FLOAT_TARGET
|
|
15661
|
-
attribute float filterIndices;
|
|
15662
|
-
attribute float filterPrevIndices;
|
|
15663
|
-
#else
|
|
15664
|
-
attribute vec2 filterIndices;
|
|
15665
|
-
attribute vec2 filterPrevIndices;
|
|
15666
|
-
#endif
|
|
15667
|
-
|
|
15668
|
-
varying vec4 vColor;
|
|
15669
|
-
const float component = 1.0 / 255.0;
|
|
15670
|
-
|
|
15671
|
-
void main() {
|
|
15672
|
-
#ifdef FLOAT_TARGET
|
|
15673
|
-
dataFilter_value *= float(filterIndices != filterPrevIndices);
|
|
15674
|
-
gl_Position = vec4(0.0, 0.0, 0.0, 1.0);
|
|
15675
|
-
vColor = vec4(0.0, 0.0, 0.0, 1.0);
|
|
15676
|
-
#else
|
|
15677
|
-
// Float texture is not supported: pack result into 4 channels x 256 px x 64px
|
|
15678
|
-
dataFilter_value *= float(filterIndices.x != filterPrevIndices.x);
|
|
15679
|
-
float col = filterIndices.x;
|
|
15680
|
-
float row = filterIndices.y * 4.0;
|
|
15681
|
-
float channel = floor(row);
|
|
15682
|
-
row = fract(row);
|
|
15683
|
-
vColor = component * vec4(bvec4(channel == 0.0, channel == 1.0, channel == 2.0, channel == 3.0));
|
|
15684
|
-
gl_Position = vec4(col * 2.0 - 1.0, row * 2.0 - 1.0, 0.0, 1.0);
|
|
15685
|
-
#endif
|
|
15686
|
-
gl_PointSize = 1.0;
|
|
15687
|
-
}
|
|
15688
|
-
`;
|
|
15689
|
-
|
|
15690
|
-
const AGGREGATE_FS = `\
|
|
15691
|
-
#define SHADER_NAME data-filter-fragment-shader
|
|
15692
|
-
precision highp float;
|
|
15693
|
-
|
|
15694
|
-
varying vec4 vColor;
|
|
15695
|
-
|
|
15696
|
-
void main() {
|
|
15697
|
-
if (dataFilter_value < 0.5) {
|
|
15698
|
-
discard;
|
|
15699
|
-
}
|
|
15700
|
-
gl_FragColor = vColor;
|
|
15701
|
-
}
|
|
15702
|
-
`;
|
|
15703
|
-
|
|
15704
|
-
function supportsFloatTarget(gl) {
|
|
15705
|
-
// https://developer.mozilla.org/en-US/docs/Web/API/WebGL_API/WebGL_best_practices#Support_for_float_textures_doesnt_mean_you_can_render_into_them!
|
|
15706
|
-
return (
|
|
15707
|
-
gl.getExtension('EXT_float_blend') &&
|
|
15708
|
-
// WebGL 2
|
|
15709
|
-
(gl.getExtension('EXT_color_buffer_float') ||
|
|
15710
|
-
// WebGL 1
|
|
15711
|
-
gl.getExtension('WEBGL_color_buffer_float'))
|
|
15712
|
-
);
|
|
15713
|
-
}
|
|
15714
|
-
|
|
15715
|
-
// A 1x1 framebuffer object that encodes the total count of filtered items
|
|
15716
|
-
function getFramebuffer(gl, useFloatTarget) {
|
|
15717
|
-
if (useFloatTarget) {
|
|
15718
|
-
return new _luma_gl_core__WEBPACK_IMPORTED_MODULE_0__["Framebuffer"](gl, {
|
|
15719
|
-
width: 1,
|
|
15720
|
-
height: 1,
|
|
15721
|
-
attachments: {
|
|
15722
|
-
[_luma_gl_constants__WEBPACK_IMPORTED_MODULE_1__["default"].COLOR_ATTACHMENT0]: new _luma_gl_core__WEBPACK_IMPORTED_MODULE_0__["Texture2D"](gl, {
|
|
15723
|
-
format: Object(_luma_gl_core__WEBPACK_IMPORTED_MODULE_0__["isWebGL2"])(gl) ? _luma_gl_constants__WEBPACK_IMPORTED_MODULE_1__["default"].RGBA32F : _luma_gl_constants__WEBPACK_IMPORTED_MODULE_1__["default"].RGBA,
|
|
15724
|
-
type: _luma_gl_constants__WEBPACK_IMPORTED_MODULE_1__["default"].FLOAT,
|
|
15725
|
-
mipmaps: false
|
|
15726
|
-
})
|
|
15727
|
-
}
|
|
15728
|
-
});
|
|
15729
|
-
}
|
|
15730
|
-
return new _luma_gl_core__WEBPACK_IMPORTED_MODULE_0__["Framebuffer"](gl, {
|
|
15731
|
-
width: 256,
|
|
15732
|
-
height: 64,
|
|
15733
|
-
depth: false
|
|
15734
|
-
});
|
|
15735
|
-
}
|
|
15736
|
-
|
|
15737
|
-
// Increments the counter based on dataFilter_value
|
|
15738
|
-
function getModel(gl, shaderOptions, useFloatTarget) {
|
|
15739
|
-
shaderOptions.defines.NON_INSTANCED_MODEL = 1;
|
|
15740
|
-
if (useFloatTarget) {
|
|
15741
|
-
shaderOptions.defines.FLOAT_TARGET = 1;
|
|
15742
|
-
}
|
|
15743
|
-
|
|
15744
|
-
return new _luma_gl_core__WEBPACK_IMPORTED_MODULE_0__["Model"](gl, {
|
|
15745
|
-
id: 'data-filter-aggregation-model',
|
|
15746
|
-
vertexCount: 1,
|
|
15747
|
-
isInstanced: false,
|
|
15748
|
-
drawMode: _luma_gl_constants__WEBPACK_IMPORTED_MODULE_1__["default"].POINTS,
|
|
15749
|
-
vs: AGGREGATE_VS,
|
|
15750
|
-
fs: AGGREGATE_FS,
|
|
15751
|
-
...shaderOptions
|
|
15752
|
-
});
|
|
15753
|
-
}
|
|
15754
|
-
|
|
15755
|
-
const parameters = {
|
|
15756
|
-
blend: true,
|
|
15757
|
-
blendFunc: [_luma_gl_constants__WEBPACK_IMPORTED_MODULE_1__["default"].ONE, _luma_gl_constants__WEBPACK_IMPORTED_MODULE_1__["default"].ONE, _luma_gl_constants__WEBPACK_IMPORTED_MODULE_1__["default"].ONE, _luma_gl_constants__WEBPACK_IMPORTED_MODULE_1__["default"].ONE],
|
|
15758
|
-
blendEquation: [_luma_gl_constants__WEBPACK_IMPORTED_MODULE_1__["default"].FUNC_ADD, _luma_gl_constants__WEBPACK_IMPORTED_MODULE_1__["default"].FUNC_ADD],
|
|
15759
|
-
depthTest: false
|
|
15760
|
-
};
|
|
15654
|
+
|
|
15655
|
+
|
|
15656
|
+
|
|
15657
|
+
const AGGREGATE_VS = `\
|
|
15658
|
+
#define SHADER_NAME data-filter-vertex-shader
|
|
15659
|
+
|
|
15660
|
+
#ifdef FLOAT_TARGET
|
|
15661
|
+
attribute float filterIndices;
|
|
15662
|
+
attribute float filterPrevIndices;
|
|
15663
|
+
#else
|
|
15664
|
+
attribute vec2 filterIndices;
|
|
15665
|
+
attribute vec2 filterPrevIndices;
|
|
15666
|
+
#endif
|
|
15667
|
+
|
|
15668
|
+
varying vec4 vColor;
|
|
15669
|
+
const float component = 1.0 / 255.0;
|
|
15670
|
+
|
|
15671
|
+
void main() {
|
|
15672
|
+
#ifdef FLOAT_TARGET
|
|
15673
|
+
dataFilter_value *= float(filterIndices != filterPrevIndices);
|
|
15674
|
+
gl_Position = vec4(0.0, 0.0, 0.0, 1.0);
|
|
15675
|
+
vColor = vec4(0.0, 0.0, 0.0, 1.0);
|
|
15676
|
+
#else
|
|
15677
|
+
// Float texture is not supported: pack result into 4 channels x 256 px x 64px
|
|
15678
|
+
dataFilter_value *= float(filterIndices.x != filterPrevIndices.x);
|
|
15679
|
+
float col = filterIndices.x;
|
|
15680
|
+
float row = filterIndices.y * 4.0;
|
|
15681
|
+
float channel = floor(row);
|
|
15682
|
+
row = fract(row);
|
|
15683
|
+
vColor = component * vec4(bvec4(channel == 0.0, channel == 1.0, channel == 2.0, channel == 3.0));
|
|
15684
|
+
gl_Position = vec4(col * 2.0 - 1.0, row * 2.0 - 1.0, 0.0, 1.0);
|
|
15685
|
+
#endif
|
|
15686
|
+
gl_PointSize = 1.0;
|
|
15687
|
+
}
|
|
15688
|
+
`;
|
|
15689
|
+
|
|
15690
|
+
const AGGREGATE_FS = `\
|
|
15691
|
+
#define SHADER_NAME data-filter-fragment-shader
|
|
15692
|
+
precision highp float;
|
|
15693
|
+
|
|
15694
|
+
varying vec4 vColor;
|
|
15695
|
+
|
|
15696
|
+
void main() {
|
|
15697
|
+
if (dataFilter_value < 0.5) {
|
|
15698
|
+
discard;
|
|
15699
|
+
}
|
|
15700
|
+
gl_FragColor = vColor;
|
|
15701
|
+
}
|
|
15702
|
+
`;
|
|
15703
|
+
|
|
15704
|
+
function supportsFloatTarget(gl) {
|
|
15705
|
+
// https://developer.mozilla.org/en-US/docs/Web/API/WebGL_API/WebGL_best_practices#Support_for_float_textures_doesnt_mean_you_can_render_into_them!
|
|
15706
|
+
return (
|
|
15707
|
+
gl.getExtension('EXT_float_blend') &&
|
|
15708
|
+
// WebGL 2
|
|
15709
|
+
(gl.getExtension('EXT_color_buffer_float') ||
|
|
15710
|
+
// WebGL 1
|
|
15711
|
+
gl.getExtension('WEBGL_color_buffer_float'))
|
|
15712
|
+
);
|
|
15713
|
+
}
|
|
15714
|
+
|
|
15715
|
+
// A 1x1 framebuffer object that encodes the total count of filtered items
|
|
15716
|
+
function getFramebuffer(gl, useFloatTarget) {
|
|
15717
|
+
if (useFloatTarget) {
|
|
15718
|
+
return new _luma_gl_core__WEBPACK_IMPORTED_MODULE_0__["Framebuffer"](gl, {
|
|
15719
|
+
width: 1,
|
|
15720
|
+
height: 1,
|
|
15721
|
+
attachments: {
|
|
15722
|
+
[_luma_gl_constants__WEBPACK_IMPORTED_MODULE_1__["default"].COLOR_ATTACHMENT0]: new _luma_gl_core__WEBPACK_IMPORTED_MODULE_0__["Texture2D"](gl, {
|
|
15723
|
+
format: Object(_luma_gl_core__WEBPACK_IMPORTED_MODULE_0__["isWebGL2"])(gl) ? _luma_gl_constants__WEBPACK_IMPORTED_MODULE_1__["default"].RGBA32F : _luma_gl_constants__WEBPACK_IMPORTED_MODULE_1__["default"].RGBA,
|
|
15724
|
+
type: _luma_gl_constants__WEBPACK_IMPORTED_MODULE_1__["default"].FLOAT,
|
|
15725
|
+
mipmaps: false
|
|
15726
|
+
})
|
|
15727
|
+
}
|
|
15728
|
+
});
|
|
15729
|
+
}
|
|
15730
|
+
return new _luma_gl_core__WEBPACK_IMPORTED_MODULE_0__["Framebuffer"](gl, {
|
|
15731
|
+
width: 256,
|
|
15732
|
+
height: 64,
|
|
15733
|
+
depth: false
|
|
15734
|
+
});
|
|
15735
|
+
}
|
|
15736
|
+
|
|
15737
|
+
// Increments the counter based on dataFilter_value
|
|
15738
|
+
function getModel(gl, shaderOptions, useFloatTarget) {
|
|
15739
|
+
shaderOptions.defines.NON_INSTANCED_MODEL = 1;
|
|
15740
|
+
if (useFloatTarget) {
|
|
15741
|
+
shaderOptions.defines.FLOAT_TARGET = 1;
|
|
15742
|
+
}
|
|
15743
|
+
|
|
15744
|
+
return new _luma_gl_core__WEBPACK_IMPORTED_MODULE_0__["Model"](gl, {
|
|
15745
|
+
id: 'data-filter-aggregation-model',
|
|
15746
|
+
vertexCount: 1,
|
|
15747
|
+
isInstanced: false,
|
|
15748
|
+
drawMode: _luma_gl_constants__WEBPACK_IMPORTED_MODULE_1__["default"].POINTS,
|
|
15749
|
+
vs: AGGREGATE_VS,
|
|
15750
|
+
fs: AGGREGATE_FS,
|
|
15751
|
+
...shaderOptions
|
|
15752
|
+
});
|
|
15753
|
+
}
|
|
15754
|
+
|
|
15755
|
+
const parameters = {
|
|
15756
|
+
blend: true,
|
|
15757
|
+
blendFunc: [_luma_gl_constants__WEBPACK_IMPORTED_MODULE_1__["default"].ONE, _luma_gl_constants__WEBPACK_IMPORTED_MODULE_1__["default"].ONE, _luma_gl_constants__WEBPACK_IMPORTED_MODULE_1__["default"].ONE, _luma_gl_constants__WEBPACK_IMPORTED_MODULE_1__["default"].ONE],
|
|
15758
|
+
blendEquation: [_luma_gl_constants__WEBPACK_IMPORTED_MODULE_1__["default"].FUNC_ADD, _luma_gl_constants__WEBPACK_IMPORTED_MODULE_1__["default"].FUNC_ADD],
|
|
15759
|
+
depthTest: false
|
|
15760
|
+
};
|
|
15761
15761
|
|
|
15762
15762
|
|
|
15763
15763
|
/***/ }),
|
|
@@ -7,25 +7,11 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
7
7
|
});
|
|
8
8
|
exports.default = void 0;
|
|
9
9
|
|
|
10
|
-
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
11
|
-
|
|
12
|
-
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
13
|
-
|
|
14
|
-
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
15
|
-
|
|
16
|
-
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
|
|
17
|
-
|
|
18
|
-
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
|
19
|
-
|
|
20
10
|
var _core = require("@deck.gl/core");
|
|
21
11
|
|
|
22
12
|
var _shaderModule = _interopRequireDefault(require("./shader-module"));
|
|
23
13
|
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
|
|
27
|
-
|
|
28
|
-
var defaultProps = {
|
|
14
|
+
const defaultProps = {
|
|
29
15
|
getBrushingTarget: {
|
|
30
16
|
type: 'accessor',
|
|
31
17
|
value: [0, 0]
|
|
@@ -35,79 +21,62 @@ var defaultProps = {
|
|
|
35
21
|
brushingRadius: 10000
|
|
36
22
|
};
|
|
37
23
|
|
|
38
|
-
|
|
39
|
-
(
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
function BrushingExtension() {
|
|
44
|
-
(0, _classCallCheck2.default)(this, BrushingExtension);
|
|
45
|
-
return _super.apply(this, arguments);
|
|
24
|
+
class BrushingExtension extends _core.LayerExtension {
|
|
25
|
+
getShaders(extension) {
|
|
26
|
+
return {
|
|
27
|
+
modules: [_shaderModule.default]
|
|
28
|
+
};
|
|
46
29
|
}
|
|
47
30
|
|
|
48
|
-
(
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
attributeManager.add({
|
|
64
|
-
brushingTargets: {
|
|
65
|
-
size: 2,
|
|
66
|
-
accessor: 'getBrushingTarget',
|
|
67
|
-
update: !this.props.getBrushingTarget && extension.useConstantTargetPositions,
|
|
68
|
-
shaderAttributes: {
|
|
69
|
-
brushingTargets: {
|
|
70
|
-
divisor: 0
|
|
71
|
-
},
|
|
72
|
-
instanceBrushingTargets: {
|
|
73
|
-
divisor: 1
|
|
74
|
-
}
|
|
31
|
+
initializeState(context, extension) {
|
|
32
|
+
const attributeManager = this.getAttributeManager();
|
|
33
|
+
|
|
34
|
+
if (attributeManager) {
|
|
35
|
+
attributeManager.add({
|
|
36
|
+
brushingTargets: {
|
|
37
|
+
size: 2,
|
|
38
|
+
accessor: 'getBrushingTarget',
|
|
39
|
+
update: !this.props.getBrushingTarget && extension.useConstantTargetPositions,
|
|
40
|
+
shaderAttributes: {
|
|
41
|
+
brushingTargets: {
|
|
42
|
+
divisor: 0
|
|
43
|
+
},
|
|
44
|
+
instanceBrushingTargets: {
|
|
45
|
+
divisor: 1
|
|
75
46
|
}
|
|
76
47
|
}
|
|
77
|
-
}
|
|
78
|
-
}
|
|
48
|
+
}
|
|
49
|
+
});
|
|
50
|
+
}
|
|
79
51
|
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
52
|
+
extension.onMouseMove = () => {
|
|
53
|
+
this.getCurrentLayer().setNeedsRedraw();
|
|
54
|
+
};
|
|
83
55
|
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
}
|
|
56
|
+
if (this.context.deck) {
|
|
57
|
+
this.context.deck.eventManager.on({
|
|
58
|
+
pointermove: extension.onMouseMove,
|
|
59
|
+
pointerleave: extension.onMouseMove
|
|
60
|
+
});
|
|
90
61
|
}
|
|
91
|
-
}
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
}
|
|
100
|
-
}
|
|
101
|
-
}, {
|
|
102
|
-
key: "useConstantTargetPositions",
|
|
103
|
-
value: function useConstantTargetPositions(attribute) {
|
|
104
|
-
attribute.constant = true;
|
|
105
|
-
attribute.value = new Float32Array(2);
|
|
106
|
-
return;
|
|
62
|
+
}
|
|
63
|
+
|
|
64
|
+
finalizeState(extension) {
|
|
65
|
+
if (this.context.deck) {
|
|
66
|
+
this.context.deck.eventManager.off({
|
|
67
|
+
pointermove: extension.onMouseMove,
|
|
68
|
+
pointerleave: extension.onMouseMove
|
|
69
|
+
});
|
|
107
70
|
}
|
|
108
|
-
}
|
|
109
|
-
|
|
110
|
-
|
|
71
|
+
}
|
|
72
|
+
|
|
73
|
+
useConstantTargetPositions(attribute) {
|
|
74
|
+
attribute.constant = true;
|
|
75
|
+
attribute.value = new Float32Array(2);
|
|
76
|
+
return;
|
|
77
|
+
}
|
|
78
|
+
|
|
79
|
+
}
|
|
111
80
|
|
|
112
81
|
exports.default = BrushingExtension;
|
|
113
82
|
BrushingExtension.extensionName = 'BrushingExtension';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/brushing/brushing.js"],"names":["defaultProps","getBrushingTarget","type","value","brushingTarget","brushingEnabled","brushingRadius","BrushingExtension","extension","modules","shaderModule","context","attributeManager","getAttributeManager","add","brushingTargets","size","accessor","update","props","useConstantTargetPositions","shaderAttributes","divisor","instanceBrushingTargets","onMouseMove","getCurrentLayer","setNeedsRedraw","deck","eventManager","on","pointermove","pointerleave","off","attribute","constant","Float32Array","
|
|
1
|
+
{"version":3,"sources":["../../../src/brushing/brushing.js"],"names":["defaultProps","getBrushingTarget","type","value","brushingTarget","brushingEnabled","brushingRadius","BrushingExtension","LayerExtension","getShaders","extension","modules","shaderModule","initializeState","context","attributeManager","getAttributeManager","add","brushingTargets","size","accessor","update","props","useConstantTargetPositions","shaderAttributes","divisor","instanceBrushingTargets","onMouseMove","getCurrentLayer","setNeedsRedraw","deck","eventManager","on","pointermove","pointerleave","finalizeState","off","attribute","constant","Float32Array","extensionName"],"mappings":";;;;;;;;;AAoBA;;AACA;;AAEA,MAAMA,YAAY,GAAG;AACnBC,EAAAA,iBAAiB,EAAE;AAACC,IAAAA,IAAI,EAAE,UAAP;AAAmBC,IAAAA,KAAK,EAAE,CAAC,CAAD,EAAI,CAAJ;AAA1B,GADA;AAGnBC,EAAAA,cAAc,EAAE,QAHG;AAInBC,EAAAA,eAAe,EAAE,IAJE;AAKnBC,EAAAA,cAAc,EAAE;AALG,CAArB;;AAQe,MAAMC,iBAAN,SAAgCC,oBAAhC,CAA+C;AAC5DC,EAAAA,UAAU,CAACC,SAAD,EAAY;AACpB,WAAO;AACLC,MAAAA,OAAO,EAAE,CAACC,qBAAD;AADJ,KAAP;AAGD;;AAEDC,EAAAA,eAAe,CAACC,OAAD,EAAUJ,SAAV,EAAqB;AAClC,UAAMK,gBAAgB,GAAG,KAAKC,mBAAL,EAAzB;;AACA,QAAID,gBAAJ,EAAsB;AACpBA,MAAAA,gBAAgB,CAACE,GAAjB,CAAqB;AACnBC,QAAAA,eAAe,EAAE;AACfC,UAAAA,IAAI,EAAE,CADS;AAEfC,UAAAA,QAAQ,EAAE,mBAFK;AAKfC,UAAAA,MAAM,EAAE,CAAC,KAAKC,KAAL,CAAWrB,iBAAZ,IAAiCS,SAAS,CAACa,0BALpC;AAMfC,UAAAA,gBAAgB,EAAE;AAChBN,YAAAA,eAAe,EAAE;AACfO,cAAAA,OAAO,EAAE;AADM,aADD;AAIhBC,YAAAA,uBAAuB,EAAE;AACvBD,cAAAA,OAAO,EAAE;AADc;AAJT;AANH;AADE,OAArB;AAiBD;;AAIDf,IAAAA,SAAS,CAACiB,WAAV,GAAwB,MAAM;AAC5B,WAAKC,eAAL,GAAuBC,cAAvB;AACD,KAFD;;AAGA,QAAI,KAAKf,OAAL,CAAagB,IAAjB,EAAuB;AACrB,WAAKhB,OAAL,CAAagB,IAAb,CAAkBC,YAAlB,CAA+BC,EAA/B,CAAkC;AAChCC,QAAAA,WAAW,EAAEvB,SAAS,CAACiB,WADS;AAEhCO,QAAAA,YAAY,EAAExB,SAAS,CAACiB;AAFQ,OAAlC;AAID;AACF;;AAEDQ,EAAAA,aAAa,CAACzB,SAAD,EAAY;AAEvB,QAAI,KAAKI,OAAL,CAAagB,IAAjB,EAAuB;AACrB,WAAKhB,OAAL,CAAagB,IAAb,CAAkBC,YAAlB,CAA+BK,GAA/B,CAAmC;AACjCH,QAAAA,WAAW,EAAEvB,SAAS,CAACiB,WADU;AAEjCO,QAAAA,YAAY,EAAExB,SAAS,CAACiB;AAFS,OAAnC;AAID;AACF;;AAEDJ,EAAAA,0BAA0B,CAACc,SAAD,EAAY;AACpCA,IAAAA,SAAS,CAACC,QAAV,GAAqB,IAArB;AACAD,IAAAA,SAAS,CAAClC,KAAV,GAAkB,IAAIoC,YAAJ,CAAiB,CAAjB,CAAlB;AACA;AACD;;AAxD2D;;;AA2D9DhC,iBAAiB,CAACiC,aAAlB,GAAkC,mBAAlC;AACAjC,iBAAiB,CAACP,YAAlB,GAAiCA,YAAjC","sourcesContent":["// Copyright (c) 2015 - 2017 Uber Technologies, Inc.\n//\n// Permission is hereby granted, free of charge, to any person obtaining a copy\n// of this software and associated documentation files (the \"Software\"), to deal\n// in the Software without restriction, including without limitation the rights\n// to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n// copies of the Software, and to permit persons to whom the Software is\n// furnished to do so, subject to the following conditions:\n//\n// The above copyright notice and this permission notice shall be included in\n// all copies or substantial portions of the Software.\n//\n// THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n// THE SOFTWARE.\n\nimport {LayerExtension} from '@deck.gl/core';\nimport shaderModule from './shader-module';\n\nconst defaultProps = {\n getBrushingTarget: {type: 'accessor', value: [0, 0]},\n\n brushingTarget: 'source',\n brushingEnabled: true,\n brushingRadius: 10000\n};\n\nexport default class BrushingExtension extends LayerExtension {\n getShaders(extension) {\n return {\n modules: [shaderModule]\n };\n }\n\n initializeState(context, extension) {\n const attributeManager = this.getAttributeManager();\n if (attributeManager) {\n attributeManager.add({\n brushingTargets: {\n size: 2,\n accessor: 'getBrushingTarget',\n // Hack: extension's defaultProps is not merged with the layer's defaultProps,\n // So we can't use the standard accessor when the prop is undefined\n update: !this.props.getBrushingTarget && extension.useConstantTargetPositions,\n shaderAttributes: {\n brushingTargets: {\n divisor: 0\n },\n instanceBrushingTargets: {\n divisor: 1\n }\n }\n }\n });\n }\n\n // Trigger redraw when mouse moves\n // TODO - expose this in a better way\n extension.onMouseMove = () => {\n this.getCurrentLayer().setNeedsRedraw();\n };\n if (this.context.deck) {\n this.context.deck.eventManager.on({\n pointermove: extension.onMouseMove,\n pointerleave: extension.onMouseMove\n });\n }\n }\n\n finalizeState(extension) {\n // Remove event listeners\n if (this.context.deck) {\n this.context.deck.eventManager.off({\n pointermove: extension.onMouseMove,\n pointerleave: extension.onMouseMove\n });\n }\n }\n\n useConstantTargetPositions(attribute) {\n attribute.constant = true;\n attribute.value = new Float32Array(2);\n return;\n }\n}\n\nBrushingExtension.extensionName = 'BrushingExtension';\nBrushingExtension.defaultProps = defaultProps;\n"],"file":"brushing.js"}
|
|
@@ -7,37 +7,36 @@ exports.default = void 0;
|
|
|
7
7
|
|
|
8
8
|
var _core = require("@deck.gl/core");
|
|
9
9
|
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
10
|
+
const vs = "\n uniform bool brushing_enabled;\n uniform int brushing_target;\n uniform vec2 brushing_mousePos;\n uniform float brushing_radius;\n\n #ifdef NON_INSTANCED_MODEL\n attribute vec2 brushingTargets;\n #else\n attribute vec2 instanceBrushingTargets;\n #endif\n\n varying float brushing_isVisible;\n\n bool brushing_isPointInRange(vec2 position) {\n if (!brushing_enabled) {\n return true;\n }\n vec2 source_commonspace = project_position(position);\n vec2 target_commonspace = project_position(brushing_mousePos);\n float distance = length((target_commonspace - source_commonspace) / project_uCommonUnitsPerMeter.xy);\n\n return distance <= brushing_radius;\n }\n\n bool brushing_arePointsInRange(vec2 sourcePos, vec2 targetPos) {\n return brushing_isPointInRange(sourcePos) || brushing_isPointInRange(targetPos);\n }\n\n void brushing_setVisible(bool visible) {\n brushing_isVisible = float(visible);\n }\n";
|
|
11
|
+
const fs = "\n uniform bool brushing_enabled;\n varying float brushing_isVisible;\n";
|
|
12
|
+
const TARGET = {
|
|
13
13
|
source: 0,
|
|
14
14
|
target: 1,
|
|
15
15
|
custom: 2,
|
|
16
16
|
source_target: 3
|
|
17
17
|
};
|
|
18
|
-
|
|
18
|
+
const inject = {
|
|
19
19
|
'vs:DECKGL_FILTER_GL_POSITION': "\n vec2 brushingTarget;\n vec2 brushingSource;\n if (brushing_target == 3) {\n brushingTarget = geometry.worldPositionAlt.xy;\n brushingSource = geometry.worldPosition.xy;\n } else if (brushing_target == 0) {\n brushingTarget = geometry.worldPosition.xy;\n } else if (brushing_target == 1) {\n brushingTarget = geometry.worldPositionAlt.xy;\n } else {\n #ifdef NON_INSTANCED_MODEL\n brushingTarget = brushingTargets;\n #else\n brushingTarget = instanceBrushingTargets;\n #endif\n }\n bool visible;\n if (brushing_target == 3) {\n visible = brushing_arePointsInRange(brushingSource, brushingTarget);\n } else {\n visible = brushing_isPointInRange(brushingTarget);\n }\n brushing_setVisible(visible);\n ",
|
|
20
20
|
'fs:DECKGL_FILTER_COLOR': "\n if (brushing_enabled && brushing_isVisible < 0.5) {\n discard;\n }\n "
|
|
21
21
|
};
|
|
22
22
|
var _default = {
|
|
23
23
|
name: 'brushing',
|
|
24
24
|
dependencies: [_core.project],
|
|
25
|
-
vs
|
|
26
|
-
fs
|
|
27
|
-
inject
|
|
28
|
-
getUniforms:
|
|
25
|
+
vs,
|
|
26
|
+
fs,
|
|
27
|
+
inject,
|
|
28
|
+
getUniforms: opts => {
|
|
29
29
|
if (!opts || !opts.viewport) {
|
|
30
30
|
return {};
|
|
31
31
|
}
|
|
32
32
|
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
viewport = opts.viewport;
|
|
33
|
+
const {
|
|
34
|
+
brushingEnabled = true,
|
|
35
|
+
brushingRadius = 10000,
|
|
36
|
+
brushingTarget = 'source',
|
|
37
|
+
mousePosition,
|
|
38
|
+
viewport
|
|
39
|
+
} = opts;
|
|
41
40
|
return {
|
|
42
41
|
brushing_enabled: Boolean(brushingEnabled && mousePosition && viewport.containsPixel(mousePosition)),
|
|
43
42
|
brushing_radius: brushingRadius,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/brushing/shader-module.js"],"names":["vs","fs","TARGET","source","target","custom","source_target","inject","name","dependencies","project","getUniforms","opts","viewport","brushingEnabled","brushingRadius","brushingTarget","mousePosition","brushing_enabled","Boolean","containsPixel","brushing_radius","brushing_target","brushing_mousePos","unproject","x","y"],"mappings":";;;;;;;AAmBA;;AAEA,
|
|
1
|
+
{"version":3,"sources":["../../../src/brushing/shader-module.js"],"names":["vs","fs","TARGET","source","target","custom","source_target","inject","name","dependencies","project","getUniforms","opts","viewport","brushingEnabled","brushingRadius","brushingTarget","mousePosition","brushing_enabled","Boolean","containsPixel","brushing_radius","brushing_target","brushing_mousePos","unproject","x","y"],"mappings":";;;;;;;AAmBA;;AAEA,MAAMA,EAAE,07BAAR;AAkCA,MAAMC,EAAE,8EAAR;AAKA,MAAMC,MAAM,GAAG;AACbC,EAAAA,MAAM,EAAE,CADK;AAEbC,EAAAA,MAAM,EAAE,CAFK;AAGbC,EAAAA,MAAM,EAAE,CAHK;AAIbC,EAAAA,aAAa,EAAE;AAJF,CAAf;AAOA,MAAMC,MAAM,GAAG;AACb,6zBADa;AA2Bb;AA3Ba,CAAf;eAkCe;AACbC,EAAAA,IAAI,EAAE,UADO;AAEbC,EAAAA,YAAY,EAAE,CAACC,aAAD,CAFD;AAGbV,EAAAA,EAHa;AAIbC,EAAAA,EAJa;AAKbM,EAAAA,MALa;AAMbI,EAAAA,WAAW,EAAEC,IAAI,IAAI;AACnB,QAAI,CAACA,IAAD,IAAS,CAACA,IAAI,CAACC,QAAnB,EAA6B;AAC3B,aAAO,EAAP;AACD;;AACD,UAAM;AACJC,MAAAA,eAAe,GAAG,IADd;AAEJC,MAAAA,cAAc,GAAG,KAFb;AAGJC,MAAAA,cAAc,GAAG,QAHb;AAIJC,MAAAA,aAJI;AAKJJ,MAAAA;AALI,QAMFD,IANJ;AAOA,WAAO;AACLM,MAAAA,gBAAgB,EAAEC,OAAO,CACvBL,eAAe,IAAIG,aAAnB,IAAoCJ,QAAQ,CAACO,aAAT,CAAuBH,aAAvB,CADb,CADpB;AAILI,MAAAA,eAAe,EAAEN,cAJZ;AAKLO,MAAAA,eAAe,EAAEpB,MAAM,CAACc,cAAD,CAAN,IAA0B,CALtC;AAMLO,MAAAA,iBAAiB,EAAEN,aAAa,GAC5BJ,QAAQ,CAACW,SAAT,CAAmB,CAACP,aAAa,CAACQ,CAAd,GAAkBZ,QAAQ,CAACY,CAA5B,EAA+BR,aAAa,CAACS,CAAd,GAAkBb,QAAQ,CAACa,CAA1D,CAAnB,CAD4B,GAE5B,CAAC,CAAD,EAAI,CAAJ;AARC,KAAP;AAUD;AA3BY,C","sourcesContent":["// Copyright (c) 2015-2017 Uber Technologies, Inc.\n//\n// Permission is hereby granted, free of charge, to any person obtaining a copy\n// of this software and associated documentation files (the \"Software\"), to deal\n// in the Software without restriction, including without limitation the rights\n// to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n// copies of the Software, and to permit persons to whom the Software is\n// furnished to do so, subject to the following conditions:\n//\n// The above copyright notice and this permission notice shall be included in\n// all copies or substantial portions of the Software.\n//\n// THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n// THE SOFTWARE.\nimport {project} from '@deck.gl/core';\n\nconst vs = `\n uniform bool brushing_enabled;\n uniform int brushing_target;\n uniform vec2 brushing_mousePos;\n uniform float brushing_radius;\n\n #ifdef NON_INSTANCED_MODEL\n attribute vec2 brushingTargets;\n #else\n attribute vec2 instanceBrushingTargets;\n #endif\n\n varying float brushing_isVisible;\n\n bool brushing_isPointInRange(vec2 position) {\n if (!brushing_enabled) {\n return true;\n }\n vec2 source_commonspace = project_position(position);\n vec2 target_commonspace = project_position(brushing_mousePos);\n float distance = length((target_commonspace - source_commonspace) / project_uCommonUnitsPerMeter.xy);\n\n return distance <= brushing_radius;\n }\n\n bool brushing_arePointsInRange(vec2 sourcePos, vec2 targetPos) {\n return brushing_isPointInRange(sourcePos) || brushing_isPointInRange(targetPos);\n }\n\n void brushing_setVisible(bool visible) {\n brushing_isVisible = float(visible);\n }\n`;\n\nconst fs = `\n uniform bool brushing_enabled;\n varying float brushing_isVisible;\n`;\n\nconst TARGET = {\n source: 0,\n target: 1,\n custom: 2,\n source_target: 3\n};\n\nconst inject = {\n 'vs:DECKGL_FILTER_GL_POSITION': `\n vec2 brushingTarget;\n vec2 brushingSource;\n if (brushing_target == 3) {\n brushingTarget = geometry.worldPositionAlt.xy;\n brushingSource = geometry.worldPosition.xy;\n } else if (brushing_target == 0) {\n brushingTarget = geometry.worldPosition.xy;\n } else if (brushing_target == 1) {\n brushingTarget = geometry.worldPositionAlt.xy;\n } else {\n #ifdef NON_INSTANCED_MODEL\n brushingTarget = brushingTargets;\n #else\n brushingTarget = instanceBrushingTargets;\n #endif\n }\n bool visible;\n if (brushing_target == 3) {\n visible = brushing_arePointsInRange(brushingSource, brushingTarget);\n } else {\n visible = brushing_isPointInRange(brushingTarget);\n }\n brushing_setVisible(visible);\n `,\n\n 'fs:DECKGL_FILTER_COLOR': `\n if (brushing_enabled && brushing_isVisible < 0.5) {\n discard;\n }\n `\n};\n\nexport default {\n name: 'brushing',\n dependencies: [project],\n vs,\n fs,\n inject,\n getUniforms: opts => {\n if (!opts || !opts.viewport) {\n return {};\n }\n const {\n brushingEnabled = true,\n brushingRadius = 10000,\n brushingTarget = 'source',\n mousePosition,\n viewport\n } = opts;\n return {\n brushing_enabled: Boolean(\n brushingEnabled && mousePosition && viewport.containsPixel(mousePosition)\n ),\n brushing_radius: brushingRadius,\n brushing_target: TARGET[brushingTarget] || 0,\n brushing_mousePos: mousePosition\n ? viewport.unproject([mousePosition.x - viewport.x, mousePosition.y - viewport.y])\n : [0, 0]\n };\n }\n};\n"],"file":"shader-module.js"}
|
package/dist/es5/clip/clip.js
CHANGED
|
@@ -1,99 +1,72 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
3
|
Object.defineProperty(exports, "__esModule", {
|
|
6
4
|
value: true
|
|
7
5
|
});
|
|
8
6
|
exports.default = void 0;
|
|
9
7
|
|
|
10
|
-
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
11
|
-
|
|
12
|
-
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
13
|
-
|
|
14
|
-
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
15
|
-
|
|
16
|
-
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
|
|
17
|
-
|
|
18
|
-
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
|
19
|
-
|
|
20
8
|
var _core = require("@deck.gl/core");
|
|
21
9
|
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
|
|
25
|
-
|
|
26
|
-
var defaultProps = {
|
|
10
|
+
const defaultProps = {
|
|
27
11
|
clipBounds: [0, 0, 1, 1]
|
|
28
12
|
};
|
|
29
|
-
|
|
30
|
-
|
|
13
|
+
const shaderFunction = "\nuniform vec4 clip_bounds;\n\nbool clip_isInBounds(vec2 position) {\n return position.x >= clip_bounds[0] && position.y >= clip_bounds[1] && position.x < clip_bounds[2] && position.y < clip_bounds[3];\n}\n";
|
|
14
|
+
const shaderModuleVs = {
|
|
31
15
|
name: 'clip-vs',
|
|
32
16
|
vs: shaderFunction
|
|
33
17
|
};
|
|
34
|
-
|
|
18
|
+
const injectionVs = {
|
|
35
19
|
'vs:#decl': "\nvarying float clip_isVisible;\n",
|
|
36
20
|
'vs:DECKGL_FILTER_GL_POSITION': "\n clip_isVisible = float(clip_isInBounds(geometry.worldPosition.xy));\n",
|
|
37
21
|
'fs:#decl': "\nvarying float clip_isVisible;\n",
|
|
38
22
|
'fs:DECKGL_FILTER_COLOR': "\n if (clip_isVisible < 0.5) discard;\n"
|
|
39
23
|
};
|
|
40
|
-
|
|
24
|
+
const shaderModuleFs = {
|
|
41
25
|
name: 'clip-fs',
|
|
42
26
|
fs: shaderFunction
|
|
43
27
|
};
|
|
44
|
-
|
|
28
|
+
const injectionFs = {
|
|
45
29
|
'vs:#decl': "\nvarying vec2 clip_commonPosition;\n",
|
|
46
30
|
'vs:DECKGL_FILTER_GL_POSITION': "\n clip_commonPosition = geometry.position.xy;\n",
|
|
47
31
|
'fs:#decl': "\nvarying vec2 clip_commonPosition;\n",
|
|
48
32
|
'fs:DECKGL_FILTER_COLOR': "\n if (!clip_isInBounds(clip_commonPosition)) discard;\n"
|
|
49
33
|
};
|
|
50
34
|
|
|
51
|
-
|
|
52
|
-
(
|
|
35
|
+
class ClipExtension extends _core.LayerExtension {
|
|
36
|
+
getShaders() {
|
|
37
|
+
let clipByInstance = ('instancePositions' in this.getAttributeManager().attributes);
|
|
53
38
|
|
|
54
|
-
|
|
39
|
+
if ('clipByInstance' in this.props) {
|
|
40
|
+
clipByInstance = this.props.clipByInstance;
|
|
41
|
+
}
|
|
55
42
|
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
43
|
+
this.state.clipByInstance = clipByInstance;
|
|
44
|
+
return clipByInstance ? {
|
|
45
|
+
modules: [shaderModuleVs],
|
|
46
|
+
inject: injectionVs
|
|
47
|
+
} : {
|
|
48
|
+
modules: [shaderModuleFs],
|
|
49
|
+
inject: injectionFs
|
|
50
|
+
};
|
|
59
51
|
}
|
|
60
52
|
|
|
61
|
-
(
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
} : {
|
|
75
|
-
modules: [shaderModuleFs],
|
|
76
|
-
inject: injectionFs
|
|
77
|
-
};
|
|
53
|
+
draw({
|
|
54
|
+
uniforms
|
|
55
|
+
}) {
|
|
56
|
+
const {
|
|
57
|
+
clipBounds = defaultProps.clipBounds
|
|
58
|
+
} = this.props;
|
|
59
|
+
|
|
60
|
+
if (this.state.clipByInstance) {
|
|
61
|
+
uniforms.clip_bounds = clipBounds;
|
|
62
|
+
} else {
|
|
63
|
+
const corner0 = this.projectPosition([clipBounds[0], clipBounds[1], 0]);
|
|
64
|
+
const corner1 = this.projectPosition([clipBounds[2], clipBounds[3], 0]);
|
|
65
|
+
uniforms.clip_bounds = [Math.min(corner0[0], corner1[0]), Math.min(corner0[1], corner1[1]), Math.max(corner0[0], corner1[0]), Math.max(corner0[1], corner1[1])];
|
|
78
66
|
}
|
|
79
|
-
}
|
|
80
|
-
key: "draw",
|
|
81
|
-
value: function draw(_ref) {
|
|
82
|
-
var uniforms = _ref.uniforms;
|
|
83
|
-
var _this$props$clipBound = this.props.clipBounds,
|
|
84
|
-
clipBounds = _this$props$clipBound === void 0 ? defaultProps.clipBounds : _this$props$clipBound;
|
|
67
|
+
}
|
|
85
68
|
|
|
86
|
-
|
|
87
|
-
uniforms.clip_bounds = clipBounds;
|
|
88
|
-
} else {
|
|
89
|
-
var corner0 = this.projectPosition([clipBounds[0], clipBounds[1], 0]);
|
|
90
|
-
var corner1 = this.projectPosition([clipBounds[2], clipBounds[3], 0]);
|
|
91
|
-
uniforms.clip_bounds = [Math.min(corner0[0], corner1[0]), Math.min(corner0[1], corner1[1]), Math.max(corner0[0], corner1[0]), Math.max(corner0[1], corner1[1])];
|
|
92
|
-
}
|
|
93
|
-
}
|
|
94
|
-
}]);
|
|
95
|
-
return ClipExtension;
|
|
96
|
-
}(_core.LayerExtension);
|
|
69
|
+
}
|
|
97
70
|
|
|
98
71
|
exports.default = ClipExtension;
|
|
99
72
|
ClipExtension.extensionName = 'ClipExtension';
|