` 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.",[2911],{"name":2857,"color":2858},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":2918,"labels":2919,"number":30,"owner":2863,"repository":2864,"state":2893,"title":2926,"updated_at":2927,"url":2928,"score":2929},"https://github.com/pmndrs/drei#scrollcontrols",[2920,2923],{"name":2921,"color":2922},"feature","c2e0c6",{"name":2924,"color":2925},"dx","1576ad","ScrollControls ","2023-07-10T14:48:35Z","https://github.com/Tresjs/cientos/issues/63",0.73687047,{"description":2931,"labels":2932,"number":2934,"owner":2863,"repository":2874,"state":2893,"title":2935,"updated_at":2936,"url":2937,"score":2938},"## 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.",[2933],{"name":2857,"color":2858},560,"NodeOps shares `scene` across multiple`TresCanvas`s","2024-03-08T10:36:46Z","https://github.com/Tresjs/tres/issues/560",0.738552,{"description":2940,"labels":2941,"number":2942,"owner":2863,"repository":2864,"state":2893,"title":2943,"updated_at":2944,"url":2945,"score":2946},"### 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":2948,"labels":2949,"number":2956,"owner":2863,"repository":2874,"state":2893,"title":2957,"updated_at":2958,"url":2959,"score":2960},"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",[2950,2951,2953],{"name":2860,"color":2861},{"name":2924,"color":2952},"1576AD",{"name":2954,"color":2955},"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":2962,"labels":2963,"number":2965,"owner":2863,"repository":2864,"state":2893,"title":2966,"updated_at":2967,"url":2968,"score":2969},"### 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.",[2964],{"name":2857,"color":2858},110,"Colors error in some shapes","2023-07-18T23:12:00Z","https://github.com/Tresjs/cientos/issues/110",0.7446649,["Reactive",2971],{},["Set"],["ShallowReactive",2974],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fLGOq8kfr0yao_s5hcSoFUyx3_GVPpB8ILxum3pGc5gQ":-1},"/Tresjs/rapier/148"]