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.",[2869,2870],{"name":2853,"color":2854},{"name":2871,"color":2872},"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.69149214,{"description":2880,"labels":2881,"number":2897,"owner":2859,"repository":2898,"state":2861,"title":2899,"updated_at":2900,"url":2901,"score":2902},"### Description\r\n\r\nAs a developer using TresJS I would like to have documentation available in my native language\r\n\r\nThis ticket is meant to keep track of the progress of multiple PRs to translate Tres docs:\r\n\r\n- [x] Enable i18n and add Spanish docs done #123 #534 \r\n- [x] Chinese translations @enpitsuLin #550 \r\n- [x] German @DennisSmuda #548\r\n- [ ] Polish @Dekier #546 \r\n- [x] French @AminGtt #555 \r\n\r\nFeel free to comment below if you would like to add your language and help us translate the docs.,\r\n\r\n### Suggested solution\r\n\r\nCreate a branch `docs/translation-\u003Clanguage-unicode>` and a PR similar to #534 with the following steps:\r\n\r\n1. Add a `\u003Clanguage-unicode>.ts` inside `docs/.vitepress/config` ex: `zh.ts` (copy the `en.ts` which is the original and then translate only what's needed.\r\n2. Remember to add the code prefix route to all the links on this file, ex `link: /guide/` -> `link: /zh/guide`\r\n3. Add to config to `docs/.vitepress/config/index.ts` like this:\r\n\r\n```ts\r\nexport default defineConfig({\r\n ...sharedConfig,\r\n locales: {\r\n root: { label: 'English', lang: 'en-US', link: '/', ...enConfig },\r\n es: { label: 'Español', lang: 'es-ES', link: '/es/', ...esConfig },\r\n /* zh: { label: '简体中文', lang: 'zh-CN', link: '/zh/', ...zhConfig }, */\r\n },\r\n})\r\n```\r\n\r\n4. Create a folder with the language code (ex: zh) inside `docs/`, this is where the translations will live, then start translating the files using the same structure as on the docs root, like this:\r\n\r\n`docs/advanced/extending.md` --> `docs/zh/advanced/extending.md`\r\n\r\n\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/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.",[2882,2885,2888,2891,2894],{"name":2883,"color":2884},"docs","0075ca",{"name":2886,"color":2887},"help wanted","008672",{"name":2889,"color":2890},"feature","c2e0c6",{"name":2892,"color":2893},"dx","1576AD",{"name":2895,"color":2896},"p3-significant","2C78E3",540,"tres","Translate docs to multiple languages","2024-07-23T17:42:40Z","https://github.com/Tresjs/tres/issues/540",0.70026374,{"description":2904,"labels":2905,"number":2910,"owner":2859,"repository":2911,"state":2861,"title":2912,"updated_at":2913,"url":2914,"score":2915},"### Describe the bug\n\nThe examples under https://cientos.tresjs.org/guide/misc/html-component.html#html are currently broken\n\n### Reproduction\n\nhttps://cientos.tresjs.org/guide/misc/html-component.html#html\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.",[2906,2909],{"name":2907,"color":2908},"bug","d73a4a",{"name":2883,"color":2884},368,"cientos","[Docs] - HTML examples are broken ","2024-07-18T08:07:36Z","https://github.com/Tresjs/cientos/issues/368",0.710738,{"description":2917,"labels":2918,"number":2926,"owner":2859,"repository":2898,"state":2861,"title":2927,"updated_at":2928,"url":2929,"score":2930},"### Describe the bug\n\nI tried writing this code in `tresjs v 4.0.2`\r\n```vue \u003CTresGroup>\r\n \u003CTresPerspectiveCamera :position=\"[5, 5, 5]\" />\r\n \u003COrbitControls />\r\n \u003CTresAmbientLight :intensity=\"0.5\" color=\"red\" />\r\n \u003CTresMesh ref=\"boxRef\" :position=\"[0, 2, 0]\">\r\n \u003CTresBoxGeometry :args=\"[1, 1, 1]\" />\r\n \u003CTresMeshNormalMaterial />\r\n \u003C/TresMesh>\r\n \u003CTresDirectionalLight :position=\"[0, 2, 4]\" :intensity=\"1\" cast-shadow />\r\n \u003CTresAxesHelper />\r\n \u003CTresGridHelper :args=\"[10, 10, 0x444444, 'teal']\" />\r\n \u003C/TresGroup>\r\n````\r\nThen I got this\r\n\r\n\r\n**However, it can run correctly in `v3.9.0`**\r\n\r\n\n\n### Reproduction\n\nhttps://stackblitz.com/~/github.com/hexianWeb/starter\n\n### Steps to reproduce\n\n_No response_\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/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.",[2919,2922,2923],{"name":2920,"color":2921},"question","d876e3",{"name":2871,"color":2872},{"name":2924,"color":2925},"p2-edge-case","ABCC40",727,"`Camera` wrapped by `TresGroup` cannot be used properly after `version 4.0`","2024-06-15T11:45:11Z","https://github.com/Tresjs/tres/issues/727",0.72160834,{"description":2932,"labels":2933,"number":2858,"owner":2859,"repository":2911,"state":2934,"title":2935,"updated_at":2936,"url":2937,"score":2865},"### 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.",[],"closed","Sampler","2023-11-29T08:14:57Z","https://github.com/Tresjs/cientos/issues/156",{"description":2939,"labels":2940,"number":2858,"owner":2859,"repository":2941,"state":2934,"title":2942,"updated_at":2943,"url":2944,"score":2865},"### 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":2946,"labels":2947,"number":2950,"owner":2859,"repository":2898,"state":2934,"title":2951,"updated_at":2952,"url":2953,"score":2954},"### 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.",[2948,2949],{"name":2920,"color":2921},{"name":2871,"color":2872},310,"Black Canvas in Firefox","2023-06-20T07:13:04Z","https://github.com/Tresjs/tres/issues/310",0.68725586,{"description":2956,"labels":2957,"number":2958,"owner":2859,"repository":2898,"state":2934,"title":2959,"updated_at":2960,"url":2961,"score":2962},"### 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,"BufferGeometry as \u003Cprimitive> component throws an error","2024-07-17T09:43:31Z","https://github.com/Tresjs/tres/issues/363",0.6984617,{"description":2964,"labels":2965,"number":2966,"owner":2859,"repository":2898,"state":2934,"title":2967,"updated_at":2968,"url":2969,"score":2970},"**Is your feature request related to a problem? Please describe.**\r\nIn the current implementation, the check for intersecting objects happens on every single render cycle (see [here](https://github.com/Tresjs/tres/blob/b0a237edff2aaf2f25a344e0578ffde6dbb036b5/packages/tres/src/core/useInstanceCreator/index.ts#L287)).\r\n\r\n**Describe the solution you'd like**\r\nWe could change the code in a way that the intersections are only calculated when the pointer moves or when the canvas is being clicked. Maybe there is even a possibility to only check meshes in which the respective directives (`@click`, ...) are used. These changes would lead to performance improvements.\r\n\r\n**Suggested solution**\r\nSee above.",[],139,"Raycaster: Only check for intersections when pointer moves or on click events","2023-03-30T09:08:55Z","https://github.com/Tresjs/tres/issues/139",0.7099014,["Reactive",2972],{},["Set"],["ShallowReactive",2975],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fONR7UkU-EPuOOrQg1s1OcrDsl2Xte69Vmei6VafKvio":-1},"/Tresjs/tres/873"]