` 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.",[2920],{"name":2909,"color":2910},262,"[Contact Shadows] - fake plane not using renderer background from Environment","2023-11-28T07:22:25Z","https://github.com/Tresjs/cientos/issues/262",0.68281573,{"description":2927,"labels":2928,"number":2938,"owner":2868,"repository":2869,"state":2900,"title":2939,"updated_at":2940,"url":2941,"score":2942},"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",[2929,2932,2935],{"name":2930,"color":2931},"docs","0075ca",{"name":2933,"color":2934},"dx","1576AD",{"name":2936,"color":2937},"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.6951065,{"description":2944,"labels":2945,"number":2946,"owner":2868,"repository":2879,"state":2900,"title":2947,"updated_at":2948,"url":2949,"score":2950},"### 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.7019598,{"description":2952,"labels":2953,"number":2957,"owner":2868,"repository":2958,"state":2900,"title":2959,"updated_at":2960,"url":2961,"score":2962},"**Is your feature request related to a problem? Please describe.**\r\nThe existing effects have some code parts in common that can probably be shared.\r\n\r\n**Describe the solution you'd like**\r\nShare common code parts.",[2954],{"name":2955,"color":2956},"enhancement","a2eeef",59,"post-processing","Refactor existing effects","2023-12-17T21:31:05Z","https://github.com/Tresjs/post-processing/issues/59",0.7028751,{"description":2964,"labels":2965,"number":2966,"owner":2868,"repository":2869,"state":2900,"title":2967,"updated_at":2968,"url":2969,"score":2970},"### Describe the bug\r\n\r\nI am trying to reproduce Drei’s [Mask](https://github.com/pmndrs/drei/blob/master/src/core/Mask.tsx) component.\r\nI have set up a red sphere as a mask for an orange plane behind it. \r\nThe sphere should be invisible and the plane should only be visible through the mask of the invisible sphere.\r\nUnfortunately it does not work. Am I doing something wrong or has it something to do with TresJS?\r\n\r\nINFO: To make it work in React `colorWrite` must be set to `false`. I set it to `true`, because the Sphere would be invisible otherwise. \r\n\r\n### Reproduction\r\n\r\nhttps://stackblitz.com/edit/vitejs-vite-zqtnhb?file=src%2FApp.vue\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.",[],876,"Stencils seem not to work","2024-12-01T08:30:23Z","https://github.com/Tresjs/tres/issues/876",0.705695,{"description":2972,"labels":2973,"number":2974,"owner":2868,"repository":2869,"state":2900,"title":2975,"updated_at":2976,"url":2977,"score":2978},"### Description\r\n\r\nI'm using a v-for to instantiate some TresMeshes (as seen in some of the examples), but I need the v-for to dynamically update, and that doesn't seem to work. Any ideas on how to dynamically update a v-for with tres components?\r\n\r\n### Suggested solution\r\n\r\nNot sure if this is a module thing, but maybe add a v-for to the TresGroup component?\r\n\r\n### Alternative\r\n\r\n_No response_\r\n\r\n### Additional context\r\n\r\nTo clarify, the array being used by the v-for: when it changes, the meshes instantiated by the v-for do not update.\r\n\r\n### Validations\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.",[],413,"v-for please","2023-10-06T22:05:25Z","https://github.com/Tresjs/tres/issues/413",0.70742625,["Reactive",2980],{},["Set"],["ShallowReactive",2983],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fY6jMsSntUHOrIznLy-YGYdk9cRvQQdyRdbhSiq0LKTI":-1},"/Tresjs/cientos/601"]