` 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":2912,"color":2913},"bug","d73a4a",262,"cientos","closed","[Contact Shadows] - fake plane not using renderer background from Environment","2023-11-28T07:22:25Z","https://github.com/Tresjs/cientos/issues/262",0.69139826,{"description":2922,"labels":2923,"number":2928,"owner":2868,"repository":2869,"state":2916,"title":2929,"updated_at":2930,"url":2931,"score":2932},"### Describe the bug\n\nOrbitControls makes components coming after it in the template completely lose their component context on the nodeOps\r\nSo one can't use `useTres()` or even `getCurrentInstance()`.\n\n### Reproduction\n\nhttps://github.com/Tresjs/tres/tree/bugfix/282-raycaster-does-not-work-properly-when-scene-is-not-in-full-screen\n\n### Steps to reproduce\n\n- Run `TheEvents ` in the playground\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/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.",[2924,2925],{"name":2912,"color":2913},{"name":2926,"color":2927},"wontfix","ffffff",297,"OrbitControls makes components coming after it in the template completely lose their component context","2023-06-15T15:22:42Z","https://github.com/Tresjs/tres/issues/297",0.7034577,{"description":2934,"labels":2935,"number":2936,"owner":2868,"repository":2915,"state":2916,"title":2937,"updated_at":2938,"url":2939,"score":2940},"### Describe the bug\n\nWhen zooming on an HTML component it becomes apparent that its content is blurry.\n\n### Reproduction\n\nhttps://play.tresjs.org/#eNqVVVtv2zYU/isHCoY8TJbkOMk6LR3cuEWXYbmg8cOwqA+0RFtMKJIgKSdG4P++Q9IX2S1S1/CDec53vnM/fo3GmpoPSiXzlkZ5dGFKzZQFQ22rgBMxe19E1hTRn4VgjZLawitcEsPK+5pU8vmaqBjuv3y+HEku9b0iJY3hRo6loKhSTMxgCVMtGzi2tab0+I8Oj3M9ImJOzAY0tCh7NGkp9S52RBqqyUgKqyU3MfxlG/6tFaPCStMxHI1WkNLb98oVgYMUAl/GwozDe3gtBEDJKdE+kxyOj96dfLwcnR3HTmN8tiYHq1vqJYSrmuQwJdwEQYBg1uOFovl+kRxCtla1dlupfL9yDmS3pct3K4nqJYZ9kYYeYUfwYWmjOLEUXwAXnYrOexMmKuzejPvuAX68/o5qo2hp2ZyGokKupGGWSYHoh99jcN+vRQTp2my3+JA3sjW0N2ktBmvQ6BU4ndocq518GI2vbm+S/25vr2HZ5XCur6mpd71lMbiv85ZraUlHfk1sndxdBe2KZZ0iFuUzlQ21egE50TMXxEM/hn5yFsOgG3vH81hKgaRUM8KhdFVHq1WXu5Gma4O1wM9aiaNFNeQVM5aIkvampLSe4izLMED4Fy0dspvwR6ZdpaUg/B82q+03yZ/EcOqTZ8guULVART85QVFJjO2FoVrFFiIL/UXBRdppPj6NXXD3s8YgcFYmslqEsW6wQkzkkOH0AChSVX64wrOmLrAc+ln2ixc8s8rWm/eyEEc4foHoB1iACSmfZlq2osJN82t0lGXOD9Lg3PoAozgKy9lriEoejRR4dzx9sVLgucmDQyfrngSnKKLaWmXyNC0rgfYV5WyuE0FtKlSTduHDQXKe9FPXstSJEV1Efst2iMPV+BnuYIH0vyXZln4l3vVinyl5UkQcEvsGOzxNsk3ga2HSMGfT5XYn9RBehxsi43mG8f5KTdMtA15+XOeD69uBD/tZcoaMeGjoS9LsVneFwwnWtPoJ4mDwFjUCexVt2AGka6hL/jQ5TzmbfJdy7+/hAOY9i+FJ8i4ZhI7tqZJGVi3fts/5xH1Y4iJYg6Apm+2tQSkbxTjVt8qdit11IJzL57+9bPNf5G1qWj59R/5oXkI2dzihVM+xx9v5wcNAbVB/ur+hL/h7owxRv6n8Qo3krYsxwC5x8THsDs5He+W3Gm/O2Hx68WduldROoBb/Nr30YX25NwMeBF994Tzez8DojSptMxskg03Bl/8D+Ff00Q==\n\n### Steps to reproduce\n\n_No response_\n\n### System Info\n\n```shell\n\n```\n\n### Used Package Manager\n\npnpm\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.",[],601,"Scaled Html component is blurry","2025-03-05T19:08:09Z","https://github.com/Tresjs/cientos/issues/601",0.7164201,{"description":2942,"labels":2943,"number":2944,"owner":2868,"repository":2869,"state":2916,"title":2945,"updated_at":2946,"url":2947,"score":2948},"### Describe the bug\r\n\r\nFor class [`Material`](https://threejs.org/docs/index.html#api/en/materials/Material) we have [onBeforeCompile ](https://threejs.org/docs/index.html#api/en/materials/Material.onBeforeCompile)method, R3f provide onBeforeCompile prop to use that ([example](https://codesandbox.io/s/r3f-basic-demo-forked-ftwcm)), and I think Tresjs should have something like this.\r\n\r\nI tried to use `@beforeCompile` will warn \r\n\r\n\r\nand `onBeforeCompile` both don't work, I guess this might be a bug or this is a feature doesn't implement yet?\r\n\r\nI provide a reproduction with a Codesandbox copy from [the official playground](https://github.com/Tresjs/playground/tree/main/components/content/basic-shaders), just run and see no stdout which should have\r\n\r\n### Reproduction\r\n\r\nhttps://codesandbox.io/p/sandbox/hopeful-goodall-y86d74?file=%2Fsrc%2FApp.vue%3A44%2C9\r\n\r\n### Steps to reproduce\r\n\r\n_No response_\r\n\r\n### System Info\r\n\r\n_No response_\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.",[],360,"onBeforeCompile prop of material doesn't work","2024-05-05T16:00:38Z","https://github.com/Tresjs/tres/issues/360",0.7193028,{"description":2950,"labels":2951,"number":2952,"owner":2868,"repository":2915,"state":2916,"title":2953,"updated_at":2954,"url":2955,"score":2956},"### Describe the bug\n\nI noticed that my final client bundle is still including `tweakpane`, despite not being used in my project and apparently not even explicitly declared as a dependency in the `cientos` package itself.\r\n\r\nThere must be some problem when resolving dependencies I guess, or maybe `tweakpane` is somewhat automatically imported by `cientos` somewhere.\r\n\r\nThis is the dependency as resolved in `pnpm-lock.yaml`\r\n\r\n```yaml\r\n /@tresjs/cientos@3.8.0(@tresjs/core@3.9.0)(three@0.163.0)(tweakpane@4.0.3)(vue@3.4.25):\r\n resolution: {integrity: sha512-m3lyrBHrHkwkDG28B/vQQUeQ9FlG5C50bkULYEoQXrpIAM8toC11DpxY6VMMvbFc4qhZA5QdTZIlznJ8ZDopFQ==}\r\n peerDependencies:\r\n '@tresjs/core': '>=3.2'\r\n three: '>=0.133'\r\n tweakpane: '>=3.0.0'\r\n vue: '>=3.3'\r\n dependencies:\r\n '@tresjs/core': 3.9.0(three@0.163.0)(vue@3.4.25)\r\n '@vueuse/core': 10.9.0(vue@3.4.25)\r\n camera-controls: 2.8.3(three@0.163.0)\r\n stats-gl: 2.2.8\r\n stats.js: 0.17.0\r\n three: 0.163.0\r\n three-custom-shader-material: 5.4.0(three@0.163.0)\r\n three-stdlib: 2.29.6(three@0.163.0)\r\n tweakpane: 4.0.3\r\n vue: 3.4.25(typescript@5.4.5)\r\n transitivePeerDependencies:\r\n - '@react-three/fiber'\r\n - '@vue/composition-api'\r\n - react\r\n dev: true\r\n```\r\n\r\nAnd this is the final client bundle:\r\n\r\n\r\n\n\n### Reproduction\n\nhttps://github.com/stefanobartoletti/tresjs-playground\n\n### Steps to reproduce\n\n- pnpm install\r\n- npx nuxi@latest analyze\r\n\r\nto preview the final bundle\r\n\n\n### System Info\n\n_No response_\n\n### Used Package Manager\n\npnpm\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.",[],387,"Tweakpane is still included in the final client bundle","2024-08-28T15:02:33Z","https://github.com/Tresjs/cientos/issues/387",0.7217342,{"description":2958,"labels":2959,"number":2960,"owner":2868,"repository":2915,"state":2916,"title":2961,"updated_at":2962,"url":2963,"score":2964},"",[],76,"Update to vue 3.3 ","2023-05-23T18:28:56Z","https://github.com/Tresjs/cientos/issues/76",0.7233995,["Reactive",2966],{},["Set"],["ShallowReactive",2969],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fF5wt8KfpbarThPhq6c-0kyE8oKuPRArRFTyLDl0K1nI":-1},"/Tresjs/cientos/421"]