and \u003CTresStereoCamera /> but nothing works. I either get a blank black screen or a bluescreen with a line through it (when using the default example from the TresJS starter repo)\r\n\r\nThis is after being able to use \u003CTresPerspectiveCamera /> without any issues and just swapping out the camera used. Would appreciate any ideas or info how to implement this thanks.\n\n### Suggested solution\n\nImplement Array or StereoCamera as Tres JS native component preconfigured to work with VR.\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.",[2873,2874],{"name":2857,"color":2858},{"name":2875,"color":2876},"waiting for author","B145BC",102,"XR","VR Style Camera (Aframe implementation or ArrayCamera/StereoCamera from three","2024-08-21T10:45:26Z","https://github.com/Tresjs/XR/issues/102",0.7024254,{"description":2884,"labels":2885,"number":2886,"owner":2863,"repository":2887,"state":2865,"title":2888,"updated_at":2889,"url":2890,"score":2891},"The link \"Authoring experiments\" from the [README](https://github.com/Tresjs/lab/blob/main/README.md) is broken.\r\n\r\n## The Link\r\n\r\n\u003Cimg width=\"695\" alt=\"Screenshot 2024-03-15 at 15 42 13\" src=\"https://github.com/Tresjs/lab/assets/20469369/c83cd04b-d8c5-48ae-a2c9-bbdcf405f97f\">\r\n\r\n## Result\r\n\r\n\u003Cimg width=\"1471\" alt=\"Screenshot 2024-03-15 at 15 46 08\" src=\"https://github.com/Tresjs/lab/assets/20469369/66cf1468-a38a-4b34-83ac-f1487441d29b\">\r\n",[],109,"lab","Broken link in README.md","2024-03-15T14:47:05Z","https://github.com/Tresjs/lab/issues/109",0.70280665,{"description":2893,"labels":2894,"number":2902,"owner":2863,"repository":2903,"state":2865,"title":2904,"updated_at":2905,"url":2906,"score":2907},"### Description\n\nHello there! \r\n\r\nFirst of all, thanks a bunch for creating this awesome repository! Even though I'm not really familiar with Three.js, I've been playing around with graphical stuff using the canvas.\r\n\r\nWhile creating a simple scene on my web page, I suddenly became concerned about accessibility.\r\n\r\nYou know, the canvas element itself isn't accessible, but it seems the HTML spec allows for adding \"fallback content\" to the canvas element.\r\n\r\nhttps://html.spec.whatwg.org/multipage/dom.html#fallback-content\r\n\r\nI'd love it if you could add an interface to TresCanvas where we could provide text or something using a fallback slot or props.\r\n\r\nThank you!\n\n### Suggested solution\n\nI would be happy to have the following interface\r\n\r\n```html\r\n\u003CTresCanvas window-size>\r\n \u003C!-- any scenes -->\r\n\r\n \u003Ctemplate #fallback>\r\n A cat lifting a UFO is slowly rotating.\r\n \u003C/template>\r\n\u003C/TresCanvas>\r\n\r\n\u003C!-- render to -->\r\n\u003Ccanvas>A cat lifting a UFO is slowly rotating.\u003C/canvas>\r\n```\r\n\r\nI have confirmed that the text in the canvas element is read out loud as \"image: alt text\" in VoiceOver on a Mac.\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.",[2895,2898,2901],{"name":2896,"color":2897},"feature","c2e0c6",{"name":2899,"color":2900},"PR welcome","2D76B0",{"name":2860,"color":2861},352,"tres","Provide a slot or props that can be used for fallback of canvas elements","2024-03-31T11:10:46Z","https://github.com/Tresjs/tres/issues/352",0.70294654,{"description":2909,"labels":2910,"number":2920,"owner":2863,"repository":2903,"state":2921,"title":2922,"updated_at":2923,"url":2924,"score":2925},"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",[2911,2914,2917],{"name":2912,"color":2913},"docs","0075ca",{"name":2915,"color":2916},"dx","1576AD",{"name":2918,"color":2919},"examples","8F2282",261,"closed","May be we could use vitepress-plugin-sandpack instead","2023-12-13T09:18:46Z","https://github.com/Tresjs/tres/issues/261",0.6795006,{"description":2927,"labels":2928,"number":2941,"owner":2863,"repository":2903,"state":2921,"title":2942,"updated_at":2943,"url":2944,"score":2945},"### Describe the bug\n\n```\r\n \u003CTresMesh\r\n v-for=\"(player, key) in players\"\r\n :key=\"key\"\r\n :scale=\"1\"\r\n cast-shadow\r\n :position=\"[player.x, player.y, player.z]\"\r\n >\r\n \u003CTresBoxGeometry :args=\"[1, 1, 1]\" />\r\n \u003CTresMeshNormalMaterial />\r\n \u003C/TresMesh>\r\n```\r\n\r\nIf players increase size (new player) is not being added to the scene\r\n\r\n\n\n### Reproduction\n\nhttps://stackblitz.com/edit/node-7ddska?file=src%2Fviews%2FHomeView.vue\n\n### Steps to reproduce\n\nHit key \"R\", you will see the list on top increase but not the amount of boxes\n\n### System Info\n\n```shell\nSystem:\r\n OS: Linux 5.0 undefined\r\n CPU: (2) 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: 16.14.2 - /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 npmPackages:\r\n @tresjs/cientos: ^2.0.0 => 2.0.0 \r\n @tresjs/core: ^2.0.0 => 2.0.0 \r\n\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/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.",[2929,2932,2935,2938],{"name":2930,"color":2931},"bug","d73a4a",{"name":2933,"color":2934},"good first issue","7057ff",{"name":2936,"color":2937},"help wanted","008672",{"name":2939,"color":2940},"community","DC9921",284,"v-for of meshes doesn't add new instances to scene ","2023-06-09T11:39:28Z","https://github.com/Tresjs/tres/issues/284",0.69116944,{"description":2947,"labels":2948,"number":2862,"owner":2863,"repository":2949,"state":2921,"title":2950,"updated_at":2951,"url":2952,"score":2869},"### Description\n\nSomething similar to https://github.com/pmndrs/drei#sampler\n\n### Suggested solution\n\nA declarative way to use Sampler in our mesh/instanceMesh\n\n### Alternative\n\nThe abstraction of useSampler useSurfaceSampler https://github.com/pmndrs/drei#usesurfacesampler also could go first\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/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.",[],"cientos","Sampler","2023-11-29T08:14:57Z","https://github.com/Tresjs/cientos/issues/156",{"description":2954,"labels":2955,"number":2862,"owner":2863,"repository":2956,"state":2921,"title":2957,"updated_at":2958,"url":2959,"score":2869},"### Describe the bug\n\nThe playground docs have an `\u003COrbitControls />` component in the code. However, that isn't installed or imported anywhere.\r\n\r\n> Failed to resolve component: OrbitControls\n\n### Reproduction\n\nhttp://localhost:3000\n\n### Steps to reproduce\n\n_No response_\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.",[],"nuxt","Playground code has unreachable component","2025-01-05T19:51:38Z","https://github.com/Tresjs/nuxt/issues/156",{"description":2961,"labels":2962,"number":2967,"owner":2863,"repository":2903,"state":2921,"title":2968,"updated_at":2969,"url":2970,"score":2971},"### Describe the bug\n\nIt seems like Tres.js is no longer working in Firefox. Even on your official documentation all examles render just a black canvas.\r\nI would really like to use Tres.js in projects of my company, but I am unable to do this if Firefox is not supported or working :(\n\n### Reproduction\n\nhttps://tresjs.org/guide/\n\n### Steps to reproduce\n\nThe first and all other examples of this page.\n\n### System Info\n\n```shell\nWindows 10\r\nFirerfiox version 114.0.1 (64-Bit)\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/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.",[2963,2966],{"name":2964,"color":2965},"question","d876e3",{"name":2875,"color":2876},310,"Black Canvas in Firefox","2023-06-20T07:13:04Z","https://github.com/Tresjs/tres/issues/310",0.6972994,{"description":2973,"labels":2974,"number":2976,"owner":2863,"repository":2949,"state":2921,"title":2977,"updated_at":2978,"url":2979,"score":2980},"### Description\r\n\r\nVue 3.3.4 added an experimental feature called propsDeconstruct allowing us to dispense `withDefaults` in favor of a more natural deconstruction that keeps the reactivity.\r\n\r\n```\r\nconst { args = [1, 1, 1], color = '0xffffff' } = defineProps\u003C{\r\n args?: ConstructorParameters\u003Ctypeof BoxGeometry>\r\n color?: TresColor\r\n}>()\r\n```\r\n\r\n### Suggested solution\r\n\r\nAs of now, the following components has been updated, we need to update the rest\r\n\r\n- [x] All shapes\r\n- [ ] Smoke\r\n- [ ] Stars\r\n- [ ] Levioso\r\n- [ ] Contact Shadows\r\n- [x] Transform Controls\r\n- [x] Orbit Controls\r\n\r\n### Alternative\r\n\r\n_No response_\r\n\r\n### Additional context\r\n\r\n_No response_\r\n\r\n### Validations\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.",[2975],{"name":2933,"color":2934},83,"Update all components to use prop deconstruction","2023-07-07T15:21:52Z","https://github.com/Tresjs/cientos/issues/83",0.6991445,["Reactive",2982],{},["Set"],["ShallowReactive",2985],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fu1D4eDNRwtymjzPdwBj2eCTS27mkrBkOyGPK6Doyd6I":-1},"/Tresjs/cientos/588"]