@wise/art 0.0.0-experimental-1d6d788
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 +155 -0
- package/dist/CheckMark-C7SPkQjr.esm.js +38 -0
- package/dist/CheckMark-C7SPkQjr.esm.js.map +1 -0
- package/dist/CheckMark-DbWrBNtH.js +40 -0
- package/dist/CheckMark-DbWrBNtH.js.map +1 -0
- package/dist/Confetti-BbPKLCpN.js +37 -0
- package/dist/Confetti-BbPKLCpN.js.map +1 -0
- package/dist/Confetti-DPMBG56o.esm.js +35 -0
- package/dist/Confetti-DPMBG56o.esm.js.map +1 -0
- package/dist/Flower-Dhjb1Y6Z.esm.js +28 -0
- package/dist/Flower-Dhjb1Y6Z.esm.js.map +1 -0
- package/dist/Flower-I053ey4H.js +30 -0
- package/dist/Flower-I053ey4H.js.map +1 -0
- package/dist/Globe-CJDK9wR6.esm.js +44 -0
- package/dist/Globe-CJDK9wR6.esm.js.map +1 -0
- package/dist/Globe-DD_Ybugr.js +46 -0
- package/dist/Globe-DD_Ybugr.js.map +1 -0
- package/dist/Graph-D1M4JGez.esm.js +32 -0
- package/dist/Graph-D1M4JGez.esm.js.map +1 -0
- package/dist/Graph-DrtwCTeB.js +34 -0
- package/dist/Graph-DrtwCTeB.js.map +1 -0
- package/dist/Illustration.css +1 -0
- package/dist/Interest-5AzhwfRZ.js +53 -0
- package/dist/Interest-5AzhwfRZ.js.map +1 -0
- package/dist/Interest-d9YRzYsQ.esm.js +51 -0
- package/dist/Interest-d9YRzYsQ.esm.js.map +1 -0
- package/dist/Jars-Bj5zryIy.esm.js +51 -0
- package/dist/Jars-Bj5zryIy.esm.js.map +1 -0
- package/dist/Jars-DTpuM002.js +53 -0
- package/dist/Jars-DTpuM002.js.map +1 -0
- package/dist/Lock-Ca-LEge7.js +44 -0
- package/dist/Lock-Ca-LEge7.js.map +1 -0
- package/dist/Lock-xy_KoW2g.esm.js +42 -0
- package/dist/Lock-xy_KoW2g.esm.js.map +1 -0
- package/dist/MagnifyingGlass-CR0nvKTo.esm.js +31 -0
- package/dist/MagnifyingGlass-CR0nvKTo.esm.js.map +1 -0
- package/dist/MagnifyingGlass-DFASWsdn.js +33 -0
- package/dist/MagnifyingGlass-DFASWsdn.js.map +1 -0
- package/dist/Marble-BZIHD9uw.js +45 -0
- package/dist/Marble-BZIHD9uw.js.map +1 -0
- package/dist/Marble-Dn1NhVNa.esm.js +43 -0
- package/dist/Marble-Dn1NhVNa.esm.js.map +1 -0
- package/dist/MarbleCard-CLq_nDBM.esm.js +46 -0
- package/dist/MarbleCard-CLq_nDBM.esm.js.map +1 -0
- package/dist/MarbleCard-CtjGjEPp.js +48 -0
- package/dist/MarbleCard-CtjGjEPp.js.map +1 -0
- package/dist/MultiCurrency-B5HtZfTG.esm.js +62 -0
- package/dist/MultiCurrency-B5HtZfTG.esm.js.map +1 -0
- package/dist/MultiCurrency-Bh-7t3nH.js +64 -0
- package/dist/MultiCurrency-Bh-7t3nH.js.map +1 -0
- package/dist/Plane-D-NW6i-O.js +40 -0
- package/dist/Plane-D-NW6i-O.js.map +1 -0
- package/dist/Plane-aYcLKAhf.esm.js +38 -0
- package/dist/Plane-aYcLKAhf.esm.js.map +1 -0
- package/dist/Scene-ClmxQ_BP.esm.js +54 -0
- package/dist/Scene-ClmxQ_BP.esm.js.map +1 -0
- package/dist/Scene-DNB5gL2m.js +56 -0
- package/dist/Scene-DNB5gL2m.js.map +1 -0
- package/dist/common-DBpCdW70.esm.js +14 -0
- package/dist/common-DBpCdW70.esm.js.map +1 -0
- package/dist/common-H4L6Hbbh.js +16 -0
- package/dist/common-H4L6Hbbh.js.map +1 -0
- package/dist/common.d.ts +15 -0
- package/dist/common.d.ts.map +1 -0
- package/dist/flags/Flag.d.ts +14 -0
- package/dist/flags/Flag.d.ts.map +1 -0
- package/dist/flags/Flag.spec.d.ts +2 -0
- package/dist/flags/Flag.spec.d.ts.map +1 -0
- package/dist/flags/index.d.ts +3 -0
- package/dist/flags/index.d.ts.map +1 -0
- package/dist/flags/metadata.d.ts +2 -0
- package/dist/flags/metadata.d.ts.map +1 -0
- package/dist/illustrations/Illustration.d.ts +20 -0
- package/dist/illustrations/Illustration.d.ts.map +1 -0
- package/dist/illustrations/Illustration.spec.d.ts +2 -0
- package/dist/illustrations/Illustration.spec.d.ts.map +1 -0
- package/dist/illustrations/index.d.ts +5 -0
- package/dist/illustrations/index.d.ts.map +1 -0
- package/dist/illustrations/metadata.d.ts +113 -0
- package/dist/illustrations/metadata.d.ts.map +1 -0
- package/dist/illustrations3d/Illustration3D.d.ts +10 -0
- package/dist/illustrations3d/Illustration3D.d.ts.map +1 -0
- package/dist/illustrations3d/Scene.d.ts +10 -0
- package/dist/illustrations3d/Scene.d.ts.map +1 -0
- package/dist/illustrations3d/index.d.ts +5 -0
- package/dist/illustrations3d/index.d.ts.map +1 -0
- package/dist/illustrations3d/models/CheckMark.d.ts +3 -0
- package/dist/illustrations3d/models/CheckMark.d.ts.map +1 -0
- package/dist/illustrations3d/models/Confetti.d.ts +3 -0
- package/dist/illustrations3d/models/Confetti.d.ts.map +1 -0
- package/dist/illustrations3d/models/Flower.d.ts +3 -0
- package/dist/illustrations3d/models/Flower.d.ts.map +1 -0
- package/dist/illustrations3d/models/Globe.d.ts +3 -0
- package/dist/illustrations3d/models/Globe.d.ts.map +1 -0
- package/dist/illustrations3d/models/Graph.d.ts +3 -0
- package/dist/illustrations3d/models/Graph.d.ts.map +1 -0
- package/dist/illustrations3d/models/Interest.d.ts +3 -0
- package/dist/illustrations3d/models/Interest.d.ts.map +1 -0
- package/dist/illustrations3d/models/Jars.d.ts +3 -0
- package/dist/illustrations3d/models/Jars.d.ts.map +1 -0
- package/dist/illustrations3d/models/Lock.d.ts +3 -0
- package/dist/illustrations3d/models/Lock.d.ts.map +1 -0
- package/dist/illustrations3d/models/MagnifyingGlass.d.ts +3 -0
- package/dist/illustrations3d/models/MagnifyingGlass.d.ts.map +1 -0
- package/dist/illustrations3d/models/Marble.d.ts +3 -0
- package/dist/illustrations3d/models/Marble.d.ts.map +1 -0
- package/dist/illustrations3d/models/MarbleCard.d.ts +3 -0
- package/dist/illustrations3d/models/MarbleCard.d.ts.map +1 -0
- package/dist/illustrations3d/models/MultiCurrency.d.ts +3 -0
- package/dist/illustrations3d/models/MultiCurrency.d.ts.map +1 -0
- package/dist/illustrations3d/models/Plane.d.ts +3 -0
- package/dist/illustrations3d/models/Plane.d.ts.map +1 -0
- package/dist/illustrations3d/utils.d.ts +9 -0
- package/dist/illustrations3d/utils.d.ts.map +1 -0
- package/dist/illustrations3d/utils.spec.d.ts +2 -0
- package/dist/illustrations3d/utils.spec.d.ts.map +1 -0
- package/dist/index-ApMK-TMV.esm.js +377 -0
- package/dist/index-ApMK-TMV.esm.js.map +1 -0
- package/dist/index-CeTVmx_6.js +383 -0
- package/dist/index-CeTVmx_6.js.map +1 -0
- package/dist/index.d.ts +10 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.esm.js +6 -0
- package/dist/index.esm.js.map +1 -0
- package/dist/index.js +23 -0
- package/dist/index.js.map +1 -0
- package/dist/rive/RiveIllustration.d.ts +13 -0
- package/dist/rive/RiveIllustration.d.ts.map +1 -0
- package/dist/rive/index.d.ts +3 -0
- package/dist/rive/index.d.ts.map +1 -0
- package/dist/rive/index.esm.js +47 -0
- package/dist/rive/index.esm.js.map +1 -0
- package/dist/rive/index.js +53 -0
- package/dist/rive/index.js.map +1 -0
- package/package.json +125 -0
- package/src/common.ts +17 -0
- package/src/flags/AllFlagsAndSizes.stories.tsx +131 -0
- package/src/flags/Flag.css +4 -0
- package/src/flags/Flag.spec.tsx +31 -0
- package/src/flags/Flag.stories.tsx +20 -0
- package/src/flags/Flag.tsx +65 -0
- package/src/flags/index.ts +2 -0
- package/src/flags/metadata.ts +9 -0
- package/src/illustrations/Illustration.css +27 -0
- package/src/illustrations/Illustration.spec.tsx +20 -0
- package/src/illustrations/Illustration.stories.tsx +58 -0
- package/src/illustrations/Illustration.tsx +95 -0
- package/src/illustrations/index.ts +5 -0
- package/src/illustrations/metadata.ts +13 -0
- package/src/illustrations3d/Illustration3D.stories.tsx +101 -0
- package/src/illustrations3d/Illustration3D.tsx +139 -0
- package/src/illustrations3d/Scene.tsx +62 -0
- package/src/illustrations3d/index.ts +6 -0
- package/src/illustrations3d/models/CheckMark.tsx +30 -0
- package/src/illustrations3d/models/Confetti.tsx +29 -0
- package/src/illustrations3d/models/Flower.tsx +24 -0
- package/src/illustrations3d/models/Globe.tsx +41 -0
- package/src/illustrations3d/models/Graph.tsx +26 -0
- package/src/illustrations3d/models/Interest.tsx +42 -0
- package/src/illustrations3d/models/Jars.tsx +47 -0
- package/src/illustrations3d/models/Lock.tsx +38 -0
- package/src/illustrations3d/models/MagnifyingGlass.tsx +30 -0
- package/src/illustrations3d/models/Marble.tsx +47 -0
- package/src/illustrations3d/models/MarbleCard.tsx +50 -0
- package/src/illustrations3d/models/MultiCurrency.tsx +58 -0
- package/src/illustrations3d/models/Plane.tsx +33 -0
- package/src/illustrations3d/utils.spec.tsx +36 -0
- package/src/illustrations3d/utils.ts +73 -0
- package/src/index.css +3 -0
- package/src/index.ts +12 -0
- package/src/rive/RiveIllustration.css +18 -0
- package/src/rive/RiveIllustration.stories.tsx +20 -0
- package/src/rive/RiveIllustration.tsx +54 -0
- package/src/rive/index.ts +2 -0
|
@@ -0,0 +1,53 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var drei = require('@react-three/drei');
|
|
4
|
+
var fiber = require('@react-three/fiber');
|
|
5
|
+
var react = require('react');
|
|
6
|
+
var three = require('three');
|
|
7
|
+
var index = require('./index-CeTVmx_6.js');
|
|
8
|
+
var jsxRuntime = require('react/jsx-runtime');
|
|
9
|
+
require('clsx');
|
|
10
|
+
require('./common-H4L6Hbbh.js');
|
|
11
|
+
|
|
12
|
+
const Interest = () => {
|
|
13
|
+
const ref = react.useRef();
|
|
14
|
+
const {
|
|
15
|
+
scene,
|
|
16
|
+
animations
|
|
17
|
+
} = drei.useGLTF(index.defineSrc('interest.glb'));
|
|
18
|
+
const lights = fiber.useLoader(three.ObjectLoader, index.defineSrc('interest-light.json'));
|
|
19
|
+
const wiseLogo = fiber.useLoader(three.TextureLoader, index.defineSrc('file-interest-2.webp'));
|
|
20
|
+
scene.traverse(child => {
|
|
21
|
+
if (child.name.startsWith('coin') && child.isMesh) {
|
|
22
|
+
child.material.map.flipY = true;
|
|
23
|
+
child.material.map.repeat.set(0.25, 0.25);
|
|
24
|
+
child.material.map.offset.set(0.85, -0.03);
|
|
25
|
+
child.material.map.needsUpdate = true;
|
|
26
|
+
child.material = new three.MeshStandardMaterial({
|
|
27
|
+
map: child.material.map,
|
|
28
|
+
normalMap: wiseLogo,
|
|
29
|
+
normalScale: new three.Vector2(1.3, 1.3)
|
|
30
|
+
});
|
|
31
|
+
}
|
|
32
|
+
});
|
|
33
|
+
const {
|
|
34
|
+
mixer,
|
|
35
|
+
clips
|
|
36
|
+
} = drei.useAnimations(animations, ref);
|
|
37
|
+
fiber.useFrame(() => {
|
|
38
|
+
mixer.clipAction(clips[0]).play().setLoop(three.LoopRepeat, Infinity);
|
|
39
|
+
});
|
|
40
|
+
return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
|
|
41
|
+
children: [/*#__PURE__*/jsxRuntime.jsx("primitive", {
|
|
42
|
+
ref: ref,
|
|
43
|
+
position: [0, -1, 0],
|
|
44
|
+
scale: 1.45,
|
|
45
|
+
object: scene
|
|
46
|
+
}), /*#__PURE__*/jsxRuntime.jsx("primitive", {
|
|
47
|
+
object: lights
|
|
48
|
+
})]
|
|
49
|
+
});
|
|
50
|
+
};
|
|
51
|
+
|
|
52
|
+
exports.default = Interest;
|
|
53
|
+
//# sourceMappingURL=Interest-5AzhwfRZ.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Interest-5AzhwfRZ.js","sources":["../src/illustrations3d/models/Interest.tsx"],"sourcesContent":["import { useAnimations,useGLTF } from '@react-three/drei';\nimport { useFrame, useLoader } from '@react-three/fiber';\nimport { useRef } from 'react';\nimport { LoopRepeat, MeshStandardMaterial, ObjectLoader, TextureLoader, Vector2 } from 'three';\n\nimport { defineSrc } from '../utils';\n\nconst Interest = () => {\n const ref = useRef();\n const { scene, animations } = useGLTF(defineSrc('interest.glb'));\n\n const lights = useLoader(ObjectLoader, defineSrc('interest-light.json'));\n const wiseLogo = useLoader(TextureLoader, defineSrc('file-interest-2.webp'));\n\n scene.traverse((child) => {\n if (child.name.startsWith('coin') && child.isMesh) {\n child.material.map.flipY = true;\n child.material.map.repeat.set(0.25, 0.25);\n child.material.map.offset.set(0.85, -0.03);\n child.material.map.needsUpdate = true;\n child.material = new MeshStandardMaterial({\n map: child.material.map,\n normalMap: wiseLogo,\n normalScale: new Vector2(1.3, 1.3)\n });\n }\n });\n\n const { mixer, clips } = useAnimations(animations, ref);\n useFrame(() => {\n mixer.clipAction(clips[0]).play().setLoop(LoopRepeat, Infinity);\n });\n\n return (\n <>\n <primitive ref={ref} position={[0, -1, 0]} scale={1.45} object={scene} />\n <primitive object={lights} />\n </>\n );\n};\n\nexport default Interest;\n"],"names":["Interest","ref","useRef","scene","animations","useGLTF","defineSrc","lights","useLoader","ObjectLoader","wiseLogo","TextureLoader","traverse","child","name","startsWith","isMesh","material","map","flipY","repeat","set","offset","needsUpdate","MeshStandardMaterial","normalMap","normalScale","Vector2","mixer","clips","useAnimations","useFrame","clipAction","play","setLoop","LoopRepeat","Infinity","_jsxs","_Fragment","children","_jsx","position","scale","object"],"mappings":";;;;;;;;;;;AAOA,MAAMA,QAAQ,GAAGA,MAAK;AACpB,EAAA,MAAMC,GAAG,GAAGC,YAAM,EAAE;EACpB,MAAM;IAAEC,KAAK;AAAEC,IAAAA;AAAU,GAAE,GAAGC,YAAO,CAACC,eAAS,CAAC,cAAc,CAAC,CAAC;EAEhE,MAAMC,MAAM,GAAGC,eAAS,CAACC,kBAAY,EAAEH,eAAS,CAAC,qBAAqB,CAAC,CAAC;EACxE,MAAMI,QAAQ,GAAGF,eAAS,CAACG,mBAAa,EAAEL,eAAS,CAAC,sBAAsB,CAAC,CAAC;AAE5EH,EAAAA,KAAK,CAACS,QAAQ,CAAEC,KAAK,IAAI;AACvB,IAAA,IAAIA,KAAK,CAACC,IAAI,CAACC,UAAU,CAAC,MAAM,CAAC,IAAIF,KAAK,CAACG,MAAM,EAAE;AACjDH,MAAAA,KAAK,CAACI,QAAQ,CAACC,GAAG,CAACC,KAAK,GAAG,IAAI;AAC/BN,MAAAA,KAAK,CAACI,QAAQ,CAACC,GAAG,CAACE,MAAM,CAACC,GAAG,CAAC,IAAI,EAAE,IAAI,CAAC;AACzCR,MAAAA,KAAK,CAACI,QAAQ,CAACC,GAAG,CAACI,MAAM,CAACD,GAAG,CAAC,IAAI,EAAE,KAAK,CAAC;AAC1CR,MAAAA,KAAK,CAACI,QAAQ,CAACC,GAAG,CAACK,WAAW,GAAG,IAAI;AACrCV,MAAAA,KAAK,CAACI,QAAQ,GAAG,IAAIO,0BAAoB,CAAC;AACtCN,QAAAA,GAAG,EAAEL,KAAK,CAACI,QAAQ,CAACC,GAAG;AACvBO,QAAAA,SAAS,EAAEf,QAAQ;AACnBgB,QAAAA,WAAW,EAAE,IAAIC,aAAO,CAAC,GAAG,EAAE,GAAG;AACpC,OAAA,CAAC;AACJ,IAAA;AACF,EAAA,CAAC,CAAC;EAEF,MAAM;IAAEC,KAAK;AAAEC,IAAAA;AAAK,GAAE,GAAGC,kBAAa,CAAC1B,UAAU,EAAEH,GAAG,CAAC;AACvD8B,EAAAA,cAAQ,CAAC,MAAK;AACZH,IAAAA,KAAK,CAACI,UAAU,CAACH,KAAK,CAAC,CAAC,CAAC,CAAC,CAACI,IAAI,EAAE,CAACC,OAAO,CAACC,gBAAU,EAAEC,QAAQ,CAAC;AACjE,EAAA,CAAC,CAAC;EAEF,oBACEC,eAAA,CAAAC,mBAAA,EAAA;AAAAC,IAAAA,QAAA,gBACEC,cAAA,CAAA,WAAA,EAAA;AAAWvC,MAAAA,GAAG,EAAEA,GAAI;MAACwC,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,CAAE;AAACC,MAAAA,KAAK,EAAE,IAAK;AAACC,MAAAA,MAAM,EAAExC;KAAM,CACtE,eAAAqC,cAAA,CAAA,WAAA,EAAA;AAAWG,MAAAA,MAAM,EAAEpC;AAAO,KAAA,CAC5B;AAAA,GAAA,CAAG;AAEP;;;;"}
|
|
@@ -0,0 +1,51 @@
|
|
|
1
|
+
import { useGLTF, useAnimations } from '@react-three/drei';
|
|
2
|
+
import { useLoader, useFrame } from '@react-three/fiber';
|
|
3
|
+
import { useRef } from 'react';
|
|
4
|
+
import { ObjectLoader, TextureLoader, MeshStandardMaterial, Vector2, LoopRepeat } from 'three';
|
|
5
|
+
import { d as defineSrc } from './index-ApMK-TMV.esm.js';
|
|
6
|
+
import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
|
|
7
|
+
import 'clsx';
|
|
8
|
+
import './common-DBpCdW70.esm.js';
|
|
9
|
+
|
|
10
|
+
const Interest = () => {
|
|
11
|
+
const ref = useRef();
|
|
12
|
+
const {
|
|
13
|
+
scene,
|
|
14
|
+
animations
|
|
15
|
+
} = useGLTF(defineSrc('interest.glb'));
|
|
16
|
+
const lights = useLoader(ObjectLoader, defineSrc('interest-light.json'));
|
|
17
|
+
const wiseLogo = useLoader(TextureLoader, defineSrc('file-interest-2.webp'));
|
|
18
|
+
scene.traverse(child => {
|
|
19
|
+
if (child.name.startsWith('coin') && child.isMesh) {
|
|
20
|
+
child.material.map.flipY = true;
|
|
21
|
+
child.material.map.repeat.set(0.25, 0.25);
|
|
22
|
+
child.material.map.offset.set(0.85, -0.03);
|
|
23
|
+
child.material.map.needsUpdate = true;
|
|
24
|
+
child.material = new MeshStandardMaterial({
|
|
25
|
+
map: child.material.map,
|
|
26
|
+
normalMap: wiseLogo,
|
|
27
|
+
normalScale: new Vector2(1.3, 1.3)
|
|
28
|
+
});
|
|
29
|
+
}
|
|
30
|
+
});
|
|
31
|
+
const {
|
|
32
|
+
mixer,
|
|
33
|
+
clips
|
|
34
|
+
} = useAnimations(animations, ref);
|
|
35
|
+
useFrame(() => {
|
|
36
|
+
mixer.clipAction(clips[0]).play().setLoop(LoopRepeat, Infinity);
|
|
37
|
+
});
|
|
38
|
+
return /*#__PURE__*/jsxs(Fragment, {
|
|
39
|
+
children: [/*#__PURE__*/jsx("primitive", {
|
|
40
|
+
ref: ref,
|
|
41
|
+
position: [0, -1, 0],
|
|
42
|
+
scale: 1.45,
|
|
43
|
+
object: scene
|
|
44
|
+
}), /*#__PURE__*/jsx("primitive", {
|
|
45
|
+
object: lights
|
|
46
|
+
})]
|
|
47
|
+
});
|
|
48
|
+
};
|
|
49
|
+
|
|
50
|
+
export { Interest as default };
|
|
51
|
+
//# sourceMappingURL=Interest-d9YRzYsQ.esm.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Interest-d9YRzYsQ.esm.js","sources":["../src/illustrations3d/models/Interest.tsx"],"sourcesContent":["import { useAnimations,useGLTF } from '@react-three/drei';\nimport { useFrame, useLoader } from '@react-three/fiber';\nimport { useRef } from 'react';\nimport { LoopRepeat, MeshStandardMaterial, ObjectLoader, TextureLoader, Vector2 } from 'three';\n\nimport { defineSrc } from '../utils';\n\nconst Interest = () => {\n const ref = useRef();\n const { scene, animations } = useGLTF(defineSrc('interest.glb'));\n\n const lights = useLoader(ObjectLoader, defineSrc('interest-light.json'));\n const wiseLogo = useLoader(TextureLoader, defineSrc('file-interest-2.webp'));\n\n scene.traverse((child) => {\n if (child.name.startsWith('coin') && child.isMesh) {\n child.material.map.flipY = true;\n child.material.map.repeat.set(0.25, 0.25);\n child.material.map.offset.set(0.85, -0.03);\n child.material.map.needsUpdate = true;\n child.material = new MeshStandardMaterial({\n map: child.material.map,\n normalMap: wiseLogo,\n normalScale: new Vector2(1.3, 1.3)\n });\n }\n });\n\n const { mixer, clips } = useAnimations(animations, ref);\n useFrame(() => {\n mixer.clipAction(clips[0]).play().setLoop(LoopRepeat, Infinity);\n });\n\n return (\n <>\n <primitive ref={ref} position={[0, -1, 0]} scale={1.45} object={scene} />\n <primitive object={lights} />\n </>\n );\n};\n\nexport default Interest;\n"],"names":["Interest","ref","useRef","scene","animations","useGLTF","defineSrc","lights","useLoader","ObjectLoader","wiseLogo","TextureLoader","traverse","child","name","startsWith","isMesh","material","map","flipY","repeat","set","offset","needsUpdate","MeshStandardMaterial","normalMap","normalScale","Vector2","mixer","clips","useAnimations","useFrame","clipAction","play","setLoop","LoopRepeat","Infinity","_jsxs","_Fragment","children","_jsx","position","scale","object"],"mappings":";;;;;;;;;AAOA,MAAMA,QAAQ,GAAGA,MAAK;AACpB,EAAA,MAAMC,GAAG,GAAGC,MAAM,EAAE;EACpB,MAAM;IAAEC,KAAK;AAAEC,IAAAA;AAAU,GAAE,GAAGC,OAAO,CAACC,SAAS,CAAC,cAAc,CAAC,CAAC;EAEhE,MAAMC,MAAM,GAAGC,SAAS,CAACC,YAAY,EAAEH,SAAS,CAAC,qBAAqB,CAAC,CAAC;EACxE,MAAMI,QAAQ,GAAGF,SAAS,CAACG,aAAa,EAAEL,SAAS,CAAC,sBAAsB,CAAC,CAAC;AAE5EH,EAAAA,KAAK,CAACS,QAAQ,CAAEC,KAAK,IAAI;AACvB,IAAA,IAAIA,KAAK,CAACC,IAAI,CAACC,UAAU,CAAC,MAAM,CAAC,IAAIF,KAAK,CAACG,MAAM,EAAE;AACjDH,MAAAA,KAAK,CAACI,QAAQ,CAACC,GAAG,CAACC,KAAK,GAAG,IAAI;AAC/BN,MAAAA,KAAK,CAACI,QAAQ,CAACC,GAAG,CAACE,MAAM,CAACC,GAAG,CAAC,IAAI,EAAE,IAAI,CAAC;AACzCR,MAAAA,KAAK,CAACI,QAAQ,CAACC,GAAG,CAACI,MAAM,CAACD,GAAG,CAAC,IAAI,EAAE,KAAK,CAAC;AAC1CR,MAAAA,KAAK,CAACI,QAAQ,CAACC,GAAG,CAACK,WAAW,GAAG,IAAI;AACrCV,MAAAA,KAAK,CAACI,QAAQ,GAAG,IAAIO,oBAAoB,CAAC;AACtCN,QAAAA,GAAG,EAAEL,KAAK,CAACI,QAAQ,CAACC,GAAG;AACvBO,QAAAA,SAAS,EAAEf,QAAQ;AACnBgB,QAAAA,WAAW,EAAE,IAAIC,OAAO,CAAC,GAAG,EAAE,GAAG;AACpC,OAAA,CAAC;AACJ,IAAA;AACF,EAAA,CAAC,CAAC;EAEF,MAAM;IAAEC,KAAK;AAAEC,IAAAA;AAAK,GAAE,GAAGC,aAAa,CAAC1B,UAAU,EAAEH,GAAG,CAAC;AACvD8B,EAAAA,QAAQ,CAAC,MAAK;AACZH,IAAAA,KAAK,CAACI,UAAU,CAACH,KAAK,CAAC,CAAC,CAAC,CAAC,CAACI,IAAI,EAAE,CAACC,OAAO,CAACC,UAAU,EAAEC,QAAQ,CAAC;AACjE,EAAA,CAAC,CAAC;EAEF,oBACEC,IAAA,CAAAC,QAAA,EAAA;AAAAC,IAAAA,QAAA,gBACEC,GAAA,CAAA,WAAA,EAAA;AAAWvC,MAAAA,GAAG,EAAEA,GAAI;MAACwC,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,CAAE;AAACC,MAAAA,KAAK,EAAE,IAAK;AAACC,MAAAA,MAAM,EAAExC;KAAM,CACtE,eAAAqC,GAAA,CAAA,WAAA,EAAA;AAAWG,MAAAA,MAAM,EAAEpC;AAAO,KAAA,CAC5B;AAAA,GAAA,CAAG;AAEP;;;;"}
|
|
@@ -0,0 +1,51 @@
|
|
|
1
|
+
import { useGLTF, useAnimations } from '@react-three/drei';
|
|
2
|
+
import { useLoader, useFrame } from '@react-three/fiber';
|
|
3
|
+
import { useRef } from 'react';
|
|
4
|
+
import { ObjectLoader, TextureLoader } from 'three';
|
|
5
|
+
import { d as defineSrc } from './index-ApMK-TMV.esm.js';
|
|
6
|
+
import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
|
|
7
|
+
import 'clsx';
|
|
8
|
+
import './common-DBpCdW70.esm.js';
|
|
9
|
+
|
|
10
|
+
const Jars = () => {
|
|
11
|
+
const ref = useRef();
|
|
12
|
+
const model = useGLTF(defineSrc('jars.glb'));
|
|
13
|
+
const lights = useLoader(ObjectLoader, defineSrc('jars-light.json'));
|
|
14
|
+
const wiseLogo = useLoader(TextureLoader, defineSrc('wise-flag-map-bump.jpg'));
|
|
15
|
+
const jars = [];
|
|
16
|
+
model.scene.traverse(child => {
|
|
17
|
+
if (child.name.startsWith('Coin_')) {
|
|
18
|
+
child.material.bumpMap = wiseLogo;
|
|
19
|
+
child.material.bumpMap.flipY = false;
|
|
20
|
+
child.castShadow = false;
|
|
21
|
+
child.receiveShadow = false;
|
|
22
|
+
}
|
|
23
|
+
if (child.name.startsWith('Jar_')) {
|
|
24
|
+
jars.push(child);
|
|
25
|
+
}
|
|
26
|
+
});
|
|
27
|
+
const {
|
|
28
|
+
mixer,
|
|
29
|
+
clips
|
|
30
|
+
} = useAnimations(model.animations, ref);
|
|
31
|
+
useFrame(() => {
|
|
32
|
+
mixer.clipAction(clips[0]).play();
|
|
33
|
+
jars.forEach(jar => {
|
|
34
|
+
jar.material.map.offset.x += 0.001;
|
|
35
|
+
jar.material.map.offset.y += 0.0;
|
|
36
|
+
});
|
|
37
|
+
});
|
|
38
|
+
return /*#__PURE__*/jsxs(Fragment, {
|
|
39
|
+
children: [/*#__PURE__*/jsx("primitive", {
|
|
40
|
+
ref: ref,
|
|
41
|
+
scale: 1.3,
|
|
42
|
+
position: [0, -10, 0],
|
|
43
|
+
object: model.scene
|
|
44
|
+
}), /*#__PURE__*/jsx("primitive", {
|
|
45
|
+
object: lights
|
|
46
|
+
})]
|
|
47
|
+
});
|
|
48
|
+
};
|
|
49
|
+
|
|
50
|
+
export { Jars as default };
|
|
51
|
+
//# sourceMappingURL=Jars-Bj5zryIy.esm.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Jars-Bj5zryIy.esm.js","sources":["../src/illustrations3d/models/Jars.tsx"],"sourcesContent":["import { useGLTF, useAnimations } from '@react-three/drei';\nimport { useFrame, useLoader } from '@react-three/fiber';\nimport { useRef } from 'react';\nimport { TextureLoader, ObjectLoader } from 'three';\n\nimport { defineSrc } from '../utils';\n\nconst Jars = () => {\n const ref = useRef();\n const model = useGLTF(defineSrc('jars.glb'));\n const lights = useLoader(ObjectLoader, defineSrc('jars-light.json'));\n const wiseLogo = useLoader(TextureLoader, defineSrc('wise-flag-map-bump.jpg'));\n const jars = [];\n\n model.scene.traverse((child) => {\n if (child.name.startsWith('Coin_')) {\n child.material.bumpMap = wiseLogo;\n\n child.material.bumpMap.flipY = false;\n child.castShadow = false;\n child.receiveShadow = false;\n }\n if (child.name.startsWith('Jar_')) {\n jars.push(child);\n }\n });\n\n const { mixer, clips } = useAnimations(model.animations, ref);\n\n useFrame(() => {\n mixer.clipAction(clips[0]).play();\n\n jars.forEach((jar) => {\n jar.material.map.offset.x += 0.001;\n jar.material.map.offset.y += 0.0;\n });\n });\n\n return (\n <>\n <primitive ref={ref} scale={1.3} position={[0, -10, 0]} object={model.scene} />\n <primitive object={lights} />\n </>\n );\n};\n\nexport default Jars;\n"],"names":["Jars","ref","useRef","model","useGLTF","defineSrc","lights","useLoader","ObjectLoader","wiseLogo","TextureLoader","jars","scene","traverse","child","name","startsWith","material","bumpMap","flipY","castShadow","receiveShadow","push","mixer","clips","useAnimations","animations","useFrame","clipAction","play","forEach","jar","map","offset","x","y","_jsxs","_Fragment","children","_jsx","scale","position","object"],"mappings":";;;;;;;;;AAOA,MAAMA,IAAI,GAAGA,MAAK;AAChB,EAAA,MAAMC,GAAG,GAAGC,MAAM,EAAE;EACpB,MAAMC,KAAK,GAAGC,OAAO,CAACC,SAAS,CAAC,UAAU,CAAC,CAAC;EAC5C,MAAMC,MAAM,GAAGC,SAAS,CAACC,YAAY,EAAEH,SAAS,CAAC,iBAAiB,CAAC,CAAC;EACpE,MAAMI,QAAQ,GAAGF,SAAS,CAACG,aAAa,EAAEL,SAAS,CAAC,wBAAwB,CAAC,CAAC;EAC9E,MAAMM,IAAI,GAAG,EAAE;AAEfR,EAAAA,KAAK,CAACS,KAAK,CAACC,QAAQ,CAAEC,KAAK,IAAI;IAC7B,IAAIA,KAAK,CAACC,IAAI,CAACC,UAAU,CAAC,OAAO,CAAC,EAAE;AAClCF,MAAAA,KAAK,CAACG,QAAQ,CAACC,OAAO,GAAGT,QAAQ;AAEjCK,MAAAA,KAAK,CAACG,QAAQ,CAACC,OAAO,CAACC,KAAK,GAAG,KAAK;MACpCL,KAAK,CAACM,UAAU,GAAG,KAAK;MACxBN,KAAK,CAACO,aAAa,GAAG,KAAK;AAC7B,IAAA;IACA,IAAIP,KAAK,CAACC,IAAI,CAACC,UAAU,CAAC,MAAM,CAAC,EAAE;AACjCL,MAAAA,IAAI,CAACW,IAAI,CAACR,KAAK,CAAC;AAClB,IAAA;AACF,EAAA,CAAC,CAAC;EAEF,MAAM;IAAES,KAAK;AAAEC,IAAAA;GAAO,GAAGC,aAAa,CAACtB,KAAK,CAACuB,UAAU,EAAEzB,GAAG,CAAC;AAE7D0B,EAAAA,QAAQ,CAAC,MAAK;IACZJ,KAAK,CAACK,UAAU,CAACJ,KAAK,CAAC,CAAC,CAAC,CAAC,CAACK,IAAI,EAAE;AAEjClB,IAAAA,IAAI,CAACmB,OAAO,CAAEC,GAAG,IAAI;MACnBA,GAAG,CAACd,QAAQ,CAACe,GAAG,CAACC,MAAM,CAACC,CAAC,IAAI,KAAK;MAClCH,GAAG,CAACd,QAAQ,CAACe,GAAG,CAACC,MAAM,CAACE,CAAC,IAAI,GAAG;AAClC,IAAA,CAAC,CAAC;AACJ,EAAA,CAAC,CAAC;EAEF,oBACEC,IAAA,CAAAC,QAAA,EAAA;AAAAC,IAAAA,QAAA,gBACEC,GAAA,CAAA,WAAA,EAAA;AAAWtC,MAAAA,GAAG,EAAEA,GAAI;AAACuC,MAAAA,KAAK,EAAE,GAAI;MAACC,QAAQ,EAAE,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC,CAAE;MAACC,MAAM,EAAEvC,KAAK,CAACS;KAAM,CAC5E,eAAA2B,GAAA,CAAA,WAAA,EAAA;AAAWG,MAAAA,MAAM,EAAEpC;AAAO,KAAA,CAC5B;AAAA,GAAA,CAAG;AAEP;;;;"}
|
|
@@ -0,0 +1,53 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var drei = require('@react-three/drei');
|
|
4
|
+
var fiber = require('@react-three/fiber');
|
|
5
|
+
var react = require('react');
|
|
6
|
+
var three = require('three');
|
|
7
|
+
var index = require('./index-CeTVmx_6.js');
|
|
8
|
+
var jsxRuntime = require('react/jsx-runtime');
|
|
9
|
+
require('clsx');
|
|
10
|
+
require('./common-H4L6Hbbh.js');
|
|
11
|
+
|
|
12
|
+
const Jars = () => {
|
|
13
|
+
const ref = react.useRef();
|
|
14
|
+
const model = drei.useGLTF(index.defineSrc('jars.glb'));
|
|
15
|
+
const lights = fiber.useLoader(three.ObjectLoader, index.defineSrc('jars-light.json'));
|
|
16
|
+
const wiseLogo = fiber.useLoader(three.TextureLoader, index.defineSrc('wise-flag-map-bump.jpg'));
|
|
17
|
+
const jars = [];
|
|
18
|
+
model.scene.traverse(child => {
|
|
19
|
+
if (child.name.startsWith('Coin_')) {
|
|
20
|
+
child.material.bumpMap = wiseLogo;
|
|
21
|
+
child.material.bumpMap.flipY = false;
|
|
22
|
+
child.castShadow = false;
|
|
23
|
+
child.receiveShadow = false;
|
|
24
|
+
}
|
|
25
|
+
if (child.name.startsWith('Jar_')) {
|
|
26
|
+
jars.push(child);
|
|
27
|
+
}
|
|
28
|
+
});
|
|
29
|
+
const {
|
|
30
|
+
mixer,
|
|
31
|
+
clips
|
|
32
|
+
} = drei.useAnimations(model.animations, ref);
|
|
33
|
+
fiber.useFrame(() => {
|
|
34
|
+
mixer.clipAction(clips[0]).play();
|
|
35
|
+
jars.forEach(jar => {
|
|
36
|
+
jar.material.map.offset.x += 0.001;
|
|
37
|
+
jar.material.map.offset.y += 0.0;
|
|
38
|
+
});
|
|
39
|
+
});
|
|
40
|
+
return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
|
|
41
|
+
children: [/*#__PURE__*/jsxRuntime.jsx("primitive", {
|
|
42
|
+
ref: ref,
|
|
43
|
+
scale: 1.3,
|
|
44
|
+
position: [0, -10, 0],
|
|
45
|
+
object: model.scene
|
|
46
|
+
}), /*#__PURE__*/jsxRuntime.jsx("primitive", {
|
|
47
|
+
object: lights
|
|
48
|
+
})]
|
|
49
|
+
});
|
|
50
|
+
};
|
|
51
|
+
|
|
52
|
+
exports.default = Jars;
|
|
53
|
+
//# sourceMappingURL=Jars-DTpuM002.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Jars-DTpuM002.js","sources":["../src/illustrations3d/models/Jars.tsx"],"sourcesContent":["import { useGLTF, useAnimations } from '@react-three/drei';\nimport { useFrame, useLoader } from '@react-three/fiber';\nimport { useRef } from 'react';\nimport { TextureLoader, ObjectLoader } from 'three';\n\nimport { defineSrc } from '../utils';\n\nconst Jars = () => {\n const ref = useRef();\n const model = useGLTF(defineSrc('jars.glb'));\n const lights = useLoader(ObjectLoader, defineSrc('jars-light.json'));\n const wiseLogo = useLoader(TextureLoader, defineSrc('wise-flag-map-bump.jpg'));\n const jars = [];\n\n model.scene.traverse((child) => {\n if (child.name.startsWith('Coin_')) {\n child.material.bumpMap = wiseLogo;\n\n child.material.bumpMap.flipY = false;\n child.castShadow = false;\n child.receiveShadow = false;\n }\n if (child.name.startsWith('Jar_')) {\n jars.push(child);\n }\n });\n\n const { mixer, clips } = useAnimations(model.animations, ref);\n\n useFrame(() => {\n mixer.clipAction(clips[0]).play();\n\n jars.forEach((jar) => {\n jar.material.map.offset.x += 0.001;\n jar.material.map.offset.y += 0.0;\n });\n });\n\n return (\n <>\n <primitive ref={ref} scale={1.3} position={[0, -10, 0]} object={model.scene} />\n <primitive object={lights} />\n </>\n );\n};\n\nexport default Jars;\n"],"names":["Jars","ref","useRef","model","useGLTF","defineSrc","lights","useLoader","ObjectLoader","wiseLogo","TextureLoader","jars","scene","traverse","child","name","startsWith","material","bumpMap","flipY","castShadow","receiveShadow","push","mixer","clips","useAnimations","animations","useFrame","clipAction","play","forEach","jar","map","offset","x","y","_jsxs","_Fragment","children","_jsx","scale","position","object"],"mappings":";;;;;;;;;;;AAOA,MAAMA,IAAI,GAAGA,MAAK;AAChB,EAAA,MAAMC,GAAG,GAAGC,YAAM,EAAE;EACpB,MAAMC,KAAK,GAAGC,YAAO,CAACC,eAAS,CAAC,UAAU,CAAC,CAAC;EAC5C,MAAMC,MAAM,GAAGC,eAAS,CAACC,kBAAY,EAAEH,eAAS,CAAC,iBAAiB,CAAC,CAAC;EACpE,MAAMI,QAAQ,GAAGF,eAAS,CAACG,mBAAa,EAAEL,eAAS,CAAC,wBAAwB,CAAC,CAAC;EAC9E,MAAMM,IAAI,GAAG,EAAE;AAEfR,EAAAA,KAAK,CAACS,KAAK,CAACC,QAAQ,CAAEC,KAAK,IAAI;IAC7B,IAAIA,KAAK,CAACC,IAAI,CAACC,UAAU,CAAC,OAAO,CAAC,EAAE;AAClCF,MAAAA,KAAK,CAACG,QAAQ,CAACC,OAAO,GAAGT,QAAQ;AAEjCK,MAAAA,KAAK,CAACG,QAAQ,CAACC,OAAO,CAACC,KAAK,GAAG,KAAK;MACpCL,KAAK,CAACM,UAAU,GAAG,KAAK;MACxBN,KAAK,CAACO,aAAa,GAAG,KAAK;AAC7B,IAAA;IACA,IAAIP,KAAK,CAACC,IAAI,CAACC,UAAU,CAAC,MAAM,CAAC,EAAE;AACjCL,MAAAA,IAAI,CAACW,IAAI,CAACR,KAAK,CAAC;AAClB,IAAA;AACF,EAAA,CAAC,CAAC;EAEF,MAAM;IAAES,KAAK;AAAEC,IAAAA;GAAO,GAAGC,kBAAa,CAACtB,KAAK,CAACuB,UAAU,EAAEzB,GAAG,CAAC;AAE7D0B,EAAAA,cAAQ,CAAC,MAAK;IACZJ,KAAK,CAACK,UAAU,CAACJ,KAAK,CAAC,CAAC,CAAC,CAAC,CAACK,IAAI,EAAE;AAEjClB,IAAAA,IAAI,CAACmB,OAAO,CAAEC,GAAG,IAAI;MACnBA,GAAG,CAACd,QAAQ,CAACe,GAAG,CAACC,MAAM,CAACC,CAAC,IAAI,KAAK;MAClCH,GAAG,CAACd,QAAQ,CAACe,GAAG,CAACC,MAAM,CAACE,CAAC,IAAI,GAAG;AAClC,IAAA,CAAC,CAAC;AACJ,EAAA,CAAC,CAAC;EAEF,oBACEC,eAAA,CAAAC,mBAAA,EAAA;AAAAC,IAAAA,QAAA,gBACEC,cAAA,CAAA,WAAA,EAAA;AAAWtC,MAAAA,GAAG,EAAEA,GAAI;AAACuC,MAAAA,KAAK,EAAE,GAAI;MAACC,QAAQ,EAAE,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC,CAAE;MAACC,MAAM,EAAEvC,KAAK,CAACS;KAAM,CAC5E,eAAA2B,cAAA,CAAA,WAAA,EAAA;AAAWG,MAAAA,MAAM,EAAEpC;AAAO,KAAA,CAC5B;AAAA,GAAA,CAAG;AAEP;;;;"}
|
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var drei = require('@react-three/drei');
|
|
4
|
+
var fiber = require('@react-three/fiber');
|
|
5
|
+
var react = require('react');
|
|
6
|
+
var three = require('three');
|
|
7
|
+
var index = require('./index-CeTVmx_6.js');
|
|
8
|
+
var jsxRuntime = require('react/jsx-runtime');
|
|
9
|
+
require('clsx');
|
|
10
|
+
require('./common-H4L6Hbbh.js');
|
|
11
|
+
|
|
12
|
+
const Lock = () => {
|
|
13
|
+
const ref = react.useRef();
|
|
14
|
+
const model = drei.useGLTF(index.defineSrc('lock.glb'));
|
|
15
|
+
const lights = fiber.useLoader(three.ObjectLoader, index.defineSrc('lock-light.json'));
|
|
16
|
+
model.scene.traverse(node => {
|
|
17
|
+
if (node.isMesh) {
|
|
18
|
+
node.castShadow = true;
|
|
19
|
+
node.receiveShadow = true;
|
|
20
|
+
}
|
|
21
|
+
});
|
|
22
|
+
const {
|
|
23
|
+
clips,
|
|
24
|
+
mixer
|
|
25
|
+
} = drei.useAnimations(model.animations, ref);
|
|
26
|
+
let frame = 0;
|
|
27
|
+
fiber.useFrame(() => {
|
|
28
|
+
mixer.clipAction(clips[0]).play().setLoop(three.LoopOnce, 1);
|
|
29
|
+
model.scene.position.y = Math.sin(frame++ * 0.04) * 0.2;
|
|
30
|
+
model.materials.Standard.map.offset.x += -1e-3;
|
|
31
|
+
});
|
|
32
|
+
return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
|
|
33
|
+
children: [/*#__PURE__*/jsxRuntime.jsx("primitive", {
|
|
34
|
+
ref: ref,
|
|
35
|
+
scale: 1.4,
|
|
36
|
+
object: model.scene
|
|
37
|
+
}), /*#__PURE__*/jsxRuntime.jsx("primitive", {
|
|
38
|
+
object: lights
|
|
39
|
+
})]
|
|
40
|
+
});
|
|
41
|
+
};
|
|
42
|
+
|
|
43
|
+
exports.default = Lock;
|
|
44
|
+
//# sourceMappingURL=Lock-Ca-LEge7.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Lock-Ca-LEge7.js","sources":["../src/illustrations3d/models/Lock.tsx"],"sourcesContent":["import { useGLTF, useAnimations } from '@react-three/drei';\nimport { useFrame, useLoader } from '@react-three/fiber';\nimport { useRef } from 'react';\nimport { LoopOnce, ObjectLoader } from 'three';\n\nimport { defineSrc } from '../utils';\n\nconst Lock = () => {\n const ref = useRef();\n const model = useGLTF(defineSrc('lock.glb'));\n\n const lights = useLoader(ObjectLoader, defineSrc('lock-light.json'));\n\n model.scene.traverse((node) => {\n if (node.isMesh) {\n node.castShadow = true;\n node.receiveShadow = true;\n }\n });\n\n const { clips, mixer } = useAnimations(model.animations, ref);\n let frame = 0;\n useFrame(() => {\n mixer.clipAction(clips[0]).play().setLoop(LoopOnce, 1);\n model.scene.position.y = Math.sin(frame++ * 0.04) * 0.2;\n\n model.materials.Standard.map.offset.x += -0.001;\n });\n\n return (\n <>\n <primitive ref={ref} scale={1.4} object={model.scene} />\n <primitive object={lights} />\n </>\n );\n};\n\nexport default Lock;\n"],"names":["Lock","ref","useRef","model","useGLTF","defineSrc","lights","useLoader","ObjectLoader","scene","traverse","node","isMesh","castShadow","receiveShadow","clips","mixer","useAnimations","animations","frame","useFrame","clipAction","play","setLoop","LoopOnce","position","y","Math","sin","materials","Standard","map","offset","x","_jsxs","_Fragment","children","_jsx","scale","object"],"mappings":";;;;;;;;;;;AAOA,MAAMA,IAAI,GAAGA,MAAK;AAChB,EAAA,MAAMC,GAAG,GAAGC,YAAM,EAAE;EACpB,MAAMC,KAAK,GAAGC,YAAO,CAACC,eAAS,CAAC,UAAU,CAAC,CAAC;EAE5C,MAAMC,MAAM,GAAGC,eAAS,CAACC,kBAAY,EAAEH,eAAS,CAAC,iBAAiB,CAAC,CAAC;AAEpEF,EAAAA,KAAK,CAACM,KAAK,CAACC,QAAQ,CAAEC,IAAI,IAAI;IAC5B,IAAIA,IAAI,CAACC,MAAM,EAAE;MACfD,IAAI,CAACE,UAAU,GAAG,IAAI;MACtBF,IAAI,CAACG,aAAa,GAAG,IAAI;AAC3B,IAAA;AACF,EAAA,CAAC,CAAC;EAEF,MAAM;IAAEC,KAAK;AAAEC,IAAAA;GAAO,GAAGC,kBAAa,CAACd,KAAK,CAACe,UAAU,EAAEjB,GAAG,CAAC;EAC7D,IAAIkB,KAAK,GAAG,CAAC;AACbC,EAAAA,cAAQ,CAAC,MAAK;AACZJ,IAAAA,KAAK,CAACK,UAAU,CAACN,KAAK,CAAC,CAAC,CAAC,CAAC,CAACO,IAAI,EAAE,CAACC,OAAO,CAACC,cAAQ,EAAE,CAAC,CAAC;AACtDrB,IAAAA,KAAK,CAACM,KAAK,CAACgB,QAAQ,CAACC,CAAC,GAAGC,IAAI,CAACC,GAAG,CAACT,KAAK,EAAE,GAAG,IAAI,CAAC,GAAG,GAAG;AAEvDhB,IAAAA,KAAK,CAAC0B,SAAS,CAACC,QAAQ,CAACC,GAAG,CAACC,MAAM,CAACC,CAAC,IAAI,KAAM;AACjD,EAAA,CAAC,CAAC;EAEF,oBACEC,eAAA,CAAAC,mBAAA,EAAA;AAAAC,IAAAA,QAAA,gBACEC,cAAA,CAAA,WAAA,EAAA;AAAWpC,MAAAA,GAAG,EAAEA,GAAI;AAACqC,MAAAA,KAAK,EAAE,GAAI;MAACC,MAAM,EAAEpC,KAAK,CAACM;KAAM,CACrD,eAAA4B,cAAA,CAAA,WAAA,EAAA;AAAWE,MAAAA,MAAM,EAAEjC;AAAO,KAAA,CAC5B;AAAA,GAAA,CAAG;AAEP;;;;"}
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
import { useGLTF, useAnimations } from '@react-three/drei';
|
|
2
|
+
import { useLoader, useFrame } from '@react-three/fiber';
|
|
3
|
+
import { useRef } from 'react';
|
|
4
|
+
import { ObjectLoader, LoopOnce } from 'three';
|
|
5
|
+
import { d as defineSrc } from './index-ApMK-TMV.esm.js';
|
|
6
|
+
import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
|
|
7
|
+
import 'clsx';
|
|
8
|
+
import './common-DBpCdW70.esm.js';
|
|
9
|
+
|
|
10
|
+
const Lock = () => {
|
|
11
|
+
const ref = useRef();
|
|
12
|
+
const model = useGLTF(defineSrc('lock.glb'));
|
|
13
|
+
const lights = useLoader(ObjectLoader, defineSrc('lock-light.json'));
|
|
14
|
+
model.scene.traverse(node => {
|
|
15
|
+
if (node.isMesh) {
|
|
16
|
+
node.castShadow = true;
|
|
17
|
+
node.receiveShadow = true;
|
|
18
|
+
}
|
|
19
|
+
});
|
|
20
|
+
const {
|
|
21
|
+
clips,
|
|
22
|
+
mixer
|
|
23
|
+
} = useAnimations(model.animations, ref);
|
|
24
|
+
let frame = 0;
|
|
25
|
+
useFrame(() => {
|
|
26
|
+
mixer.clipAction(clips[0]).play().setLoop(LoopOnce, 1);
|
|
27
|
+
model.scene.position.y = Math.sin(frame++ * 0.04) * 0.2;
|
|
28
|
+
model.materials.Standard.map.offset.x += -1e-3;
|
|
29
|
+
});
|
|
30
|
+
return /*#__PURE__*/jsxs(Fragment, {
|
|
31
|
+
children: [/*#__PURE__*/jsx("primitive", {
|
|
32
|
+
ref: ref,
|
|
33
|
+
scale: 1.4,
|
|
34
|
+
object: model.scene
|
|
35
|
+
}), /*#__PURE__*/jsx("primitive", {
|
|
36
|
+
object: lights
|
|
37
|
+
})]
|
|
38
|
+
});
|
|
39
|
+
};
|
|
40
|
+
|
|
41
|
+
export { Lock as default };
|
|
42
|
+
//# sourceMappingURL=Lock-xy_KoW2g.esm.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Lock-xy_KoW2g.esm.js","sources":["../src/illustrations3d/models/Lock.tsx"],"sourcesContent":["import { useGLTF, useAnimations } from '@react-three/drei';\nimport { useFrame, useLoader } from '@react-three/fiber';\nimport { useRef } from 'react';\nimport { LoopOnce, ObjectLoader } from 'three';\n\nimport { defineSrc } from '../utils';\n\nconst Lock = () => {\n const ref = useRef();\n const model = useGLTF(defineSrc('lock.glb'));\n\n const lights = useLoader(ObjectLoader, defineSrc('lock-light.json'));\n\n model.scene.traverse((node) => {\n if (node.isMesh) {\n node.castShadow = true;\n node.receiveShadow = true;\n }\n });\n\n const { clips, mixer } = useAnimations(model.animations, ref);\n let frame = 0;\n useFrame(() => {\n mixer.clipAction(clips[0]).play().setLoop(LoopOnce, 1);\n model.scene.position.y = Math.sin(frame++ * 0.04) * 0.2;\n\n model.materials.Standard.map.offset.x += -0.001;\n });\n\n return (\n <>\n <primitive ref={ref} scale={1.4} object={model.scene} />\n <primitive object={lights} />\n </>\n );\n};\n\nexport default Lock;\n"],"names":["Lock","ref","useRef","model","useGLTF","defineSrc","lights","useLoader","ObjectLoader","scene","traverse","node","isMesh","castShadow","receiveShadow","clips","mixer","useAnimations","animations","frame","useFrame","clipAction","play","setLoop","LoopOnce","position","y","Math","sin","materials","Standard","map","offset","x","_jsxs","_Fragment","children","_jsx","scale","object"],"mappings":";;;;;;;;;AAOA,MAAMA,IAAI,GAAGA,MAAK;AAChB,EAAA,MAAMC,GAAG,GAAGC,MAAM,EAAE;EACpB,MAAMC,KAAK,GAAGC,OAAO,CAACC,SAAS,CAAC,UAAU,CAAC,CAAC;EAE5C,MAAMC,MAAM,GAAGC,SAAS,CAACC,YAAY,EAAEH,SAAS,CAAC,iBAAiB,CAAC,CAAC;AAEpEF,EAAAA,KAAK,CAACM,KAAK,CAACC,QAAQ,CAAEC,IAAI,IAAI;IAC5B,IAAIA,IAAI,CAACC,MAAM,EAAE;MACfD,IAAI,CAACE,UAAU,GAAG,IAAI;MACtBF,IAAI,CAACG,aAAa,GAAG,IAAI;AAC3B,IAAA;AACF,EAAA,CAAC,CAAC;EAEF,MAAM;IAAEC,KAAK;AAAEC,IAAAA;GAAO,GAAGC,aAAa,CAACd,KAAK,CAACe,UAAU,EAAEjB,GAAG,CAAC;EAC7D,IAAIkB,KAAK,GAAG,CAAC;AACbC,EAAAA,QAAQ,CAAC,MAAK;AACZJ,IAAAA,KAAK,CAACK,UAAU,CAACN,KAAK,CAAC,CAAC,CAAC,CAAC,CAACO,IAAI,EAAE,CAACC,OAAO,CAACC,QAAQ,EAAE,CAAC,CAAC;AACtDrB,IAAAA,KAAK,CAACM,KAAK,CAACgB,QAAQ,CAACC,CAAC,GAAGC,IAAI,CAACC,GAAG,CAACT,KAAK,EAAE,GAAG,IAAI,CAAC,GAAG,GAAG;AAEvDhB,IAAAA,KAAK,CAAC0B,SAAS,CAACC,QAAQ,CAACC,GAAG,CAACC,MAAM,CAACC,CAAC,IAAI,KAAM;AACjD,EAAA,CAAC,CAAC;EAEF,oBACEC,IAAA,CAAAC,QAAA,EAAA;AAAAC,IAAAA,QAAA,gBACEC,GAAA,CAAA,WAAA,EAAA;AAAWpC,MAAAA,GAAG,EAAEA,GAAI;AAACqC,MAAAA,KAAK,EAAE,GAAI;MAACC,MAAM,EAAEpC,KAAK,CAACM;KAAM,CACrD,eAAA4B,GAAA,CAAA,WAAA,EAAA;AAAWE,MAAAA,MAAM,EAAEjC;AAAO,KAAA,CAC5B;AAAA,GAAA,CAAG;AAEP;;;;"}
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import { useGLTF } from '@react-three/drei';
|
|
2
|
+
import { useLoader, useFrame } from '@react-three/fiber';
|
|
3
|
+
import { ObjectLoader } from 'three';
|
|
4
|
+
import { d as defineSrc } from './index-ApMK-TMV.esm.js';
|
|
5
|
+
import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
|
|
6
|
+
import 'clsx';
|
|
7
|
+
import 'react';
|
|
8
|
+
import './common-DBpCdW70.esm.js';
|
|
9
|
+
|
|
10
|
+
const MagnifyingGlass = () => {
|
|
11
|
+
const model = useGLTF(defineSrc('magnifying-glass.glb'));
|
|
12
|
+
const lights = useLoader(ObjectLoader, defineSrc('magnifying-glass-light.json'));
|
|
13
|
+
const lens = model.scene.getObjectByName('Optimised_lens');
|
|
14
|
+
useFrame(() => {
|
|
15
|
+
lens.material.transparent = true;
|
|
16
|
+
lens.material.opacity = 0.8;
|
|
17
|
+
model.materials['Tapestry WebGL'].map.offset.x += -6e-4;
|
|
18
|
+
});
|
|
19
|
+
return /*#__PURE__*/jsxs(Fragment, {
|
|
20
|
+
children: [/*#__PURE__*/jsx("primitive", {
|
|
21
|
+
scale: 1.5,
|
|
22
|
+
position: [0, -12, 0],
|
|
23
|
+
object: model.scene
|
|
24
|
+
}), /*#__PURE__*/jsx("primitive", {
|
|
25
|
+
object: lights
|
|
26
|
+
})]
|
|
27
|
+
});
|
|
28
|
+
};
|
|
29
|
+
|
|
30
|
+
export { MagnifyingGlass as default };
|
|
31
|
+
//# sourceMappingURL=MagnifyingGlass-CR0nvKTo.esm.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MagnifyingGlass-CR0nvKTo.esm.js","sources":["../src/illustrations3d/models/MagnifyingGlass.tsx"],"sourcesContent":["import { useGLTF } from '@react-three/drei';\nimport { useFrame, useLoader } from '@react-three/fiber';\nimport { ObjectLoader } from 'three';\n\nimport { defineSrc } from '../utils';\n\nconst MagnifyingGlass = () => {\n const model = useGLTF(defineSrc('magnifying-glass.glb'));\n\n const lights = useLoader(ObjectLoader, defineSrc('magnifying-glass-light.json'));\n\n const lens = model.scene.getObjectByName('Optimised_lens');\n\n useFrame(() => {\n lens.material.transparent = true;\n\n lens.material.opacity = 0.8;\n\n model.materials['Tapestry WebGL'].map.offset.x += -0.0006;\n });\n\n return (\n <>\n <primitive scale={1.5} position={[0, -12, 0]} object={model.scene} />\n <primitive object={lights} />\n </>\n );\n};\n\nexport default MagnifyingGlass;\n"],"names":["MagnifyingGlass","model","useGLTF","defineSrc","lights","useLoader","ObjectLoader","lens","scene","getObjectByName","useFrame","material","transparent","opacity","materials","map","offset","x","_jsxs","_Fragment","children","_jsx","scale","position","object"],"mappings":";;;;;;;;;AAMA,MAAMA,eAAe,GAAGA,MAAK;EAC3B,MAAMC,KAAK,GAAGC,OAAO,CAACC,SAAS,CAAC,sBAAsB,CAAC,CAAC;EAExD,MAAMC,MAAM,GAAGC,SAAS,CAACC,YAAY,EAAEH,SAAS,CAAC,6BAA6B,CAAC,CAAC;EAEhF,MAAMI,IAAI,GAAGN,KAAK,CAACO,KAAK,CAACC,eAAe,CAAC,gBAAgB,CAAC;AAE1DC,EAAAA,QAAQ,CAAC,MAAK;AACZH,IAAAA,IAAI,CAACI,QAAQ,CAACC,WAAW,GAAG,IAAI;AAEhCL,IAAAA,IAAI,CAACI,QAAQ,CAACE,OAAO,GAAG,GAAG;AAE3BZ,IAAAA,KAAK,CAACa,SAAS,CAAC,gBAAgB,CAAC,CAACC,GAAG,CAACC,MAAM,CAACC,CAAC,IAAI,KAAO;AAC3D,EAAA,CAAC,CAAC;EAEF,oBACEC,IAAA,CAAAC,QAAA,EAAA;AAAAC,IAAAA,QAAA,gBACEC,GAAA,CAAA,WAAA,EAAA;AAAWC,MAAAA,KAAK,EAAE,GAAI;MAACC,QAAQ,EAAE,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC,CAAE;MAACC,MAAM,EAAEvB,KAAK,CAACO;KAAM,CAClE,eAAAa,GAAA,CAAA,WAAA,EAAA;AAAWG,MAAAA,MAAM,EAAEpB;AAAO,KAAA,CAC5B;AAAA,GAAA,CAAG;AAEP;;;;"}
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var drei = require('@react-three/drei');
|
|
4
|
+
var fiber = require('@react-three/fiber');
|
|
5
|
+
var three = require('three');
|
|
6
|
+
var index = require('./index-CeTVmx_6.js');
|
|
7
|
+
var jsxRuntime = require('react/jsx-runtime');
|
|
8
|
+
require('clsx');
|
|
9
|
+
require('react');
|
|
10
|
+
require('./common-H4L6Hbbh.js');
|
|
11
|
+
|
|
12
|
+
const MagnifyingGlass = () => {
|
|
13
|
+
const model = drei.useGLTF(index.defineSrc('magnifying-glass.glb'));
|
|
14
|
+
const lights = fiber.useLoader(three.ObjectLoader, index.defineSrc('magnifying-glass-light.json'));
|
|
15
|
+
const lens = model.scene.getObjectByName('Optimised_lens');
|
|
16
|
+
fiber.useFrame(() => {
|
|
17
|
+
lens.material.transparent = true;
|
|
18
|
+
lens.material.opacity = 0.8;
|
|
19
|
+
model.materials['Tapestry WebGL'].map.offset.x += -6e-4;
|
|
20
|
+
});
|
|
21
|
+
return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
|
|
22
|
+
children: [/*#__PURE__*/jsxRuntime.jsx("primitive", {
|
|
23
|
+
scale: 1.5,
|
|
24
|
+
position: [0, -12, 0],
|
|
25
|
+
object: model.scene
|
|
26
|
+
}), /*#__PURE__*/jsxRuntime.jsx("primitive", {
|
|
27
|
+
object: lights
|
|
28
|
+
})]
|
|
29
|
+
});
|
|
30
|
+
};
|
|
31
|
+
|
|
32
|
+
exports.default = MagnifyingGlass;
|
|
33
|
+
//# sourceMappingURL=MagnifyingGlass-DFASWsdn.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MagnifyingGlass-DFASWsdn.js","sources":["../src/illustrations3d/models/MagnifyingGlass.tsx"],"sourcesContent":["import { useGLTF } from '@react-three/drei';\nimport { useFrame, useLoader } from '@react-three/fiber';\nimport { ObjectLoader } from 'three';\n\nimport { defineSrc } from '../utils';\n\nconst MagnifyingGlass = () => {\n const model = useGLTF(defineSrc('magnifying-glass.glb'));\n\n const lights = useLoader(ObjectLoader, defineSrc('magnifying-glass-light.json'));\n\n const lens = model.scene.getObjectByName('Optimised_lens');\n\n useFrame(() => {\n lens.material.transparent = true;\n\n lens.material.opacity = 0.8;\n\n model.materials['Tapestry WebGL'].map.offset.x += -0.0006;\n });\n\n return (\n <>\n <primitive scale={1.5} position={[0, -12, 0]} object={model.scene} />\n <primitive object={lights} />\n </>\n );\n};\n\nexport default MagnifyingGlass;\n"],"names":["MagnifyingGlass","model","useGLTF","defineSrc","lights","useLoader","ObjectLoader","lens","scene","getObjectByName","useFrame","material","transparent","opacity","materials","map","offset","x","_jsxs","_Fragment","children","_jsx","scale","position","object"],"mappings":";;;;;;;;;;;AAMA,MAAMA,eAAe,GAAGA,MAAK;EAC3B,MAAMC,KAAK,GAAGC,YAAO,CAACC,eAAS,CAAC,sBAAsB,CAAC,CAAC;EAExD,MAAMC,MAAM,GAAGC,eAAS,CAACC,kBAAY,EAAEH,eAAS,CAAC,6BAA6B,CAAC,CAAC;EAEhF,MAAMI,IAAI,GAAGN,KAAK,CAACO,KAAK,CAACC,eAAe,CAAC,gBAAgB,CAAC;AAE1DC,EAAAA,cAAQ,CAAC,MAAK;AACZH,IAAAA,IAAI,CAACI,QAAQ,CAACC,WAAW,GAAG,IAAI;AAEhCL,IAAAA,IAAI,CAACI,QAAQ,CAACE,OAAO,GAAG,GAAG;AAE3BZ,IAAAA,KAAK,CAACa,SAAS,CAAC,gBAAgB,CAAC,CAACC,GAAG,CAACC,MAAM,CAACC,CAAC,IAAI,KAAO;AAC3D,EAAA,CAAC,CAAC;EAEF,oBACEC,eAAA,CAAAC,mBAAA,EAAA;AAAAC,IAAAA,QAAA,gBACEC,cAAA,CAAA,WAAA,EAAA;AAAWC,MAAAA,KAAK,EAAE,GAAI;MAACC,QAAQ,EAAE,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC,CAAE;MAACC,MAAM,EAAEvB,KAAK,CAACO;KAAM,CAClE,eAAAa,cAAA,CAAA,WAAA,EAAA;AAAWG,MAAAA,MAAM,EAAEpB;AAAO,KAAA,CAC5B;AAAA,GAAA,CAAG;AAEP;;;;"}
|
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var drei = require('@react-three/drei');
|
|
4
|
+
var fiber = require('@react-three/fiber');
|
|
5
|
+
var three = require('three');
|
|
6
|
+
var index = require('./index-CeTVmx_6.js');
|
|
7
|
+
var jsxRuntime = require('react/jsx-runtime');
|
|
8
|
+
require('clsx');
|
|
9
|
+
require('react');
|
|
10
|
+
require('./common-H4L6Hbbh.js');
|
|
11
|
+
|
|
12
|
+
const Marble = () => {
|
|
13
|
+
const model = drei.useGLTF(index.defineSrc('marble.glb'));
|
|
14
|
+
const lights = fiber.useLoader(three.ObjectLoader, index.defineSrc('marble-light.json'));
|
|
15
|
+
const sphere = model.scene.getObjectByName('Sphere1');
|
|
16
|
+
sphere.material.depthTest = true;
|
|
17
|
+
const stripeBottom = model.scene.getObjectByName('Strip_Center_Big_(4th_-_Bottom_Layer)');
|
|
18
|
+
stripeBottom.material.depthTest = false;
|
|
19
|
+
stripeBottom.renderOrder = 1;
|
|
20
|
+
const stripeLeft = model.scene.getObjectByName('Strip_Left_(3rd)');
|
|
21
|
+
stripeLeft.material.depthTest = false;
|
|
22
|
+
stripeLeft.renderOrder = 2;
|
|
23
|
+
const stripeRight = model.scene.getObjectByName('Strip_Left_(3rd)');
|
|
24
|
+
stripeRight.material.depthTest = false;
|
|
25
|
+
stripeRight.renderOrder = 3;
|
|
26
|
+
const stripeTop = model.scene.getObjectByName('Strip_Center_(1st_-_Top_Layer)');
|
|
27
|
+
stripeTop.material.depthTest = false;
|
|
28
|
+
stripeTop.renderOrder = 4;
|
|
29
|
+
const animatedMaps = [sphere, stripeTop, stripeBottom, stripeLeft, stripeRight].map(object => object.material.map);
|
|
30
|
+
fiber.useFrame(() => {
|
|
31
|
+
animatedMaps.forEach(map => map.offset.y += -15e-4);
|
|
32
|
+
});
|
|
33
|
+
return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
|
|
34
|
+
children: [/*#__PURE__*/jsxRuntime.jsx("primitive", {
|
|
35
|
+
scale: 1.4,
|
|
36
|
+
position: [0, -11, 0],
|
|
37
|
+
object: model.scene
|
|
38
|
+
}), /*#__PURE__*/jsxRuntime.jsx("primitive", {
|
|
39
|
+
object: lights
|
|
40
|
+
})]
|
|
41
|
+
});
|
|
42
|
+
};
|
|
43
|
+
|
|
44
|
+
exports.default = Marble;
|
|
45
|
+
//# sourceMappingURL=Marble-BZIHD9uw.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Marble-BZIHD9uw.js","sources":["../src/illustrations3d/models/Marble.tsx"],"sourcesContent":["import { useGLTF } from '@react-three/drei';\nimport { useFrame, useLoader } from '@react-three/fiber';\nimport { ObjectLoader } from 'three';\n\nimport { defineSrc } from '../utils';\n\nconst Marble = () => {\n const model = useGLTF(defineSrc('marble.glb'));\n\n const lights = useLoader(ObjectLoader, defineSrc('marble-light.json'));\n\n const sphere = model.scene.getObjectByName('Sphere1');\n sphere.material.depthTest = true;\n\n const stripeBottom = model.scene.getObjectByName('Strip_Center_Big_(4th_-_Bottom_Layer)');\n stripeBottom.material.depthTest = false;\n stripeBottom.renderOrder = 1;\n\n const stripeLeft = model.scene.getObjectByName('Strip_Left_(3rd)');\n stripeLeft.material.depthTest = false;\n stripeLeft.renderOrder = 2;\n\n const stripeRight = model.scene.getObjectByName('Strip_Left_(3rd)');\n stripeRight.material.depthTest = false;\n stripeRight.renderOrder = 3;\n\n const stripeTop = model.scene.getObjectByName('Strip_Center_(1st_-_Top_Layer)');\n stripeTop.material.depthTest = false;\n stripeTop.renderOrder = 4;\n\n const animatedMaps = [sphere, stripeTop, stripeBottom, stripeLeft, stripeRight].map(\n (object) => object.material.map,\n );\n\n useFrame(() => {\n animatedMaps.forEach((map) => (map.offset.y += -0.0015));\n });\n\n return (\n <>\n <primitive scale={1.4} position={[0, -11, 0]} object={model.scene} />\n <primitive object={lights} />\n </>\n );\n};\n\nexport default Marble;\n"],"names":["Marble","model","useGLTF","defineSrc","lights","useLoader","ObjectLoader","sphere","scene","getObjectByName","material","depthTest","stripeBottom","renderOrder","stripeLeft","stripeRight","stripeTop","animatedMaps","map","object","useFrame","forEach","offset","y","_jsxs","_Fragment","children","_jsx","scale","position"],"mappings":";;;;;;;;;;;AAMA,MAAMA,MAAM,GAAGA,MAAK;EAClB,MAAMC,KAAK,GAAGC,YAAO,CAACC,eAAS,CAAC,YAAY,CAAC,CAAC;EAE9C,MAAMC,MAAM,GAAGC,eAAS,CAACC,kBAAY,EAAEH,eAAS,CAAC,mBAAmB,CAAC,CAAC;EAEtE,MAAMI,MAAM,GAAGN,KAAK,CAACO,KAAK,CAACC,eAAe,CAAC,SAAS,CAAC;AACrDF,EAAAA,MAAM,CAACG,QAAQ,CAACC,SAAS,GAAG,IAAI;EAEhC,MAAMC,YAAY,GAAGX,KAAK,CAACO,KAAK,CAACC,eAAe,CAAC,uCAAuC,CAAC;AACzFG,EAAAA,YAAY,CAACF,QAAQ,CAACC,SAAS,GAAG,KAAK;EACvCC,YAAY,CAACC,WAAW,GAAG,CAAC;EAE5B,MAAMC,UAAU,GAAGb,KAAK,CAACO,KAAK,CAACC,eAAe,CAAC,kBAAkB,CAAC;AAClEK,EAAAA,UAAU,CAACJ,QAAQ,CAACC,SAAS,GAAG,KAAK;EACrCG,UAAU,CAACD,WAAW,GAAG,CAAC;EAE1B,MAAME,WAAW,GAAGd,KAAK,CAACO,KAAK,CAACC,eAAe,CAAC,kBAAkB,CAAC;AACnEM,EAAAA,WAAW,CAACL,QAAQ,CAACC,SAAS,GAAG,KAAK;EACtCI,WAAW,CAACF,WAAW,GAAG,CAAC;EAE3B,MAAMG,SAAS,GAAGf,KAAK,CAACO,KAAK,CAACC,eAAe,CAAC,gCAAgC,CAAC;AAC/EO,EAAAA,SAAS,CAACN,QAAQ,CAACC,SAAS,GAAG,KAAK;EACpCK,SAAS,CAACH,WAAW,GAAG,CAAC;EAEzB,MAAMI,YAAY,GAAG,CAACV,MAAM,EAAES,SAAS,EAAEJ,YAAY,EAAEE,UAAU,EAAEC,WAAW,CAAC,CAACG,GAAG,CAChFC,MAAM,IAAKA,MAAM,CAACT,QAAQ,CAACQ,GAAG,CAChC;AAEDE,EAAAA,cAAQ,CAAC,MAAK;AACZH,IAAAA,YAAY,CAACI,OAAO,CAAEH,GAAG,IAAMA,GAAG,CAACI,MAAM,CAACC,CAAC,IAAI,MAAQ,CAAC;AAC1D,EAAA,CAAC,CAAC;EAEF,oBACEC,eAAA,CAAAC,mBAAA,EAAA;AAAAC,IAAAA,QAAA,gBACEC,cAAA,CAAA,WAAA,EAAA;AAAWC,MAAAA,KAAK,EAAE,GAAI;MAACC,QAAQ,EAAE,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC,CAAE;MAACV,MAAM,EAAElB,KAAK,CAACO;KAAM,CAClE,eAAAmB,cAAA,CAAA,WAAA,EAAA;AAAWR,MAAAA,MAAM,EAAEf;AAAO,KAAA,CAC5B;AAAA,GAAA,CAAG;AAEP;;;;"}
|
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
import { useGLTF } from '@react-three/drei';
|
|
2
|
+
import { useLoader, useFrame } from '@react-three/fiber';
|
|
3
|
+
import { ObjectLoader } from 'three';
|
|
4
|
+
import { d as defineSrc } from './index-ApMK-TMV.esm.js';
|
|
5
|
+
import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
|
|
6
|
+
import 'clsx';
|
|
7
|
+
import 'react';
|
|
8
|
+
import './common-DBpCdW70.esm.js';
|
|
9
|
+
|
|
10
|
+
const Marble = () => {
|
|
11
|
+
const model = useGLTF(defineSrc('marble.glb'));
|
|
12
|
+
const lights = useLoader(ObjectLoader, defineSrc('marble-light.json'));
|
|
13
|
+
const sphere = model.scene.getObjectByName('Sphere1');
|
|
14
|
+
sphere.material.depthTest = true;
|
|
15
|
+
const stripeBottom = model.scene.getObjectByName('Strip_Center_Big_(4th_-_Bottom_Layer)');
|
|
16
|
+
stripeBottom.material.depthTest = false;
|
|
17
|
+
stripeBottom.renderOrder = 1;
|
|
18
|
+
const stripeLeft = model.scene.getObjectByName('Strip_Left_(3rd)');
|
|
19
|
+
stripeLeft.material.depthTest = false;
|
|
20
|
+
stripeLeft.renderOrder = 2;
|
|
21
|
+
const stripeRight = model.scene.getObjectByName('Strip_Left_(3rd)');
|
|
22
|
+
stripeRight.material.depthTest = false;
|
|
23
|
+
stripeRight.renderOrder = 3;
|
|
24
|
+
const stripeTop = model.scene.getObjectByName('Strip_Center_(1st_-_Top_Layer)');
|
|
25
|
+
stripeTop.material.depthTest = false;
|
|
26
|
+
stripeTop.renderOrder = 4;
|
|
27
|
+
const animatedMaps = [sphere, stripeTop, stripeBottom, stripeLeft, stripeRight].map(object => object.material.map);
|
|
28
|
+
useFrame(() => {
|
|
29
|
+
animatedMaps.forEach(map => map.offset.y += -15e-4);
|
|
30
|
+
});
|
|
31
|
+
return /*#__PURE__*/jsxs(Fragment, {
|
|
32
|
+
children: [/*#__PURE__*/jsx("primitive", {
|
|
33
|
+
scale: 1.4,
|
|
34
|
+
position: [0, -11, 0],
|
|
35
|
+
object: model.scene
|
|
36
|
+
}), /*#__PURE__*/jsx("primitive", {
|
|
37
|
+
object: lights
|
|
38
|
+
})]
|
|
39
|
+
});
|
|
40
|
+
};
|
|
41
|
+
|
|
42
|
+
export { Marble as default };
|
|
43
|
+
//# sourceMappingURL=Marble-Dn1NhVNa.esm.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Marble-Dn1NhVNa.esm.js","sources":["../src/illustrations3d/models/Marble.tsx"],"sourcesContent":["import { useGLTF } from '@react-three/drei';\nimport { useFrame, useLoader } from '@react-three/fiber';\nimport { ObjectLoader } from 'three';\n\nimport { defineSrc } from '../utils';\n\nconst Marble = () => {\n const model = useGLTF(defineSrc('marble.glb'));\n\n const lights = useLoader(ObjectLoader, defineSrc('marble-light.json'));\n\n const sphere = model.scene.getObjectByName('Sphere1');\n sphere.material.depthTest = true;\n\n const stripeBottom = model.scene.getObjectByName('Strip_Center_Big_(4th_-_Bottom_Layer)');\n stripeBottom.material.depthTest = false;\n stripeBottom.renderOrder = 1;\n\n const stripeLeft = model.scene.getObjectByName('Strip_Left_(3rd)');\n stripeLeft.material.depthTest = false;\n stripeLeft.renderOrder = 2;\n\n const stripeRight = model.scene.getObjectByName('Strip_Left_(3rd)');\n stripeRight.material.depthTest = false;\n stripeRight.renderOrder = 3;\n\n const stripeTop = model.scene.getObjectByName('Strip_Center_(1st_-_Top_Layer)');\n stripeTop.material.depthTest = false;\n stripeTop.renderOrder = 4;\n\n const animatedMaps = [sphere, stripeTop, stripeBottom, stripeLeft, stripeRight].map(\n (object) => object.material.map,\n );\n\n useFrame(() => {\n animatedMaps.forEach((map) => (map.offset.y += -0.0015));\n });\n\n return (\n <>\n <primitive scale={1.4} position={[0, -11, 0]} object={model.scene} />\n <primitive object={lights} />\n </>\n );\n};\n\nexport default Marble;\n"],"names":["Marble","model","useGLTF","defineSrc","lights","useLoader","ObjectLoader","sphere","scene","getObjectByName","material","depthTest","stripeBottom","renderOrder","stripeLeft","stripeRight","stripeTop","animatedMaps","map","object","useFrame","forEach","offset","y","_jsxs","_Fragment","children","_jsx","scale","position"],"mappings":";;;;;;;;;AAMA,MAAMA,MAAM,GAAGA,MAAK;EAClB,MAAMC,KAAK,GAAGC,OAAO,CAACC,SAAS,CAAC,YAAY,CAAC,CAAC;EAE9C,MAAMC,MAAM,GAAGC,SAAS,CAACC,YAAY,EAAEH,SAAS,CAAC,mBAAmB,CAAC,CAAC;EAEtE,MAAMI,MAAM,GAAGN,KAAK,CAACO,KAAK,CAACC,eAAe,CAAC,SAAS,CAAC;AACrDF,EAAAA,MAAM,CAACG,QAAQ,CAACC,SAAS,GAAG,IAAI;EAEhC,MAAMC,YAAY,GAAGX,KAAK,CAACO,KAAK,CAACC,eAAe,CAAC,uCAAuC,CAAC;AACzFG,EAAAA,YAAY,CAACF,QAAQ,CAACC,SAAS,GAAG,KAAK;EACvCC,YAAY,CAACC,WAAW,GAAG,CAAC;EAE5B,MAAMC,UAAU,GAAGb,KAAK,CAACO,KAAK,CAACC,eAAe,CAAC,kBAAkB,CAAC;AAClEK,EAAAA,UAAU,CAACJ,QAAQ,CAACC,SAAS,GAAG,KAAK;EACrCG,UAAU,CAACD,WAAW,GAAG,CAAC;EAE1B,MAAME,WAAW,GAAGd,KAAK,CAACO,KAAK,CAACC,eAAe,CAAC,kBAAkB,CAAC;AACnEM,EAAAA,WAAW,CAACL,QAAQ,CAACC,SAAS,GAAG,KAAK;EACtCI,WAAW,CAACF,WAAW,GAAG,CAAC;EAE3B,MAAMG,SAAS,GAAGf,KAAK,CAACO,KAAK,CAACC,eAAe,CAAC,gCAAgC,CAAC;AAC/EO,EAAAA,SAAS,CAACN,QAAQ,CAACC,SAAS,GAAG,KAAK;EACpCK,SAAS,CAACH,WAAW,GAAG,CAAC;EAEzB,MAAMI,YAAY,GAAG,CAACV,MAAM,EAAES,SAAS,EAAEJ,YAAY,EAAEE,UAAU,EAAEC,WAAW,CAAC,CAACG,GAAG,CAChFC,MAAM,IAAKA,MAAM,CAACT,QAAQ,CAACQ,GAAG,CAChC;AAEDE,EAAAA,QAAQ,CAAC,MAAK;AACZH,IAAAA,YAAY,CAACI,OAAO,CAAEH,GAAG,IAAMA,GAAG,CAACI,MAAM,CAACC,CAAC,IAAI,MAAQ,CAAC;AAC1D,EAAA,CAAC,CAAC;EAEF,oBACEC,IAAA,CAAAC,QAAA,EAAA;AAAAC,IAAAA,QAAA,gBACEC,GAAA,CAAA,WAAA,EAAA;AAAWC,MAAAA,KAAK,EAAE,GAAI;MAACC,QAAQ,EAAE,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC,CAAE;MAACV,MAAM,EAAElB,KAAK,CAACO;KAAM,CAClE,eAAAmB,GAAA,CAAA,WAAA,EAAA;AAAWR,MAAAA,MAAM,EAAEf;AAAO,KAAA,CAC5B;AAAA,GAAA,CAAG;AAEP;;;;"}
|
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
import { useGLTF } from '@react-three/drei';
|
|
2
|
+
import { useLoader, useFrame } from '@react-three/fiber';
|
|
3
|
+
import { ObjectLoader } from 'three';
|
|
4
|
+
import { d as defineSrc } from './index-ApMK-TMV.esm.js';
|
|
5
|
+
import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
|
|
6
|
+
import 'clsx';
|
|
7
|
+
import 'react';
|
|
8
|
+
import './common-DBpCdW70.esm.js';
|
|
9
|
+
|
|
10
|
+
const MarbleCard = () => {
|
|
11
|
+
const model = useGLTF(defineSrc('marble-card.glb'));
|
|
12
|
+
const lights = useLoader(ObjectLoader, defineSrc('marble-card-light.json'));
|
|
13
|
+
const sphere = model.scene.getObjectByName('Sphere1');
|
|
14
|
+
sphere.material.depthTest = true;
|
|
15
|
+
const stripeBottom = model.scene.getObjectByName('Strip_Center_Big_(4th_-_Bottom_Layer)');
|
|
16
|
+
stripeBottom.material.depthTest = false;
|
|
17
|
+
stripeBottom.renderOrder = 1;
|
|
18
|
+
const stripeLeft = model.scene.getObjectByName('Strip_Left_(3rd)');
|
|
19
|
+
stripeLeft.material.depthTest = false;
|
|
20
|
+
stripeLeft.renderOrder = 2;
|
|
21
|
+
const stripeRight = model.scene.getObjectByName('Strip_Right_(2nd)');
|
|
22
|
+
stripeRight.material.depthTest = false;
|
|
23
|
+
stripeRight.renderOrder = 3;
|
|
24
|
+
const stripeTop = model.scene.getObjectByName('Strip_Center_(1st_-_Top_Layer)');
|
|
25
|
+
stripeTop.material.depthTest = false;
|
|
26
|
+
stripeTop.renderOrder = 4;
|
|
27
|
+
const card = model.scene.getObjectByName('Plane');
|
|
28
|
+
card.material.depthTest = false;
|
|
29
|
+
card.material.metalness = 0;
|
|
30
|
+
const animatedMaps = [sphere, stripeTop, stripeBottom, stripeLeft, stripeRight].map(object => object.material.map);
|
|
31
|
+
useFrame(() => {
|
|
32
|
+
animatedMaps.forEach(map => map.offset.y += -15e-4);
|
|
33
|
+
});
|
|
34
|
+
return /*#__PURE__*/jsxs(Fragment, {
|
|
35
|
+
children: [/*#__PURE__*/jsx("primitive", {
|
|
36
|
+
scale: 1.4,
|
|
37
|
+
position: [0, -10, 0],
|
|
38
|
+
object: model.scene
|
|
39
|
+
}), /*#__PURE__*/jsx("primitive", {
|
|
40
|
+
object: lights
|
|
41
|
+
})]
|
|
42
|
+
});
|
|
43
|
+
};
|
|
44
|
+
|
|
45
|
+
export { MarbleCard as default };
|
|
46
|
+
//# sourceMappingURL=MarbleCard-CLq_nDBM.esm.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MarbleCard-CLq_nDBM.esm.js","sources":["../src/illustrations3d/models/MarbleCard.tsx"],"sourcesContent":["import { useGLTF } from '@react-three/drei';\nimport { useFrame, useLoader } from '@react-three/fiber';\nimport { ObjectLoader } from 'three';\n\nimport { defineSrc } from '../utils';\n\nconst MarbleCard = () => {\n const model = useGLTF(defineSrc('marble-card.glb'));\n\n const lights = useLoader(ObjectLoader, defineSrc('marble-card-light.json'));\n const sphere = model.scene.getObjectByName('Sphere1');\n sphere.material.depthTest = true;\n\n const stripeBottom = model.scene.getObjectByName('Strip_Center_Big_(4th_-_Bottom_Layer)');\n stripeBottom.material.depthTest = false;\n stripeBottom.renderOrder = 1;\n\n const stripeLeft = model.scene.getObjectByName('Strip_Left_(3rd)');\n stripeLeft.material.depthTest = false;\n stripeLeft.renderOrder = 2;\n\n const stripeRight = model.scene.getObjectByName('Strip_Right_(2nd)');\n stripeRight.material.depthTest = false;\n stripeRight.renderOrder = 3;\n\n const stripeTop = model.scene.getObjectByName('Strip_Center_(1st_-_Top_Layer)');\n stripeTop.material.depthTest = false;\n stripeTop.renderOrder = 4;\n\n const card = model.scene.getObjectByName('Plane');\n card.material.depthTest = false;\n card.material.metalness = 0;\n\n const animatedMaps = [sphere, stripeTop, stripeBottom, stripeLeft, stripeRight].map(\n (object) => object.material.map,\n );\n\n useFrame(() => {\n animatedMaps.forEach((map) => (map.offset.y += -0.0015));\n });\n\n return (\n <>\n <primitive scale={1.4} position={[0, -10, 0]} object={model.scene} />\n <primitive object={lights} />\n </>\n );\n};\n\nexport default MarbleCard;\n"],"names":["MarbleCard","model","useGLTF","defineSrc","lights","useLoader","ObjectLoader","sphere","scene","getObjectByName","material","depthTest","stripeBottom","renderOrder","stripeLeft","stripeRight","stripeTop","card","metalness","animatedMaps","map","object","useFrame","forEach","offset","y","_jsxs","_Fragment","children","_jsx","scale","position"],"mappings":";;;;;;;;;AAMA,MAAMA,UAAU,GAAGA,MAAK;EACtB,MAAMC,KAAK,GAAGC,OAAO,CAACC,SAAS,CAAC,iBAAiB,CAAC,CAAC;EAEnD,MAAMC,MAAM,GAAGC,SAAS,CAACC,YAAY,EAAEH,SAAS,CAAC,wBAAwB,CAAC,CAAC;EAC3E,MAAMI,MAAM,GAAGN,KAAK,CAACO,KAAK,CAACC,eAAe,CAAC,SAAS,CAAC;AACrDF,EAAAA,MAAM,CAACG,QAAQ,CAACC,SAAS,GAAG,IAAI;EAEhC,MAAMC,YAAY,GAAGX,KAAK,CAACO,KAAK,CAACC,eAAe,CAAC,uCAAuC,CAAC;AACzFG,EAAAA,YAAY,CAACF,QAAQ,CAACC,SAAS,GAAG,KAAK;EACvCC,YAAY,CAACC,WAAW,GAAG,CAAC;EAE5B,MAAMC,UAAU,GAAGb,KAAK,CAACO,KAAK,CAACC,eAAe,CAAC,kBAAkB,CAAC;AAClEK,EAAAA,UAAU,CAACJ,QAAQ,CAACC,SAAS,GAAG,KAAK;EACrCG,UAAU,CAACD,WAAW,GAAG,CAAC;EAE1B,MAAME,WAAW,GAAGd,KAAK,CAACO,KAAK,CAACC,eAAe,CAAC,mBAAmB,CAAC;AACpEM,EAAAA,WAAW,CAACL,QAAQ,CAACC,SAAS,GAAG,KAAK;EACtCI,WAAW,CAACF,WAAW,GAAG,CAAC;EAE3B,MAAMG,SAAS,GAAGf,KAAK,CAACO,KAAK,CAACC,eAAe,CAAC,gCAAgC,CAAC;AAC/EO,EAAAA,SAAS,CAACN,QAAQ,CAACC,SAAS,GAAG,KAAK;EACpCK,SAAS,CAACH,WAAW,GAAG,CAAC;EAEzB,MAAMI,IAAI,GAAGhB,KAAK,CAACO,KAAK,CAACC,eAAe,CAAC,OAAO,CAAC;AACjDQ,EAAAA,IAAI,CAACP,QAAQ,CAACC,SAAS,GAAG,KAAK;AAC/BM,EAAAA,IAAI,CAACP,QAAQ,CAACQ,SAAS,GAAG,CAAC;EAE3B,MAAMC,YAAY,GAAG,CAACZ,MAAM,EAAES,SAAS,EAAEJ,YAAY,EAAEE,UAAU,EAAEC,WAAW,CAAC,CAACK,GAAG,CAChFC,MAAM,IAAKA,MAAM,CAACX,QAAQ,CAACU,GAAG,CAChC;AAEDE,EAAAA,QAAQ,CAAC,MAAK;AACZH,IAAAA,YAAY,CAACI,OAAO,CAAEH,GAAG,IAAMA,GAAG,CAACI,MAAM,CAACC,CAAC,IAAI,MAAQ,CAAC;AAC1D,EAAA,CAAC,CAAC;EAEF,oBACEC,IAAA,CAAAC,QAAA,EAAA;AAAAC,IAAAA,QAAA,gBACEC,GAAA,CAAA,WAAA,EAAA;AAAWC,MAAAA,KAAK,EAAE,GAAI;MAACC,QAAQ,EAAE,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC,CAAE;MAACV,MAAM,EAAEpB,KAAK,CAACO;KAAM,CAClE,eAAAqB,GAAA,CAAA,WAAA,EAAA;AAAWR,MAAAA,MAAM,EAAEjB;AAAO,KAAA,CAC5B;AAAA,GAAA,CAAG;AAEP;;;;"}
|