@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.
Files changed (118) hide show
  1. package/dist/Illustration.css +0 -19
  2. package/dist/common.d.ts +0 -5
  3. package/dist/common.d.ts.map +1 -1
  4. package/dist/index.d.ts +0 -3
  5. package/dist/index.d.ts.map +1 -1
  6. package/dist/index.esm.js +158 -4
  7. package/dist/index.esm.js.map +1 -1
  8. package/dist/index.js +155 -15
  9. package/dist/index.js.map +1 -1
  10. package/package.json +5 -11
  11. package/src/common.ts +0 -6
  12. package/src/illustrations/Illustration.css +0 -19
  13. package/src/index.ts +0 -5
  14. package/dist/CheckMark-365a1dc6.js +0 -39
  15. package/dist/CheckMark-365a1dc6.js.map +0 -1
  16. package/dist/CheckMark-5b996187.esm.js +0 -37
  17. package/dist/CheckMark-5b996187.esm.js.map +0 -1
  18. package/dist/Confetti-b6bfa95b.js +0 -36
  19. package/dist/Confetti-b6bfa95b.js.map +0 -1
  20. package/dist/Confetti-c865d663.esm.js +0 -34
  21. package/dist/Confetti-c865d663.esm.js.map +0 -1
  22. package/dist/Flower-1987844c.esm.js +0 -27
  23. package/dist/Flower-1987844c.esm.js.map +0 -1
  24. package/dist/Flower-385aa337.js +0 -29
  25. package/dist/Flower-385aa337.js.map +0 -1
  26. package/dist/Globe-b5acfedf.js +0 -45
  27. package/dist/Globe-b5acfedf.js.map +0 -1
  28. package/dist/Globe-df8b4bbd.esm.js +0 -43
  29. package/dist/Globe-df8b4bbd.esm.js.map +0 -1
  30. package/dist/Graph-bc618890.js +0 -33
  31. package/dist/Graph-bc618890.js.map +0 -1
  32. package/dist/Graph-e48b9d55.esm.js +0 -31
  33. package/dist/Graph-e48b9d55.esm.js.map +0 -1
  34. package/dist/Jars-b371f7ec.esm.js +0 -50
  35. package/dist/Jars-b371f7ec.esm.js.map +0 -1
  36. package/dist/Jars-b80056b7.js +0 -52
  37. package/dist/Jars-b80056b7.js.map +0 -1
  38. package/dist/Lock-0d8008b7.esm.js +0 -41
  39. package/dist/Lock-0d8008b7.esm.js.map +0 -1
  40. package/dist/Lock-841864c6.js +0 -43
  41. package/dist/Lock-841864c6.js.map +0 -1
  42. package/dist/MagnifyingGlass-7b6dda3b.esm.js +0 -30
  43. package/dist/MagnifyingGlass-7b6dda3b.esm.js.map +0 -1
  44. package/dist/MagnifyingGlass-de98441e.js +0 -32
  45. package/dist/MagnifyingGlass-de98441e.js.map +0 -1
  46. package/dist/Marble-5a115e95.esm.js +0 -42
  47. package/dist/Marble-5a115e95.esm.js.map +0 -1
  48. package/dist/Marble-c42785f3.js +0 -44
  49. package/dist/Marble-c42785f3.js.map +0 -1
  50. package/dist/MarbleCard-1792cf0c.esm.js +0 -45
  51. package/dist/MarbleCard-1792cf0c.esm.js.map +0 -1
  52. package/dist/MarbleCard-50b56966.js +0 -47
  53. package/dist/MarbleCard-50b56966.js.map +0 -1
  54. package/dist/MultiCurrency-4735dbb2.esm.js +0 -61
  55. package/dist/MultiCurrency-4735dbb2.esm.js.map +0 -1
  56. package/dist/MultiCurrency-fcf4b9a2.js +0 -63
  57. package/dist/MultiCurrency-fcf4b9a2.js.map +0 -1
  58. package/dist/Plane-1e15b49c.esm.js +0 -37
  59. package/dist/Plane-1e15b49c.esm.js.map +0 -1
  60. package/dist/Plane-91b11234.js +0 -39
  61. package/dist/Plane-91b11234.js.map +0 -1
  62. package/dist/Scene-3830de67.esm.js +0 -48
  63. package/dist/Scene-3830de67.esm.js.map +0 -1
  64. package/dist/Scene-fa187d3a.js +0 -50
  65. package/dist/Scene-fa187d3a.js.map +0 -1
  66. package/dist/illustrations3d/Illustration3d.d.ts +0 -11
  67. package/dist/illustrations3d/Illustration3d.d.ts.map +0 -1
  68. package/dist/illustrations3d/Scene.d.ts +0 -9
  69. package/dist/illustrations3d/Scene.d.ts.map +0 -1
  70. package/dist/illustrations3d/index.d.ts +0 -5
  71. package/dist/illustrations3d/index.d.ts.map +0 -1
  72. package/dist/illustrations3d/models/CheckMark.d.ts +0 -4
  73. package/dist/illustrations3d/models/CheckMark.d.ts.map +0 -1
  74. package/dist/illustrations3d/models/Confetti.d.ts +0 -4
  75. package/dist/illustrations3d/models/Confetti.d.ts.map +0 -1
  76. package/dist/illustrations3d/models/Flower.d.ts +0 -4
  77. package/dist/illustrations3d/models/Flower.d.ts.map +0 -1
  78. package/dist/illustrations3d/models/Globe.d.ts +0 -4
  79. package/dist/illustrations3d/models/Globe.d.ts.map +0 -1
  80. package/dist/illustrations3d/models/Graph.d.ts +0 -4
  81. package/dist/illustrations3d/models/Graph.d.ts.map +0 -1
  82. package/dist/illustrations3d/models/Jars.d.ts +0 -4
  83. package/dist/illustrations3d/models/Jars.d.ts.map +0 -1
  84. package/dist/illustrations3d/models/Lock.d.ts +0 -4
  85. package/dist/illustrations3d/models/Lock.d.ts.map +0 -1
  86. package/dist/illustrations3d/models/MagnifyingGlass.d.ts +0 -4
  87. package/dist/illustrations3d/models/MagnifyingGlass.d.ts.map +0 -1
  88. package/dist/illustrations3d/models/Marble.d.ts +0 -4
  89. package/dist/illustrations3d/models/Marble.d.ts.map +0 -1
  90. package/dist/illustrations3d/models/MarbleCard.d.ts +0 -4
  91. package/dist/illustrations3d/models/MarbleCard.d.ts.map +0 -1
  92. package/dist/illustrations3d/models/MultiCurrency.d.ts +0 -4
  93. package/dist/illustrations3d/models/MultiCurrency.d.ts.map +0 -1
  94. package/dist/illustrations3d/models/Plane.d.ts +0 -4
  95. package/dist/illustrations3d/models/Plane.d.ts.map +0 -1
  96. package/dist/illustrations3d/utils.d.ts +0 -9
  97. package/dist/illustrations3d/utils.d.ts.map +0 -1
  98. package/dist/index-36ff762e.js +0 -332
  99. package/dist/index-36ff762e.js.map +0 -1
  100. package/dist/index-76341731.esm.js +0 -325
  101. package/dist/index-76341731.esm.js.map +0 -1
  102. package/src/illustrations3d/Illustration3d.stories.tsx +0 -89
  103. package/src/illustrations3d/Illustration3d.tsx +0 -133
  104. package/src/illustrations3d/Scene.tsx +0 -54
  105. package/src/illustrations3d/index.ts +0 -6
  106. package/src/illustrations3d/models/CheckMark.tsx +0 -30
  107. package/src/illustrations3d/models/Confetti.tsx +0 -29
  108. package/src/illustrations3d/models/Flower.tsx +0 -24
  109. package/src/illustrations3d/models/Globe.tsx +0 -41
  110. package/src/illustrations3d/models/Graph.tsx +0 -26
  111. package/src/illustrations3d/models/Jars.tsx +0 -47
  112. package/src/illustrations3d/models/Lock.tsx +0 -38
  113. package/src/illustrations3d/models/MagnifyingGlass.tsx +0 -30
  114. package/src/illustrations3d/models/Marble.tsx +0 -47
  115. package/src/illustrations3d/models/MarbleCard.tsx +0 -50
  116. package/src/illustrations3d/models/MultiCurrency.tsx +0 -58
  117. package/src/illustrations3d/models/Plane.tsx +0 -33
  118. package/src/illustrations3d/utils.ts +0 -68
@@ -1,36 +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 Confetti = () => {
12
- const ref = react.useRef();
13
- const model = drei.useGLTF(index.defineSrc('confetti.gltf'));
14
- const lights = fiber.useLoader(three.ObjectLoader, index.defineSrc('confetti-light.json'));
15
- const {
16
- mixer,
17
- clips
18
- } = drei.useAnimations(model.animations, ref);
19
- fiber.useFrame(() => {
20
- model.materials['Tapestry WebGL'].map.offset.x += -0.0015;
21
- mixer.clipAction(clips[0]).play().setLoop(three.LoopOnce, 1);
22
- });
23
- return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
24
- children: [/*#__PURE__*/jsxRuntime.jsx("primitive", {
25
- ref: ref,
26
- scale: 1.5,
27
- position: [0, 1.5, 0],
28
- object: model.scene
29
- }), /*#__PURE__*/jsxRuntime.jsx("primitive", {
30
- object: lights
31
- })]
32
- });
33
- };
34
-
35
- exports.default = Confetti;
36
- //# sourceMappingURL=Confetti-b6bfa95b.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Confetti-b6bfa95b.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -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-76341731.esm.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-c865d663.esm.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Confetti-c865d663.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -1,27 +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 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-1987844c.esm.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Flower-1987844c.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -1,29 +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 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-385aa337.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Flower-385aa337.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -1,45 +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 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-b5acfedf.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Globe-b5acfedf.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -1,43 +0,0 @@
1
- import { useGLTF } from '@react-three/drei';
2
- import { useLoader, useFrame } from '@react-three/fiber';
3
- import { ObjectLoader, TextureLoader } from 'three';
4
- import { d as defineSrc } from './index-76341731.esm.js';
5
- import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
6
- import 'react';
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-df8b4bbd.esm.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Globe-df8b4bbd.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -1,33 +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 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-bc618890.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Graph-bc618890.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -1,31 +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 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-e48b9d55.esm.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Graph-e48b9d55.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -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-76341731.esm.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-b371f7ec.esm.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Jars-b371f7ec.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -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-36ff762e.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-b80056b7.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Jars-b80056b7.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -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-76341731.esm.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-0d8008b7.esm.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Lock-0d8008b7.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -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-36ff762e.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-841864c6.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Lock-841864c6.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 { 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 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-7b6dda3b.esm.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"MagnifyingGlass-7b6dda3b.esm.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
- 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 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-de98441e.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"MagnifyingGlass-de98441e.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -1,42 +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 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-5a115e95.esm.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Marble-5a115e95.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}