@wise/art 0.0.0-experimental-ccc69cb → 0.0.0-experimental-7f4f66a
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/package.json +2 -2
- package/dist/CheckMark-BPrdh9Yt.js +0 -40
- package/dist/CheckMark-BPrdh9Yt.js.map +0 -1
- package/dist/CheckMark-rvEWLRq0.esm.js +0 -38
- package/dist/CheckMark-rvEWLRq0.esm.js.map +0 -1
- package/dist/Confetti-BCZWydPM.js +0 -37
- package/dist/Confetti-BCZWydPM.js.map +0 -1
- package/dist/Confetti-BF1v0OJk.esm.js +0 -35
- package/dist/Confetti-BF1v0OJk.esm.js.map +0 -1
- package/dist/Flower-4xUqkfW9.js +0 -30
- package/dist/Flower-4xUqkfW9.js.map +0 -1
- package/dist/Flower-BS56WNvp.esm.js +0 -28
- package/dist/Flower-BS56WNvp.esm.js.map +0 -1
- package/dist/Globe-B0GciImK.js +0 -46
- package/dist/Globe-B0GciImK.js.map +0 -1
- package/dist/Globe-DkoSAfVS.esm.js +0 -44
- package/dist/Globe-DkoSAfVS.esm.js.map +0 -1
- package/dist/Graph-BpBqjCfO.js +0 -34
- package/dist/Graph-BpBqjCfO.js.map +0 -1
- package/dist/Graph-C6HemiNj.esm.js +0 -32
- package/dist/Graph-C6HemiNj.esm.js.map +0 -1
- package/dist/Illustration.css +0 -1
- package/dist/Interest-ajjCA2ag.esm.js +0 -51
- package/dist/Interest-ajjCA2ag.esm.js.map +0 -1
- package/dist/Interest-bo-lZHQD.js +0 -53
- package/dist/Interest-bo-lZHQD.js.map +0 -1
- package/dist/Jars-BqCMK3LX.js +0 -53
- package/dist/Jars-BqCMK3LX.js.map +0 -1
- package/dist/Jars-Da1dK6qP.esm.js +0 -51
- package/dist/Jars-Da1dK6qP.esm.js.map +0 -1
- package/dist/Lock-CmQJK3R6.js +0 -44
- package/dist/Lock-CmQJK3R6.js.map +0 -1
- package/dist/Lock-dn_E6gBX.esm.js +0 -42
- package/dist/Lock-dn_E6gBX.esm.js.map +0 -1
- package/dist/MagnifyingGlass-BK2gAjPL.js +0 -33
- package/dist/MagnifyingGlass-BK2gAjPL.js.map +0 -1
- package/dist/MagnifyingGlass-CjkQ4cPC.esm.js +0 -31
- package/dist/MagnifyingGlass-CjkQ4cPC.esm.js.map +0 -1
- package/dist/Marble-FuB5ppSN.esm.js +0 -43
- package/dist/Marble-FuB5ppSN.esm.js.map +0 -1
- package/dist/Marble-c63Wodn4.js +0 -45
- package/dist/Marble-c63Wodn4.js.map +0 -1
- package/dist/MarbleCard-CZoh2t6z.esm.js +0 -46
- package/dist/MarbleCard-CZoh2t6z.esm.js.map +0 -1
- package/dist/MarbleCard-DJz4FeXq.js +0 -48
- package/dist/MarbleCard-DJz4FeXq.js.map +0 -1
- package/dist/MultiCurrency-CCkYpe4r.esm.js +0 -62
- package/dist/MultiCurrency-CCkYpe4r.esm.js.map +0 -1
- package/dist/MultiCurrency-CjBfwvd5.js +0 -64
- package/dist/MultiCurrency-CjBfwvd5.js.map +0 -1
- package/dist/Plane-B5wEFkN3.esm.js +0 -38
- package/dist/Plane-B5wEFkN3.esm.js.map +0 -1
- package/dist/Plane-CFix2lAc.js +0 -40
- package/dist/Plane-CFix2lAc.js.map +0 -1
- package/dist/Scene-BbWfekxg.js +0 -56
- package/dist/Scene-BbWfekxg.js.map +0 -1
- package/dist/Scene-de3i_19x.esm.js +0 -54
- package/dist/Scene-de3i_19x.esm.js.map +0 -1
- package/dist/common-DBpCdW70.esm.js +0 -14
- package/dist/common-DBpCdW70.esm.js.map +0 -1
- package/dist/common-H4L6Hbbh.js +0 -16
- package/dist/common-H4L6Hbbh.js.map +0 -1
- package/dist/common.d.ts +0 -15
- package/dist/common.d.ts.map +0 -1
- package/dist/flags/Flag.d.ts +0 -14
- package/dist/flags/Flag.d.ts.map +0 -1
- package/dist/flags/Flag.spec.d.ts +0 -2
- package/dist/flags/Flag.spec.d.ts.map +0 -1
- package/dist/flags/index.d.ts +0 -3
- package/dist/flags/index.d.ts.map +0 -1
- package/dist/flags/metadata.d.ts +0 -2
- package/dist/flags/metadata.d.ts.map +0 -1
- package/dist/illustrations/Illustration.d.ts +0 -20
- package/dist/illustrations/Illustration.d.ts.map +0 -1
- package/dist/illustrations/Illustration.spec.d.ts +0 -2
- package/dist/illustrations/Illustration.spec.d.ts.map +0 -1
- package/dist/illustrations/index.d.ts +0 -5
- package/dist/illustrations/index.d.ts.map +0 -1
- package/dist/illustrations/metadata.d.ts +0 -116
- package/dist/illustrations/metadata.d.ts.map +0 -1
- package/dist/illustrations3d/Illustration3D.d.ts +0 -10
- package/dist/illustrations3d/Illustration3D.d.ts.map +0 -1
- package/dist/illustrations3d/Scene.d.ts +0 -10
- package/dist/illustrations3d/Scene.d.ts.map +0 -1
- package/dist/illustrations3d/index.d.ts +0 -5
- package/dist/illustrations3d/index.d.ts.map +0 -1
- package/dist/illustrations3d/models/CheckMark.d.ts +0 -3
- package/dist/illustrations3d/models/CheckMark.d.ts.map +0 -1
- package/dist/illustrations3d/models/Confetti.d.ts +0 -3
- package/dist/illustrations3d/models/Confetti.d.ts.map +0 -1
- package/dist/illustrations3d/models/Flower.d.ts +0 -3
- package/dist/illustrations3d/models/Flower.d.ts.map +0 -1
- package/dist/illustrations3d/models/Globe.d.ts +0 -3
- package/dist/illustrations3d/models/Globe.d.ts.map +0 -1
- package/dist/illustrations3d/models/Graph.d.ts +0 -3
- package/dist/illustrations3d/models/Graph.d.ts.map +0 -1
- package/dist/illustrations3d/models/Interest.d.ts +0 -3
- package/dist/illustrations3d/models/Interest.d.ts.map +0 -1
- package/dist/illustrations3d/models/Jars.d.ts +0 -3
- package/dist/illustrations3d/models/Jars.d.ts.map +0 -1
- package/dist/illustrations3d/models/Lock.d.ts +0 -3
- package/dist/illustrations3d/models/Lock.d.ts.map +0 -1
- package/dist/illustrations3d/models/MagnifyingGlass.d.ts +0 -3
- package/dist/illustrations3d/models/MagnifyingGlass.d.ts.map +0 -1
- package/dist/illustrations3d/models/Marble.d.ts +0 -3
- package/dist/illustrations3d/models/Marble.d.ts.map +0 -1
- package/dist/illustrations3d/models/MarbleCard.d.ts +0 -3
- package/dist/illustrations3d/models/MarbleCard.d.ts.map +0 -1
- package/dist/illustrations3d/models/MultiCurrency.d.ts +0 -3
- package/dist/illustrations3d/models/MultiCurrency.d.ts.map +0 -1
- package/dist/illustrations3d/models/Plane.d.ts +0 -3
- package/dist/illustrations3d/models/Plane.d.ts.map +0 -1
- package/dist/illustrations3d/utils.d.ts +0 -10
- package/dist/illustrations3d/utils.d.ts.map +0 -1
- package/dist/illustrations3d/utils.spec.d.ts +0 -2
- package/dist/illustrations3d/utils.spec.d.ts.map +0 -1
- package/dist/index-BDrfcpm_.esm.js +0 -389
- package/dist/index-BDrfcpm_.esm.js.map +0 -1
- package/dist/index-CikWxxNh.js +0 -395
- package/dist/index-CikWxxNh.js.map +0 -1
- package/dist/index.d.ts +0 -10
- package/dist/index.d.ts.map +0 -1
- package/dist/index.esm.js +0 -6
- package/dist/index.esm.js.map +0 -1
- package/dist/index.js +0 -23
- package/dist/index.js.map +0 -1
- package/dist/rive/RiveIllustration.d.ts +0 -13
- package/dist/rive/RiveIllustration.d.ts.map +0 -1
- package/dist/rive/index.d.ts +0 -3
- package/dist/rive/index.d.ts.map +0 -1
- package/dist/rive/index.esm.js +0 -47
- package/dist/rive/index.esm.js.map +0 -1
- package/dist/rive/index.js +0 -53
- package/dist/rive/index.js.map +0 -1
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@wise/art",
|
|
3
|
-
"version": "0.0.0-experimental-
|
|
3
|
+
"version": "0.0.0-experimental-7f4f66a",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"description": "React library for art elements in UI",
|
|
6
6
|
"homepage": "https://github.com/transferwise/web-art#readme",
|
|
@@ -107,7 +107,7 @@
|
|
|
107
107
|
"generate-flags-metadata": "node ./scripts/generate-flags-metadata.mjs && eslint 'src/flags/metadata.ts' --fix",
|
|
108
108
|
"bundle": "rm -rf dist && rollup --config --sourcemap && pnpm build-styles",
|
|
109
109
|
"cleanup": "rm -rf temp",
|
|
110
|
-
"build": "NODE_ENV=web-art-prod pnpm load-i10s && pnpm load-3d-i10s && pnpm convert-i10s-png-to-webp && pnpm generate-i10s-metadata && pnpm load-flags && pnpm generate-flags-metadata
|
|
110
|
+
"build": "NODE_ENV=web-art-prod pnpm load-i10s && pnpm load-3d-i10s && pnpm convert-i10s-png-to-webp && pnpm generate-i10s-metadata && pnpm load-flags && pnpm generate-flags-metadata",
|
|
111
111
|
"start": "storybook dev -p 3001",
|
|
112
112
|
"dev": "NODE_ENV=web-art-dev pnpm start",
|
|
113
113
|
"test": "jest",
|
|
@@ -1,40 +0,0 @@
|
|
|
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-CikWxxNh.js');
|
|
8
|
-
var jsxRuntime = require('react/jsx-runtime');
|
|
9
|
-
require('clsx');
|
|
10
|
-
require('./common-H4L6Hbbh.js');
|
|
11
|
-
|
|
12
|
-
const CheckMark = () => {
|
|
13
|
-
const modelRef = react.useRef();
|
|
14
|
-
const model = drei.useGLTF(index.defineSrc('check-mark.glb'));
|
|
15
|
-
const {
|
|
16
|
-
animations,
|
|
17
|
-
scene
|
|
18
|
-
} = model;
|
|
19
|
-
const lights = fiber.useLoader(three.ObjectLoader, index.defineSrc('check-mark-light.json'));
|
|
20
|
-
const {
|
|
21
|
-
mixer,
|
|
22
|
-
clips
|
|
23
|
-
} = drei.useAnimations(animations, modelRef);
|
|
24
|
-
fiber.useFrame(() => {
|
|
25
|
-
model.materials['Standard'].map.offset.x += -25e-4;
|
|
26
|
-
mixer.clipAction(clips[0]).play().setLoop(three.LoopOnce, 1);
|
|
27
|
-
});
|
|
28
|
-
return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
|
|
29
|
-
children: [/*#__PURE__*/jsxRuntime.jsx("primitive", {
|
|
30
|
-
ref: modelRef,
|
|
31
|
-
scale: 1.4,
|
|
32
|
-
object: scene
|
|
33
|
-
}), /*#__PURE__*/jsxRuntime.jsx("primitive", {
|
|
34
|
-
object: lights
|
|
35
|
-
})]
|
|
36
|
-
});
|
|
37
|
-
};
|
|
38
|
-
|
|
39
|
-
exports.default = CheckMark;
|
|
40
|
-
//# sourceMappingURL=CheckMark-BPrdh9Yt.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"CheckMark-BPrdh9Yt.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":";;;;;;;;;;;AAOA,MAAMA,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;AAAK,GAAE,GAAGJ,KAAK;EAEnC,MAAMK,MAAM,GAAGC,eAAS,CAACC,kBAAY,EAAEL,eAAS,CAAC,uBAAuB,CAAC,CAAC;EAE1E,MAAM;IAAEM,KAAK;AAAEC,IAAAA;AAAK,GAAE,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,EAAA,CAAC,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;KAAM,CACpD,eAAAmB,cAAA,CAAA,WAAA,EAAA;AAAWG,MAAAA,MAAM,EAAErB;AAAO,KAAA,CAC5B;AAAA,GAAA,CAAG;AAEP;;;;"}
|
|
@@ -1,38 +0,0 @@
|
|
|
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-BDrfcpm_.esm.js';
|
|
6
|
-
import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
|
|
7
|
-
import 'clsx';
|
|
8
|
-
import './common-DBpCdW70.esm.js';
|
|
9
|
-
|
|
10
|
-
const CheckMark = () => {
|
|
11
|
-
const modelRef = useRef();
|
|
12
|
-
const model = useGLTF(defineSrc('check-mark.glb'));
|
|
13
|
-
const {
|
|
14
|
-
animations,
|
|
15
|
-
scene
|
|
16
|
-
} = model;
|
|
17
|
-
const lights = useLoader(ObjectLoader, defineSrc('check-mark-light.json'));
|
|
18
|
-
const {
|
|
19
|
-
mixer,
|
|
20
|
-
clips
|
|
21
|
-
} = useAnimations(animations, modelRef);
|
|
22
|
-
useFrame(() => {
|
|
23
|
-
model.materials['Standard'].map.offset.x += -25e-4;
|
|
24
|
-
mixer.clipAction(clips[0]).play().setLoop(LoopOnce, 1);
|
|
25
|
-
});
|
|
26
|
-
return /*#__PURE__*/jsxs(Fragment, {
|
|
27
|
-
children: [/*#__PURE__*/jsx("primitive", {
|
|
28
|
-
ref: modelRef,
|
|
29
|
-
scale: 1.4,
|
|
30
|
-
object: scene
|
|
31
|
-
}), /*#__PURE__*/jsx("primitive", {
|
|
32
|
-
object: lights
|
|
33
|
-
})]
|
|
34
|
-
});
|
|
35
|
-
};
|
|
36
|
-
|
|
37
|
-
export { CheckMark as default };
|
|
38
|
-
//# sourceMappingURL=CheckMark-rvEWLRq0.esm.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"CheckMark-rvEWLRq0.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":";;;;;;;;;AAOA,MAAMA,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;AAAK,GAAE,GAAGJ,KAAK;EAEnC,MAAMK,MAAM,GAAGC,SAAS,CAACC,YAAY,EAAEL,SAAS,CAAC,uBAAuB,CAAC,CAAC;EAE1E,MAAM;IAAEM,KAAK;AAAEC,IAAAA;AAAK,GAAE,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,EAAA,CAAC,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;KAAM,CACpD,eAAAmB,GAAA,CAAA,WAAA,EAAA;AAAWG,MAAAA,MAAM,EAAErB;AAAO,KAAA,CAC5B;AAAA,GAAA,CAAG;AAEP;;;;"}
|
|
@@ -1,37 +0,0 @@
|
|
|
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-CikWxxNh.js');
|
|
8
|
-
var jsxRuntime = require('react/jsx-runtime');
|
|
9
|
-
require('clsx');
|
|
10
|
-
require('./common-H4L6Hbbh.js');
|
|
11
|
-
|
|
12
|
-
const Confetti = () => {
|
|
13
|
-
const ref = react.useRef();
|
|
14
|
-
const model = drei.useGLTF(index.defineSrc('confetti.glb'));
|
|
15
|
-
const lights = fiber.useLoader(three.ObjectLoader, index.defineSrc('confetti-light.json'));
|
|
16
|
-
const {
|
|
17
|
-
mixer,
|
|
18
|
-
clips
|
|
19
|
-
} = drei.useAnimations(model.animations, ref);
|
|
20
|
-
fiber.useFrame(() => {
|
|
21
|
-
model.materials['Tapestry WebGL'].map.offset.x += -15e-4;
|
|
22
|
-
mixer.clipAction(clips[0]).play().setLoop(three.LoopOnce, 1);
|
|
23
|
-
});
|
|
24
|
-
return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
|
|
25
|
-
children: [/*#__PURE__*/jsxRuntime.jsx("primitive", {
|
|
26
|
-
ref: ref,
|
|
27
|
-
scale: 1.5,
|
|
28
|
-
position: [0, 1.5, 0],
|
|
29
|
-
object: model.scene
|
|
30
|
-
}), /*#__PURE__*/jsxRuntime.jsx("primitive", {
|
|
31
|
-
object: lights
|
|
32
|
-
})]
|
|
33
|
-
});
|
|
34
|
-
};
|
|
35
|
-
|
|
36
|
-
exports.default = Confetti;
|
|
37
|
-
//# sourceMappingURL=Confetti-BCZWydPM.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Confetti-BCZWydPM.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":";;;;;;;;;;;AAOA,MAAMA,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,EAAA,CAAC,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;KAAM,CAC5E,eAAAJ,cAAA,CAAA,WAAA,EAAA;AAAWG,MAAAA,MAAM,EAAEtB;AAAO,KAAA,CAC5B;AAAA,GAAA,CAAG;AAEP;;;;"}
|
|
@@ -1,35 +0,0 @@
|
|
|
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-BDrfcpm_.esm.js';
|
|
6
|
-
import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
|
|
7
|
-
import 'clsx';
|
|
8
|
-
import './common-DBpCdW70.esm.js';
|
|
9
|
-
|
|
10
|
-
const Confetti = () => {
|
|
11
|
-
const ref = useRef();
|
|
12
|
-
const model = useGLTF(defineSrc('confetti.glb'));
|
|
13
|
-
const lights = useLoader(ObjectLoader, defineSrc('confetti-light.json'));
|
|
14
|
-
const {
|
|
15
|
-
mixer,
|
|
16
|
-
clips
|
|
17
|
-
} = useAnimations(model.animations, ref);
|
|
18
|
-
useFrame(() => {
|
|
19
|
-
model.materials['Tapestry WebGL'].map.offset.x += -15e-4;
|
|
20
|
-
mixer.clipAction(clips[0]).play().setLoop(LoopOnce, 1);
|
|
21
|
-
});
|
|
22
|
-
return /*#__PURE__*/jsxs(Fragment, {
|
|
23
|
-
children: [/*#__PURE__*/jsx("primitive", {
|
|
24
|
-
ref: ref,
|
|
25
|
-
scale: 1.5,
|
|
26
|
-
position: [0, 1.5, 0],
|
|
27
|
-
object: model.scene
|
|
28
|
-
}), /*#__PURE__*/jsx("primitive", {
|
|
29
|
-
object: lights
|
|
30
|
-
})]
|
|
31
|
-
});
|
|
32
|
-
};
|
|
33
|
-
|
|
34
|
-
export { Confetti as default };
|
|
35
|
-
//# sourceMappingURL=Confetti-BF1v0OJk.esm.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Confetti-BF1v0OJk.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":";;;;;;;;;AAOA,MAAMA,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,EAAA,CAAC,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;KAAM,CAC5E,eAAAJ,GAAA,CAAA,WAAA,EAAA;AAAWG,MAAAA,MAAM,EAAEtB;AAAO,KAAA,CAC5B;AAAA,GAAA,CAAG;AAEP;;;;"}
|
package/dist/Flower-4xUqkfW9.js
DELETED
|
@@ -1,30 +0,0 @@
|
|
|
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-CikWxxNh.js');
|
|
7
|
-
var jsxRuntime = require('react/jsx-runtime');
|
|
8
|
-
require('clsx');
|
|
9
|
-
require('react');
|
|
10
|
-
require('./common-H4L6Hbbh.js');
|
|
11
|
-
|
|
12
|
-
const Flower = () => {
|
|
13
|
-
const model = drei.useGLTF(index.defineSrc('flower.glb'));
|
|
14
|
-
const lights = fiber.useLoader(three.ObjectLoader, index.defineSrc('flower-light.json'));
|
|
15
|
-
fiber.useFrame(() => {
|
|
16
|
-
model.materials['Tapestry WebGL'].map.offset.x += -1e-3;
|
|
17
|
-
});
|
|
18
|
-
return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
|
|
19
|
-
children: [/*#__PURE__*/jsxRuntime.jsx("primitive", {
|
|
20
|
-
scale: 1.3,
|
|
21
|
-
position: [0, -9, 0],
|
|
22
|
-
object: model.scene
|
|
23
|
-
}), /*#__PURE__*/jsxRuntime.jsx("primitive", {
|
|
24
|
-
object: lights
|
|
25
|
-
})]
|
|
26
|
-
});
|
|
27
|
-
};
|
|
28
|
-
|
|
29
|
-
exports.default = Flower;
|
|
30
|
-
//# sourceMappingURL=Flower-4xUqkfW9.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Flower-4xUqkfW9.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":";;;;;;;;;;;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;AAEtEI,EAAAA,cAAQ,CAAC,MAAK;AACZN,IAAAA,KAAK,CAACO,SAAS,CAAC,gBAAgB,CAAC,CAACC,GAAG,CAACC,MAAM,CAACC,CAAC,IAAI,KAAM;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,EAAE,EAAE,CAAC,CAAE;MAACC,MAAM,EAAEjB,KAAK,CAACkB;KAAM,CACjE,eAAAJ,cAAA,CAAA,WAAA,EAAA;AAAWG,MAAAA,MAAM,EAAEd;AAAO,KAAA,CAC5B;AAAA,GAAA,CAAG;AAEP;;;;"}
|
|
@@ -1,28 +0,0 @@
|
|
|
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-BDrfcpm_.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 Flower = () => {
|
|
11
|
-
const model = useGLTF(defineSrc('flower.glb'));
|
|
12
|
-
const lights = useLoader(ObjectLoader, defineSrc('flower-light.json'));
|
|
13
|
-
useFrame(() => {
|
|
14
|
-
model.materials['Tapestry WebGL'].map.offset.x += -1e-3;
|
|
15
|
-
});
|
|
16
|
-
return /*#__PURE__*/jsxs(Fragment, {
|
|
17
|
-
children: [/*#__PURE__*/jsx("primitive", {
|
|
18
|
-
scale: 1.3,
|
|
19
|
-
position: [0, -9, 0],
|
|
20
|
-
object: model.scene
|
|
21
|
-
}), /*#__PURE__*/jsx("primitive", {
|
|
22
|
-
object: lights
|
|
23
|
-
})]
|
|
24
|
-
});
|
|
25
|
-
};
|
|
26
|
-
|
|
27
|
-
export { Flower as default };
|
|
28
|
-
//# sourceMappingURL=Flower-BS56WNvp.esm.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Flower-BS56WNvp.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":";;;;;;;;;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;AAEtEI,EAAAA,QAAQ,CAAC,MAAK;AACZN,IAAAA,KAAK,CAACO,SAAS,CAAC,gBAAgB,CAAC,CAACC,GAAG,CAACC,MAAM,CAACC,CAAC,IAAI,KAAM;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,EAAE,EAAE,CAAC,CAAE;MAACC,MAAM,EAAEjB,KAAK,CAACkB;KAAM,CACjE,eAAAJ,GAAA,CAAA,WAAA,EAAA;AAAWG,MAAAA,MAAM,EAAEd;AAAO,KAAA,CAC5B;AAAA,GAAA,CAAG;AAEP;;;;"}
|
package/dist/Globe-B0GciImK.js
DELETED
|
@@ -1,46 +0,0 @@
|
|
|
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-CikWxxNh.js');
|
|
7
|
-
var jsxRuntime = require('react/jsx-runtime');
|
|
8
|
-
require('clsx');
|
|
9
|
-
require('react');
|
|
10
|
-
require('./common-H4L6Hbbh.js');
|
|
11
|
-
|
|
12
|
-
const Globe = () => {
|
|
13
|
-
const {
|
|
14
|
-
scene
|
|
15
|
-
} = drei.useGLTF(index.defineSrc('globe.glb'));
|
|
16
|
-
const lights = fiber.useLoader(three.ObjectLoader, index.defineSrc('globe-light.json'));
|
|
17
|
-
const wiseLogo = fiber.useLoader(three.TextureLoader, index.defineSrc('wise-flag-map-bump.jpg'));
|
|
18
|
-
const planet = scene.getObjectByName('Globe');
|
|
19
|
-
const orbit = scene.getObjectByName('Coins_Axis_Rotation_Animate');
|
|
20
|
-
scene.traverse(child => {
|
|
21
|
-
if (child.name.startsWith('Coin_')) {
|
|
22
|
-
const mesh = child;
|
|
23
|
-
const material = mesh.material;
|
|
24
|
-
material.bumpMap = wiseLogo;
|
|
25
|
-
material.bumpMap.flipY = false;
|
|
26
|
-
mesh.castShadow = false;
|
|
27
|
-
mesh.receiveShadow = false;
|
|
28
|
-
}
|
|
29
|
-
});
|
|
30
|
-
fiber.useFrame(() => {
|
|
31
|
-
orbit.rotation.y += 0.002;
|
|
32
|
-
planet.material.map.offset.x += -2e-4;
|
|
33
|
-
});
|
|
34
|
-
return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
|
|
35
|
-
children: [/*#__PURE__*/jsxRuntime.jsx("primitive", {
|
|
36
|
-
position: [0, -10, 0],
|
|
37
|
-
scale: 1.3,
|
|
38
|
-
object: scene
|
|
39
|
-
}), /*#__PURE__*/jsxRuntime.jsx("primitive", {
|
|
40
|
-
object: lights
|
|
41
|
-
})]
|
|
42
|
-
});
|
|
43
|
-
};
|
|
44
|
-
|
|
45
|
-
exports.default = Globe;
|
|
46
|
-
//# sourceMappingURL=Globe-B0GciImK.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Globe-B0GciImK.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":";;;;;;;;;;;AAMA,MAAMA,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,IAAA;AACF,EAAA,CAAC,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,EAAA,CAAC,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;KAAM,CAC5D,eAAA8B,cAAA,CAAA,WAAA,EAAA;AAAWG,MAAAA,MAAM,EAAE9B;AAAO,KAAA,CAC5B;AAAA,GAAA,CAAG;AAEP;;;;"}
|
|
@@ -1,44 +0,0 @@
|
|
|
1
|
-
import { useGLTF } from '@react-three/drei';
|
|
2
|
-
import { useLoader, useFrame } from '@react-three/fiber';
|
|
3
|
-
import { ObjectLoader, TextureLoader } from 'three';
|
|
4
|
-
import { d as defineSrc } from './index-BDrfcpm_.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 Globe = () => {
|
|
11
|
-
const {
|
|
12
|
-
scene
|
|
13
|
-
} = useGLTF(defineSrc('globe.glb'));
|
|
14
|
-
const lights = useLoader(ObjectLoader, defineSrc('globe-light.json'));
|
|
15
|
-
const wiseLogo = useLoader(TextureLoader, defineSrc('wise-flag-map-bump.jpg'));
|
|
16
|
-
const planet = scene.getObjectByName('Globe');
|
|
17
|
-
const orbit = scene.getObjectByName('Coins_Axis_Rotation_Animate');
|
|
18
|
-
scene.traverse(child => {
|
|
19
|
-
if (child.name.startsWith('Coin_')) {
|
|
20
|
-
const mesh = child;
|
|
21
|
-
const material = mesh.material;
|
|
22
|
-
material.bumpMap = wiseLogo;
|
|
23
|
-
material.bumpMap.flipY = false;
|
|
24
|
-
mesh.castShadow = false;
|
|
25
|
-
mesh.receiveShadow = false;
|
|
26
|
-
}
|
|
27
|
-
});
|
|
28
|
-
useFrame(() => {
|
|
29
|
-
orbit.rotation.y += 0.002;
|
|
30
|
-
planet.material.map.offset.x += -2e-4;
|
|
31
|
-
});
|
|
32
|
-
return /*#__PURE__*/jsxs(Fragment, {
|
|
33
|
-
children: [/*#__PURE__*/jsx("primitive", {
|
|
34
|
-
position: [0, -10, 0],
|
|
35
|
-
scale: 1.3,
|
|
36
|
-
object: scene
|
|
37
|
-
}), /*#__PURE__*/jsx("primitive", {
|
|
38
|
-
object: lights
|
|
39
|
-
})]
|
|
40
|
-
});
|
|
41
|
-
};
|
|
42
|
-
|
|
43
|
-
export { Globe as default };
|
|
44
|
-
//# sourceMappingURL=Globe-DkoSAfVS.esm.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Globe-DkoSAfVS.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":";;;;;;;;;AAMA,MAAMA,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,IAAA;AACF,EAAA,CAAC,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,EAAA,CAAC,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;KAAM,CAC5D,eAAA8B,GAAA,CAAA,WAAA,EAAA;AAAWG,MAAAA,MAAM,EAAE9B;AAAO,KAAA,CAC5B;AAAA,GAAA,CAAG;AAEP;;;;"}
|
package/dist/Graph-BpBqjCfO.js
DELETED
|
@@ -1,34 +0,0 @@
|
|
|
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-CikWxxNh.js');
|
|
7
|
-
var jsxRuntime = require('react/jsx-runtime');
|
|
8
|
-
require('clsx');
|
|
9
|
-
require('react');
|
|
10
|
-
require('./common-H4L6Hbbh.js');
|
|
11
|
-
|
|
12
|
-
const Graph = () => {
|
|
13
|
-
const model = drei.useGLTF(index.defineSrc('graph.glb'));
|
|
14
|
-
const lights = fiber.useLoader(three.ObjectLoader, index.defineSrc('graph-light.json'));
|
|
15
|
-
fiber.useFrame(() => {
|
|
16
|
-
const {
|
|
17
|
-
offset
|
|
18
|
-
} = model.materials['Standard '].map;
|
|
19
|
-
offset.x += -15e-4;
|
|
20
|
-
offset.y += 0.0015;
|
|
21
|
-
});
|
|
22
|
-
return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
|
|
23
|
-
children: [/*#__PURE__*/jsxRuntime.jsx("primitive", {
|
|
24
|
-
scale: 1.3,
|
|
25
|
-
position: [0, -10, 0],
|
|
26
|
-
object: model.scene
|
|
27
|
-
}), /*#__PURE__*/jsxRuntime.jsx("primitive", {
|
|
28
|
-
object: lights
|
|
29
|
-
})]
|
|
30
|
-
});
|
|
31
|
-
};
|
|
32
|
-
|
|
33
|
-
exports.default = Graph;
|
|
34
|
-
//# sourceMappingURL=Graph-BpBqjCfO.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Graph-BpBqjCfO.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":";;;;;;;;;;;AAMA,MAAMA,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,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,EAAElB,KAAK,CAACmB;KAAM,CAClE,eAAAJ,cAAA,CAAA,WAAA,EAAA;AAAWG,MAAAA,MAAM,EAAEf;AAAO,KAAA,CAC5B;AAAA,GAAA,CAAG;AAEP;;;;"}
|
|
@@ -1,32 +0,0 @@
|
|
|
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-BDrfcpm_.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 Graph = () => {
|
|
11
|
-
const model = useGLTF(defineSrc('graph.glb'));
|
|
12
|
-
const lights = useLoader(ObjectLoader, defineSrc('graph-light.json'));
|
|
13
|
-
useFrame(() => {
|
|
14
|
-
const {
|
|
15
|
-
offset
|
|
16
|
-
} = model.materials['Standard '].map;
|
|
17
|
-
offset.x += -15e-4;
|
|
18
|
-
offset.y += 0.0015;
|
|
19
|
-
});
|
|
20
|
-
return /*#__PURE__*/jsxs(Fragment, {
|
|
21
|
-
children: [/*#__PURE__*/jsx("primitive", {
|
|
22
|
-
scale: 1.3,
|
|
23
|
-
position: [0, -10, 0],
|
|
24
|
-
object: model.scene
|
|
25
|
-
}), /*#__PURE__*/jsx("primitive", {
|
|
26
|
-
object: lights
|
|
27
|
-
})]
|
|
28
|
-
});
|
|
29
|
-
};
|
|
30
|
-
|
|
31
|
-
export { Graph as default };
|
|
32
|
-
//# sourceMappingURL=Graph-C6HemiNj.esm.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Graph-C6HemiNj.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":";;;;;;;;;AAMA,MAAMA,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,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,EAAElB,KAAK,CAACmB;KAAM,CAClE,eAAAJ,GAAA,CAAA,WAAA,EAAA;AAAWG,MAAAA,MAAM,EAAEf;AAAO,KAAA,CAC5B;AAAA,GAAA,CAAG;AAEP;;;;"}
|
package/dist/Illustration.css
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
img.wds-illustration{max-width:100%}.wds-illustration-padding{padding:24px}.wds-illustration-3d{display:inline-flex}.wds-illustration-3d-small{width:200px;height:200px}.wds-illustration-3d-medium{width:300px;height:300px}.wds-illustration-3d-large{width:500px;height:500px}.wds-flag{box-shadow:0 0 0 1px var(--color-border-neutral);border-radius:var(--radius-full)}.wds-illustration-rive{display:inline-flex}.wds-illustration-rive-small{width:200px;height:200px}.wds-illustration-rive-medium{width:300px;height:300px}.wds-illustration-rive-large{width:500px;height:500px}
|
|
@@ -1,51 +0,0 @@
|
|
|
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-BDrfcpm_.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-ajjCA2ag.esm.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Interest-ajjCA2ag.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;;;;"}
|
|
@@ -1,53 +0,0 @@
|
|
|
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-CikWxxNh.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-bo-lZHQD.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Interest-bo-lZHQD.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;;;;"}
|