@wise/art 2.5.0 → 2.6.0-beta.10
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 +0 -1
- package/dist/CheckMark-31f05a78.js +39 -0
- package/dist/CheckMark-31f05a78.js.map +1 -0
- package/dist/CheckMark-ea1e541e.mjs +37 -0
- package/dist/CheckMark-ea1e541e.mjs.map +1 -0
- package/dist/Confetti-6061205f.mjs +34 -0
- package/dist/Confetti-6061205f.mjs.map +1 -0
- package/dist/Confetti-8a609ba7.js +36 -0
- package/dist/Confetti-8a609ba7.js.map +1 -0
- package/dist/Flower-15fbd072.mjs +27 -0
- package/dist/Flower-15fbd072.mjs.map +1 -0
- package/dist/Flower-7efb2e8a.js +29 -0
- package/dist/Flower-7efb2e8a.js.map +1 -0
- package/dist/Globe-2ce3125a.mjs +43 -0
- package/dist/Globe-2ce3125a.mjs.map +1 -0
- package/dist/Globe-8ffb1711.js +45 -0
- package/dist/Globe-8ffb1711.js.map +1 -0
- package/dist/Graph-031f065a.js +33 -0
- package/dist/Graph-031f065a.js.map +1 -0
- package/dist/Graph-93475293.mjs +31 -0
- package/dist/Graph-93475293.mjs.map +1 -0
- package/dist/Illustration.css +19 -0
- package/dist/Jars-6a7a4725.mjs +50 -0
- package/dist/Jars-6a7a4725.mjs.map +1 -0
- package/dist/Jars-e516b2e0.js +52 -0
- package/dist/Jars-e516b2e0.js.map +1 -0
- package/dist/Lock-2aa09874.js +43 -0
- package/dist/Lock-2aa09874.js.map +1 -0
- package/dist/Lock-adefc539.mjs +41 -0
- package/dist/Lock-adefc539.mjs.map +1 -0
- package/dist/MagnifyingGlass-11ae91ce.mjs +30 -0
- package/dist/MagnifyingGlass-11ae91ce.mjs.map +1 -0
- package/dist/MagnifyingGlass-c2cb3012.js +32 -0
- package/dist/MagnifyingGlass-c2cb3012.js.map +1 -0
- package/dist/Marble-894fdc66.mjs +42 -0
- package/dist/Marble-894fdc66.mjs.map +1 -0
- package/dist/Marble-b62c2381.js +44 -0
- package/dist/Marble-b62c2381.js.map +1 -0
- package/dist/MarbleCard-5bab8f72.mjs +45 -0
- package/dist/MarbleCard-5bab8f72.mjs.map +1 -0
- package/dist/MarbleCard-89edbd62.js +47 -0
- package/dist/MarbleCard-89edbd62.js.map +1 -0
- package/dist/MultiCurrency-705852bd.js +63 -0
- package/dist/MultiCurrency-705852bd.js.map +1 -0
- package/dist/MultiCurrency-b663ef12.mjs +61 -0
- package/dist/MultiCurrency-b663ef12.mjs.map +1 -0
- package/dist/Plane-2f1801cc.mjs +37 -0
- package/dist/Plane-2f1801cc.mjs.map +1 -0
- package/dist/Plane-ce2952f8.js +39 -0
- package/dist/Plane-ce2952f8.js.map +1 -0
- package/dist/Scene-05003c4d.js +50 -0
- package/dist/Scene-05003c4d.js.map +1 -0
- package/dist/Scene-3ce02f6d.mjs +48 -0
- package/dist/Scene-3ce02f6d.mjs.map +1 -0
- package/dist/common.d.ts +15 -9
- package/dist/common.d.ts.map +1 -0
- package/dist/flags/Flag.d.ts +13 -12
- package/dist/flags/Flag.d.ts.map +1 -0
- package/dist/flags/index.d.ts +3 -2
- package/dist/flags/index.d.ts.map +1 -0
- package/dist/illustrations/Illustration.d.ts +21 -20
- package/dist/illustrations/Illustration.d.ts.map +1 -0
- package/dist/illustrations/index.d.ts +5 -4
- package/dist/illustrations/index.d.ts.map +1 -0
- package/dist/illustrations/metadata.d.ts +69 -68
- package/dist/illustrations/metadata.d.ts.map +1 -0
- package/dist/illustrations3d/Illustration3d.d.ts +11 -0
- package/dist/illustrations3d/Illustration3d.d.ts.map +1 -0
- package/dist/illustrations3d/Scene.d.ts +9 -0
- package/dist/illustrations3d/Scene.d.ts.map +1 -0
- package/dist/illustrations3d/index.d.ts +5 -0
- package/dist/illustrations3d/index.d.ts.map +1 -0
- package/dist/illustrations3d/models/CheckMark.d.ts +4 -0
- package/dist/illustrations3d/models/CheckMark.d.ts.map +1 -0
- package/dist/illustrations3d/models/Confetti.d.ts +4 -0
- package/dist/illustrations3d/models/Confetti.d.ts.map +1 -0
- package/dist/illustrations3d/models/Flower.d.ts +4 -0
- package/dist/illustrations3d/models/Flower.d.ts.map +1 -0
- package/dist/illustrations3d/models/Globe.d.ts +4 -0
- package/dist/illustrations3d/models/Globe.d.ts.map +1 -0
- package/dist/illustrations3d/models/Graph.d.ts +4 -0
- package/dist/illustrations3d/models/Graph.d.ts.map +1 -0
- package/dist/illustrations3d/models/Jars.d.ts +4 -0
- package/dist/illustrations3d/models/Jars.d.ts.map +1 -0
- package/dist/illustrations3d/models/Lock.d.ts +4 -0
- package/dist/illustrations3d/models/Lock.d.ts.map +1 -0
- package/dist/illustrations3d/models/MagnifyingGlass.d.ts +4 -0
- package/dist/illustrations3d/models/MagnifyingGlass.d.ts.map +1 -0
- package/dist/illustrations3d/models/Marble.d.ts +4 -0
- package/dist/illustrations3d/models/Marble.d.ts.map +1 -0
- package/dist/illustrations3d/models/MarbleCard.d.ts +4 -0
- package/dist/illustrations3d/models/MarbleCard.d.ts.map +1 -0
- package/dist/illustrations3d/models/MultiCurrency.d.ts +4 -0
- package/dist/illustrations3d/models/MultiCurrency.d.ts.map +1 -0
- package/dist/illustrations3d/models/Plane.d.ts +4 -0
- package/dist/illustrations3d/models/Plane.d.ts.map +1 -0
- package/dist/illustrations3d/utils.d.ts +9 -0
- package/dist/illustrations3d/utils.d.ts.map +1 -0
- package/dist/index-65e9686e.mjs +325 -0
- package/dist/index-65e9686e.mjs.map +1 -0
- package/dist/index-897e0762.js +332 -0
- package/dist/index-897e0762.js.map +1 -0
- package/dist/index.d.ts +10 -6
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +21 -1
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +5 -0
- package/dist/index.mjs.map +1 -0
- package/package.json +48 -24
- package/src/common.ts +17 -0
- package/src/flags/Flag.stories.tsx +19 -0
- package/src/flags/Flag.tsx +40 -0
- package/src/flags/index.ts +2 -0
- package/src/illustrations/Illustration.css +27 -0
- package/src/illustrations/Illustration.stories.tsx +33 -0
- package/src/illustrations/Illustration.tsx +95 -0
- package/src/illustrations/index.ts +5 -0
- package/src/illustrations/metadata.ts +141 -0
- package/src/illustrations3d/Illustration3d.stories.tsx +89 -0
- package/src/illustrations3d/Illustration3d.tsx +133 -0
- package/src/illustrations3d/Scene.tsx +54 -0
- package/src/illustrations3d/index.ts +6 -0
- package/src/illustrations3d/models/CheckMark.tsx +30 -0
- package/src/illustrations3d/models/Confetti.tsx +29 -0
- package/src/illustrations3d/models/Flower.tsx +24 -0
- package/src/illustrations3d/models/Globe.tsx +41 -0
- package/src/illustrations3d/models/Graph.tsx +26 -0
- package/src/illustrations3d/models/Jars.tsx +46 -0
- package/src/illustrations3d/models/Lock.tsx +38 -0
- package/src/illustrations3d/models/MagnifyingGlass.tsx +30 -0
- package/src/illustrations3d/models/Marble.tsx +56 -0
- package/src/illustrations3d/models/MarbleCard.tsx +61 -0
- package/src/illustrations3d/models/MultiCurrency.tsx +57 -0
- package/src/illustrations3d/models/Plane.tsx +32 -0
- package/src/illustrations3d/utils.ts +68 -0
- package/src/index.ts +12 -0
- package/dist/flags/Flag.stories.d.ts +0 -6
- package/dist/illustrations/Illustration.stories.d.ts +0 -19
- package/dist/index.modern.mjs +0 -2
- package/dist/index.modern.mjs.map +0 -1
- package/dist/index.module.js +0 -2
- package/dist/index.module.js.map +0 -1
- package/dist/index.umd.js +0 -2
- package/dist/index.umd.js.map +0 -1
|
@@ -0,0 +1,32 @@
|
|
|
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-897e0762.js');
|
|
7
|
+
var jsxRuntime = require('react/jsx-runtime');
|
|
8
|
+
require('react');
|
|
9
|
+
require('clsx');
|
|
10
|
+
|
|
11
|
+
const MagnifyingGlass = () => {
|
|
12
|
+
const model = drei.useGLTF(index.defineSrc(`magnifying-glass.gltf`));
|
|
13
|
+
const lights = fiber.useLoader(three.ObjectLoader, index.defineSrc('magnifying-glass-light.json'));
|
|
14
|
+
const lens = model.scene.getObjectByName('Optimised_lens');
|
|
15
|
+
fiber.useFrame(() => {
|
|
16
|
+
lens.material.transparent = true;
|
|
17
|
+
lens.material.opacity = 0.8;
|
|
18
|
+
model.materials['Tapestry WebGL'].map.offset.x += -0.0006;
|
|
19
|
+
});
|
|
20
|
+
return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
|
|
21
|
+
children: [/*#__PURE__*/jsxRuntime.jsx("primitive", {
|
|
22
|
+
scale: 1.5,
|
|
23
|
+
position: [0, -12, 0],
|
|
24
|
+
object: model.scene
|
|
25
|
+
}), /*#__PURE__*/jsxRuntime.jsx("primitive", {
|
|
26
|
+
object: lights
|
|
27
|
+
})]
|
|
28
|
+
});
|
|
29
|
+
};
|
|
30
|
+
|
|
31
|
+
exports.default = MagnifyingGlass;
|
|
32
|
+
//# sourceMappingURL=MagnifyingGlass-c2cb3012.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MagnifyingGlass-c2cb3012.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -0,0 +1,42 @@
|
|
|
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-65e9686e.mjs';
|
|
5
|
+
import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
|
|
6
|
+
import 'react';
|
|
7
|
+
import 'clsx';
|
|
8
|
+
|
|
9
|
+
const Marble = () => {
|
|
10
|
+
const model = useGLTF(defineSrc('marble.gltf'));
|
|
11
|
+
const lights = useLoader(ObjectLoader, defineSrc('marble-light.json'));
|
|
12
|
+
const sphere = model.scene.getObjectByName('Sphere1');
|
|
13
|
+
sphere.material.depthTest = true;
|
|
14
|
+
const stripeBottom = model.scene.getObjectByName('Strip_Center_Big_(4th_-_Bottom_Layer)');
|
|
15
|
+
stripeBottom.material.depthTest = false;
|
|
16
|
+
stripeBottom.renderOrder = 1;
|
|
17
|
+
const stripeLeft = model.scene.getObjectByName('Strip_Left_(3rd)');
|
|
18
|
+
stripeLeft.material.depthTest = false;
|
|
19
|
+
stripeLeft.renderOrder = 2;
|
|
20
|
+
const stripeRight = model.scene.getObjectByName('Strip_Left_(3rd)');
|
|
21
|
+
stripeRight.material.depthTest = false;
|
|
22
|
+
stripeRight.renderOrder = 3;
|
|
23
|
+
const stripeTop = model.scene.getObjectByName('Strip_Center_(1st_-_Top_Layer)');
|
|
24
|
+
stripeTop.material.depthTest = false;
|
|
25
|
+
stripeTop.renderOrder = 4;
|
|
26
|
+
const animatedMaps = [sphere, stripeTop, stripeBottom, stripeLeft, stripeRight].map(object => object.material.map);
|
|
27
|
+
useFrame(() => {
|
|
28
|
+
animatedMaps.forEach(map => map.offset.y += -0.0015);
|
|
29
|
+
});
|
|
30
|
+
return /*#__PURE__*/jsxs(Fragment, {
|
|
31
|
+
children: [/*#__PURE__*/jsx("primitive", {
|
|
32
|
+
scale: 1.4,
|
|
33
|
+
position: [0, -11, 0],
|
|
34
|
+
object: model.scene
|
|
35
|
+
}), /*#__PURE__*/jsx("primitive", {
|
|
36
|
+
object: lights
|
|
37
|
+
})]
|
|
38
|
+
});
|
|
39
|
+
};
|
|
40
|
+
|
|
41
|
+
export { Marble as default };
|
|
42
|
+
//# sourceMappingURL=Marble-894fdc66.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Marble-894fdc66.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -0,0 +1,44 @@
|
|
|
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-897e0762.js');
|
|
7
|
+
var jsxRuntime = require('react/jsx-runtime');
|
|
8
|
+
require('react');
|
|
9
|
+
require('clsx');
|
|
10
|
+
|
|
11
|
+
const Marble = () => {
|
|
12
|
+
const model = drei.useGLTF(index.defineSrc('marble.gltf'));
|
|
13
|
+
const lights = fiber.useLoader(three.ObjectLoader, index.defineSrc('marble-light.json'));
|
|
14
|
+
const sphere = model.scene.getObjectByName('Sphere1');
|
|
15
|
+
sphere.material.depthTest = true;
|
|
16
|
+
const stripeBottom = model.scene.getObjectByName('Strip_Center_Big_(4th_-_Bottom_Layer)');
|
|
17
|
+
stripeBottom.material.depthTest = false;
|
|
18
|
+
stripeBottom.renderOrder = 1;
|
|
19
|
+
const stripeLeft = model.scene.getObjectByName('Strip_Left_(3rd)');
|
|
20
|
+
stripeLeft.material.depthTest = false;
|
|
21
|
+
stripeLeft.renderOrder = 2;
|
|
22
|
+
const stripeRight = model.scene.getObjectByName('Strip_Left_(3rd)');
|
|
23
|
+
stripeRight.material.depthTest = false;
|
|
24
|
+
stripeRight.renderOrder = 3;
|
|
25
|
+
const stripeTop = model.scene.getObjectByName('Strip_Center_(1st_-_Top_Layer)');
|
|
26
|
+
stripeTop.material.depthTest = false;
|
|
27
|
+
stripeTop.renderOrder = 4;
|
|
28
|
+
const animatedMaps = [sphere, stripeTop, stripeBottom, stripeLeft, stripeRight].map(object => object.material.map);
|
|
29
|
+
fiber.useFrame(() => {
|
|
30
|
+
animatedMaps.forEach(map => map.offset.y += -0.0015);
|
|
31
|
+
});
|
|
32
|
+
return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
|
|
33
|
+
children: [/*#__PURE__*/jsxRuntime.jsx("primitive", {
|
|
34
|
+
scale: 1.4,
|
|
35
|
+
position: [0, -11, 0],
|
|
36
|
+
object: model.scene
|
|
37
|
+
}), /*#__PURE__*/jsxRuntime.jsx("primitive", {
|
|
38
|
+
object: lights
|
|
39
|
+
})]
|
|
40
|
+
});
|
|
41
|
+
};
|
|
42
|
+
|
|
43
|
+
exports.default = Marble;
|
|
44
|
+
//# sourceMappingURL=Marble-b62c2381.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Marble-b62c2381.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -0,0 +1,45 @@
|
|
|
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-65e9686e.mjs';
|
|
5
|
+
import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
|
|
6
|
+
import 'react';
|
|
7
|
+
import 'clsx';
|
|
8
|
+
|
|
9
|
+
const MarbleCard = () => {
|
|
10
|
+
const model = useGLTF(defineSrc('marble-card.gltf'));
|
|
11
|
+
const lights = useLoader(ObjectLoader, defineSrc('marble-card-light.json'));
|
|
12
|
+
const sphere = model.scene.getObjectByName('Sphere1');
|
|
13
|
+
sphere.material.depthTest = true;
|
|
14
|
+
const stripeBottom = model.scene.getObjectByName('Strip_Center_Big_(4th_-_Bottom_Layer)');
|
|
15
|
+
stripeBottom.material.depthTest = false;
|
|
16
|
+
stripeBottom.renderOrder = 1;
|
|
17
|
+
const stripeLeft = model.scene.getObjectByName('Strip_Left_(3rd)');
|
|
18
|
+
stripeLeft.material.depthTest = false;
|
|
19
|
+
stripeLeft.renderOrder = 2;
|
|
20
|
+
const stripeRight = model.scene.getObjectByName('Strip_Right_(2nd)');
|
|
21
|
+
stripeRight.material.depthTest = false;
|
|
22
|
+
stripeRight.renderOrder = 3;
|
|
23
|
+
const stripeTop = model.scene.getObjectByName('Strip_Center_(1st_-_Top_Layer)');
|
|
24
|
+
stripeTop.material.depthTest = false;
|
|
25
|
+
stripeTop.renderOrder = 4;
|
|
26
|
+
const card = model.scene.getObjectByName('Plane');
|
|
27
|
+
card.material.depthTest = false;
|
|
28
|
+
card.material.metalness = 0;
|
|
29
|
+
const animatedMaps = [sphere, stripeTop, stripeBottom, stripeLeft, stripeRight].map(object => object.material.map);
|
|
30
|
+
useFrame(() => {
|
|
31
|
+
animatedMaps.forEach(map => map.offset.y += -0.0015);
|
|
32
|
+
});
|
|
33
|
+
return /*#__PURE__*/jsxs(Fragment, {
|
|
34
|
+
children: [/*#__PURE__*/jsx("primitive", {
|
|
35
|
+
scale: 1.4,
|
|
36
|
+
position: [0, -10, 0],
|
|
37
|
+
object: model.scene
|
|
38
|
+
}), /*#__PURE__*/jsx("primitive", {
|
|
39
|
+
object: lights
|
|
40
|
+
})]
|
|
41
|
+
});
|
|
42
|
+
};
|
|
43
|
+
|
|
44
|
+
export { MarbleCard as default };
|
|
45
|
+
//# sourceMappingURL=MarbleCard-5bab8f72.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MarbleCard-5bab8f72.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -0,0 +1,47 @@
|
|
|
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-897e0762.js');
|
|
7
|
+
var jsxRuntime = require('react/jsx-runtime');
|
|
8
|
+
require('react');
|
|
9
|
+
require('clsx');
|
|
10
|
+
|
|
11
|
+
const MarbleCard = () => {
|
|
12
|
+
const model = drei.useGLTF(index.defineSrc('marble-card.gltf'));
|
|
13
|
+
const lights = fiber.useLoader(three.ObjectLoader, index.defineSrc('marble-card-light.json'));
|
|
14
|
+
const sphere = model.scene.getObjectByName('Sphere1');
|
|
15
|
+
sphere.material.depthTest = true;
|
|
16
|
+
const stripeBottom = model.scene.getObjectByName('Strip_Center_Big_(4th_-_Bottom_Layer)');
|
|
17
|
+
stripeBottom.material.depthTest = false;
|
|
18
|
+
stripeBottom.renderOrder = 1;
|
|
19
|
+
const stripeLeft = model.scene.getObjectByName('Strip_Left_(3rd)');
|
|
20
|
+
stripeLeft.material.depthTest = false;
|
|
21
|
+
stripeLeft.renderOrder = 2;
|
|
22
|
+
const stripeRight = model.scene.getObjectByName('Strip_Right_(2nd)');
|
|
23
|
+
stripeRight.material.depthTest = false;
|
|
24
|
+
stripeRight.renderOrder = 3;
|
|
25
|
+
const stripeTop = model.scene.getObjectByName('Strip_Center_(1st_-_Top_Layer)');
|
|
26
|
+
stripeTop.material.depthTest = false;
|
|
27
|
+
stripeTop.renderOrder = 4;
|
|
28
|
+
const card = model.scene.getObjectByName('Plane');
|
|
29
|
+
card.material.depthTest = false;
|
|
30
|
+
card.material.metalness = 0;
|
|
31
|
+
const animatedMaps = [sphere, stripeTop, stripeBottom, stripeLeft, stripeRight].map(object => object.material.map);
|
|
32
|
+
fiber.useFrame(() => {
|
|
33
|
+
animatedMaps.forEach(map => map.offset.y += -0.0015);
|
|
34
|
+
});
|
|
35
|
+
return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
|
|
36
|
+
children: [/*#__PURE__*/jsxRuntime.jsx("primitive", {
|
|
37
|
+
scale: 1.4,
|
|
38
|
+
position: [0, -10, 0],
|
|
39
|
+
object: model.scene
|
|
40
|
+
}), /*#__PURE__*/jsxRuntime.jsx("primitive", {
|
|
41
|
+
object: lights
|
|
42
|
+
})]
|
|
43
|
+
});
|
|
44
|
+
};
|
|
45
|
+
|
|
46
|
+
exports.default = MarbleCard;
|
|
47
|
+
//# sourceMappingURL=MarbleCard-89edbd62.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MarbleCard-89edbd62.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -0,0 +1,63 @@
|
|
|
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-897e0762.js');
|
|
7
|
+
var jsxRuntime = require('react/jsx-runtime');
|
|
8
|
+
require('react');
|
|
9
|
+
require('clsx');
|
|
10
|
+
|
|
11
|
+
const MultiCurrency = () => {
|
|
12
|
+
const ref = useRef();
|
|
13
|
+
const model = drei.useGLTF(index.defineSrc(`multi-currency.gltf`));
|
|
14
|
+
const lights = fiber.useLoader(three.ObjectLoader, index.defineSrc('multi-currency-light.json'));
|
|
15
|
+
const wiseLogo = fiber.useLoader(three.TextureLoader, index.defineSrc('wise-flag-map-bump.jpg'));
|
|
16
|
+
const animatedMaps = [];
|
|
17
|
+
model.scene.traverse(child => {
|
|
18
|
+
if (child.name.includes('Note')) {
|
|
19
|
+
child.castShadow = true;
|
|
20
|
+
child.receiveShadow = true;
|
|
21
|
+
}
|
|
22
|
+
if (child.name.startsWith('Coin_') && child.isMesh) {
|
|
23
|
+
const {
|
|
24
|
+
material
|
|
25
|
+
} = child;
|
|
26
|
+
material.bumpMap = wiseLogo;
|
|
27
|
+
material.bumpMap.flipY = false;
|
|
28
|
+
material.bumpScale = 1;
|
|
29
|
+
material.color = new three.Color(0.49, 0.49, 0.49);
|
|
30
|
+
child.castShadow = false;
|
|
31
|
+
child.receiveShadow = false;
|
|
32
|
+
}
|
|
33
|
+
if (child.name.startsWith('NoteBase_') && child.isMesh) {
|
|
34
|
+
animatedMaps.push(child.material.map);
|
|
35
|
+
}
|
|
36
|
+
if (child.name.includes('Wise') && child.isMesh) {
|
|
37
|
+
animatedMaps.push(child.material.map);
|
|
38
|
+
}
|
|
39
|
+
});
|
|
40
|
+
const {
|
|
41
|
+
mixer,
|
|
42
|
+
clips
|
|
43
|
+
} = drei.useAnimations(model.animations, ref);
|
|
44
|
+
fiber.useFrame(() => {
|
|
45
|
+
animatedMaps.forEach(animatedMap => {
|
|
46
|
+
animatedMap.offset.x += 0.001;
|
|
47
|
+
});
|
|
48
|
+
mixer.clipAction(clips[0]).play();
|
|
49
|
+
});
|
|
50
|
+
return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
|
|
51
|
+
children: [/*#__PURE__*/jsxRuntime.jsx("primitive", {
|
|
52
|
+
ref: ref,
|
|
53
|
+
position: [-0.5, -10, 0],
|
|
54
|
+
scale: 1.3,
|
|
55
|
+
object: model.scene
|
|
56
|
+
}), /*#__PURE__*/jsxRuntime.jsx("primitive", {
|
|
57
|
+
object: lights
|
|
58
|
+
})]
|
|
59
|
+
});
|
|
60
|
+
};
|
|
61
|
+
|
|
62
|
+
exports.default = MultiCurrency;
|
|
63
|
+
//# sourceMappingURL=MultiCurrency-705852bd.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MultiCurrency-705852bd.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -0,0 +1,61 @@
|
|
|
1
|
+
import { useGLTF, useAnimations } from '@react-three/drei';
|
|
2
|
+
import { useLoader, useFrame } from '@react-three/fiber';
|
|
3
|
+
import { ObjectLoader, TextureLoader, Color } from 'three';
|
|
4
|
+
import { d as defineSrc } from './index-65e9686e.mjs';
|
|
5
|
+
import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
|
|
6
|
+
import 'react';
|
|
7
|
+
import 'clsx';
|
|
8
|
+
|
|
9
|
+
const MultiCurrency = () => {
|
|
10
|
+
const ref = useRef();
|
|
11
|
+
const model = useGLTF(defineSrc(`multi-currency.gltf`));
|
|
12
|
+
const lights = useLoader(ObjectLoader, defineSrc('multi-currency-light.json'));
|
|
13
|
+
const wiseLogo = useLoader(TextureLoader, defineSrc('wise-flag-map-bump.jpg'));
|
|
14
|
+
const animatedMaps = [];
|
|
15
|
+
model.scene.traverse(child => {
|
|
16
|
+
if (child.name.includes('Note')) {
|
|
17
|
+
child.castShadow = true;
|
|
18
|
+
child.receiveShadow = true;
|
|
19
|
+
}
|
|
20
|
+
if (child.name.startsWith('Coin_') && child.isMesh) {
|
|
21
|
+
const {
|
|
22
|
+
material
|
|
23
|
+
} = child;
|
|
24
|
+
material.bumpMap = wiseLogo;
|
|
25
|
+
material.bumpMap.flipY = false;
|
|
26
|
+
material.bumpScale = 1;
|
|
27
|
+
material.color = new Color(0.49, 0.49, 0.49);
|
|
28
|
+
child.castShadow = false;
|
|
29
|
+
child.receiveShadow = false;
|
|
30
|
+
}
|
|
31
|
+
if (child.name.startsWith('NoteBase_') && child.isMesh) {
|
|
32
|
+
animatedMaps.push(child.material.map);
|
|
33
|
+
}
|
|
34
|
+
if (child.name.includes('Wise') && child.isMesh) {
|
|
35
|
+
animatedMaps.push(child.material.map);
|
|
36
|
+
}
|
|
37
|
+
});
|
|
38
|
+
const {
|
|
39
|
+
mixer,
|
|
40
|
+
clips
|
|
41
|
+
} = useAnimations(model.animations, ref);
|
|
42
|
+
useFrame(() => {
|
|
43
|
+
animatedMaps.forEach(animatedMap => {
|
|
44
|
+
animatedMap.offset.x += 0.001;
|
|
45
|
+
});
|
|
46
|
+
mixer.clipAction(clips[0]).play();
|
|
47
|
+
});
|
|
48
|
+
return /*#__PURE__*/jsxs(Fragment, {
|
|
49
|
+
children: [/*#__PURE__*/jsx("primitive", {
|
|
50
|
+
ref: ref,
|
|
51
|
+
position: [-0.5, -10, 0],
|
|
52
|
+
scale: 1.3,
|
|
53
|
+
object: model.scene
|
|
54
|
+
}), /*#__PURE__*/jsx("primitive", {
|
|
55
|
+
object: lights
|
|
56
|
+
})]
|
|
57
|
+
});
|
|
58
|
+
};
|
|
59
|
+
|
|
60
|
+
export { MultiCurrency as default };
|
|
61
|
+
//# sourceMappingURL=MultiCurrency-b663ef12.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MultiCurrency-b663ef12.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
import { useGLTF, useAnimations } from '@react-three/drei';
|
|
2
|
+
import { useLoader, useFrame } from '@react-three/fiber';
|
|
3
|
+
import { ObjectLoader } from 'three';
|
|
4
|
+
import { d as defineSrc } from './index-65e9686e.mjs';
|
|
5
|
+
import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
|
|
6
|
+
import 'react';
|
|
7
|
+
import 'clsx';
|
|
8
|
+
|
|
9
|
+
const Plane = () => {
|
|
10
|
+
const ref = useRef();
|
|
11
|
+
const model = useGLTF(defineSrc('plane.gltf'));
|
|
12
|
+
const lights = useLoader(ObjectLoader, defineSrc('plane-light.json'));
|
|
13
|
+
const plane = model.scene.getObjectByName('Plane_6_update');
|
|
14
|
+
const {
|
|
15
|
+
mixer,
|
|
16
|
+
clips
|
|
17
|
+
} = useAnimations(model.animations, ref);
|
|
18
|
+
useFrame(() => {
|
|
19
|
+
model.materials['Tapestry WebGL'].map.offset.y += 0.018;
|
|
20
|
+
plane.position.x = 0.45;
|
|
21
|
+
plane.position.y = 7.5;
|
|
22
|
+
mixer.clipAction(clips[0]).play();
|
|
23
|
+
});
|
|
24
|
+
return /*#__PURE__*/jsxs(Fragment, {
|
|
25
|
+
children: [/*#__PURE__*/jsx("primitive", {
|
|
26
|
+
ref: ref,
|
|
27
|
+
scale: 1.3,
|
|
28
|
+
position: [0, -7, 0],
|
|
29
|
+
object: model.scene
|
|
30
|
+
}), /*#__PURE__*/jsx("primitive", {
|
|
31
|
+
object: lights
|
|
32
|
+
})]
|
|
33
|
+
});
|
|
34
|
+
};
|
|
35
|
+
|
|
36
|
+
export { Plane as default };
|
|
37
|
+
//# sourceMappingURL=Plane-2f1801cc.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Plane-2f1801cc.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -0,0 +1,39 @@
|
|
|
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-897e0762.js');
|
|
7
|
+
var jsxRuntime = require('react/jsx-runtime');
|
|
8
|
+
require('react');
|
|
9
|
+
require('clsx');
|
|
10
|
+
|
|
11
|
+
const Plane = () => {
|
|
12
|
+
const ref = useRef();
|
|
13
|
+
const model = drei.useGLTF(index.defineSrc('plane.gltf'));
|
|
14
|
+
const lights = fiber.useLoader(three.ObjectLoader, index.defineSrc('plane-light.json'));
|
|
15
|
+
const plane = model.scene.getObjectByName('Plane_6_update');
|
|
16
|
+
const {
|
|
17
|
+
mixer,
|
|
18
|
+
clips
|
|
19
|
+
} = drei.useAnimations(model.animations, ref);
|
|
20
|
+
fiber.useFrame(() => {
|
|
21
|
+
model.materials['Tapestry WebGL'].map.offset.y += 0.018;
|
|
22
|
+
plane.position.x = 0.45;
|
|
23
|
+
plane.position.y = 7.5;
|
|
24
|
+
mixer.clipAction(clips[0]).play();
|
|
25
|
+
});
|
|
26
|
+
return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
|
|
27
|
+
children: [/*#__PURE__*/jsxRuntime.jsx("primitive", {
|
|
28
|
+
ref: ref,
|
|
29
|
+
scale: 1.3,
|
|
30
|
+
position: [0, -7, 0],
|
|
31
|
+
object: model.scene
|
|
32
|
+
}), /*#__PURE__*/jsxRuntime.jsx("primitive", {
|
|
33
|
+
object: lights
|
|
34
|
+
})]
|
|
35
|
+
});
|
|
36
|
+
};
|
|
37
|
+
|
|
38
|
+
exports.default = Plane;
|
|
39
|
+
//# sourceMappingURL=Plane-ce2952f8.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Plane-ce2952f8.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -0,0 +1,50 @@
|
|
|
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-897e0762.js');
|
|
7
|
+
var jsxRuntime = require('react/jsx-runtime');
|
|
8
|
+
require('react');
|
|
9
|
+
require('clsx');
|
|
10
|
+
|
|
11
|
+
/* eslint-disable react/forbid-dom-props */
|
|
12
|
+
/* eslint-disable react/function-component-definition */
|
|
13
|
+
function Scene({
|
|
14
|
+
children,
|
|
15
|
+
assetName,
|
|
16
|
+
size = index.Sizes.MEDIUM
|
|
17
|
+
}) {
|
|
18
|
+
const castShadows = [index.Assets.LOCK, index.Assets.MULTI_CURRENCY, index.Assets.MAGNIFYING_GLASS].includes(assetName);
|
|
19
|
+
return /*#__PURE__*/jsxRuntime.jsxs(fiber.Canvas, {
|
|
20
|
+
onCreated: ({
|
|
21
|
+
gl
|
|
22
|
+
}) => {
|
|
23
|
+
gl.setClearColor(0x000000, 0);
|
|
24
|
+
gl.setSize(index.ImageSizes[size], index.ImageSizes[size]);
|
|
25
|
+
gl.clearDepth();
|
|
26
|
+
},
|
|
27
|
+
gl: {
|
|
28
|
+
alpha: true,
|
|
29
|
+
antialias: true,
|
|
30
|
+
pixelRatio: window.devicePixelRatio * 1,
|
|
31
|
+
toneMapping: three.LinearToneMapping,
|
|
32
|
+
outputColorSpace: three.SRGBColorSpace
|
|
33
|
+
},
|
|
34
|
+
shadows: {
|
|
35
|
+
type: three.PCFShadowMap,
|
|
36
|
+
enabled: castShadows
|
|
37
|
+
},
|
|
38
|
+
children: [/*#__PURE__*/jsxRuntime.jsx(drei.PerspectiveCamera, {
|
|
39
|
+
makeDefault: true,
|
|
40
|
+
far: 1000000000000,
|
|
41
|
+
near: 0.1,
|
|
42
|
+
fov: 10.29,
|
|
43
|
+
aspect: window.innerWidth / window.innerHeight,
|
|
44
|
+
position: [0, 0, 100]
|
|
45
|
+
}), children]
|
|
46
|
+
});
|
|
47
|
+
}
|
|
48
|
+
|
|
49
|
+
exports.default = Scene;
|
|
50
|
+
//# sourceMappingURL=Scene-05003c4d.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Scene-05003c4d.js","sources":["../src/illustrations3d/Scene.tsx"],"sourcesContent":[null],"names":["Scene","children","assetName","size","Sizes","MEDIUM"],"mappings":";;;;;;;;;;AAIA;AAGA;AAUwB,SAAAA,KAAKA,CAAC;EAAEC,QAAQ;EAAEC,SAAS;EAAEC,IAAmB,GAAEC,YAAOC,MAAAA;AAoChF,CAAA,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
import { PerspectiveCamera } from '@react-three/drei';
|
|
2
|
+
import { Canvas } from '@react-three/fiber';
|
|
3
|
+
import { LinearToneMapping, SRGBColorSpace, PCFShadowMap } from 'three';
|
|
4
|
+
import { A as Assets, I as ImageSizes, S as Sizes } from './index-65e9686e.mjs';
|
|
5
|
+
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
6
|
+
import 'react';
|
|
7
|
+
import 'clsx';
|
|
8
|
+
|
|
9
|
+
/* eslint-disable react/forbid-dom-props */
|
|
10
|
+
/* eslint-disable react/function-component-definition */
|
|
11
|
+
function Scene({
|
|
12
|
+
children,
|
|
13
|
+
assetName,
|
|
14
|
+
size = Sizes.MEDIUM
|
|
15
|
+
}) {
|
|
16
|
+
const castShadows = [Assets.LOCK, Assets.MULTI_CURRENCY, Assets.MAGNIFYING_GLASS].includes(assetName);
|
|
17
|
+
return /*#__PURE__*/jsxs(Canvas, {
|
|
18
|
+
onCreated: ({
|
|
19
|
+
gl
|
|
20
|
+
}) => {
|
|
21
|
+
gl.setClearColor(0x000000, 0);
|
|
22
|
+
gl.setSize(ImageSizes[size], ImageSizes[size]);
|
|
23
|
+
gl.clearDepth();
|
|
24
|
+
},
|
|
25
|
+
gl: {
|
|
26
|
+
alpha: true,
|
|
27
|
+
antialias: true,
|
|
28
|
+
pixelRatio: window.devicePixelRatio * 1,
|
|
29
|
+
toneMapping: LinearToneMapping,
|
|
30
|
+
outputColorSpace: SRGBColorSpace
|
|
31
|
+
},
|
|
32
|
+
shadows: {
|
|
33
|
+
type: PCFShadowMap,
|
|
34
|
+
enabled: castShadows
|
|
35
|
+
},
|
|
36
|
+
children: [/*#__PURE__*/jsx(PerspectiveCamera, {
|
|
37
|
+
makeDefault: true,
|
|
38
|
+
far: 1000000000000,
|
|
39
|
+
near: 0.1,
|
|
40
|
+
fov: 10.29,
|
|
41
|
+
aspect: window.innerWidth / window.innerHeight,
|
|
42
|
+
position: [0, 0, 100]
|
|
43
|
+
}), children]
|
|
44
|
+
});
|
|
45
|
+
}
|
|
46
|
+
|
|
47
|
+
export { Scene as default };
|
|
48
|
+
//# sourceMappingURL=Scene-3ce02f6d.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Scene-3ce02f6d.mjs","sources":["../src/illustrations3d/Scene.tsx"],"sourcesContent":[null],"names":["Scene","children","assetName","size","Sizes","MEDIUM"],"mappings":";;;;;;;;AAIA;AAGA;AAUwB,SAAAA,KAAKA,CAAC;EAAEC,QAAQ;EAAEC,SAAS;EAAEC,IAAmB,GAAEC,MAAOC,MAAAA;AAoChF,CAAA,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
package/dist/common.d.ts
CHANGED
|
@@ -1,9 +1,15 @@
|
|
|
1
|
-
export declare enum Sizes {
|
|
2
|
-
SMALL = "small",
|
|
3
|
-
MEDIUM = "medium",
|
|
4
|
-
LARGE = "large"
|
|
5
|
-
}
|
|
6
|
-
export
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
1
|
+
export declare enum Sizes {
|
|
2
|
+
SMALL = "small",
|
|
3
|
+
MEDIUM = "medium",
|
|
4
|
+
LARGE = "large"
|
|
5
|
+
}
|
|
6
|
+
export declare const ImageSizes: {
|
|
7
|
+
small: number;
|
|
8
|
+
medium: number;
|
|
9
|
+
large: number;
|
|
10
|
+
};
|
|
11
|
+
export type LargeSize = 'large';
|
|
12
|
+
export type MediumSize = 'medium';
|
|
13
|
+
export type SmallSize = 'small';
|
|
14
|
+
export type Descriptors = '1x' | '1.5x' | '2x' | '3x' | '4x';
|
|
15
|
+
//# sourceMappingURL=common.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"common.d.ts","sourceRoot":"","sources":["../src/common.ts"],"names":[],"mappings":"AAAA,oBAAY,KAAK;IACf,KAAK,UAAU;IACf,MAAM,WAAW;IACjB,KAAK,UAAU;CAChB;AAED,eAAO,MAAM,UAAU;;;;CAItB,CAAC;AAEF,MAAM,MAAM,SAAS,GAAG,OAAO,CAAC;AAChC,MAAM,MAAM,UAAU,GAAG,QAAQ,CAAC;AAClC,MAAM,MAAM,SAAS,GAAG,OAAO,CAAC;AAEhC,MAAM,MAAM,WAAW,GAAG,IAAI,GAAG,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC"}
|
package/dist/flags/Flag.d.ts
CHANGED
|
@@ -1,12 +1,13 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
export interface FlagProps {
|
|
3
|
-
/**
|
|
4
|
-
* Two-letter country code (ISO 3166-1 alpha-2) or three-letter currency code (ISO 4217).
|
|
5
|
-
*/
|
|
6
|
-
code: string;
|
|
7
|
-
/**
|
|
8
|
-
* Width and height to reserve for the underlying image, in pixels. A detailed variant is shown from 150px and above.
|
|
9
|
-
*/
|
|
10
|
-
intrinsicSize?: number;
|
|
11
|
-
}
|
|
12
|
-
export declare const Flag: ({ code, intrinsicSize }: FlagProps) => import("react").JSX.Element;
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
export interface FlagProps {
|
|
3
|
+
/**
|
|
4
|
+
* Two-letter country code (ISO 3166-1 alpha-2) or three-letter currency code (ISO 4217).
|
|
5
|
+
*/
|
|
6
|
+
code: string;
|
|
7
|
+
/**
|
|
8
|
+
* Width and height to reserve for the underlying image, in pixels. A detailed variant is shown from 150px and above.
|
|
9
|
+
*/
|
|
10
|
+
intrinsicSize?: number;
|
|
11
|
+
}
|
|
12
|
+
export declare const Flag: ({ code, intrinsicSize }: FlagProps) => import("react").JSX.Element;
|
|
13
|
+
//# sourceMappingURL=Flag.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Flag.d.ts","sourceRoot":"","sources":["../../src/flags/Flag.tsx"],"names":[],"mappings":";AAEA,MAAM,WAAW,SAAS;IACxB;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;IAEb;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAID,eAAO,MAAM,IAAI,4BAAkC,SAAS,gCAuB3D,CAAC"}
|
package/dist/flags/index.d.ts
CHANGED
|
@@ -1,2 +1,3 @@
|
|
|
1
|
-
export { Flag } from './Flag';
|
|
2
|
-
export type { FlagProps } from './Flag';
|
|
1
|
+
export { Flag } from './Flag';
|
|
2
|
+
export type { FlagProps } from './Flag';
|
|
3
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/flags/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,YAAY,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC"}
|