` and `\u003CContactShadows />` together, the fake plane for the shadows uses the clearColor instead. (Is not setting the `background` property) \r\n\r\n### Reproduction\r\n\r\nhttps://stackblitz.com/edit/tresjs-basic-7kj23l?file=src%2Fcomponents%2FTheExperience.vue,package.json,src%2FApp.vue\r\n\r\n### Steps to reproduce\r\n\r\n\r\n\r\n\r\n### System Info\r\n\r\n```shell\r\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: 9.4.2 - /usr/local/bin/npm\r\n pnpm: 8.9.2 - /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 vite: ^4.3.8 => 4.4.9 `\r\n```\r\n\r\n\r\n### Used Package Manager\r\n\r\nnpm\r\n\r\n### Code of Conduct\r\n\r\n- [X] I agree to follow this project's [Code of Conduct](https://github.com/Tresjs/cientos/blob/main/CODE_OF_CONDUCT.md)\r\n- [X] Read the [Contributing Guidelines](https://github.com/Tresjs/cientos/blob/main/CONTRIBUTING.md).\r\n- [X] Read the [docs](https://cientos.tresjs.org/guide).\r\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.\r\n- [X] The provided reproduction is a [minimal reproducible example](https://stackoverflow.com/help/minimal-reproducible-example) of the bug.",[3073],{"name":3019,"color":3020},262,"[Contact Shadows] - fake plane not using renderer background from Environment","2023-11-28T07:22:25Z","https://github.com/Tresjs/cientos/issues/262",0.73100317,{"description":3080,"labels":3081,"number":3088,"owner":3025,"repository":3026,"state":3055,"title":3089,"updated_at":3090,"url":3091,"score":3092},"https://github.com/pmndrs/drei#scrollcontrols",[3082,3085],{"name":3083,"color":3084},"feature","c2e0c6",{"name":3086,"color":3087},"dx","1576ad",63,"ScrollControls ","2023-07-10T14:48:35Z","https://github.com/Tresjs/cientos/issues/63",0.73687047,{"description":3094,"labels":3095,"number":3097,"owner":3025,"repository":3036,"state":3055,"title":3098,"updated_at":3099,"url":3100,"score":3101},"## Bug\r\n\r\nNodeOps accidentally shares `scene` across multiple `TresCanvas`s.\r\n\r\nSee the StackBlitz reproduction for details.\r\n\r\n## Problem\r\n\r\nNodeOps's [`let scene`](https://github.com/Tresjs/tres/blob/f6097a3d6a3e34fddb689266b062869fe5a9bf1e/src/core/nodeOps.ts#L15) is [set whenever a new `Scene` is added to any `TresCanvas`](https://github.com/Tresjs/tres/blob/f6097a3d6a3e34fddb689266b062869fe5a9bf1e/src/core/nodeOps.ts#L84) – i.e., the variable points to the last `Scene` added to a `TresCanvas`. If elements from another `TresCanvas` read `scene` in nodeOps, the code expects that they will find *their* `Scene`, but they do not.\r\n\r\n## Solution?\r\n\r\n### Solution A\r\n\r\nWe could refactor nodeOps as `(context: TresContext) => NodeOps`. \r\n\r\nEvery new instance of `TresCanvas` could create a new nodeOps instance which contains a unique `TresContext` (i.e., with the appropriate `Scene`) within its scope.\r\n\r\n### Solution B\r\n\r\nOtherwise, we could simply recurse up the parent chain until we reach a `Scene` or run out of parents.\r\n\r\n## Reproduction\r\n\r\nhttps://stackblitz.com/edit/tresjs-basic-e6uzmm?file=src%2FApp.vue\r\n\r\n## System Info\r\n\r\n```shell\r\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.14.0 - /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```\r\n\r\n\r\n### Used Package Manager\r\n\r\nnpm\r\n\r\n### Code of Conduct\r\n\r\n- [X] I agree to follow this project's [Code of Conduct](https://github.com/Tresjs/tres/blob/main/CODE_OF_CONDUCT.md)\r\n- [X] Read the [Contributing Guidelines](https://github.com/Tresjs/tres/blob/main/CONTRIBUTING.md).\r\n- [X] Read the [docs](https://tresjs.org/guide).\r\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.\r\n- [X] The provided reproduction is a [minimal reproducible example](https://stackoverflow.com/help/minimal-reproducible-example) of the bug.",[3096],{"name":3019,"color":3020},560,"NodeOps shares `scene` across multiple`TresCanvas`s","2024-03-08T10:36:46Z","https://github.com/Tresjs/tres/issues/560",0.738552,{"description":3103,"labels":3104,"number":3105,"owner":3025,"repository":3026,"state":3055,"title":3106,"updated_at":3107,"url":3108,"score":3109},"### Describe the bug\n\nWhen loading models, nuxt stops compiling with errors:\r\n- On Stackblitz:\r\n - \r\n ```bash\r\n [TresJS ▲ ■ ●] [useLoader] - Failed to load resource Error: THREE.FBXLoader: Cannot find the version number for the file given.\r\n at Wr (trescientos.js?v=d47776ab:5660:9)\r\n at $u.parse (trescientos.js?v=d47776ab:4284:11)\r\n at Object.onLoad (trescientos.js?v=d47776ab:4268:15)\r\n at three.js?v=6df4ebf7:25873:20\r\n ```\r\n- On Localhost:\r\n - \r\n\r\n\n\n### Reproduction\n\nhttps://stackblitz.com/edit/nuxt-starter-zea57t?file=app.vue\n\n### Steps to reproduce\n\ninstall the required modules:\r\n```bash\r\nyarn add @tresjs/cientos @tresjs/core @tresjs/nuxt @tresjs/post-processing\r\n```\r\n\r\nthen add the following template:\r\n```vue\r\n\u003Ctemplate>\r\n \u003CTresCanvas clear-color=\"#82DBC5\" shadows alpha>\r\n \u003CTresPerspectiveCamera :position=\"[11, 11, 11]\" />\r\n \u003COrbitControls />\r\n \u003CSuspense>\r\n \u003CFBXModel path=\"https://raw.githubusercontent.com/Tresjs/assets/main/models/fbx/low-poly-truck/Jeep_done.fbx\" />\r\n \u003C/Suspense>\r\n \u003CTresDirectionalLight :position=\"[-4, 8, 4]\" :intensity=\"1.5\" cast-shadow />\r\n \u003C/TresCanvas>\r\n\u003C/template>\r\n\r\n```\n\n### System Info\n\n```shell\n\"@tresjs/cientos\": \"^3.8.0\"\r\n\"@tresjs/core\": \"^3.7.0\"\r\n\"@tresjs/nuxt\": \"^2.1.1\"\r\n\"@tresjs/post-processing\": \"^0.7.0\"\r\n\"nuxt\": \"^3.10.3\"\r\n\"three\": \"^0.162.0\"\r\n\"vue\": \"^3.4.21\"\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/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.",[],364,"Failed to resolve import \"tweakpane\" from \"node_modules/@tresjs/cientos/dist/trescientos.js?v=617975b6\". Does the file exist?","2024-03-17T11:34:37Z","https://github.com/Tresjs/cientos/issues/364",0.73927486,{"description":3111,"labels":3112,"number":3119,"owner":3025,"repository":3036,"state":3055,"title":3120,"updated_at":3121,"url":3122,"score":3123},"Sometimes previews fail for example with StackBlitz on mobile. \r\n\r\nBut we can use [vitepress-plugin-sandpack](https://github.com/jerrywu001/vitepress-plugin-sandpack) instead. It's a [vitepress plugin](https://vitepress-sandbox.js-bridge.com/get-started/introduction.html), and the syntax is concise, use the MD syntax directly.\r\n\r\n**Setup Steps**\r\nhttps://vitepress-sandbox.js-bridge.com/custom-usage/custom.html\r\n\r\n_**and also support**_ [Use snippets](https://vitepress-sandbox.js-bridge.com/basic-usage/snippets.html)\r\n\r\n**Online demo**:\r\nhttps://vitepress-sandbox.js-bridge.com/vite-templates/vite-vue-ts.html\r\n\r\n\r\n\r\n",[3113,3114,3116],{"name":3022,"color":3023},{"name":3086,"color":3115},"1576AD",{"name":3117,"color":3118},"examples","8F2282",261,"May be we could use vitepress-plugin-sandpack instead","2023-12-13T09:18:46Z","https://github.com/Tresjs/tres/issues/261",0.74241275,{"description":3125,"labels":3126,"number":3128,"owner":3025,"repository":3026,"state":3055,"title":3129,"updated_at":3130,"url":3131,"score":3132},"### Describe the bug\n\n\r\n\r\nSome shapes have problems with colors\n\n### Reproduction\n\nhttps://stackblitz.com/edit/tresjs-basic-1skx4b?file=src%2Fcomponents%2FTheExperience.vue\n\n### Steps to reproduce\n\nCheck the console on the reprodution link\n\n### System Info\n\n```shell\npnpm\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.",[3127],{"name":3019,"color":3020},110,"Colors error in some shapes","2023-07-18T23:12:00Z","https://github.com/Tresjs/cientos/issues/110",0.7446649,["Reactive",3134],{},["Set"],["ShallowReactive",3137],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fLGOq8kfr0yao_s5hcSoFUyx3_GVPpB8ILxum3pGc5gQ":-1},"/Tresjs/rapier/148"]