angular-three-postprocessing 2.0.0-beta.6 → 2.0.0-beta.8

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 (90) hide show
  1. package/esm2022/index.mjs +4 -3
  2. package/esm2022/lib/effect-composer.mjs +248 -0
  3. package/esm2022/lib/effect.mjs +78 -0
  4. package/esm2022/lib/effects/bloom/bloom.mjs +33 -0
  5. package/esm2022/lib/effects/brightness-contrast/brightness-contrast.mjs +29 -0
  6. package/esm2022/lib/effects/color-depth/color-depth.mjs +29 -0
  7. package/esm2022/lib/effects/depth/depth.mjs +29 -0
  8. package/esm2022/lib/effects/dot-screen/dot-screen.mjs +29 -0
  9. package/esm2022/lib/effects/hue-saturation/hue-saturation.mjs +29 -0
  10. package/esm2022/lib/effects/index.mjs +18 -0
  11. package/esm2022/lib/effects/lut/lut.mjs +70 -0
  12. package/esm2022/lib/effects/noise/noise.mjs +33 -0
  13. package/esm2022/lib/effects/pixelation/pixelation.mjs +33 -0
  14. package/esm2022/lib/effects/scanline/scanline.mjs +33 -0
  15. package/esm2022/lib/effects/sepia/sepia.mjs +29 -0
  16. package/esm2022/lib/effects/shock-wave/shock-wave.mjs +29 -0
  17. package/esm2022/lib/effects/smaa/smaa.mjs +29 -0
  18. package/esm2022/lib/effects/ssao/ssao.mjs +213 -0
  19. package/esm2022/lib/effects/tilt-shift/tilt-shift.mjs +33 -0
  20. package/esm2022/lib/effects/tone-mapping/tone-mapping.mjs +29 -0
  21. package/esm2022/lib/effects/vignette/vignette.mjs +29 -0
  22. package/fesm2022/angular-three-postprocessing.mjs +868 -206
  23. package/fesm2022/angular-three-postprocessing.mjs.map +1 -1
  24. package/index.d.ts +3 -2
  25. package/lib/effect-composer.d.ts +100 -0
  26. package/lib/effect.d.ts +27 -0
  27. package/{effects → lib/effects}/bloom/bloom.d.ts +7 -2
  28. package/{effects → lib/effects}/brightness-contrast/brightness-contrast.d.ts +9 -1
  29. package/{effects → lib/effects}/color-depth/color-depth.d.ts +8 -1
  30. package/{effects → lib/effects}/depth/depth.d.ts +8 -1
  31. package/{effects → lib/effects}/dot-screen/dot-screen.d.ts +9 -1
  32. package/{effects → lib/effects}/hue-saturation/hue-saturation.d.ts +9 -1
  33. package/{effects → lib/effects}/index.d.ts +1 -0
  34. package/lib/effects/lut/lut.d.ts +29 -0
  35. package/{effects → lib/effects}/noise/noise.d.ts +8 -1
  36. package/lib/effects/pixelation/pixelation.d.ts +20 -0
  37. package/{effects → lib/effects}/scanline/scanline.d.ts +8 -1
  38. package/{effects → lib/effects}/sepia/sepia.d.ts +8 -1
  39. package/lib/effects/shock-wave/shock-wave.d.ts +17 -0
  40. package/lib/effects/smaa/smaa.d.ts +16 -0
  41. package/lib/effects/ssao/ssao.d.ts +42 -0
  42. package/lib/effects/tilt-shift/tilt-shift.d.ts +23 -0
  43. package/lib/effects/tone-mapping/tone-mapping.d.ts +22 -0
  44. package/lib/effects/vignette/vignette.d.ts +17 -0
  45. package/package.json +3 -14
  46. package/effect-composer.d.ts +0 -53
  47. package/effect.d.ts +0 -24
  48. package/effects/README.md +0 -3
  49. package/effects/lut/lut.d.ts +0 -19
  50. package/effects/shock-wave/shock-wave.d.ts +0 -7
  51. package/effects/smaa/smaa.d.ts +0 -7
  52. package/effects/ssao/ssao.d.ts +0 -38
  53. package/effects/tilt-shift/tilt-shift.d.ts +0 -8
  54. package/effects/tone-mapping/tone-mapping.d.ts +0 -7
  55. package/effects/vignette/vignette.d.ts +0 -7
  56. package/esm2022/effect-composer.mjs +0 -242
  57. package/esm2022/effect.mjs +0 -79
  58. package/esm2022/effects/angular-three-postprocessing-effects.mjs +0 -5
  59. package/esm2022/effects/bloom/bloom.mjs +0 -34
  60. package/esm2022/effects/brightness-contrast/brightness-contrast.mjs +0 -30
  61. package/esm2022/effects/color-depth/color-depth.mjs +0 -30
  62. package/esm2022/effects/depth/depth.mjs +0 -30
  63. package/esm2022/effects/dot-screen/dot-screen.mjs +0 -30
  64. package/esm2022/effects/hue-saturation/hue-saturation.mjs +0 -30
  65. package/esm2022/effects/index.mjs +0 -17
  66. package/esm2022/effects/lut/lut.mjs +0 -77
  67. package/esm2022/effects/noise/noise.mjs +0 -34
  68. package/esm2022/effects/scanline/scanline.mjs +0 -34
  69. package/esm2022/effects/sepia/sepia.mjs +0 -30
  70. package/esm2022/effects/shock-wave/shock-wave.mjs +0 -30
  71. package/esm2022/effects/smaa/smaa.mjs +0 -30
  72. package/esm2022/effects/ssao/ssao.mjs +0 -187
  73. package/esm2022/effects/tilt-shift/tilt-shift.mjs +0 -34
  74. package/esm2022/effects/tone-mapping/tone-mapping.mjs +0 -30
  75. package/esm2022/effects/vignette/vignette.mjs +0 -30
  76. package/fesm2022/angular-three-postprocessing-effects.mjs +0 -617
  77. package/fesm2022/angular-three-postprocessing-effects.mjs.map +0 -1
  78. package/plugin/README.md +0 -11
  79. package/plugin/generators.json +0 -19
  80. package/plugin/package.json +0 -9
  81. package/plugin/src/generators/init/compat.d.ts +0 -2
  82. package/plugin/src/generators/init/compat.js +0 -6
  83. package/plugin/src/generators/init/compat.js.map +0 -1
  84. package/plugin/src/generators/init/init.d.ts +0 -4
  85. package/plugin/src/generators/init/init.js +0 -22
  86. package/plugin/src/generators/init/init.js.map +0 -1
  87. package/plugin/src/generators/init/schema.json +0 -6
  88. package/plugin/src/index.d.ts +0 -1
  89. package/plugin/src/index.js +0 -6
  90. package/plugin/src/index.js.map +0 -1
@@ -1,617 +0,0 @@
1
- import * as i0 from '@angular/core';
2
- import { Component, CUSTOM_ELEMENTS_SCHEMA, inject, computed, effect, Input } from '@angular/core';
3
- import { extend, NgtArgs, NgtSignalStore, injectNgtRef, NgtStore, requestAnimationFrameInInjectionContext } from 'angular-three';
4
- import { NgtpEffect, NGTP_EFFECT_COMPOSER_API } from 'angular-three-postprocessing';
5
- import { BloomEffect, BlendFunction, BrightnessContrastEffect, ColorDepthEffect, DepthEffect, DotScreenEffect, HueSaturationEffect, LUT3DEffect, NoiseEffect, ScanlineEffect, SepiaEffect, ShockWaveEffect, SMAAEffect, SSAOEffect, TiltShiftEffect, ToneMappingEffect, VignetteEffect } from 'postprocessing';
6
-
7
- extend({ BloomEffect });
8
- class NgtpBloom extends NgtpEffect {
9
- constructor() {
10
- super(...arguments);
11
- this.defaultBlendFunction = BlendFunction.ADD;
12
- }
13
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.3", ngImport: i0, type: NgtpBloom, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
14
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.3", type: NgtpBloom, isStandalone: true, selector: "ngtp-bloom", usesInheritance: true, ngImport: i0, template: `
15
- <ngt-bloom-effect ngtCompound *args="args()" [ref]="effectRef" [camera]="camera()">
16
- <ng-content />
17
- </ngt-bloom-effect>
18
- `, isInline: true, dependencies: [{ kind: "directive", type: NgtArgs, selector: "[args]", inputs: ["args"] }] }); }
19
- }
20
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.3", ngImport: i0, type: NgtpBloom, decorators: [{
21
- type: Component,
22
- args: [{
23
- selector: 'ngtp-bloom',
24
- standalone: true,
25
- template: `
26
- <ngt-bloom-effect ngtCompound *args="args()" [ref]="effectRef" [camera]="camera()">
27
- <ng-content />
28
- </ngt-bloom-effect>
29
- `,
30
- imports: [NgtArgs],
31
- schemas: [CUSTOM_ELEMENTS_SCHEMA],
32
- }]
33
- }] });
34
-
35
- extend({ BrightnessContrastEffect });
36
- class NgtpBrightnessContrast extends NgtpEffect {
37
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.3", ngImport: i0, type: NgtpBrightnessContrast, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
38
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.3", type: NgtpBrightnessContrast, isStandalone: true, selector: "ngtp-brightness-contrast", usesInheritance: true, ngImport: i0, template: `
39
- <ngt-brightness-contrast-effect ngtCompound *args="args()" [camera]="camera()" [ref]="effectRef">
40
- <ng-content />
41
- </ngt-brightness-contrast-effect>
42
- `, isInline: true, dependencies: [{ kind: "directive", type: NgtArgs, selector: "[args]", inputs: ["args"] }] }); }
43
- }
44
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.3", ngImport: i0, type: NgtpBrightnessContrast, decorators: [{
45
- type: Component,
46
- args: [{
47
- selector: 'ngtp-brightness-contrast',
48
- standalone: true,
49
- template: `
50
- <ngt-brightness-contrast-effect ngtCompound *args="args()" [camera]="camera()" [ref]="effectRef">
51
- <ng-content />
52
- </ngt-brightness-contrast-effect>
53
- `,
54
- imports: [NgtArgs],
55
- schemas: [CUSTOM_ELEMENTS_SCHEMA],
56
- }]
57
- }] });
58
-
59
- extend({ ColorDepthEffect });
60
- class NgtpColorDepth extends NgtpEffect {
61
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.3", ngImport: i0, type: NgtpColorDepth, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
62
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.3", type: NgtpColorDepth, isStandalone: true, selector: "ngtp-color-depth", usesInheritance: true, ngImport: i0, template: `
63
- <ngt-color-depth-effect ngtCompound *args="args()" [camera]="camera()" [ref]="effectRef">
64
- <ng-content />
65
- </ngt-color-depth-effect>
66
- `, isInline: true, dependencies: [{ kind: "directive", type: NgtArgs, selector: "[args]", inputs: ["args"] }] }); }
67
- }
68
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.3", ngImport: i0, type: NgtpColorDepth, decorators: [{
69
- type: Component,
70
- args: [{
71
- selector: 'ngtp-color-depth',
72
- standalone: true,
73
- template: `
74
- <ngt-color-depth-effect ngtCompound *args="args()" [camera]="camera()" [ref]="effectRef">
75
- <ng-content />
76
- </ngt-color-depth-effect>
77
- `,
78
- imports: [NgtArgs],
79
- schemas: [CUSTOM_ELEMENTS_SCHEMA],
80
- }]
81
- }] });
82
-
83
- extend({ DepthEffect });
84
- class NgtpDepth extends NgtpEffect {
85
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.3", ngImport: i0, type: NgtpDepth, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
86
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.3", type: NgtpDepth, isStandalone: true, selector: "ngtp-depth", usesInheritance: true, ngImport: i0, template: `
87
- <ngt-depth-effect ngtCompound *args="args()" [camera]="camera()" [ref]="effectRef">
88
- <ng-content />
89
- </ngt-depth-effect>
90
- `, isInline: true, dependencies: [{ kind: "directive", type: NgtArgs, selector: "[args]", inputs: ["args"] }] }); }
91
- }
92
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.3", ngImport: i0, type: NgtpDepth, decorators: [{
93
- type: Component,
94
- args: [{
95
- selector: 'ngtp-depth',
96
- standalone: true,
97
- template: `
98
- <ngt-depth-effect ngtCompound *args="args()" [camera]="camera()" [ref]="effectRef">
99
- <ng-content />
100
- </ngt-depth-effect>
101
- `,
102
- imports: [NgtArgs],
103
- schemas: [CUSTOM_ELEMENTS_SCHEMA],
104
- }]
105
- }] });
106
-
107
- extend({ DotScreenEffect });
108
- class NgtpDotScreen extends NgtpEffect {
109
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.3", ngImport: i0, type: NgtpDotScreen, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
110
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.3", type: NgtpDotScreen, isStandalone: true, selector: "ngtp-dot-screen", usesInheritance: true, ngImport: i0, template: `
111
- <ngt-dot-screen-effect ngtCompound *args="args()" [camera]="camera()" [ref]="effectRef">
112
- <ng-content />
113
- </ngt-dot-screen-effect>
114
- `, isInline: true, dependencies: [{ kind: "directive", type: NgtArgs, selector: "[args]", inputs: ["args"] }] }); }
115
- }
116
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.3", ngImport: i0, type: NgtpDotScreen, decorators: [{
117
- type: Component,
118
- args: [{
119
- selector: 'ngtp-dot-screen',
120
- standalone: true,
121
- template: `
122
- <ngt-dot-screen-effect ngtCompound *args="args()" [camera]="camera()" [ref]="effectRef">
123
- <ng-content />
124
- </ngt-dot-screen-effect>
125
- `,
126
- imports: [NgtArgs],
127
- schemas: [CUSTOM_ELEMENTS_SCHEMA],
128
- }]
129
- }] });
130
-
131
- extend({ HueSaturationEffect });
132
- class NgtpHueSaturation extends NgtpEffect {
133
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.3", ngImport: i0, type: NgtpHueSaturation, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
134
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.3", type: NgtpHueSaturation, isStandalone: true, selector: "ngtp-hue-saturation", usesInheritance: true, ngImport: i0, template: `
135
- <ngt-hue-saturation-effect ngtCompound *args="args()" [camera]="camera()" [ref]="effectRef">
136
- <ng-content />
137
- </ngt-hue-saturation-effect>
138
- `, isInline: true, dependencies: [{ kind: "directive", type: NgtArgs, selector: "[args]", inputs: ["args"] }] }); }
139
- }
140
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.3", ngImport: i0, type: NgtpHueSaturation, decorators: [{
141
- type: Component,
142
- args: [{
143
- selector: 'ngtp-hue-saturation',
144
- standalone: true,
145
- template: `
146
- <ngt-hue-saturation-effect ngtCompound *args="args()" [camera]="camera()" [ref]="effectRef">
147
- <ng-content />
148
- </ngt-hue-saturation-effect>
149
- `,
150
- imports: [NgtArgs],
151
- schemas: [CUSTOM_ELEMENTS_SCHEMA],
152
- }]
153
- }] });
154
-
155
- class NgtpLUT extends NgtSignalStore {
156
- set lut(lut) {
157
- this.set({ lut });
158
- }
159
- set blendFunction(blendFunction) {
160
- this.set({ blendFunction });
161
- }
162
- set tetrahedralInterpolation(tetrahedralInterpolation) {
163
- this.set({ tetrahedralInterpolation });
164
- }
165
- #lut;
166
- #tetrahedralInterpolation;
167
- #blendFunction;
168
- #store;
169
- #invalidate;
170
- constructor() {
171
- super();
172
- this.effectRef = injectNgtRef();
173
- this.#lut = this.select('lut');
174
- this.#tetrahedralInterpolation = this.select('tetrahedralInterpolation');
175
- this.#blendFunction = this.select('blendFunction');
176
- this.#store = inject(NgtStore);
177
- this.#invalidate = this.#store.select('invalidate');
178
- this.effect = computed(() => new LUT3DEffect(this.#lut(), {
179
- blendFunction: this.#blendFunction(),
180
- tetrahedralInterpolation: this.#tetrahedralInterpolation(),
181
- }));
182
- requestAnimationFrameInInjectionContext(() => {
183
- this.#setProps();
184
- });
185
- }
186
- #setProps() {
187
- const trigger = computed(() => ({
188
- effect: this.effect(),
189
- invalidate: this.#invalidate(),
190
- lut: this.#lut(),
191
- tetrahedralInterpolation: this.#tetrahedralInterpolation(),
192
- }));
193
- effect(() => {
194
- const { effect, lut, invalidate, tetrahedralInterpolation } = trigger();
195
- if (!effect)
196
- return;
197
- if (tetrahedralInterpolation)
198
- effect.tetrahedralInterpolation = tetrahedralInterpolation;
199
- if (lut)
200
- effect.lut = lut;
201
- invalidate();
202
- });
203
- }
204
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.3", ngImport: i0, type: NgtpLUT, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
205
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.3", type: NgtpLUT, isStandalone: true, selector: "ngtp-lut", inputs: { effectRef: "effectRef", lut: "lut", blendFunction: "blendFunction", tetrahedralInterpolation: "tetrahedralInterpolation" }, usesInheritance: true, ngImport: i0, template: ` <ngt-primitive *args="[effect()]" [ref]="effectRef" /> `, isInline: true, dependencies: [{ kind: "directive", type: NgtArgs, selector: "[args]", inputs: ["args"] }] }); }
206
- }
207
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.3", ngImport: i0, type: NgtpLUT, decorators: [{
208
- type: Component,
209
- args: [{
210
- selector: 'ngtp-lut',
211
- standalone: true,
212
- template: ` <ngt-primitive *args="[effect()]" [ref]="effectRef" /> `,
213
- imports: [NgtArgs],
214
- schemas: [CUSTOM_ELEMENTS_SCHEMA],
215
- }]
216
- }], ctorParameters: function () { return []; }, propDecorators: { effectRef: [{
217
- type: Input
218
- }], lut: [{
219
- type: Input,
220
- args: [{ required: true }]
221
- }], blendFunction: [{
222
- type: Input
223
- }], tetrahedralInterpolation: [{
224
- type: Input
225
- }] } });
226
-
227
- extend({ NoiseEffect });
228
- class NgtpNoise extends NgtpEffect {
229
- constructor() {
230
- super(...arguments);
231
- this.defaultBlendFunction = BlendFunction.COLOR_DODGE;
232
- }
233
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.3", ngImport: i0, type: NgtpNoise, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
234
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.3", type: NgtpNoise, isStandalone: true, selector: "ngtp-noise", usesInheritance: true, ngImport: i0, template: `
235
- <ngt-noise-effect ngtCompound *args="args()" [camera]="camera()" [ref]="effectRef">
236
- <ng-content />
237
- </ngt-noise-effect>
238
- `, isInline: true, dependencies: [{ kind: "directive", type: NgtArgs, selector: "[args]", inputs: ["args"] }] }); }
239
- }
240
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.3", ngImport: i0, type: NgtpNoise, decorators: [{
241
- type: Component,
242
- args: [{
243
- selector: 'ngtp-noise',
244
- standalone: true,
245
- template: `
246
- <ngt-noise-effect ngtCompound *args="args()" [camera]="camera()" [ref]="effectRef">
247
- <ng-content />
248
- </ngt-noise-effect>
249
- `,
250
- imports: [NgtArgs],
251
- schemas: [CUSTOM_ELEMENTS_SCHEMA],
252
- }]
253
- }] });
254
-
255
- extend({ ScanlineEffect });
256
- class NgtpScanline extends NgtpEffect {
257
- constructor() {
258
- super(...arguments);
259
- this.defaultBlendFunction = BlendFunction.OVERLAY;
260
- }
261
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.3", ngImport: i0, type: NgtpScanline, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
262
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.3", type: NgtpScanline, isStandalone: true, selector: "ngtp-scanline", usesInheritance: true, ngImport: i0, template: `
263
- <ngt-scanline-effect ngtCompound *args="args()" [camera]="camera()" [ref]="effectRef">
264
- <ng-content />
265
- </ngt-scanline-effect>
266
- `, isInline: true, dependencies: [{ kind: "directive", type: NgtArgs, selector: "[args]", inputs: ["args"] }] }); }
267
- }
268
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.3", ngImport: i0, type: NgtpScanline, decorators: [{
269
- type: Component,
270
- args: [{
271
- selector: 'ngtp-scanline',
272
- standalone: true,
273
- template: `
274
- <ngt-scanline-effect ngtCompound *args="args()" [camera]="camera()" [ref]="effectRef">
275
- <ng-content />
276
- </ngt-scanline-effect>
277
- `,
278
- imports: [NgtArgs],
279
- schemas: [CUSTOM_ELEMENTS_SCHEMA],
280
- }]
281
- }] });
282
-
283
- extend({ SepiaEffect });
284
- class NgtpSepia extends NgtpEffect {
285
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.3", ngImport: i0, type: NgtpSepia, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
286
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.3", type: NgtpSepia, isStandalone: true, selector: "ngtp-sepia", usesInheritance: true, ngImport: i0, template: `
287
- <ngt-sepia-effect ngtCompound *args="args()" [camera]="camera()" [ref]="effectRef">
288
- <ng-content />
289
- </ngt-sepia-effect>
290
- `, isInline: true, dependencies: [{ kind: "directive", type: NgtArgs, selector: "[args]", inputs: ["args"] }] }); }
291
- }
292
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.3", ngImport: i0, type: NgtpSepia, decorators: [{
293
- type: Component,
294
- args: [{
295
- selector: 'ngtp-sepia',
296
- standalone: true,
297
- template: `
298
- <ngt-sepia-effect ngtCompound *args="args()" [camera]="camera()" [ref]="effectRef">
299
- <ng-content />
300
- </ngt-sepia-effect>
301
- `,
302
- imports: [NgtArgs],
303
- schemas: [CUSTOM_ELEMENTS_SCHEMA],
304
- }]
305
- }] });
306
-
307
- extend({ ShockWaveEffect });
308
- class NgtpShockWave extends NgtpEffect {
309
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.3", ngImport: i0, type: NgtpShockWave, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
310
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.3", type: NgtpShockWave, isStandalone: true, selector: "ngtp-noise", usesInheritance: true, ngImport: i0, template: `
311
- <ngt-shock-wave-effect ngtCompound *args="args()" [camera]="camera()" [ref]="effectRef">
312
- <ng-content />
313
- </ngt-shock-wave-effect>
314
- `, isInline: true, dependencies: [{ kind: "directive", type: NgtArgs, selector: "[args]", inputs: ["args"] }] }); }
315
- }
316
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.3", ngImport: i0, type: NgtpShockWave, decorators: [{
317
- type: Component,
318
- args: [{
319
- selector: 'ngtp-noise',
320
- standalone: true,
321
- template: `
322
- <ngt-shock-wave-effect ngtCompound *args="args()" [camera]="camera()" [ref]="effectRef">
323
- <ng-content />
324
- </ngt-shock-wave-effect>
325
- `,
326
- imports: [NgtArgs],
327
- schemas: [CUSTOM_ELEMENTS_SCHEMA],
328
- }]
329
- }] });
330
-
331
- extend({ SMAAEffect });
332
- class NgtpSMAA extends NgtpEffect {
333
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.3", ngImport: i0, type: NgtpSMAA, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
334
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.3", type: NgtpSMAA, isStandalone: true, selector: "ngtp-SMAA", usesInheritance: true, ngImport: i0, template: `
335
- <ngt-SMAA-effect ngtCompound *args="args()" [camera]="camera()" [ref]="effectRef">
336
- <ng-content />
337
- </ngt-SMAA-effect>
338
- `, isInline: true, dependencies: [{ kind: "directive", type: NgtArgs, selector: "[args]", inputs: ["args"] }] }); }
339
- }
340
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.3", ngImport: i0, type: NgtpSMAA, decorators: [{
341
- type: Component,
342
- args: [{
343
- selector: 'ngtp-SMAA',
344
- standalone: true,
345
- template: `
346
- <ngt-SMAA-effect ngtCompound *args="args()" [camera]="camera()" [ref]="effectRef">
347
- <ng-content />
348
- </ngt-SMAA-effect>
349
- `,
350
- imports: [NgtArgs],
351
- schemas: [CUSTOM_ELEMENTS_SCHEMA],
352
- }]
353
- }] });
354
-
355
- class NgtpSSAO extends NgtSignalStore {
356
- set blendFunction(blendFunction) {
357
- this.set({ blendFunction });
358
- }
359
- set distanceScaling(distanceScaling) {
360
- this.set({ distanceScaling });
361
- }
362
- set depthAwareUpsampling(depthAwareUpsampling) {
363
- this.set({ depthAwareUpsampling });
364
- }
365
- set normalDepthBuffer(normalDepthBuffer) {
366
- this.set({ normalDepthBuffer });
367
- }
368
- set samples(samples) {
369
- this.set({ samples });
370
- }
371
- set rings(rings) {
372
- this.set({ rings });
373
- }
374
- set worldDistanceThreshold(worldDistanceThreshold) {
375
- this.set({ worldDistanceThreshold });
376
- }
377
- set worldDistanceFalloff(worldDistanceFalloff) {
378
- this.set({ worldDistanceFalloff });
379
- }
380
- set worldProximityThreshold(worldProximityThreshold) {
381
- this.set({ worldProximityThreshold });
382
- }
383
- set worldProximityFalloff(worldProximityFalloff) {
384
- this.set({ worldProximityFalloff });
385
- }
386
- set distanceThreshold(distanceThreshold) {
387
- this.set({ distanceThreshold });
388
- }
389
- set distanceFalloff(distanceFalloff) {
390
- this.set({ distanceFalloff });
391
- }
392
- set rangeThreshold(rangeThreshold) {
393
- this.set({ rangeThreshold });
394
- }
395
- set rangeFalloff(rangeFalloff) {
396
- this.set({ rangeFalloff });
397
- }
398
- set minRadiusScale(minRadiusScale) {
399
- this.set({ minRadiusScale });
400
- }
401
- set luminanceInfluence(luminanceInfluence) {
402
- this.set({ luminanceInfluence });
403
- }
404
- set radius(radius) {
405
- this.set({ radius });
406
- }
407
- set intensity(intensity) {
408
- this.set({ intensity });
409
- }
410
- set bias(bias) {
411
- this.set({ bias });
412
- }
413
- set fade(fade) {
414
- this.set({ fade });
415
- }
416
- set color(color) {
417
- this.set({ color });
418
- }
419
- set resolutionScale(resolutionScale) {
420
- this.set({ resolutionScale });
421
- }
422
- set resolutionX(resolutionX) {
423
- this.set({ resolutionX });
424
- }
425
- set resolutionY(resolutionY) {
426
- this.set({ resolutionY });
427
- }
428
- set width(width) {
429
- this.set({ width });
430
- }
431
- set height(height) {
432
- this.set({ height });
433
- }
434
- #effectComposerApi;
435
- constructor() {
436
- super({
437
- blendFunction: BlendFunction.MULTIPLY,
438
- samples: 30,
439
- rings: 4,
440
- distanceThreshold: 1.0,
441
- distanceFalloff: 0.0,
442
- rangeThreshold: 0.5,
443
- rangeFalloff: 0.1,
444
- luminanceInfluence: 0.9,
445
- radius: 20,
446
- bias: 0.5,
447
- intensity: 1.0,
448
- depthAwareUpsampling: true,
449
- });
450
- this.effectRef = injectNgtRef();
451
- this.#effectComposerApi = inject(NGTP_EFFECT_COMPOSER_API);
452
- this.effect = computed(() => {
453
- const state = this.state();
454
- const { camera, normalPass, downSamplingPass, resolutionScale } = this.#effectComposerApi();
455
- if (normalPass === null && downSamplingPass === null) {
456
- console.error('Please enable the NormalPass in the NgtpEffectComposer in order to use NgtpSSAO.');
457
- return {};
458
- }
459
- return new SSAOEffect(camera, normalPass && !downSamplingPass ? normalPass.texture : null, {
460
- ...state,
461
- // @ts-expect-error
462
- normalDepthBuffer: state.normalDepthBuffer || (downSamplingPass ? downSamplingPass.texture : null),
463
- resolutionScale: state.resolutionScale || (resolutionScale ?? 1),
464
- depthAwareUpsampling: state.depthAwareUpsampling ?? true,
465
- });
466
- });
467
- }
468
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.3", ngImport: i0, type: NgtpSSAO, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
469
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.3", type: NgtpSSAO, isStandalone: true, selector: "ngtp-SSAO", inputs: { effectRef: "effectRef", blendFunction: "blendFunction", distanceScaling: "distanceScaling", depthAwareUpsampling: "depthAwareUpsampling", normalDepthBuffer: "normalDepthBuffer", samples: "samples", rings: "rings", worldDistanceThreshold: "worldDistanceThreshold", worldDistanceFalloff: "worldDistanceFalloff", worldProximityThreshold: "worldProximityThreshold", worldProximityFalloff: "worldProximityFalloff", distanceThreshold: "distanceThreshold", distanceFalloff: "distanceFalloff", rangeThreshold: "rangeThreshold", rangeFalloff: "rangeFalloff", minRadiusScale: "minRadiusScale", luminanceInfluence: "luminanceInfluence", radius: "radius", intensity: "intensity", bias: "bias", fade: "fade", color: "color", resolutionScale: "resolutionScale", resolutionX: "resolutionX", resolutionY: "resolutionY", width: "width", height: "height" }, usesInheritance: true, ngImport: i0, template: ` <ngt-primitive *args="[effect()]" [ref]="effectRef" /> `, isInline: true, dependencies: [{ kind: "directive", type: NgtArgs, selector: "[args]", inputs: ["args"] }] }); }
470
- }
471
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.3", ngImport: i0, type: NgtpSSAO, decorators: [{
472
- type: Component,
473
- args: [{
474
- selector: 'ngtp-SSAO',
475
- standalone: true,
476
- template: ` <ngt-primitive *args="[effect()]" [ref]="effectRef" /> `,
477
- imports: [NgtArgs],
478
- schemas: [CUSTOM_ELEMENTS_SCHEMA],
479
- }]
480
- }], ctorParameters: function () { return []; }, propDecorators: { effectRef: [{
481
- type: Input
482
- }], blendFunction: [{
483
- type: Input
484
- }], distanceScaling: [{
485
- type: Input
486
- }], depthAwareUpsampling: [{
487
- type: Input
488
- }], normalDepthBuffer: [{
489
- type: Input
490
- }], samples: [{
491
- type: Input
492
- }], rings: [{
493
- type: Input
494
- }], worldDistanceThreshold: [{
495
- type: Input
496
- }], worldDistanceFalloff: [{
497
- type: Input
498
- }], worldProximityThreshold: [{
499
- type: Input
500
- }], worldProximityFalloff: [{
501
- type: Input
502
- }], distanceThreshold: [{
503
- type: Input
504
- }], distanceFalloff: [{
505
- type: Input
506
- }], rangeThreshold: [{
507
- type: Input
508
- }], rangeFalloff: [{
509
- type: Input
510
- }], minRadiusScale: [{
511
- type: Input
512
- }], luminanceInfluence: [{
513
- type: Input
514
- }], radius: [{
515
- type: Input
516
- }], intensity: [{
517
- type: Input
518
- }], bias: [{
519
- type: Input
520
- }], fade: [{
521
- type: Input
522
- }], color: [{
523
- type: Input
524
- }], resolutionScale: [{
525
- type: Input
526
- }], resolutionX: [{
527
- type: Input
528
- }], resolutionY: [{
529
- type: Input
530
- }], width: [{
531
- type: Input
532
- }], height: [{
533
- type: Input
534
- }] } });
535
-
536
- extend({ TiltShiftEffect });
537
- class NgtpTiltShift extends NgtpEffect {
538
- constructor() {
539
- super(...arguments);
540
- this.defaultBlendFunction = BlendFunction.ADD;
541
- }
542
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.3", ngImport: i0, type: NgtpTiltShift, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
543
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.3", type: NgtpTiltShift, isStandalone: true, selector: "ngtp-tilt-shift", usesInheritance: true, ngImport: i0, template: `
544
- <ngt-tilt-shift-effect ngtCompound *args="args()" [camera]="camera()" [ref]="effectRef">
545
- <ng-content />
546
- </ngt-tilt-shift-effect>
547
- `, isInline: true, dependencies: [{ kind: "directive", type: NgtArgs, selector: "[args]", inputs: ["args"] }] }); }
548
- }
549
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.3", ngImport: i0, type: NgtpTiltShift, decorators: [{
550
- type: Component,
551
- args: [{
552
- selector: 'ngtp-tilt-shift',
553
- standalone: true,
554
- template: `
555
- <ngt-tilt-shift-effect ngtCompound *args="args()" [camera]="camera()" [ref]="effectRef">
556
- <ng-content />
557
- </ngt-tilt-shift-effect>
558
- `,
559
- imports: [NgtArgs],
560
- schemas: [CUSTOM_ELEMENTS_SCHEMA],
561
- }]
562
- }] });
563
-
564
- extend({ ToneMappingEffect });
565
- class NgtpToneMapping extends NgtpEffect {
566
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.3", ngImport: i0, type: NgtpToneMapping, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
567
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.3", type: NgtpToneMapping, isStandalone: true, selector: "ngtp-tone-mapping", usesInheritance: true, ngImport: i0, template: `
568
- <ngt-tone-mapping-effect ngtCompound *args="args()" [camera]="camera()" [ref]="effectRef">
569
- <ng-content />
570
- </ngt-tone-mapping-effect>
571
- `, isInline: true, dependencies: [{ kind: "directive", type: NgtArgs, selector: "[args]", inputs: ["args"] }] }); }
572
- }
573
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.3", ngImport: i0, type: NgtpToneMapping, decorators: [{
574
- type: Component,
575
- args: [{
576
- selector: 'ngtp-tone-mapping',
577
- standalone: true,
578
- template: `
579
- <ngt-tone-mapping-effect ngtCompound *args="args()" [camera]="camera()" [ref]="effectRef">
580
- <ng-content />
581
- </ngt-tone-mapping-effect>
582
- `,
583
- imports: [NgtArgs],
584
- schemas: [CUSTOM_ELEMENTS_SCHEMA],
585
- }]
586
- }] });
587
-
588
- extend({ VignetteEffect });
589
- class NgtpVignette extends NgtpEffect {
590
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.3", ngImport: i0, type: NgtpVignette, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
591
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.3", type: NgtpVignette, isStandalone: true, selector: "ngtp-vignette", usesInheritance: true, ngImport: i0, template: `
592
- <ngt-vignette-effect ngtCompound *args="args()" [camera]="camera()" [ref]="effectRef">
593
- <ng-content />
594
- </ngt-vignette-effect>
595
- `, isInline: true, dependencies: [{ kind: "directive", type: NgtArgs, selector: "[args]", inputs: ["args"] }] }); }
596
- }
597
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.3", ngImport: i0, type: NgtpVignette, decorators: [{
598
- type: Component,
599
- args: [{
600
- selector: 'ngtp-vignette',
601
- standalone: true,
602
- template: `
603
- <ngt-vignette-effect ngtCompound *args="args()" [camera]="camera()" [ref]="effectRef">
604
- <ng-content />
605
- </ngt-vignette-effect>
606
- `,
607
- imports: [NgtArgs],
608
- schemas: [CUSTOM_ELEMENTS_SCHEMA],
609
- }]
610
- }] });
611
-
612
- /**
613
- * Generated bundle index. Do not edit.
614
- */
615
-
616
- export { NgtpBloom, NgtpBrightnessContrast, NgtpColorDepth, NgtpDepth, NgtpDotScreen, NgtpHueSaturation, NgtpLUT, NgtpNoise, NgtpSMAA, NgtpSSAO, NgtpScanline, NgtpSepia, NgtpShockWave, NgtpTiltShift, NgtpToneMapping, NgtpVignette };
617
- //# sourceMappingURL=angular-three-postprocessing-effects.mjs.map