@wise/art 2.7.0-beta.1 → 2.7.0
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/dist/Illustration.css +0 -19
- package/dist/common.d.ts +0 -5
- package/dist/common.d.ts.map +1 -1
- package/dist/index.d.ts +0 -3
- package/dist/index.d.ts.map +1 -1
- package/dist/index.esm.js +158 -4
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +155 -15
- package/dist/index.js.map +1 -1
- package/package.json +5 -11
- package/src/common.ts +0 -6
- package/src/illustrations/Illustration.css +0 -19
- package/src/index.ts +0 -5
- package/dist/CheckMark-365a1dc6.js +0 -39
- package/dist/CheckMark-365a1dc6.js.map +0 -1
- package/dist/CheckMark-5b996187.esm.js +0 -37
- package/dist/CheckMark-5b996187.esm.js.map +0 -1
- package/dist/Confetti-b6bfa95b.js +0 -36
- package/dist/Confetti-b6bfa95b.js.map +0 -1
- package/dist/Confetti-c865d663.esm.js +0 -34
- package/dist/Confetti-c865d663.esm.js.map +0 -1
- package/dist/Flower-1987844c.esm.js +0 -27
- package/dist/Flower-1987844c.esm.js.map +0 -1
- package/dist/Flower-385aa337.js +0 -29
- package/dist/Flower-385aa337.js.map +0 -1
- package/dist/Globe-b5acfedf.js +0 -45
- package/dist/Globe-b5acfedf.js.map +0 -1
- package/dist/Globe-df8b4bbd.esm.js +0 -43
- package/dist/Globe-df8b4bbd.esm.js.map +0 -1
- package/dist/Graph-bc618890.js +0 -33
- package/dist/Graph-bc618890.js.map +0 -1
- package/dist/Graph-e48b9d55.esm.js +0 -31
- package/dist/Graph-e48b9d55.esm.js.map +0 -1
- package/dist/Jars-b371f7ec.esm.js +0 -50
- package/dist/Jars-b371f7ec.esm.js.map +0 -1
- package/dist/Jars-b80056b7.js +0 -52
- package/dist/Jars-b80056b7.js.map +0 -1
- package/dist/Lock-0d8008b7.esm.js +0 -41
- package/dist/Lock-0d8008b7.esm.js.map +0 -1
- package/dist/Lock-841864c6.js +0 -43
- package/dist/Lock-841864c6.js.map +0 -1
- package/dist/MagnifyingGlass-7b6dda3b.esm.js +0 -30
- package/dist/MagnifyingGlass-7b6dda3b.esm.js.map +0 -1
- package/dist/MagnifyingGlass-de98441e.js +0 -32
- package/dist/MagnifyingGlass-de98441e.js.map +0 -1
- package/dist/Marble-5a115e95.esm.js +0 -42
- package/dist/Marble-5a115e95.esm.js.map +0 -1
- package/dist/Marble-c42785f3.js +0 -44
- package/dist/Marble-c42785f3.js.map +0 -1
- package/dist/MarbleCard-1792cf0c.esm.js +0 -45
- package/dist/MarbleCard-1792cf0c.esm.js.map +0 -1
- package/dist/MarbleCard-50b56966.js +0 -47
- package/dist/MarbleCard-50b56966.js.map +0 -1
- package/dist/MultiCurrency-4735dbb2.esm.js +0 -61
- package/dist/MultiCurrency-4735dbb2.esm.js.map +0 -1
- package/dist/MultiCurrency-fcf4b9a2.js +0 -63
- package/dist/MultiCurrency-fcf4b9a2.js.map +0 -1
- package/dist/Plane-1e15b49c.esm.js +0 -37
- package/dist/Plane-1e15b49c.esm.js.map +0 -1
- package/dist/Plane-91b11234.js +0 -39
- package/dist/Plane-91b11234.js.map +0 -1
- package/dist/Scene-3830de67.esm.js +0 -48
- package/dist/Scene-3830de67.esm.js.map +0 -1
- package/dist/Scene-fa187d3a.js +0 -50
- package/dist/Scene-fa187d3a.js.map +0 -1
- package/dist/illustrations3d/Illustration3d.d.ts +0 -11
- package/dist/illustrations3d/Illustration3d.d.ts.map +0 -1
- package/dist/illustrations3d/Scene.d.ts +0 -9
- 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 -4
- package/dist/illustrations3d/models/CheckMark.d.ts.map +0 -1
- package/dist/illustrations3d/models/Confetti.d.ts +0 -4
- package/dist/illustrations3d/models/Confetti.d.ts.map +0 -1
- package/dist/illustrations3d/models/Flower.d.ts +0 -4
- package/dist/illustrations3d/models/Flower.d.ts.map +0 -1
- package/dist/illustrations3d/models/Globe.d.ts +0 -4
- package/dist/illustrations3d/models/Globe.d.ts.map +0 -1
- package/dist/illustrations3d/models/Graph.d.ts +0 -4
- package/dist/illustrations3d/models/Graph.d.ts.map +0 -1
- package/dist/illustrations3d/models/Jars.d.ts +0 -4
- package/dist/illustrations3d/models/Jars.d.ts.map +0 -1
- package/dist/illustrations3d/models/Lock.d.ts +0 -4
- package/dist/illustrations3d/models/Lock.d.ts.map +0 -1
- package/dist/illustrations3d/models/MagnifyingGlass.d.ts +0 -4
- package/dist/illustrations3d/models/MagnifyingGlass.d.ts.map +0 -1
- package/dist/illustrations3d/models/Marble.d.ts +0 -4
- package/dist/illustrations3d/models/Marble.d.ts.map +0 -1
- package/dist/illustrations3d/models/MarbleCard.d.ts +0 -4
- package/dist/illustrations3d/models/MarbleCard.d.ts.map +0 -1
- package/dist/illustrations3d/models/MultiCurrency.d.ts +0 -4
- package/dist/illustrations3d/models/MultiCurrency.d.ts.map +0 -1
- package/dist/illustrations3d/models/Plane.d.ts +0 -4
- package/dist/illustrations3d/models/Plane.d.ts.map +0 -1
- package/dist/illustrations3d/utils.d.ts +0 -9
- package/dist/illustrations3d/utils.d.ts.map +0 -1
- package/dist/index-36ff762e.js +0 -332
- package/dist/index-36ff762e.js.map +0 -1
- package/dist/index-76341731.esm.js +0 -325
- package/dist/index-76341731.esm.js.map +0 -1
- package/src/illustrations3d/Illustration3d.stories.tsx +0 -89
- package/src/illustrations3d/Illustration3d.tsx +0 -133
- package/src/illustrations3d/Scene.tsx +0 -54
- package/src/illustrations3d/index.ts +0 -6
- package/src/illustrations3d/models/CheckMark.tsx +0 -30
- package/src/illustrations3d/models/Confetti.tsx +0 -29
- package/src/illustrations3d/models/Flower.tsx +0 -24
- package/src/illustrations3d/models/Globe.tsx +0 -41
- package/src/illustrations3d/models/Graph.tsx +0 -26
- package/src/illustrations3d/models/Jars.tsx +0 -47
- package/src/illustrations3d/models/Lock.tsx +0 -38
- package/src/illustrations3d/models/MagnifyingGlass.tsx +0 -30
- package/src/illustrations3d/models/Marble.tsx +0 -47
- package/src/illustrations3d/models/MarbleCard.tsx +0 -50
- package/src/illustrations3d/models/MultiCurrency.tsx +0 -58
- package/src/illustrations3d/models/Plane.tsx +0 -33
- package/src/illustrations3d/utils.ts +0 -68
package/dist/Marble-c42785f3.js
DELETED
|
@@ -1,44 +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-36ff762e.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-c42785f3.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Marble-c42785f3.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -1,45 +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-76341731.esm.js';
|
|
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-1792cf0c.esm.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"MarbleCard-1792cf0c.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -1,47 +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-36ff762e.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-50b56966.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"MarbleCard-50b56966.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -1,61 +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, Color } from 'three';
|
|
5
|
-
import { d as defineSrc } from './index-76341731.esm.js';
|
|
6
|
-
import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
|
|
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-4735dbb2.esm.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"MultiCurrency-4735dbb2.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -1,63 +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-36ff762e.js');
|
|
8
|
-
var jsxRuntime = require('react/jsx-runtime');
|
|
9
|
-
require('clsx');
|
|
10
|
-
|
|
11
|
-
const MultiCurrency = () => {
|
|
12
|
-
const ref = react.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-fcf4b9a2.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"MultiCurrency-fcf4b9a2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -1,37 +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 } from 'three';
|
|
5
|
-
import { d as defineSrc } from './index-76341731.esm.js';
|
|
6
|
-
import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
|
|
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-1e15b49c.esm.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Plane-1e15b49c.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
package/dist/Plane-91b11234.js
DELETED
|
@@ -1,39 +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-36ff762e.js');
|
|
8
|
-
var jsxRuntime = require('react/jsx-runtime');
|
|
9
|
-
require('clsx');
|
|
10
|
-
|
|
11
|
-
const Plane = () => {
|
|
12
|
-
const ref = react.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-91b11234.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Plane-91b11234.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -1,48 +0,0 @@
|
|
|
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-76341731.esm.js';
|
|
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-3830de67.esm.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Scene-3830de67.esm.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,MAAOC,MAAAA;AAoChF,CAAA,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
package/dist/Scene-fa187d3a.js
DELETED
|
@@ -1,50 +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-36ff762e.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-fa187d3a.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Scene-fa187d3a.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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import { LargeSize, MediumSize, SmallSize } from '../common';
|
|
3
|
-
export type Illustration3dNames = 'lock' | 'globe' | 'confetti' | 'check-mark' | 'flower' | 'graph' | 'jars' | 'magnifying-glass' | 'marble' | 'marble-card' | 'multi-currency' | 'plane';
|
|
4
|
-
export type Props = {
|
|
5
|
-
name: Illustration3dNames;
|
|
6
|
-
size?: SmallSize | MediumSize | LargeSize;
|
|
7
|
-
className?: string;
|
|
8
|
-
};
|
|
9
|
-
declare const Illustration3d: ({ name, size, className }: Props) => import("react").JSX.Element;
|
|
10
|
-
export default Illustration3d;
|
|
11
|
-
//# sourceMappingURL=Illustration3d.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Illustration3d.d.ts","sourceRoot":"","sources":["../../src/illustrations3d/Illustration3d.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,SAAS,EAAS,MAAM,WAAW,CAAC;AAKpE,MAAM,MAAM,mBAAmB,GAC3B,MAAM,GACN,OAAO,GACP,UAAU,GACV,YAAY,GACZ,QAAQ,GACR,OAAO,GACP,MAAM,GACN,kBAAkB,GAClB,QAAQ,GACR,aAAa,GACb,gBAAgB,GAChB,OAAO,CAAC;AAEZ,MAAM,MAAM,KAAK,GAAG;IAClB,IAAI,EAAE,mBAAmB,CAAC;IAC1B,IAAI,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,SAAS,CAAC;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAQF,QAAA,MAAM,cAAc,8BAA8C,KAAK,gCAkCtE,CAAC;AA+DF,eAAe,cAAc,CAAC"}
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import type { PropsWithChildren } from 'react';
|
|
2
|
-
import { LargeSize, MediumSize, SmallSize } from '../common';
|
|
3
|
-
import type { Illustration3dNames } from './Illustration3d';
|
|
4
|
-
export type Props = PropsWithChildren<{
|
|
5
|
-
assetName: Illustration3dNames;
|
|
6
|
-
size?: SmallSize | MediumSize | LargeSize;
|
|
7
|
-
}>;
|
|
8
|
-
export default function Scene({ children, assetName, size }: Props): import("react").JSX.Element;
|
|
9
|
-
//# sourceMappingURL=Scene.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Scene.d.ts","sourceRoot":"","sources":["../../src/illustrations3d/Scene.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAG/C,OAAO,EAAc,SAAS,EAAE,UAAU,EAAS,SAAS,EAAE,MAAM,WAAW,CAAC;AAGhF,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAE5D,MAAM,MAAM,KAAK,GAAG,iBAAiB,CAAC;IACpC,SAAS,EAAE,mBAAmB,CAAC;IAC/B,IAAI,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,SAAS,CAAC;CAC3C,CAAC,CAAC;AAEH,MAAM,CAAC,OAAO,UAAU,KAAK,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,IAAmB,EAAE,EAAE,KAAK,+BAoChF"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/illustrations3d/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAC3C,YAAY,EAAE,KAAK,IAAI,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAErE,YAAY,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAE5D,OAAO,EAAE,yBAAyB,EAAE,MAAM,SAAS,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"CheckMark.d.ts","sourceRoot":"","sources":["../../../src/illustrations3d/models/CheckMark.tsx"],"names":[],"mappings":";AAOA,QAAA,MAAM,SAAS,mCAoBd,CAAC;AAEF,eAAe,SAAS,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Confetti.d.ts","sourceRoot":"","sources":["../../../src/illustrations3d/models/Confetti.tsx"],"names":[],"mappings":";AAOA,QAAA,MAAM,QAAQ,mCAmBb,CAAC;AAEF,eAAe,QAAQ,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Flower.d.ts","sourceRoot":"","sources":["../../../src/illustrations3d/models/Flower.tsx"],"names":[],"mappings":";AAMA,QAAA,MAAM,MAAM,mCAeX,CAAC;AAEF,eAAe,MAAM,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Globe.d.ts","sourceRoot":"","sources":["../../../src/illustrations3d/models/Globe.tsx"],"names":[],"mappings":";AAMA,QAAA,MAAM,KAAK,mCAgCV,CAAC;AAEF,eAAe,KAAK,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Graph.d.ts","sourceRoot":"","sources":["../../../src/illustrations3d/models/Graph.tsx"],"names":[],"mappings":";AAMA,QAAA,MAAM,KAAK,mCAiBV,CAAC;AAEF,eAAe,KAAK,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Jars.d.ts","sourceRoot":"","sources":["../../../src/illustrations3d/models/Jars.tsx"],"names":[],"mappings":";AAOA,QAAA,MAAM,IAAI,mCAqCT,CAAC;AAEF,eAAe,IAAI,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Lock.d.ts","sourceRoot":"","sources":["../../../src/illustrations3d/models/Lock.tsx"],"names":[],"mappings":";AAOA,QAAA,MAAM,IAAI,mCA4BT,CAAC;AAEF,eAAe,IAAI,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"MagnifyingGlass.d.ts","sourceRoot":"","sources":["../../../src/illustrations3d/models/MagnifyingGlass.tsx"],"names":[],"mappings":";AAMA,QAAA,MAAM,eAAe,mCAqBpB,CAAC;AAEF,eAAe,eAAe,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Marble.d.ts","sourceRoot":"","sources":["../../../src/illustrations3d/models/Marble.tsx"],"names":[],"mappings":";AAMA,QAAA,MAAM,MAAM,mCAsCX,CAAC;AAEF,eAAe,MAAM,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"MarbleCard.d.ts","sourceRoot":"","sources":["../../../src/illustrations3d/models/MarbleCard.tsx"],"names":[],"mappings":";AAMA,QAAA,MAAM,UAAU,mCAyCf,CAAC;AAEF,eAAe,UAAU,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"MultiCurrency.d.ts","sourceRoot":"","sources":["../../../src/illustrations3d/models/MultiCurrency.tsx"],"names":[],"mappings":";AAOA,QAAA,MAAM,aAAa,mCAgDlB,CAAC;AAEF,eAAe,aAAa,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Plane.d.ts","sourceRoot":"","sources":["../../../src/illustrations3d/models/Plane.tsx"],"names":[],"mappings":";AAOA,QAAA,MAAM,KAAK,mCAuBV,CAAC;AAEF,eAAe,KAAK,CAAC"}
|