@wise/art 2.21.0 → 2.21.1-beta.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.
- package/README.md +7 -0
- package/dist/{CheckMark-DL6dwMbf.js → CheckMark-Biim5lrW.js} +3 -3
- package/dist/{CheckMark-DL6dwMbf.js.map → CheckMark-Biim5lrW.js.map} +1 -1
- package/dist/{CheckMark-CeejMKT1.esm.js → CheckMark-r9URiTx0.esm.js} +3 -3
- package/dist/{CheckMark-CeejMKT1.esm.js.map → CheckMark-r9URiTx0.esm.js.map} +1 -1
- package/dist/{Confetti-JAZe9ndb.esm.js → Confetti-BI_Flk9M.esm.js} +3 -3
- package/dist/{Confetti-JAZe9ndb.esm.js.map → Confetti-BI_Flk9M.esm.js.map} +1 -1
- package/dist/{Confetti-CRcEa6tW.js → Confetti-CbfG1zj6.js} +3 -3
- package/dist/{Confetti-CRcEa6tW.js.map → Confetti-CbfG1zj6.js.map} +1 -1
- package/dist/{Flower-Dmaft-wk.js → Flower-TKyOXtXB.js} +3 -3
- package/dist/{Flower-Dmaft-wk.js.map → Flower-TKyOXtXB.js.map} +1 -1
- package/dist/{Flower-sHmWwz1k.esm.js → Flower-c2nQ1Znl.esm.js} +3 -3
- package/dist/{Flower-sHmWwz1k.esm.js.map → Flower-c2nQ1Znl.esm.js.map} +1 -1
- package/dist/{Globe-_2xe8LA0.js → Globe-D9Nd2QWj.js} +3 -3
- package/dist/{Globe-_2xe8LA0.js.map → Globe-D9Nd2QWj.js.map} +1 -1
- package/dist/{Globe-DIxQhKxF.esm.js → Globe-u0GR1DR1.esm.js} +3 -3
- package/dist/{Globe-DIxQhKxF.esm.js.map → Globe-u0GR1DR1.esm.js.map} +1 -1
- package/dist/{Graph-CyYakx22.esm.js → Graph-BBFJlc7b.esm.js} +3 -3
- package/dist/{Graph-CyYakx22.esm.js.map → Graph-BBFJlc7b.esm.js.map} +1 -1
- package/dist/{Graph-fqn8woMb.js → Graph-Di-jvWFc.js} +3 -3
- package/dist/{Graph-fqn8woMb.js.map → Graph-Di-jvWFc.js.map} +1 -1
- package/dist/{Interest-BekiIJJF.js → Interest-BkfFSNEc.js} +2 -2
- package/dist/{Interest-BekiIJJF.js.map → Interest-BkfFSNEc.js.map} +1 -1
- package/dist/{Interest-ByQBb4T0.esm.js → Interest-fmXylwqE.esm.js} +2 -2
- package/dist/{Interest-ByQBb4T0.esm.js.map → Interest-fmXylwqE.esm.js.map} +1 -1
- package/dist/{Jars-DQtCmORi.esm.js → Jars-CEc0G80g.esm.js} +2 -2
- package/dist/{Jars-DQtCmORi.esm.js.map → Jars-CEc0G80g.esm.js.map} +1 -1
- package/dist/{Jars-CigmDtJn.js → Jars-X1I3rAoD.js} +2 -2
- package/dist/{Jars-CigmDtJn.js.map → Jars-X1I3rAoD.js.map} +1 -1
- package/dist/{Lock-D4cYX63D.esm.js → Lock-BqeBZxxx.esm.js} +3 -3
- package/dist/{Lock-D4cYX63D.esm.js.map → Lock-BqeBZxxx.esm.js.map} +1 -1
- package/dist/{Lock-CSMN8DKm.js → Lock-DAR6Ac-z.js} +3 -3
- package/dist/{Lock-CSMN8DKm.js.map → Lock-DAR6Ac-z.js.map} +1 -1
- package/dist/{MagnifyingGlass-Dx5VzRfH.js → MagnifyingGlass-DWPp-cAB.js} +3 -3
- package/dist/{MagnifyingGlass-Dx5VzRfH.js.map → MagnifyingGlass-DWPp-cAB.js.map} +1 -1
- package/dist/{MagnifyingGlass-BGaI_yiA.esm.js → MagnifyingGlass-UfxQ_bdc.esm.js} +3 -3
- package/dist/{MagnifyingGlass-BGaI_yiA.esm.js.map → MagnifyingGlass-UfxQ_bdc.esm.js.map} +1 -1
- package/dist/{Marble-kH_4C0eM.esm.js → Marble-B2TTz8Qu.esm.js} +3 -3
- package/dist/{Marble-kH_4C0eM.esm.js.map → Marble-B2TTz8Qu.esm.js.map} +1 -1
- package/dist/{Marble-BTHJT-xS.js → Marble-gDMCnq31.js} +3 -3
- package/dist/{Marble-BTHJT-xS.js.map → Marble-gDMCnq31.js.map} +1 -1
- package/dist/{MarbleCard-DSdrSaKf.esm.js → MarbleCard-B02eMNfD.esm.js} +3 -3
- package/dist/{MarbleCard-DSdrSaKf.esm.js.map → MarbleCard-B02eMNfD.esm.js.map} +1 -1
- package/dist/{MarbleCard-_XL-0ucT.js → MarbleCard-B5sJ6vUd.js} +3 -3
- package/dist/{MarbleCard-_XL-0ucT.js.map → MarbleCard-B5sJ6vUd.js.map} +1 -1
- package/dist/{MultiCurrency-D_vg458r.esm.js → MultiCurrency-B8zkI6Uk.esm.js} +2 -2
- package/dist/{MultiCurrency-D_vg458r.esm.js.map → MultiCurrency-B8zkI6Uk.esm.js.map} +1 -1
- package/dist/{MultiCurrency-CxBtwonZ.js → MultiCurrency-C8WH8MO_.js} +2 -2
- package/dist/{MultiCurrency-CxBtwonZ.js.map → MultiCurrency-C8WH8MO_.js.map} +1 -1
- package/dist/{Plane-CGLL_f51.js → Plane-FPHqc2Rd.js} +2 -2
- package/dist/{Plane-CGLL_f51.js.map → Plane-FPHqc2Rd.js.map} +1 -1
- package/dist/{Plane-BCv3ax08.esm.js → Plane-r2RqzL9v.esm.js} +2 -2
- package/dist/{Plane-BCv3ax08.esm.js.map → Plane-r2RqzL9v.esm.js.map} +1 -1
- package/dist/{Scene-BdHzIvG3.esm.js → Scene-B7c4iIKt.esm.js} +3 -3
- package/dist/{Scene-BdHzIvG3.esm.js.map → Scene-B7c4iIKt.esm.js.map} +1 -1
- package/dist/{Scene-IWnvbYCI.js → Scene-B_jAg-UP.js} +2 -2
- package/dist/{Scene-IWnvbYCI.js.map → Scene-B_jAg-UP.js.map} +1 -1
- package/dist/flags/Flag.d.ts.map +1 -1
- package/dist/illustrations3d/Illustration3D.d.ts.map +1 -1
- package/dist/illustrations3d/Scene.d.ts.map +1 -1
- package/dist/illustrations3d/utils.d.ts.map +1 -1
- package/dist/{index-BoKF6ieu.js → index-IVto3XUC.js} +16 -16
- package/dist/index-IVto3XUC.js.map +1 -0
- package/dist/{index-CcyCssR0.esm.js → index-WVHWeaM2.esm.js} +16 -16
- package/dist/index-WVHWeaM2.esm.js.map +1 -0
- package/dist/index.esm.js +1 -1
- package/dist/index.js +1 -1
- package/package.json +38 -39
- package/src/illustrations3d/utils.spec.tsx +1 -2
- package/src/illustrations3d/utils.ts +1 -0
- package/dist/index-BoKF6ieu.js.map +0 -1
- package/dist/index-CcyCssR0.esm.js.map +0 -1
package/README.md
CHANGED
|
@@ -146,3 +146,10 @@ All the resources are pulled from wise-atoms which does not use version numbers.
|
|
|
146
146
|
Grab the commit hash from the latest version of [wise-atoms](https://github.com/transferwise/wise-atoms/commits/main/) and paste it in to the package.json here:
|
|
147
147
|
|
|
148
148
|
`"wise-atoms": "git+ssh://git@github.com:transferwise/wise-atoms.git#{commit-hash}",`
|
|
149
|
+
|
|
150
|
+
|
|
151
|
+
## Package versions
|
|
152
|
+
* The following packages must remain at the listed major versions until Wise moves to React 19.x:
|
|
153
|
+
* `@react-three/drei@9.x`
|
|
154
|
+
* `@react-three/fiber@8.x`
|
|
155
|
+
* `three@0.164.0` - must not exceed the fixed version until [new lighting is implemented](https://transferwise.atlassian.net/browse/DS-7315).
|
|
@@ -4,7 +4,7 @@ var drei = require('@react-three/drei');
|
|
|
4
4
|
var fiber = require('@react-three/fiber');
|
|
5
5
|
var react = require('react');
|
|
6
6
|
var three = require('three');
|
|
7
|
-
var index = require('./index-
|
|
7
|
+
var index = require('./index-IVto3XUC.js');
|
|
8
8
|
var jsxRuntime = require('react/jsx-runtime');
|
|
9
9
|
require('clsx');
|
|
10
10
|
|
|
@@ -21,7 +21,7 @@ const CheckMark = () => {
|
|
|
21
21
|
clips
|
|
22
22
|
} = drei.useAnimations(animations, modelRef);
|
|
23
23
|
fiber.useFrame(() => {
|
|
24
|
-
model.materials['Standard'].map.offset.x += -
|
|
24
|
+
model.materials['Standard'].map.offset.x += -25e-4;
|
|
25
25
|
mixer.clipAction(clips[0]).play().setLoop(three.LoopOnce, 1);
|
|
26
26
|
});
|
|
27
27
|
return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
|
|
@@ -36,4 +36,4 @@ const CheckMark = () => {
|
|
|
36
36
|
};
|
|
37
37
|
|
|
38
38
|
exports.default = CheckMark;
|
|
39
|
-
//# sourceMappingURL=CheckMark-
|
|
39
|
+
//# sourceMappingURL=CheckMark-Biim5lrW.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CheckMark-
|
|
1
|
+
{"version":3,"file":"CheckMark-Biim5lrW.js","sources":["../src/illustrations3d/models/CheckMark.tsx"],"sourcesContent":["import { useGLTF, useAnimations } from '@react-three/drei';\nimport { useFrame, useLoader } from '@react-three/fiber';\nimport { useRef } from 'react';\nimport { ObjectLoader, LoopOnce } from 'three';\n\nimport { defineSrc } from '../utils';\n\nconst CheckMark = () => {\n const modelRef = useRef();\n const model = useGLTF(defineSrc('check-mark.glb'));\n const { animations, scene } = model;\n\n const lights = useLoader(ObjectLoader, defineSrc('check-mark-light.json'));\n\n const { mixer, clips } = useAnimations(animations, modelRef);\n useFrame(() => {\n model.materials['Standard'].map.offset.x += -0.0025;\n\n mixer.clipAction(clips[0]).play().setLoop(LoopOnce, 1);\n });\n\n return (\n <>\n <primitive ref={modelRef} scale={1.4} object={scene} />\n <primitive object={lights} />\n </>\n );\n};\n\nexport default CheckMark;\n"],"names":["CheckMark","modelRef","useRef","model","useGLTF","defineSrc","animations","scene","lights","useLoader","ObjectLoader","mixer","clips","useAnimations","useFrame","materials","map","offset","x","clipAction","play","setLoop","LoopOnce","_jsxs","_Fragment","children","_jsx","ref","scale","object"],"mappings":";;;;;;;;;;AAOMA,MAAAA,SAAS,GAAGA,MAAK;AACrB,EAAA,MAAMC,QAAQ,GAAGC,YAAM,EAAE;EACzB,MAAMC,KAAK,GAAGC,YAAO,CAACC,eAAS,CAAC,gBAAgB,CAAC,CAAC;EAClD,MAAM;IAAEC,UAAU;AAAEC,IAAAA;AAAO,GAAA,GAAGJ,KAAK;EAEnC,MAAMK,MAAM,GAAGC,eAAS,CAACC,kBAAY,EAAEL,eAAS,CAAC,uBAAuB,CAAC,CAAC;EAE1E,MAAM;IAAEM,KAAK;AAAEC,IAAAA;AAAO,GAAA,GAAGC,kBAAa,CAACP,UAAU,EAAEL,QAAQ,CAAC;AAC5Da,EAAAA,cAAQ,CAAC,MAAK;AACZX,IAAAA,KAAK,CAACY,SAAS,CAAC,UAAU,CAAC,CAACC,GAAG,CAACC,MAAM,CAACC,CAAC,IAAI,MAAO;AAEnDP,IAAAA,KAAK,CAACQ,UAAU,CAACP,KAAK,CAAC,CAAC,CAAC,CAAC,CAACQ,IAAI,EAAE,CAACC,OAAO,CAACC,cAAQ,EAAE,CAAC,CAAC;AACxD,GAAC,CAAC;EAEF,oBACEC,eAAA,CAAAC,mBAAA,EAAA;AAAAC,IAAAA,QAAA,gBACEC,cAAA,CAAA,WAAA,EAAA;AAAWC,MAAAA,GAAG,EAAE1B,QAAS;AAAC2B,MAAAA,KAAK,EAAE,GAAI;AAACC,MAAAA,MAAM,EAAEtB;KAC9C,CAAA,eAAAmB,cAAA,CAAA,WAAA,EAAA;AAAWG,MAAAA,MAAM,EAAErB;AAAO,KAC5B,CAAA;AAAA,GAAA,CAAG;AAEP;;;;"}
|
|
@@ -2,7 +2,7 @@ import { useGLTF, useAnimations } from '@react-three/drei';
|
|
|
2
2
|
import { useLoader, useFrame } from '@react-three/fiber';
|
|
3
3
|
import { useRef } from 'react';
|
|
4
4
|
import { ObjectLoader, LoopOnce } from 'three';
|
|
5
|
-
import { d as defineSrc } from './index-
|
|
5
|
+
import { d as defineSrc } from './index-WVHWeaM2.esm.js';
|
|
6
6
|
import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
|
|
7
7
|
import 'clsx';
|
|
8
8
|
|
|
@@ -19,7 +19,7 @@ const CheckMark = () => {
|
|
|
19
19
|
clips
|
|
20
20
|
} = useAnimations(animations, modelRef);
|
|
21
21
|
useFrame(() => {
|
|
22
|
-
model.materials['Standard'].map.offset.x += -
|
|
22
|
+
model.materials['Standard'].map.offset.x += -25e-4;
|
|
23
23
|
mixer.clipAction(clips[0]).play().setLoop(LoopOnce, 1);
|
|
24
24
|
});
|
|
25
25
|
return /*#__PURE__*/jsxs(Fragment, {
|
|
@@ -34,4 +34,4 @@ const CheckMark = () => {
|
|
|
34
34
|
};
|
|
35
35
|
|
|
36
36
|
export { CheckMark as default };
|
|
37
|
-
//# sourceMappingURL=CheckMark-
|
|
37
|
+
//# sourceMappingURL=CheckMark-r9URiTx0.esm.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CheckMark-
|
|
1
|
+
{"version":3,"file":"CheckMark-r9URiTx0.esm.js","sources":["../src/illustrations3d/models/CheckMark.tsx"],"sourcesContent":["import { useGLTF, useAnimations } from '@react-three/drei';\nimport { useFrame, useLoader } from '@react-three/fiber';\nimport { useRef } from 'react';\nimport { ObjectLoader, LoopOnce } from 'three';\n\nimport { defineSrc } from '../utils';\n\nconst CheckMark = () => {\n const modelRef = useRef();\n const model = useGLTF(defineSrc('check-mark.glb'));\n const { animations, scene } = model;\n\n const lights = useLoader(ObjectLoader, defineSrc('check-mark-light.json'));\n\n const { mixer, clips } = useAnimations(animations, modelRef);\n useFrame(() => {\n model.materials['Standard'].map.offset.x += -0.0025;\n\n mixer.clipAction(clips[0]).play().setLoop(LoopOnce, 1);\n });\n\n return (\n <>\n <primitive ref={modelRef} scale={1.4} object={scene} />\n <primitive object={lights} />\n </>\n );\n};\n\nexport default CheckMark;\n"],"names":["CheckMark","modelRef","useRef","model","useGLTF","defineSrc","animations","scene","lights","useLoader","ObjectLoader","mixer","clips","useAnimations","useFrame","materials","map","offset","x","clipAction","play","setLoop","LoopOnce","_jsxs","_Fragment","children","_jsx","ref","scale","object"],"mappings":";;;;;;;;AAOMA,MAAAA,SAAS,GAAGA,MAAK;AACrB,EAAA,MAAMC,QAAQ,GAAGC,MAAM,EAAE;EACzB,MAAMC,KAAK,GAAGC,OAAO,CAACC,SAAS,CAAC,gBAAgB,CAAC,CAAC;EAClD,MAAM;IAAEC,UAAU;AAAEC,IAAAA;AAAO,GAAA,GAAGJ,KAAK;EAEnC,MAAMK,MAAM,GAAGC,SAAS,CAACC,YAAY,EAAEL,SAAS,CAAC,uBAAuB,CAAC,CAAC;EAE1E,MAAM;IAAEM,KAAK;AAAEC,IAAAA;AAAO,GAAA,GAAGC,aAAa,CAACP,UAAU,EAAEL,QAAQ,CAAC;AAC5Da,EAAAA,QAAQ,CAAC,MAAK;AACZX,IAAAA,KAAK,CAACY,SAAS,CAAC,UAAU,CAAC,CAACC,GAAG,CAACC,MAAM,CAACC,CAAC,IAAI,MAAO;AAEnDP,IAAAA,KAAK,CAACQ,UAAU,CAACP,KAAK,CAAC,CAAC,CAAC,CAAC,CAACQ,IAAI,EAAE,CAACC,OAAO,CAACC,QAAQ,EAAE,CAAC,CAAC;AACxD,GAAC,CAAC;EAEF,oBACEC,IAAA,CAAAC,QAAA,EAAA;AAAAC,IAAAA,QAAA,gBACEC,GAAA,CAAA,WAAA,EAAA;AAAWC,MAAAA,GAAG,EAAE1B,QAAS;AAAC2B,MAAAA,KAAK,EAAE,GAAI;AAACC,MAAAA,MAAM,EAAEtB;KAC9C,CAAA,eAAAmB,GAAA,CAAA,WAAA,EAAA;AAAWG,MAAAA,MAAM,EAAErB;AAAO,KAC5B,CAAA;AAAA,GAAA,CAAG;AAEP;;;;"}
|
|
@@ -2,7 +2,7 @@ import { useGLTF, useAnimations } from '@react-three/drei';
|
|
|
2
2
|
import { useLoader, useFrame } from '@react-three/fiber';
|
|
3
3
|
import { useRef } from 'react';
|
|
4
4
|
import { ObjectLoader, LoopOnce } from 'three';
|
|
5
|
-
import { d as defineSrc } from './index-
|
|
5
|
+
import { d as defineSrc } from './index-WVHWeaM2.esm.js';
|
|
6
6
|
import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
|
|
7
7
|
import 'clsx';
|
|
8
8
|
|
|
@@ -15,7 +15,7 @@ const Confetti = () => {
|
|
|
15
15
|
clips
|
|
16
16
|
} = useAnimations(model.animations, ref);
|
|
17
17
|
useFrame(() => {
|
|
18
|
-
model.materials['Tapestry WebGL'].map.offset.x += -
|
|
18
|
+
model.materials['Tapestry WebGL'].map.offset.x += -15e-4;
|
|
19
19
|
mixer.clipAction(clips[0]).play().setLoop(LoopOnce, 1);
|
|
20
20
|
});
|
|
21
21
|
return /*#__PURE__*/jsxs(Fragment, {
|
|
@@ -31,4 +31,4 @@ const Confetti = () => {
|
|
|
31
31
|
};
|
|
32
32
|
|
|
33
33
|
export { Confetti as default };
|
|
34
|
-
//# sourceMappingURL=Confetti-
|
|
34
|
+
//# sourceMappingURL=Confetti-BI_Flk9M.esm.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Confetti-
|
|
1
|
+
{"version":3,"file":"Confetti-BI_Flk9M.esm.js","sources":["../src/illustrations3d/models/Confetti.tsx"],"sourcesContent":["import { useGLTF, useAnimations } from '@react-three/drei';\nimport { useFrame, useLoader } from '@react-three/fiber';\nimport { useRef } from 'react';\nimport { ObjectLoader, LoopOnce } from 'three';\n\nimport { defineSrc } from '../utils';\n\nconst Confetti = () => {\n const ref = useRef();\n const model = useGLTF(defineSrc('confetti.glb'));\n\n const lights = useLoader(ObjectLoader, defineSrc('confetti-light.json'));\n\n const { mixer, clips } = useAnimations(model.animations, ref);\n useFrame(() => {\n model.materials['Tapestry WebGL'].map.offset.x += -0.0015;\n\n mixer.clipAction(clips[0]).play().setLoop(LoopOnce, 1);\n });\n\n return (\n <>\n <primitive ref={ref} scale={1.5} position={[0, 1.5, 0]} object={model.scene} />\n <primitive object={lights} />\n </>\n );\n};\n\nexport default Confetti;\n"],"names":["Confetti","ref","useRef","model","useGLTF","defineSrc","lights","useLoader","ObjectLoader","mixer","clips","useAnimations","animations","useFrame","materials","map","offset","x","clipAction","play","setLoop","LoopOnce","_jsxs","_Fragment","children","_jsx","scale","position","object","scene"],"mappings":";;;;;;;;AAOMA,MAAAA,QAAQ,GAAGA,MAAK;AACpB,EAAA,MAAMC,GAAG,GAAGC,MAAM,EAAE;EACpB,MAAMC,KAAK,GAAGC,OAAO,CAACC,SAAS,CAAC,cAAc,CAAC,CAAC;EAEhD,MAAMC,MAAM,GAAGC,SAAS,CAACC,YAAY,EAAEH,SAAS,CAAC,qBAAqB,CAAC,CAAC;EAExE,MAAM;IAAEI,KAAK;AAAEC,IAAAA;GAAO,GAAGC,aAAa,CAACR,KAAK,CAACS,UAAU,EAAEX,GAAG,CAAC;AAC7DY,EAAAA,QAAQ,CAAC,MAAK;AACZV,IAAAA,KAAK,CAACW,SAAS,CAAC,gBAAgB,CAAC,CAACC,GAAG,CAACC,MAAM,CAACC,CAAC,IAAI,MAAO;AAEzDR,IAAAA,KAAK,CAACS,UAAU,CAACR,KAAK,CAAC,CAAC,CAAC,CAAC,CAACS,IAAI,EAAE,CAACC,OAAO,CAACC,QAAQ,EAAE,CAAC,CAAC;AACxD,GAAC,CAAC;EAEF,oBACEC,IAAA,CAAAC,QAAA,EAAA;AAAAC,IAAAA,QAAA,gBACEC,GAAA,CAAA,WAAA,EAAA;AAAWxB,MAAAA,GAAG,EAAEA,GAAI;AAACyB,MAAAA,KAAK,EAAE,GAAI;AAACC,MAAAA,QAAQ,EAAE,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC,CAAE;MAACC,MAAM,EAAEzB,KAAK,CAAC0B;KACtE,CAAA,eAAAJ,GAAA,CAAA,WAAA,EAAA;AAAWG,MAAAA,MAAM,EAAEtB;AAAO,KAC5B,CAAA;AAAA,GAAA,CAAG;AAEP;;;;"}
|
|
@@ -4,7 +4,7 @@ var drei = require('@react-three/drei');
|
|
|
4
4
|
var fiber = require('@react-three/fiber');
|
|
5
5
|
var react = require('react');
|
|
6
6
|
var three = require('three');
|
|
7
|
-
var index = require('./index-
|
|
7
|
+
var index = require('./index-IVto3XUC.js');
|
|
8
8
|
var jsxRuntime = require('react/jsx-runtime');
|
|
9
9
|
require('clsx');
|
|
10
10
|
|
|
@@ -17,7 +17,7 @@ const Confetti = () => {
|
|
|
17
17
|
clips
|
|
18
18
|
} = drei.useAnimations(model.animations, ref);
|
|
19
19
|
fiber.useFrame(() => {
|
|
20
|
-
model.materials['Tapestry WebGL'].map.offset.x += -
|
|
20
|
+
model.materials['Tapestry WebGL'].map.offset.x += -15e-4;
|
|
21
21
|
mixer.clipAction(clips[0]).play().setLoop(three.LoopOnce, 1);
|
|
22
22
|
});
|
|
23
23
|
return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
|
|
@@ -33,4 +33,4 @@ const Confetti = () => {
|
|
|
33
33
|
};
|
|
34
34
|
|
|
35
35
|
exports.default = Confetti;
|
|
36
|
-
//# sourceMappingURL=Confetti-
|
|
36
|
+
//# sourceMappingURL=Confetti-CbfG1zj6.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Confetti-
|
|
1
|
+
{"version":3,"file":"Confetti-CbfG1zj6.js","sources":["../src/illustrations3d/models/Confetti.tsx"],"sourcesContent":["import { useGLTF, useAnimations } from '@react-three/drei';\nimport { useFrame, useLoader } from '@react-three/fiber';\nimport { useRef } from 'react';\nimport { ObjectLoader, LoopOnce } from 'three';\n\nimport { defineSrc } from '../utils';\n\nconst Confetti = () => {\n const ref = useRef();\n const model = useGLTF(defineSrc('confetti.glb'));\n\n const lights = useLoader(ObjectLoader, defineSrc('confetti-light.json'));\n\n const { mixer, clips } = useAnimations(model.animations, ref);\n useFrame(() => {\n model.materials['Tapestry WebGL'].map.offset.x += -0.0015;\n\n mixer.clipAction(clips[0]).play().setLoop(LoopOnce, 1);\n });\n\n return (\n <>\n <primitive ref={ref} scale={1.5} position={[0, 1.5, 0]} object={model.scene} />\n <primitive object={lights} />\n </>\n );\n};\n\nexport default Confetti;\n"],"names":["Confetti","ref","useRef","model","useGLTF","defineSrc","lights","useLoader","ObjectLoader","mixer","clips","useAnimations","animations","useFrame","materials","map","offset","x","clipAction","play","setLoop","LoopOnce","_jsxs","_Fragment","children","_jsx","scale","position","object","scene"],"mappings":";;;;;;;;;;AAOMA,MAAAA,QAAQ,GAAGA,MAAK;AACpB,EAAA,MAAMC,GAAG,GAAGC,YAAM,EAAE;EACpB,MAAMC,KAAK,GAAGC,YAAO,CAACC,eAAS,CAAC,cAAc,CAAC,CAAC;EAEhD,MAAMC,MAAM,GAAGC,eAAS,CAACC,kBAAY,EAAEH,eAAS,CAAC,qBAAqB,CAAC,CAAC;EAExE,MAAM;IAAEI,KAAK;AAAEC,IAAAA;GAAO,GAAGC,kBAAa,CAACR,KAAK,CAACS,UAAU,EAAEX,GAAG,CAAC;AAC7DY,EAAAA,cAAQ,CAAC,MAAK;AACZV,IAAAA,KAAK,CAACW,SAAS,CAAC,gBAAgB,CAAC,CAACC,GAAG,CAACC,MAAM,CAACC,CAAC,IAAI,MAAO;AAEzDR,IAAAA,KAAK,CAACS,UAAU,CAACR,KAAK,CAAC,CAAC,CAAC,CAAC,CAACS,IAAI,EAAE,CAACC,OAAO,CAACC,cAAQ,EAAE,CAAC,CAAC;AACxD,GAAC,CAAC;EAEF,oBACEC,eAAA,CAAAC,mBAAA,EAAA;AAAAC,IAAAA,QAAA,gBACEC,cAAA,CAAA,WAAA,EAAA;AAAWxB,MAAAA,GAAG,EAAEA,GAAI;AAACyB,MAAAA,KAAK,EAAE,GAAI;AAACC,MAAAA,QAAQ,EAAE,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC,CAAE;MAACC,MAAM,EAAEzB,KAAK,CAAC0B;KACtE,CAAA,eAAAJ,cAAA,CAAA,WAAA,EAAA;AAAWG,MAAAA,MAAM,EAAEtB;AAAO,KAC5B,CAAA;AAAA,GAAA,CAAG;AAEP;;;;"}
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
var drei = require('@react-three/drei');
|
|
4
4
|
var fiber = require('@react-three/fiber');
|
|
5
5
|
var three = require('three');
|
|
6
|
-
var index = require('./index-
|
|
6
|
+
var index = require('./index-IVto3XUC.js');
|
|
7
7
|
var jsxRuntime = require('react/jsx-runtime');
|
|
8
8
|
require('clsx');
|
|
9
9
|
require('react');
|
|
@@ -12,7 +12,7 @@ const Flower = () => {
|
|
|
12
12
|
const model = drei.useGLTF(index.defineSrc('flower.glb'));
|
|
13
13
|
const lights = fiber.useLoader(three.ObjectLoader, index.defineSrc('flower-light.json'));
|
|
14
14
|
fiber.useFrame(() => {
|
|
15
|
-
model.materials['Tapestry WebGL'].map.offset.x += -
|
|
15
|
+
model.materials['Tapestry WebGL'].map.offset.x += -1e-3;
|
|
16
16
|
});
|
|
17
17
|
return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
|
|
18
18
|
children: [/*#__PURE__*/jsxRuntime.jsx("primitive", {
|
|
@@ -26,4 +26,4 @@ const Flower = () => {
|
|
|
26
26
|
};
|
|
27
27
|
|
|
28
28
|
exports.default = Flower;
|
|
29
|
-
//# sourceMappingURL=Flower-
|
|
29
|
+
//# sourceMappingURL=Flower-TKyOXtXB.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Flower-
|
|
1
|
+
{"version":3,"file":"Flower-TKyOXtXB.js","sources":["../src/illustrations3d/models/Flower.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 Flower = () => {\n const model = useGLTF(defineSrc('flower.glb'));\n\n const lights = useLoader(ObjectLoader, defineSrc('flower-light.json'));\n\n useFrame(() => {\n model.materials['Tapestry WebGL'].map.offset.x += -0.001;\n });\n\n return (\n <>\n <primitive scale={1.3} position={[0, -9, 0]} object={model.scene} />\n <primitive object={lights} />\n </>\n );\n};\n\nexport default Flower;\n"],"names":["Flower","model","useGLTF","defineSrc","lights","useLoader","ObjectLoader","useFrame","materials","map","offset","x","_jsxs","_Fragment","children","_jsx","scale","position","object","scene"],"mappings":";;;;;;;;;;AAMMA,MAAAA,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;AAEtEI,EAAAA,cAAQ,CAAC,MAAK;AACZN,IAAAA,KAAK,CAACO,SAAS,CAAC,gBAAgB,CAAC,CAACC,GAAG,CAACC,MAAM,CAACC,CAAC,IAAI,KAAM;AAC1D,GAAC,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,EAAE,EAAE,CAAC,CAAE;MAACC,MAAM,EAAEjB,KAAK,CAACkB;KAC3D,CAAA,eAAAJ,cAAA,CAAA,WAAA,EAAA;AAAWG,MAAAA,MAAM,EAAEd;AAAO,KAC5B,CAAA;AAAA,GAAA,CAAG;AAEP;;;;"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { useGLTF } from '@react-three/drei';
|
|
2
2
|
import { useLoader, useFrame } from '@react-three/fiber';
|
|
3
3
|
import { ObjectLoader } from 'three';
|
|
4
|
-
import { d as defineSrc } from './index-
|
|
4
|
+
import { d as defineSrc } from './index-WVHWeaM2.esm.js';
|
|
5
5
|
import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
|
|
6
6
|
import 'clsx';
|
|
7
7
|
import 'react';
|
|
@@ -10,7 +10,7 @@ const Flower = () => {
|
|
|
10
10
|
const model = useGLTF(defineSrc('flower.glb'));
|
|
11
11
|
const lights = useLoader(ObjectLoader, defineSrc('flower-light.json'));
|
|
12
12
|
useFrame(() => {
|
|
13
|
-
model.materials['Tapestry WebGL'].map.offset.x += -
|
|
13
|
+
model.materials['Tapestry WebGL'].map.offset.x += -1e-3;
|
|
14
14
|
});
|
|
15
15
|
return /*#__PURE__*/jsxs(Fragment, {
|
|
16
16
|
children: [/*#__PURE__*/jsx("primitive", {
|
|
@@ -24,4 +24,4 @@ const Flower = () => {
|
|
|
24
24
|
};
|
|
25
25
|
|
|
26
26
|
export { Flower as default };
|
|
27
|
-
//# sourceMappingURL=Flower-
|
|
27
|
+
//# sourceMappingURL=Flower-c2nQ1Znl.esm.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Flower-
|
|
1
|
+
{"version":3,"file":"Flower-c2nQ1Znl.esm.js","sources":["../src/illustrations3d/models/Flower.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 Flower = () => {\n const model = useGLTF(defineSrc('flower.glb'));\n\n const lights = useLoader(ObjectLoader, defineSrc('flower-light.json'));\n\n useFrame(() => {\n model.materials['Tapestry WebGL'].map.offset.x += -0.001;\n });\n\n return (\n <>\n <primitive scale={1.3} position={[0, -9, 0]} object={model.scene} />\n <primitive object={lights} />\n </>\n );\n};\n\nexport default Flower;\n"],"names":["Flower","model","useGLTF","defineSrc","lights","useLoader","ObjectLoader","useFrame","materials","map","offset","x","_jsxs","_Fragment","children","_jsx","scale","position","object","scene"],"mappings":";;;;;;;;AAMMA,MAAAA,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;AAEtEI,EAAAA,QAAQ,CAAC,MAAK;AACZN,IAAAA,KAAK,CAACO,SAAS,CAAC,gBAAgB,CAAC,CAACC,GAAG,CAACC,MAAM,CAACC,CAAC,IAAI,KAAM;AAC1D,GAAC,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,EAAE,EAAE,CAAC,CAAE;MAACC,MAAM,EAAEjB,KAAK,CAACkB;KAC3D,CAAA,eAAAJ,GAAA,CAAA,WAAA,EAAA;AAAWG,MAAAA,MAAM,EAAEd;AAAO,KAC5B,CAAA;AAAA,GAAA,CAAG;AAEP;;;;"}
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
var drei = require('@react-three/drei');
|
|
4
4
|
var fiber = require('@react-three/fiber');
|
|
5
5
|
var three = require('three');
|
|
6
|
-
var index = require('./index-
|
|
6
|
+
var index = require('./index-IVto3XUC.js');
|
|
7
7
|
var jsxRuntime = require('react/jsx-runtime');
|
|
8
8
|
require('clsx');
|
|
9
9
|
require('react');
|
|
@@ -28,7 +28,7 @@ const Globe = () => {
|
|
|
28
28
|
});
|
|
29
29
|
fiber.useFrame(() => {
|
|
30
30
|
orbit.rotation.y += 0.002;
|
|
31
|
-
planet.material.map.offset.x += -
|
|
31
|
+
planet.material.map.offset.x += -2e-4;
|
|
32
32
|
});
|
|
33
33
|
return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
|
|
34
34
|
children: [/*#__PURE__*/jsxRuntime.jsx("primitive", {
|
|
@@ -42,4 +42,4 @@ const Globe = () => {
|
|
|
42
42
|
};
|
|
43
43
|
|
|
44
44
|
exports.default = Globe;
|
|
45
|
-
//# sourceMappingURL=Globe-
|
|
45
|
+
//# sourceMappingURL=Globe-D9Nd2QWj.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Globe-
|
|
1
|
+
{"version":3,"file":"Globe-D9Nd2QWj.js","sources":["../src/illustrations3d/models/Globe.tsx"],"sourcesContent":["import { useGLTF } from '@react-three/drei';\nimport { useFrame, useLoader } from '@react-three/fiber';\nimport { TextureLoader, ObjectLoader } from 'three';\n\nimport { defineSrc } from '../utils';\n\nconst Globe = () => {\n const { scene } = useGLTF(defineSrc('globe.glb'));\n\n const lights = useLoader(ObjectLoader, defineSrc('globe-light.json'));\n const wiseLogo = useLoader(TextureLoader, defineSrc('wise-flag-map-bump.jpg'));\n const planet = scene.getObjectByName('Globe');\n const orbit = scene.getObjectByName('Coins_Axis_Rotation_Animate');\n\n scene.traverse((child) => {\n if (child.name.startsWith('Coin_')) {\n const mesh = child;\n\n const material = mesh.material;\n material.bumpMap = wiseLogo;\n material.bumpMap.flipY = false;\n mesh.castShadow = false;\n mesh.receiveShadow = false;\n }\n });\n\n useFrame(() => {\n orbit.rotation.y += 0.002;\n\n planet.material.map.offset.x += -0.0002;\n });\n\n return (\n <>\n <primitive position={[0, -10, 0]} scale={1.3} object={scene} />\n <primitive object={lights} />\n </>\n );\n};\n\nexport default Globe;\n"],"names":["Globe","scene","useGLTF","defineSrc","lights","useLoader","ObjectLoader","wiseLogo","TextureLoader","planet","getObjectByName","orbit","traverse","child","name","startsWith","mesh","material","bumpMap","flipY","castShadow","receiveShadow","useFrame","rotation","y","map","offset","x","_jsxs","_Fragment","children","_jsx","position","scale","object"],"mappings":";;;;;;;;;;AAMMA,MAAAA,KAAK,GAAGA,MAAK;EACjB,MAAM;AAAEC,IAAAA;AAAK,GAAE,GAAGC,YAAO,CAACC,eAAS,CAAC,WAAW,CAAC,CAAC;EAEjD,MAAMC,MAAM,GAAGC,eAAS,CAACC,kBAAY,EAAEH,eAAS,CAAC,kBAAkB,CAAC,CAAC;EACrE,MAAMI,QAAQ,GAAGF,eAAS,CAACG,mBAAa,EAAEL,eAAS,CAAC,wBAAwB,CAAC,CAAC;AAC9E,EAAA,MAAMM,MAAM,GAAGR,KAAK,CAACS,eAAe,CAAC,OAAO,CAAC;AAC7C,EAAA,MAAMC,KAAK,GAAGV,KAAK,CAACS,eAAe,CAAC,6BAA6B,CAAC;AAElET,EAAAA,KAAK,CAACW,QAAQ,CAAEC,KAAK,IAAI;IACvB,IAAIA,KAAK,CAACC,IAAI,CAACC,UAAU,CAAC,OAAO,CAAC,EAAE;MAClC,MAAMC,IAAI,GAAGH,KAAK;AAElB,MAAA,MAAMI,QAAQ,GAAGD,IAAI,CAACC,QAAQ;MAC9BA,QAAQ,CAACC,OAAO,GAAGX,QAAQ;AAC3BU,MAAAA,QAAQ,CAACC,OAAO,CAACC,KAAK,GAAG,KAAK;MAC9BH,IAAI,CAACI,UAAU,GAAG,KAAK;MACvBJ,IAAI,CAACK,aAAa,GAAG,KAAK;AAC5B;AACF,GAAC,CAAC;AAEFC,EAAAA,cAAQ,CAAC,MAAK;AACZX,IAAAA,KAAK,CAACY,QAAQ,CAACC,CAAC,IAAI,KAAK;IAEzBf,MAAM,CAACQ,QAAQ,CAACQ,GAAG,CAACC,MAAM,CAACC,CAAC,IAAI,KAAO;AACzC,GAAC,CAAC;EAEF,oBACEC,eAAA,CAAAC,mBAAA,EAAA;AAAAC,IAAAA,QAAA,gBACEC,cAAA,CAAA,WAAA,EAAA;MAAWC,QAAQ,EAAE,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC,CAAE;AAACC,MAAAA,KAAK,EAAE,GAAI;AAACC,MAAAA,MAAM,EAAEjC;KACtD,CAAA,eAAA8B,cAAA,CAAA,WAAA,EAAA;AAAWG,MAAAA,MAAM,EAAE9B;AAAO,KAC5B,CAAA;AAAA,GAAA,CAAG;AAEP;;;;"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { useGLTF } from '@react-three/drei';
|
|
2
2
|
import { useLoader, useFrame } from '@react-three/fiber';
|
|
3
3
|
import { ObjectLoader, TextureLoader } from 'three';
|
|
4
|
-
import { d as defineSrc } from './index-
|
|
4
|
+
import { d as defineSrc } from './index-WVHWeaM2.esm.js';
|
|
5
5
|
import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
|
|
6
6
|
import 'clsx';
|
|
7
7
|
import 'react';
|
|
@@ -26,7 +26,7 @@ const Globe = () => {
|
|
|
26
26
|
});
|
|
27
27
|
useFrame(() => {
|
|
28
28
|
orbit.rotation.y += 0.002;
|
|
29
|
-
planet.material.map.offset.x += -
|
|
29
|
+
planet.material.map.offset.x += -2e-4;
|
|
30
30
|
});
|
|
31
31
|
return /*#__PURE__*/jsxs(Fragment, {
|
|
32
32
|
children: [/*#__PURE__*/jsx("primitive", {
|
|
@@ -40,4 +40,4 @@ const Globe = () => {
|
|
|
40
40
|
};
|
|
41
41
|
|
|
42
42
|
export { Globe as default };
|
|
43
|
-
//# sourceMappingURL=Globe-
|
|
43
|
+
//# sourceMappingURL=Globe-u0GR1DR1.esm.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Globe-
|
|
1
|
+
{"version":3,"file":"Globe-u0GR1DR1.esm.js","sources":["../src/illustrations3d/models/Globe.tsx"],"sourcesContent":["import { useGLTF } from '@react-three/drei';\nimport { useFrame, useLoader } from '@react-three/fiber';\nimport { TextureLoader, ObjectLoader } from 'three';\n\nimport { defineSrc } from '../utils';\n\nconst Globe = () => {\n const { scene } = useGLTF(defineSrc('globe.glb'));\n\n const lights = useLoader(ObjectLoader, defineSrc('globe-light.json'));\n const wiseLogo = useLoader(TextureLoader, defineSrc('wise-flag-map-bump.jpg'));\n const planet = scene.getObjectByName('Globe');\n const orbit = scene.getObjectByName('Coins_Axis_Rotation_Animate');\n\n scene.traverse((child) => {\n if (child.name.startsWith('Coin_')) {\n const mesh = child;\n\n const material = mesh.material;\n material.bumpMap = wiseLogo;\n material.bumpMap.flipY = false;\n mesh.castShadow = false;\n mesh.receiveShadow = false;\n }\n });\n\n useFrame(() => {\n orbit.rotation.y += 0.002;\n\n planet.material.map.offset.x += -0.0002;\n });\n\n return (\n <>\n <primitive position={[0, -10, 0]} scale={1.3} object={scene} />\n <primitive object={lights} />\n </>\n );\n};\n\nexport default Globe;\n"],"names":["Globe","scene","useGLTF","defineSrc","lights","useLoader","ObjectLoader","wiseLogo","TextureLoader","planet","getObjectByName","orbit","traverse","child","name","startsWith","mesh","material","bumpMap","flipY","castShadow","receiveShadow","useFrame","rotation","y","map","offset","x","_jsxs","_Fragment","children","_jsx","position","scale","object"],"mappings":";;;;;;;;AAMMA,MAAAA,KAAK,GAAGA,MAAK;EACjB,MAAM;AAAEC,IAAAA;AAAK,GAAE,GAAGC,OAAO,CAACC,SAAS,CAAC,WAAW,CAAC,CAAC;EAEjD,MAAMC,MAAM,GAAGC,SAAS,CAACC,YAAY,EAAEH,SAAS,CAAC,kBAAkB,CAAC,CAAC;EACrE,MAAMI,QAAQ,GAAGF,SAAS,CAACG,aAAa,EAAEL,SAAS,CAAC,wBAAwB,CAAC,CAAC;AAC9E,EAAA,MAAMM,MAAM,GAAGR,KAAK,CAACS,eAAe,CAAC,OAAO,CAAC;AAC7C,EAAA,MAAMC,KAAK,GAAGV,KAAK,CAACS,eAAe,CAAC,6BAA6B,CAAC;AAElET,EAAAA,KAAK,CAACW,QAAQ,CAAEC,KAAK,IAAI;IACvB,IAAIA,KAAK,CAACC,IAAI,CAACC,UAAU,CAAC,OAAO,CAAC,EAAE;MAClC,MAAMC,IAAI,GAAGH,KAAK;AAElB,MAAA,MAAMI,QAAQ,GAAGD,IAAI,CAACC,QAAQ;MAC9BA,QAAQ,CAACC,OAAO,GAAGX,QAAQ;AAC3BU,MAAAA,QAAQ,CAACC,OAAO,CAACC,KAAK,GAAG,KAAK;MAC9BH,IAAI,CAACI,UAAU,GAAG,KAAK;MACvBJ,IAAI,CAACK,aAAa,GAAG,KAAK;AAC5B;AACF,GAAC,CAAC;AAEFC,EAAAA,QAAQ,CAAC,MAAK;AACZX,IAAAA,KAAK,CAACY,QAAQ,CAACC,CAAC,IAAI,KAAK;IAEzBf,MAAM,CAACQ,QAAQ,CAACQ,GAAG,CAACC,MAAM,CAACC,CAAC,IAAI,KAAO;AACzC,GAAC,CAAC;EAEF,oBACEC,IAAA,CAAAC,QAAA,EAAA;AAAAC,IAAAA,QAAA,gBACEC,GAAA,CAAA,WAAA,EAAA;MAAWC,QAAQ,EAAE,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC,CAAE;AAACC,MAAAA,KAAK,EAAE,GAAI;AAACC,MAAAA,MAAM,EAAEjC;KACtD,CAAA,eAAA8B,GAAA,CAAA,WAAA,EAAA;AAAWG,MAAAA,MAAM,EAAE9B;AAAO,KAC5B,CAAA;AAAA,GAAA,CAAG;AAEP;;;;"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { useGLTF } from '@react-three/drei';
|
|
2
2
|
import { useLoader, useFrame } from '@react-three/fiber';
|
|
3
3
|
import { ObjectLoader } from 'three';
|
|
4
|
-
import { d as defineSrc } from './index-
|
|
4
|
+
import { d as defineSrc } from './index-WVHWeaM2.esm.js';
|
|
5
5
|
import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
|
|
6
6
|
import 'clsx';
|
|
7
7
|
import 'react';
|
|
@@ -13,7 +13,7 @@ const Graph = () => {
|
|
|
13
13
|
const {
|
|
14
14
|
offset
|
|
15
15
|
} = model.materials['Standard '].map;
|
|
16
|
-
offset.x += -
|
|
16
|
+
offset.x += -15e-4;
|
|
17
17
|
offset.y += 0.0015;
|
|
18
18
|
});
|
|
19
19
|
return /*#__PURE__*/jsxs(Fragment, {
|
|
@@ -28,4 +28,4 @@ const Graph = () => {
|
|
|
28
28
|
};
|
|
29
29
|
|
|
30
30
|
export { Graph as default };
|
|
31
|
-
//# sourceMappingURL=Graph-
|
|
31
|
+
//# sourceMappingURL=Graph-BBFJlc7b.esm.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Graph-
|
|
1
|
+
{"version":3,"file":"Graph-BBFJlc7b.esm.js","sources":["../src/illustrations3d/models/Graph.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 Graph = () => {\n const model = useGLTF(defineSrc('graph.glb'));\n\n const lights = useLoader(ObjectLoader, defineSrc('graph-light.json'));\n\n useFrame(() => {\n const { offset } = model.materials['Standard '].map;\n offset.x += -0.0015;\n offset.y += 0.0015;\n });\n\n return (\n <>\n <primitive scale={1.3} position={[0, -10, 0]} object={model.scene} />\n <primitive object={lights} />\n </>\n );\n};\n\nexport default Graph;\n"],"names":["Graph","model","useGLTF","defineSrc","lights","useLoader","ObjectLoader","useFrame","offset","materials","map","x","y","_jsxs","_Fragment","children","_jsx","scale","position","object","scene"],"mappings":";;;;;;;;AAMMA,MAAAA,KAAK,GAAGA,MAAK;EACjB,MAAMC,KAAK,GAAGC,OAAO,CAACC,SAAS,CAAC,WAAW,CAAC,CAAC;EAE7C,MAAMC,MAAM,GAAGC,SAAS,CAACC,YAAY,EAAEH,SAAS,CAAC,kBAAkB,CAAC,CAAC;AAErEI,EAAAA,QAAQ,CAAC,MAAK;IACZ,MAAM;AAAEC,MAAAA;KAAQ,GAAGP,KAAK,CAACQ,SAAS,CAAC,WAAW,CAAC,CAACC,GAAG;AACnDF,IAAAA,MAAM,CAACG,CAAC,IAAI,MAAO;IACnBH,MAAM,CAACI,CAAC,IAAI,MAAM;AACpB,GAAC,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,EAAElB,KAAK,CAACmB;KAC5D,CAAA,eAAAJ,GAAA,CAAA,WAAA,EAAA;AAAWG,MAAAA,MAAM,EAAEf;AAAO,KAC5B,CAAA;AAAA,GAAA,CAAG;AAEP;;;;"}
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
var drei = require('@react-three/drei');
|
|
4
4
|
var fiber = require('@react-three/fiber');
|
|
5
5
|
var three = require('three');
|
|
6
|
-
var index = require('./index-
|
|
6
|
+
var index = require('./index-IVto3XUC.js');
|
|
7
7
|
var jsxRuntime = require('react/jsx-runtime');
|
|
8
8
|
require('clsx');
|
|
9
9
|
require('react');
|
|
@@ -15,7 +15,7 @@ const Graph = () => {
|
|
|
15
15
|
const {
|
|
16
16
|
offset
|
|
17
17
|
} = model.materials['Standard '].map;
|
|
18
|
-
offset.x += -
|
|
18
|
+
offset.x += -15e-4;
|
|
19
19
|
offset.y += 0.0015;
|
|
20
20
|
});
|
|
21
21
|
return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
|
|
@@ -30,4 +30,4 @@ const Graph = () => {
|
|
|
30
30
|
};
|
|
31
31
|
|
|
32
32
|
exports.default = Graph;
|
|
33
|
-
//# sourceMappingURL=Graph-
|
|
33
|
+
//# sourceMappingURL=Graph-Di-jvWFc.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Graph-
|
|
1
|
+
{"version":3,"file":"Graph-Di-jvWFc.js","sources":["../src/illustrations3d/models/Graph.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 Graph = () => {\n const model = useGLTF(defineSrc('graph.glb'));\n\n const lights = useLoader(ObjectLoader, defineSrc('graph-light.json'));\n\n useFrame(() => {\n const { offset } = model.materials['Standard '].map;\n offset.x += -0.0015;\n offset.y += 0.0015;\n });\n\n return (\n <>\n <primitive scale={1.3} position={[0, -10, 0]} object={model.scene} />\n <primitive object={lights} />\n </>\n );\n};\n\nexport default Graph;\n"],"names":["Graph","model","useGLTF","defineSrc","lights","useLoader","ObjectLoader","useFrame","offset","materials","map","x","y","_jsxs","_Fragment","children","_jsx","scale","position","object","scene"],"mappings":";;;;;;;;;;AAMMA,MAAAA,KAAK,GAAGA,MAAK;EACjB,MAAMC,KAAK,GAAGC,YAAO,CAACC,eAAS,CAAC,WAAW,CAAC,CAAC;EAE7C,MAAMC,MAAM,GAAGC,eAAS,CAACC,kBAAY,EAAEH,eAAS,CAAC,kBAAkB,CAAC,CAAC;AAErEI,EAAAA,cAAQ,CAAC,MAAK;IACZ,MAAM;AAAEC,MAAAA;KAAQ,GAAGP,KAAK,CAACQ,SAAS,CAAC,WAAW,CAAC,CAACC,GAAG;AACnDF,IAAAA,MAAM,CAACG,CAAC,IAAI,MAAO;IACnBH,MAAM,CAACI,CAAC,IAAI,MAAM;AACpB,GAAC,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,EAAElB,KAAK,CAACmB;KAC5D,CAAA,eAAAJ,cAAA,CAAA,WAAA,EAAA;AAAWG,MAAAA,MAAM,EAAEf;AAAO,KAC5B,CAAA;AAAA,GAAA,CAAG;AAEP;;;;"}
|
|
@@ -4,7 +4,7 @@ var drei = require('@react-three/drei');
|
|
|
4
4
|
var fiber = require('@react-three/fiber');
|
|
5
5
|
var react = require('react');
|
|
6
6
|
var three = require('three');
|
|
7
|
-
var index = require('./index-
|
|
7
|
+
var index = require('./index-IVto3XUC.js');
|
|
8
8
|
var jsxRuntime = require('react/jsx-runtime');
|
|
9
9
|
require('clsx');
|
|
10
10
|
|
|
@@ -49,4 +49,4 @@ const Interest = () => {
|
|
|
49
49
|
};
|
|
50
50
|
|
|
51
51
|
exports.default = Interest;
|
|
52
|
-
//# sourceMappingURL=Interest-
|
|
52
|
+
//# sourceMappingURL=Interest-BkfFSNEc.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Interest-
|
|
1
|
+
{"version":3,"file":"Interest-BkfFSNEc.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":";;;;;;;;;;AAOMA,MAAAA,QAAQ,GAAGA,MAAK;AACpB,EAAA,MAAMC,GAAG,GAAGC,YAAM,EAAE;EACpB,MAAM;IAAEC,KAAK;AAAEC,IAAAA;AAAY,GAAA,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;AACF,GAAC,CAAC;EAEF,MAAM;IAAEC,KAAK;AAAEC,IAAAA;AAAO,GAAA,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,GAAC,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;KAChE,CAAA,eAAAqC,cAAA,CAAA,WAAA,EAAA;AAAWG,MAAAA,MAAM,EAAEpC;AAAO,KAC5B,CAAA;AAAA,GAAA,CAAG;AAEP;;;;"}
|
|
@@ -2,7 +2,7 @@ import { useGLTF, useAnimations } from '@react-three/drei';
|
|
|
2
2
|
import { useLoader, useFrame } from '@react-three/fiber';
|
|
3
3
|
import { useRef } from 'react';
|
|
4
4
|
import { ObjectLoader, TextureLoader, MeshStandardMaterial, Vector2, LoopRepeat } from 'three';
|
|
5
|
-
import { d as defineSrc } from './index-
|
|
5
|
+
import { d as defineSrc } from './index-WVHWeaM2.esm.js';
|
|
6
6
|
import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
|
|
7
7
|
import 'clsx';
|
|
8
8
|
|
|
@@ -47,4 +47,4 @@ const Interest = () => {
|
|
|
47
47
|
};
|
|
48
48
|
|
|
49
49
|
export { Interest as default };
|
|
50
|
-
//# sourceMappingURL=Interest-
|
|
50
|
+
//# sourceMappingURL=Interest-fmXylwqE.esm.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Interest-
|
|
1
|
+
{"version":3,"file":"Interest-fmXylwqE.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":";;;;;;;;AAOMA,MAAAA,QAAQ,GAAGA,MAAK;AACpB,EAAA,MAAMC,GAAG,GAAGC,MAAM,EAAE;EACpB,MAAM;IAAEC,KAAK;AAAEC,IAAAA;AAAY,GAAA,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;AACF,GAAC,CAAC;EAEF,MAAM;IAAEC,KAAK;AAAEC,IAAAA;AAAO,GAAA,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,GAAC,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;KAChE,CAAA,eAAAqC,GAAA,CAAA,WAAA,EAAA;AAAWG,MAAAA,MAAM,EAAEpC;AAAO,KAC5B,CAAA;AAAA,GAAA,CAAG;AAEP;;;;"}
|
|
@@ -2,7 +2,7 @@ import { useGLTF, useAnimations } from '@react-three/drei';
|
|
|
2
2
|
import { useLoader, useFrame } from '@react-three/fiber';
|
|
3
3
|
import { useRef } from 'react';
|
|
4
4
|
import { ObjectLoader, TextureLoader } from 'three';
|
|
5
|
-
import { d as defineSrc } from './index-
|
|
5
|
+
import { d as defineSrc } from './index-WVHWeaM2.esm.js';
|
|
6
6
|
import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
|
|
7
7
|
import 'clsx';
|
|
8
8
|
|
|
@@ -47,4 +47,4 @@ const Jars = () => {
|
|
|
47
47
|
};
|
|
48
48
|
|
|
49
49
|
export { Jars as default };
|
|
50
|
-
//# sourceMappingURL=Jars-
|
|
50
|
+
//# sourceMappingURL=Jars-CEc0G80g.esm.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Jars-
|
|
1
|
+
{"version":3,"file":"Jars-CEc0G80g.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":";;;;;;;;AAOMA,MAAAA,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;IACA,IAAIP,KAAK,CAACC,IAAI,CAACC,UAAU,CAAC,MAAM,CAAC,EAAE;AACjCL,MAAAA,IAAI,CAACW,IAAI,CAACR,KAAK,CAAC;AAClB;AACF,GAAC,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,KAAC,CAAC;AACJ,GAAC,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;KACtE,CAAA,eAAA2B,GAAA,CAAA,WAAA,EAAA;AAAWG,MAAAA,MAAM,EAAEpC;AAAO,KAC5B,CAAA;AAAA,GAAA,CAAG;AAEP;;;;"}
|
|
@@ -4,7 +4,7 @@ var drei = require('@react-three/drei');
|
|
|
4
4
|
var fiber = require('@react-three/fiber');
|
|
5
5
|
var react = require('react');
|
|
6
6
|
var three = require('three');
|
|
7
|
-
var index = require('./index-
|
|
7
|
+
var index = require('./index-IVto3XUC.js');
|
|
8
8
|
var jsxRuntime = require('react/jsx-runtime');
|
|
9
9
|
require('clsx');
|
|
10
10
|
|
|
@@ -49,4 +49,4 @@ const Jars = () => {
|
|
|
49
49
|
};
|
|
50
50
|
|
|
51
51
|
exports.default = Jars;
|
|
52
|
-
//# sourceMappingURL=Jars-
|
|
52
|
+
//# sourceMappingURL=Jars-X1I3rAoD.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Jars-
|
|
1
|
+
{"version":3,"file":"Jars-X1I3rAoD.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":";;;;;;;;;;AAOMA,MAAAA,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;IACA,IAAIP,KAAK,CAACC,IAAI,CAACC,UAAU,CAAC,MAAM,CAAC,EAAE;AACjCL,MAAAA,IAAI,CAACW,IAAI,CAACR,KAAK,CAAC;AAClB;AACF,GAAC,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,KAAC,CAAC;AACJ,GAAC,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;KACtE,CAAA,eAAA2B,cAAA,CAAA,WAAA,EAAA;AAAWG,MAAAA,MAAM,EAAEpC;AAAO,KAC5B,CAAA;AAAA,GAAA,CAAG;AAEP;;;;"}
|
|
@@ -2,7 +2,7 @@ import { useGLTF, useAnimations } from '@react-three/drei';
|
|
|
2
2
|
import { useLoader, useFrame } from '@react-three/fiber';
|
|
3
3
|
import { useRef } from 'react';
|
|
4
4
|
import { ObjectLoader, LoopOnce } from 'three';
|
|
5
|
-
import { d as defineSrc } from './index-
|
|
5
|
+
import { d as defineSrc } from './index-WVHWeaM2.esm.js';
|
|
6
6
|
import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
|
|
7
7
|
import 'clsx';
|
|
8
8
|
|
|
@@ -24,7 +24,7 @@ const Lock = () => {
|
|
|
24
24
|
useFrame(() => {
|
|
25
25
|
mixer.clipAction(clips[0]).play().setLoop(LoopOnce, 1);
|
|
26
26
|
model.scene.position.y = Math.sin(frame++ * 0.04) * 0.2;
|
|
27
|
-
model.materials.Standard.map.offset.x += -
|
|
27
|
+
model.materials.Standard.map.offset.x += -1e-3;
|
|
28
28
|
});
|
|
29
29
|
return /*#__PURE__*/jsxs(Fragment, {
|
|
30
30
|
children: [/*#__PURE__*/jsx("primitive", {
|
|
@@ -38,4 +38,4 @@ const Lock = () => {
|
|
|
38
38
|
};
|
|
39
39
|
|
|
40
40
|
export { Lock as default };
|
|
41
|
-
//# sourceMappingURL=Lock-
|
|
41
|
+
//# sourceMappingURL=Lock-BqeBZxxx.esm.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Lock-
|
|
1
|
+
{"version":3,"file":"Lock-BqeBZxxx.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":";;;;;;;;AAOMA,MAAAA,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;AACF,GAAC,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,GAAC,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;KAC/C,CAAA,eAAA4B,GAAA,CAAA,WAAA,EAAA;AAAWE,MAAAA,MAAM,EAAEjC;AAAO,KAC5B,CAAA;AAAA,GAAA,CAAG;AAEP;;;;"}
|