angular-three-soba 1.7.0 → 1.8.0
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/assets/distort.vert.glsl +1 -0
- package/esm2020/materials/angular-three-soba-materials.mjs +5 -0
- package/esm2020/materials/index.mjs +4 -0
- package/esm2020/materials/lib/mesh-distort-material/mesh-distort-material.mjs +74 -0
- package/esm2020/materials/lib/mesh-reflector-material/mesh-reflector-material.mjs +328 -0
- package/esm2020/materials/lib/mesh-wobble-material/mesh-wobble-material.mjs +67 -0
- package/esm2020/shaders/index.mjs +6 -1
- package/esm2020/shaders/lib/blur-pass/blur-pass.mjs +61 -0
- package/esm2020/shaders/lib/convolution-material/convolution-material.mjs +94 -0
- package/esm2020/shaders/lib/mesh-distort-material/mesh-distort-material.mjs +55 -0
- package/esm2020/shaders/lib/mesh-reflector-material/mesh-reflector-material.mjs +223 -0
- package/esm2020/shaders/lib/mesh-wobble-material/mesh-wobble-material.mjs +37 -0
- package/fesm2015/angular-three-soba-materials.mjs +468 -0
- package/fesm2015/angular-three-soba-materials.mjs.map +1 -0
- package/fesm2015/angular-three-soba-shaders.mjs +467 -1
- package/fesm2015/angular-three-soba-shaders.mjs.map +1 -1
- package/fesm2020/angular-three-soba-materials.mjs +468 -0
- package/fesm2020/angular-three-soba-materials.mjs.map +1 -0
- package/fesm2020/angular-three-soba-shaders.mjs +466 -1
- package/fesm2020/angular-three-soba-shaders.mjs.map +1 -1
- package/materials/README.md +3 -0
- package/materials/index.d.ts +3 -0
- package/materials/lib/mesh-distort-material/mesh-distort-material.d.ts +19 -0
- package/materials/lib/mesh-reflector-material/mesh-reflector-material.d.ts +41 -0
- package/materials/lib/mesh-wobble-material/mesh-wobble-material.d.ts +14 -0
- package/package.json +39 -28
- package/plugin/package.json +1 -1
- package/shaders/index.d.ts +5 -0
- package/shaders/lib/blur-pass/blur-pass.d.ts +23 -0
- package/shaders/lib/convolution-material/convolution-material.d.ts +7 -0
- package/shaders/lib/mesh-distort-material/mesh-distort-material.d.ts +144 -0
- package/shaders/lib/mesh-reflector-material/mesh-reflector-material.d.ts +50 -0
- package/shaders/lib/mesh-wobble-material/mesh-wobble-material.d.ts +15 -0
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "angular-three-soba",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.8.0",
|
|
4
4
|
"publishConfig": {
|
|
5
5
|
"access": "public"
|
|
6
6
|
},
|
|
@@ -20,33 +20,10 @@
|
|
|
20
20
|
"renderer"
|
|
21
21
|
],
|
|
22
22
|
"license": "MIT",
|
|
23
|
-
"peerDependencies": {
|
|
24
|
-
"@angular/common": "^15.1.0",
|
|
25
|
-
"@angular/core": "^15.1.0",
|
|
26
|
-
"angular-three": "^1.0.0",
|
|
27
|
-
"stats.js": "^0.17.0",
|
|
28
|
-
"three": "^0.148.0 || ^0.149.0",
|
|
29
|
-
"three-stdlib": "^2.0.0",
|
|
30
|
-
"troika-three-text": "^0.47.0",
|
|
31
|
-
"@storybook/addons": "6.5.16",
|
|
32
|
-
"@storybook/theming": "6.5.16",
|
|
33
|
-
"rxjs": "7.8.0",
|
|
34
|
-
"@rx-angular/state": "1.7.0"
|
|
35
|
-
},
|
|
36
|
-
"dependencies": {
|
|
37
|
-
"@nrwl/devkit": "^15.0.0",
|
|
38
|
-
"tslib": "^2.3.0"
|
|
39
|
-
},
|
|
40
|
-
"sideEffects": false,
|
|
41
|
-
"generators": "./plugin/generators.json",
|
|
42
|
-
"schematics": "./plugin/generators.json",
|
|
43
|
-
"module": "fesm2015/angular-three-soba.mjs",
|
|
44
|
-
"es2020": "fesm2020/angular-three-soba.mjs",
|
|
45
|
-
"esm2020": "esm2020/angular-three-soba.mjs",
|
|
46
|
-
"fesm2020": "fesm2020/angular-three-soba.mjs",
|
|
47
|
-
"fesm2015": "fesm2015/angular-three-soba.mjs",
|
|
48
|
-
"typings": "index.d.ts",
|
|
49
23
|
"exports": {
|
|
24
|
+
"./assets/*": {
|
|
25
|
+
"glsl": "./assets/*.glsl"
|
|
26
|
+
},
|
|
50
27
|
"./package.json": {
|
|
51
28
|
"default": "./package.json"
|
|
52
29
|
},
|
|
@@ -90,6 +67,14 @@
|
|
|
90
67
|
"node": "./fesm2015/angular-three-soba-loaders.mjs",
|
|
91
68
|
"default": "./fesm2020/angular-three-soba-loaders.mjs"
|
|
92
69
|
},
|
|
70
|
+
"./materials": {
|
|
71
|
+
"types": "./materials/index.d.ts",
|
|
72
|
+
"esm2020": "./esm2020/materials/angular-three-soba-materials.mjs",
|
|
73
|
+
"es2020": "./fesm2020/angular-three-soba-materials.mjs",
|
|
74
|
+
"es2015": "./fesm2015/angular-three-soba-materials.mjs",
|
|
75
|
+
"node": "./fesm2015/angular-three-soba-materials.mjs",
|
|
76
|
+
"default": "./fesm2020/angular-three-soba-materials.mjs"
|
|
77
|
+
},
|
|
93
78
|
"./misc": {
|
|
94
79
|
"types": "./misc/index.d.ts",
|
|
95
80
|
"esm2020": "./esm2020/misc/angular-three-soba-misc.mjs",
|
|
@@ -122,5 +107,31 @@
|
|
|
122
107
|
"node": "./fesm2015/angular-three-soba-staging.mjs",
|
|
123
108
|
"default": "./fesm2020/angular-three-soba-staging.mjs"
|
|
124
109
|
}
|
|
125
|
-
}
|
|
110
|
+
},
|
|
111
|
+
"peerDependencies": {
|
|
112
|
+
"@angular/common": "^15.1.0",
|
|
113
|
+
"@angular/core": "^15.1.0",
|
|
114
|
+
"angular-three": "^1.0.0",
|
|
115
|
+
"stats.js": "^0.17.0",
|
|
116
|
+
"three": "^0.148.0 || ^0.149.0",
|
|
117
|
+
"three-stdlib": "^2.0.0",
|
|
118
|
+
"troika-three-text": "^0.47.0",
|
|
119
|
+
"@storybook/addons": "6.5.16",
|
|
120
|
+
"@storybook/theming": "6.5.16",
|
|
121
|
+
"rxjs": "7.8.0",
|
|
122
|
+
"@rx-angular/state": "1.7.0"
|
|
123
|
+
},
|
|
124
|
+
"dependencies": {
|
|
125
|
+
"@nrwl/devkit": "^15.0.0",
|
|
126
|
+
"tslib": "^2.3.0"
|
|
127
|
+
},
|
|
128
|
+
"sideEffects": false,
|
|
129
|
+
"generators": "./plugin/generators.json",
|
|
130
|
+
"schematics": "./plugin/generators.json",
|
|
131
|
+
"module": "fesm2015/angular-three-soba.mjs",
|
|
132
|
+
"es2020": "fesm2020/angular-three-soba.mjs",
|
|
133
|
+
"esm2020": "esm2020/angular-three-soba.mjs",
|
|
134
|
+
"fesm2020": "fesm2020/angular-three-soba.mjs",
|
|
135
|
+
"fesm2015": "fesm2015/angular-three-soba.mjs",
|
|
136
|
+
"typings": "index.d.ts"
|
|
126
137
|
}
|
package/plugin/package.json
CHANGED
package/shaders/index.d.ts
CHANGED
|
@@ -1 +1,6 @@
|
|
|
1
|
+
export * from './lib/blur-pass/blur-pass';
|
|
2
|
+
export * from './lib/convolution-material/convolution-material';
|
|
3
|
+
export * from './lib/mesh-distort-material/mesh-distort-material';
|
|
4
|
+
export * from './lib/mesh-reflector-material/mesh-reflector-material';
|
|
5
|
+
export * from './lib/mesh-wobble-material/mesh-wobble-material';
|
|
1
6
|
export * from './lib/shader-material/shader-material';
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { Camera, Mesh, Scene, WebGLRenderer, WebGLRenderTarget } from 'three';
|
|
2
|
+
import { ConvolutionMaterial } from '../convolution-material/convolution-material';
|
|
3
|
+
export interface BlurPassProps {
|
|
4
|
+
gl: WebGLRenderer;
|
|
5
|
+
resolution: number;
|
|
6
|
+
width?: number;
|
|
7
|
+
height?: number;
|
|
8
|
+
minDepthThreshold?: number;
|
|
9
|
+
maxDepthThreshold?: number;
|
|
10
|
+
depthScale?: number;
|
|
11
|
+
depthToBlurRatioBias?: number;
|
|
12
|
+
}
|
|
13
|
+
export declare class BlurPass {
|
|
14
|
+
readonly renderTargetA: WebGLRenderTarget;
|
|
15
|
+
readonly renderTargetB: WebGLRenderTarget;
|
|
16
|
+
readonly convolutionMaterial: ConvolutionMaterial;
|
|
17
|
+
readonly scene: Scene;
|
|
18
|
+
readonly camera: Camera;
|
|
19
|
+
readonly screen: Mesh;
|
|
20
|
+
renderToScreen: boolean;
|
|
21
|
+
constructor({ gl, resolution, width, height, minDepthThreshold, maxDepthThreshold, depthScale, depthToBlurRatioBias, }: BlurPassProps);
|
|
22
|
+
render(renderer: WebGLRenderer, inputBuffer: any, outputBuffer: any): void;
|
|
23
|
+
}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { ShaderMaterial, Vector2 } from 'three';
|
|
2
|
+
export declare class ConvolutionMaterial extends ShaderMaterial {
|
|
3
|
+
readonly kernel: Float32Array;
|
|
4
|
+
constructor(texelSize?: Vector2);
|
|
5
|
+
setTexelSize(x: number, y: number): void;
|
|
6
|
+
setResolution(resolution: Vector2): void;
|
|
7
|
+
}
|
|
@@ -0,0 +1,144 @@
|
|
|
1
|
+
import { InjectionToken, Type } from '@angular/core';
|
|
2
|
+
import * as THREE from 'three';
|
|
3
|
+
interface Uniform<T> {
|
|
4
|
+
value: T;
|
|
5
|
+
}
|
|
6
|
+
export type MeshDistortMaterial = Type<{
|
|
7
|
+
time: number;
|
|
8
|
+
distort: number;
|
|
9
|
+
radius: number;
|
|
10
|
+
} & THREE.MeshPhysicalMaterial>;
|
|
11
|
+
export declare const NGTS_DISTORT_MATERIAL_SHADER: InjectionToken<MeshDistortMaterial>;
|
|
12
|
+
export declare function provideDistortMaterialShader(distortShader: string): {
|
|
13
|
+
provide: InjectionToken<MeshDistortMaterial>;
|
|
14
|
+
useFactory: () => {
|
|
15
|
+
new (parameters?: THREE.MeshPhysicalMaterialParameters): {
|
|
16
|
+
_time: Uniform<number>;
|
|
17
|
+
_distort: Uniform<number>;
|
|
18
|
+
_radius: Uniform<number>;
|
|
19
|
+
onBeforeCompile(shader: THREE.Shader): void;
|
|
20
|
+
time: number;
|
|
21
|
+
distort: number;
|
|
22
|
+
radius: number;
|
|
23
|
+
type: string;
|
|
24
|
+
defines: {
|
|
25
|
+
[key: string]: any;
|
|
26
|
+
};
|
|
27
|
+
clearcoat: number;
|
|
28
|
+
clearcoatMap: THREE.Texture | null;
|
|
29
|
+
clearcoatRoughness: number;
|
|
30
|
+
clearcoatRoughnessMap: THREE.Texture | null;
|
|
31
|
+
clearcoatNormalScale: THREE.Vector2;
|
|
32
|
+
clearcoatNormalMap: THREE.Texture | null;
|
|
33
|
+
reflectivity: number;
|
|
34
|
+
ior: number;
|
|
35
|
+
sheen: number;
|
|
36
|
+
sheenColor: THREE.Color;
|
|
37
|
+
sheenColorMap: THREE.Texture | null;
|
|
38
|
+
sheenRoughness: number;
|
|
39
|
+
sheenRoughnessMap: THREE.Texture | null;
|
|
40
|
+
transmission: number;
|
|
41
|
+
transmissionMap: THREE.Texture | null;
|
|
42
|
+
thickness: number;
|
|
43
|
+
thicknessMap: THREE.Texture | null;
|
|
44
|
+
attenuationDistance: number;
|
|
45
|
+
attenuationColor: THREE.Color;
|
|
46
|
+
specularIntensity: number;
|
|
47
|
+
specularColor: THREE.Color;
|
|
48
|
+
specularIntensityMap: THREE.Texture | null;
|
|
49
|
+
specularColorMap: THREE.Texture | null;
|
|
50
|
+
iridescenceMap: THREE.Texture | null;
|
|
51
|
+
iridescenceIOR: number;
|
|
52
|
+
iridescence: number;
|
|
53
|
+
iridescenceThicknessRange: number[];
|
|
54
|
+
iridescenceThicknessMap: THREE.Texture | null;
|
|
55
|
+
color: THREE.Color;
|
|
56
|
+
roughness: number;
|
|
57
|
+
metalness: number;
|
|
58
|
+
map: THREE.Texture | null;
|
|
59
|
+
lightMap: THREE.Texture | null;
|
|
60
|
+
lightMapIntensity: number;
|
|
61
|
+
aoMap: THREE.Texture | null;
|
|
62
|
+
aoMapIntensity: number;
|
|
63
|
+
emissive: THREE.Color;
|
|
64
|
+
emissiveIntensity: number;
|
|
65
|
+
emissiveMap: THREE.Texture | null;
|
|
66
|
+
bumpMap: THREE.Texture | null;
|
|
67
|
+
bumpScale: number;
|
|
68
|
+
normalMap: THREE.Texture | null;
|
|
69
|
+
normalMapType: THREE.NormalMapTypes;
|
|
70
|
+
normalScale: THREE.Vector2;
|
|
71
|
+
displacementMap: THREE.Texture | null;
|
|
72
|
+
displacementScale: number;
|
|
73
|
+
displacementBias: number;
|
|
74
|
+
roughnessMap: THREE.Texture | null;
|
|
75
|
+
metalnessMap: THREE.Texture | null;
|
|
76
|
+
alphaMap: THREE.Texture | null;
|
|
77
|
+
envMap: THREE.Texture | null;
|
|
78
|
+
envMapIntensity: number;
|
|
79
|
+
wireframe: boolean;
|
|
80
|
+
wireframeLinewidth: number;
|
|
81
|
+
wireframeLinecap: string;
|
|
82
|
+
wireframeLinejoin: string;
|
|
83
|
+
flatShading: boolean;
|
|
84
|
+
fog: boolean;
|
|
85
|
+
isMeshStandardMaterial: boolean;
|
|
86
|
+
setValues(parameters: THREE.MeshStandardMaterialParameters): void;
|
|
87
|
+
alphaTest: number;
|
|
88
|
+
alphaToCoverage: boolean;
|
|
89
|
+
blendDst: THREE.BlendingDstFactor;
|
|
90
|
+
blendDstAlpha: number | null;
|
|
91
|
+
blendEquation: THREE.BlendingEquation;
|
|
92
|
+
blendEquationAlpha: number | null;
|
|
93
|
+
blending: THREE.Blending;
|
|
94
|
+
blendSrc: THREE.BlendingSrcFactor | THREE.BlendingDstFactor;
|
|
95
|
+
blendSrcAlpha: number | null;
|
|
96
|
+
clipIntersection: boolean;
|
|
97
|
+
clippingPlanes: any;
|
|
98
|
+
clipShadows: boolean;
|
|
99
|
+
colorWrite: boolean;
|
|
100
|
+
depthFunc: THREE.DepthModes;
|
|
101
|
+
depthTest: boolean;
|
|
102
|
+
depthWrite: boolean;
|
|
103
|
+
id: number;
|
|
104
|
+
stencilWrite: boolean;
|
|
105
|
+
stencilFunc: THREE.StencilFunc;
|
|
106
|
+
stencilRef: number;
|
|
107
|
+
stencilWriteMask: number;
|
|
108
|
+
stencilFuncMask: number;
|
|
109
|
+
stencilFail: THREE.StencilOp;
|
|
110
|
+
stencilZFail: THREE.StencilOp;
|
|
111
|
+
stencilZPass: THREE.StencilOp;
|
|
112
|
+
readonly isMaterial: true;
|
|
113
|
+
name: string;
|
|
114
|
+
needsUpdate: boolean;
|
|
115
|
+
opacity: number;
|
|
116
|
+
polygonOffset: boolean;
|
|
117
|
+
polygonOffsetFactor: number;
|
|
118
|
+
polygonOffsetUnits: number;
|
|
119
|
+
precision: "highp" | "mediump" | "lowp" | null;
|
|
120
|
+
premultipliedAlpha: boolean;
|
|
121
|
+
forceSinglePass: boolean;
|
|
122
|
+
dithering: boolean;
|
|
123
|
+
side: THREE.Side;
|
|
124
|
+
shadowSide: THREE.Side | null;
|
|
125
|
+
toneMapped: boolean;
|
|
126
|
+
transparent: boolean;
|
|
127
|
+
uuid: string;
|
|
128
|
+
vertexColors: boolean;
|
|
129
|
+
visible: boolean;
|
|
130
|
+
userData: any;
|
|
131
|
+
version: number;
|
|
132
|
+
clone(): any;
|
|
133
|
+
copy(material: THREE.Material): any;
|
|
134
|
+
dispose(): void;
|
|
135
|
+
customProgramCacheKey(): string;
|
|
136
|
+
toJSON(meta?: any): any;
|
|
137
|
+
addEventListener<T extends string>(type: T, listener: THREE.EventListener<THREE.Event, T, any>): void;
|
|
138
|
+
hasEventListener<T_1 extends string>(type: T_1, listener: THREE.EventListener<THREE.Event, T_1, any>): boolean;
|
|
139
|
+
removeEventListener<T_2 extends string>(type: T_2, listener: THREE.EventListener<THREE.Event, T_2, any>): void;
|
|
140
|
+
dispatchEvent(event: THREE.Event): void;
|
|
141
|
+
};
|
|
142
|
+
};
|
|
143
|
+
};
|
|
144
|
+
export {};
|
|
@@ -0,0 +1,50 @@
|
|
|
1
|
+
import { Matrix4, MeshStandardMaterial, Texture } from 'three';
|
|
2
|
+
export declare class MeshReflectorMaterial extends MeshStandardMaterial {
|
|
3
|
+
private _tDepth;
|
|
4
|
+
private _distortionMap;
|
|
5
|
+
private _tDiffuse;
|
|
6
|
+
private _tDiffuseBlur;
|
|
7
|
+
private _textureMatrix;
|
|
8
|
+
private _hasBlur;
|
|
9
|
+
private _mirror;
|
|
10
|
+
private _mixBlur;
|
|
11
|
+
private _blurStrength;
|
|
12
|
+
private _minDepthThreshold;
|
|
13
|
+
private _maxDepthThreshold;
|
|
14
|
+
private _depthScale;
|
|
15
|
+
private _depthToBlurRatioBias;
|
|
16
|
+
private _distortion;
|
|
17
|
+
private _mixContrast;
|
|
18
|
+
constructor(parameters?: {});
|
|
19
|
+
onBeforeCompile(shader: any): void;
|
|
20
|
+
get tDiffuse(): Texture | null;
|
|
21
|
+
set tDiffuse(v: Texture | null);
|
|
22
|
+
get tDepth(): Texture | null;
|
|
23
|
+
set tDepth(v: Texture | null);
|
|
24
|
+
get distortionMap(): Texture | null;
|
|
25
|
+
set distortionMap(v: Texture | null);
|
|
26
|
+
get tDiffuseBlur(): Texture | null;
|
|
27
|
+
set tDiffuseBlur(v: Texture | null);
|
|
28
|
+
get textureMatrix(): Matrix4 | null;
|
|
29
|
+
set textureMatrix(v: Matrix4 | null);
|
|
30
|
+
get hasBlur(): boolean;
|
|
31
|
+
set hasBlur(v: boolean);
|
|
32
|
+
get mirror(): number;
|
|
33
|
+
set mirror(v: number);
|
|
34
|
+
get mixBlur(): number;
|
|
35
|
+
set mixBlur(v: number);
|
|
36
|
+
get mixStrength(): number;
|
|
37
|
+
set mixStrength(v: number);
|
|
38
|
+
get minDepthThreshold(): number;
|
|
39
|
+
set minDepthThreshold(v: number);
|
|
40
|
+
get maxDepthThreshold(): number;
|
|
41
|
+
set maxDepthThreshold(v: number);
|
|
42
|
+
get depthScale(): number;
|
|
43
|
+
set depthScale(v: number);
|
|
44
|
+
get depthToBlurRatioBias(): number;
|
|
45
|
+
set depthToBlurRatioBias(v: number);
|
|
46
|
+
get distortion(): number;
|
|
47
|
+
set distortion(v: number);
|
|
48
|
+
get mixContrast(): number;
|
|
49
|
+
set mixContrast(v: number);
|
|
50
|
+
}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import * as THREE from 'three';
|
|
2
|
+
interface Uniform<T> {
|
|
3
|
+
value: T;
|
|
4
|
+
}
|
|
5
|
+
export declare class MeshWobbleMaterial extends THREE.MeshStandardMaterial {
|
|
6
|
+
_time: Uniform<number>;
|
|
7
|
+
_factor: Uniform<number>;
|
|
8
|
+
constructor(parameters?: THREE.MeshStandardMaterialParameters);
|
|
9
|
+
onBeforeCompile(shader: THREE.Shader): void;
|
|
10
|
+
get time(): number;
|
|
11
|
+
set time(v: number);
|
|
12
|
+
get factor(): number;
|
|
13
|
+
set factor(v: number);
|
|
14
|
+
}
|
|
15
|
+
export {};
|