@wise/art 2.6.0-beta.2 → 2.6.0-beta.4
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.js +155 -15
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +158 -4
- package/dist/index.mjs.map +1 -1
- package/package.json +2 -6
- package/src/common.ts +0 -6
- package/src/illustrations/Illustration.css +0 -19
- package/src/index.ts +0 -5
- package/dist/CheckMark-1d199954.js +0 -39
- package/dist/CheckMark-1d199954.js.map +0 -1
- package/dist/CheckMark-dfa7e17d.js +0 -37
- package/dist/CheckMark-dfa7e17d.js.map +0 -1
- package/dist/Confetti-3f6f42f8.js +0 -36
- package/dist/Confetti-3f6f42f8.js.map +0 -1
- package/dist/Confetti-a1500ca5.js +0 -34
- package/dist/Confetti-a1500ca5.js.map +0 -1
- package/dist/Flower-01a6ad2e.js +0 -27
- package/dist/Flower-01a6ad2e.js.map +0 -1
- package/dist/Flower-194046f6.js +0 -29
- package/dist/Flower-194046f6.js.map +0 -1
- package/dist/Globe-e0b92541.js +0 -43
- package/dist/Globe-e0b92541.js.map +0 -1
- package/dist/Globe-f9a29570.js +0 -45
- package/dist/Globe-f9a29570.js.map +0 -1
- package/dist/Graph-a5cabcf9.js +0 -33
- package/dist/Graph-a5cabcf9.js.map +0 -1
- package/dist/Graph-d719e9bc.js +0 -31
- package/dist/Graph-d719e9bc.js.map +0 -1
- package/dist/Jars-786486f1.js +0 -50
- package/dist/Jars-786486f1.js.map +0 -1
- package/dist/Jars-ce225524.js +0 -52
- package/dist/Jars-ce225524.js.map +0 -1
- package/dist/Lock-32a1942d.js +0 -41
- package/dist/Lock-32a1942d.js.map +0 -1
- package/dist/Lock-a8143e20.js +0 -43
- package/dist/Lock-a8143e20.js.map +0 -1
- package/dist/MagnifyingGlass-8d2fb672.js +0 -32
- package/dist/MagnifyingGlass-8d2fb672.js.map +0 -1
- package/dist/MagnifyingGlass-d6a087d9.js +0 -30
- package/dist/MagnifyingGlass-d6a087d9.js.map +0 -1
- package/dist/Marble-4abb104b.js +0 -42
- package/dist/Marble-4abb104b.js.map +0 -1
- package/dist/Marble-ce46aa0f.js +0 -44
- package/dist/Marble-ce46aa0f.js.map +0 -1
- package/dist/MarbleCard-56c75d72.js +0 -47
- package/dist/MarbleCard-56c75d72.js.map +0 -1
- package/dist/MarbleCard-877fd12e.js +0 -45
- package/dist/MarbleCard-877fd12e.js.map +0 -1
- package/dist/MultiCurrency-0e4db1a6.js +0 -61
- package/dist/MultiCurrency-0e4db1a6.js.map +0 -1
- package/dist/MultiCurrency-700fce5f.js +0 -63
- package/dist/MultiCurrency-700fce5f.js.map +0 -1
- package/dist/Plane-88c1d61e.js +0 -37
- package/dist/Plane-88c1d61e.js.map +0 -1
- package/dist/Plane-8eb0f41c.js +0 -39
- package/dist/Plane-8eb0f41c.js.map +0 -1
- package/dist/Scene-597f1100.js +0 -50
- package/dist/Scene-597f1100.js.map +0 -1
- package/dist/Scene-e2e3b7aa.js +0 -48
- package/dist/Scene-e2e3b7aa.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-322e874c.js +0 -332
- package/dist/index-322e874c.js.map +0 -1
- package/dist/index-3bf9c1e9.js +0 -325
- package/dist/index-3bf9c1e9.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 -25
- package/src/illustrations3d/models/Globe.tsx +0 -42
- package/src/illustrations3d/models/Graph.tsx +0 -27
- package/src/illustrations3d/models/Jars.tsx +0 -47
- package/src/illustrations3d/models/Lock.tsx +0 -38
- package/src/illustrations3d/models/MagnifyingGlass.tsx +0 -31
- package/src/illustrations3d/models/Marble.tsx +0 -57
- package/src/illustrations3d/models/MarbleCard.tsx +0 -62
- package/src/illustrations3d/models/MultiCurrency.tsx +0 -58
- package/src/illustrations3d/models/Plane.tsx +0 -33
- package/src/illustrations3d/utils.ts +0 -68
|
@@ -1,34 +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-3bf9c1e9.js';
|
|
6
|
-
import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
|
|
7
|
-
import 'clsx';
|
|
8
|
-
|
|
9
|
-
const Confetti = () => {
|
|
10
|
-
const ref = useRef();
|
|
11
|
-
const model = useGLTF(defineSrc('confetti.gltf'));
|
|
12
|
-
const lights = useLoader(ObjectLoader, defineSrc('confetti-light.json'));
|
|
13
|
-
const {
|
|
14
|
-
mixer,
|
|
15
|
-
clips
|
|
16
|
-
} = useAnimations(model.animations, ref);
|
|
17
|
-
useFrame(() => {
|
|
18
|
-
model.materials['Tapestry WebGL'].map.offset.x += -0.0015;
|
|
19
|
-
mixer.clipAction(clips[0]).play().setLoop(LoopOnce, 1);
|
|
20
|
-
});
|
|
21
|
-
return /*#__PURE__*/jsxs(Fragment, {
|
|
22
|
-
children: [/*#__PURE__*/jsx("primitive", {
|
|
23
|
-
ref: ref,
|
|
24
|
-
scale: 1.5,
|
|
25
|
-
position: [0, 1.5, 0],
|
|
26
|
-
object: model.scene
|
|
27
|
-
}), /*#__PURE__*/jsx("primitive", {
|
|
28
|
-
object: lights
|
|
29
|
-
})]
|
|
30
|
-
});
|
|
31
|
-
};
|
|
32
|
-
|
|
33
|
-
export { Confetti as default };
|
|
34
|
-
//# sourceMappingURL=Confetti-a1500ca5.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Confetti-a1500ca5.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
package/dist/Flower-01a6ad2e.js
DELETED
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
import { useGLTF } from '@react-three/drei';
|
|
2
|
-
import { useLoader, useFrame } from '@react-three/fiber';
|
|
3
|
-
import 'react';
|
|
4
|
-
import { ObjectLoader } from 'three';
|
|
5
|
-
import { d as defineSrc } from './index-3bf9c1e9.js';
|
|
6
|
-
import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
|
|
7
|
-
import 'clsx';
|
|
8
|
-
|
|
9
|
-
const Flower = () => {
|
|
10
|
-
const model = useGLTF(defineSrc('flower.gltf'));
|
|
11
|
-
const lights = useLoader(ObjectLoader, defineSrc('flower-light.json'));
|
|
12
|
-
useFrame(() => {
|
|
13
|
-
model.materials['Tapestry WebGL'].map.offset.x += -0.001;
|
|
14
|
-
});
|
|
15
|
-
return /*#__PURE__*/jsxs(Fragment, {
|
|
16
|
-
children: [/*#__PURE__*/jsx("primitive", {
|
|
17
|
-
scale: 1.3,
|
|
18
|
-
position: [0, -9, 0],
|
|
19
|
-
object: model.scene
|
|
20
|
-
}), /*#__PURE__*/jsx("primitive", {
|
|
21
|
-
object: lights
|
|
22
|
-
})]
|
|
23
|
-
});
|
|
24
|
-
};
|
|
25
|
-
|
|
26
|
-
export { Flower as default };
|
|
27
|
-
//# sourceMappingURL=Flower-01a6ad2e.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Flower-01a6ad2e.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
package/dist/Flower-194046f6.js
DELETED
|
@@ -1,29 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
var drei = require('@react-three/drei');
|
|
4
|
-
var fiber = require('@react-three/fiber');
|
|
5
|
-
require('react');
|
|
6
|
-
var three = require('three');
|
|
7
|
-
var index = require('./index-322e874c.js');
|
|
8
|
-
var jsxRuntime = require('react/jsx-runtime');
|
|
9
|
-
require('clsx');
|
|
10
|
-
|
|
11
|
-
const Flower = () => {
|
|
12
|
-
const model = drei.useGLTF(index.defineSrc('flower.gltf'));
|
|
13
|
-
const lights = fiber.useLoader(three.ObjectLoader, index.defineSrc('flower-light.json'));
|
|
14
|
-
fiber.useFrame(() => {
|
|
15
|
-
model.materials['Tapestry WebGL'].map.offset.x += -0.001;
|
|
16
|
-
});
|
|
17
|
-
return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
|
|
18
|
-
children: [/*#__PURE__*/jsxRuntime.jsx("primitive", {
|
|
19
|
-
scale: 1.3,
|
|
20
|
-
position: [0, -9, 0],
|
|
21
|
-
object: model.scene
|
|
22
|
-
}), /*#__PURE__*/jsxRuntime.jsx("primitive", {
|
|
23
|
-
object: lights
|
|
24
|
-
})]
|
|
25
|
-
});
|
|
26
|
-
};
|
|
27
|
-
|
|
28
|
-
exports.default = Flower;
|
|
29
|
-
//# sourceMappingURL=Flower-194046f6.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Flower-194046f6.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
package/dist/Globe-e0b92541.js
DELETED
|
@@ -1,43 +0,0 @@
|
|
|
1
|
-
import { useGLTF } from '@react-three/drei';
|
|
2
|
-
import { useLoader, useFrame } from '@react-three/fiber';
|
|
3
|
-
import 'react';
|
|
4
|
-
import { ObjectLoader, TextureLoader } from 'three';
|
|
5
|
-
import { d as defineSrc } from './index-3bf9c1e9.js';
|
|
6
|
-
import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
|
|
7
|
-
import 'clsx';
|
|
8
|
-
|
|
9
|
-
const Globe = () => {
|
|
10
|
-
const {
|
|
11
|
-
scene
|
|
12
|
-
} = useGLTF(defineSrc('globe.gltf'));
|
|
13
|
-
const lights = useLoader(ObjectLoader, defineSrc('globe-light.json'));
|
|
14
|
-
const wiseLogo = useLoader(TextureLoader, defineSrc('wise-flag-map-bump.jpg'));
|
|
15
|
-
const planet = scene.getObjectByName('Globe');
|
|
16
|
-
const orbit = scene.getObjectByName('Coins_Axis_Rotation_Animate');
|
|
17
|
-
scene.traverse(child => {
|
|
18
|
-
if (child.name.startsWith('Coin_')) {
|
|
19
|
-
const mesh = child;
|
|
20
|
-
const material = mesh.material;
|
|
21
|
-
material.bumpMap = wiseLogo;
|
|
22
|
-
material.bumpMap.flipY = false;
|
|
23
|
-
mesh.castShadow = false;
|
|
24
|
-
mesh.receiveShadow = false;
|
|
25
|
-
}
|
|
26
|
-
});
|
|
27
|
-
useFrame(() => {
|
|
28
|
-
orbit.rotation.y += 0.002;
|
|
29
|
-
planet.material.map.offset.x += -0.0002;
|
|
30
|
-
});
|
|
31
|
-
return /*#__PURE__*/jsxs(Fragment, {
|
|
32
|
-
children: [/*#__PURE__*/jsx("primitive", {
|
|
33
|
-
position: [0, -10, 0],
|
|
34
|
-
scale: 1.3,
|
|
35
|
-
object: scene
|
|
36
|
-
}), /*#__PURE__*/jsx("primitive", {
|
|
37
|
-
object: lights
|
|
38
|
-
})]
|
|
39
|
-
});
|
|
40
|
-
};
|
|
41
|
-
|
|
42
|
-
export { Globe as default };
|
|
43
|
-
//# sourceMappingURL=Globe-e0b92541.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Globe-e0b92541.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
package/dist/Globe-f9a29570.js
DELETED
|
@@ -1,45 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
var drei = require('@react-three/drei');
|
|
4
|
-
var fiber = require('@react-three/fiber');
|
|
5
|
-
require('react');
|
|
6
|
-
var three = require('three');
|
|
7
|
-
var index = require('./index-322e874c.js');
|
|
8
|
-
var jsxRuntime = require('react/jsx-runtime');
|
|
9
|
-
require('clsx');
|
|
10
|
-
|
|
11
|
-
const Globe = () => {
|
|
12
|
-
const {
|
|
13
|
-
scene
|
|
14
|
-
} = drei.useGLTF(index.defineSrc('globe.gltf'));
|
|
15
|
-
const lights = fiber.useLoader(three.ObjectLoader, index.defineSrc('globe-light.json'));
|
|
16
|
-
const wiseLogo = fiber.useLoader(three.TextureLoader, index.defineSrc('wise-flag-map-bump.jpg'));
|
|
17
|
-
const planet = scene.getObjectByName('Globe');
|
|
18
|
-
const orbit = scene.getObjectByName('Coins_Axis_Rotation_Animate');
|
|
19
|
-
scene.traverse(child => {
|
|
20
|
-
if (child.name.startsWith('Coin_')) {
|
|
21
|
-
const mesh = child;
|
|
22
|
-
const material = mesh.material;
|
|
23
|
-
material.bumpMap = wiseLogo;
|
|
24
|
-
material.bumpMap.flipY = false;
|
|
25
|
-
mesh.castShadow = false;
|
|
26
|
-
mesh.receiveShadow = false;
|
|
27
|
-
}
|
|
28
|
-
});
|
|
29
|
-
fiber.useFrame(() => {
|
|
30
|
-
orbit.rotation.y += 0.002;
|
|
31
|
-
planet.material.map.offset.x += -0.0002;
|
|
32
|
-
});
|
|
33
|
-
return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
|
|
34
|
-
children: [/*#__PURE__*/jsxRuntime.jsx("primitive", {
|
|
35
|
-
position: [0, -10, 0],
|
|
36
|
-
scale: 1.3,
|
|
37
|
-
object: scene
|
|
38
|
-
}), /*#__PURE__*/jsxRuntime.jsx("primitive", {
|
|
39
|
-
object: lights
|
|
40
|
-
})]
|
|
41
|
-
});
|
|
42
|
-
};
|
|
43
|
-
|
|
44
|
-
exports.default = Globe;
|
|
45
|
-
//# sourceMappingURL=Globe-f9a29570.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Globe-f9a29570.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
package/dist/Graph-a5cabcf9.js
DELETED
|
@@ -1,33 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
var drei = require('@react-three/drei');
|
|
4
|
-
var fiber = require('@react-three/fiber');
|
|
5
|
-
require('react');
|
|
6
|
-
var three = require('three');
|
|
7
|
-
var index = require('./index-322e874c.js');
|
|
8
|
-
var jsxRuntime = require('react/jsx-runtime');
|
|
9
|
-
require('clsx');
|
|
10
|
-
|
|
11
|
-
const Graph = () => {
|
|
12
|
-
const model = drei.useGLTF(index.defineSrc(`graph.gltf`));
|
|
13
|
-
const lights = fiber.useLoader(three.ObjectLoader, index.defineSrc('graph-light.json'));
|
|
14
|
-
fiber.useFrame(() => {
|
|
15
|
-
const {
|
|
16
|
-
offset
|
|
17
|
-
} = model.materials['Standard '].map;
|
|
18
|
-
offset.x += -0.0015;
|
|
19
|
-
offset.y += 0.0015;
|
|
20
|
-
});
|
|
21
|
-
return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
|
|
22
|
-
children: [/*#__PURE__*/jsxRuntime.jsx("primitive", {
|
|
23
|
-
scale: 1.3,
|
|
24
|
-
position: [0, -10, 0],
|
|
25
|
-
object: model.scene
|
|
26
|
-
}), /*#__PURE__*/jsxRuntime.jsx("primitive", {
|
|
27
|
-
object: lights
|
|
28
|
-
})]
|
|
29
|
-
});
|
|
30
|
-
};
|
|
31
|
-
|
|
32
|
-
exports.default = Graph;
|
|
33
|
-
//# sourceMappingURL=Graph-a5cabcf9.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Graph-a5cabcf9.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
package/dist/Graph-d719e9bc.js
DELETED
|
@@ -1,31 +0,0 @@
|
|
|
1
|
-
import { useGLTF } from '@react-three/drei';
|
|
2
|
-
import { useLoader, useFrame } from '@react-three/fiber';
|
|
3
|
-
import 'react';
|
|
4
|
-
import { ObjectLoader } from 'three';
|
|
5
|
-
import { d as defineSrc } from './index-3bf9c1e9.js';
|
|
6
|
-
import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
|
|
7
|
-
import 'clsx';
|
|
8
|
-
|
|
9
|
-
const Graph = () => {
|
|
10
|
-
const model = useGLTF(defineSrc(`graph.gltf`));
|
|
11
|
-
const lights = useLoader(ObjectLoader, defineSrc('graph-light.json'));
|
|
12
|
-
useFrame(() => {
|
|
13
|
-
const {
|
|
14
|
-
offset
|
|
15
|
-
} = model.materials['Standard '].map;
|
|
16
|
-
offset.x += -0.0015;
|
|
17
|
-
offset.y += 0.0015;
|
|
18
|
-
});
|
|
19
|
-
return /*#__PURE__*/jsxs(Fragment, {
|
|
20
|
-
children: [/*#__PURE__*/jsx("primitive", {
|
|
21
|
-
scale: 1.3,
|
|
22
|
-
position: [0, -10, 0],
|
|
23
|
-
object: model.scene
|
|
24
|
-
}), /*#__PURE__*/jsx("primitive", {
|
|
25
|
-
object: lights
|
|
26
|
-
})]
|
|
27
|
-
});
|
|
28
|
-
};
|
|
29
|
-
|
|
30
|
-
export { Graph as default };
|
|
31
|
-
//# sourceMappingURL=Graph-d719e9bc.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Graph-d719e9bc.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
package/dist/Jars-786486f1.js
DELETED
|
@@ -1,50 +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 } from 'three';
|
|
5
|
-
import { d as defineSrc } from './index-3bf9c1e9.js';
|
|
6
|
-
import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
|
|
7
|
-
import 'clsx';
|
|
8
|
-
|
|
9
|
-
const Jars = () => {
|
|
10
|
-
const ref = useRef();
|
|
11
|
-
const model = useGLTF(defineSrc('jars.gltf'));
|
|
12
|
-
const lights = useLoader(ObjectLoader, defineSrc('jars-light.json'));
|
|
13
|
-
const wiseLogo = useLoader(TextureLoader, defineSrc('wise-flag-map-bump.jpg'));
|
|
14
|
-
const jars = [];
|
|
15
|
-
model.scene.traverse(child => {
|
|
16
|
-
if (child.name.startsWith('Coin_')) {
|
|
17
|
-
child.material.bumpMap = wiseLogo;
|
|
18
|
-
child.material.bumpMap.flipY = false;
|
|
19
|
-
child.castShadow = false;
|
|
20
|
-
child.receiveShadow = false;
|
|
21
|
-
}
|
|
22
|
-
if (child.name.startsWith('Jar_')) {
|
|
23
|
-
jars.push(child);
|
|
24
|
-
}
|
|
25
|
-
});
|
|
26
|
-
const {
|
|
27
|
-
mixer,
|
|
28
|
-
clips
|
|
29
|
-
} = useAnimations(model.animations, ref);
|
|
30
|
-
useFrame(() => {
|
|
31
|
-
mixer.clipAction(clips[0]).play();
|
|
32
|
-
jars.forEach(jar => {
|
|
33
|
-
jar.material.map.offset.x += 0.001;
|
|
34
|
-
jar.material.map.offset.y += 0.0;
|
|
35
|
-
});
|
|
36
|
-
});
|
|
37
|
-
return /*#__PURE__*/jsxs(Fragment, {
|
|
38
|
-
children: [/*#__PURE__*/jsx("primitive", {
|
|
39
|
-
ref: ref,
|
|
40
|
-
scale: 1.3,
|
|
41
|
-
position: [0, -10, 0],
|
|
42
|
-
object: model.scene
|
|
43
|
-
}), /*#__PURE__*/jsx("primitive", {
|
|
44
|
-
object: lights
|
|
45
|
-
})]
|
|
46
|
-
});
|
|
47
|
-
};
|
|
48
|
-
|
|
49
|
-
export { Jars as default };
|
|
50
|
-
//# sourceMappingURL=Jars-786486f1.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Jars-786486f1.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
package/dist/Jars-ce225524.js
DELETED
|
@@ -1,52 +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-322e874c.js');
|
|
8
|
-
var jsxRuntime = require('react/jsx-runtime');
|
|
9
|
-
require('clsx');
|
|
10
|
-
|
|
11
|
-
const Jars = () => {
|
|
12
|
-
const ref = react.useRef();
|
|
13
|
-
const model = drei.useGLTF(index.defineSrc('jars.gltf'));
|
|
14
|
-
const lights = fiber.useLoader(three.ObjectLoader, index.defineSrc('jars-light.json'));
|
|
15
|
-
const wiseLogo = fiber.useLoader(three.TextureLoader, index.defineSrc('wise-flag-map-bump.jpg'));
|
|
16
|
-
const jars = [];
|
|
17
|
-
model.scene.traverse(child => {
|
|
18
|
-
if (child.name.startsWith('Coin_')) {
|
|
19
|
-
child.material.bumpMap = wiseLogo;
|
|
20
|
-
child.material.bumpMap.flipY = false;
|
|
21
|
-
child.castShadow = false;
|
|
22
|
-
child.receiveShadow = false;
|
|
23
|
-
}
|
|
24
|
-
if (child.name.startsWith('Jar_')) {
|
|
25
|
-
jars.push(child);
|
|
26
|
-
}
|
|
27
|
-
});
|
|
28
|
-
const {
|
|
29
|
-
mixer,
|
|
30
|
-
clips
|
|
31
|
-
} = drei.useAnimations(model.animations, ref);
|
|
32
|
-
fiber.useFrame(() => {
|
|
33
|
-
mixer.clipAction(clips[0]).play();
|
|
34
|
-
jars.forEach(jar => {
|
|
35
|
-
jar.material.map.offset.x += 0.001;
|
|
36
|
-
jar.material.map.offset.y += 0.0;
|
|
37
|
-
});
|
|
38
|
-
});
|
|
39
|
-
return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
|
|
40
|
-
children: [/*#__PURE__*/jsxRuntime.jsx("primitive", {
|
|
41
|
-
ref: ref,
|
|
42
|
-
scale: 1.3,
|
|
43
|
-
position: [0, -10, 0],
|
|
44
|
-
object: model.scene
|
|
45
|
-
}), /*#__PURE__*/jsxRuntime.jsx("primitive", {
|
|
46
|
-
object: lights
|
|
47
|
-
})]
|
|
48
|
-
});
|
|
49
|
-
};
|
|
50
|
-
|
|
51
|
-
exports.default = Jars;
|
|
52
|
-
//# sourceMappingURL=Jars-ce225524.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Jars-ce225524.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
package/dist/Lock-32a1942d.js
DELETED
|
@@ -1,41 +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-3bf9c1e9.js';
|
|
6
|
-
import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
|
|
7
|
-
import 'clsx';
|
|
8
|
-
|
|
9
|
-
const Lock = () => {
|
|
10
|
-
const ref = useRef();
|
|
11
|
-
const model = useGLTF(defineSrc('lock.gltf'));
|
|
12
|
-
const lights = useLoader(ObjectLoader, defineSrc('lock-light.json'));
|
|
13
|
-
model.scene.traverse(node => {
|
|
14
|
-
if (node.isMesh) {
|
|
15
|
-
node.castShadow = true;
|
|
16
|
-
node.receiveShadow = true;
|
|
17
|
-
}
|
|
18
|
-
});
|
|
19
|
-
const {
|
|
20
|
-
clips,
|
|
21
|
-
mixer
|
|
22
|
-
} = useAnimations(model.animations, ref);
|
|
23
|
-
let frame = 0;
|
|
24
|
-
useFrame(() => {
|
|
25
|
-
mixer.clipAction(clips[0]).play().setLoop(LoopOnce, 1);
|
|
26
|
-
model.scene.position.y = Math.sin(frame++ * 0.04) * 0.2;
|
|
27
|
-
model.materials.Standard.map.offset.x += -0.001;
|
|
28
|
-
});
|
|
29
|
-
return /*#__PURE__*/jsxs(Fragment, {
|
|
30
|
-
children: [/*#__PURE__*/jsx("primitive", {
|
|
31
|
-
ref: ref,
|
|
32
|
-
scale: 1.4,
|
|
33
|
-
object: model.scene
|
|
34
|
-
}), /*#__PURE__*/jsx("primitive", {
|
|
35
|
-
object: lights
|
|
36
|
-
})]
|
|
37
|
-
});
|
|
38
|
-
};
|
|
39
|
-
|
|
40
|
-
export { Lock as default };
|
|
41
|
-
//# sourceMappingURL=Lock-32a1942d.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Lock-32a1942d.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
package/dist/Lock-a8143e20.js
DELETED
|
@@ -1,43 +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-322e874c.js');
|
|
8
|
-
var jsxRuntime = require('react/jsx-runtime');
|
|
9
|
-
require('clsx');
|
|
10
|
-
|
|
11
|
-
const Lock = () => {
|
|
12
|
-
const ref = react.useRef();
|
|
13
|
-
const model = drei.useGLTF(index.defineSrc('lock.gltf'));
|
|
14
|
-
const lights = fiber.useLoader(three.ObjectLoader, index.defineSrc('lock-light.json'));
|
|
15
|
-
model.scene.traverse(node => {
|
|
16
|
-
if (node.isMesh) {
|
|
17
|
-
node.castShadow = true;
|
|
18
|
-
node.receiveShadow = true;
|
|
19
|
-
}
|
|
20
|
-
});
|
|
21
|
-
const {
|
|
22
|
-
clips,
|
|
23
|
-
mixer
|
|
24
|
-
} = drei.useAnimations(model.animations, ref);
|
|
25
|
-
let frame = 0;
|
|
26
|
-
fiber.useFrame(() => {
|
|
27
|
-
mixer.clipAction(clips[0]).play().setLoop(three.LoopOnce, 1);
|
|
28
|
-
model.scene.position.y = Math.sin(frame++ * 0.04) * 0.2;
|
|
29
|
-
model.materials.Standard.map.offset.x += -0.001;
|
|
30
|
-
});
|
|
31
|
-
return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
|
|
32
|
-
children: [/*#__PURE__*/jsxRuntime.jsx("primitive", {
|
|
33
|
-
ref: ref,
|
|
34
|
-
scale: 1.4,
|
|
35
|
-
object: model.scene
|
|
36
|
-
}), /*#__PURE__*/jsxRuntime.jsx("primitive", {
|
|
37
|
-
object: lights
|
|
38
|
-
})]
|
|
39
|
-
});
|
|
40
|
-
};
|
|
41
|
-
|
|
42
|
-
exports.default = Lock;
|
|
43
|
-
//# sourceMappingURL=Lock-a8143e20.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Lock-a8143e20.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -1,32 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
var drei = require('@react-three/drei');
|
|
4
|
-
var fiber = require('@react-three/fiber');
|
|
5
|
-
require('react');
|
|
6
|
-
var three = require('three');
|
|
7
|
-
var index = require('./index-322e874c.js');
|
|
8
|
-
var jsxRuntime = require('react/jsx-runtime');
|
|
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-8d2fb672.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"MagnifyingGlass-8d2fb672.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
import { useGLTF } from '@react-three/drei';
|
|
2
|
-
import { useLoader, useFrame } from '@react-three/fiber';
|
|
3
|
-
import 'react';
|
|
4
|
-
import { ObjectLoader } from 'three';
|
|
5
|
-
import { d as defineSrc } from './index-3bf9c1e9.js';
|
|
6
|
-
import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
|
|
7
|
-
import 'clsx';
|
|
8
|
-
|
|
9
|
-
const MagnifyingGlass = () => {
|
|
10
|
-
const model = useGLTF(defineSrc(`magnifying-glass.gltf`));
|
|
11
|
-
const lights = useLoader(ObjectLoader, defineSrc('magnifying-glass-light.json'));
|
|
12
|
-
const lens = model.scene.getObjectByName('Optimised_lens');
|
|
13
|
-
useFrame(() => {
|
|
14
|
-
lens.material.transparent = true;
|
|
15
|
-
lens.material.opacity = 0.8;
|
|
16
|
-
model.materials['Tapestry WebGL'].map.offset.x += -0.0006;
|
|
17
|
-
});
|
|
18
|
-
return /*#__PURE__*/jsxs(Fragment, {
|
|
19
|
-
children: [/*#__PURE__*/jsx("primitive", {
|
|
20
|
-
scale: 1.5,
|
|
21
|
-
position: [0, -12, 0],
|
|
22
|
-
object: model.scene
|
|
23
|
-
}), /*#__PURE__*/jsx("primitive", {
|
|
24
|
-
object: lights
|
|
25
|
-
})]
|
|
26
|
-
});
|
|
27
|
-
};
|
|
28
|
-
|
|
29
|
-
export { MagnifyingGlass as default };
|
|
30
|
-
//# sourceMappingURL=MagnifyingGlass-d6a087d9.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"MagnifyingGlass-d6a087d9.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
package/dist/Marble-4abb104b.js
DELETED
|
@@ -1,42 +0,0 @@
|
|
|
1
|
-
import { useGLTF } from '@react-three/drei';
|
|
2
|
-
import { useLoader, useFrame } from '@react-three/fiber';
|
|
3
|
-
import 'react';
|
|
4
|
-
import { ObjectLoader } from 'three';
|
|
5
|
-
import { d as defineSrc } from './index-3bf9c1e9.js';
|
|
6
|
-
import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
|
|
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-4abb104b.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Marble-4abb104b.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
package/dist/Marble-ce46aa0f.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
|
-
require('react');
|
|
6
|
-
var three = require('three');
|
|
7
|
-
var index = require('./index-322e874c.js');
|
|
8
|
-
var jsxRuntime = require('react/jsx-runtime');
|
|
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-ce46aa0f.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Marble-ce46aa0f.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|