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.",[2867,2870],{"name":2868,"color":2869},"investigation","D03599",{"name":2871,"color":2872},"waiting for author","B145BC",102,"Tresjs","XR","open","VR Style Camera (Aframe implementation or ArrayCamera/StereoCamera from three","2024-08-21T10:45:26Z","https://github.com/Tresjs/XR/issues/102",0.7127436,{"description":2882,"labels":2883,"number":2888,"owner":2874,"repository":2889,"state":2876,"title":2890,"updated_at":2891,"url":2892,"score":2893},"### Description\n\nThere is an update in the GLTF structure, now they can accept physics, babylonJs already have implemented it, but there's no example with Three.js. So this could be hard to do.\r\n\r\nAs we need to investigate if this is possible directly here in this pkg, if we need to make changes in the GLTF parser provided by Three.js (or if we can extend it) and the match them with the components provided by Rapier itself.\r\n\r\nPlease read the link below for more information.\n\n### Suggested solution\n\nMuch of the result will define the output. But reading about it, a new component could be a good solution.\r\n`import { PhysicalGLTF } from `...` (of course the name has to be defined).\r\n\r\nOther option could be adding extension to the existing `useGLTF` composable provided by `cientos`\r\n\r\nI would prefer not to modify cientos directly for this one. WDYT?\n\n### Alternative\n\nAny other alternative is welcome\n\n### Additional context\n\nPlease check: \r\n- https://www.youtube.com/watch?v=sstdRXYbZrI\r\n- https://github.com/eoineoineoin/glTF_Physics\r\n- https://github.com/eoineoineoin/glTF_Physics_Babylon\r\n- https://www.khronos.org/assets/uploads/developers/presentations/Physics_BOF.pdf\n\n### Validations\n\n- [X] I agree to follow this project's [Code of Conduct](https://github.com/Tresjs/rapier/blob/main/CODE_OF_CONDUCT.md)\n- [X] Read the [Contributing Guidelines](https://github.com/Tresjs/rapier/blob/main/CONTRIBUTING.md).\n- [X] Read the [docs](https://rapier.tresjs.org/guide).\n- [X] Check that there isn't [already an issue](https://github.com/tresjs/rapier/issues) that reports the same bug to avoid creating a duplicate.",[2884,2885],{"name":2868,"color":2869},{"name":2886,"color":2887},"p2-nice-to-have","D4C5F9",156,"rapier","Adding physics from GLTF directly","2025-01-29T08:42:02Z","https://github.com/Tresjs/rapier/issues/156",0.73017734,{"description":2895,"labels":2896,"number":2901,"owner":2874,"repository":2902,"state":2876,"title":2903,"updated_at":2904,"url":2905,"score":2906},"### Description\n\nAs a developer using TresJS, I would like to have a component that can keep child components centered on screen, even after screen resizes.\n\n### Suggested solution\n\nA component that works like [Drei's `\u003CBounds />`](https://drei.docs.pmnd.rs/staging/bounds#bounds) would be welcome.\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/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.",[2897,2900],{"name":2898,"color":2899},"feature","c2e0c6",{"name":2886,"color":2887},408,"cientos","\u003CBounds />","2024-12-17T18:07:35Z","https://github.com/Tresjs/cientos/issues/408",0.73338306,{"description":2908,"labels":2909,"number":2910,"owner":2874,"repository":2911,"state":2912,"title":2913,"updated_at":2914,"url":2915,"score":2916},"### Describe the bug\n\nI was trying to load an OBJ file and get the geometry out to make it a TresLine instead of TresMesh, but it kept failed. And every BufferGeometry I've tried has failed the same thing, including empty new one (`new BufferGeometry()`).\r\n\r\n```\r\nUncaught (in promise) TypeError: Spread syntax requires ...iterable[Symbol.iterator] to be a function\r\n at patchProp (chunk-JZH6BBMB.js:1084:11)\r\n at mountElement (chunk-BVQHDTV7.js:6605:11)\r\n at processElement (chunk-BVQHDTV7.js:6552:7)\r\n at patch (chunk-BVQHDTV7.js:6424:11)\r\n at mountChildren (chunk-BVQHDTV7.js:6680:7)\r\n at mountElement (chunk-BVQHDTV7.js:6587:7)\r\n at processElement (chunk-BVQHDTV7.js:6552:7)\r\n at patch (chunk-BVQHDTV7.js:6424:11)\r\n at mountChildren (chunk-BVQHDTV7.js:6680:7)\r\n at processFragment (chunk-BVQHDTV7.js:6897:7)\r\n```\r\n\r\nI could bypass this by changing the nodeOps part of compiled tres.js file, by wrapping the setAttribute call in patchProps method with try-catch, and it seems to work. But it feels kinda hacky and I am assuming there would be some data lost during this process.\r\n\r\n\u003Cimg width=\"1604\" alt=\"스크린샷 2023-08-11 오후 11 01 59\" src=\"https://github.com/Tresjs/tres/assets/7546436/4c959416-d366-43fe-94e3-bb005d2a5ec4\">\r\n\r\n```ts\r\npatchProp(node, prop, _prevValue, nextValue) {\r\n if (node) {\r\n let root = node\r\n let key = prop\r\n let finalKey = kebabToCamel(key)\r\n let target = root?.[finalKey]\r\n\r\n if (root.type === 'BufferGeometry') {\r\n if (key === 'args') return\r\n try { // added to bypass error\r\n root.setAttribute(\r\n kebabToCamel(key),\r\n new BufferAttribute(...(nextValue as ConstructorParameters\u003Ctypeof BufferAttribute>)),\r\n )\r\n } catch {} // added to bypass error\r\n return\r\n }\r\n// ...\r\n```\r\n\r\nhttps://github.com/Tresjs/tres/blob/211c3e172726a4cb339a02333ac596fcf3bb7793/src/core/nodeOps.ts#L187C7-L187C7\n\n### Reproduction\n\nhttps://stackblitz.com/edit/tresjs-basic-yrhocm?file=src%2Fcomponents%2FTheExperience.vue\n\n### Steps to reproduce\n\n1. Create a TresCanvas and include a TresMesh or any other component that utilises a geometry.\r\n2. Create a BufferGeometry in `\u003Cscript>` section. (ex. `const geometry = new BufferGeometry()`)\r\n3. Refer to the BufferGeometry with `\u003Cprimitive :object=\"geometry\">` tag.\r\n4. Run the code.\n\n### System Info\n\n```shell\nSystem:\r\n OS: macOS 14.0\r\n CPU: (10) arm64 Apple M1 Max\r\n Memory: 114.36 MB / 32.00 GB\r\n Shell: 5.9 - /bin/zsh\r\nBinaries:\r\n Node: 18.14.0 - ~/.nvm/versions/node/v18.14.0/bin/node\r\n npm: 9.3.1 - ~/.nvm/versions/node/v18.14.0/bin/npm\r\nBrowsers:\r\n Safari: 17.0\r\nnpmPackages:\r\n @tresjs/cientos: ^3.0.1 => 3.0.1\r\n @tresjs/nuxt: ^1.1.3 => 1.1.3\r\n\r\nNote: I also have ran this on Firefox (116.0.2) and Arc (Version 1.3.0 (40706) / Chromium Engine Version 115.0.5790.170)\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.",[],363,"tres","closed","BufferGeometry as \u003Cprimitive> component throws an error","2024-07-17T09:43:31Z","https://github.com/Tresjs/tres/issues/363",0.6788344,{"description":2918,"labels":2919,"number":2929,"owner":2874,"repository":2911,"state":2912,"title":2930,"updated_at":2931,"url":2932,"score":2933},"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",[2920,2923,2926],{"name":2921,"color":2922},"docs","0075ca",{"name":2924,"color":2925},"dx","1576AD",{"name":2927,"color":2928},"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.69902116,{"description":2935,"labels":2936,"number":2941,"owner":2874,"repository":2911,"state":2912,"title":2942,"updated_at":2943,"url":2944,"score":2945},"### Describe the bug\n\n\"Hello, I have two questions:\r\n\r\n1.In the custom rendering, it seems that Vue's unmount hooks, 'onUnmounted' and 'onBeforeUnmount', are not working. I'm using 'onLoop', and when I navigate to another page and then return, it creates a new 'onLoop' which runs alongside the previous one, including the 'onLoop' inside 'useFBO'. Currently, I can only unmount them by using 'onLoop.off' at the root canvas component.\r\n2.I am using version 3.5.1, and I've noticed significant frame drops with touch and other events. I'm not sure if this has been optimized in newer versions.\r\n3.I encounter a problem when using 'Tres' on two different pages. When I navigate from page 1 with 'tres' to page 2 with 'tres', nothing is displayed. However, if I go from page 1 with 'tres' to page 3 without 'tres', and then to page 2 with 'tres', this problem does not occur.\"\r\n\n\n### Reproduction\n\nhttps://github.com/zhangyijie0214/nuxt-tres-test\n\n### Steps to reproduce\n\nnpm install\r\nnpm run dev\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.",[2937,2940],{"name":2938,"color":2939},"bug","d73a4a",{"name":2871,"color":2872},475,"Routing Jump - Problem Occurring","2024-02-18T01:59:58Z","https://github.com/Tresjs/tres/issues/475",0.7014753,{"description":2947,"labels":2948,"number":2957,"owner":2874,"repository":2911,"state":2912,"title":2958,"updated_at":2959,"url":2960,"score":2961},"### Description\r\n\r\nI have a model which is animated in blender and I am able to play it in Tres. But I want to control the timeline based on the window scroll or any value in the app. How can I achieve this? I went through the docs completely but didn't find anything..\r\n\r\n### Suggested solution\r\n\r\nA function to control the animation like setTime or setFrame.\r\n\r\n### Alternative\r\n\r\n_No response_\r\n\r\n### Reproduction Repository\r\nhttps://github.com/AnupamKris/threeBugFix\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.",[2949,2952,2955,2956],{"name":2950,"color":2951},"pending-triage","97A4FE",{"name":2953,"color":2954},"needs reproduction","511ECF",{"name":2868,"color":2869},{"name":2871,"color":2872},648,"Control GLTF animation based on a value or scroll.","2024-07-06T13:48:46Z","https://github.com/Tresjs/tres/issues/648",0.70407945,{"description":2963,"labels":2964,"number":2972,"owner":2874,"repository":2911,"state":2912,"title":2973,"updated_at":2974,"url":2975,"score":2976},"**Is your feature request related to a problem? Please describe.**\r\nThere is no type definition for primitive\r\n\r\n",[2965,2968,2971],{"name":2966,"color":2967},"good first issue","7057ff",{"name":2969,"color":2970},"help wanted","008672",{"name":2924,"color":2925},255,"Primitive type definition","2023-05-21T09:05:02Z","https://github.com/Tresjs/tres/issues/255",0.7059061,{"description":2978,"labels":2979,"number":2980,"owner":2874,"repository":2902,"state":2912,"title":2981,"updated_at":2982,"url":2983,"score":2984},"### 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.7080218,{"description":2986,"labels":2987,"number":2989,"owner":2874,"repository":2902,"state":2912,"title":2990,"updated_at":2991,"url":2992,"score":2993},"### 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.",[2988],{"name":2938,"color":2939},110,"Colors error in some shapes","2023-07-18T23:12:00Z","https://github.com/Tresjs/cientos/issues/110",0.7086465,["Reactive",2995],{},["Set"],["ShallowReactive",2998],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fh0PxWpAxGoZ5LZop6Iz6F764kQP7nNUSbvowAjFNoVU":-1},"/Tresjs/cientos/254"]