@wise/art 2.3.4-beta.12 → 2.3.4-beta.13

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 (103) hide show
  1. package/dist/CheckMarkModel-3b5e29a9.js +2 -0
  2. package/dist/CheckMarkModel-3b5e29a9.js.map +1 -0
  3. package/dist/CheckMarkModel-94c2a99d.js +2 -0
  4. package/dist/CheckMarkModel-94c2a99d.js.map +1 -0
  5. package/dist/ConfettiModel-769c6a68.js +2 -0
  6. package/dist/ConfettiModel-769c6a68.js.map +1 -0
  7. package/dist/ConfettiModel-c8a529a9.js +2 -0
  8. package/dist/ConfettiModel-c8a529a9.js.map +1 -0
  9. package/dist/FlowerModel-8c57aa5d.js +2 -0
  10. package/dist/FlowerModel-8c57aa5d.js.map +1 -0
  11. package/dist/FlowerModel-9241e69c.js +2 -0
  12. package/dist/FlowerModel-9241e69c.js.map +1 -0
  13. package/dist/GlobeModel-1270b787.js +2 -0
  14. package/dist/GlobeModel-1270b787.js.map +1 -0
  15. package/dist/GlobeModel-2a9fc0de.js +2 -0
  16. package/dist/GlobeModel-2a9fc0de.js.map +1 -0
  17. package/dist/GraphModel-3b1d8ec4.js +2 -0
  18. package/dist/GraphModel-3b1d8ec4.js.map +1 -0
  19. package/dist/GraphModel-cea91f70.js +2 -0
  20. package/dist/GraphModel-cea91f70.js.map +1 -0
  21. package/dist/Illustration.css +12 -1
  22. package/dist/JarsModel-a259a0c3.js +2 -0
  23. package/dist/JarsModel-a259a0c3.js.map +1 -0
  24. package/dist/JarsModel-da98779d.js +2 -0
  25. package/dist/JarsModel-da98779d.js.map +1 -0
  26. package/dist/LockModel-52fdafa0.js +2 -0
  27. package/dist/LockModel-52fdafa0.js.map +1 -0
  28. package/dist/LockModel-c6c685a8.js +2 -0
  29. package/dist/LockModel-c6c685a8.js.map +1 -0
  30. package/dist/MagnifyingGlassModel-75a7e4e1.js +2 -0
  31. package/dist/MagnifyingGlassModel-75a7e4e1.js.map +1 -0
  32. package/dist/MagnifyingGlassModel-b5425654.js +2 -0
  33. package/dist/MagnifyingGlassModel-b5425654.js.map +1 -0
  34. package/dist/MarbleCardModel-66b98263.js +2 -0
  35. package/dist/MarbleCardModel-66b98263.js.map +1 -0
  36. package/dist/MarbleCardModel-760a442d.js +2 -0
  37. package/dist/MarbleCardModel-760a442d.js.map +1 -0
  38. package/dist/MarbleModel-4092b89b.js +2 -0
  39. package/dist/MarbleModel-4092b89b.js.map +1 -0
  40. package/dist/MarbleModel-748d8345.js +2 -0
  41. package/dist/MarbleModel-748d8345.js.map +1 -0
  42. package/dist/MultiCurrencyModel-10001a07.js +2 -0
  43. package/dist/MultiCurrencyModel-10001a07.js.map +1 -0
  44. package/dist/MultiCurrencyModel-5ae59006.js +2 -0
  45. package/dist/MultiCurrencyModel-5ae59006.js.map +1 -0
  46. package/dist/PlaneModel-3b79ccd7.js +2 -0
  47. package/dist/PlaneModel-3b79ccd7.js.map +1 -0
  48. package/dist/PlaneModel-47b95fd8.js +2 -0
  49. package/dist/PlaneModel-47b95fd8.js.map +1 -0
  50. package/dist/Scene-5ebb6675.js +2 -0
  51. package/dist/Scene-5ebb6675.js.map +1 -0
  52. package/dist/Scene-a0d7cae7.js +2 -0
  53. package/dist/Scene-a0d7cae7.js.map +1 -0
  54. package/dist/gltf/check-mark-lights.json +119 -0
  55. package/dist/gltf/flower-lights.json +119 -0
  56. package/dist/gltf/graph-lights.json +123 -0
  57. package/dist/gltf/jars-lights.json +126 -0
  58. package/dist/gltf/magnifying-glass-lights.json +176 -0
  59. package/dist/gltf/marble-card-lights.json +184 -0
  60. package/dist/gltf/marble-lights.json +148 -0
  61. package/dist/gltf/multi-currency-lights.json +126 -0
  62. package/dist/gltf/plane-lights.json +126 -0
  63. package/dist/illustrations3d/CheckMarkModel.d.ts +3 -0
  64. package/dist/illustrations3d/FlowerModel.d.ts +3 -0
  65. package/dist/illustrations3d/GraphModel.d.ts +3 -0
  66. package/dist/illustrations3d/Illustration3d.d.ts +1 -1
  67. package/dist/illustrations3d/Illustration3d.stories.d.ts +10 -1
  68. package/dist/illustrations3d/JarsModel.d.ts +3 -0
  69. package/dist/illustrations3d/LockModel.d.ts +0 -3
  70. package/dist/illustrations3d/MagnifyingGlassModel.d.ts +3 -0
  71. package/dist/illustrations3d/MarbleCardModel.d.ts +3 -0
  72. package/dist/illustrations3d/MarbleModel.d.ts +3 -0
  73. package/dist/illustrations3d/MultiCurrencyModel.d.ts +3 -0
  74. package/dist/illustrations3d/PlaneModel.d.ts +3 -0
  75. package/dist/illustrations3d/Scene.d.ts +3 -7
  76. package/dist/index-0c3ce39b.js +2 -0
  77. package/dist/index-0c3ce39b.js.map +1 -0
  78. package/dist/index-359ba6fa.js +2 -0
  79. package/dist/index-359ba6fa.js.map +1 -0
  80. package/dist/index.js +1 -1
  81. package/dist/index.module.js +1 -1
  82. package/package.json +1 -1
  83. package/dist/ConfettiModel-77cb11cf.js +0 -2
  84. package/dist/ConfettiModel-77cb11cf.js.map +0 -1
  85. package/dist/ConfettiModel-9eb6dfdb.js +0 -2
  86. package/dist/ConfettiModel-9eb6dfdb.js.map +0 -1
  87. package/dist/GlobeModel-98d215e9.js +0 -2
  88. package/dist/GlobeModel-98d215e9.js.map +0 -1
  89. package/dist/GlobeModel-f3a58aa5.js +0 -2
  90. package/dist/GlobeModel-f3a58aa5.js.map +0 -1
  91. package/dist/LockModel-059a77ed.js +0 -2
  92. package/dist/LockModel-059a77ed.js.map +0 -1
  93. package/dist/LockModel-d3070ff8.js +0 -2
  94. package/dist/LockModel-d3070ff8.js.map +0 -1
  95. package/dist/Scene-1d066cf4.js +0 -2
  96. package/dist/Scene-1d066cf4.js.map +0 -1
  97. package/dist/Scene-3ab5e961.js +0 -2
  98. package/dist/Scene-3ab5e961.js.map +0 -1
  99. package/dist/index-20353b5c.js +0 -2
  100. package/dist/index-20353b5c.js.map +0 -1
  101. package/dist/index-60ebd656.js +0 -2
  102. package/dist/index-60ebd656.js.map +0 -1
  103. /package/dist/gltf/{multiCurrency.gltf → multi-currency.gltf} +0 -0
@@ -0,0 +1,2 @@
1
+ var e=require("@react-three/drei"),t=require("@react-three/fiber"),r=require("react"),a=require("three");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=/*#__PURE__*/i(r);exports.default=function(){var i=r.useRef(),n=e.useGLTF("./gltf/checkMark.gltf"),u=n.animations,l=n.scene,f=t.useLoader(a.ObjectLoader,"./gltf/check-mark-lights.json"),o=e.useAnimations(u,i),s=o.mixer,m=o.clips;return t.useFrame(function(){n.materials.Standard.map.offset.x+=-.0025,s.clipAction(m[0]).play().setLoop(a.LoopOnce,1)}),/*#__PURE__*/c.default.createElement(c.default.Fragment,null,/*#__PURE__*/c.default.createElement("primitive",{ref:i,scale:1.5,object:l}),/*#__PURE__*/c.default.createElement("primitive",{object:f}))};
2
+ //# sourceMappingURL=CheckMarkModel-3b5e29a9.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"CheckMarkModel-3b5e29a9.js","sources":["../src/illustrations3d/CheckMarkModel.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-unsafe-member-access */\n/* eslint-disable fp/no-mutation */\nimport { useGLTF, useAnimations } from '@react-three/drei';\nimport { useFrame, useLoader } from '@react-three/fiber';\nimport React, { useRef } from 'react';\nimport { ObjectLoader, LoopOnce } from 'three';\n\nconst CheckMarkModel = () => {\n const modelRef = useRef();\n const model = useGLTF(`./gltf/checkMark.gltf` /*, true*/);\n const { animations, scene } = model;\n // @ts-expect-error later\n const lights = useLoader(ObjectLoader, './gltf/check-mark-lights.json');\n\n const { mixer, clips } = useAnimations(animations, modelRef);\n useFrame(() => {\n // @ts-expect-error later\n model.materials['Standard'].map.offset.x += -0.0025;\n\n mixer.clipAction(clips[0]).play().setLoop(LoopOnce, 1);\n });\n\n return (\n <>\n <primitive ref={modelRef} scale={1.5} object={scene} />\n <primitive object={lights} />\n </>\n );\n};\n\nexport default CheckMarkModel;\n"],"names":["modelRef","useRef","model","useGLTF","animations","scene","lights","useLoader","ObjectLoader","useAnimations","mixer","clips","useFrame","materials","map","offset","x","clipAction","play","setLoop","LoopOnce","React","createElement","Fragment","ref","scale","object"],"mappings":"yNAOuB,WACrB,IAAcA,EAAGC,WACNC,EAAGC,EAAOA,QAAoC,yBACjDC,EAAsBF,EAAtBE,WAAYC,EAAUH,EAAVG,MAEdC,EAASC,EAASA,UAACC,EAAYA,aAAE,iCAEdC,EAAAA,EAAAA,cAAcL,EAAYJ,GAA3CU,EAAAA,EAAAA,MAAOC,IAAAA,MAQf,OAPAC,EAAQA,SAAC,WAEPV,EAAMW,UAAoB,SAAEC,IAAIC,OAAOC,IAAM,MAE7CN,EAAMO,WAAWN,EAAM,IAAIO,OAAOC,QAAQC,EAAAA,SAAU,EACtD,gBAGEC,EAAAA,QAAAC,cAAAD,EAAA,QAAAE,SAAA,kBACEF,EAAW,QAAAC,cAAA,YAAA,CAAAE,IAAKxB,EAAUyB,MAAO,IAAKC,OAAQrB,iBAC9CgB,EAAAA,QAAAC,cAAA,YAAA,CAAWI,OAAQpB,IAGzB"}
@@ -0,0 +1,2 @@
1
+ import{useGLTF as e,useAnimations as t}from"@react-three/drei";import{useLoader as r,useFrame as a}from"@react-three/fiber";import i,{useRef as c}from"react";import{ObjectLoader as m,LoopOnce as o}from"three";var n=function(){var n=c(),l=e("./gltf/checkMark.gltf"),f=l.animations,p=l.scene,s=r(m,"./gltf/check-mark-lights.json"),h=t(f,n),g=h.mixer,u=h.clips;return a(function(){l.materials.Standard.map.offset.x+=-.0025,g.clipAction(u[0]).play().setLoop(o,1)}),/*#__PURE__*/i.createElement(i.Fragment,null,/*#__PURE__*/i.createElement("primitive",{ref:n,scale:1.5,object:p}),/*#__PURE__*/i.createElement("primitive",{object:s}))};export{n as default};
2
+ //# sourceMappingURL=CheckMarkModel-94c2a99d.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"CheckMarkModel-94c2a99d.js","sources":["../src/illustrations3d/CheckMarkModel.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-unsafe-member-access */\n/* eslint-disable fp/no-mutation */\nimport { useGLTF, useAnimations } from '@react-three/drei';\nimport { useFrame, useLoader } from '@react-three/fiber';\nimport React, { useRef } from 'react';\nimport { ObjectLoader, LoopOnce } from 'three';\n\nconst CheckMarkModel = () => {\n const modelRef = useRef();\n const model = useGLTF(`./gltf/checkMark.gltf` /*, true*/);\n const { animations, scene } = model;\n // @ts-expect-error later\n const lights = useLoader(ObjectLoader, './gltf/check-mark-lights.json');\n\n const { mixer, clips } = useAnimations(animations, modelRef);\n useFrame(() => {\n // @ts-expect-error later\n model.materials['Standard'].map.offset.x += -0.0025;\n\n mixer.clipAction(clips[0]).play().setLoop(LoopOnce, 1);\n });\n\n return (\n <>\n <primitive ref={modelRef} scale={1.5} object={scene} />\n <primitive object={lights} />\n </>\n );\n};\n\nexport default CheckMarkModel;\n"],"names":["CheckMarkModel","modelRef","useRef","model","useGLTF","animations","scene","lights","useLoader","ObjectLoader","useAnimations","mixer","clips","useFrame","materials","map","offset","x","clipAction","play","setLoop","LoopOnce","React","createElement","Fragment","ref","scale","object"],"mappings":"iNAOMA,IAAAA,EAAiB,WACrB,IAAcC,EAAGC,IACNC,EAAGC,EAA2C,yBACjDC,EAAsBF,EAAtBE,WAAYC,EAAUH,EAAVG,MAEdC,EAASC,EAAUC,EAAc,iCAEdC,EAAAA,EAAcL,EAAYJ,GAA3CU,EAAAA,EAAAA,MAAOC,IAAAA,MAQf,OAPAC,EAAS,WAEPV,EAAMW,UAAoB,SAAEC,IAAIC,OAAOC,IAAM,MAE7CN,EAAMO,WAAWN,EAAM,IAAIO,OAAOC,QAAQC,EAAU,EACtD,gBAGEC,EAAAC,cAAAD,EAAAE,SAAA,kBACEF,EAAWC,cAAA,YAAA,CAAAE,IAAKxB,EAAUyB,MAAO,IAAKC,OAAQrB,iBAC9CgB,EAAAC,cAAA,YAAA,CAAWI,OAAQpB,IAGzB"}
@@ -0,0 +1,2 @@
1
+ var e=require("@react-three/drei"),t=require("@react-three/fiber"),r=require("react"),i=require("three");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=/*#__PURE__*/a(r);exports.default=function(){var a=r.useRef(),o=e.useGLTF("./gltf/confetti.gltf"),u=t.useLoader(i.ObjectLoader,"./gltf/confetti-lights.json"),c=e.useAnimations(o.animations,a),f=c.mixer,l=c.clips;return t.useFrame(function(){o.materials["Tapestry WebGL"].map.offset.x+=-.0015,f.clipAction(l[0]).play().setLoop(i.LoopOnce,1)}),/*#__PURE__*/n.default.createElement(n.default.Fragment,null,/*#__PURE__*/n.default.createElement("primitive",{ref:a,scale:1.5,position:[0,1.5,0],object:o.scene}),/*#__PURE__*/n.default.createElement("primitive",{object:u}))};
2
+ //# sourceMappingURL=ConfettiModel-769c6a68.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ConfettiModel-769c6a68.js","sources":["../src/illustrations3d/ConfettiModel.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-unsafe-member-access */\n/* eslint-disable fp/no-mutation */\nimport { useGLTF, useAnimations } from '@react-three/drei';\nimport { useFrame, useLoader } from '@react-three/fiber';\nimport React, { useRef } from 'react';\nimport { ObjectLoader, LoopOnce } from 'three';\n\nconst ConfettiModel = () => {\n const ref = useRef();\n const model = useGLTF(`./gltf/confetti.gltf` /*, true*/);\n // @ts-expect-error later\n const lights = useLoader(ObjectLoader, './gltf/confetti-lights.json');\n\n const { mixer, clips } = useAnimations(model.animations, ref);\n useFrame(() => {\n // @ts-expect-error later\n model.materials['Tapestry WebGL'].map.offset.x += -0.0015;\n\n mixer.clipAction(clips[0]).play().setLoop(LoopOnce, 1);\n });\n\n return (\n <>\n <primitive ref={ref} scale={1.5} position={[0, 1.5, 0]} object={model.scene} />\n <primitive object={lights} />\n </>\n );\n};\n\nexport default ConfettiModel;\n"],"names":["ref","useRef","model","useGLTF","lights","useLoader","ObjectLoader","useAnimations","animations","mixer","_useAnimations","clips","useFrame","materials","map","offset","x","clipAction","play","setLoop","LoopOnce","React","createElement","scale","position","object","scene"],"mappings":"yNAOsB,WACpB,IAASA,EAAGC,WACDC,EAAGC,EAAOA,QAAmC,wBAElDC,EAASC,EAAAA,UAAUC,EAAYA,aAAE,+BAEdC,EAAAA,EAAAA,cAAcL,EAAMM,WAAYR,GAAjDS,EAAKC,EAALD,MAAOE,EAAAA,EAAAA,MAQf,OAPAC,EAAQA,SAAC,WAEPV,EAAMW,UAAU,kBAAkBC,IAAIC,OAAOC,IAAM,MAEnDP,EAAMQ,WAAWN,EAAM,IAAIO,OAAOC,QAAQC,EAAAA,SAAU,EACtD,gBAGEC,6DACEA,UAAWC,cAAA,YAAA,CAAAtB,IAAKA,EAAKuB,MAAO,IAAKC,SAAU,CAAC,EAAG,IAAK,GAAIC,OAAQvB,EAAMwB,qBACtEL,EAAAA,QAAAC,cAAA,YAAA,CAAWG,OAAQrB,IAGzB"}
@@ -0,0 +1,2 @@
1
+ import{useGLTF as e,useAnimations as t}from"@react-three/drei";import{useLoader as r,useFrame as i}from"@react-three/fiber";import o,{useRef as a}from"react";import{ObjectLoader as m,LoopOnce as n}from"three";var c=function(){var c=a(),f=e("./gltf/confetti.gltf"),l=r(m,"./gltf/confetti-lights.json"),p=t(f.animations,c),s=p.mixer,g=p.clips;return i(function(){f.materials["Tapestry WebGL"].map.offset.x+=-.0015,s.clipAction(g[0]).play().setLoop(n,1)}),/*#__PURE__*/o.createElement(o.Fragment,null,/*#__PURE__*/o.createElement("primitive",{ref:c,scale:1.5,position:[0,1.5,0],object:f.scene}),/*#__PURE__*/o.createElement("primitive",{object:l}))};export{c as default};
2
+ //# sourceMappingURL=ConfettiModel-c8a529a9.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ConfettiModel-c8a529a9.js","sources":["../src/illustrations3d/ConfettiModel.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-unsafe-member-access */\n/* eslint-disable fp/no-mutation */\nimport { useGLTF, useAnimations } from '@react-three/drei';\nimport { useFrame, useLoader } from '@react-three/fiber';\nimport React, { useRef } from 'react';\nimport { ObjectLoader, LoopOnce } from 'three';\n\nconst ConfettiModel = () => {\n const ref = useRef();\n const model = useGLTF(`./gltf/confetti.gltf` /*, true*/);\n // @ts-expect-error later\n const lights = useLoader(ObjectLoader, './gltf/confetti-lights.json');\n\n const { mixer, clips } = useAnimations(model.animations, ref);\n useFrame(() => {\n // @ts-expect-error later\n model.materials['Tapestry WebGL'].map.offset.x += -0.0015;\n\n mixer.clipAction(clips[0]).play().setLoop(LoopOnce, 1);\n });\n\n return (\n <>\n <primitive ref={ref} scale={1.5} position={[0, 1.5, 0]} object={model.scene} />\n <primitive object={lights} />\n </>\n );\n};\n\nexport default ConfettiModel;\n"],"names":["ConfettiModel","ref","useRef","model","useGLTF","lights","useLoader","ObjectLoader","useAnimations","animations","mixer","_useAnimations","clips","useFrame","materials","map","offset","x","clipAction","play","setLoop","LoopOnce","React","createElement","scale","position","object","scene"],"mappings":"iNAOMA,IAAAA,EAAgB,WACpB,IAASC,EAAGC,IACDC,EAAGC,EAA0C,wBAElDC,EAASC,EAAUC,EAAc,+BAEdC,EAAAA,EAAcL,EAAMM,WAAYR,GAAjDS,EAAKC,EAALD,MAAOE,EAAAA,EAAAA,MAQf,OAPAC,EAAS,WAEPV,EAAMW,UAAU,kBAAkBC,IAAIC,OAAOC,IAAM,MAEnDP,EAAMQ,WAAWN,EAAM,IAAIO,OAAOC,QAAQC,EAAU,EACtD,gBAGEC,6CACEA,EAAWC,cAAA,YAAA,CAAAtB,IAAKA,EAAKuB,MAAO,IAAKC,SAAU,CAAC,EAAG,IAAK,GAAIC,OAAQvB,EAAMwB,qBACtEL,EAAAC,cAAA,YAAA,CAAWG,OAAQrB,IAGzB"}
@@ -0,0 +1,2 @@
1
+ var e=require("@react-three/drei"),t=require("@react-three/fiber"),r=require("react"),a=require("three");function f(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=/*#__PURE__*/f(r);exports.default=function(){var f=r.useRef(),i=e.useGLTF("./gltf/flower.gltf"),l=t.useLoader(a.ObjectLoader,"./gltf/flower-lights.json");return t.useFrame(function(){i.materials["Tapestry WebGL"].map.offset.x+=-1e-4}),/*#__PURE__*/u.default.createElement(u.default.Fragment,null,/*#__PURE__*/u.default.createElement("primitive",{ref:f,scale:1.3,position:[0,-9,0],object:i.scene}),/*#__PURE__*/u.default.createElement("primitive",{object:l}))};
2
+ //# sourceMappingURL=FlowerModel-8c57aa5d.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"FlowerModel-8c57aa5d.js","sources":["../src/illustrations3d/FlowerModel.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-unsafe-member-access */\n/* eslint-disable fp/no-mutation */\nimport { useGLTF } from '@react-three/drei';\nimport { useFrame, useLoader } from '@react-three/fiber';\nimport React, { useRef } from 'react';\nimport { ObjectLoader } from 'three';\n\nconst FlowerModel = () => {\n const modelRef = useRef();\n const model = useGLTF(`./gltf/flower.gltf` /*, true*/);\n // @ts-expect-error later\n const lights = useLoader(ObjectLoader, './gltf/flower-lights.json');\n\n useFrame(() => {\n // @ts-expect-error later\n model.materials['Tapestry WebGL'].map.offset.x += -0.0001;\n });\n\n return (\n <>\n <primitive ref={modelRef} scale={1.3} position={[0, -9, 0]} object={model.scene} />\n <primitive object={lights} />\n </>\n );\n};\n\nexport default FlowerModel;\n"],"names":["modelRef","useRef","model","useGLTF","lights","useLoader","ObjectLoader","useFrame","materials","map","offset","x","React","createElement","Fragment","ref","scale","position","object","scene"],"mappings":"yNAOoB,WAClB,IAAMA,EAAWC,EAAAA,SACNC,EAAGC,EAAOA,QAAA,sBAEfC,EAASC,EAAAA,UAAUC,EAAAA,aAAc,6BAOvC,OALAC,EAAAA,SAAS,WAEPL,EAAMM,UAAU,kBAAkBC,IAAIC,OAAOC,IAAM,IACrD,gBAGEC,EAAAA,QACEC,cAAAD,EAAA,QAAAE,SAAA,kBAAAF,EAAAA,QAAAC,cAAA,YAAA,CAAWE,IAAKf,EAAUgB,MAAO,IAAKC,SAAU,CAAC,GAAI,EAAG,GAAIC,OAAQhB,EAAMiB,qBAC1EP,EAAA,QAAAC,cAAA,YAAA,CAAWK,OAAQd,IAGzB"}
@@ -0,0 +1,2 @@
1
+ import{useGLTF as e}from"@react-three/drei";import{useLoader as t,useFrame as r}from"@react-three/fiber";import o,{useRef as i}from"react";import{ObjectLoader as a}from"three";var f=function(){var f=i(),m=e("./gltf/flower.gltf"),l=t(a,"./gltf/flower-lights.json");return r(function(){m.materials["Tapestry WebGL"].map.offset.x+=-1e-4}),/*#__PURE__*/o.createElement(o.Fragment,null,/*#__PURE__*/o.createElement("primitive",{ref:f,scale:1.3,position:[0,-9,0],object:m.scene}),/*#__PURE__*/o.createElement("primitive",{object:l}))};export{f as default};
2
+ //# sourceMappingURL=FlowerModel-9241e69c.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"FlowerModel-9241e69c.js","sources":["../src/illustrations3d/FlowerModel.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-unsafe-member-access */\n/* eslint-disable fp/no-mutation */\nimport { useGLTF } from '@react-three/drei';\nimport { useFrame, useLoader } from '@react-three/fiber';\nimport React, { useRef } from 'react';\nimport { ObjectLoader } from 'three';\n\nconst FlowerModel = () => {\n const modelRef = useRef();\n const model = useGLTF(`./gltf/flower.gltf` /*, true*/);\n // @ts-expect-error later\n const lights = useLoader(ObjectLoader, './gltf/flower-lights.json');\n\n useFrame(() => {\n // @ts-expect-error later\n model.materials['Tapestry WebGL'].map.offset.x += -0.0001;\n });\n\n return (\n <>\n <primitive ref={modelRef} scale={1.3} position={[0, -9, 0]} object={model.scene} />\n <primitive object={lights} />\n </>\n );\n};\n\nexport default FlowerModel;\n"],"names":["FlowerModel","modelRef","useRef","model","useGLTF","lights","useLoader","ObjectLoader","useFrame","materials","map","offset","x","React","createElement","Fragment","ref","scale","position","object","scene"],"mappings":"gLAOMA,IAAAA,EAAc,WAClB,IAAMC,EAAWC,IACNC,EAAGC,EAAO,sBAEfC,EAASC,EAAUC,EAAc,6BAOvC,OALAC,EAAS,WAEPL,EAAMM,UAAU,kBAAkBC,IAAIC,OAAOC,IAAM,IACrD,gBAGEC,EACEC,cAAAD,EAAAE,SAAA,kBAAAF,EAAAC,cAAA,YAAA,CAAWE,IAAKf,EAAUgB,MAAO,IAAKC,SAAU,CAAC,GAAI,EAAG,GAAIC,OAAQhB,EAAMiB,qBAC1EP,EAAAC,cAAA,YAAA,CAAWK,OAAQd,IAGzB"}
@@ -0,0 +1,2 @@
1
+ import{useGLTF as e}from"@react-three/drei";import{useLoader as t,useFrame as r}from"@react-three/fiber";import a,{useRef as i}from"react";import{ObjectLoader as o,TextureLoader as m}from"three";var n=function(){var n=i(),l=e("./gltf/globe.gltf").scene,c=t(o,"./gltf/globe-lights.json"),f=t(m,"./gltf/coinBumpMap.jpg"),p=l.getObjectByName("Globe"),s=l.getObjectByName("Coins_Axis_Rotation_Animate");return l.traverse(function(e){e.name.startsWith("Coin_")&&(e.material.bumpMap=f,e.material.bumpMap.flipY=!1,e.castShadow=!1,e.receiveShadow=!1)}),r(function(){s.rotation.y+=.002,p.material.map.offset.x+=-2e-4}),/*#__PURE__*/a.createElement(a.Fragment,null,/*#__PURE__*/a.createElement("primitive",{ref:n,position:[0,-10,0],scale:1.3,object:l}),/*#__PURE__*/a.createElement("primitive",{object:c}))};export{n as default};
2
+ //# sourceMappingURL=GlobeModel-1270b787.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"GlobeModel-1270b787.js","sources":["../src/illustrations3d/GlobeModel.tsx"],"sourcesContent":["/* eslint-disable fp/no-mutation */\n/* eslint-disable @typescript-eslint/no-unsafe-member-access */\nimport { useGLTF } from '@react-three/drei';\nimport { useFrame, useLoader } from '@react-three/fiber';\nimport React, { useRef } from 'react';\nimport { TextureLoader, ObjectLoader } from 'three';\n\nconst GlobeModel = () => {\n const ref = useRef();\n const { scene } = useGLTF(`./gltf/globe.gltf`);\n // @ts-expect-error later\n const lights = useLoader(ObjectLoader, './gltf/globe-lights.json');\n const wiseLogo = useLoader(TextureLoader, './gltf/coinBumpMap.jpg');\n const planet = scene.getObjectByName('Globe') as THREE.Mesh;\n const orbit = scene.getObjectByName('Coins_Axis_Rotation_Animate');\n\n scene.traverse((child) => {\n if (child.name.startsWith('Coin_')) {\n // @ts-expect-error later\n child.material.bumpMap = wiseLogo;\n // @ts-expect-error later\n child.material.bumpMap.flipY = false;\n child.castShadow = false;\n child.receiveShadow = false;\n }\n });\n\n useFrame(() => {\n // @ts-expect-error later\n orbit.rotation.y += 0.002;\n // @ts-expect-error later\n planet.material.map.offset.x += -0.0002;\n });\n\n return (\n <>\n <primitive ref={ref} position={[0, -10, 0]} scale={1.3} object={scene} />\n <primitive object={lights} />\n </>\n );\n};\n\nexport default GlobeModel;\n"],"names":["GlobeModel","ref","useRef","scene","useGLTF","lights","useLoader","ObjectLoader","wiseLogo","TextureLoader","getObjectByName","traverse","child","name","startsWith","material","bumpMap","flipY","castShadow","receiveShadow","useFrame","orbit","rotation","y","planet","map","offset","x","React","createElement","Fragment","position","scale","object"],"mappings":"mMAOMA,MAAa,WACjB,IAAMC,EAAMC,IACJC,EAAUC,EAA4B,qBAAtCD,MAEIE,EAAGC,EAAUC,EAAc,4BACjCC,EAAWF,EAAUG,EAAe,4BAC3BN,EAAMO,gBAAgB,WACvBP,EAAMO,gBAAgB,+BAoBpC,OAlBAP,EAAMQ,SAAS,SAACC,GACVA,EAAMC,KAAKC,WAAW,WAExBF,EAAMG,SAASC,QAAUR,EAEzBI,EAAMG,SAASC,QAAQC,OAAQ,EAC/BL,EAAMM,YAAa,EACnBN,EAAMO,eAAgB,EAE1B,GAEAC,EAAS,WAEPC,EAAMC,SAASC,GAAK,KAEpBC,EAAOT,SAASU,IAAIC,OAAOC,IAAM,IACnC,gBAGEC,EAAAC,cAAAD,EAAAE,SAAA,kBACEF,6BAAW3B,IAAKA,EAAK8B,SAAU,CAAC,GAAI,GAAI,GAAIC,MAAO,IAAKC,OAAQ9B,iBAChEyB,EAAAC,cAAA,YAAA,CAAWI,OAAQ5B,IAGzB"}
@@ -0,0 +1,2 @@
1
+ var e=require("@react-three/drei"),t=require("@react-three/fiber"),r=require("react"),a=require("three");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=/*#__PURE__*/i(r);exports.default=function(){var i=r.useRef(),u=e.useGLTF("./gltf/globe.gltf").scene,n=t.useLoader(a.ObjectLoader,"./gltf/globe-lights.json"),l=t.useLoader(a.TextureLoader,"./gltf/coinBumpMap.jpg"),f=u.getObjectByName("Globe"),c=u.getObjectByName("Coins_Axis_Rotation_Animate");return u.traverse(function(e){e.name.startsWith("Coin_")&&(e.material.bumpMap=l,e.material.bumpMap.flipY=!1,e.castShadow=!1,e.receiveShadow=!1)}),t.useFrame(function(){c.rotation.y+=.002,f.material.map.offset.x+=-2e-4}),/*#__PURE__*/o.default.createElement(o.default.Fragment,null,/*#__PURE__*/o.default.createElement("primitive",{ref:i,position:[0,-10,0],scale:1.3,object:u}),/*#__PURE__*/o.default.createElement("primitive",{object:n}))};
2
+ //# sourceMappingURL=GlobeModel-2a9fc0de.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"GlobeModel-2a9fc0de.js","sources":["../src/illustrations3d/GlobeModel.tsx"],"sourcesContent":["/* eslint-disable fp/no-mutation */\n/* eslint-disable @typescript-eslint/no-unsafe-member-access */\nimport { useGLTF } from '@react-three/drei';\nimport { useFrame, useLoader } from '@react-three/fiber';\nimport React, { useRef } from 'react';\nimport { TextureLoader, ObjectLoader } from 'three';\n\nconst GlobeModel = () => {\n const ref = useRef();\n const { scene } = useGLTF(`./gltf/globe.gltf`);\n // @ts-expect-error later\n const lights = useLoader(ObjectLoader, './gltf/globe-lights.json');\n const wiseLogo = useLoader(TextureLoader, './gltf/coinBumpMap.jpg');\n const planet = scene.getObjectByName('Globe') as THREE.Mesh;\n const orbit = scene.getObjectByName('Coins_Axis_Rotation_Animate');\n\n scene.traverse((child) => {\n if (child.name.startsWith('Coin_')) {\n // @ts-expect-error later\n child.material.bumpMap = wiseLogo;\n // @ts-expect-error later\n child.material.bumpMap.flipY = false;\n child.castShadow = false;\n child.receiveShadow = false;\n }\n });\n\n useFrame(() => {\n // @ts-expect-error later\n orbit.rotation.y += 0.002;\n // @ts-expect-error later\n planet.material.map.offset.x += -0.0002;\n });\n\n return (\n <>\n <primitive ref={ref} position={[0, -10, 0]} scale={1.3} object={scene} />\n <primitive object={lights} />\n </>\n );\n};\n\nexport default GlobeModel;\n"],"names":["ref","useRef","scene","useGLTF","lights","useLoader","ObjectLoader","wiseLogo","TextureLoader","getObjectByName","traverse","child","name","startsWith","material","bumpMap","flipY","castShadow","receiveShadow","useFrame","orbit","rotation","y","planet","map","offset","x","React","createElement","Fragment","position","scale","object"],"mappings":"yNAOmB,WACjB,IAAMA,EAAMC,EAAAA,SACJC,EAAUC,EAAAA,QAA4B,qBAAtCD,MAEIE,EAAGC,YAAUC,EAAAA,aAAc,4BACjCC,EAAWF,YAAUG,EAAAA,cAAe,4BAC3BN,EAAMO,gBAAgB,WACvBP,EAAMO,gBAAgB,+BAoBpC,OAlBAP,EAAMQ,SAAS,SAACC,GACVA,EAAMC,KAAKC,WAAW,WAExBF,EAAMG,SAASC,QAAUR,EAEzBI,EAAMG,SAASC,QAAQC,OAAQ,EAC/BL,EAAMM,YAAa,EACnBN,EAAMO,eAAgB,EAE1B,GAEAC,WAAS,WAEPC,EAAMC,SAASC,GAAK,KAEpBC,EAAOT,SAASU,IAAIC,OAAOC,IAAM,IACnC,gBAGEC,EAAAA,QAAAC,cAAAD,EAAAA,QAAAE,SAAA,kBACEF,EAAAA,mCAAW3B,IAAKA,EAAK8B,SAAU,CAAC,GAAI,GAAI,GAAIC,MAAO,IAAKC,OAAQ9B,iBAChEyB,EAAAA,QAAAC,cAAA,YAAA,CAAWI,OAAQ5B,IAGzB"}
@@ -0,0 +1,2 @@
1
+ var e=require("@react-three/drei"),t=require("@react-three/fiber"),r=require("react"),a=require("three");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=/*#__PURE__*/i(r);exports.default=function(){var r=e.useGLTF("./gltf/graph.gltf"),i=t.useLoader(a.ObjectLoader,"./gltf/graph-lights.json");return t.useFrame(function(){r.materials["Standard "].map.offset.x+=-35e-5,r.materials["Standard "].map.offset.y+=35e-5}),/*#__PURE__*/u.default.createElement(u.default.Fragment,null,/*#__PURE__*/u.default.createElement("primitive",{scale:1.3,position:[0,-10,0],object:r.scene}),/*#__PURE__*/u.default.createElement("primitive",{object:i}))};
2
+ //# sourceMappingURL=GraphModel-3b1d8ec4.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"GraphModel-3b1d8ec4.js","sources":["../src/illustrations3d/GraphModel.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-unsafe-member-access */\n/* eslint-disable fp/no-mutation */\nimport { useGLTF } from '@react-three/drei';\nimport { useFrame, useLoader } from '@react-three/fiber';\nimport React from 'react';\nimport { ObjectLoader } from 'three';\n\nconst GraphModel = () => {\n const model = useGLTF(`./gltf/graph.gltf` /*, true*/);\n // @ts-expect-error later\n const lights = useLoader(ObjectLoader, './gltf/graph-lights.json');\n\n useFrame(() => {\n // @ts-expect-error later\n model.materials['Standard '].map.offset.x += -0.00035;\n // @ts-expect-error later\n model.materials['Standard '].map.offset.y += 0.00035;\n });\n\n return (\n <>\n <primitive scale={1.3} position={[0, -10, 0]} object={model.scene} />\n <primitive object={lights} />\n </>\n );\n};\n\nexport default GraphModel;\n"],"names":["model","useGLTF","lights","useLoader","ObjectLoader","useFrame","materials","map","offset","x","y","React","createElement","Fragment","scale","position","object","scene"],"mappings":"yNAOmB,WACjB,IAAMA,EAAQC,EAAAA,QAAuC,qBAE/CC,EAASC,EAASA,UAACC,EAAYA,aAAE,4BASvC,OAPAC,EAAAA,SAAS,WAEPL,EAAMM,UAAU,aAAaC,IAAIC,OAAOC,IAAM,MAE9CT,EAAMM,UAAU,aAAaC,IAAIC,OAAOE,GAAK,KAC/C,gBAGEC,EAAA,QAAAC,cAAAD,EAAAA,QAAAE,SAAA,kBACEF,EAAW,QAAAC,cAAA,YAAA,CAAAE,MAAO,IAAKC,SAAU,CAAC,GAAI,GAAI,GAAIC,OAAQhB,EAAMiB,qBAC5DN,EAAA,QAAAC,cAAA,YAAA,CAAWI,OAAQd,IAGzB"}
@@ -0,0 +1,2 @@
1
+ import{useGLTF as e}from"@react-three/drei";import{useLoader as t,useFrame as r}from"@react-three/fiber";import a from"react";import{ObjectLoader as i}from"three";var m=function(){var m=e("./gltf/graph.gltf"),o=t(i,"./gltf/graph-lights.json");return r(function(){m.materials["Standard "].map.offset.x+=-35e-5,m.materials["Standard "].map.offset.y+=35e-5}),/*#__PURE__*/a.createElement(a.Fragment,null,/*#__PURE__*/a.createElement("primitive",{scale:1.3,position:[0,-10,0],object:m.scene}),/*#__PURE__*/a.createElement("primitive",{object:o}))};export{m as default};
2
+ //# sourceMappingURL=GraphModel-cea91f70.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"GraphModel-cea91f70.js","sources":["../src/illustrations3d/GraphModel.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-unsafe-member-access */\n/* eslint-disable fp/no-mutation */\nimport { useGLTF } from '@react-three/drei';\nimport { useFrame, useLoader } from '@react-three/fiber';\nimport React from 'react';\nimport { ObjectLoader } from 'three';\n\nconst GraphModel = () => {\n const model = useGLTF(`./gltf/graph.gltf` /*, true*/);\n // @ts-expect-error later\n const lights = useLoader(ObjectLoader, './gltf/graph-lights.json');\n\n useFrame(() => {\n // @ts-expect-error later\n model.materials['Standard '].map.offset.x += -0.00035;\n // @ts-expect-error later\n model.materials['Standard '].map.offset.y += 0.00035;\n });\n\n return (\n <>\n <primitive scale={1.3} position={[0, -10, 0]} object={model.scene} />\n <primitive object={lights} />\n </>\n );\n};\n\nexport default GraphModel;\n"],"names":["GraphModel","model","useGLTF","lights","useLoader","ObjectLoader","useFrame","materials","map","offset","x","y","React","createElement","Fragment","scale","position","object","scene"],"mappings":"mKAOMA,IAAAA,EAAa,WACjB,IAAMC,EAAQC,EAAuC,qBAE/CC,EAASC,EAAUC,EAAc,4BASvC,OAPAC,EAAS,WAEPL,EAAMM,UAAU,aAAaC,IAAIC,OAAOC,IAAM,MAE9CT,EAAMM,UAAU,aAAaC,IAAIC,OAAOE,GAAK,KAC/C,gBAGEC,EAAAC,cAAAD,EAAAE,SAAA,kBACEF,EAAWC,cAAA,YAAA,CAAAE,MAAO,IAAKC,SAAU,CAAC,GAAI,GAAI,GAAIC,OAAQhB,EAAMiB,qBAC5DN,EAAAC,cAAA,YAAA,CAAWI,OAAQd,IAGzB"}
@@ -8,5 +8,16 @@ img.wds-illustration {
8
8
  }
9
9
 
10
10
  .wds-illustration-3d {
11
- padding: 24px;
11
+ }
12
+
13
+ .wds-illustration-3d-small {
14
+ min-height: 200px;
15
+ }
16
+
17
+ .wds-illustration-3d-medium {
18
+ min-height: 300px;
19
+ }
20
+
21
+ .wds-illustration-3d-large {
22
+ min-height: 500px;
12
23
  }
@@ -0,0 +1,2 @@
1
+ import{useGLTF as e,useAnimations as t}from"@react-three/drei";import{useLoader as r,useFrame as a}from"@react-three/fiber";import i,{useRef as m}from"react";import{ObjectLoader as o,TextureLoader as n}from"three";var c=function(){var c=m(),p=e("./gltf/jars.gltf"),f=r(o,"./gltf/jars-lights.json"),l=r(n,"./gltf/coinBumpMap.jpg"),s=[];p.scene.traverse(function(e){e.name.startsWith("Coin_")&&(e.material.bumpMap=l,e.material.bumpMap.flipY=!1,e.castShadow=!1,e.receiveShadow=!1),e.name.startsWith("Jar_")&&s.push(e)});var u=t(p.animations,c),h=u.mixer,g=u.clips;return a(function(){h.clipAction(g[0]).play(),s.forEach(function(e){e.material.map.offset.x+=.001,e.material.map.offset.y+=0})}),/*#__PURE__*/i.createElement(i.Fragment,null,/*#__PURE__*/i.createElement("primitive",{ref:c,scale:1.3,position:[0,-10,0],object:p.scene}),/*#__PURE__*/i.createElement("primitive",{object:f}))};export{c as default};
2
+ //# sourceMappingURL=JarsModel-a259a0c3.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"JarsModel-a259a0c3.js","sources":["../src/illustrations3d/JarsModel.tsx"],"sourcesContent":["/* eslint-disable fp/no-mutation */\n/* eslint-disable @typescript-eslint/no-unsafe-member-access */\nimport { useGLTF, useAnimations } from '@react-three/drei';\nimport { useFrame, useLoader } from '@react-three/fiber';\nimport React, { useRef } from 'react';\nimport { TextureLoader, ObjectLoader, Object3D } from 'three';\n\nconst JarsModel = () => {\n const ref = useRef();\n const model = useGLTF(`./gltf/jars.gltf`);\n // @ts-expect-error later\n const lights = useLoader(ObjectLoader, './gltf/jars-lights.json');\n const wiseLogo = useLoader(TextureLoader, './gltf/coinBumpMap.jpg');\n const jars: Object3D[] = [];\n\n model.scene.traverse((child) => {\n if (child.name.startsWith('Coin_')) {\n // @ts-expect-error later\n child.material.bumpMap = wiseLogo;\n // @ts-expect-error later\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 // @ts-expect-error later\n jar.material.map.offset.x += 0.001;\n // @ts-expect-error later\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 JarsModel;\n"],"names":["JarsModel","ref","useRef","model","useGLTF","lights","useLoader","ObjectLoader","wiseLogo","TextureLoader","jars","scene","traverse","child","name","startsWith","material","bumpMap","flipY","castShadow","receiveShadow","push","_useAnimations","useAnimations","animations","mixer","clips","useFrame","clipAction","play","forEach","jar","map","offset","x","y","React","createElement","Fragment","scale","position","object"],"mappings":"sNAOMA,IAASA,EAAG,WAChB,IAAMC,EAAMC,IACNC,EAAQC,EAA2B,oBAEnCC,EAASC,EAAUC,EAAc,2BACjCC,EAAWF,EAAUG,EAAe,0BACpCC,EAAmB,GAEzBP,EAAMQ,MAAMC,SAAS,SAACC,GAChBA,EAAMC,KAAKC,WAAW,WAExBF,EAAMG,SAASC,QAAUT,EAEzBK,EAAMG,SAASC,QAAQC,OAAQ,EAC/BL,EAAMM,YAAa,EACnBN,EAAMO,eAAgB,GAEpBP,EAAMC,KAAKC,WAAW,SACxBL,EAAKW,KAAKR,EAEd,GAEA,IAAAS,EAAyBC,EAAcpB,EAAMqB,WAAYvB,GAAjDwB,EAAAA,EAAAA,MAAOC,EAAAA,EAAAA,MAaf,OAXAC,EAAS,WACPF,EAAMG,WAAWF,EAAM,IAAIG,OAE3BnB,EAAKoB,QAAQ,SAACC,GAEZA,EAAIf,SAASgB,IAAIC,OAAOC,GAAK,KAE7BH,EAAIf,SAASgB,IAAIC,OAAOE,GAAK,CAC/B,EACF,gBAGEC,EAAAC,cAAAD,EAAAE,SAAA,kBACEF,EAAWC,cAAA,YAAA,CAAApC,IAAKA,EAAKsC,MAAO,IAAKC,SAAU,CAAC,GAAI,GAAI,GAAIC,OAAQtC,EAAMQ,qBACtEyB,EAAAC,cAAA,YAAA,CAAWI,OAAQpC,IAGzB"}
@@ -0,0 +1,2 @@
1
+ var e=require("@react-three/drei"),t=require("@react-three/fiber"),a=require("react"),r=require("three");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=/*#__PURE__*/i(a);exports.default=function(){var i=a.useRef(),u=e.useGLTF("./gltf/jars.gltf"),o=t.useLoader(r.ObjectLoader,"./gltf/jars-lights.json"),s=t.useLoader(r.TextureLoader,"./gltf/coinBumpMap.jpg"),f=[];u.scene.traverse(function(e){e.name.startsWith("Coin_")&&(e.material.bumpMap=s,e.material.bumpMap.flipY=!1,e.castShadow=!1,e.receiveShadow=!1),e.name.startsWith("Jar_")&&f.push(e)});var l=e.useAnimations(u.animations,i),c=l.mixer,m=l.clips;return t.useFrame(function(){c.clipAction(m[0]).play(),f.forEach(function(e){e.material.map.offset.x+=.001,e.material.map.offset.y+=0})}),/*#__PURE__*/n.default.createElement(n.default.Fragment,null,/*#__PURE__*/n.default.createElement("primitive",{ref:i,scale:1.3,position:[0,-10,0],object:u.scene}),/*#__PURE__*/n.default.createElement("primitive",{object:o}))};
2
+ //# sourceMappingURL=JarsModel-da98779d.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"JarsModel-da98779d.js","sources":["../src/illustrations3d/JarsModel.tsx"],"sourcesContent":["/* eslint-disable fp/no-mutation */\n/* eslint-disable @typescript-eslint/no-unsafe-member-access */\nimport { useGLTF, useAnimations } from '@react-three/drei';\nimport { useFrame, useLoader } from '@react-three/fiber';\nimport React, { useRef } from 'react';\nimport { TextureLoader, ObjectLoader, Object3D } from 'three';\n\nconst JarsModel = () => {\n const ref = useRef();\n const model = useGLTF(`./gltf/jars.gltf`);\n // @ts-expect-error later\n const lights = useLoader(ObjectLoader, './gltf/jars-lights.json');\n const wiseLogo = useLoader(TextureLoader, './gltf/coinBumpMap.jpg');\n const jars: Object3D[] = [];\n\n model.scene.traverse((child) => {\n if (child.name.startsWith('Coin_')) {\n // @ts-expect-error later\n child.material.bumpMap = wiseLogo;\n // @ts-expect-error later\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 // @ts-expect-error later\n jar.material.map.offset.x += 0.001;\n // @ts-expect-error later\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 JarsModel;\n"],"names":["ref","useRef","model","useGLTF","lights","useLoader","ObjectLoader","wiseLogo","TextureLoader","jars","scene","traverse","child","name","startsWith","material","bumpMap","flipY","castShadow","receiveShadow","push","_useAnimations","useAnimations","animations","mixer","clips","useFrame","clipAction","play","forEach","jar","map","offset","x","y","React","createElement","Fragment","scale","position","object"],"mappings":"yNAOkB,WAChB,IAAMA,EAAMC,EAAMA,SACZC,EAAQC,EAAOA,QAAoB,oBAEnCC,EAASC,EAASA,UAACC,EAAYA,aAAE,2BACjCC,EAAWF,EAASA,UAACG,EAAaA,cAAE,0BACpCC,EAAmB,GAEzBP,EAAMQ,MAAMC,SAAS,SAACC,GAChBA,EAAMC,KAAKC,WAAW,WAExBF,EAAMG,SAASC,QAAUT,EAEzBK,EAAMG,SAASC,QAAQC,OAAQ,EAC/BL,EAAMM,YAAa,EACnBN,EAAMO,eAAgB,GAEpBP,EAAMC,KAAKC,WAAW,SACxBL,EAAKW,KAAKR,EAEd,GAEA,IAAAS,EAAyBC,EAAAA,cAAcpB,EAAMqB,WAAYvB,GAAjDwB,EAAAA,EAAAA,MAAOC,EAAAA,EAAAA,MAaf,OAXAC,EAAQA,SAAC,WACPF,EAAMG,WAAWF,EAAM,IAAIG,OAE3BnB,EAAKoB,QAAQ,SAACC,GAEZA,EAAIf,SAASgB,IAAIC,OAAOC,GAAK,KAE7BH,EAAIf,SAASgB,IAAIC,OAAOE,GAAK,CAC/B,EACF,gBAGEC,EAAA,QAAAC,cAAAD,EAAA,QAAAE,SAAA,kBACEF,EAAW,QAAAC,cAAA,YAAA,CAAApC,IAAKA,EAAKsC,MAAO,IAAKC,SAAU,CAAC,GAAI,GAAI,GAAIC,OAAQtC,EAAMQ,qBACtEyB,EAAA,QAAAC,cAAA,YAAA,CAAWI,OAAQpC,IAGzB"}
@@ -0,0 +1,2 @@
1
+ import{useGLTF as e,useAnimations as t}from"@react-three/drei";import{useLoader as r,useFrame as i}from"@react-three/fiber";import a,{useRef as o}from"react";import{ObjectLoader as c,LoopOnce as n}from"three";var m=function(){var m=o(),s=e("./gltf/lock.gltf",!0),l=r(c,"./gltf/lock-lights.json");s.scene.traverse(function(e){e.isMesh&&(e.castShadow=!0,e.receiveShadow=!0)});var f=t(s.animations,m),p=f.clips,h=f.mixer,v=0;return i(function(){h.clipAction(p[0]).play().setLoop(n),s.scene.position.y=.2*Math.sin(.04*v++),s.materials.Standard.map.offset.x+=-.001}),/*#__PURE__*/a.createElement(a.Fragment,null,/*#__PURE__*/a.createElement("primitive",{ref:m,scale:1.4,object:s.scene}),/*#__PURE__*/a.createElement("primitive",{object:l}))};export{m as default};
2
+ //# sourceMappingURL=LockModel-52fdafa0.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"LockModel-52fdafa0.js","sources":["../src/illustrations3d/LockModel.jsx"],"sourcesContent":["/* eslint-disable fp/no-mutation */\nimport { useGLTF, useAnimations } from '@react-three/drei';\nimport { useFrame, useLoader } from '@react-three/fiber';\nimport React, { useRef } from 'react';\nimport { LoopOnce, ObjectLoader } from 'three';\n\nconst LockModel = () => {\n const ref = useRef();\n const model = useGLTF(`./gltf/lock.gltf`, true);\n // @ts-expect-error later\n const lights = useLoader(ObjectLoader, './gltf/lock-lights.json');\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);\n model.scene.position.y = Math.sin(frame++ * 0.04) * 0.2;\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 LockModel;\n"],"names":["LockModel","useRef","useGLTF","lights","useLoader","ObjectLoader","model","scene","traverse","node","isMesh","castShadow","receiveShadow","useAnimations","animations","ref","clips","mixer","_useAnimations","useFrame","clipAction","play","setLoop","LoopOnce","position","y","Math","sin","frame","materials","Standard","map","offset","x","React","createElement","Fragment","scale","object"],"mappings":"iNAMMA,IAAAA,EAAY,WAChB,MAAYC,MACEC,EAA4B,oBAAA,GAE9BC,EAAGC,EAAUC,EAAc,2BACvCC,EAAMC,MAAMC,SAAS,SAACC,GAChBA,EAAKC,SACPD,EAAKE,YAAa,EAClBF,EAAKG,eAAgB,EAEzB,GAEA,MAAyBC,EAAcP,EAAMQ,WAAYC,GAAjDC,EAAAA,EAAAA,MAAOC,EAAKC,EAALD,QACH,EAOZ,OANAE,EAAS,WACPF,EAAMG,WAAWJ,EAAM,IAAIK,OAAOC,QAAQC,GAC1CjB,EAAMC,MAAMiB,SAASC,EAA+B,GAA3BC,KAAKC,IAAc,IAAVC,KAClCtB,EAAMuB,UAAUC,SAASC,IAAIC,OAAOC,IAAM,IAC5C,gBAGEC,EACEC,cAAAD,EAAAE,SAAA,kBAAAF,EAAAC,cAAA,YAAA,CAAWpB,IAAKA,EAAKsB,MAAO,IAAKC,OAAQhC,EAAMC,qBAC/C2B,EAAAC,cAAA,YAAA,CAAWG,OAAQnC,IAGzB"}
@@ -0,0 +1,2 @@
1
+ var e=require("@react-three/drei"),t=require("@react-three/fiber"),r=require("react"),a=require("three");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=/*#__PURE__*/i(r);exports.default=function(){var i=r.useRef(),c=e.useGLTF("./gltf/lock.gltf",!0),o=t.useLoader(a.ObjectLoader,"./gltf/lock-lights.json");c.scene.traverse(function(e){e.isMesh&&(e.castShadow=!0,e.receiveShadow=!0)});var s=e.useAnimations(c.animations,i),l=s.clips,u=s.mixer,f=0;return t.useFrame(function(){u.clipAction(l[0]).play().setLoop(a.LoopOnce),c.scene.position.y=.2*Math.sin(.04*f++),c.materials.Standard.map.offset.x+=-.001}),/*#__PURE__*/n.default.createElement(n.default.Fragment,null,/*#__PURE__*/n.default.createElement("primitive",{ref:i,scale:1.4,object:c.scene}),/*#__PURE__*/n.default.createElement("primitive",{object:o}))};
2
+ //# sourceMappingURL=LockModel-c6c685a8.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"LockModel-c6c685a8.js","sources":["../src/illustrations3d/LockModel.jsx"],"sourcesContent":["/* eslint-disable fp/no-mutation */\nimport { useGLTF, useAnimations } from '@react-three/drei';\nimport { useFrame, useLoader } from '@react-three/fiber';\nimport React, { useRef } from 'react';\nimport { LoopOnce, ObjectLoader } from 'three';\n\nconst LockModel = () => {\n const ref = useRef();\n const model = useGLTF(`./gltf/lock.gltf`, true);\n // @ts-expect-error later\n const lights = useLoader(ObjectLoader, './gltf/lock-lights.json');\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);\n model.scene.position.y = Math.sin(frame++ * 0.04) * 0.2;\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 LockModel;\n"],"names":["useRef","useGLTF","lights","useLoader","ObjectLoader","model","scene","traverse","node","isMesh","castShadow","receiveShadow","useAnimations","animations","ref","clips","mixer","_useAnimations","useFrame","clipAction","play","setLoop","LoopOnce","position","y","Math","sin","frame","materials","Standard","map","offset","x","React","createElement","Fragment","scale","object"],"mappings":"yNAMkB,WAChB,MAAYA,EAAAA,WACEC,EAAAA,QAA4B,oBAAA,GAE9BC,EAAGC,EAAAA,UAAUC,EAAYA,aAAE,2BACvCC,EAAMC,MAAMC,SAAS,SAACC,GAChBA,EAAKC,SACPD,EAAKE,YAAa,EAClBF,EAAKG,eAAgB,EAEzB,GAEA,MAAyBC,gBAAcP,EAAMQ,WAAYC,GAAjDC,EAAAA,EAAAA,MAAOC,EAAKC,EAALD,QACH,EAOZ,OANAE,EAAQA,SAAC,WACPF,EAAMG,WAAWJ,EAAM,IAAIK,OAAOC,QAAQC,EAAQA,UAClDjB,EAAMC,MAAMiB,SAASC,EAA+B,GAA3BC,KAAKC,IAAc,IAAVC,KAClCtB,EAAMuB,UAAUC,SAASC,IAAIC,OAAOC,IAAM,IAC5C,gBAGEC,EACE,QAAAC,cAAAD,EAAAA,QAAAE,SAAA,kBAAAF,EAAAA,QAAAC,cAAA,YAAA,CAAWpB,IAAKA,EAAKsB,MAAO,IAAKC,OAAQhC,EAAMC,qBAC/C2B,EAAAA,QAAAC,cAAA,YAAA,CAAWG,OAAQnC,IAGzB"}
@@ -0,0 +1,2 @@
1
+ import{useGLTF as e}from"@react-three/drei";import{useLoader as t,useFrame as r}from"@react-three/fiber";import a from"react";import{ObjectLoader as i}from"three";var n=function(){var n=e("./gltf/magnifyingglass.gltf"),m=t(i,"./gltf/magnifying-glass-lights.json"),o=n.scene.getObjectByName("Optimised_lens");return r(function(){o.material.transparent=!0,o.material.opacity=.8,Object.values(n.materials).forEach(function(e){})}),/*#__PURE__*/a.createElement(a.Fragment,null,/*#__PURE__*/a.createElement("primitive",{scale:1.5,position:[0,-12,0],object:n.scene}),/*#__PURE__*/a.createElement("primitive",{object:m}))};export{n as default};
2
+ //# sourceMappingURL=MagnifyingGlassModel-75a7e4e1.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"MagnifyingGlassModel-75a7e4e1.js","sources":["../src/illustrations3d/MagnifyingGlassModel.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-unsafe-argument */\n/* eslint-disable @typescript-eslint/no-unsafe-member-access */\n/* eslint-disable fp/no-mutation */\nimport { useGLTF } from '@react-three/drei';\nimport { useFrame, useLoader } from '@react-three/fiber';\nimport React from 'react';\nimport { ObjectLoader } from 'three';\n\nconst MagnifyingGlassModel = () => {\n const model = useGLTF(`./gltf/magnifyingglass.gltf` /*, true*/);\n // @ts-expect-error later\n const lights = useLoader(ObjectLoader, './gltf/magnifying-glass-lights.json');\n\n const lens = model.scene.getObjectByName('Optimised_lens') as THREE.Mesh;\n\n useFrame(() => {\n // @ts-expect-error later\n lens.material.transparent = true;\n // @ts-expect-error later\n lens.material.opacity = 0.8;\n // @ts-expect-error later\n Object.values(model.materials).forEach((material) => {\n // console.log('material', material);\n // material.map.offset.x += -0.0006;\n });\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 MagnifyingGlassModel;\n"],"names":["MagnifyingGlassModel","model","useGLTF","lights","useLoader","ObjectLoader","scene","getObjectByName","useFrame","lens","material","transparent","opacity","Object","values","materials","forEach","React","createElement","Fragment","scale","position","object"],"mappings":"mKAQMA,IAAoBA,EAAG,WAC3B,IAAWC,EAAGC,EAAO,+BAETC,EAAGC,EAAUC,EAAc,yCAE1BJ,EAAMK,MAAMC,gBAAgB,kBAczC,OAZAC,EAAS,WAEPC,EAAKC,SAASC,aAAc,EAE5BF,EAAKC,SAASE,QAAU,GAExBC,OAAOC,OAAOb,EAAMc,WAAWC,QAAQ,SAACN,GAGvC,EACH,gBAGEO,EAAAC,cAAAD,EAAAE,SAAA,kBACEF,EAAWC,cAAA,YAAA,CAAAE,MAAO,IAAKC,SAAU,CAAC,GAAI,GAAI,GAAIC,OAAQrB,EAAMK,qBAC5DW,EAAWC,cAAA,YAAA,CAAAI,OAAQnB,IAGzB"}
@@ -0,0 +1,2 @@
1
+ var e=require("@react-three/drei"),t=require("@react-three/fiber"),r=require("react"),a=require("three");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=/*#__PURE__*/i(r);exports.default=function(){var r=e.useGLTF("./gltf/magnifyingglass.gltf"),i=t.useLoader(a.ObjectLoader,"./gltf/magnifying-glass-lights.json"),l=r.scene.getObjectByName("Optimised_lens");return t.useFrame(function(){l.material.transparent=!0,l.material.opacity=.8,Object.values(r.materials).forEach(function(e){})}),/*#__PURE__*/n.default.createElement(n.default.Fragment,null,/*#__PURE__*/n.default.createElement("primitive",{scale:1.5,position:[0,-12,0],object:r.scene}),/*#__PURE__*/n.default.createElement("primitive",{object:i}))};
2
+ //# sourceMappingURL=MagnifyingGlassModel-b5425654.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"MagnifyingGlassModel-b5425654.js","sources":["../src/illustrations3d/MagnifyingGlassModel.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-unsafe-argument */\n/* eslint-disable @typescript-eslint/no-unsafe-member-access */\n/* eslint-disable fp/no-mutation */\nimport { useGLTF } from '@react-three/drei';\nimport { useFrame, useLoader } from '@react-three/fiber';\nimport React from 'react';\nimport { ObjectLoader } from 'three';\n\nconst MagnifyingGlassModel = () => {\n const model = useGLTF(`./gltf/magnifyingglass.gltf` /*, true*/);\n // @ts-expect-error later\n const lights = useLoader(ObjectLoader, './gltf/magnifying-glass-lights.json');\n\n const lens = model.scene.getObjectByName('Optimised_lens') as THREE.Mesh;\n\n useFrame(() => {\n // @ts-expect-error later\n lens.material.transparent = true;\n // @ts-expect-error later\n lens.material.opacity = 0.8;\n // @ts-expect-error later\n Object.values(model.materials).forEach((material) => {\n // console.log('material', material);\n // material.map.offset.x += -0.0006;\n });\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 MagnifyingGlassModel;\n"],"names":["model","useGLTF","lights","useLoader","ObjectLoader","scene","getObjectByName","useFrame","lens","material","transparent","opacity","Object","values","materials","forEach","React","createElement","Fragment","scale","position","object"],"mappings":"yNAQ6B,WAC3B,IAAWA,EAAGC,EAAAA,QAAO,+BAETC,EAAGC,EAAAA,UAAUC,EAAAA,aAAc,yCAE1BJ,EAAMK,MAAMC,gBAAgB,kBAczC,OAZAC,EAAAA,SAAS,WAEPC,EAAKC,SAASC,aAAc,EAE5BF,EAAKC,SAASE,QAAU,GAExBC,OAAOC,OAAOb,EAAMc,WAAWC,QAAQ,SAACN,GAGvC,EACH,gBAGEO,EAAA,QAAAC,cAAAD,EAAA,QAAAE,SAAA,kBACEF,EAAW,QAAAC,cAAA,YAAA,CAAAE,MAAO,IAAKC,SAAU,CAAC,GAAI,GAAI,GAAIC,OAAQrB,EAAMK,qBAC5DW,EAAAA,QAAWC,cAAA,YAAA,CAAAI,OAAQnB,IAGzB"}
@@ -0,0 +1,2 @@
1
+ import{useGLTF as e}from"@react-three/drei";import{useLoader as t,useFrame as r}from"@react-three/fiber";import a from"react";import{ObjectLoader as n}from"three";var c=function(){var c=e("./gltf/marbleWithCard.gltf"),i=t(n,"./gltf/marble-card-lights.json"),m=[c.scene.getObjectByName("Sphere1"),c.scene.getObjectByName("Strip_Center_Big_(4th_-_Bottom_Layer)"),c.scene.getObjectByName("Strip_Left_(3rd)"),c.scene.getObjectByName("Strip_Right_(2nd)"),c.scene.getObjectByName("Strip_Center_(1st_-_Top_Layer)")].map(function(e){return e.material.map});r(function(){m.forEach(function(e){return e.offset.y+=-.0015})});var o=c.scene.getObjectByName("Plane");return o.renderOrder=4,o.material.metalness=0,/*#__PURE__*/a.createElement(a.Fragment,null,/*#__PURE__*/a.createElement("primitive",{scale:1.4,position:[0,-10,0],object:c.scene}),/*#__PURE__*/a.createElement("primitive",{object:i}))};export{c as default};
2
+ //# sourceMappingURL=MarbleCardModel-66b98263.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"MarbleCardModel-66b98263.js","sources":["../src/illustrations3d/MarbleCardModel.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-unsafe-return */\n/* eslint-disable @typescript-eslint/no-unsafe-member-access */\n/* eslint-disable fp/no-mutation */\nimport { useGLTF } from '@react-three/drei';\nimport { useFrame, useLoader } from '@react-three/fiber';\nimport React from 'react';\nimport { ObjectLoader } from 'three';\n\nconst MarbleCardModel = () => {\n const model = useGLTF(`./gltf/marbleWithCard.gltf` /*, true*/);\n // @ts-expect-error later\n const lights = useLoader(ObjectLoader, './gltf/marble-card-lights.json');\n\n const animatedMaps = [\n model.scene.getObjectByName('Sphere1'),\n model.scene.getObjectByName('Strip_Center_Big_(4th_-_Bottom_Layer)'),\n model.scene.getObjectByName('Strip_Left_(3rd)'),\n model.scene.getObjectByName('Strip_Right_(2nd)'),\n model.scene.getObjectByName('Strip_Center_(1st_-_Top_Layer)'),\n // @ts-expect-error later\n ].map((object) => object.material.map);\n\n useFrame(() => {\n animatedMaps.forEach((map) => (map.offset.y += -0.0015));\n });\n\n const planet = model.scene.getObjectByName('Plane');\n // @ts-expect-error later\n planet.renderOrder = 4;\n // @ts-expect-error later\n planet.material.metalness = 0;\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 MarbleCardModel;\n"],"names":["MarbleCardModel","model","useGLTF","lights","useLoader","ObjectLoader","animatedMaps","scene","getObjectByName","map","object","material","useFrame","forEach","offset","y","planet","renderOrder","metalness","React","createElement","Fragment","scale","position"],"mappings":"mKAQMA,MAAkB,WACtB,IAAWC,EAAGC,EAAgD,8BAElDC,EAAGC,EAAUC,EAAc,kCAEjCC,EAAe,CACnBL,EAAMM,MAAMC,gBAAgB,WAC5BP,EAAMM,MAAMC,gBAAgB,yCAC5BP,EAAMM,MAAMC,gBAAgB,oBAC5BP,EAAMM,MAAMC,gBAAgB,qBAC5BP,EAAMM,MAAMC,gBAAgB,mCAE5BC,IAAI,SAACC,UAAiBA,EAACC,SAASF,GAAG,GAErCG,EAAS,WACPN,EAAaO,QAAQ,SAACJ,UAAYA,EAACK,OAAOC,IAAM,KAAM,EACxD,GAEA,MAAed,EAAMM,MAAMC,gBAAgB,SAM3C,OAJAQ,EAAOC,YAAc,EAErBD,EAAOL,SAASO,UAAY,eAG1BC,EAAAC,cAAAD,EAAAE,SAAA,kBACEF,6BAAWG,MAAO,IAAKC,SAAU,CAAC,GAAI,GAAI,GAAIb,OAAQT,EAAMM,qBAC5DY,EAAAC,cAAA,YAAA,CAAWV,OAAQP,IAGzB"}
@@ -0,0 +1,2 @@
1
+ var e=require("@react-three/drei"),t=require("@react-three/fiber"),r=require("react"),a=require("three");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=/*#__PURE__*/n(r);exports.default=function(){var r=e.useGLTF("./gltf/marbleWithCard.gltf"),n=t.useLoader(a.ObjectLoader,"./gltf/marble-card-lights.json"),i=[r.scene.getObjectByName("Sphere1"),r.scene.getObjectByName("Strip_Center_Big_(4th_-_Bottom_Layer)"),r.scene.getObjectByName("Strip_Left_(3rd)"),r.scene.getObjectByName("Strip_Right_(2nd)"),r.scene.getObjectByName("Strip_Center_(1st_-_Top_Layer)")].map(function(e){return e.material.map});t.useFrame(function(){i.forEach(function(e){return e.offset.y+=-.0015})});var u=r.scene.getObjectByName("Plane");return u.renderOrder=4,u.material.metalness=0,/*#__PURE__*/c.default.createElement(c.default.Fragment,null,/*#__PURE__*/c.default.createElement("primitive",{scale:1.4,position:[0,-10,0],object:r.scene}),/*#__PURE__*/c.default.createElement("primitive",{object:n}))};
2
+ //# sourceMappingURL=MarbleCardModel-760a442d.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"MarbleCardModel-760a442d.js","sources":["../src/illustrations3d/MarbleCardModel.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-unsafe-return */\n/* eslint-disable @typescript-eslint/no-unsafe-member-access */\n/* eslint-disable fp/no-mutation */\nimport { useGLTF } from '@react-three/drei';\nimport { useFrame, useLoader } from '@react-three/fiber';\nimport React from 'react';\nimport { ObjectLoader } from 'three';\n\nconst MarbleCardModel = () => {\n const model = useGLTF(`./gltf/marbleWithCard.gltf` /*, true*/);\n // @ts-expect-error later\n const lights = useLoader(ObjectLoader, './gltf/marble-card-lights.json');\n\n const animatedMaps = [\n model.scene.getObjectByName('Sphere1'),\n model.scene.getObjectByName('Strip_Center_Big_(4th_-_Bottom_Layer)'),\n model.scene.getObjectByName('Strip_Left_(3rd)'),\n model.scene.getObjectByName('Strip_Right_(2nd)'),\n model.scene.getObjectByName('Strip_Center_(1st_-_Top_Layer)'),\n // @ts-expect-error later\n ].map((object) => object.material.map);\n\n useFrame(() => {\n animatedMaps.forEach((map) => (map.offset.y += -0.0015));\n });\n\n const planet = model.scene.getObjectByName('Plane');\n // @ts-expect-error later\n planet.renderOrder = 4;\n // @ts-expect-error later\n planet.material.metalness = 0;\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 MarbleCardModel;\n"],"names":["model","useGLTF","lights","useLoader","ObjectLoader","animatedMaps","scene","getObjectByName","map","object","material","useFrame","forEach","offset","y","planet","renderOrder","metalness","React","createElement","Fragment","scale","position"],"mappings":"yNAQwB,WACtB,IAAWA,EAAGC,EAAAA,QAAgD,8BAElDC,EAAGC,EAASA,UAACC,eAAc,kCAEjCC,EAAe,CACnBL,EAAMM,MAAMC,gBAAgB,WAC5BP,EAAMM,MAAMC,gBAAgB,yCAC5BP,EAAMM,MAAMC,gBAAgB,oBAC5BP,EAAMM,MAAMC,gBAAgB,qBAC5BP,EAAMM,MAAMC,gBAAgB,mCAE5BC,IAAI,SAACC,UAAiBA,EAACC,SAASF,GAAG,GAErCG,EAAAA,SAAS,WACPN,EAAaO,QAAQ,SAACJ,UAAYA,EAACK,OAAOC,IAAM,KAAM,EACxD,GAEA,MAAed,EAAMM,MAAMC,gBAAgB,SAM3C,OAJAQ,EAAOC,YAAc,EAErBD,EAAOL,SAASO,UAAY,eAG1BC,EAAA,QAAAC,cAAAD,UAAAE,SAAA,kBACEF,qCAAWG,MAAO,IAAKC,SAAU,CAAC,GAAI,GAAI,GAAIb,OAAQT,EAAMM,qBAC5DY,EAAAA,QAAAC,cAAA,YAAA,CAAWV,OAAQP,IAGzB"}
@@ -0,0 +1,2 @@
1
+ var e=require("@react-three/drei"),t=require("@react-three/fiber"),r=require("react"),a=require("three");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=/*#__PURE__*/u(r);exports.default=function(){var r=e.useGLTF("./gltf/marble.gltf"),u=t.useLoader(a.ObjectLoader,"./gltf/marble-lights.json");return t.useFrame(function(){Object.values(r.materials).forEach(function(e){return e.map.offset.y+=-.0015})}),/*#__PURE__*/i.default.createElement(i.default.Fragment,null,/*#__PURE__*/i.default.createElement("primitive",{scale:1.4,position:[0,-11,0],object:r.scene}),/*#__PURE__*/i.default.createElement("primitive",{object:u}))};
2
+ //# sourceMappingURL=MarbleModel-4092b89b.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"MarbleModel-4092b89b.js","sources":["../src/illustrations3d/MarbleModel.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-unsafe-return */\n/* eslint-disable @typescript-eslint/no-unsafe-member-access */\n/* eslint-disable @typescript-eslint/no-unsafe-argument */\n/* eslint-disable fp/no-mutation */\nimport { useGLTF } from '@react-three/drei';\nimport { useFrame, useLoader } from '@react-three/fiber';\nimport React from 'react';\nimport { ObjectLoader } from 'three';\n\nconst MarbleModel = () => {\n const model = useGLTF(`./gltf/marble.gltf` /*, true*/);\n // @ts-expect-error later\n const lights = useLoader(ObjectLoader, './gltf/marble-lights.json');\n\n useFrame(() => {\n // @ts-expect-error later\n Object.values(model.materials).forEach((material) => (material.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 MarbleModel;\n"],"names":["model","useGLTF","lights","useLoader","ObjectLoader","useFrame","Object","values","materials","forEach","material","map","offset","y","React","createElement","Fragment","scale","position","object","scene"],"mappings":"yNASoB,WAClB,IAAWA,EAAGC,EAAAA,QAAO,sBAEfC,EAASC,EAASA,UAACC,EAAYA,aAAE,6BAOvC,OALAC,EAAAA,SAAS,WAEPC,OAAOC,OAAOP,EAAMQ,WAAWC,QAAQ,SAACC,GAAQ,SAAeC,IAAIC,OAAOC,IAAM,KAAM,EACxF,gBAGEC,EAAAA,QACEC,cAAAD,EAAA,QAAAE,SAAA,kBAAAF,UAAAC,cAAA,YAAA,CAAWE,MAAO,IAAKC,SAAU,CAAC,GAAI,GAAI,GAAIC,OAAQnB,EAAMoB,qBAC5DN,EAAA,QAAAC,cAAA,YAAA,CAAWI,OAAQjB,IAGzB"}
@@ -0,0 +1,2 @@
1
+ import{useGLTF as e}from"@react-three/drei";import{useLoader as t,useFrame as r}from"@react-three/fiber";import a from"react";import{ObjectLoader as i}from"three";var o=function(){var o=e("./gltf/marble.gltf"),m=t(i,"./gltf/marble-lights.json");return r(function(){Object.values(o.materials).forEach(function(e){return e.map.offset.y+=-.0015})}),/*#__PURE__*/a.createElement(a.Fragment,null,/*#__PURE__*/a.createElement("primitive",{scale:1.4,position:[0,-11,0],object:o.scene}),/*#__PURE__*/a.createElement("primitive",{object:m}))};export{o as default};
2
+ //# sourceMappingURL=MarbleModel-748d8345.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"MarbleModel-748d8345.js","sources":["../src/illustrations3d/MarbleModel.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-unsafe-return */\n/* eslint-disable @typescript-eslint/no-unsafe-member-access */\n/* eslint-disable @typescript-eslint/no-unsafe-argument */\n/* eslint-disable fp/no-mutation */\nimport { useGLTF } from '@react-three/drei';\nimport { useFrame, useLoader } from '@react-three/fiber';\nimport React from 'react';\nimport { ObjectLoader } from 'three';\n\nconst MarbleModel = () => {\n const model = useGLTF(`./gltf/marble.gltf` /*, true*/);\n // @ts-expect-error later\n const lights = useLoader(ObjectLoader, './gltf/marble-lights.json');\n\n useFrame(() => {\n // @ts-expect-error later\n Object.values(model.materials).forEach((material) => (material.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 MarbleModel;\n"],"names":["MarbleModel","model","useGLTF","lights","useLoader","ObjectLoader","useFrame","Object","values","materials","forEach","material","map","offset","y","React","createElement","Fragment","scale","position","object","scene"],"mappings":"mKASMA,IAAWA,EAAG,WAClB,IAAWC,EAAGC,EAAO,sBAEfC,EAASC,EAAUC,EAAc,6BAOvC,OALAC,EAAS,WAEPC,OAAOC,OAAOP,EAAMQ,WAAWC,QAAQ,SAACC,GAAQ,SAAeC,IAAIC,OAAOC,IAAM,KAAM,EACxF,gBAGEC,EACEC,cAAAD,EAAAE,SAAA,kBAAAF,EAAAC,cAAA,YAAA,CAAWE,MAAO,IAAKC,SAAU,CAAC,GAAI,GAAI,GAAIC,OAAQnB,EAAMoB,qBAC5DN,EAAAC,cAAA,YAAA,CAAWI,OAAQjB,IAGzB"}
@@ -0,0 +1,2 @@
1
+ var e=require("@react-three/drei"),t=require("@react-three/fiber"),a=require("react"),r=require("three");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=/*#__PURE__*/i(a);exports.default=function(){var i=a.useRef(),s=e.useGLTF("./gltf/multi-currency.gltf"),u=t.useLoader(r.ObjectLoader,"./gltf/multi-currency-lights.json"),c=t.useLoader(r.TextureLoader,"./gltf/coinBumpMap.jpg"),o=[];s.scene.position.x=-.34,s.scene.traverse(function(e){e.name.includes("Note")&&(e.castShadow=!0,e.receiveShadow=!0),e.name.startsWith("Coin_")&&e.isMesh&&(e.material.bumpMap=c,e.material.bumpMap.flipY=!1,e.material.bumpScale=1,e.material.color=new r.Color("#7d7d7d"),e.castShadow=!1,e.receiveShadow=!1),e.name.startsWith("NoteBase_")&&e.isMesh&&o.push(e.material.map),e.name.includes("Wise")&&e.isMesh&&o.push(e.material.map)});var l=e.useAnimations(s.animations,i),m=l.mixer,f=l.clips;return t.useFrame(function(){o.forEach(function(e){e.offset.x+=.001}),m.clipAction(f[0]).play()}),/*#__PURE__*/n.default.createElement(n.default.Fragment,null,/*#__PURE__*/n.default.createElement("primitive",{ref:i,position:[-.5,-10,0],scale:1.3,object:s.scene}),/*#__PURE__*/n.default.createElement("primitive",{object:u}))};
2
+ //# sourceMappingURL=MultiCurrencyModel-10001a07.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"MultiCurrencyModel-10001a07.js","sources":["../src/illustrations3d/MultiCurrencyModel.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-unsafe-argument */\n/* eslint-disable @typescript-eslint/no-unsafe-member-access */\n/* eslint-disable fp/no-mutation */\nimport { useGLTF, useAnimations } from '@react-three/drei';\nimport { useFrame, useLoader } from '@react-three/fiber';\nimport React, { useRef } from 'react';\nimport { ObjectLoader, TextureLoader, Color, Object3D } from 'three';\n\nconst MultiCurrencyModel = () => {\n const modelRef = useRef();\n const model = useGLTF(`./gltf/multi-currency.gltf` /*, true*/);\n // @ts-expect-error later\n const lights = useLoader(ObjectLoader, './gltf/multi-currency-lights.json');\n const wiseLogo = useLoader(TextureLoader, './gltf/coinBumpMap.jpg');\n const animatedMaps: Object3D[] = [];\n\n model.scene.position.x = -0.34;\n\n model.scene.traverse((child) => {\n if (child.name.includes('Note')) {\n child.castShadow = true;\n child.receiveShadow = true;\n }\n // @ts-expect-error later\n if (child.name.startsWith('Coin_') && child.isMesh) {\n // @ts-expect-error later\n child.material.bumpMap = wiseLogo;\n // @ts-expect-error later\n child.material.bumpMap.flipY = false;\n // @ts-expect-error later\n child.material.bumpScale = 1;\n // @ts-expect-error later\n child.material.color = new Color('#7d7d7d');\n child.castShadow = false;\n child.receiveShadow = false;\n }\n // @ts-expect-error later\n if (child.name.startsWith('NoteBase_') && child.isMesh) {\n // @ts-expect-error later\n animatedMaps.push(child.material.map);\n }\n // @ts-expect-error later\n if (child.name.includes('Wise') && child.isMesh) {\n // @ts-expect-error later\n animatedMaps.push(child.material.map);\n }\n });\n\n const { mixer, clips } = useAnimations(model.animations, modelRef);\n useFrame(() => {\n animatedMaps.forEach((animatedMap) => {\n // @ts-expect-error later\n animatedMap.offset.x += 0.001;\n });\n mixer.clipAction(clips[0]).play();\n });\n\n return (\n <>\n <primitive ref={modelRef} position={[-0.5, -10, 0]} scale={1.3} object={model.scene} />\n <primitive object={lights} />\n </>\n );\n};\n\nexport default MultiCurrencyModel;\n"],"names":["modelRef","useRef","model","useGLTF","lights","useLoader","ObjectLoader","wiseLogo","TextureLoader","animatedMaps","scene","position","x","traverse","child","name","includes","castShadow","receiveShadow","startsWith","isMesh","material","bumpMap","flipY","bumpScale","color","Color","push","map","_useAnimations","useAnimations","animations","mixer","clips","useFrame","forEach","animatedMap","offset","clipAction","play","React","createElement","ref","scale","object"],"mappings":"yNAQ2B,WACzB,IAAcA,EAAGC,EAAAA,SACXC,EAAQC,wCAEFC,EAAGC,EAASA,UAACC,eAAc,qCACjCC,EAAWF,YAAUG,EAAAA,cAAe,0BACpCC,EAA2B,GAEjCP,EAAMQ,MAAMC,SAASC,GAAK,IAE1BV,EAAMQ,MAAMG,SAAS,SAACC,GAChBA,EAAMC,KAAKC,SAAS,UACtBF,EAAMG,YAAa,EACnBH,EAAMI,eAAgB,GAGpBJ,EAAMC,KAAKI,WAAW,UAAYL,EAAMM,SAE1CN,EAAMO,SAASC,QAAUf,EAEzBO,EAAMO,SAASC,QAAQC,OAAQ,EAE/BT,EAAMO,SAASG,UAAY,EAE3BV,EAAMO,SAASI,MAAQ,IAASC,QAAC,WACjCZ,EAAMG,YAAa,EACnBH,EAAMI,eAAgB,GAGpBJ,EAAMC,KAAKI,WAAW,cAAgBL,EAAMM,QAE9CX,EAAakB,KAAKb,EAAMO,SAASO,KAG/Bd,EAAMC,KAAKC,SAAS,SAAWF,EAAMM,QAEvCX,EAAakB,KAAKb,EAAMO,SAASO,IAErC,GAEA,IAAAC,EAAyBC,gBAAc5B,EAAM6B,WAAY/B,GAAjDgC,EAAKH,EAALG,MAAOC,EAAAA,EAAAA,MASf,OARAC,WAAS,WACPzB,EAAa0B,QAAQ,SAACC,GAEpBA,EAAYC,OAAOzB,GAAK,IAC1B,GACAoB,EAAMM,WAAWL,EAAM,IAAIM,MAC7B,gBAGEC,EAAAA,2DACEA,EAAAA,QAAWC,cAAA,YAAA,CAAAC,IAAK1C,EAAUW,SAAU,EAAE,IAAM,GAAI,GAAIgC,MAAO,IAAKC,OAAQ1C,EAAMQ,qBAC9E8B,UAAWC,cAAA,YAAA,CAAAG,OAAQxC,IAGzB"}
@@ -0,0 +1,2 @@
1
+ import{useGLTF as e,useAnimations as t}from"@react-three/drei";import{useLoader as a,useFrame as i}from"@react-three/fiber";import r,{useRef as m}from"react";import{ObjectLoader as n,TextureLoader as o,Color as c}from"three";var s=function(){var s=m(),l=e("./gltf/multi-currency.gltf"),p=a(n,"./gltf/multi-currency-lights.json"),f=a(o,"./gltf/coinBumpMap.jpg"),u=[];l.scene.position.x=-.34,l.scene.traverse(function(e){e.name.includes("Note")&&(e.castShadow=!0,e.receiveShadow=!0),e.name.startsWith("Coin_")&&e.isMesh&&(e.material.bumpMap=f,e.material.bumpMap.flipY=!1,e.material.bumpScale=1,e.material.color=new c("#7d7d7d"),e.castShadow=!1,e.receiveShadow=!1),e.name.startsWith("NoteBase_")&&e.isMesh&&u.push(e.material.map),e.name.includes("Wise")&&e.isMesh&&u.push(e.material.map)});var h=t(l.animations,s),d=h.mixer,v=h.clips;return i(function(){u.forEach(function(e){e.offset.x+=.001}),d.clipAction(v[0]).play()}),/*#__PURE__*/r.createElement(r.Fragment,null,/*#__PURE__*/r.createElement("primitive",{ref:s,position:[-.5,-10,0],scale:1.3,object:l.scene}),/*#__PURE__*/r.createElement("primitive",{object:p}))};export{s as default};
2
+ //# sourceMappingURL=MultiCurrencyModel-5ae59006.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"MultiCurrencyModel-5ae59006.js","sources":["../src/illustrations3d/MultiCurrencyModel.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-unsafe-argument */\n/* eslint-disable @typescript-eslint/no-unsafe-member-access */\n/* eslint-disable fp/no-mutation */\nimport { useGLTF, useAnimations } from '@react-three/drei';\nimport { useFrame, useLoader } from '@react-three/fiber';\nimport React, { useRef } from 'react';\nimport { ObjectLoader, TextureLoader, Color, Object3D } from 'three';\n\nconst MultiCurrencyModel = () => {\n const modelRef = useRef();\n const model = useGLTF(`./gltf/multi-currency.gltf` /*, true*/);\n // @ts-expect-error later\n const lights = useLoader(ObjectLoader, './gltf/multi-currency-lights.json');\n const wiseLogo = useLoader(TextureLoader, './gltf/coinBumpMap.jpg');\n const animatedMaps: Object3D[] = [];\n\n model.scene.position.x = -0.34;\n\n model.scene.traverse((child) => {\n if (child.name.includes('Note')) {\n child.castShadow = true;\n child.receiveShadow = true;\n }\n // @ts-expect-error later\n if (child.name.startsWith('Coin_') && child.isMesh) {\n // @ts-expect-error later\n child.material.bumpMap = wiseLogo;\n // @ts-expect-error later\n child.material.bumpMap.flipY = false;\n // @ts-expect-error later\n child.material.bumpScale = 1;\n // @ts-expect-error later\n child.material.color = new Color('#7d7d7d');\n child.castShadow = false;\n child.receiveShadow = false;\n }\n // @ts-expect-error later\n if (child.name.startsWith('NoteBase_') && child.isMesh) {\n // @ts-expect-error later\n animatedMaps.push(child.material.map);\n }\n // @ts-expect-error later\n if (child.name.includes('Wise') && child.isMesh) {\n // @ts-expect-error later\n animatedMaps.push(child.material.map);\n }\n });\n\n const { mixer, clips } = useAnimations(model.animations, modelRef);\n useFrame(() => {\n animatedMaps.forEach((animatedMap) => {\n // @ts-expect-error later\n animatedMap.offset.x += 0.001;\n });\n mixer.clipAction(clips[0]).play();\n });\n\n return (\n <>\n <primitive ref={modelRef} position={[-0.5, -10, 0]} scale={1.3} object={model.scene} />\n <primitive object={lights} />\n </>\n );\n};\n\nexport default MultiCurrencyModel;\n"],"names":["MultiCurrencyModel","modelRef","useRef","model","useGLTF","lights","useLoader","ObjectLoader","wiseLogo","TextureLoader","animatedMaps","scene","position","x","traverse","child","name","includes","castShadow","receiveShadow","startsWith","isMesh","material","bumpMap","flipY","bumpScale","color","Color","push","map","_useAnimations","useAnimations","animations","mixer","clips","useFrame","forEach","animatedMap","offset","clipAction","play","React","createElement","ref","scale","object"],"mappings":"iOAQMA,MAAqB,WACzB,IAAcC,EAAGC,IACXC,EAAQC,gCAEFC,EAAGC,EAAUC,EAAc,qCACjCC,EAAWF,EAAUG,EAAe,0BACpCC,EAA2B,GAEjCP,EAAMQ,MAAMC,SAASC,GAAK,IAE1BV,EAAMQ,MAAMG,SAAS,SAACC,GAChBA,EAAMC,KAAKC,SAAS,UACtBF,EAAMG,YAAa,EACnBH,EAAMI,eAAgB,GAGpBJ,EAAMC,KAAKI,WAAW,UAAYL,EAAMM,SAE1CN,EAAMO,SAASC,QAAUf,EAEzBO,EAAMO,SAASC,QAAQC,OAAQ,EAE/BT,EAAMO,SAASG,UAAY,EAE3BV,EAAMO,SAASI,MAAQ,IAASC,EAAC,WACjCZ,EAAMG,YAAa,EACnBH,EAAMI,eAAgB,GAGpBJ,EAAMC,KAAKI,WAAW,cAAgBL,EAAMM,QAE9CX,EAAakB,KAAKb,EAAMO,SAASO,KAG/Bd,EAAMC,KAAKC,SAAS,SAAWF,EAAMM,QAEvCX,EAAakB,KAAKb,EAAMO,SAASO,IAErC,GAEA,IAAAC,EAAyBC,EAAc5B,EAAM6B,WAAY/B,GAAjDgC,EAAKH,EAALG,MAAOC,EAAAA,EAAAA,MASf,OARAC,EAAS,WACPzB,EAAa0B,QAAQ,SAACC,GAEpBA,EAAYC,OAAOzB,GAAK,IAC1B,GACAoB,EAAMM,WAAWL,EAAM,IAAIM,MAC7B,gBAGEC,6CACEA,EAAWC,cAAA,YAAA,CAAAC,IAAK1C,EAAUW,SAAU,EAAE,IAAM,GAAI,GAAIgC,MAAO,IAAKC,OAAQ1C,EAAMQ,qBAC9E8B,EAAWC,cAAA,YAAA,CAAAG,OAAQxC,IAGzB"}
@@ -0,0 +1,2 @@
1
+ var e=require("@react-three/drei"),t=require("@react-three/fiber"),r=require("react"),a=require("three");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=/*#__PURE__*/i(r);exports.default=function(){var i=r.useRef(),l=e.useGLTF("./gltf/plane.gltf"),u=t.useLoader(a.ObjectLoader,"./gltf/plane-lights.json"),o=l.scene.getObjectByName("Plane_6_update"),c=e.useAnimations(l.animations,i),s=c.mixer,f=c.clips;return t.useFrame(function(){l.materials["Tapestry WebGL"].map.offset.y+=.018,o.position.x=.45,o.position.y=7.5,s.clipAction(f[0]).play()}),/*#__PURE__*/n.default.createElement(n.default.Fragment,null,/*#__PURE__*/n.default.createElement("primitive",{ref:i,scale:1.3,position:[0,-7,0],object:l.scene}),/*#__PURE__*/n.default.createElement("primitive",{object:u}))};
2
+ //# sourceMappingURL=PlaneModel-3b79ccd7.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"PlaneModel-3b79ccd7.js","sources":["../src/illustrations3d/PlaneModel.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-unsafe-member-access */\n/* eslint-disable fp/no-mutation */\nimport { useGLTF, useAnimations } from '@react-three/drei';\nimport { useFrame, useLoader } from '@react-three/fiber';\nimport React, { useRef } from 'react';\nimport { ObjectLoader } from 'three';\n\nconst PlaneModel = () => {\n const ref = useRef();\n const model = useGLTF(`./gltf/plane.gltf` /*, true*/);\n // @ts-expect-error later\n const lights = useLoader(ObjectLoader, './gltf/plane-lights.json');\n const plane = model.scene.getObjectByName('Plane_6_update') as THREE.Mesh;\n\n const { mixer, clips } = useAnimations(model.animations, ref);\n useFrame(() => {\n // @ts-expect-error later\n model.materials['Tapestry WebGL'].map.offset.y += 0.018;\n plane.position.x = 0.45;\n plane.position.y = 7.5;\n mixer.clipAction(clips[0]).play();\n });\n\n return (\n <>\n <primitive ref={ref} scale={1.3} position={[0, -7, 0]} object={model.scene} />\n <primitive object={lights} />\n </>\n );\n};\n\nexport default PlaneModel;\n"],"names":["useRef","useGLTF","lights","useLoader","ObjectLoader","model","scene","getObjectByName","useAnimations","animations","ref","mixer","clips","useFrame","materials","map","offset","y","plane","position","x","clipAction","play","React","createElement","scale","object"],"mappings":"yNAOmB,WACjB,MAAYA,EAAMA,WACJC,EAAOA,QAAgC,qBAEzCC,EAAGC,EAASA,UAACC,eAAc,8BACzBC,EAAMC,MAAMC,gBAAgB,oBAEjBC,EAAaA,cAACH,EAAMI,WAAYC,GAAjDC,IAAAA,MAAOC,EAAAA,EAAAA,MASf,OARAC,WAAS,WAEPR,EAAMS,UAAU,kBAAkBC,IAAIC,OAAOC,GAAK,KAClDC,EAAMC,SAASC,EAAI,IACnBF,EAAMC,SAASF,EAAI,IACnBN,EAAMU,WAAWT,EAAM,IAAIU,MAC7B,gBAGEC,6DACEA,UAAWC,cAAA,YAAA,CAAAd,IAAKA,EAAKe,MAAO,IAAKN,SAAU,CAAC,GAAI,EAAG,GAAIO,OAAQrB,EAAMC,qBACrEiB,EAAW,QAAAC,cAAA,YAAA,CAAAE,OAAQxB,IAGzB"}
@@ -0,0 +1,2 @@
1
+ import{useGLTF as e,useAnimations as t}from"@react-three/drei";import{useLoader as r,useFrame as i}from"@react-three/fiber";import a,{useRef as o}from"react";import{ObjectLoader as n}from"three";var m=function(){var m=o(),l=e("./gltf/plane.gltf"),p=r(n,"./gltf/plane-lights.json"),c=l.scene.getObjectByName("Plane_6_update"),f=t(l.animations,m),s=f.mixer,g=f.clips;return i(function(){l.materials["Tapestry WebGL"].map.offset.y+=.018,c.position.x=.45,c.position.y=7.5,s.clipAction(g[0]).play()}),/*#__PURE__*/a.createElement(a.Fragment,null,/*#__PURE__*/a.createElement("primitive",{ref:m,scale:1.3,position:[0,-7,0],object:l.scene}),/*#__PURE__*/a.createElement("primitive",{object:p}))};export{m as default};
2
+ //# sourceMappingURL=PlaneModel-47b95fd8.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"PlaneModel-47b95fd8.js","sources":["../src/illustrations3d/PlaneModel.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-unsafe-member-access */\n/* eslint-disable fp/no-mutation */\nimport { useGLTF, useAnimations } from '@react-three/drei';\nimport { useFrame, useLoader } from '@react-three/fiber';\nimport React, { useRef } from 'react';\nimport { ObjectLoader } from 'three';\n\nconst PlaneModel = () => {\n const ref = useRef();\n const model = useGLTF(`./gltf/plane.gltf` /*, true*/);\n // @ts-expect-error later\n const lights = useLoader(ObjectLoader, './gltf/plane-lights.json');\n const plane = model.scene.getObjectByName('Plane_6_update') as THREE.Mesh;\n\n const { mixer, clips } = useAnimations(model.animations, ref);\n useFrame(() => {\n // @ts-expect-error later\n model.materials['Tapestry WebGL'].map.offset.y += 0.018;\n plane.position.x = 0.45;\n plane.position.y = 7.5;\n mixer.clipAction(clips[0]).play();\n });\n\n return (\n <>\n <primitive ref={ref} scale={1.3} position={[0, -7, 0]} object={model.scene} />\n <primitive object={lights} />\n </>\n );\n};\n\nexport default PlaneModel;\n"],"names":["PlaneModel","useRef","useGLTF","lights","useLoader","ObjectLoader","model","scene","getObjectByName","useAnimations","animations","ref","mixer","clips","useFrame","materials","map","offset","y","plane","position","x","clipAction","play","React","createElement","scale","object"],"mappings":"mMAOMA,IAAUA,EAAG,WACjB,MAAYC,MACEC,EAAuC,qBAEzCC,EAAGC,EAAUC,EAAc,8BACzBC,EAAMC,MAAMC,gBAAgB,oBAEjBC,EAAcH,EAAMI,WAAYC,GAAjDC,IAAAA,MAAOC,EAAAA,EAAAA,MASf,OARAC,EAAS,WAEPR,EAAMS,UAAU,kBAAkBC,IAAIC,OAAOC,GAAK,KAClDC,EAAMC,SAASC,EAAI,IACnBF,EAAMC,SAASF,EAAI,IACnBN,EAAMU,WAAWT,EAAM,IAAIU,MAC7B,gBAGEC,6CACEA,EAAWC,cAAA,YAAA,CAAAd,IAAKA,EAAKe,MAAO,IAAKN,SAAU,CAAC,GAAI,EAAG,GAAIO,OAAQrB,EAAMC,qBACrEiB,EAAWC,cAAA,YAAA,CAAAE,OAAQxB,IAGzB"}
@@ -0,0 +1,2 @@
1
+ import{PerspectiveCamera as e}from"@react-three/drei";import{Canvas as t}from"@react-three/fiber";import i from"react";import{LinearToneMapping as r,SRGBColorSpace as a,PCFShadowMap as n}from"three";import{I as o,S as p,A as s}from"./index-359ba6fa.js";import"classnames";function l(){return l=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var i=arguments[t];for(var r in i)Object.prototype.hasOwnProperty.call(i,r)&&(e[r]=i[r])}return e},l.apply(this,arguments)}var c,h={size:(c={},c[p.SMALL]={height:"200px",width:"200px"},c[p.MEDIUM]={height:"300px",width:"300px"},c[p.LARGE]={height:"500px",width:"500px"},c)};function d(c){var d=c.children,f=c.size,m=void 0===f?p.MEDIUM:f,u=[s.LOCK,s.MULTI_CURRENCY,s.MAGNIFYING_GLASS].includes(c.assetName);/*#__PURE__*/return i.createElement(t,{style:l({},h.size[m],{display:"inline-block"}),onCreated:function(e){var t=e.gl;t.setClearColor(0,0),t.setSize(o[m],o[m]),t.clearDepth()},gl:{alpha:!0,antialias:!0,pixelRatio:1*window.devicePixelRatio,toneMapping:r,outputColorSpace:a},shadows:{type:n,enabled:u}},/*#__PURE__*/i.createElement(e,{makeDefault:!0,far:1e12,near:.1,fov:10.29,aspect:window.innerWidth/window.innerHeight,position:[0,0,100]}),d)}export{d as default};
2
+ //# sourceMappingURL=Scene-5ebb6675.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Scene-5ebb6675.js","sources":["../src/illustrations3d/Scene.tsx"],"sourcesContent":["/* eslint-disable react/forbid-dom-props */\n/* eslint-disable react/function-component-definition */\nimport { PerspectiveCamera } from '@react-three/drei';\nimport { Canvas } from '@react-three/fiber';\nimport React, { PropsWithChildren } from 'react';\nimport { PCFShadowMap, LinearToneMapping, SRGBColorSpace } from 'three';\n\nimport { ImageSizes, LargeSize, MediumSize, Sizes, SmallSize } from '../common';\nimport { Assets } from '../illustrations/metadata';\n\nimport { Illustration3dNames } from './Illustration3d';\n\nexport type Props = PropsWithChildren<{\n assetName: Illustration3dNames;\n size?: SmallSize | MediumSize | LargeSize;\n}>;\n\nconst sceneStyles = {\n size: {\n [Sizes.SMALL]: {\n height: '200px',\n width: '200px',\n },\n [Sizes.MEDIUM]: {\n height: '300px',\n width: '300px',\n },\n [Sizes.LARGE]: {\n height: '500px',\n width: '500px',\n },\n },\n};\n\nexport default function Scene({ children, assetName, size = Sizes.MEDIUM }: Props) {\n const castShadow = [\n Assets.LOCK as string,\n Assets.MULTI_CURRENCY as string,\n Assets.MAGNIFYING_GLASS as string,\n ].includes(assetName);\n return (\n <Canvas\n style={{ ...sceneStyles.size[size], display: 'inline-block' }}\n onCreated={({ gl }) => {\n gl.setClearColor(0x000000, 0);\n gl.setSize(ImageSizes[size], ImageSizes[size]);\n gl.clearDepth();\n }}\n gl={{\n alpha: true,\n antialias: true,\n pixelRatio: window.devicePixelRatio * 1,\n toneMapping: LinearToneMapping,\n outputColorSpace: SRGBColorSpace,\n }}\n shadows={{\n type: PCFShadowMap,\n enabled: castShadow,\n }}\n >\n <PerspectiveCamera\n makeDefault\n far={1000000000000}\n near={0.1}\n fov={10.29}\n aspect={window.innerWidth / window.innerHeight}\n position={[0, 0, 100]}\n />\n {children}\n </Canvas>\n );\n}\n"],"names":["_size","sceneStyles","size","Sizes","SMALL","height","width","MEDIUM","LARGE","Scene","_ref","children","_ref$size","castShadow","Assets","LOCK","MULTI_CURRENCY","MAGNIFYING_GLASS","includes","assetName","React","createElement","Canvas","style","display","onCreated","_ref2","gl","setClearColor","setSize","ImageSizes","clearDepth","alpha","antialias","pixelRatio","window","devicePixelRatio","toneMapping","LinearToneMapping","outputColorSpace","SRGBColorSpace","shadows","type","PCFShadowMap","enabled","PerspectiveCamera","makeDefault","far","near","fov","aspect","innerWidth","innerHeight","position"],"mappings":"ofAEA,IAAAA,EAeMC,EAAc,CAClBC,MAAIF,EAAA,CAAA,EAAAA,EACDG,EAAMC,OAAQ,CACbC,OAAQ,QACRC,MAAO,SACRN,EACAG,EAAMI,QAAS,CACdF,OAAQ,QACRC,MAAO,SAERH,EAAAA,EAAMK,OAAQ,CACbH,OAAQ,QACRC,MAAO,aAKWG,SAAAA,EAAyDC,GAAA,IAAzCC,EAAAD,EAARC,SAAqBT,EAAAA,EAAAA,KAAAA,OAAOC,IAAAA,EAAAA,EAAMI,OAChEK,EAAgBC,EAAG,CACjBC,EAAOC,KACPD,EAAOE,eACPF,EAAOG,kBACPC,SALsCC,EAAAA,wBAMxC,OACEC,EAACC,cAAAC,EACC,CAAAC,MAAYtB,EAAAA,CAAAA,EAAAA,EAAYC,KAAKA,GAAK,CAAEsB,QAAS,iBAC7CC,UAAW,SAAAC,GAAGC,IAAAA,EAAAA,EAAAA,GACZA,EAAGC,cAAc,EAAU,GAC3BD,EAAGE,QAAQC,EAAW5B,GAAO4B,EAAW5B,IACxCyB,EAAGI,YACL,EACAJ,GAAI,CACFK,OAAO,EACPC,WAAW,EACXC,WAAsC,EAA1BC,OAAOC,iBACnBC,YAAaC,EACbC,iBAAkBC,GAEpBC,QAAS,CACPC,KAAMC,EACNC,QAAS/B,iBAGXO,EAACC,cAAAwB,EACC,CAAAC,eACAC,IAAK,KACLC,KAAM,GACNC,IAAK,MACLC,OAAQf,OAAOgB,WAAahB,OAAOiB,YACnCC,SAAU,CAAC,EAAG,EAAG,OAElB1C,EAGP"}
@@ -0,0 +1,2 @@
1
+ var e=require("@react-three/drei"),t=require("@react-three/fiber"),i=require("react"),a=require("three"),r=require("./index-0c3ce39b.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("classnames");var s,o=/*#__PURE__*/n(i);function l(){return l=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var i=arguments[t];for(var a in i)Object.prototype.hasOwnProperty.call(i,a)&&(e[a]=i[a])}return e},l.apply(this,arguments)}var p={size:(s={},s[r.Sizes.SMALL]={height:"200px",width:"200px"},s[r.Sizes.MEDIUM]={height:"300px",width:"300px"},s[r.Sizes.LARGE]={height:"500px",width:"500px"},s)};exports.default=function(i){var n=i.children,s=i.size,c=void 0===s?r.Sizes.MEDIUM:s,d=[r.Assets.LOCK,r.Assets.MULTI_CURRENCY,r.Assets.MAGNIFYING_GLASS].includes(i.assetName);/*#__PURE__*/return o.default.createElement(t.Canvas,{style:l({},p.size[c],{display:"inline-block"}),onCreated:function(e){var t=e.gl;t.setClearColor(0,0),t.setSize(r.ImageSizes[c],r.ImageSizes[c]),t.clearDepth()},gl:{alpha:!0,antialias:!0,pixelRatio:1*window.devicePixelRatio,toneMapping:a.LinearToneMapping,outputColorSpace:a.SRGBColorSpace},shadows:{type:a.PCFShadowMap,enabled:d}},/*#__PURE__*/o.default.createElement(e.PerspectiveCamera,{makeDefault:!0,far:1e12,near:.1,fov:10.29,aspect:window.innerWidth/window.innerHeight,position:[0,0,100]}),n)};
2
+ //# sourceMappingURL=Scene-a0d7cae7.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Scene-a0d7cae7.js","sources":["../src/illustrations3d/Scene.tsx"],"sourcesContent":["/* eslint-disable react/forbid-dom-props */\n/* eslint-disable react/function-component-definition */\nimport { PerspectiveCamera } from '@react-three/drei';\nimport { Canvas } from '@react-three/fiber';\nimport React, { PropsWithChildren } from 'react';\nimport { PCFShadowMap, LinearToneMapping, SRGBColorSpace } from 'three';\n\nimport { ImageSizes, LargeSize, MediumSize, Sizes, SmallSize } from '../common';\nimport { Assets } from '../illustrations/metadata';\n\nimport { Illustration3dNames } from './Illustration3d';\n\nexport type Props = PropsWithChildren<{\n assetName: Illustration3dNames;\n size?: SmallSize | MediumSize | LargeSize;\n}>;\n\nconst sceneStyles = {\n size: {\n [Sizes.SMALL]: {\n height: '200px',\n width: '200px',\n },\n [Sizes.MEDIUM]: {\n height: '300px',\n width: '300px',\n },\n [Sizes.LARGE]: {\n height: '500px',\n width: '500px',\n },\n },\n};\n\nexport default function Scene({ children, assetName, size = Sizes.MEDIUM }: Props) {\n const castShadow = [\n Assets.LOCK as string,\n Assets.MULTI_CURRENCY as string,\n Assets.MAGNIFYING_GLASS as string,\n ].includes(assetName);\n return (\n <Canvas\n style={{ ...sceneStyles.size[size], display: 'inline-block' }}\n onCreated={({ gl }) => {\n gl.setClearColor(0x000000, 0);\n gl.setSize(ImageSizes[size], ImageSizes[size]);\n gl.clearDepth();\n }}\n gl={{\n alpha: true,\n antialias: true,\n pixelRatio: window.devicePixelRatio * 1,\n toneMapping: LinearToneMapping,\n outputColorSpace: SRGBColorSpace,\n }}\n shadows={{\n type: PCFShadowMap,\n enabled: castShadow,\n }}\n >\n <PerspectiveCamera\n makeDefault\n far={1000000000000}\n near={0.1}\n fov={10.29}\n aspect={window.innerWidth / window.innerHeight}\n position={[0, 0, 100]}\n />\n {children}\n </Canvas>\n );\n}\n"],"names":["_size","sceneStyles","size","Sizes","SMALL","height","width","MEDIUM","LARGE","Scene","_ref","children","_ref$size","castShadow","Assets","LOCK","MULTI_CURRENCY","MAGNIFYING_GLASS","includes","assetName","React","createElement","Canvas","style","display","onCreated","_ref2","gl","setClearColor","setSize","ImageSizes","clearDepth","alpha","antialias","pixelRatio","window","devicePixelRatio","toneMapping","LinearToneMapping","outputColorSpace","SRGBColorSpace","shadows","type","PCFShadowMap","enabled","PerspectiveCamera","makeDefault","far","near","fov","aspect","innerWidth","innerHeight","position"],"mappings":"4OAEAA,0PAeA,IAAMC,EAAc,CAClBC,MAAIF,EAAA,CAAA,EAAAA,EACDG,EAAKA,MAACC,OAAQ,CACbC,OAAQ,QACRC,MAAO,SACRN,EACAG,QAAMI,QAAS,CACdF,OAAQ,QACRC,MAAO,SAERH,EAAAA,EAAAA,MAAMK,OAAQ,CACbH,OAAQ,QACRC,MAAO,6BAKWG,SAAyDC,GAAA,IAAzCC,EAAAD,EAARC,SAAqBT,EAAAA,EAAAA,KAAAA,OAAOC,IAAAA,EAAAA,EAAKA,MAACI,OAChEK,EAAgBC,EAAG,CACjBC,EAAAA,OAAOC,KACPD,EAAMA,OAACE,eACPF,EAAMA,OAACG,kBACPC,SALsCC,EAAAA,wBAMxC,OACEC,EAAC,QAAAC,cAAAC,EAAAA,OACC,CAAAC,MAAYtB,EAAAA,CAAAA,EAAAA,EAAYC,KAAKA,GAAK,CAAEsB,QAAS,iBAC7CC,UAAW,SAAAC,GAAGC,IAAAA,EAAAA,EAAAA,GACZA,EAAGC,cAAc,EAAU,GAC3BD,EAAGE,QAAQC,EAAUA,WAAC5B,GAAO4B,EAAUA,WAAC5B,IACxCyB,EAAGI,YACL,EACAJ,GAAI,CACFK,OAAO,EACPC,WAAW,EACXC,WAAsC,EAA1BC,OAAOC,iBACnBC,YAAaC,EAAAA,kBACbC,iBAAkBC,kBAEpBC,QAAS,CACPC,KAAMC,EAAAA,aACNC,QAAS/B,iBAGXO,EAAC,QAAAC,cAAAwB,EAAiBA,kBAChB,CAAAC,eACAC,IAAK,KACLC,KAAM,GACNC,IAAK,MACLC,OAAQf,OAAOgB,WAAahB,OAAOiB,YACnCC,SAAU,CAAC,EAAG,EAAG,OAElB1C,EAGP"}
@@ -0,0 +1,119 @@
1
+ {
2
+ "metadata": { "version": 4.5, "type": "Object", "generator": "Object3D.toJSON" },
3
+ "object": {
4
+ "uuid": "19ae0a5e-3864-4439-8958-8d0331b62122",
5
+ "type": "Group",
6
+ "name": "Redshift Reference Lighting",
7
+ "layers": 1,
8
+ "matrix": [1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1],
9
+ "children": [
10
+ {
11
+ "uuid": "acb717f7-73cd-466f-b1b4-e1802abfb77a",
12
+ "type": "SpotLight",
13
+ "name": "Right Key",
14
+ "castShadow": true,
15
+ "layers": 1,
16
+ "matrix": [1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 50, 30.4, 25, 1],
17
+ "color": 16711422,
18
+ "intensity": 5.5,
19
+ "distance": 0,
20
+ "angle": 0.314,
21
+ "decay": 2,
22
+ "penumbra": 0,
23
+ "shadow": {
24
+ "camera": {
25
+ "uuid": "591aae23-939e-4818-936f-8cd2a46b5818",
26
+ "type": "PerspectiveCamera",
27
+ "layers": 1,
28
+ "fov": 35.9817495342157,
29
+ "zoom": 1,
30
+ "near": 0.5,
31
+ "far": 500,
32
+ "focus": 10,
33
+ "aspect": 1,
34
+ "filmGauge": 35,
35
+ "filmOffset": 0
36
+ }
37
+ }
38
+ },
39
+ {
40
+ "uuid": "c363122b-8312-4471-8ec1-169da520abbe",
41
+ "type": "SpotLight",
42
+ "name": "Left Key",
43
+ "castShadow": true,
44
+ "visible": false,
45
+ "layers": 1,
46
+ "matrix": [1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -50, 30.4, 0, 1],
47
+ "color": 16711422,
48
+ "intensity": 1.66,
49
+ "distance": 0,
50
+ "angle": 0.314,
51
+ "decay": 2,
52
+ "penumbra": 0,
53
+ "shadow": {
54
+ "camera": {
55
+ "uuid": "ed4eb7d3-6fcf-40f0-b0a9-409b7f9adb54",
56
+ "type": "PerspectiveCamera",
57
+ "layers": 1,
58
+ "fov": 35.9817495342157,
59
+ "zoom": 1,
60
+ "near": 0.5,
61
+ "far": 1.66,
62
+ "focus": 10,
63
+ "aspect": 1,
64
+ "filmGauge": 35,
65
+ "filmOffset": 0
66
+ }
67
+ }
68
+ },
69
+ {
70
+ "uuid": "f762ddb3-a2d2-42b6-96b3-35ae91a0ae51",
71
+ "type": "DirectionalLight",
72
+ "name": "Fill",
73
+ "castShadow": true,
74
+ "layers": 1,
75
+ "matrix": [1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -50, -25, 25, 1],
76
+ "color": 16711422,
77
+ "intensity": 1.3,
78
+ "shadow": {
79
+ "camera": {
80
+ "uuid": "115c0991-07ce-4d7c-91ff-ac0524952ceb",
81
+ "type": "OrthographicCamera",
82
+ "layers": 1,
83
+ "zoom": 1,
84
+ "left": -5,
85
+ "right": 5,
86
+ "top": 5,
87
+ "bottom": -5,
88
+ "near": 0.5,
89
+ "far": 500
90
+ }
91
+ }
92
+ },
93
+ {
94
+ "uuid": "f12f2b16-779f-4d41-a181-23c6f3113a7d",
95
+ "type": "DirectionalLight",
96
+ "name": "Top",
97
+ "castShadow": true,
98
+ "layers": 1,
99
+ "matrix": [1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 100, -8, 1],
100
+ "color": 16711422,
101
+ "intensity": 1.67,
102
+ "shadow": {
103
+ "camera": {
104
+ "uuid": "c06a1804-b5d1-4cd3-a077-6a2762db2845",
105
+ "type": "OrthographicCamera",
106
+ "layers": 1,
107
+ "zoom": 1,
108
+ "left": -5,
109
+ "right": 5,
110
+ "top": 5,
111
+ "bottom": -5,
112
+ "near": 0.5,
113
+ "far": 500
114
+ }
115
+ }
116
+ }
117
+ ]
118
+ }
119
+ }