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.69729924,{"description":2882,"labels":2883,"number":2890,"owner":2874,"repository":2891,"state":2876,"title":2892,"updated_at":2893,"url":2894,"score":2895},"### Describe the bug\r\n\r\nI am setting the `render-mode` on my `TresCanvas` to `on-demand`. I am using the `CameraControls` for controlling orbiting. I expect the `@render` emitter to fire only briefly when mounting the scene. But instead, it fires on every frame.\r\n\r\n```\r\n\u003CTresCanvas\r\n preset=\"realistic\"\r\n render-mode=\"on-demand\"\r\n @render=\"console.log('rendering ...')\"\r\n>\r\n \u003CTresPerspectiveCamera />\r\n \u003CCameraControls v-bind=\"controlsState\" make-default />\r\n\r\n \u003C!-- rest of the scene -->\r\n\u003C/TresCanvas>\r\n```\r\nCommenting out the rest of the scene does not change the behavior, when commenting out `\u003CCameraControls />`, on-demand returns to working as expected.\r\n\r\nFYI: It does not happen with `\u003COrbitControls />` component.\r\n\r\n\r\n\r\n\r\n### Reproduction\r\n\r\nhttps://stackblitz.com/edit/tresjs-minimal-reproduction-gj1p2u?file=src%2FApp.vue\r\n\r\n### Steps to reproduce\r\n\r\n1. Open console and verify that the `@render` emitter is firing the `console.log`\r\n2. Comment out `\u003CCameraControls v-bind=\"controlsState\" make-default />` and check the console to verify that logging stops after a few render loops\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/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.",[2884,2887],{"name":2885,"color":2886},"bug","d73a4a",{"name":2888,"color":2889},"p3-minor-bug","F28C37",471,"cientos","CameraControls break on-demand rendering (by invalidating every frame)","2024-10-17T07:32:51Z","https://github.com/Tresjs/cientos/issues/471",0.71869445,{"description":2897,"labels":2898,"number":2902,"owner":2874,"repository":2891,"state":2876,"title":2903,"updated_at":2904,"url":2905,"score":2906},"### Description\n\nCurrently `useGLTF` only supports Draco compressed glTF models. It would be very nice to also support KTX2.0 textures, as in three.js we have both: `.setDRACOLoader` and `.setKTX2Loader`.\n\n### Suggested solution\n\nAdd `ktx2` and `transcoderPath` options in `useGLTF` and `GLTFModel`.\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.",[2899],{"name":2900,"color":2901},"PR Welcome","2D76B0",357,"glTF KTX2.0 Texture support","2024-08-04T20:40:18Z","https://github.com/Tresjs/cientos/issues/357",0.7413905,{"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.6984779,{"description":2918,"labels":2919,"number":2922,"owner":2874,"repository":2891,"state":2912,"title":2923,"updated_at":2924,"url":2925,"score":2926},"### Describe the bug\n\nNot necessarily a bug, but I couldn't find any other way to notice you guys about this.\n\n### Reproduction\n\nhttps://bundlephobia.com/package/@tresjs/cientos@3.5.0\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/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.",[2920],{"name":2868,"color":2921},"D0359D",254,"Bundle is huge since 3.5.0","2023-10-18T10:30:06Z","https://github.com/Tresjs/cientos/issues/254",0.7062213,{"description":2928,"labels":2929,"number":2939,"owner":2874,"repository":2911,"state":2912,"title":2940,"updated_at":2941,"url":2942,"score":2943},"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",[2930,2933,2936],{"name":2931,"color":2932},"docs","0075ca",{"name":2934,"color":2935},"dx","1576AD",{"name":2937,"color":2938},"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.71070564,{"description":2945,"labels":2946,"number":2947,"owner":2874,"repository":2948,"state":2912,"title":2949,"updated_at":2950,"url":2951,"score":2952},"**Describe the bug**\r\nhttps://postprocessing.tresjs.org/ is being referenced in README.md and doesn't work (dead link)\r\n\r\n",[],103,"post-processing","https://postprocessing.tresjs.org/ is being referenced in README.md and doesn't work","2024-04-04T07:57:01Z","https://github.com/Tresjs/post-processing/issues/103",0.71789646,{"description":2954,"labels":2955,"number":2947,"owner":2874,"repository":2967,"state":2912,"title":2968,"updated_at":2969,"url":2970,"score":2952},"### Description\n\nAs a developer using tres-rapier I would like to have an option to create colliders by hand\n\n### Suggested solution\n\nResearch required but, could be something like:\r\n\r\n```\r\n \u003CRigidBody position={[0, 10, 0]}>\r\n \u003CSphere />\r\n \u003CBallCollider args=\"[0.5]\" />\r\n \u003CBallCollider args=\"[0.5]\" position=\"[1, 0, 0]\" />\r\n \u003C/RigidBody>\r\n```\r\nAs base:\r\nhttps://github.com/pmndrs/react-three-rapier?tab=readme-ov-file#collider-components\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/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.",[2956,2959,2962,2965],{"name":2957,"color":2958},"help wanted","008672",{"name":2960,"color":2961},"feature","c2e0c6",{"name":2963,"color":2964},"p3-significant","2C78E3",{"name":2966,"color":2901},"PR welcome","rapier","Colliders","2024-09-17T13:12:32Z","https://github.com/Tresjs/rapier/issues/103",{"description":2972,"labels":2973,"number":2978,"owner":2874,"repository":2911,"state":2912,"title":2979,"updated_at":2980,"url":2981,"score":2982},"### 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.",[2974,2977],{"name":2975,"color":2976},"question","d876e3",{"name":2871,"color":2872},310,"Black Canvas in Firefox","2023-06-20T07:13:04Z","https://github.com/Tresjs/tres/issues/310",0.7182689,{"description":2984,"labels":2985,"number":2987,"owner":2874,"repository":2891,"state":2912,"title":2988,"updated_at":2989,"url":2990,"score":2991},"### 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.",[2986],{"name":2885,"color":2886},110,"Colors error in some shapes","2023-07-18T23:12:00Z","https://github.com/Tresjs/cientos/issues/110",0.7213189,["Reactive",2993],{},["Set"],["ShallowReactive",2996],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fmzduvZiO-pquyN72awDfUZo5fyBiDPKsJqt4covVGRk":-1},"/Tresjs/tres/164"]