@wise/art 0.0.0-experimental-80f4f8e → 0.0.0-experimental-eebd076

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 (134) hide show
  1. package/dist/CheckMark-BPrdh9Yt.js +40 -0
  2. package/dist/CheckMark-BPrdh9Yt.js.map +1 -0
  3. package/dist/CheckMark-rvEWLRq0.esm.js +38 -0
  4. package/dist/CheckMark-rvEWLRq0.esm.js.map +1 -0
  5. package/dist/Confetti-BCZWydPM.js +37 -0
  6. package/dist/Confetti-BCZWydPM.js.map +1 -0
  7. package/dist/Confetti-BF1v0OJk.esm.js +35 -0
  8. package/dist/Confetti-BF1v0OJk.esm.js.map +1 -0
  9. package/dist/Flower-4xUqkfW9.js +30 -0
  10. package/dist/Flower-4xUqkfW9.js.map +1 -0
  11. package/dist/Flower-BS56WNvp.esm.js +28 -0
  12. package/dist/Flower-BS56WNvp.esm.js.map +1 -0
  13. package/dist/Globe-B0GciImK.js +46 -0
  14. package/dist/Globe-B0GciImK.js.map +1 -0
  15. package/dist/Globe-DkoSAfVS.esm.js +44 -0
  16. package/dist/Globe-DkoSAfVS.esm.js.map +1 -0
  17. package/dist/Graph-BpBqjCfO.js +34 -0
  18. package/dist/Graph-BpBqjCfO.js.map +1 -0
  19. package/dist/Graph-C6HemiNj.esm.js +32 -0
  20. package/dist/Graph-C6HemiNj.esm.js.map +1 -0
  21. package/dist/Illustration.css +1 -0
  22. package/dist/Interest-ajjCA2ag.esm.js +51 -0
  23. package/dist/Interest-ajjCA2ag.esm.js.map +1 -0
  24. package/dist/Interest-bo-lZHQD.js +53 -0
  25. package/dist/Interest-bo-lZHQD.js.map +1 -0
  26. package/dist/Jars-BqCMK3LX.js +53 -0
  27. package/dist/Jars-BqCMK3LX.js.map +1 -0
  28. package/dist/Jars-Da1dK6qP.esm.js +51 -0
  29. package/dist/Jars-Da1dK6qP.esm.js.map +1 -0
  30. package/dist/Lock-CmQJK3R6.js +44 -0
  31. package/dist/Lock-CmQJK3R6.js.map +1 -0
  32. package/dist/Lock-dn_E6gBX.esm.js +42 -0
  33. package/dist/Lock-dn_E6gBX.esm.js.map +1 -0
  34. package/dist/MagnifyingGlass-BK2gAjPL.js +33 -0
  35. package/dist/MagnifyingGlass-BK2gAjPL.js.map +1 -0
  36. package/dist/MagnifyingGlass-CjkQ4cPC.esm.js +31 -0
  37. package/dist/MagnifyingGlass-CjkQ4cPC.esm.js.map +1 -0
  38. package/dist/Marble-FuB5ppSN.esm.js +43 -0
  39. package/dist/Marble-FuB5ppSN.esm.js.map +1 -0
  40. package/dist/Marble-c63Wodn4.js +45 -0
  41. package/dist/Marble-c63Wodn4.js.map +1 -0
  42. package/dist/MarbleCard-CZoh2t6z.esm.js +46 -0
  43. package/dist/MarbleCard-CZoh2t6z.esm.js.map +1 -0
  44. package/dist/MarbleCard-DJz4FeXq.js +48 -0
  45. package/dist/MarbleCard-DJz4FeXq.js.map +1 -0
  46. package/dist/MultiCurrency-CCkYpe4r.esm.js +62 -0
  47. package/dist/MultiCurrency-CCkYpe4r.esm.js.map +1 -0
  48. package/dist/MultiCurrency-CjBfwvd5.js +64 -0
  49. package/dist/MultiCurrency-CjBfwvd5.js.map +1 -0
  50. package/dist/Plane-B5wEFkN3.esm.js +38 -0
  51. package/dist/Plane-B5wEFkN3.esm.js.map +1 -0
  52. package/dist/Plane-CFix2lAc.js +40 -0
  53. package/dist/Plane-CFix2lAc.js.map +1 -0
  54. package/dist/Scene-BbWfekxg.js +56 -0
  55. package/dist/Scene-BbWfekxg.js.map +1 -0
  56. package/dist/Scene-de3i_19x.esm.js +54 -0
  57. package/dist/Scene-de3i_19x.esm.js.map +1 -0
  58. package/dist/common-DBpCdW70.esm.js +14 -0
  59. package/dist/common-DBpCdW70.esm.js.map +1 -0
  60. package/dist/common-H4L6Hbbh.js +16 -0
  61. package/dist/common-H4L6Hbbh.js.map +1 -0
  62. package/dist/common.d.ts +15 -0
  63. package/dist/common.d.ts.map +1 -0
  64. package/dist/flags/Flag.d.ts +14 -0
  65. package/dist/flags/Flag.d.ts.map +1 -0
  66. package/dist/flags/Flag.spec.d.ts +2 -0
  67. package/dist/flags/Flag.spec.d.ts.map +1 -0
  68. package/dist/flags/index.d.ts +3 -0
  69. package/dist/flags/index.d.ts.map +1 -0
  70. package/dist/flags/metadata.d.ts +2 -0
  71. package/dist/flags/metadata.d.ts.map +1 -0
  72. package/dist/illustrations/Illustration.d.ts +20 -0
  73. package/dist/illustrations/Illustration.d.ts.map +1 -0
  74. package/dist/illustrations/Illustration.spec.d.ts +2 -0
  75. package/dist/illustrations/Illustration.spec.d.ts.map +1 -0
  76. package/dist/illustrations/index.d.ts +5 -0
  77. package/dist/illustrations/index.d.ts.map +1 -0
  78. package/dist/illustrations/metadata.d.ts +116 -0
  79. package/dist/illustrations/metadata.d.ts.map +1 -0
  80. package/dist/illustrations3d/Illustration3D.d.ts +10 -0
  81. package/dist/illustrations3d/Illustration3D.d.ts.map +1 -0
  82. package/dist/illustrations3d/Scene.d.ts +10 -0
  83. package/dist/illustrations3d/Scene.d.ts.map +1 -0
  84. package/dist/illustrations3d/index.d.ts +5 -0
  85. package/dist/illustrations3d/index.d.ts.map +1 -0
  86. package/dist/illustrations3d/models/CheckMark.d.ts +3 -0
  87. package/dist/illustrations3d/models/CheckMark.d.ts.map +1 -0
  88. package/dist/illustrations3d/models/Confetti.d.ts +3 -0
  89. package/dist/illustrations3d/models/Confetti.d.ts.map +1 -0
  90. package/dist/illustrations3d/models/Flower.d.ts +3 -0
  91. package/dist/illustrations3d/models/Flower.d.ts.map +1 -0
  92. package/dist/illustrations3d/models/Globe.d.ts +3 -0
  93. package/dist/illustrations3d/models/Globe.d.ts.map +1 -0
  94. package/dist/illustrations3d/models/Graph.d.ts +3 -0
  95. package/dist/illustrations3d/models/Graph.d.ts.map +1 -0
  96. package/dist/illustrations3d/models/Interest.d.ts +3 -0
  97. package/dist/illustrations3d/models/Interest.d.ts.map +1 -0
  98. package/dist/illustrations3d/models/Jars.d.ts +3 -0
  99. package/dist/illustrations3d/models/Jars.d.ts.map +1 -0
  100. package/dist/illustrations3d/models/Lock.d.ts +3 -0
  101. package/dist/illustrations3d/models/Lock.d.ts.map +1 -0
  102. package/dist/illustrations3d/models/MagnifyingGlass.d.ts +3 -0
  103. package/dist/illustrations3d/models/MagnifyingGlass.d.ts.map +1 -0
  104. package/dist/illustrations3d/models/Marble.d.ts +3 -0
  105. package/dist/illustrations3d/models/Marble.d.ts.map +1 -0
  106. package/dist/illustrations3d/models/MarbleCard.d.ts +3 -0
  107. package/dist/illustrations3d/models/MarbleCard.d.ts.map +1 -0
  108. package/dist/illustrations3d/models/MultiCurrency.d.ts +3 -0
  109. package/dist/illustrations3d/models/MultiCurrency.d.ts.map +1 -0
  110. package/dist/illustrations3d/models/Plane.d.ts +3 -0
  111. package/dist/illustrations3d/models/Plane.d.ts.map +1 -0
  112. package/dist/illustrations3d/utils.d.ts +10 -0
  113. package/dist/illustrations3d/utils.d.ts.map +1 -0
  114. package/dist/illustrations3d/utils.spec.d.ts +2 -0
  115. package/dist/illustrations3d/utils.spec.d.ts.map +1 -0
  116. package/dist/index-BDrfcpm_.esm.js +389 -0
  117. package/dist/index-BDrfcpm_.esm.js.map +1 -0
  118. package/dist/index-CikWxxNh.js +395 -0
  119. package/dist/index-CikWxxNh.js.map +1 -0
  120. package/dist/index.d.ts +10 -0
  121. package/dist/index.d.ts.map +1 -0
  122. package/dist/index.esm.js +6 -0
  123. package/dist/index.esm.js.map +1 -0
  124. package/dist/index.js +23 -0
  125. package/dist/index.js.map +1 -0
  126. package/dist/rive/RiveIllustration.d.ts +13 -0
  127. package/dist/rive/RiveIllustration.d.ts.map +1 -0
  128. package/dist/rive/index.d.ts +3 -0
  129. package/dist/rive/index.d.ts.map +1 -0
  130. package/dist/rive/index.esm.js +47 -0
  131. package/dist/rive/index.esm.js.map +1 -0
  132. package/dist/rive/index.js +53 -0
  133. package/dist/rive/index.js.map +1 -0
  134. package/package.json +3 -3
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Jars-BqCMK3LX.js","sources":["../src/illustrations3d/models/Jars.tsx"],"sourcesContent":["import { useGLTF, useAnimations } from '@react-three/drei';\nimport { useFrame, useLoader } from '@react-three/fiber';\nimport { useRef } from 'react';\nimport { TextureLoader, ObjectLoader } from 'three';\n\nimport { defineSrc } from '../utils';\n\nconst Jars = () => {\n const ref = useRef();\n const model = useGLTF(defineSrc('jars.glb'));\n const lights = useLoader(ObjectLoader, defineSrc('jars-light.json'));\n const wiseLogo = useLoader(TextureLoader, defineSrc('wise-flag-map-bump.jpg'));\n const jars = [];\n\n model.scene.traverse((child) => {\n if (child.name.startsWith('Coin_')) {\n child.material.bumpMap = wiseLogo;\n\n child.material.bumpMap.flipY = false;\n child.castShadow = false;\n child.receiveShadow = false;\n }\n if (child.name.startsWith('Jar_')) {\n jars.push(child);\n }\n });\n\n const { mixer, clips } = useAnimations(model.animations, ref);\n\n useFrame(() => {\n mixer.clipAction(clips[0]).play();\n\n jars.forEach((jar) => {\n jar.material.map.offset.x += 0.001;\n jar.material.map.offset.y += 0.0;\n });\n });\n\n return (\n <>\n <primitive ref={ref} scale={1.3} position={[0, -10, 0]} object={model.scene} />\n <primitive object={lights} />\n </>\n );\n};\n\nexport default Jars;\n"],"names":["Jars","ref","useRef","model","useGLTF","defineSrc","lights","useLoader","ObjectLoader","wiseLogo","TextureLoader","jars","scene","traverse","child","name","startsWith","material","bumpMap","flipY","castShadow","receiveShadow","push","mixer","clips","useAnimations","animations","useFrame","clipAction","play","forEach","jar","map","offset","x","y","_jsxs","_Fragment","children","_jsx","scale","position","object"],"mappings":";;;;;;;;;;;AAOA,MAAMA,IAAI,GAAGA,MAAK;AAChB,EAAA,MAAMC,GAAG,GAAGC,YAAM,EAAE;EACpB,MAAMC,KAAK,GAAGC,YAAO,CAACC,eAAS,CAAC,UAAU,CAAC,CAAC;EAC5C,MAAMC,MAAM,GAAGC,eAAS,CAACC,kBAAY,EAAEH,eAAS,CAAC,iBAAiB,CAAC,CAAC;EACpE,MAAMI,QAAQ,GAAGF,eAAS,CAACG,mBAAa,EAAEL,eAAS,CAAC,wBAAwB,CAAC,CAAC;EAC9E,MAAMM,IAAI,GAAG,EAAE;AAEfR,EAAAA,KAAK,CAACS,KAAK,CAACC,QAAQ,CAAEC,KAAK,IAAI;IAC7B,IAAIA,KAAK,CAACC,IAAI,CAACC,UAAU,CAAC,OAAO,CAAC,EAAE;AAClCF,MAAAA,KAAK,CAACG,QAAQ,CAACC,OAAO,GAAGT,QAAQ;AAEjCK,MAAAA,KAAK,CAACG,QAAQ,CAACC,OAAO,CAACC,KAAK,GAAG,KAAK;MACpCL,KAAK,CAACM,UAAU,GAAG,KAAK;MACxBN,KAAK,CAACO,aAAa,GAAG,KAAK;AAC7B,IAAA;IACA,IAAIP,KAAK,CAACC,IAAI,CAACC,UAAU,CAAC,MAAM,CAAC,EAAE;AACjCL,MAAAA,IAAI,CAACW,IAAI,CAACR,KAAK,CAAC;AAClB,IAAA;AACF,EAAA,CAAC,CAAC;EAEF,MAAM;IAAES,KAAK;AAAEC,IAAAA;GAAO,GAAGC,kBAAa,CAACtB,KAAK,CAACuB,UAAU,EAAEzB,GAAG,CAAC;AAE7D0B,EAAAA,cAAQ,CAAC,MAAK;IACZJ,KAAK,CAACK,UAAU,CAACJ,KAAK,CAAC,CAAC,CAAC,CAAC,CAACK,IAAI,EAAE;AAEjClB,IAAAA,IAAI,CAACmB,OAAO,CAAEC,GAAG,IAAI;MACnBA,GAAG,CAACd,QAAQ,CAACe,GAAG,CAACC,MAAM,CAACC,CAAC,IAAI,KAAK;MAClCH,GAAG,CAACd,QAAQ,CAACe,GAAG,CAACC,MAAM,CAACE,CAAC,IAAI,GAAG;AAClC,IAAA,CAAC,CAAC;AACJ,EAAA,CAAC,CAAC;EAEF,oBACEC,eAAA,CAAAC,mBAAA,EAAA;AAAAC,IAAAA,QAAA,gBACEC,cAAA,CAAA,WAAA,EAAA;AAAWtC,MAAAA,GAAG,EAAEA,GAAI;AAACuC,MAAAA,KAAK,EAAE,GAAI;MAACC,QAAQ,EAAE,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC,CAAE;MAACC,MAAM,EAAEvC,KAAK,CAACS;KAAM,CAC5E,eAAA2B,cAAA,CAAA,WAAA,EAAA;AAAWG,MAAAA,MAAM,EAAEpC;AAAO,KAAA,CAC5B;AAAA,GAAA,CAAG;AAEP;;;;"}
@@ -0,0 +1,51 @@
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-BDrfcpm_.esm.js';
6
+ import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
7
+ import 'clsx';
8
+ import './common-DBpCdW70.esm.js';
9
+
10
+ const Jars = () => {
11
+ const ref = useRef();
12
+ const model = useGLTF(defineSrc('jars.glb'));
13
+ const lights = useLoader(ObjectLoader, defineSrc('jars-light.json'));
14
+ const wiseLogo = useLoader(TextureLoader, defineSrc('wise-flag-map-bump.jpg'));
15
+ const jars = [];
16
+ model.scene.traverse(child => {
17
+ if (child.name.startsWith('Coin_')) {
18
+ child.material.bumpMap = wiseLogo;
19
+ child.material.bumpMap.flipY = false;
20
+ child.castShadow = false;
21
+ child.receiveShadow = false;
22
+ }
23
+ if (child.name.startsWith('Jar_')) {
24
+ jars.push(child);
25
+ }
26
+ });
27
+ const {
28
+ mixer,
29
+ clips
30
+ } = useAnimations(model.animations, ref);
31
+ useFrame(() => {
32
+ mixer.clipAction(clips[0]).play();
33
+ jars.forEach(jar => {
34
+ jar.material.map.offset.x += 0.001;
35
+ jar.material.map.offset.y += 0.0;
36
+ });
37
+ });
38
+ return /*#__PURE__*/jsxs(Fragment, {
39
+ children: [/*#__PURE__*/jsx("primitive", {
40
+ ref: ref,
41
+ scale: 1.3,
42
+ position: [0, -10, 0],
43
+ object: model.scene
44
+ }), /*#__PURE__*/jsx("primitive", {
45
+ object: lights
46
+ })]
47
+ });
48
+ };
49
+
50
+ export { Jars as default };
51
+ //# sourceMappingURL=Jars-Da1dK6qP.esm.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Jars-Da1dK6qP.esm.js","sources":["../src/illustrations3d/models/Jars.tsx"],"sourcesContent":["import { useGLTF, useAnimations } from '@react-three/drei';\nimport { useFrame, useLoader } from '@react-three/fiber';\nimport { useRef } from 'react';\nimport { TextureLoader, ObjectLoader } from 'three';\n\nimport { defineSrc } from '../utils';\n\nconst Jars = () => {\n const ref = useRef();\n const model = useGLTF(defineSrc('jars.glb'));\n const lights = useLoader(ObjectLoader, defineSrc('jars-light.json'));\n const wiseLogo = useLoader(TextureLoader, defineSrc('wise-flag-map-bump.jpg'));\n const jars = [];\n\n model.scene.traverse((child) => {\n if (child.name.startsWith('Coin_')) {\n child.material.bumpMap = wiseLogo;\n\n child.material.bumpMap.flipY = false;\n child.castShadow = false;\n child.receiveShadow = false;\n }\n if (child.name.startsWith('Jar_')) {\n jars.push(child);\n }\n });\n\n const { mixer, clips } = useAnimations(model.animations, ref);\n\n useFrame(() => {\n mixer.clipAction(clips[0]).play();\n\n jars.forEach((jar) => {\n jar.material.map.offset.x += 0.001;\n jar.material.map.offset.y += 0.0;\n });\n });\n\n return (\n <>\n <primitive ref={ref} scale={1.3} position={[0, -10, 0]} object={model.scene} />\n <primitive object={lights} />\n </>\n );\n};\n\nexport default Jars;\n"],"names":["Jars","ref","useRef","model","useGLTF","defineSrc","lights","useLoader","ObjectLoader","wiseLogo","TextureLoader","jars","scene","traverse","child","name","startsWith","material","bumpMap","flipY","castShadow","receiveShadow","push","mixer","clips","useAnimations","animations","useFrame","clipAction","play","forEach","jar","map","offset","x","y","_jsxs","_Fragment","children","_jsx","scale","position","object"],"mappings":";;;;;;;;;AAOA,MAAMA,IAAI,GAAGA,MAAK;AAChB,EAAA,MAAMC,GAAG,GAAGC,MAAM,EAAE;EACpB,MAAMC,KAAK,GAAGC,OAAO,CAACC,SAAS,CAAC,UAAU,CAAC,CAAC;EAC5C,MAAMC,MAAM,GAAGC,SAAS,CAACC,YAAY,EAAEH,SAAS,CAAC,iBAAiB,CAAC,CAAC;EACpE,MAAMI,QAAQ,GAAGF,SAAS,CAACG,aAAa,EAAEL,SAAS,CAAC,wBAAwB,CAAC,CAAC;EAC9E,MAAMM,IAAI,GAAG,EAAE;AAEfR,EAAAA,KAAK,CAACS,KAAK,CAACC,QAAQ,CAAEC,KAAK,IAAI;IAC7B,IAAIA,KAAK,CAACC,IAAI,CAACC,UAAU,CAAC,OAAO,CAAC,EAAE;AAClCF,MAAAA,KAAK,CAACG,QAAQ,CAACC,OAAO,GAAGT,QAAQ;AAEjCK,MAAAA,KAAK,CAACG,QAAQ,CAACC,OAAO,CAACC,KAAK,GAAG,KAAK;MACpCL,KAAK,CAACM,UAAU,GAAG,KAAK;MACxBN,KAAK,CAACO,aAAa,GAAG,KAAK;AAC7B,IAAA;IACA,IAAIP,KAAK,CAACC,IAAI,CAACC,UAAU,CAAC,MAAM,CAAC,EAAE;AACjCL,MAAAA,IAAI,CAACW,IAAI,CAACR,KAAK,CAAC;AAClB,IAAA;AACF,EAAA,CAAC,CAAC;EAEF,MAAM;IAAES,KAAK;AAAEC,IAAAA;GAAO,GAAGC,aAAa,CAACtB,KAAK,CAACuB,UAAU,EAAEzB,GAAG,CAAC;AAE7D0B,EAAAA,QAAQ,CAAC,MAAK;IACZJ,KAAK,CAACK,UAAU,CAACJ,KAAK,CAAC,CAAC,CAAC,CAAC,CAACK,IAAI,EAAE;AAEjClB,IAAAA,IAAI,CAACmB,OAAO,CAAEC,GAAG,IAAI;MACnBA,GAAG,CAACd,QAAQ,CAACe,GAAG,CAACC,MAAM,CAACC,CAAC,IAAI,KAAK;MAClCH,GAAG,CAACd,QAAQ,CAACe,GAAG,CAACC,MAAM,CAACE,CAAC,IAAI,GAAG;AAClC,IAAA,CAAC,CAAC;AACJ,EAAA,CAAC,CAAC;EAEF,oBACEC,IAAA,CAAAC,QAAA,EAAA;AAAAC,IAAAA,QAAA,gBACEC,GAAA,CAAA,WAAA,EAAA;AAAWtC,MAAAA,GAAG,EAAEA,GAAI;AAACuC,MAAAA,KAAK,EAAE,GAAI;MAACC,QAAQ,EAAE,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC,CAAE;MAACC,MAAM,EAAEvC,KAAK,CAACS;KAAM,CAC5E,eAAA2B,GAAA,CAAA,WAAA,EAAA;AAAWG,MAAAA,MAAM,EAAEpC;AAAO,KAAA,CAC5B;AAAA,GAAA,CAAG;AAEP;;;;"}
@@ -0,0 +1,44 @@
1
+ 'use strict';
2
+
3
+ var drei = require('@react-three/drei');
4
+ var fiber = require('@react-three/fiber');
5
+ var react = require('react');
6
+ var three = require('three');
7
+ var index = require('./index-CikWxxNh.js');
8
+ var jsxRuntime = require('react/jsx-runtime');
9
+ require('clsx');
10
+ require('./common-H4L6Hbbh.js');
11
+
12
+ const Lock = () => {
13
+ const ref = react.useRef();
14
+ const model = drei.useGLTF(index.defineSrc('lock.glb'));
15
+ const lights = fiber.useLoader(three.ObjectLoader, index.defineSrc('lock-light.json'));
16
+ model.scene.traverse(node => {
17
+ if (node.isMesh) {
18
+ node.castShadow = true;
19
+ node.receiveShadow = true;
20
+ }
21
+ });
22
+ const {
23
+ clips,
24
+ mixer
25
+ } = drei.useAnimations(model.animations, ref);
26
+ let frame = 0;
27
+ fiber.useFrame(() => {
28
+ mixer.clipAction(clips[0]).play().setLoop(three.LoopOnce, 1);
29
+ model.scene.position.y = Math.sin(frame++ * 0.04) * 0.2;
30
+ model.materials.Standard.map.offset.x += -1e-3;
31
+ });
32
+ return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
33
+ children: [/*#__PURE__*/jsxRuntime.jsx("primitive", {
34
+ ref: ref,
35
+ scale: 1.4,
36
+ object: model.scene
37
+ }), /*#__PURE__*/jsxRuntime.jsx("primitive", {
38
+ object: lights
39
+ })]
40
+ });
41
+ };
42
+
43
+ exports.default = Lock;
44
+ //# sourceMappingURL=Lock-CmQJK3R6.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Lock-CmQJK3R6.js","sources":["../src/illustrations3d/models/Lock.tsx"],"sourcesContent":["import { useGLTF, useAnimations } from '@react-three/drei';\nimport { useFrame, useLoader } from '@react-three/fiber';\nimport { useRef } from 'react';\nimport { LoopOnce, ObjectLoader } from 'three';\n\nimport { defineSrc } from '../utils';\n\nconst Lock = () => {\n const ref = useRef();\n const model = useGLTF(defineSrc('lock.glb'));\n\n const lights = useLoader(ObjectLoader, defineSrc('lock-light.json'));\n\n model.scene.traverse((node) => {\n if (node.isMesh) {\n node.castShadow = true;\n node.receiveShadow = true;\n }\n });\n\n const { clips, mixer } = useAnimations(model.animations, ref);\n let frame = 0;\n useFrame(() => {\n mixer.clipAction(clips[0]).play().setLoop(LoopOnce, 1);\n model.scene.position.y = Math.sin(frame++ * 0.04) * 0.2;\n\n model.materials.Standard.map.offset.x += -0.001;\n });\n\n return (\n <>\n <primitive ref={ref} scale={1.4} object={model.scene} />\n <primitive object={lights} />\n </>\n );\n};\n\nexport default Lock;\n"],"names":["Lock","ref","useRef","model","useGLTF","defineSrc","lights","useLoader","ObjectLoader","scene","traverse","node","isMesh","castShadow","receiveShadow","clips","mixer","useAnimations","animations","frame","useFrame","clipAction","play","setLoop","LoopOnce","position","y","Math","sin","materials","Standard","map","offset","x","_jsxs","_Fragment","children","_jsx","scale","object"],"mappings":";;;;;;;;;;;AAOA,MAAMA,IAAI,GAAGA,MAAK;AAChB,EAAA,MAAMC,GAAG,GAAGC,YAAM,EAAE;EACpB,MAAMC,KAAK,GAAGC,YAAO,CAACC,eAAS,CAAC,UAAU,CAAC,CAAC;EAE5C,MAAMC,MAAM,GAAGC,eAAS,CAACC,kBAAY,EAAEH,eAAS,CAAC,iBAAiB,CAAC,CAAC;AAEpEF,EAAAA,KAAK,CAACM,KAAK,CAACC,QAAQ,CAAEC,IAAI,IAAI;IAC5B,IAAIA,IAAI,CAACC,MAAM,EAAE;MACfD,IAAI,CAACE,UAAU,GAAG,IAAI;MACtBF,IAAI,CAACG,aAAa,GAAG,IAAI;AAC3B,IAAA;AACF,EAAA,CAAC,CAAC;EAEF,MAAM;IAAEC,KAAK;AAAEC,IAAAA;GAAO,GAAGC,kBAAa,CAACd,KAAK,CAACe,UAAU,EAAEjB,GAAG,CAAC;EAC7D,IAAIkB,KAAK,GAAG,CAAC;AACbC,EAAAA,cAAQ,CAAC,MAAK;AACZJ,IAAAA,KAAK,CAACK,UAAU,CAACN,KAAK,CAAC,CAAC,CAAC,CAAC,CAACO,IAAI,EAAE,CAACC,OAAO,CAACC,cAAQ,EAAE,CAAC,CAAC;AACtDrB,IAAAA,KAAK,CAACM,KAAK,CAACgB,QAAQ,CAACC,CAAC,GAAGC,IAAI,CAACC,GAAG,CAACT,KAAK,EAAE,GAAG,IAAI,CAAC,GAAG,GAAG;AAEvDhB,IAAAA,KAAK,CAAC0B,SAAS,CAACC,QAAQ,CAACC,GAAG,CAACC,MAAM,CAACC,CAAC,IAAI,KAAM;AACjD,EAAA,CAAC,CAAC;EAEF,oBACEC,eAAA,CAAAC,mBAAA,EAAA;AAAAC,IAAAA,QAAA,gBACEC,cAAA,CAAA,WAAA,EAAA;AAAWpC,MAAAA,GAAG,EAAEA,GAAI;AAACqC,MAAAA,KAAK,EAAE,GAAI;MAACC,MAAM,EAAEpC,KAAK,CAACM;KAAM,CACrD,eAAA4B,cAAA,CAAA,WAAA,EAAA;AAAWE,MAAAA,MAAM,EAAEjC;AAAO,KAAA,CAC5B;AAAA,GAAA,CAAG;AAEP;;;;"}
@@ -0,0 +1,42 @@
1
+ import { useGLTF, useAnimations } from '@react-three/drei';
2
+ import { useLoader, useFrame } from '@react-three/fiber';
3
+ import { useRef } from 'react';
4
+ import { ObjectLoader, LoopOnce } from 'three';
5
+ import { d as defineSrc } from './index-BDrfcpm_.esm.js';
6
+ import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
7
+ import 'clsx';
8
+ import './common-DBpCdW70.esm.js';
9
+
10
+ const Lock = () => {
11
+ const ref = useRef();
12
+ const model = useGLTF(defineSrc('lock.glb'));
13
+ const lights = useLoader(ObjectLoader, defineSrc('lock-light.json'));
14
+ model.scene.traverse(node => {
15
+ if (node.isMesh) {
16
+ node.castShadow = true;
17
+ node.receiveShadow = true;
18
+ }
19
+ });
20
+ const {
21
+ clips,
22
+ mixer
23
+ } = useAnimations(model.animations, ref);
24
+ let frame = 0;
25
+ useFrame(() => {
26
+ mixer.clipAction(clips[0]).play().setLoop(LoopOnce, 1);
27
+ model.scene.position.y = Math.sin(frame++ * 0.04) * 0.2;
28
+ model.materials.Standard.map.offset.x += -1e-3;
29
+ });
30
+ return /*#__PURE__*/jsxs(Fragment, {
31
+ children: [/*#__PURE__*/jsx("primitive", {
32
+ ref: ref,
33
+ scale: 1.4,
34
+ object: model.scene
35
+ }), /*#__PURE__*/jsx("primitive", {
36
+ object: lights
37
+ })]
38
+ });
39
+ };
40
+
41
+ export { Lock as default };
42
+ //# sourceMappingURL=Lock-dn_E6gBX.esm.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Lock-dn_E6gBX.esm.js","sources":["../src/illustrations3d/models/Lock.tsx"],"sourcesContent":["import { useGLTF, useAnimations } from '@react-three/drei';\nimport { useFrame, useLoader } from '@react-three/fiber';\nimport { useRef } from 'react';\nimport { LoopOnce, ObjectLoader } from 'three';\n\nimport { defineSrc } from '../utils';\n\nconst Lock = () => {\n const ref = useRef();\n const model = useGLTF(defineSrc('lock.glb'));\n\n const lights = useLoader(ObjectLoader, defineSrc('lock-light.json'));\n\n model.scene.traverse((node) => {\n if (node.isMesh) {\n node.castShadow = true;\n node.receiveShadow = true;\n }\n });\n\n const { clips, mixer } = useAnimations(model.animations, ref);\n let frame = 0;\n useFrame(() => {\n mixer.clipAction(clips[0]).play().setLoop(LoopOnce, 1);\n model.scene.position.y = Math.sin(frame++ * 0.04) * 0.2;\n\n model.materials.Standard.map.offset.x += -0.001;\n });\n\n return (\n <>\n <primitive ref={ref} scale={1.4} object={model.scene} />\n <primitive object={lights} />\n </>\n );\n};\n\nexport default Lock;\n"],"names":["Lock","ref","useRef","model","useGLTF","defineSrc","lights","useLoader","ObjectLoader","scene","traverse","node","isMesh","castShadow","receiveShadow","clips","mixer","useAnimations","animations","frame","useFrame","clipAction","play","setLoop","LoopOnce","position","y","Math","sin","materials","Standard","map","offset","x","_jsxs","_Fragment","children","_jsx","scale","object"],"mappings":";;;;;;;;;AAOA,MAAMA,IAAI,GAAGA,MAAK;AAChB,EAAA,MAAMC,GAAG,GAAGC,MAAM,EAAE;EACpB,MAAMC,KAAK,GAAGC,OAAO,CAACC,SAAS,CAAC,UAAU,CAAC,CAAC;EAE5C,MAAMC,MAAM,GAAGC,SAAS,CAACC,YAAY,EAAEH,SAAS,CAAC,iBAAiB,CAAC,CAAC;AAEpEF,EAAAA,KAAK,CAACM,KAAK,CAACC,QAAQ,CAAEC,IAAI,IAAI;IAC5B,IAAIA,IAAI,CAACC,MAAM,EAAE;MACfD,IAAI,CAACE,UAAU,GAAG,IAAI;MACtBF,IAAI,CAACG,aAAa,GAAG,IAAI;AAC3B,IAAA;AACF,EAAA,CAAC,CAAC;EAEF,MAAM;IAAEC,KAAK;AAAEC,IAAAA;GAAO,GAAGC,aAAa,CAACd,KAAK,CAACe,UAAU,EAAEjB,GAAG,CAAC;EAC7D,IAAIkB,KAAK,GAAG,CAAC;AACbC,EAAAA,QAAQ,CAAC,MAAK;AACZJ,IAAAA,KAAK,CAACK,UAAU,CAACN,KAAK,CAAC,CAAC,CAAC,CAAC,CAACO,IAAI,EAAE,CAACC,OAAO,CAACC,QAAQ,EAAE,CAAC,CAAC;AACtDrB,IAAAA,KAAK,CAACM,KAAK,CAACgB,QAAQ,CAACC,CAAC,GAAGC,IAAI,CAACC,GAAG,CAACT,KAAK,EAAE,GAAG,IAAI,CAAC,GAAG,GAAG;AAEvDhB,IAAAA,KAAK,CAAC0B,SAAS,CAACC,QAAQ,CAACC,GAAG,CAACC,MAAM,CAACC,CAAC,IAAI,KAAM;AACjD,EAAA,CAAC,CAAC;EAEF,oBACEC,IAAA,CAAAC,QAAA,EAAA;AAAAC,IAAAA,QAAA,gBACEC,GAAA,CAAA,WAAA,EAAA;AAAWpC,MAAAA,GAAG,EAAEA,GAAI;AAACqC,MAAAA,KAAK,EAAE,GAAI;MAACC,MAAM,EAAEpC,KAAK,CAACM;KAAM,CACrD,eAAA4B,GAAA,CAAA,WAAA,EAAA;AAAWE,MAAAA,MAAM,EAAEjC;AAAO,KAAA,CAC5B;AAAA,GAAA,CAAG;AAEP;;;;"}
@@ -0,0 +1,33 @@
1
+ 'use strict';
2
+
3
+ var drei = require('@react-three/drei');
4
+ var fiber = require('@react-three/fiber');
5
+ var three = require('three');
6
+ var index = require('./index-CikWxxNh.js');
7
+ var jsxRuntime = require('react/jsx-runtime');
8
+ require('clsx');
9
+ require('react');
10
+ require('./common-H4L6Hbbh.js');
11
+
12
+ const MagnifyingGlass = () => {
13
+ const model = drei.useGLTF(index.defineSrc('magnifying-glass.glb'));
14
+ const lights = fiber.useLoader(three.ObjectLoader, index.defineSrc('magnifying-glass-light.json'));
15
+ const lens = model.scene.getObjectByName('Optimised_lens');
16
+ fiber.useFrame(() => {
17
+ lens.material.transparent = true;
18
+ lens.material.opacity = 0.8;
19
+ model.materials['Tapestry WebGL'].map.offset.x += -6e-4;
20
+ });
21
+ return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
22
+ children: [/*#__PURE__*/jsxRuntime.jsx("primitive", {
23
+ scale: 1.5,
24
+ position: [0, -12, 0],
25
+ object: model.scene
26
+ }), /*#__PURE__*/jsxRuntime.jsx("primitive", {
27
+ object: lights
28
+ })]
29
+ });
30
+ };
31
+
32
+ exports.default = MagnifyingGlass;
33
+ //# sourceMappingURL=MagnifyingGlass-BK2gAjPL.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"MagnifyingGlass-BK2gAjPL.js","sources":["../src/illustrations3d/models/MagnifyingGlass.tsx"],"sourcesContent":["import { useGLTF } from '@react-three/drei';\nimport { useFrame, useLoader } from '@react-three/fiber';\nimport { ObjectLoader } from 'three';\n\nimport { defineSrc } from '../utils';\n\nconst MagnifyingGlass = () => {\n const model = useGLTF(defineSrc('magnifying-glass.glb'));\n\n const lights = useLoader(ObjectLoader, defineSrc('magnifying-glass-light.json'));\n\n const lens = model.scene.getObjectByName('Optimised_lens');\n\n useFrame(() => {\n lens.material.transparent = true;\n\n lens.material.opacity = 0.8;\n\n model.materials['Tapestry WebGL'].map.offset.x += -0.0006;\n });\n\n return (\n <>\n <primitive scale={1.5} position={[0, -12, 0]} object={model.scene} />\n <primitive object={lights} />\n </>\n );\n};\n\nexport default MagnifyingGlass;\n"],"names":["MagnifyingGlass","model","useGLTF","defineSrc","lights","useLoader","ObjectLoader","lens","scene","getObjectByName","useFrame","material","transparent","opacity","materials","map","offset","x","_jsxs","_Fragment","children","_jsx","scale","position","object"],"mappings":";;;;;;;;;;;AAMA,MAAMA,eAAe,GAAGA,MAAK;EAC3B,MAAMC,KAAK,GAAGC,YAAO,CAACC,eAAS,CAAC,sBAAsB,CAAC,CAAC;EAExD,MAAMC,MAAM,GAAGC,eAAS,CAACC,kBAAY,EAAEH,eAAS,CAAC,6BAA6B,CAAC,CAAC;EAEhF,MAAMI,IAAI,GAAGN,KAAK,CAACO,KAAK,CAACC,eAAe,CAAC,gBAAgB,CAAC;AAE1DC,EAAAA,cAAQ,CAAC,MAAK;AACZH,IAAAA,IAAI,CAACI,QAAQ,CAACC,WAAW,GAAG,IAAI;AAEhCL,IAAAA,IAAI,CAACI,QAAQ,CAACE,OAAO,GAAG,GAAG;AAE3BZ,IAAAA,KAAK,CAACa,SAAS,CAAC,gBAAgB,CAAC,CAACC,GAAG,CAACC,MAAM,CAACC,CAAC,IAAI,KAAO;AAC3D,EAAA,CAAC,CAAC;EAEF,oBACEC,eAAA,CAAAC,mBAAA,EAAA;AAAAC,IAAAA,QAAA,gBACEC,cAAA,CAAA,WAAA,EAAA;AAAWC,MAAAA,KAAK,EAAE,GAAI;MAACC,QAAQ,EAAE,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC,CAAE;MAACC,MAAM,EAAEvB,KAAK,CAACO;KAAM,CAClE,eAAAa,cAAA,CAAA,WAAA,EAAA;AAAWG,MAAAA,MAAM,EAAEpB;AAAO,KAAA,CAC5B;AAAA,GAAA,CAAG;AAEP;;;;"}
@@ -0,0 +1,31 @@
1
+ import { useGLTF } from '@react-three/drei';
2
+ import { useLoader, useFrame } from '@react-three/fiber';
3
+ import { ObjectLoader } from 'three';
4
+ import { d as defineSrc } from './index-BDrfcpm_.esm.js';
5
+ import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
6
+ import 'clsx';
7
+ import 'react';
8
+ import './common-DBpCdW70.esm.js';
9
+
10
+ const MagnifyingGlass = () => {
11
+ const model = useGLTF(defineSrc('magnifying-glass.glb'));
12
+ const lights = useLoader(ObjectLoader, defineSrc('magnifying-glass-light.json'));
13
+ const lens = model.scene.getObjectByName('Optimised_lens');
14
+ useFrame(() => {
15
+ lens.material.transparent = true;
16
+ lens.material.opacity = 0.8;
17
+ model.materials['Tapestry WebGL'].map.offset.x += -6e-4;
18
+ });
19
+ return /*#__PURE__*/jsxs(Fragment, {
20
+ children: [/*#__PURE__*/jsx("primitive", {
21
+ scale: 1.5,
22
+ position: [0, -12, 0],
23
+ object: model.scene
24
+ }), /*#__PURE__*/jsx("primitive", {
25
+ object: lights
26
+ })]
27
+ });
28
+ };
29
+
30
+ export { MagnifyingGlass as default };
31
+ //# sourceMappingURL=MagnifyingGlass-CjkQ4cPC.esm.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"MagnifyingGlass-CjkQ4cPC.esm.js","sources":["../src/illustrations3d/models/MagnifyingGlass.tsx"],"sourcesContent":["import { useGLTF } from '@react-three/drei';\nimport { useFrame, useLoader } from '@react-three/fiber';\nimport { ObjectLoader } from 'three';\n\nimport { defineSrc } from '../utils';\n\nconst MagnifyingGlass = () => {\n const model = useGLTF(defineSrc('magnifying-glass.glb'));\n\n const lights = useLoader(ObjectLoader, defineSrc('magnifying-glass-light.json'));\n\n const lens = model.scene.getObjectByName('Optimised_lens');\n\n useFrame(() => {\n lens.material.transparent = true;\n\n lens.material.opacity = 0.8;\n\n model.materials['Tapestry WebGL'].map.offset.x += -0.0006;\n });\n\n return (\n <>\n <primitive scale={1.5} position={[0, -12, 0]} object={model.scene} />\n <primitive object={lights} />\n </>\n );\n};\n\nexport default MagnifyingGlass;\n"],"names":["MagnifyingGlass","model","useGLTF","defineSrc","lights","useLoader","ObjectLoader","lens","scene","getObjectByName","useFrame","material","transparent","opacity","materials","map","offset","x","_jsxs","_Fragment","children","_jsx","scale","position","object"],"mappings":";;;;;;;;;AAMA,MAAMA,eAAe,GAAGA,MAAK;EAC3B,MAAMC,KAAK,GAAGC,OAAO,CAACC,SAAS,CAAC,sBAAsB,CAAC,CAAC;EAExD,MAAMC,MAAM,GAAGC,SAAS,CAACC,YAAY,EAAEH,SAAS,CAAC,6BAA6B,CAAC,CAAC;EAEhF,MAAMI,IAAI,GAAGN,KAAK,CAACO,KAAK,CAACC,eAAe,CAAC,gBAAgB,CAAC;AAE1DC,EAAAA,QAAQ,CAAC,MAAK;AACZH,IAAAA,IAAI,CAACI,QAAQ,CAACC,WAAW,GAAG,IAAI;AAEhCL,IAAAA,IAAI,CAACI,QAAQ,CAACE,OAAO,GAAG,GAAG;AAE3BZ,IAAAA,KAAK,CAACa,SAAS,CAAC,gBAAgB,CAAC,CAACC,GAAG,CAACC,MAAM,CAACC,CAAC,IAAI,KAAO;AAC3D,EAAA,CAAC,CAAC;EAEF,oBACEC,IAAA,CAAAC,QAAA,EAAA;AAAAC,IAAAA,QAAA,gBACEC,GAAA,CAAA,WAAA,EAAA;AAAWC,MAAAA,KAAK,EAAE,GAAI;MAACC,QAAQ,EAAE,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC,CAAE;MAACC,MAAM,EAAEvB,KAAK,CAACO;KAAM,CAClE,eAAAa,GAAA,CAAA,WAAA,EAAA;AAAWG,MAAAA,MAAM,EAAEpB;AAAO,KAAA,CAC5B;AAAA,GAAA,CAAG;AAEP;;;;"}
@@ -0,0 +1,43 @@
1
+ import { useGLTF } from '@react-three/drei';
2
+ import { useLoader, useFrame } from '@react-three/fiber';
3
+ import { ObjectLoader } from 'three';
4
+ import { d as defineSrc } from './index-BDrfcpm_.esm.js';
5
+ import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
6
+ import 'clsx';
7
+ import 'react';
8
+ import './common-DBpCdW70.esm.js';
9
+
10
+ const Marble = () => {
11
+ const model = useGLTF(defineSrc('marble.glb'));
12
+ const lights = useLoader(ObjectLoader, defineSrc('marble-light.json'));
13
+ const sphere = model.scene.getObjectByName('Sphere1');
14
+ sphere.material.depthTest = true;
15
+ const stripeBottom = model.scene.getObjectByName('Strip_Center_Big_(4th_-_Bottom_Layer)');
16
+ stripeBottom.material.depthTest = false;
17
+ stripeBottom.renderOrder = 1;
18
+ const stripeLeft = model.scene.getObjectByName('Strip_Left_(3rd)');
19
+ stripeLeft.material.depthTest = false;
20
+ stripeLeft.renderOrder = 2;
21
+ const stripeRight = model.scene.getObjectByName('Strip_Left_(3rd)');
22
+ stripeRight.material.depthTest = false;
23
+ stripeRight.renderOrder = 3;
24
+ const stripeTop = model.scene.getObjectByName('Strip_Center_(1st_-_Top_Layer)');
25
+ stripeTop.material.depthTest = false;
26
+ stripeTop.renderOrder = 4;
27
+ const animatedMaps = [sphere, stripeTop, stripeBottom, stripeLeft, stripeRight].map(object => object.material.map);
28
+ useFrame(() => {
29
+ animatedMaps.forEach(map => map.offset.y += -15e-4);
30
+ });
31
+ return /*#__PURE__*/jsxs(Fragment, {
32
+ children: [/*#__PURE__*/jsx("primitive", {
33
+ scale: 1.4,
34
+ position: [0, -11, 0],
35
+ object: model.scene
36
+ }), /*#__PURE__*/jsx("primitive", {
37
+ object: lights
38
+ })]
39
+ });
40
+ };
41
+
42
+ export { Marble as default };
43
+ //# sourceMappingURL=Marble-FuB5ppSN.esm.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Marble-FuB5ppSN.esm.js","sources":["../src/illustrations3d/models/Marble.tsx"],"sourcesContent":["import { useGLTF } from '@react-three/drei';\nimport { useFrame, useLoader } from '@react-three/fiber';\nimport { ObjectLoader } from 'three';\n\nimport { defineSrc } from '../utils';\n\nconst Marble = () => {\n const model = useGLTF(defineSrc('marble.glb'));\n\n const lights = useLoader(ObjectLoader, defineSrc('marble-light.json'));\n\n const sphere = model.scene.getObjectByName('Sphere1');\n sphere.material.depthTest = true;\n\n const stripeBottom = model.scene.getObjectByName('Strip_Center_Big_(4th_-_Bottom_Layer)');\n stripeBottom.material.depthTest = false;\n stripeBottom.renderOrder = 1;\n\n const stripeLeft = model.scene.getObjectByName('Strip_Left_(3rd)');\n stripeLeft.material.depthTest = false;\n stripeLeft.renderOrder = 2;\n\n const stripeRight = model.scene.getObjectByName('Strip_Left_(3rd)');\n stripeRight.material.depthTest = false;\n stripeRight.renderOrder = 3;\n\n const stripeTop = model.scene.getObjectByName('Strip_Center_(1st_-_Top_Layer)');\n stripeTop.material.depthTest = false;\n stripeTop.renderOrder = 4;\n\n const animatedMaps = [sphere, stripeTop, stripeBottom, stripeLeft, stripeRight].map(\n (object) => object.material.map,\n );\n\n useFrame(() => {\n animatedMaps.forEach((map) => (map.offset.y += -0.0015));\n });\n\n return (\n <>\n <primitive scale={1.4} position={[0, -11, 0]} object={model.scene} />\n <primitive object={lights} />\n </>\n );\n};\n\nexport default Marble;\n"],"names":["Marble","model","useGLTF","defineSrc","lights","useLoader","ObjectLoader","sphere","scene","getObjectByName","material","depthTest","stripeBottom","renderOrder","stripeLeft","stripeRight","stripeTop","animatedMaps","map","object","useFrame","forEach","offset","y","_jsxs","_Fragment","children","_jsx","scale","position"],"mappings":";;;;;;;;;AAMA,MAAMA,MAAM,GAAGA,MAAK;EAClB,MAAMC,KAAK,GAAGC,OAAO,CAACC,SAAS,CAAC,YAAY,CAAC,CAAC;EAE9C,MAAMC,MAAM,GAAGC,SAAS,CAACC,YAAY,EAAEH,SAAS,CAAC,mBAAmB,CAAC,CAAC;EAEtE,MAAMI,MAAM,GAAGN,KAAK,CAACO,KAAK,CAACC,eAAe,CAAC,SAAS,CAAC;AACrDF,EAAAA,MAAM,CAACG,QAAQ,CAACC,SAAS,GAAG,IAAI;EAEhC,MAAMC,YAAY,GAAGX,KAAK,CAACO,KAAK,CAACC,eAAe,CAAC,uCAAuC,CAAC;AACzFG,EAAAA,YAAY,CAACF,QAAQ,CAACC,SAAS,GAAG,KAAK;EACvCC,YAAY,CAACC,WAAW,GAAG,CAAC;EAE5B,MAAMC,UAAU,GAAGb,KAAK,CAACO,KAAK,CAACC,eAAe,CAAC,kBAAkB,CAAC;AAClEK,EAAAA,UAAU,CAACJ,QAAQ,CAACC,SAAS,GAAG,KAAK;EACrCG,UAAU,CAACD,WAAW,GAAG,CAAC;EAE1B,MAAME,WAAW,GAAGd,KAAK,CAACO,KAAK,CAACC,eAAe,CAAC,kBAAkB,CAAC;AACnEM,EAAAA,WAAW,CAACL,QAAQ,CAACC,SAAS,GAAG,KAAK;EACtCI,WAAW,CAACF,WAAW,GAAG,CAAC;EAE3B,MAAMG,SAAS,GAAGf,KAAK,CAACO,KAAK,CAACC,eAAe,CAAC,gCAAgC,CAAC;AAC/EO,EAAAA,SAAS,CAACN,QAAQ,CAACC,SAAS,GAAG,KAAK;EACpCK,SAAS,CAACH,WAAW,GAAG,CAAC;EAEzB,MAAMI,YAAY,GAAG,CAACV,MAAM,EAAES,SAAS,EAAEJ,YAAY,EAAEE,UAAU,EAAEC,WAAW,CAAC,CAACG,GAAG,CAChFC,MAAM,IAAKA,MAAM,CAACT,QAAQ,CAACQ,GAAG,CAChC;AAEDE,EAAAA,QAAQ,CAAC,MAAK;AACZH,IAAAA,YAAY,CAACI,OAAO,CAAEH,GAAG,IAAMA,GAAG,CAACI,MAAM,CAACC,CAAC,IAAI,MAAQ,CAAC;AAC1D,EAAA,CAAC,CAAC;EAEF,oBACEC,IAAA,CAAAC,QAAA,EAAA;AAAAC,IAAAA,QAAA,gBACEC,GAAA,CAAA,WAAA,EAAA;AAAWC,MAAAA,KAAK,EAAE,GAAI;MAACC,QAAQ,EAAE,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC,CAAE;MAACV,MAAM,EAAElB,KAAK,CAACO;KAAM,CAClE,eAAAmB,GAAA,CAAA,WAAA,EAAA;AAAWR,MAAAA,MAAM,EAAEf;AAAO,KAAA,CAC5B;AAAA,GAAA,CAAG;AAEP;;;;"}
@@ -0,0 +1,45 @@
1
+ 'use strict';
2
+
3
+ var drei = require('@react-three/drei');
4
+ var fiber = require('@react-three/fiber');
5
+ var three = require('three');
6
+ var index = require('./index-CikWxxNh.js');
7
+ var jsxRuntime = require('react/jsx-runtime');
8
+ require('clsx');
9
+ require('react');
10
+ require('./common-H4L6Hbbh.js');
11
+
12
+ const Marble = () => {
13
+ const model = drei.useGLTF(index.defineSrc('marble.glb'));
14
+ const lights = fiber.useLoader(three.ObjectLoader, index.defineSrc('marble-light.json'));
15
+ const sphere = model.scene.getObjectByName('Sphere1');
16
+ sphere.material.depthTest = true;
17
+ const stripeBottom = model.scene.getObjectByName('Strip_Center_Big_(4th_-_Bottom_Layer)');
18
+ stripeBottom.material.depthTest = false;
19
+ stripeBottom.renderOrder = 1;
20
+ const stripeLeft = model.scene.getObjectByName('Strip_Left_(3rd)');
21
+ stripeLeft.material.depthTest = false;
22
+ stripeLeft.renderOrder = 2;
23
+ const stripeRight = model.scene.getObjectByName('Strip_Left_(3rd)');
24
+ stripeRight.material.depthTest = false;
25
+ stripeRight.renderOrder = 3;
26
+ const stripeTop = model.scene.getObjectByName('Strip_Center_(1st_-_Top_Layer)');
27
+ stripeTop.material.depthTest = false;
28
+ stripeTop.renderOrder = 4;
29
+ const animatedMaps = [sphere, stripeTop, stripeBottom, stripeLeft, stripeRight].map(object => object.material.map);
30
+ fiber.useFrame(() => {
31
+ animatedMaps.forEach(map => map.offset.y += -15e-4);
32
+ });
33
+ return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
34
+ children: [/*#__PURE__*/jsxRuntime.jsx("primitive", {
35
+ scale: 1.4,
36
+ position: [0, -11, 0],
37
+ object: model.scene
38
+ }), /*#__PURE__*/jsxRuntime.jsx("primitive", {
39
+ object: lights
40
+ })]
41
+ });
42
+ };
43
+
44
+ exports.default = Marble;
45
+ //# sourceMappingURL=Marble-c63Wodn4.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Marble-c63Wodn4.js","sources":["../src/illustrations3d/models/Marble.tsx"],"sourcesContent":["import { useGLTF } from '@react-three/drei';\nimport { useFrame, useLoader } from '@react-three/fiber';\nimport { ObjectLoader } from 'three';\n\nimport { defineSrc } from '../utils';\n\nconst Marble = () => {\n const model = useGLTF(defineSrc('marble.glb'));\n\n const lights = useLoader(ObjectLoader, defineSrc('marble-light.json'));\n\n const sphere = model.scene.getObjectByName('Sphere1');\n sphere.material.depthTest = true;\n\n const stripeBottom = model.scene.getObjectByName('Strip_Center_Big_(4th_-_Bottom_Layer)');\n stripeBottom.material.depthTest = false;\n stripeBottom.renderOrder = 1;\n\n const stripeLeft = model.scene.getObjectByName('Strip_Left_(3rd)');\n stripeLeft.material.depthTest = false;\n stripeLeft.renderOrder = 2;\n\n const stripeRight = model.scene.getObjectByName('Strip_Left_(3rd)');\n stripeRight.material.depthTest = false;\n stripeRight.renderOrder = 3;\n\n const stripeTop = model.scene.getObjectByName('Strip_Center_(1st_-_Top_Layer)');\n stripeTop.material.depthTest = false;\n stripeTop.renderOrder = 4;\n\n const animatedMaps = [sphere, stripeTop, stripeBottom, stripeLeft, stripeRight].map(\n (object) => object.material.map,\n );\n\n useFrame(() => {\n animatedMaps.forEach((map) => (map.offset.y += -0.0015));\n });\n\n return (\n <>\n <primitive scale={1.4} position={[0, -11, 0]} object={model.scene} />\n <primitive object={lights} />\n </>\n );\n};\n\nexport default Marble;\n"],"names":["Marble","model","useGLTF","defineSrc","lights","useLoader","ObjectLoader","sphere","scene","getObjectByName","material","depthTest","stripeBottom","renderOrder","stripeLeft","stripeRight","stripeTop","animatedMaps","map","object","useFrame","forEach","offset","y","_jsxs","_Fragment","children","_jsx","scale","position"],"mappings":";;;;;;;;;;;AAMA,MAAMA,MAAM,GAAGA,MAAK;EAClB,MAAMC,KAAK,GAAGC,YAAO,CAACC,eAAS,CAAC,YAAY,CAAC,CAAC;EAE9C,MAAMC,MAAM,GAAGC,eAAS,CAACC,kBAAY,EAAEH,eAAS,CAAC,mBAAmB,CAAC,CAAC;EAEtE,MAAMI,MAAM,GAAGN,KAAK,CAACO,KAAK,CAACC,eAAe,CAAC,SAAS,CAAC;AACrDF,EAAAA,MAAM,CAACG,QAAQ,CAACC,SAAS,GAAG,IAAI;EAEhC,MAAMC,YAAY,GAAGX,KAAK,CAACO,KAAK,CAACC,eAAe,CAAC,uCAAuC,CAAC;AACzFG,EAAAA,YAAY,CAACF,QAAQ,CAACC,SAAS,GAAG,KAAK;EACvCC,YAAY,CAACC,WAAW,GAAG,CAAC;EAE5B,MAAMC,UAAU,GAAGb,KAAK,CAACO,KAAK,CAACC,eAAe,CAAC,kBAAkB,CAAC;AAClEK,EAAAA,UAAU,CAACJ,QAAQ,CAACC,SAAS,GAAG,KAAK;EACrCG,UAAU,CAACD,WAAW,GAAG,CAAC;EAE1B,MAAME,WAAW,GAAGd,KAAK,CAACO,KAAK,CAACC,eAAe,CAAC,kBAAkB,CAAC;AACnEM,EAAAA,WAAW,CAACL,QAAQ,CAACC,SAAS,GAAG,KAAK;EACtCI,WAAW,CAACF,WAAW,GAAG,CAAC;EAE3B,MAAMG,SAAS,GAAGf,KAAK,CAACO,KAAK,CAACC,eAAe,CAAC,gCAAgC,CAAC;AAC/EO,EAAAA,SAAS,CAACN,QAAQ,CAACC,SAAS,GAAG,KAAK;EACpCK,SAAS,CAACH,WAAW,GAAG,CAAC;EAEzB,MAAMI,YAAY,GAAG,CAACV,MAAM,EAAES,SAAS,EAAEJ,YAAY,EAAEE,UAAU,EAAEC,WAAW,CAAC,CAACG,GAAG,CAChFC,MAAM,IAAKA,MAAM,CAACT,QAAQ,CAACQ,GAAG,CAChC;AAEDE,EAAAA,cAAQ,CAAC,MAAK;AACZH,IAAAA,YAAY,CAACI,OAAO,CAAEH,GAAG,IAAMA,GAAG,CAACI,MAAM,CAACC,CAAC,IAAI,MAAQ,CAAC;AAC1D,EAAA,CAAC,CAAC;EAEF,oBACEC,eAAA,CAAAC,mBAAA,EAAA;AAAAC,IAAAA,QAAA,gBACEC,cAAA,CAAA,WAAA,EAAA;AAAWC,MAAAA,KAAK,EAAE,GAAI;MAACC,QAAQ,EAAE,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC,CAAE;MAACV,MAAM,EAAElB,KAAK,CAACO;KAAM,CAClE,eAAAmB,cAAA,CAAA,WAAA,EAAA;AAAWR,MAAAA,MAAM,EAAEf;AAAO,KAAA,CAC5B;AAAA,GAAA,CAAG;AAEP;;;;"}
@@ -0,0 +1,46 @@
1
+ import { useGLTF } from '@react-three/drei';
2
+ import { useLoader, useFrame } from '@react-three/fiber';
3
+ import { ObjectLoader } from 'three';
4
+ import { d as defineSrc } from './index-BDrfcpm_.esm.js';
5
+ import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
6
+ import 'clsx';
7
+ import 'react';
8
+ import './common-DBpCdW70.esm.js';
9
+
10
+ const MarbleCard = () => {
11
+ const model = useGLTF(defineSrc('marble-card.glb'));
12
+ const lights = useLoader(ObjectLoader, defineSrc('marble-card-light.json'));
13
+ const sphere = model.scene.getObjectByName('Sphere1');
14
+ sphere.material.depthTest = true;
15
+ const stripeBottom = model.scene.getObjectByName('Strip_Center_Big_(4th_-_Bottom_Layer)');
16
+ stripeBottom.material.depthTest = false;
17
+ stripeBottom.renderOrder = 1;
18
+ const stripeLeft = model.scene.getObjectByName('Strip_Left_(3rd)');
19
+ stripeLeft.material.depthTest = false;
20
+ stripeLeft.renderOrder = 2;
21
+ const stripeRight = model.scene.getObjectByName('Strip_Right_(2nd)');
22
+ stripeRight.material.depthTest = false;
23
+ stripeRight.renderOrder = 3;
24
+ const stripeTop = model.scene.getObjectByName('Strip_Center_(1st_-_Top_Layer)');
25
+ stripeTop.material.depthTest = false;
26
+ stripeTop.renderOrder = 4;
27
+ const card = model.scene.getObjectByName('Plane');
28
+ card.material.depthTest = false;
29
+ card.material.metalness = 0;
30
+ const animatedMaps = [sphere, stripeTop, stripeBottom, stripeLeft, stripeRight].map(object => object.material.map);
31
+ useFrame(() => {
32
+ animatedMaps.forEach(map => map.offset.y += -15e-4);
33
+ });
34
+ return /*#__PURE__*/jsxs(Fragment, {
35
+ children: [/*#__PURE__*/jsx("primitive", {
36
+ scale: 1.4,
37
+ position: [0, -10, 0],
38
+ object: model.scene
39
+ }), /*#__PURE__*/jsx("primitive", {
40
+ object: lights
41
+ })]
42
+ });
43
+ };
44
+
45
+ export { MarbleCard as default };
46
+ //# sourceMappingURL=MarbleCard-CZoh2t6z.esm.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"MarbleCard-CZoh2t6z.esm.js","sources":["../src/illustrations3d/models/MarbleCard.tsx"],"sourcesContent":["import { useGLTF } from '@react-three/drei';\nimport { useFrame, useLoader } from '@react-three/fiber';\nimport { ObjectLoader } from 'three';\n\nimport { defineSrc } from '../utils';\n\nconst MarbleCard = () => {\n const model = useGLTF(defineSrc('marble-card.glb'));\n\n const lights = useLoader(ObjectLoader, defineSrc('marble-card-light.json'));\n const sphere = model.scene.getObjectByName('Sphere1');\n sphere.material.depthTest = true;\n\n const stripeBottom = model.scene.getObjectByName('Strip_Center_Big_(4th_-_Bottom_Layer)');\n stripeBottom.material.depthTest = false;\n stripeBottom.renderOrder = 1;\n\n const stripeLeft = model.scene.getObjectByName('Strip_Left_(3rd)');\n stripeLeft.material.depthTest = false;\n stripeLeft.renderOrder = 2;\n\n const stripeRight = model.scene.getObjectByName('Strip_Right_(2nd)');\n stripeRight.material.depthTest = false;\n stripeRight.renderOrder = 3;\n\n const stripeTop = model.scene.getObjectByName('Strip_Center_(1st_-_Top_Layer)');\n stripeTop.material.depthTest = false;\n stripeTop.renderOrder = 4;\n\n const card = model.scene.getObjectByName('Plane');\n card.material.depthTest = false;\n card.material.metalness = 0;\n\n const animatedMaps = [sphere, stripeTop, stripeBottom, stripeLeft, stripeRight].map(\n (object) => object.material.map,\n );\n\n useFrame(() => {\n animatedMaps.forEach((map) => (map.offset.y += -0.0015));\n });\n\n return (\n <>\n <primitive scale={1.4} position={[0, -10, 0]} object={model.scene} />\n <primitive object={lights} />\n </>\n );\n};\n\nexport default MarbleCard;\n"],"names":["MarbleCard","model","useGLTF","defineSrc","lights","useLoader","ObjectLoader","sphere","scene","getObjectByName","material","depthTest","stripeBottom","renderOrder","stripeLeft","stripeRight","stripeTop","card","metalness","animatedMaps","map","object","useFrame","forEach","offset","y","_jsxs","_Fragment","children","_jsx","scale","position"],"mappings":";;;;;;;;;AAMA,MAAMA,UAAU,GAAGA,MAAK;EACtB,MAAMC,KAAK,GAAGC,OAAO,CAACC,SAAS,CAAC,iBAAiB,CAAC,CAAC;EAEnD,MAAMC,MAAM,GAAGC,SAAS,CAACC,YAAY,EAAEH,SAAS,CAAC,wBAAwB,CAAC,CAAC;EAC3E,MAAMI,MAAM,GAAGN,KAAK,CAACO,KAAK,CAACC,eAAe,CAAC,SAAS,CAAC;AACrDF,EAAAA,MAAM,CAACG,QAAQ,CAACC,SAAS,GAAG,IAAI;EAEhC,MAAMC,YAAY,GAAGX,KAAK,CAACO,KAAK,CAACC,eAAe,CAAC,uCAAuC,CAAC;AACzFG,EAAAA,YAAY,CAACF,QAAQ,CAACC,SAAS,GAAG,KAAK;EACvCC,YAAY,CAACC,WAAW,GAAG,CAAC;EAE5B,MAAMC,UAAU,GAAGb,KAAK,CAACO,KAAK,CAACC,eAAe,CAAC,kBAAkB,CAAC;AAClEK,EAAAA,UAAU,CAACJ,QAAQ,CAACC,SAAS,GAAG,KAAK;EACrCG,UAAU,CAACD,WAAW,GAAG,CAAC;EAE1B,MAAME,WAAW,GAAGd,KAAK,CAACO,KAAK,CAACC,eAAe,CAAC,mBAAmB,CAAC;AACpEM,EAAAA,WAAW,CAACL,QAAQ,CAACC,SAAS,GAAG,KAAK;EACtCI,WAAW,CAACF,WAAW,GAAG,CAAC;EAE3B,MAAMG,SAAS,GAAGf,KAAK,CAACO,KAAK,CAACC,eAAe,CAAC,gCAAgC,CAAC;AAC/EO,EAAAA,SAAS,CAACN,QAAQ,CAACC,SAAS,GAAG,KAAK;EACpCK,SAAS,CAACH,WAAW,GAAG,CAAC;EAEzB,MAAMI,IAAI,GAAGhB,KAAK,CAACO,KAAK,CAACC,eAAe,CAAC,OAAO,CAAC;AACjDQ,EAAAA,IAAI,CAACP,QAAQ,CAACC,SAAS,GAAG,KAAK;AAC/BM,EAAAA,IAAI,CAACP,QAAQ,CAACQ,SAAS,GAAG,CAAC;EAE3B,MAAMC,YAAY,GAAG,CAACZ,MAAM,EAAES,SAAS,EAAEJ,YAAY,EAAEE,UAAU,EAAEC,WAAW,CAAC,CAACK,GAAG,CAChFC,MAAM,IAAKA,MAAM,CAACX,QAAQ,CAACU,GAAG,CAChC;AAEDE,EAAAA,QAAQ,CAAC,MAAK;AACZH,IAAAA,YAAY,CAACI,OAAO,CAAEH,GAAG,IAAMA,GAAG,CAACI,MAAM,CAACC,CAAC,IAAI,MAAQ,CAAC;AAC1D,EAAA,CAAC,CAAC;EAEF,oBACEC,IAAA,CAAAC,QAAA,EAAA;AAAAC,IAAAA,QAAA,gBACEC,GAAA,CAAA,WAAA,EAAA;AAAWC,MAAAA,KAAK,EAAE,GAAI;MAACC,QAAQ,EAAE,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC,CAAE;MAACV,MAAM,EAAEpB,KAAK,CAACO;KAAM,CAClE,eAAAqB,GAAA,CAAA,WAAA,EAAA;AAAWR,MAAAA,MAAM,EAAEjB;AAAO,KAAA,CAC5B;AAAA,GAAA,CAAG;AAEP;;;;"}
@@ -0,0 +1,48 @@
1
+ 'use strict';
2
+
3
+ var drei = require('@react-three/drei');
4
+ var fiber = require('@react-three/fiber');
5
+ var three = require('three');
6
+ var index = require('./index-CikWxxNh.js');
7
+ var jsxRuntime = require('react/jsx-runtime');
8
+ require('clsx');
9
+ require('react');
10
+ require('./common-H4L6Hbbh.js');
11
+
12
+ const MarbleCard = () => {
13
+ const model = drei.useGLTF(index.defineSrc('marble-card.glb'));
14
+ const lights = fiber.useLoader(three.ObjectLoader, index.defineSrc('marble-card-light.json'));
15
+ const sphere = model.scene.getObjectByName('Sphere1');
16
+ sphere.material.depthTest = true;
17
+ const stripeBottom = model.scene.getObjectByName('Strip_Center_Big_(4th_-_Bottom_Layer)');
18
+ stripeBottom.material.depthTest = false;
19
+ stripeBottom.renderOrder = 1;
20
+ const stripeLeft = model.scene.getObjectByName('Strip_Left_(3rd)');
21
+ stripeLeft.material.depthTest = false;
22
+ stripeLeft.renderOrder = 2;
23
+ const stripeRight = model.scene.getObjectByName('Strip_Right_(2nd)');
24
+ stripeRight.material.depthTest = false;
25
+ stripeRight.renderOrder = 3;
26
+ const stripeTop = model.scene.getObjectByName('Strip_Center_(1st_-_Top_Layer)');
27
+ stripeTop.material.depthTest = false;
28
+ stripeTop.renderOrder = 4;
29
+ const card = model.scene.getObjectByName('Plane');
30
+ card.material.depthTest = false;
31
+ card.material.metalness = 0;
32
+ const animatedMaps = [sphere, stripeTop, stripeBottom, stripeLeft, stripeRight].map(object => object.material.map);
33
+ fiber.useFrame(() => {
34
+ animatedMaps.forEach(map => map.offset.y += -15e-4);
35
+ });
36
+ return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
37
+ children: [/*#__PURE__*/jsxRuntime.jsx("primitive", {
38
+ scale: 1.4,
39
+ position: [0, -10, 0],
40
+ object: model.scene
41
+ }), /*#__PURE__*/jsxRuntime.jsx("primitive", {
42
+ object: lights
43
+ })]
44
+ });
45
+ };
46
+
47
+ exports.default = MarbleCard;
48
+ //# sourceMappingURL=MarbleCard-DJz4FeXq.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"MarbleCard-DJz4FeXq.js","sources":["../src/illustrations3d/models/MarbleCard.tsx"],"sourcesContent":["import { useGLTF } from '@react-three/drei';\nimport { useFrame, useLoader } from '@react-three/fiber';\nimport { ObjectLoader } from 'three';\n\nimport { defineSrc } from '../utils';\n\nconst MarbleCard = () => {\n const model = useGLTF(defineSrc('marble-card.glb'));\n\n const lights = useLoader(ObjectLoader, defineSrc('marble-card-light.json'));\n const sphere = model.scene.getObjectByName('Sphere1');\n sphere.material.depthTest = true;\n\n const stripeBottom = model.scene.getObjectByName('Strip_Center_Big_(4th_-_Bottom_Layer)');\n stripeBottom.material.depthTest = false;\n stripeBottom.renderOrder = 1;\n\n const stripeLeft = model.scene.getObjectByName('Strip_Left_(3rd)');\n stripeLeft.material.depthTest = false;\n stripeLeft.renderOrder = 2;\n\n const stripeRight = model.scene.getObjectByName('Strip_Right_(2nd)');\n stripeRight.material.depthTest = false;\n stripeRight.renderOrder = 3;\n\n const stripeTop = model.scene.getObjectByName('Strip_Center_(1st_-_Top_Layer)');\n stripeTop.material.depthTest = false;\n stripeTop.renderOrder = 4;\n\n const card = model.scene.getObjectByName('Plane');\n card.material.depthTest = false;\n card.material.metalness = 0;\n\n const animatedMaps = [sphere, stripeTop, stripeBottom, stripeLeft, stripeRight].map(\n (object) => object.material.map,\n );\n\n useFrame(() => {\n animatedMaps.forEach((map) => (map.offset.y += -0.0015));\n });\n\n return (\n <>\n <primitive scale={1.4} position={[0, -10, 0]} object={model.scene} />\n <primitive object={lights} />\n </>\n );\n};\n\nexport default MarbleCard;\n"],"names":["MarbleCard","model","useGLTF","defineSrc","lights","useLoader","ObjectLoader","sphere","scene","getObjectByName","material","depthTest","stripeBottom","renderOrder","stripeLeft","stripeRight","stripeTop","card","metalness","animatedMaps","map","object","useFrame","forEach","offset","y","_jsxs","_Fragment","children","_jsx","scale","position"],"mappings":";;;;;;;;;;;AAMA,MAAMA,UAAU,GAAGA,MAAK;EACtB,MAAMC,KAAK,GAAGC,YAAO,CAACC,eAAS,CAAC,iBAAiB,CAAC,CAAC;EAEnD,MAAMC,MAAM,GAAGC,eAAS,CAACC,kBAAY,EAAEH,eAAS,CAAC,wBAAwB,CAAC,CAAC;EAC3E,MAAMI,MAAM,GAAGN,KAAK,CAACO,KAAK,CAACC,eAAe,CAAC,SAAS,CAAC;AACrDF,EAAAA,MAAM,CAACG,QAAQ,CAACC,SAAS,GAAG,IAAI;EAEhC,MAAMC,YAAY,GAAGX,KAAK,CAACO,KAAK,CAACC,eAAe,CAAC,uCAAuC,CAAC;AACzFG,EAAAA,YAAY,CAACF,QAAQ,CAACC,SAAS,GAAG,KAAK;EACvCC,YAAY,CAACC,WAAW,GAAG,CAAC;EAE5B,MAAMC,UAAU,GAAGb,KAAK,CAACO,KAAK,CAACC,eAAe,CAAC,kBAAkB,CAAC;AAClEK,EAAAA,UAAU,CAACJ,QAAQ,CAACC,SAAS,GAAG,KAAK;EACrCG,UAAU,CAACD,WAAW,GAAG,CAAC;EAE1B,MAAME,WAAW,GAAGd,KAAK,CAACO,KAAK,CAACC,eAAe,CAAC,mBAAmB,CAAC;AACpEM,EAAAA,WAAW,CAACL,QAAQ,CAACC,SAAS,GAAG,KAAK;EACtCI,WAAW,CAACF,WAAW,GAAG,CAAC;EAE3B,MAAMG,SAAS,GAAGf,KAAK,CAACO,KAAK,CAACC,eAAe,CAAC,gCAAgC,CAAC;AAC/EO,EAAAA,SAAS,CAACN,QAAQ,CAACC,SAAS,GAAG,KAAK;EACpCK,SAAS,CAACH,WAAW,GAAG,CAAC;EAEzB,MAAMI,IAAI,GAAGhB,KAAK,CAACO,KAAK,CAACC,eAAe,CAAC,OAAO,CAAC;AACjDQ,EAAAA,IAAI,CAACP,QAAQ,CAACC,SAAS,GAAG,KAAK;AAC/BM,EAAAA,IAAI,CAACP,QAAQ,CAACQ,SAAS,GAAG,CAAC;EAE3B,MAAMC,YAAY,GAAG,CAACZ,MAAM,EAAES,SAAS,EAAEJ,YAAY,EAAEE,UAAU,EAAEC,WAAW,CAAC,CAACK,GAAG,CAChFC,MAAM,IAAKA,MAAM,CAACX,QAAQ,CAACU,GAAG,CAChC;AAEDE,EAAAA,cAAQ,CAAC,MAAK;AACZH,IAAAA,YAAY,CAACI,OAAO,CAAEH,GAAG,IAAMA,GAAG,CAACI,MAAM,CAACC,CAAC,IAAI,MAAQ,CAAC;AAC1D,EAAA,CAAC,CAAC;EAEF,oBACEC,eAAA,CAAAC,mBAAA,EAAA;AAAAC,IAAAA,QAAA,gBACEC,cAAA,CAAA,WAAA,EAAA;AAAWC,MAAAA,KAAK,EAAE,GAAI;MAACC,QAAQ,EAAE,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC,CAAE;MAACV,MAAM,EAAEpB,KAAK,CAACO;KAAM,CAClE,eAAAqB,cAAA,CAAA,WAAA,EAAA;AAAWR,MAAAA,MAAM,EAAEjB;AAAO,KAAA,CAC5B;AAAA,GAAA,CAAG;AAEP;;;;"}
@@ -0,0 +1,62 @@
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-BDrfcpm_.esm.js';
6
+ import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
7
+ import 'clsx';
8
+ import './common-DBpCdW70.esm.js';
9
+
10
+ const MultiCurrency = () => {
11
+ const ref = useRef();
12
+ const model = useGLTF(defineSrc('multi-currency.glb'));
13
+ const lights = useLoader(ObjectLoader, defineSrc('multi-currency-light.json'));
14
+ const wiseLogo = useLoader(TextureLoader, defineSrc('wise-flag-map-bump.jpg'));
15
+ const animatedMaps = [];
16
+ model.scene.traverse(child => {
17
+ if (child.name.includes('Note')) {
18
+ child.castShadow = true;
19
+ child.receiveShadow = true;
20
+ }
21
+ if (child.name.startsWith('Coin_') && child.isMesh) {
22
+ const {
23
+ material
24
+ } = child;
25
+ material.bumpMap = wiseLogo;
26
+ material.bumpMap.flipY = false;
27
+ material.bumpScale = 1;
28
+ material.color = new Color(0.49, 0.49, 0.49);
29
+ child.castShadow = false;
30
+ child.receiveShadow = false;
31
+ }
32
+ if (child.name.startsWith('NoteBase_') && child.isMesh) {
33
+ animatedMaps.push(child.material.map);
34
+ }
35
+ if (child.name.includes('Wise') && child.isMesh) {
36
+ animatedMaps.push(child.material.map);
37
+ }
38
+ });
39
+ const {
40
+ mixer,
41
+ clips
42
+ } = useAnimations(model.animations, ref);
43
+ useFrame(() => {
44
+ animatedMaps.forEach(animatedMap => {
45
+ animatedMap.offset.x += 0.001;
46
+ });
47
+ mixer.clipAction(clips[0]).play();
48
+ });
49
+ return /*#__PURE__*/jsxs(Fragment, {
50
+ children: [/*#__PURE__*/jsx("primitive", {
51
+ ref: ref,
52
+ position: [-0.5, -10, 0],
53
+ scale: 1.3,
54
+ object: model.scene
55
+ }), /*#__PURE__*/jsx("primitive", {
56
+ object: lights
57
+ })]
58
+ });
59
+ };
60
+
61
+ export { MultiCurrency as default };
62
+ //# sourceMappingURL=MultiCurrency-CCkYpe4r.esm.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"MultiCurrency-CCkYpe4r.esm.js","sources":["../src/illustrations3d/models/MultiCurrency.tsx"],"sourcesContent":["import { useGLTF, useAnimations } from '@react-three/drei';\nimport { useFrame, useLoader } from '@react-three/fiber';\nimport { useRef } from 'react';\nimport { ObjectLoader, TextureLoader, Color } from 'three';\n\nimport { defineSrc } from '../utils';\n\nconst MultiCurrency = () => {\n const ref = useRef();\n const model = useGLTF(defineSrc('multi-currency.glb'));\n\n const lights = useLoader(ObjectLoader, defineSrc('multi-currency-light.json'));\n const wiseLogo = useLoader(TextureLoader, defineSrc('wise-flag-map-bump.jpg'));\n\n const animatedMaps = [];\n\n model.scene.traverse((child) => {\n if (child.name.includes('Note')) {\n child.castShadow = true;\n child.receiveShadow = true;\n }\n\n if (child.name.startsWith('Coin_') && child.isMesh) {\n const { material } = child;\n material.bumpMap = wiseLogo;\n material.bumpMap.flipY = false;\n material.bumpScale = 1;\n material.color = new Color(0.49, 0.49, 0.49);\n child.castShadow = false;\n child.receiveShadow = false;\n }\n\n if (child.name.startsWith('NoteBase_') && child.isMesh) {\n animatedMaps.push(child.material.map);\n }\n\n if (child.name.includes('Wise') && child.isMesh) {\n animatedMaps.push(child.material.map);\n }\n });\n\n const { mixer, clips } = useAnimations(model.animations, ref);\n useFrame(() => {\n animatedMaps.forEach((animatedMap) => {\n animatedMap.offset.x += 0.001;\n });\n mixer.clipAction(clips[0]).play();\n });\n\n return (\n <>\n <primitive ref={ref} position={[-0.5, -10, 0]} scale={1.3} object={model.scene} />\n <primitive object={lights} />\n </>\n );\n};\n\nexport default MultiCurrency;\n"],"names":["MultiCurrency","ref","useRef","model","useGLTF","defineSrc","lights","useLoader","ObjectLoader","wiseLogo","TextureLoader","animatedMaps","scene","traverse","child","name","includes","castShadow","receiveShadow","startsWith","isMesh","material","bumpMap","flipY","bumpScale","color","Color","push","map","mixer","clips","useAnimations","animations","useFrame","forEach","animatedMap","offset","x","clipAction","play","_jsxs","_Fragment","children","_jsx","position","scale","object"],"mappings":";;;;;;;;;AAOA,MAAMA,aAAa,GAAGA,MAAK;AACzB,EAAA,MAAMC,GAAG,GAAGC,MAAM,EAAE;EACpB,MAAMC,KAAK,GAAGC,OAAO,CAACC,SAAS,CAAC,oBAAoB,CAAC,CAAC;EAEtD,MAAMC,MAAM,GAAGC,SAAS,CAACC,YAAY,EAAEH,SAAS,CAAC,2BAA2B,CAAC,CAAC;EAC9E,MAAMI,QAAQ,GAAGF,SAAS,CAACG,aAAa,EAAEL,SAAS,CAAC,wBAAwB,CAAC,CAAC;EAE9E,MAAMM,YAAY,GAAG,EAAE;AAEvBR,EAAAA,KAAK,CAACS,KAAK,CAACC,QAAQ,CAAEC,KAAK,IAAI;IAC7B,IAAIA,KAAK,CAACC,IAAI,CAACC,QAAQ,CAAC,MAAM,CAAC,EAAE;MAC/BF,KAAK,CAACG,UAAU,GAAG,IAAI;MACvBH,KAAK,CAACI,aAAa,GAAG,IAAI;AAC5B,IAAA;AAEA,IAAA,IAAIJ,KAAK,CAACC,IAAI,CAACI,UAAU,CAAC,OAAO,CAAC,IAAIL,KAAK,CAACM,MAAM,EAAE;MAClD,MAAM;AAAEC,QAAAA;AAAQ,OAAE,GAAGP,KAAK;MAC1BO,QAAQ,CAACC,OAAO,GAAGb,QAAQ;AAC3BY,MAAAA,QAAQ,CAACC,OAAO,CAACC,KAAK,GAAG,KAAK;MAC9BF,QAAQ,CAACG,SAAS,GAAG,CAAC;MACtBH,QAAQ,CAACI,KAAK,GAAG,IAAIC,KAAK,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC;MAC5CZ,KAAK,CAACG,UAAU,GAAG,KAAK;MACxBH,KAAK,CAACI,aAAa,GAAG,KAAK;AAC7B,IAAA;AAEA,IAAA,IAAIJ,KAAK,CAACC,IAAI,CAACI,UAAU,CAAC,WAAW,CAAC,IAAIL,KAAK,CAACM,MAAM,EAAE;MACtDT,YAAY,CAACgB,IAAI,CAACb,KAAK,CAACO,QAAQ,CAACO,GAAG,CAAC;AACvC,IAAA;AAEA,IAAA,IAAId,KAAK,CAACC,IAAI,CAACC,QAAQ,CAAC,MAAM,CAAC,IAAIF,KAAK,CAACM,MAAM,EAAE;MAC/CT,YAAY,CAACgB,IAAI,CAACb,KAAK,CAACO,QAAQ,CAACO,GAAG,CAAC;AACvC,IAAA;AACF,EAAA,CAAC,CAAC;EAEF,MAAM;IAAEC,KAAK;AAAEC,IAAAA;GAAO,GAAGC,aAAa,CAAC5B,KAAK,CAAC6B,UAAU,EAAE/B,GAAG,CAAC;AAC7DgC,EAAAA,QAAQ,CAAC,MAAK;AACZtB,IAAAA,YAAY,CAACuB,OAAO,CAAEC,WAAW,IAAI;AACnCA,MAAAA,WAAW,CAACC,MAAM,CAACC,CAAC,IAAI,KAAK;AAC/B,IAAA,CAAC,CAAC;IACFR,KAAK,CAACS,UAAU,CAACR,KAAK,CAAC,CAAC,CAAC,CAAC,CAACS,IAAI,EAAE;AACnC,EAAA,CAAC,CAAC;EAEF,oBACEC,IAAA,CAAAC,QAAA,EAAA;AAAAC,IAAAA,QAAA,gBACEC,GAAA,CAAA,WAAA,EAAA;AAAW1C,MAAAA,GAAG,EAAEA,GAAI;MAAC2C,QAAQ,EAAE,CAAC,IAAI,EAAE,GAAG,EAAE,CAAC,CAAE;AAACC,MAAAA,KAAK,EAAE,GAAI;MAACC,MAAM,EAAE3C,KAAK,CAACS;KAAM,CAC/E,eAAA+B,GAAA,CAAA,WAAA,EAAA;AAAWG,MAAAA,MAAM,EAAExC;AAAO,KAAA,CAC5B;AAAA,GAAA,CAAG;AAEP;;;;"}
@@ -0,0 +1,64 @@
1
+ 'use strict';
2
+
3
+ var drei = require('@react-three/drei');
4
+ var fiber = require('@react-three/fiber');
5
+ var react = require('react');
6
+ var three = require('three');
7
+ var index = require('./index-CikWxxNh.js');
8
+ var jsxRuntime = require('react/jsx-runtime');
9
+ require('clsx');
10
+ require('./common-H4L6Hbbh.js');
11
+
12
+ const MultiCurrency = () => {
13
+ const ref = react.useRef();
14
+ const model = drei.useGLTF(index.defineSrc('multi-currency.glb'));
15
+ const lights = fiber.useLoader(three.ObjectLoader, index.defineSrc('multi-currency-light.json'));
16
+ const wiseLogo = fiber.useLoader(three.TextureLoader, index.defineSrc('wise-flag-map-bump.jpg'));
17
+ const animatedMaps = [];
18
+ model.scene.traverse(child => {
19
+ if (child.name.includes('Note')) {
20
+ child.castShadow = true;
21
+ child.receiveShadow = true;
22
+ }
23
+ if (child.name.startsWith('Coin_') && child.isMesh) {
24
+ const {
25
+ material
26
+ } = child;
27
+ material.bumpMap = wiseLogo;
28
+ material.bumpMap.flipY = false;
29
+ material.bumpScale = 1;
30
+ material.color = new three.Color(0.49, 0.49, 0.49);
31
+ child.castShadow = false;
32
+ child.receiveShadow = false;
33
+ }
34
+ if (child.name.startsWith('NoteBase_') && child.isMesh) {
35
+ animatedMaps.push(child.material.map);
36
+ }
37
+ if (child.name.includes('Wise') && child.isMesh) {
38
+ animatedMaps.push(child.material.map);
39
+ }
40
+ });
41
+ const {
42
+ mixer,
43
+ clips
44
+ } = drei.useAnimations(model.animations, ref);
45
+ fiber.useFrame(() => {
46
+ animatedMaps.forEach(animatedMap => {
47
+ animatedMap.offset.x += 0.001;
48
+ });
49
+ mixer.clipAction(clips[0]).play();
50
+ });
51
+ return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
52
+ children: [/*#__PURE__*/jsxRuntime.jsx("primitive", {
53
+ ref: ref,
54
+ position: [-0.5, -10, 0],
55
+ scale: 1.3,
56
+ object: model.scene
57
+ }), /*#__PURE__*/jsxRuntime.jsx("primitive", {
58
+ object: lights
59
+ })]
60
+ });
61
+ };
62
+
63
+ exports.default = MultiCurrency;
64
+ //# sourceMappingURL=MultiCurrency-CjBfwvd5.js.map