@remotion/three 3.0.2 → 4.0.0-audio.22
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/package.json +3 -3
- package/dist/ThreeContext.d.ts +0 -6
- package/dist/ThreeContext.d.ts.map +0 -1
- package/dist/ThreeContext.js +0 -9
- package/dist/ThreeContext.js.map +0 -1
- package/dist/ThreeVideo.d.ts +0 -21
- package/dist/ThreeVideo.d.ts.map +0 -1
- package/dist/ThreeVideo.js +0 -28
- package/dist/ThreeVideo.js.map +0 -1
- package/dist/context-bridge.d.ts +0 -3
- package/dist/context-bridge.d.ts.map +0 -1
- package/dist/context-bridge.js +0 -24
- package/dist/context-bridge.js.map +0 -1
- package/dist/useVideoTexture.d.ts +0 -10
- package/dist/useVideoTexture.d.ts.map +0 -1
- package/dist/useVideoTexture.js +0 -66
- package/dist/useVideoTexture.js.map +0 -1
- package/dist/utils/TexturedShaderMaterial.d.ts +0 -10
- package/dist/utils/TexturedShaderMaterial.d.ts.map +0 -1
- package/dist/utils/TexturedShaderMaterial.js +0 -19
- package/dist/utils/TexturedShaderMaterial.js.map +0 -1
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@remotion/three",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "4.0.0-audio.22+2753331bd",
|
|
4
4
|
"description": "Utility functions for using react-three-fiber with remotion",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"types": "dist/index.d.ts",
|
|
@@ -20,7 +20,7 @@
|
|
|
20
20
|
"url": "https://github.com/remotion-dev/remotion/issues"
|
|
21
21
|
},
|
|
22
22
|
"dependencies": {
|
|
23
|
-
"remotion": "
|
|
23
|
+
"remotion": "4.0.0-audio.22+2753331bd"
|
|
24
24
|
},
|
|
25
25
|
"peerDependencies": {
|
|
26
26
|
"@react-three/fiber": ">=7.0.19",
|
|
@@ -54,5 +54,5 @@
|
|
|
54
54
|
"publishConfig": {
|
|
55
55
|
"access": "public"
|
|
56
56
|
},
|
|
57
|
-
"gitHead": "
|
|
57
|
+
"gitHead": "2753331bd7eaa1a00440faf213f4f838d881e226"
|
|
58
58
|
}
|
package/dist/ThreeContext.d.ts
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ThreeContext.d.ts","sourceRoot":"","sources":["../src/ThreeContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,WAAW,wBAAwB;IACxC,UAAU,EAAE,CAAC,IAAI,EAAE,KAAK,CAAC,YAAY,KAAK,IAAI,CAAC;CAC/C;AAED,eAAO,MAAM,oBAAoB,qDAErB,CAAC"}
|
package/dist/ThreeContext.js
DELETED
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
-
};
|
|
5
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
-
exports.RemotionThreeContext = void 0;
|
|
7
|
-
const react_1 = __importDefault(require("react"));
|
|
8
|
-
exports.RemotionThreeContext = react_1.default.createContext(undefined);
|
|
9
|
-
//# sourceMappingURL=ThreeContext.js.map
|
package/dist/ThreeContext.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ThreeContext.js","sourceRoot":"","sources":["../src/ThreeContext.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAMb,QAAA,oBAAoB,GAAG,eAAK,CAAC,aAAa,CAErD,SAAS,CAAC,CAAC"}
|
package/dist/ThreeVideo.d.ts
DELETED
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
import { MaterialNode, MeshProps } from '@react-three/fiber';
|
|
2
|
-
import React from 'react';
|
|
3
|
-
import { UseVideoTextureOptions } from './useVideoTexture';
|
|
4
|
-
import './utils/TexturedShaderMaterial';
|
|
5
|
-
import { TexturedShaderMaterial, TexturedShaderMaterialParameters } from './utils/TexturedShaderMaterial';
|
|
6
|
-
declare global {
|
|
7
|
-
namespace JSX {
|
|
8
|
-
interface IntrinsicElements {
|
|
9
|
-
texturedShaderMaterial: MaterialNode<TexturedShaderMaterial, [
|
|
10
|
-
TexturedShaderMaterialParameters
|
|
11
|
-
]>;
|
|
12
|
-
}
|
|
13
|
-
}
|
|
14
|
-
}
|
|
15
|
-
export interface ThreeVideoProps extends MeshProps, Pick<UseVideoTextureOptions, 'src' | 'startFrom'> {
|
|
16
|
-
fullViewport?: boolean;
|
|
17
|
-
ignoreDepth?: boolean;
|
|
18
|
-
videoProps?: UseVideoTextureOptions;
|
|
19
|
-
}
|
|
20
|
-
export declare const ThreeVideo: React.ForwardRefExoticComponent<Pick<ThreeVideoProps, string | number> & React.RefAttributes<React.ComponentType<"mesh">>>;
|
|
21
|
-
//# sourceMappingURL=ThreeVideo.d.ts.map
|
package/dist/ThreeVideo.d.ts.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ThreeVideo.d.ts","sourceRoot":"","sources":["../src/ThreeVideo.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,SAAS,EAAY,MAAM,oBAAoB,CAAC;AACvE,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAmB,sBAAsB,EAAE,MAAM,mBAAmB,CAAC;AAC5E,OAAO,gCAAgC,CAAC;AACxC,OAAO,EACN,sBAAsB,EACtB,gCAAgC,EAChC,MAAM,gCAAgC,CAAC;AAcxC,OAAO,CAAC,MAAM,CAAC;IAEd,UAAU,GAAG,CAAC;QACb,UAAU,iBAAiB;YAC1B,sBAAsB,EAAE,YAAY,CACnC,sBAAsB,EACtB;gBAAC,gCAAgC;aAAC,CAClC,CAAC;SACF;KACD;CACD;AAED,MAAM,WAAW,eAChB,SAAQ,SAAS,EAChB,IAAI,CAAC,sBAAsB,EAAE,KAAK,GAAG,WAAW,CAAC;IAClD,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,UAAU,CAAC,EAAE,sBAAsB,CAAC;CACpC;AAED,eAAO,MAAM,UAAU,4HAsCtB,CAAC"}
|
package/dist/ThreeVideo.js
DELETED
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
-
};
|
|
5
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
-
exports.ThreeVideo = void 0;
|
|
7
|
-
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
8
|
-
const fiber_1 = require("@react-three/fiber");
|
|
9
|
-
const react_1 = __importDefault(require("react"));
|
|
10
|
-
const three_1 = require("three");
|
|
11
|
-
const useVideoTexture_1 = require("./useVideoTexture");
|
|
12
|
-
require("./utils/TexturedShaderMaterial");
|
|
13
|
-
const vShaderFullViewport = three_1.ShaderLib.basic.vertexShader.replace('#include <project_vertex>', `
|
|
14
|
-
vec4 mvPosition = vec4( transformed, 1.0 );
|
|
15
|
-
#ifdef USE_INSTANCING
|
|
16
|
-
mvPosition = instanceMatrix * mvPosition;
|
|
17
|
-
#endif
|
|
18
|
-
mvPosition = modelViewMatrix * mvPosition;
|
|
19
|
-
gl_Position = vec4(position * 2.0, 1.0);
|
|
20
|
-
`);
|
|
21
|
-
exports.ThreeVideo = react_1.default.forwardRef((props, ref) => {
|
|
22
|
-
const { fullViewport, ignoreDepth, src, startFrom, videoProps, ...rest } = props;
|
|
23
|
-
const [size] = fiber_1.useThree((s) => [s.size]);
|
|
24
|
-
const videoTexture = useVideoTexture_1.useVideoTexture({ src, startFrom, ...videoProps });
|
|
25
|
-
return (jsx_runtime_1.jsxs("mesh", Object.assign({ ref: ref, scale: [size.width, size.height, 1], renderOrder: ignoreDepth ? -2 : undefined }, rest, { children: [jsx_runtime_1.jsx("planeGeometry", { args: [1, 1] }, void 0),
|
|
26
|
-
videoTexture && (jsx_runtime_1.jsx("texturedShaderMaterial", { vertexShader: fullViewport ? vShaderFullViewport : three_1.ShaderLib.basic.vertexShader, fragmentShader: three_1.ShaderLib.basic.fragmentShader, uniforms: three_1.ShaderLib.basic.uniforms, map: videoTexture, depthTest: !ignoreDepth, depthWrite: !ignoreDepth }, void 0))] }), void 0));
|
|
27
|
-
});
|
|
28
|
-
//# sourceMappingURL=ThreeVideo.js.map
|
package/dist/ThreeVideo.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ThreeVideo.js","sourceRoot":"","sources":["../src/ThreeVideo.tsx"],"names":[],"mappings":";;;;;;;AAAA,8CAAuE;AACvE,kDAA0B;AAC1B,iCAAkC;AAClC,uDAA4E;AAC5E,0CAAwC;AAMxC,MAAM,mBAAmB,GAAG,iBAAS,CAAC,KAAK,CAAC,YAAY,CAAC,OAAO,CAC/D,2BAA2B,EAC3B;;;;;;;CAOA,CACA,CAAC;AAsBW,QAAA,UAAU,GAAG,eAAK,CAAC,UAAU,CACzC,CACC,KAAsB,EACtB,GAAoD,EACnD,EAAE;IACH,MAAM,EACL,YAAY,EACZ,WAAW,EACX,GAAG,EACH,SAAS,EACT,UAAU,EACV,GAAG,IAAI,EACP,GAAG,KAAK,CAAC;IACV,MAAM,CAAC,IAAI,CAAC,GAAG,gBAAQ,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,CAAU,CAAC,CAAC;IAClD,MAAM,YAAY,GAAG,iCAAe,CAAC,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,UAAU,EAAE,CAAC,CAAC;IACxE,OAAO,CACN,2CACC,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,MAAM,EAAE,CAAC,CAAC,EACnC,WAAW,EAAE,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,IACrC,IAAI,eAER,qCAAe,IAAI,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,WAAI;YAC9B,YAAY,IAAI,CAChB,8CACC,YAAY,EACX,YAAY,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,iBAAS,CAAC,KAAK,CAAC,YAAY,EAElE,cAAc,EAAE,iBAAS,CAAC,KAAK,CAAC,cAAc,EAC9C,QAAQ,EAAE,iBAAS,CAAC,KAAK,CAAC,QAAQ,EAClC,GAAG,EAAE,YAAY,EACjB,SAAS,EAAE,CAAC,WAAW,EACvB,UAAU,EAAE,CAAC,WAAW,WACvB,CACF,aACK,CACP,CAAC;AACH,CAAC,CACD,CAAC"}
|
package/dist/context-bridge.d.ts
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"context-bridge.d.ts","sourceRoot":"","sources":["../src/context-bridge.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,wBAAgB,gBAAgB,CAAC,GAAG,QAAQ,EAAE,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,WAmBtE"}
|
package/dist/context-bridge.js
DELETED
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
-
};
|
|
5
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
-
exports.useContextBridge = void 0;
|
|
7
|
-
const react_1 = __importDefault(require("react"));
|
|
8
|
-
function useContextBridge(...contexts) {
|
|
9
|
-
const cRef = react_1.default.useRef([]);
|
|
10
|
-
cRef.current = contexts.map((context) => react_1.default.useContext(context));
|
|
11
|
-
return react_1.default.useMemo(() => ({ children }) => (contexts.reduceRight((acc, Context, i) => value = { cRef, : .current[i] }, children = { acc } / >
|
|
12
|
-
),
|
|
13
|
-
children
|
|
14
|
-
/*
|
|
15
|
-
* done this way in reference to:
|
|
16
|
-
* https://github.com/DefinitelyTyped/DefinitelyTyped/issues/44572#issuecomment-625878049
|
|
17
|
-
* https://github.com/microsoft/TypeScript/issues/14729
|
|
18
|
-
*/
|
|
19
|
-
)),
|
|
20
|
-
[];
|
|
21
|
-
;
|
|
22
|
-
}
|
|
23
|
-
exports.useContextBridge = useContextBridge;
|
|
24
|
-
//# sourceMappingURL=context-bridge.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"context-bridge.js","sourceRoot":"","sources":["../src/context-bridge.ts"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAE1B,SAAgB,gBAAgB,CAAC,GAAG,QAAmC;IACtE,MAAM,IAAI,GAAG,eAAK,CAAC,MAAM,CAA4B,EAAE,CAAC,CAAC;IACzD,IAAI,CAAC,OAAO,GAAG,QAAQ,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,eAAK,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC;IAEpE,OAAO,eAAK,CAAC,OAAO,CACnB,GAAG,EAAE,CAAC,CAAC,EAAE,QAAQ,EAAiC,EAAe,EAAE,CAClE,CAAC,QAAQ,CAAC,WAAW,CACpB,CAAC,GAAG,EAAE,OAAO,EAAE,CAAC,EAAE,EAAE,CACD,KAAK,GAAC,EAAC,IAAI,EAAA,EAAA,CAAC,OAAO,CAAC,CAAC,CAAC,EAAC,EAAC,QAAQ,GAAC,EAAC,GAAG,EAAC,GAAE;QAC3D,AAD4D,JAAA,CAC3D;QACD,QAAQ;IACR;;;;OAIG;KACQ,CAAgB;QAC7B,EAAE,CAAA;IACF,CAAC;AACH,CAAC;AAnBD,4CAmBC"}
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { Video } from 'remotion';
|
|
3
|
-
declare global {
|
|
4
|
-
interface HTMLVideoElement {
|
|
5
|
-
requestVideoFrameCallback?: (cb: () => void) => void;
|
|
6
|
-
}
|
|
7
|
-
}
|
|
8
|
-
export declare type UseVideoTextureOptions = React.ComponentProps<typeof Video>;
|
|
9
|
-
export declare const useVideoTexture: (videoProps: UseVideoTextureOptions) => any;
|
|
10
|
-
//# sourceMappingURL=useVideoTexture.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"useVideoTexture.d.ts","sourceRoot":"","sources":["../src/useVideoTexture.tsx"],"names":[],"mappings":"AACA,OAAO,KAAsB,MAAM,OAAO,CAAC;AAC3C,OAAO,EAAgD,KAAK,EAAE,MAAM,UAAU,CAAC;AAI/E,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,gBAAgB;QACzB,yBAAyB,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,IAAI,KAAK,IAAI,CAAC;KACrD;CACD;AAED,oBAAY,sBAAsB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,KAAK,CAAC,CAAC;AAExE,eAAO,MAAM,eAAe,eAAgB,sBAAsB,QAoDjE,CAAC"}
|
package/dist/useVideoTexture.js
DELETED
|
@@ -1,66 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
-
if (k2 === undefined) k2 = k;
|
|
4
|
-
Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
|
|
5
|
-
}) : (function(o, m, k, k2) {
|
|
6
|
-
if (k2 === undefined) k2 = k;
|
|
7
|
-
o[k2] = m[k];
|
|
8
|
-
}));
|
|
9
|
-
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
10
|
-
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
11
|
-
}) : function(o, v) {
|
|
12
|
-
o["default"] = v;
|
|
13
|
-
});
|
|
14
|
-
var __importStar = (this && this.__importStar) || function (mod) {
|
|
15
|
-
if (mod && mod.__esModule) return mod;
|
|
16
|
-
var result = {};
|
|
17
|
-
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
18
|
-
__setModuleDefault(result, mod);
|
|
19
|
-
return result;
|
|
20
|
-
};
|
|
21
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
22
|
-
exports.useVideoTexture = void 0;
|
|
23
|
-
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
24
|
-
const fiber_1 = require("@react-three/fiber");
|
|
25
|
-
const react_1 = __importStar(require("react"));
|
|
26
|
-
const remotion_1 = require("remotion");
|
|
27
|
-
const three_1 = require("three");
|
|
28
|
-
const ThreeContext_1 = require("./ThreeContext");
|
|
29
|
-
const useVideoTexture = (videoProps) => {
|
|
30
|
-
const render = fiber_1.useThree((s) => s.invalidate);
|
|
31
|
-
const videoRef = react_1.default.useRef(null);
|
|
32
|
-
const [videoTexture, setVideoTexture] = react_1.default.useState(null);
|
|
33
|
-
const onLoadedData = react_1.useCallback(() => {
|
|
34
|
-
const { current } = videoRef;
|
|
35
|
-
if (!current) {
|
|
36
|
-
throw new Error('No video ref found');
|
|
37
|
-
}
|
|
38
|
-
const vt = new three_1.VideoTexture(current);
|
|
39
|
-
current.width = current.videoWidth;
|
|
40
|
-
current.height = current.videoHeight;
|
|
41
|
-
vt.needsUpdate = true;
|
|
42
|
-
setVideoTexture(vt);
|
|
43
|
-
}, []);
|
|
44
|
-
const frame = remotion_1.useCurrentFrame();
|
|
45
|
-
react_1.default.useEffect(() => {
|
|
46
|
-
const video = videoRef.current;
|
|
47
|
-
if (!video || !videoTexture) {
|
|
48
|
-
return;
|
|
49
|
-
}
|
|
50
|
-
if (!video.requestVideoFrameCallback) {
|
|
51
|
-
throw new Error('HTMLVideoElement.requestVideoFrameCallback not supported');
|
|
52
|
-
}
|
|
53
|
-
const handle = remotion_1.delayRender();
|
|
54
|
-
// wait for the video to render its next frame
|
|
55
|
-
video.requestVideoFrameCallback(() => {
|
|
56
|
-
// Now force a new render so the latest video frame shows up in the canvas
|
|
57
|
-
render();
|
|
58
|
-
// Allow remotion to continue
|
|
59
|
-
remotion_1.continueRender(handle);
|
|
60
|
-
});
|
|
61
|
-
}, [frame, render, videoTexture]);
|
|
62
|
-
ThreeContext_1.useRemotionThreeDomNode(jsx_runtime_1.jsx(remotion_1.Video, Object.assign({}, videoProps, { ref: videoRef, onLoadedData: onLoadedData, crossOrigin: "anonymous", style: { width: 800, height: 500 } }), void 0));
|
|
63
|
-
return videoTexture;
|
|
64
|
-
};
|
|
65
|
-
exports.useVideoTexture = useVideoTexture;
|
|
66
|
-
//# sourceMappingURL=useVideoTexture.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"useVideoTexture.js","sourceRoot":"","sources":["../src/useVideoTexture.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA,8CAA8C;AAC9C,+CAA2C;AAC3C,uCAA+E;AAC/E,iCAAqC;AACrC,iDAAyD;AAUlD,MAAM,eAAe,GAAG,CAAC,UAAkC,EAAE,EAAE;IACrE,MAAM,MAAM,GAAG,gBAAQ,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC;IAE7C,MAAM,QAAQ,GAAG,eAAK,CAAC,MAAM,CAA0B,IAAI,CAAC,CAAC;IAC7D,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,eAAK,CAAC,QAAQ,CACrD,IAAI,CACJ,CAAC;IAEF,MAAM,YAAY,GAAG,mBAAW,CAAC,GAAG,EAAE;QACrC,MAAM,EAAE,OAAO,EAAE,GAAG,QAAQ,CAAC;QAC7B,IAAI,CAAC,OAAO,EAAE;YACb,MAAM,IAAI,KAAK,CAAC,oBAAoB,CAAC,CAAC;SACtC;QACD,MAAM,EAAE,GAAG,IAAI,oBAAY,CAAC,OAAO,CAAC,CAAC;QACrC,OAAO,CAAC,KAAK,GAAG,OAAO,CAAC,UAAU,CAAC;QACnC,OAAO,CAAC,MAAM,GAAG,OAAO,CAAC,WAAW,CAAC;QACrC,EAAE,CAAC,WAAW,GAAG,IAAI,CAAC;QACtB,eAAe,CAAC,EAAE,CAAC,CAAC;IACrB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,KAAK,GAAG,0BAAe,EAAE,CAAC;IAChC,eAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACpB,MAAM,KAAK,GAAG,QAAQ,CAAC,OAAO,CAAC;QAC/B,IAAI,CAAC,KAAK,IAAI,CAAC,YAAY,EAAE;YAC5B,OAAO;SACP;QACD,IAAI,CAAC,KAAK,CAAC,yBAAyB,EAAE;YACrC,MAAM,IAAI,KAAK,CACd,0DAA0D,CAC1D,CAAC;SACF;QACD,MAAM,MAAM,GAAG,sBAAW,EAAE,CAAC;QAC7B,8CAA8C;QAC9C,KAAK,CAAC,yBAAyB,CAAC,GAAG,EAAE;YACpC,0EAA0E;YAC1E,MAAM,EAAE,CAAC;YACT,6BAA6B;YAC7B,yBAAc,CAAC,MAAM,CAAC,CAAC;QACxB,CAAC,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,YAAY,CAAC,CAAC,CAAC;IAElC,sCAAuB,CACtB,kBAAC,gBAAK,oBACD,UAAU,IACd,GAAG,EAAE,QAAQ,EACb,YAAY,EAAE,YAAY,EAC1B,WAAW,EAAC,WAAW,EACvB,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,YACjC,CACF,CAAC;IAEF,OAAO,YAAY,CAAC;AACrB,CAAC,CAAC;AApDW,QAAA,eAAe,mBAoD1B"}
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import { ShaderMaterial, ShaderMaterialParameters, Texture } from 'three';
|
|
2
|
-
export interface TexturedShaderMaterialParameters extends ShaderMaterialParameters {
|
|
3
|
-
map?: Texture;
|
|
4
|
-
}
|
|
5
|
-
export declare class TexturedShaderMaterial extends ShaderMaterial {
|
|
6
|
-
constructor(params?: TexturedShaderMaterialParameters);
|
|
7
|
-
get map(): Texture | null;
|
|
8
|
-
set map(value: Texture | null);
|
|
9
|
-
}
|
|
10
|
-
//# sourceMappingURL=TexturedShaderMaterial.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"TexturedShaderMaterial.d.ts","sourceRoot":"","sources":["../../src/utils/TexturedShaderMaterial.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,wBAAwB,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAE1E,MAAM,WAAW,gCAChB,SAAQ,wBAAwB;IAChC,GAAG,CAAC,EAAE,OAAO,CAAC;CACd;AAED,qBAAa,sBAAuB,SAAQ,cAAc;gBAC7C,MAAM,CAAC,EAAE,gCAAgC;IAIrD,IAAW,GAAG,IAAI,OAAO,GAAG,IAAI,CAE/B;IAED,IAAW,GAAG,CAAC,KAAK,EAAE,OAAO,GAAG,IAAI,EAEnC;CACD"}
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.TexturedShaderMaterial = void 0;
|
|
4
|
-
const fiber_1 = require("@react-three/fiber");
|
|
5
|
-
const three_1 = require("three");
|
|
6
|
-
class TexturedShaderMaterial extends three_1.ShaderMaterial {
|
|
7
|
-
constructor(params) {
|
|
8
|
-
super(params);
|
|
9
|
-
}
|
|
10
|
-
get map() {
|
|
11
|
-
return this.uniforms.map.value;
|
|
12
|
-
}
|
|
13
|
-
set map(value) {
|
|
14
|
-
this.uniforms.map.value = value;
|
|
15
|
-
}
|
|
16
|
-
}
|
|
17
|
-
exports.TexturedShaderMaterial = TexturedShaderMaterial;
|
|
18
|
-
fiber_1.extend({ TexturedShaderMaterial });
|
|
19
|
-
//# sourceMappingURL=TexturedShaderMaterial.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"TexturedShaderMaterial.js","sourceRoot":"","sources":["../../src/utils/TexturedShaderMaterial.ts"],"names":[],"mappings":";;;AAAA,8CAA4C;AAC5C,iCAA0E;AAO1E,MAAa,sBAAuB,SAAQ,sBAAc;IACzD,YAAY,MAAyC;QACpD,KAAK,CAAC,MAAM,CAAC,CAAC;IACf,CAAC;IAED,IAAW,GAAG;QACb,OAAO,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,KAAK,CAAC;IAChC,CAAC;IAED,IAAW,GAAG,CAAC,KAAqB;QACnC,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,KAAK,GAAG,KAAK,CAAC;IACjC,CAAC;CACD;AAZD,wDAYC;AAED,cAAM,CAAC,EAAE,sBAAsB,EAAE,CAAC,CAAC"}
|