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.",[3139,3142],{"name":3140,"color":3141},"investigation","D03599",{"name":3143,"color":3144},"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.6392794,{"description":3154,"labels":3155,"number":3162,"owner":3146,"repository":3163,"state":3148,"title":3164,"updated_at":3165,"url":3166,"score":3167},"### Describe the bug\n\nWhile working on the `Joint` I wanted to reproduce the same custom collider exportation, and when I wanted to watch the `Joint` props, I wasn't able to do so...\r\n\r\nI figured that the Vue component `setup function` needs a `Proxy` as the first parameter to **reflect** changes and here:\r\nhttps://github.com/Tresjs/rapier/blob/main/src/components/colliders/index.ts#L29-L42\r\n```ts\r\nprops: {\r\n ...BaseCollider.props,\r\n shape: undefined,\r\n },\r\n setup(props, ctx) {\r\n return {\r\n ...BaseCollider?.setup?.(\r\n { ...props, shape } as Parameters\u003C\r\n Exclude\u003C(typeof BaseCollider)['setup'], undefined>\r\n >['0'],\r\n ctx,\r\n ),\r\n }\r\n },\r\n```\r\n\r\nWe are destructing it which is equivalent to passing a native `Object`\n\n### Reproduction\n\n---\n\n### Steps to reproduce\n\n---\n\n### System Info\n\n```shell\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/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.\n- [X] The provided reproduction is a [minimal reproducible example](https://stackoverflow.com/help/minimal-reproducible-example) of the bug.",[3156,3159],{"name":3157,"color":3158},"bug","d73a4a",{"name":3160,"color":3161},"collider","306B60",149,"rapier","Bug: custom collider props are not reactive anymore.","2024-11-19T23:52:46Z","https://github.com/Tresjs/rapier/issues/149",0.69128424,{"description":3169,"labels":3170,"number":3175,"owner":3146,"repository":3176,"state":3148,"title":3177,"updated_at":3178,"url":3179,"score":3180},"### 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.",[3171,3172],{"name":3157,"color":3158},{"name":3173,"color":3174},"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.69908,{"description":3182,"labels":3183,"number":3193,"owner":3146,"repository":3194,"state":3195,"title":3196,"updated_at":3197,"url":3198,"score":3199},"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",[3184,3187,3190],{"name":3185,"color":3186},"docs","0075ca",{"name":3188,"color":3189},"dx","1576AD",{"name":3191,"color":3192},"examples","8F2282",261,"tres","closed","May be we could use vitepress-plugin-sandpack instead","2023-12-13T09:18:46Z","https://github.com/Tresjs/tres/issues/261",0.63359445,{"description":3201,"labels":3202,"number":3204,"owner":3146,"repository":3176,"state":3195,"title":3205,"updated_at":3206,"url":3207,"score":3208},"### 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.",[3203],{"name":3157,"color":3158},110,"Colors error in some shapes","2023-07-18T23:12:00Z","https://github.com/Tresjs/cientos/issues/110",0.6419721,{"description":3210,"labels":3211,"number":3204,"owner":3146,"repository":3163,"state":3195,"title":3215,"updated_at":3216,"url":3217,"score":3208},"### Description\n\nRight now we can apply any force, the object is not being exported and even doing it, tryng to applyng any force, doesn't throw an error but, do nothing\n\n### Suggested solution\n\nCould be something like (currently this is not doing anything):\r\n```\r\nconst jumpCube = () => {\r\n if (rigidCubeRef.value) {\r\n rigidCubeRef.value.instance[0].rigidBody.applyImpulse({ x: 0, y: 1, z: 0 })\r\n }\r\n}\r\n```\r\nWe can expose some object like:\r\n\r\n```\r\ndefineExpose({\r\n instance: rigidBodyInfos,\r\n collider: colliderInfos,\r\n})\r\n```\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.",[3212],{"name":3213,"color":3214},"feature","c2e0c6","Applyng method to RigidBodies","2024-09-12T13:49:59Z","https://github.com/Tresjs/rapier/issues/110",{"description":3219,"labels":3220,"number":3230,"owner":3146,"repository":3194,"state":3195,"title":3231,"updated_at":3232,"url":3233,"score":3234},"### Description\n\nCurrently, `TresObject3D#material` doesn't allow to set array. My suggestion is to make Array acceptable as well.\r\n\r\nhttps://github.com/Tresjs/tres/blob/main/src/types/index.ts#L43\r\n\r\n```\r\n- material?: THREE.Material & TresBaseObject\r\n+ material?: THREE.Material & TresBaseObject | (THREE.Material & TresBaseObject)[]\r\n```\r\n\r\n## (Personal) reason\r\n\r\nI use TresJS and [spine-ts THREE.JS](https://github.com/EsotericSoftware/spine-runtimes/blob/4.1/spine-ts/spine-threejs/README.md). \r\n\r\nTHREE.Mesh#material's type is `Material | Material[]`. (https://github.com/DefinitelyTyped/DefinitelyTyped/blob/master/types/three/src/objects/Mesh.d.ts#L24)\r\n\r\nspine-ts' set Array material according to THREE's type. (https://github.com/EsotericSoftware/spine-runtimes/blob/4.1/spine-ts/spine-threejs/src/MeshBatcher.ts#L60)\r\n\r\nHowever, `TresObject3D#material` doesn't allow to set Array material, when a spine's mesh is rendered in Scene of TresJS and a material**s** in spine's mesh are evaluate, TresJS throws runtime error.\r\n\r\n\r\n## Basis that my suggestion is reasonable\r\n\r\nA type of THREE.Mesh#material extending THREE.Object3D is `Material | Material[]`, so I think it's reasonable that a type of `TresObject3D#material` extending THREE.Object3D is `THREE.Material & TresBaseObject | (THREE.Material & TresBaseObject)[]`.\r\n\n\n### Suggested solution\n\nhttps://github.com/Tresjs/tres/blob/main/src/types/index.ts#L43\r\n\r\n```\r\n- material?: THREE.Material & TresBaseObject\r\n+ material?: THREE.Material & TresBaseObject | (THREE.Material & TresBaseObject)[]\r\n```\r\n\r\nand adding logic for array.\n\n### Alternative\n\nnothing. I currently use pnpm patch and add logic for array.\n\n### Additional context\n\nI can create PR for this suggestion.\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.",[3221,3224,3227],{"name":3222,"color":3223},"types","5C076E",{"name":3225,"color":3226},"PR welcome","2D76B0",{"name":3228,"color":3229},"p3-significant","2C78E3",496,"Allow `TresObject3D#material` to set Array","2024-07-05T15:18:00Z","https://github.com/Tresjs/tres/issues/496",0.64306813,{"description":3236,"labels":3237,"number":3242,"owner":3146,"repository":3194,"state":3195,"title":3243,"updated_at":3244,"url":3245,"score":3246},"### 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.",[3238,3241],{"name":3239,"color":3240},"question","d876e3",{"name":3143,"color":3144},310,"Black Canvas in Firefox","2023-06-20T07:13:04Z","https://github.com/Tresjs/tres/issues/310",0.6599576,{"description":3248,"labels":3249,"number":3250,"owner":3146,"repository":3176,"state":3195,"title":3251,"updated_at":3252,"url":3253,"score":3254},"### Describe the bug\r\n\r\n\r\n\u003Cscript setup lang=\"ts\">\r\nimport { TresCanvas } from '@tresjs/core'\r\nimport { OrbitControls, Sky } from '@tresjs/cientos'\r\n\u003C/script>\r\n\r\n\u003Ctemplate>\r\n \u003CTresCanvas :tone-mapping-exposure=\"0.25\">\r\n \u003CTresPerspectiveCamera :position=\"[0, 0, 2000]\" />\r\n \u003CSky />\r\n \u003COrbitControls\r\n :enable-pan=\"false\"\r\n :enable-zoom=\"false\"\r\n />\r\n \u003C/TresCanvas>\r\n\u003C/template>\r\n\r\n\r\n### Reproduction\r\n\r\nno\r\n\r\n### Steps to reproduce\r\n\r\n_No response_\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/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.\r\n- [X] The provided reproduction is a [minimal reproducible example](https://stackoverflow.com/help/minimal-reproducible-example) of the bug.",[],451,"\u003CSky /> can not utilize","2024-09-03T12:59:10Z","https://github.com/Tresjs/cientos/issues/451",0.67133933,{"description":3256,"labels":3257,"number":3260,"owner":3146,"repository":3176,"state":3195,"title":3261,"updated_at":3262,"url":3263,"score":3264},"### 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.",[3258],{"name":3140,"color":3259},"D0359D",254,"Bundle is huge since 3.5.0","2023-10-18T10:30:06Z","https://github.com/Tresjs/cientos/issues/254",0.6780297,["Reactive",3266],{},["Set"],["ShallowReactive",3269],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fXVyg-x7jp-vzi5cCSNW2KkSIifsdifpny8eYvBFPesI":-1},"/Tresjs/tres/363"]