cheryglsljs 1.1.18 → 1.1.20
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/README.md +1 -1
- package/cheryglsljs.d.ts +36 -0
- package/package.json +17 -2
package/README.md
CHANGED
|
@@ -44,7 +44,7 @@ A lightweight JavaScript library for beautiful, interactive image effects using
|
|
|
44
44
|
|
|
45
45
|
2. Import in your JavaScript:
|
|
46
46
|
```js
|
|
47
|
-
import Cherryglsl from 'cheryglsljs';
|
|
47
|
+
import * as Cherryglsl from 'cheryglsljs';
|
|
48
48
|
// or import { CherryWave, ImageTransition1, ImageTransition2 } from 'cheryglsljs';
|
|
49
49
|
```
|
|
50
50
|
|
package/cheryglsljs.d.ts
ADDED
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
declare module "cheryglsljs" {
|
|
2
|
+
// Main wave effect
|
|
3
|
+
export function CherryWave(options: {
|
|
4
|
+
image: HTMLImageElement;
|
|
5
|
+
container: HTMLElement;
|
|
6
|
+
speed?: number;
|
|
7
|
+
strength?: number;
|
|
8
|
+
hover?: boolean;
|
|
9
|
+
light?: boolean;
|
|
10
|
+
}): void;
|
|
11
|
+
|
|
12
|
+
// Image transition effect 1
|
|
13
|
+
export function ImageTransition1(
|
|
14
|
+
container: HTMLElement,
|
|
15
|
+
options?: {
|
|
16
|
+
speed?: number;
|
|
17
|
+
strength?: number;
|
|
18
|
+
radius?: number;
|
|
19
|
+
hover?: boolean;
|
|
20
|
+
noise?: number;
|
|
21
|
+
p?: number;
|
|
22
|
+
}
|
|
23
|
+
): void;
|
|
24
|
+
|
|
25
|
+
// Image transition effect 2
|
|
26
|
+
export function ImageTransition2(
|
|
27
|
+
container: HTMLElement,
|
|
28
|
+
options?: {
|
|
29
|
+
time?: boolean;
|
|
30
|
+
speed?: number;
|
|
31
|
+
p?: number;
|
|
32
|
+
hover?: boolean;
|
|
33
|
+
ttype?: number;
|
|
34
|
+
}
|
|
35
|
+
): void;
|
|
36
|
+
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "cheryglsljs",
|
|
3
|
-
"version": "1.1.
|
|
3
|
+
"version": "1.1.20",
|
|
4
4
|
"description": "A Three.js + GLSL-based wave effect library.",
|
|
5
5
|
"main": "dist/cherry.js",
|
|
6
6
|
"module": "dist/cherry.js",
|
|
@@ -35,6 +35,21 @@
|
|
|
35
35
|
},
|
|
36
36
|
"files": [
|
|
37
37
|
"dist/",
|
|
38
|
-
"src/"
|
|
38
|
+
"src/",
|
|
39
|
+
"cheryglsljs.d.ts"
|
|
40
|
+
],
|
|
41
|
+
"keywords": [
|
|
42
|
+
"threejs",
|
|
43
|
+
"glsl",
|
|
44
|
+
"shader",
|
|
45
|
+
"gsap",
|
|
46
|
+
"image-effect",
|
|
47
|
+
"wave-effect",
|
|
48
|
+
"transition-effect",
|
|
49
|
+
"webgl",
|
|
50
|
+
"animation",
|
|
51
|
+
"canvas",
|
|
52
|
+
"visual-effect",
|
|
53
|
+
"javascript-library"
|
|
39
54
|
]
|
|
40
55
|
}
|