\r\n\u003C/template>\r\n\r\n//both logs from cientos\r\ntransformData: {\r\n inheritType: 1, \r\n eulerOrder: 'ZYX', \r\n rotation: Array(3), \r\n parentMatrix: _Matrix4, \r\n parentMatrixWorld: _Matrix4\r\n}\r\ntres__name: \"Group\"\r\n```\r\n\n\n### System Info\n\n```shell\nSystem:\r\n OS: macOS 14.3.1\r\n CPU: (10) arm64 Apple M1 Pro\r\n Memory: 90.00 MB / 16.00 GB\r\n Shell: 5.9 - /bin/zsh\r\n Binaries:\r\n Node: 18.18.0 - ~/.nvm/versions/node/v18.18.0/bin/node\r\n Yarn: 1.22.21 - ~/.nvm/versions/node/v18.18.0/bin/yarn\r\n npm: 9.8.1 - ~/.nvm/versions/node/v18.18.0/bin/npm\r\n Browsers:\r\n Chrome: 125.0.6422.112\n```\n\n\n### Used Package Manager\n\nnpm\n\n### Code of Conduct\n\n- [X] I agree to follow this project's [Code of Conduct](https://github.com/Tresjs/cientos/blob/main/CODE_OF_CONDUCT.md)\n- [X] Read the [Contributing Guidelines](https://github.com/Tresjs/cientos/blob/main/CONTRIBUTING.md).\n- [X] Read the [docs](https://cientos.tresjs.org/guide).\n- [X] Check that there isn't [already an issue](https://github.com/Tresjs/cientos/issues) that reports the same bug to avoid creating a duplicate.\n- [X] The provided reproduction is a [minimal reproducible example](https://stackoverflow.com/help/minimal-reproducible-example) of the bug.",[2879,2882],{"name":2880,"color":2881},"needs reproduction","16309A",{"name":2883,"color":2884},"waiting for author","DEEAB8",429,"cientos","FBXLoader: Missing data from userData field ","2024-09-12T20:08:31Z","https://github.com/Tresjs/cientos/issues/429",0.8107502,{"description":2892,"labels":2893,"number":2894,"owner":2869,"repository":2886,"state":2895,"title":2896,"updated_at":2897,"url":2898,"score":2899},"### Describe the bug\n\nAfter setting up a Nuxt 3 project, installing the tres.js package, and adding the @tresjs/cientos package, I noticed that certain functionalities of @tresjs/cientos components were not working as expected. To address this, I made modifications to my nuxt.config.ts file as follows:\r\n```\r\nexport default defineNuxtConfig({\r\n modules: [\"@tresjs/nuxt\"],\r\n build: {\r\n transpile: ['@tresjs/cientos'],\r\n },\r\n})\r\n```\r\nDuring the development process, everything worked smoothly. \r\n\r\nHowever, upon executing the npm run build command, \r\nI observed that the auto-rotate feature of OrbitControls, MouseParallax component, Levioso component, animations within useGLTF, and the Html component were no longer functioning. \r\nImportantly, there were no error messages or warnings in the browser console.\r\n\r\nI have attempted to modify the project by setting ssr: false and removing any @tresjs/cientos-related configurations from nuxt.config.ts before recompiling. However, the issue persists regardless of whether I use npm run generate or npm run build.\r\n\r\nI kindly request assistance in resolving this issue. Your guidance on how to address or workaround this problem would be greatly appreciated.\r\n\r\nThank you for your time and attention to this matter.\n\n### Reproduction\n\nhttps://github.com/WangShuan/nuxt-tres\n\n### Steps to reproduce\n\n1. Run the following commands:\r\n```\r\ngit clone https://github.com/WangShuan/nuxt-tres\r\ncd nuxt-tres\r\nnpm i\r\nnpm run dev\r\n```\r\n2. Open http://localhost:3000/ in your browser and observe the results.\r\n3. Terminate the development server (Ctrl+C) and build the project by `npm run build`\r\n4. Run the production build by `node .output/server/index.mjs`\r\n5. Open http://localhost:3000/ in your browser and observe the discrepancy in functionality compared to the development build.\n\n### System Info\n\n_No response_\n\n### Used Package Manager\n\nnpm\n\n### Code of Conduct\n\n- [X] I agree to follow this project's [Code of Conduct](https://github.com/Tresjs/cientos/blob/main/CODE_OF_CONDUCT.md)\n- [X] Read the [Contributing Guidelines](https://github.com/Tresjs/cientos/blob/main/CONTRIBUTING.md).\n- [X] Read the [docs](https://cientos.tresjs.org/guide).\n- [X] Check that there isn't [already an issue](https://github.com/Tresjs/cientos/issues) that reports the same bug to avoid creating a duplicate.\n- [X] The provided reproduction is a [minimal reproducible example](https://stackoverflow.com/help/minimal-reproducible-example) of the bug.",[],316,"closed","@tresjs/cientos Components Not Functioning Properly After Nuxt 3 Build","2024-01-03T14:19:14Z","https://github.com/Tresjs/cientos/issues/316",0.7750976,{"description":2901,"labels":2902,"number":2868,"owner":2869,"repository":2909,"state":2895,"title":2910,"updated_at":2911,"url":2912,"score":2875},"### Description\n\nI would like to have some demos in this repo, applying basic forces \n\n### Suggested solution\n\n_No response_\n\n### Alternative\n\n_No response_\n\n### Additional context\n\n_No response_\n\n### Validations\n\n- [X] I agree to follow this project's [Code of Conduct](https://github.com/Tresjs/rapier/blob/main/CODE_OF_CONDUCT.md)\n- [X] Read the [Contributing Guidelines](https://github.com/Tresjs/rapier/blob/main/CONTRIBUTING.md).\n- [X] Read the [docs](https://rapier.tresjs.org/guide).\n- [X] Check that there isn't [already an issue](https://github.com/tresjs/rapier/issues) that reports the same bug to avoid creating a duplicate.",[2903,2906],{"name":2904,"color":2905},"good first issue","7057ff",{"name":2907,"color":2908},"feature","c2e0c6","rapier","Demos: apply forces","2024-09-12T13:49:59Z","https://github.com/Tresjs/rapier/issues/104",{"description":2914,"labels":2915,"number":2920,"owner":2869,"repository":2886,"state":2895,"title":2921,"updated_at":2922,"url":2923,"score":2924},"### Description\n\nI would like to add soft shadows to my objects, we can do this using the Percent Closer Soft Shadows (PCSS) technique.\n\n### Suggested solution\n\nYou can check this one: https://threejs.org/examples/?q=soft#webgl_shadowmap_pcss\n\n### Alternative\n\nAny other alternative is considered\n\n### Additional context\n\n_No response_\n\n### Validations\n\n- [X] I agree to follow this project's [Code of Conduct](https://github.com/Tresjs/cientos/blob/main/CODE_OF_CONDUCT.md)\n- [X] Read the [Contributing Guidelines](https://github.com/Tresjs/cientos/blob/main/CONTRIBUTING.md).\n- [X] Read the [docs](https://cientos.tresjs.org/guide).\n- [X] Check that there isn't [already an issue](https://github.com/tresjs/cientos/issues) that reports the same bug to avoid creating a duplicate.",[2916,2917],{"name":2907,"color":2908},{"name":2918,"color":2919},"p3-significant","2C78E3",322,"SoftShadows component","2024-12-10T19:53:44Z","https://github.com/Tresjs/cientos/issues/322",0.79346114,{"description":2926,"labels":2927,"number":2929,"owner":2869,"repository":2930,"state":2895,"title":2931,"updated_at":2932,"url":2933,"score":2934},"**Describe the solution you'd like**\r\nComposable that provides utilities to easily traverse and navigate through complex scenes and object children graphs\r\n\r\n```ts\r\n car.traverse(child => {\r\n if (child.isMesh) {\r\n child.castShadow = true\r\n child.receiveShadow = true\r\n }\r\n if (child.name === 'Octane_Paint_0' || child.name === 'Octane_Octane_Body_0') {\r\n child.material = new MeshStandardMaterial({\r\n color: new Color(0x000000),\r\n envMap: props.env,\r\n metalness: 0.5,\r\n roughness: 0.5,\r\n })\r\n })\r\n```\r\n\r\nto\r\n\r\n```ts\r\nconst body = seek(car, 'name', 'Octane_Octane_Body_0')\r\nbody.material = new MeshStandardMaterial({\r\n color: new Color(0x000000),\r\n envMap: props.env,\r\n metalness: 0.5,\r\n roughness: 0.5,\r\n})\r\n```\r\n",[2928],{"name":2907,"color":2908},174,"tres","UseSeek composable","2023-03-28T15:06:23Z","https://github.com/Tresjs/tres/issues/174",0.7978173,{"description":2936,"labels":2937,"number":2944,"owner":2869,"repository":2930,"state":2895,"title":2945,"updated_at":2946,"url":2947,"score":2948},"### Describe the bug\n\n[The docs' cookbook code](https://docs.tresjs.org/cookbook/orbit-controls#using-orbitcontrols) under \"So the final code would be something like this:\" throws an error when run.\r\n\r\nThe working example at the top of the page uses the Cientos component. (Sneaky! Lol)\r\n\r\nHere's the code as of March 5, 2024:\r\n\r\n```\r\n\u003Cscript setup lang=\"ts\">\r\nimport { extend, useTres } from '@tresjs/core'\r\nimport { OrbitControls } from 'three/addons/controls/OrbitControls'\r\n\r\nextend({ OrbitControls })\r\n\r\nconst { state } = useTres()\r\n\u003C/script>\r\n\r\n\u003Ctemplate>\r\n \u003CTresCanvas\r\n shadows\r\n alpha\r\n >\r\n \u003CTresPerspectiveCamera :args=\"[45, 1, 0.1, 1000]\" />\r\n \u003CTresOrbitControls\r\n v-if=\"state.renderer\"\r\n :args=\"[state.camera, state.renderer?.domElement]\"\r\n />\r\n \u003C/TresCanvas>\r\n\u003C/template>\r\n```\r\n\r\n## Error\r\n\r\n```\r\nUncaught (in promise) Error: useTresContext must be used together with useTresContextProvider\r\n at @tresjs_core.js:482\r\n setup TheExperience.vue:7\r\n callWithErrorHandling chunk-QSL5RKHU.js:1552\r\n setupStatefulComponent chunk-QSL5RKHU.js:8620\r\n setupComponent chunk-QSL5RKHU.js:8581\r\n mountComponent chunk-QSL5RKHU.js:6983\r\n processComponent chunk-QSL5RKHU.js:6949\r\n patch chunk-QSL5RKHU.js:6422\r\n patchSuspense chunk-QSL5RKHU.js:2665\r\n process chunk-QSL5RKHU.js:2468\r\n patch chunk-QSL5RKHU.js:6447\r\n componentUpdateFn chunk-QSL5RKHU.js:7157\r\n run chunk-QSL5RKHU.js:422\r\n update chunk-QSL5RKHU.js:7198\r\n callWithErrorHandling chunk-QSL5RKHU.js:1552\r\n flushJobs chunk-QSL5RKHU.js:1750\r\n promise callback*queueFlush chunk-QSL5RKHU.js:1663\r\n queueJob chunk-QSL5RKHU.js:1657\r\n reload chunk-QSL5RKHU.js:1856\r\n tryWrap chunk-QSL5RKHU.js:1886\r\n \u003Canonymous> TheExperience.vue:106\r\n accept client.ts:559\r\n fetchUpdate client.ts:476\r\n queueUpdate client.ts:323\r\n queueUpdate client.ts:323\r\n handleMessage client.ts:176\r\n handleMessage client.ts:174\r\n setupWebSocket client.ts:91\r\n```\r\n\r\n\u003Cimg width=\"615\" alt=\"Screenshot 2024-03-05 at 18 59 21\" src=\"https://github.com/Tresjs/tres/assets/20469369/139cdb49-10c6-4896-b02c-77bf76746fb9\">\r\n\r\n## Related\r\n\r\n#565\r\n\r\n## Meta\r\n\r\nThe thrown error is distinct from #565, so I've created this new issue. Merge with #565?\r\n\n\n### Reproduction\n\nhttps://stackblitz.com/edit/tresjs-basic-u2evxe?file=src%2FApp.vue\n\n### Steps to reproduce\n\n* Open StackBlitz\r\n* Open console\r\n* See error\n\n### System Info\n\n```shell\nSystem:\r\n OS: Linux 5.0 undefined\r\n CPU: (8) x64 Intel(R) Core(TM) i9-9880H CPU @ 2.30GHz\r\n Memory: 0 Bytes / 0 Bytes\r\n Shell: 1.0 - /bin/jsh\r\n Binaries:\r\n Node: 18.18.0 - /usr/local/bin/node\r\n Yarn: 1.22.19 - /usr/local/bin/yarn\r\n npm: 10.2.3 - /usr/local/bin/npm\r\n pnpm: 8.15.3 - /usr/local/bin/pnpm\r\n npmPackages:\r\n @tresjs/cientos: ^3.5.1 => 3.5.1 \r\n @tresjs/core: ^3.4.1 => 3.4.1 \r\n @tresjs/eslint-config-vue: ^0.2.1 => 0.2.1 \r\n vite: ^4.5.0 => 4.5.0 \r\n```\n```\n\n\n### Used Package Manager\n\nnpm\n\n### Code of Conduct\n\n- [X] I agree to follow this project's [Code of Conduct](https://github.com/Tresjs/tres/blob/main/CODE_OF_CONDUCT.md)\n- [X] Read the [Contributing Guidelines](https://github.com/Tresjs/tres/blob/main/CONTRIBUTING.md).\n- [X] Read the [docs](https://tresjs.org/guide).\n- [X] Check that there isn't [already an issue](https://github.com/tresjs/tres/issues) that reports the same bug to avoid creating a duplicate.\n- [X] The provided reproduction is a [minimal reproducible example](https://stackoverflow.com/help/minimal-reproducible-example) of the bug.",[2938,2941],{"name":2939,"color":2940},"docs","0075ca",{"name":2942,"color":2943},"demos","46E0C1",577,"Tres docs' cookbook/orbit-controls code throws error","2024-03-07T17:25:24Z","https://github.com/Tresjs/tres/issues/577",0.80168396,{"description":2950,"labels":2951,"number":1658,"owner":2869,"repository":2953,"state":2895,"title":2954,"updated_at":2955,"url":2956,"score":2957},"**Is your feature request related to a problem? Please describe.**\r\nAs of now, effects are typescript `.ts` files with `defineComponent`.\r\n\r\n```ts\r\nexport const Glitch = defineComponent\u003CGlitchProps>({\r\n name: 'Glitch',\r\n props: [\r\n 'delay',\r\n 'duration',\r\n 'strength',\r\n 'mode',\r\n 'active',\r\n 'ratio',\r\n 'columns',\r\n 'chromaticAberrationOffset',\r\n 'peturbationMap',\r\n 'dtSize',\r\n ] as unknown as undefined,\r\n\r\n async setup(props, { expose }) {\r\n const { state } = useCore()\r\n const composer = inject\u003Cany>('effectComposer')\r\n const pass = ref\u003CEffectPass | null>(null)\r\n\r\n expose({ getPass: () => pass.value })\r\n\r\n watchEffect(() => {\r\n if (state.camera && composer && composer.value) {\r\n pass.value = new EffectPass(unref(state.camera), new GlitchEffect(props))\r\n composer.value?.addPass(toRaw(pass.value))\r\n }\r\n })\r\n\r\n watch(\r\n () => props.active,\r\n value => {\r\n if (pass.value) {\r\n pass.value.enabled = value as boolean\r\n }\r\n },\r\n )\r\n\r\n return () => {\r\n pass\r\n }\r\n },\r\n})\r\n\r\n```\r\n\r\n**Describe the solution you'd like**\r\n\r\nUse a similar approach as cientos and use vue SFC components \r\n\r\n",[2952],{"name":2866,"color":2867},"post-processing","Refactor Effects to .vue files","2023-06-23T16:06:50Z","https://github.com/Tresjs/post-processing/issues/23",0.8052959,{"description":2959,"labels":2960,"number":1658,"owner":2869,"repository":2930,"state":2895,"title":2967,"updated_at":2968,"url":2969,"score":2957},"Atm HMR disposal is not working as expected. Meshes are duplicated and this could lead to performance issues on large scenes.\n\nAlso not nice for DX. User needs to reload everytime.\n\nThis one is pretty tricky.\n\n# Desired solution.\n\nRenderer, scene and object follow a disposal flow when HMR hits",[2961,2964],{"name":2962,"color":2963},"help wanted","008672",{"name":2965,"color":2966},"discussion 💭","AE4C80","HMR disposal","2023-09-12T18:58:32Z","https://github.com/Tresjs/tres/issues/23",{"description":2971,"labels":2972,"number":2973,"owner":2869,"repository":2930,"state":2895,"title":2974,"updated_at":2975,"url":2976,"score":2977},"**Is your feature request related to a problem? Please describe.**\r\nR3F is based on a custom renderer with reconciliation\r\n\r\n**Describe the solution you'd like**\r\nExplore if we could find an easy solution using https://vuejs.org/api/custom-renderer.html#createrenderer or push the Vue team to implement it.\r\n\r\nSupposedly is possible but documentation is poor to say at least.\r\n\r\n\r\n\r\nThis probably would be a BREAKING CHANGE for a potential v2\r\n\r\nfdyi @Tahul @wheatjs \r\n\r\n",[],86,"Explore Vue Custom Render API ","2023-03-22T09:52:11Z","https://github.com/Tresjs/tres/issues/86",0.80678517,["Reactive",2979],{},["Set"],["ShallowReactive",2982],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fEJZFX3NYOi5GQeNwb314XB9v68Mhi_6vO1FdHMd7S9g":-1},"/Tresjs/cientos/607"]