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.6978498,{"description":2882,"labels":2883,"number":2896,"owner":2874,"repository":2897,"state":2876,"title":2898,"updated_at":2899,"url":2900,"score":2901},"### Description\n\nHow to use vue-cli\n\n### Suggested solution\n\nHow to use vue-cli\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.",[2884,2887,2890,2893],{"name":2885,"color":2886},"bug","d73a4a",{"name":2888,"color":2889},"help wanted","008672",{"name":2891,"color":2892},"PR welcome","2D76B0",{"name":2894,"color":2895},"p2-edge-case","ABCC40",754,"tres","How to use vue-cli","2024-08-21T09:51:50Z","https://github.com/Tresjs/tres/issues/754",0.704572,{"description":2903,"labels":2904,"number":2909,"owner":2874,"repository":2897,"state":2876,"title":2910,"updated_at":2911,"url":2912,"score":2913},"### Describe the bug\n\n\r\n\n\n### Reproduction\n\nhttps://stackblitz.com/edit/stackblitz-starters-namsht?file=src%2Fcomponents%2FTheExperience.vue\n\n### Steps to reproduce\n\nnpm install && npm 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.",[2905,2906],{"name":2868,"color":2869},{"name":2907,"color":2908},"p3-minor-bug","F28C37",783,"When there is an annotated tag, the children of the scene will generate _Object3D model information","2024-08-15T17:41:17Z","https://github.com/Tresjs/tres/issues/783",0.7113318,{"description":2915,"labels":2916,"number":2923,"owner":2874,"repository":2897,"state":2876,"title":2924,"updated_at":2925,"url":2926,"score":2927},"### Description\n\nDocs need a little bit of caring for v4\r\nSame for playgrounds\n\n### Suggested solution\n\n- [ ] Remove playground section on https://docs.tresjs.org/guide/#playground\r\n- [x] Remove basic demos from playground https://playground.tresjs.org/\r\n- [ ] Move Events demo from playground to docs (use sandbox)\r\n- [ ] Change naming sandbox to playground\r\n- [ ] Playground is gonna be Showcase/MadeWithTres\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.",[2917,2920],{"name":2918,"color":2919},"docs","0075ca",{"name":2921,"color":2922},"v4","7980EA",494,"Improvements Docs","2024-03-28T11:19:18Z","https://github.com/Tresjs/tres/issues/494",0.7153062,{"description":2929,"labels":2930,"number":2934,"owner":2874,"repository":2935,"state":2876,"title":2936,"updated_at":2937,"url":2938,"score":2939},"### Description\n\nAs a developer I would like to have a easy way to use the [Flow](https://threejs.org/examples/?q=curve#webgl_modifier_curve) instance in ThreeJs\n\n### Suggested solution\n\nCould be base on drei implementation https://github.com/pmndrs/drei?tab=readme-ov-file#curvemodifier\r\n\r\nBut I would like to add an SVG path option\n\n### Alternative\n\nAny other alternative is considered\n\n### Additional context\n\nWhich name do you prefer for this component\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.",[2931],{"name":2932,"color":2933},"p2-nice-to-have","D4C5F9",417,"cientos","FollowPath/Flow or CurveModifier","2024-05-16T12:36:06Z","https://github.com/Tresjs/cientos/issues/417",0.71584237,{"description":2941,"labels":2942,"number":2943,"owner":2874,"repository":2935,"state":2876,"title":2944,"updated_at":2945,"url":2946,"score":2947},"### Describe the bug\n\nWhen TresCanvas is unmounted, an error occurs equal to the number of Html components.\r\nhook.js:608 THREE.Material: parameter 'vertexShader' has value of undefined.\r\n\r\n```\r\n\u003Ctemplate>\r\n \u003Cdiv class=\"about\">\r\n \u003Ch1>This is an about page\u003C/h1>\r\n \u003Cdiv class=\"canvas\">\r\n \u003CTresCanvas v-bind=\"gl\">\r\n \u003COrbitControls />\r\n \u003CTresPerspectiveCamera :position=\"[5, 5, 5]\" />\r\n \u003C!-- Your scene here -->\r\n \u003CTresMesh cast-shadow :position=\"[0, 0, 0]\">\r\n \u003CTresBoxGeometry :args=\"[1, 1, 2]\" />\r\n \u003CTresMeshToonMaterial color=\"blue\" />\r\n \u003CHtml center transform sprite>\r\n \u003Cdiv class=\"text\">TEXT\u003C/div>\r\n \u003C/Html>\r\n \u003C/TresMesh>\r\n \u003C/TresCanvas>\r\n \u003C/div>\r\n \u003C/div>\r\n\u003C/template>\r\n\u003Cscript setup lang=\"ts\">\r\nimport { TresCanvas } from '@tresjs/core'\r\nimport { BasicShadowMap, SRGBColorSpace, NoToneMapping } from 'three'\r\nimport { Html, OrbitControls } from '@tresjs/cientos'\r\nconst gl = {\r\n clearColor: '#87CEEB',\r\n shadows: true,\r\n alpha: true,\r\n shadowMapType: BasicShadowMap,\r\n outputColorSpace: SRGBColorSpace,\r\n toneMapping: NoToneMapping,\r\n}\r\n\u003C/script>\r\n\u003Cstyle>\r\n.canvas {\r\n width: 500px;\r\n height: 500px;\r\n position: relative;\r\n}\r\n.text {\r\n color: white;\r\n font-weight: bold;\r\n font-size: 30px;\r\n}\r\n\u003C/style>\r\n\r\n\r\n```\r\nhook.js:608 THREE.Material: parameter 'vertexShader' has value of undefined.\r\n\r\nnow about page\r\n\r\n\r\nif I go home?\r\n\r\nIf I add Html components, the error increases by the corresponding number.\n\n### Reproduction\n\nhttps://stackblitz.com/edit/tresjs-basic-4pso7hpr?file=src%2Fcomponents%2FTheExperience.vue\n\n### Steps to reproduce\n\n_No response_\n\n### System Info\n\n```shell\nnpx envinfo --system --npmPackages '{vite,@tresjs/*, three, vue}' --binaries --browsers\r\nNeed to install the following packages:\r\nenvinfo@7.14.0\r\nOk to proceed? (y) y\r\n\r\n\r\n System:\r\n OS: Linux 5.15 Ubuntu 22.04.4 LTS 22.04.4 LTS (Jammy Jellyfish)\r\n CPU: (8) x64 13th Gen Intel(R) Core(TM) i7-1355U\r\n Memory: 1.70 GB / 7.76 GB\r\n Container: Yes\r\n Shell: 5.1.16 - /bin/bash\r\n Binaries:\r\n Node: 20.18.0 - ~/.nvm/versions/node/v20.18.0/bin/node\r\n npm: 11.0.0 - ~/.nvm/versions/node/v20.18.0/bin/npm\r\n npmPackages:\r\n @tresjs/cientos: ^4.0.3 => 4.0.3 \r\n @tresjs/core: ^4.3.2 => 4.3.2 \r\n vite: ~6.0.6 => 6.0.6\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.",[],587,"When TresCanvas is unmounted, an error occurs equal to the number of Html components.","2025-01-14T07:22:09Z","https://github.com/Tresjs/cientos/issues/587",0.7180379,{"description":2949,"labels":2950,"number":2951,"owner":2874,"repository":2897,"state":2876,"title":2952,"updated_at":2953,"url":2954,"score":2955},"### Describe the bug\n\nThe delta property of the `pointer-missed` is always zero (obvious [in the code](https://github.com/Tresjs/tres/blob/main/src/composables/useRaycaster/index.ts#L137-L139)).\r\n\r\nI have a project where object of the scene can be selected by clicking on them. To unselect the user can press where there is no object, which I implemented using the `pointer-missed `event on the `Trescanvas`. However, objects get also unselected when the user uses the mouse to drag the camera around. To prevent this I wanted to rely on the `delta` of the `pointer-missed` event, to discard events with dragging.\n\n### Reproduction\n\nhttps://github.com/Tresjs/tres/blob/main/src/composables/useRaycaster/index.ts#L137-L139\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.",[],852,"The delta of pointer-missed events is always zero","2024-10-12T18:44:56Z","https://github.com/Tresjs/tres/issues/852",0.71832263,{"description":2957,"labels":2958,"number":2961,"owner":2874,"repository":2935,"state":2876,"title":2962,"updated_at":2963,"url":2964,"score":2965},"### 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.",[2959,2960],{"name":2885,"color":2886},{"name":2918,"color":2919},368,"[Docs] - HTML examples are broken ","2024-07-18T08:07:36Z","https://github.com/Tresjs/cientos/issues/368",0.72427046,{"description":2967,"labels":2968,"number":2972,"owner":2874,"repository":2935,"state":2973,"title":2974,"updated_at":2975,"url":2976,"score":2977},"### Description\n\nAs a developer using Tres, I would like to have a `\u003CCylinder />` component in order to easily add a customizable cylinder to scenes.\n\n### Suggested solution\n\nImplement a Cientos component with an underlying `THREE.CylinderGeometry` and accepting the props of the same, with the same defaults.\r\n\r\nhttps://threejs.org/docs/#api/en/geometries/CylinderGeometry\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.",[2969],{"name":2970,"color":2971},"good first issue","7057ff",437,"closed","`\u003CCylinder />`","2024-06-09T20:05:32Z","https://github.com/Tresjs/cientos/issues/437",0.6425557,{"description":2979,"labels":2980,"number":2981,"owner":2874,"repository":2897,"state":2973,"title":2982,"updated_at":2983,"url":2984,"score":2985},"**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.65552497,["Reactive",2987],{},["Set"],["ShallowReactive",2990],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$for72KSRdfUdDJF-VNpoGLA1ei0cewxBZ0hSDwxIRgXY":-1},"/Tresjs/tres/626"]