` 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.",[2905],{"name":2906,"color":2907},"bug","d73a4a",262,"[Contact Shadows] - fake plane not using renderer background from Environment","2023-11-28T07:22:25Z","https://github.com/Tresjs/cientos/issues/262",0.67163616,{"description":2914,"labels":2915,"number":2916,"owner":2863,"repository":2896,"state":2897,"title":2917,"updated_at":2918,"url":2919,"score":2920},"### 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.70241064,{"description":2922,"labels":2923,"number":2927,"owner":2863,"repository":2928,"state":2897,"title":2929,"updated_at":2930,"url":2931,"score":2932},"**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",[2924],{"name":2925,"color":2926},"feature","c2e0c6",174,"tres","UseSeek composable","2023-03-28T15:06:23Z","https://github.com/Tresjs/tres/issues/174",0.7035648,{"description":2934,"labels":2935,"number":30,"owner":2863,"repository":2896,"state":2897,"title":2940,"updated_at":2941,"url":2942,"score":2943},"https://github.com/pmndrs/drei#scrollcontrols",[2936,2937],{"name":2925,"color":2926},{"name":2938,"color":2939},"dx","1576ad","ScrollControls ","2023-07-10T14:48:35Z","https://github.com/Tresjs/cientos/issues/63",0.70360214,{"description":2945,"labels":2946,"number":2947,"owner":2863,"repository":2928,"state":2897,"title":2948,"updated_at":2949,"url":2950,"score":2951},"### Description\n\nI would like to have a version for Babylon.js\n\n### Suggested solution\n\nI'm currently learning Babylon.js and have noticed some differences in terms of mesh events between Three.js and Babylon.js. Unlike Three.js, Babylon.js provides a mechanism similar to the actionManager on its meshes. I'm curious to know if Cientos has a similar feature. I'm looking forward to seeing how the combination of Vue with Babylon.js will eventually shape a project\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/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.",[],502,"Are you considering providing a version for Babylon.js after completing this project?","2024-01-10T10:59:15Z","https://github.com/Tresjs/tres/issues/502",0.7143306,{"description":2953,"labels":2954,"number":2958,"owner":2863,"repository":2928,"state":2897,"title":2959,"updated_at":2960,"url":2961,"score":2962},"## Problem\r\n\r\nThe StackBlitz template for bug reproductions contains several redundant or extraneous elements. \r\n\r\n* This costs conscientious developers time, as they have to remove many unneeded elements from their bug reports.\r\n* This costs Tres devs time, reading through non-minimal reproductions. \r\n\r\nAs a Tres developer, in order to encourage and facilitate minimal bug reproductions, I would like to remove extra elements from the StackBlitz Bug reproduction starter template. \r\n\r\n## Suggested Solution\r\n\r\n* Remove the `src/components` folder.\r\n* Replace the code in `./src/App.vue` with the following:\r\n\r\n```html\r\n\u003Cscript setup lang=\"ts\">\r\nimport { TresCanvas } from '@tresjs/core';\r\n\u003C/script>\r\n\r\n\u003Ctemplate>\r\n \u003CTresCanvas>\r\n \u003CTresMesh>\r\n \u003CTresBoxGeometry />\r\n \u003CTresMeshNormalMaterial />\r\n \u003C/TresMesh>\r\n \u003C/TresCanvas>\r\n\u003C/template>\r\n```\r\n\r\nThat makes this the starter template:\r\n\r\n\u003Cimg width=\"1334\" alt=\"Screenshot 2024-04-28 at 01 55 13\" src=\"https://github.com/Tresjs/tres/assets/20469369/237c9649-7794-4fe4-9c8f-0f749787168a\">\r\n\r\n### Alternative\r\n\r\nKeep as is.\r\n\r\n### Additional context\r\n\r\nFor comparison, here's the current `src/components/TheExperience.vue`. \r\n\r\nIt contains:\r\n\r\n* unused imports – `extend`, `reactive`\r\n* unnecessary configuration – `const gl = { ... }`\r\n* components that have no visual effect – `\u003CContactShadows />`, `\u003CTresDirectionalLight />`\r\n* redundant args – `\u003CTresBoxGeometry :args=\"[1, 1, 1]\" />`\r\n\r\n```html\r\n\u003Cscript setup lang=\"ts\">\r\nimport { extend } from '@tresjs/core';\r\n\r\nimport { reactive } from 'vue';\r\nimport { BasicShadowMap, SRGBColorSpace, NoToneMapping } from 'three';\r\nimport { TresCanvas } from '@tresjs/core';\r\nimport { OrbitControls, ContactShadows } from '@tresjs/cientos';\r\n\r\nconst gl = {\r\n clearColor: '#82DBC5',\r\n shadows: true,\r\n alpha: false,\r\n shadowMapType: BasicShadowMap,\r\n outputColorSpace: SRGBColorSpace,\r\n toneMapping: NoToneMapping,\r\n};\r\n\u003C/script>\r\n\r\n\u003Ctemplate>\r\n \u003CTresCanvas v-bind=\"gl\">\r\n \u003CTresPerspectiveCamera :position=\"[9, 9, 9]\" />\r\n \u003COrbitControls />\r\n \u003CTresMesh>\r\n \u003CTresBoxGeometry :args=\"[1, 1, 1]\" />\r\n \u003CTresMeshNormalMaterial />\r\n \u003C/TresMesh>\r\n \u003CContactShadows />\r\n \u003CTresDirectionalLight :position=\"[0, 2, 4]\" :intensity=\"1.2\" cast-shadow />\r\n \u003C/TresCanvas>\r\n\u003C/template>\r\n\r\n```\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.",[2955],{"name":2956,"color":2957},"p1-chore","BFD4F2",669,"Remove extraneous elements from StackBlitz Bug reproduction starter template","2024-04-30T15:03:58Z","https://github.com/Tresjs/tres/issues/669",0.71678513,["Reactive",2964],{},["Set"],["ShallowReactive",2967],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fiPVzcvTrCldlM2XW9LGquIWl8aMS189JuE6DiZ90Fvw":-1},"/Tresjs/post-processing/59"]