@cntrl-site/sdk-nextjs 0.20.0 → 0.20.1
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.
|
@@ -4,12 +4,14 @@ exports.useImageFx = void 0;
|
|
|
4
4
|
const react_1 = require("react");
|
|
5
5
|
const effects_1 = require("@cntrl-site/effects");
|
|
6
6
|
const rangeMap_1 = require("../rangeMap");
|
|
7
|
+
const PATTERN_URL = 'https://cdn.cntrl.site/client-app-files/texture2.png';
|
|
8
|
+
const PATTERN_2_URL = 'https://cdn.cntrl.site/client-app-files/bayer16.png';
|
|
7
9
|
function useImageFx(canvas, enabled, { imageUrl, fragmentShader }) {
|
|
8
10
|
const cursor = (0, react_1.useRef)([0, 0]);
|
|
9
11
|
const imageFx = (0, react_1.useMemo)(() => {
|
|
10
12
|
if (!imageUrl)
|
|
11
13
|
return undefined;
|
|
12
|
-
return new effects_1.ImageEffect(imageUrl, fragmentShader, { time: 0, cursor: cursor.current });
|
|
14
|
+
return new effects_1.ImageEffect(imageUrl, PATTERN_URL, PATTERN_2_URL, fragmentShader, { time: 0, cursor: cursor.current });
|
|
13
15
|
}, [imageUrl, fragmentShader]);
|
|
14
16
|
(0, react_1.useEffect)(() => {
|
|
15
17
|
if (!canvas || !imageFx)
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@cntrl-site/sdk-nextjs",
|
|
3
|
-
"version": "0.20.
|
|
3
|
+
"version": "0.20.1",
|
|
4
4
|
"description": "SDK for Next.js",
|
|
5
5
|
"main": "lib/index.js",
|
|
6
6
|
"types": "src/index.ts",
|
|
@@ -22,7 +22,7 @@
|
|
|
22
22
|
"homepage": "https://github.com/cntrl-site/sdk-nextjs#readme",
|
|
23
23
|
"dependencies": {
|
|
24
24
|
"@cntrl-site/color": "^1.0.0",
|
|
25
|
-
"@cntrl-site/effects": "^1.0.
|
|
25
|
+
"@cntrl-site/effects": "^1.0.5-1",
|
|
26
26
|
"@cntrl-site/sdk": "^1.4.1",
|
|
27
27
|
"@types/vimeo__player": "^2.18.0",
|
|
28
28
|
"@vimeo/player": "^2.20.1",
|
|
@@ -7,6 +7,9 @@ interface FxParams {
|
|
|
7
7
|
fragmentShader?: string;
|
|
8
8
|
}
|
|
9
9
|
|
|
10
|
+
const PATTERN_URL = 'https://cdn.cntrl.site/client-app-files/texture2.png';
|
|
11
|
+
const PATTERN_2_URL = 'https://cdn.cntrl.site/client-app-files/bayer16.png';
|
|
12
|
+
|
|
10
13
|
export function useImageFx(
|
|
11
14
|
canvas: HTMLCanvasElement | null | undefined,
|
|
12
15
|
enabled: boolean,
|
|
@@ -18,7 +21,12 @@ export function useImageFx(
|
|
|
18
21
|
const cursor = useRef<[number, number]>([0, 0]);
|
|
19
22
|
const imageFx = useMemo<ImageEffect | undefined>(() => {
|
|
20
23
|
if (!imageUrl) return undefined;
|
|
21
|
-
return new ImageEffect(
|
|
24
|
+
return new ImageEffect(
|
|
25
|
+
imageUrl,
|
|
26
|
+
PATTERN_URL,
|
|
27
|
+
PATTERN_2_URL,
|
|
28
|
+
fragmentShader!,
|
|
29
|
+
{ time: 0, cursor: cursor.current });
|
|
22
30
|
}, [imageUrl, fragmentShader]);
|
|
23
31
|
|
|
24
32
|
useEffect(() => {
|