\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.",[3038,3041,3044],{"name":3039,"color":3040},"question","d876e3",{"name":3042,"color":3043},"waiting for author","B145BC",{"name":3045,"color":3046},"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.7246176,{"description":3053,"labels":3054,"number":3058,"owner":3028,"repository":3059,"state":3030,"title":3060,"updated_at":3061,"url":3062,"score":3063},"### Description\r\n\r\nAs a Tres dev, I'd sometimes like to show off Tres/Cientos on mobile. But when the docs demos include Leches controls, the Leches controls mostly cover the demo visuals.\r\n\r\n[From Lensflare](https://deploy-preview-272--cientos-tresjs.netlify.app/guide/abstractions/lensflare.html):\r\n\r\n\u003Cimg width=\"322\" alt=\"Screenshot 2023-10-29 at 22 33 56\" src=\"https://github.com/Tresjs/cientos/assets/20469369/55599767-0d8d-456e-b681-810a37a270f3\">\r\n\r\n### Suggested solution\r\n\r\nI suggest that we extend Leches controls so that they can be embedded in the page below the demos. See highlighted area:\r\n\r\n\u003Cimg width=\"318\" alt=\"Screenshot 2023-10-29 at 22 41 46\" src=\"https://github.com/Tresjs/cientos/assets/20469369/1004d966-1e28-4776-b132-0e2c42255244\">\r\n\r\n### Additional requirements\r\n\r\n* the controls would be inserted into the [normal document flow](https://developer.mozilla.org/en-US/docs/Learn/CSS/CSS_layout/Normal_Flow), so that they don't overlap other content\r\n* the controls' styling would reflect the dark/light theme choices of the user\r\n\r\n\r\n### Alternative\r\n\r\nLeave as is.\r\n\r\n### Validations\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.",[3055],{"name":3056,"color":3057},"docs","0075ca",273,"cientos","Embed Leches controls under docs demos","2024-04-02T07:13:11Z","https://github.com/Tresjs/cientos/issues/273",0.7267334,{"description":3065,"labels":3066,"number":3067,"owner":3028,"repository":3029,"state":3030,"title":3068,"updated_at":3069,"url":3070,"score":3071},"### Description\r\n\r\nHey there,\r\nTres looks amazing. Great work!\r\n\r\nI'd love to switch to Tres, but my application uses multiple canvas elements, each rendering a different camera perspectives to the same scene. Of what I read in the docs & source code, TresCanvas creates its own scene and doesn't share it with other TresCanvas instances. I'd love to see TresCanvas taking scene as an optional prop, but I can also imagine that there might be a lot of side effects coming with such a change.\r\n\r\nWhat do you think of it? Edge case that's hard to implement or easy and viable for the ecosystem?\r\n\r\nHave a great day!\r\nMarc\r\n\r\n\r\n### Suggested solution\r\n\r\n`/src/components/TresCanvas.vue`\r\n```ts\r\nconst props = withDefaults(defineProps\u003CTresCanvasProps>(), {\r\n ...,\r\n scene: new Scene() // TresScene | Scene\r\n})\r\n```\r\nI already know, I'm missing out on component lifecycle handling. I just wanted to point in the direction this is going.\r\n\r\n### Alternative\r\n\r\n_No response_\r\n\r\n### Additional context\r\n\r\nI think this is somehow the reverse request to [Portal](https://github.com/Tresjs/tres/issues/789)\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.",[],842,"Decouple scene from canvas","2024-10-17T14:16:20Z","https://github.com/Tresjs/tres/issues/842",0.72714204,{"description":3073,"labels":3074,"number":3079,"owner":3028,"repository":3059,"state":3030,"title":3080,"updated_at":3081,"url":3082,"score":3083},"### 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.",[3075,3078],{"name":3076,"color":3077},"bug","d73a4a",{"name":3056,"color":3057},368,"[Docs] - HTML examples are broken ","2024-07-18T08:07:36Z","https://github.com/Tresjs/cientos/issues/368",0.7294626,{"description":3085,"labels":3086,"number":3091,"owner":3028,"repository":3029,"state":3092,"title":3093,"updated_at":3094,"url":3095,"score":3096},"### Describe the bug\n\nI tried writing this code into `Tresjs v 4.0.2` I think this issue and issue #727 have a common cause\r\n```vue\r\n \u003CTresGroup>\r\n \u003CTresMesh\r\n :position=\"[0, 0, 0]\"\r\n @click=\"onClick\"\r\n @double-click=\"onDoubleClick\"\r\n @pointer-enter=\"onPointerEnter\"\r\n @pointer-leave=\"onPointerLeave\"\r\n @pointer-move=\"onPointerMove\"\r\n @context-menu=\"onContextMenu\"\r\n @pointer-missed=\"onPointerMissed\"\r\n >\r\n \u003CTresBoxGeometry :args=\"[1, 1, 1]\" />\r\n \u003CTresMeshToonMaterial color=\"#efefef\" />\r\n \u003C/TresMesh>\r\n \u003C/TresGroup>\r\n```\r\nOnly `@pointer-missed` has been triggered during this process\r\n\r\nhttps://github.com/Tresjs/tres/assets/59913119/8ca05964-6e9d-4443-a1d8-7e543aebb5fe\r\n\r\n\n\n### Reproduction\n\nhttps://stackblitz.com/~/github.com/hexianWeb/starter\n\n### Steps to reproduce\n\nswitch the branch to the `bug` branch, or just copy this code into `TheExperience.vue`\r\n```vue \r\n \u003CTresGroup>\r\n \u003CTresMesh\r\n :position=\"[0, 0, 0]\"\r\n @click=\"onClick\"\r\n @double-click=\"onDoubleClick\"\r\n @pointer-enter=\"onPointerEnter\"\r\n @pointer-leave=\"onPointerLeave\"\r\n @pointer-move=\"onPointerMove\"\r\n @context-menu=\"onContextMenu\"\r\n @pointer-missed=\"onPointerMissed\"\r\n >\r\n \u003CTresBoxGeometry :args=\"[1, 1, 1]\" />\r\n \u003CTresMeshToonMaterial color=\"#efefef\" />\r\n \u003C/TresMesh>\r\n \u003C/TresGroup>\r\n```\r\nand remove the `TresGroup` near camera\r\n```vue\r\n \u003CTresGroup>\r\n \u003CTresPerspectiveCamera :position=\"[5, 5, 5]\" />\r\n \u003C/TresGroup>\r\n```\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.",[3087,3088],{"name":3076,"color":3077},{"name":3089,"color":3090},"p5-urgent-bug","B60205",728,"closed","`Event` is not triggered in `TresGroup`","2024-07-16T18:52:11Z","https://github.com/Tresjs/tres/issues/728",0.7079871,{"description":3098,"labels":3099,"number":3103,"owner":3028,"repository":3029,"state":3092,"title":3104,"updated_at":3105,"url":3106,"score":3107},"### Description\n\nCurrently, \u003Cprimitive> does not support pointer event handlers.\n\n### Suggested solution\n\nPointer event handlers should work on \u003Cprimitive> just like the do on component that inherit from Object3Ds.\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.",[3100],{"name":3101,"color":3102},"v4","7980EA",402,"Allow pointer event handlers on \u003Cprimitive>","2024-01-07T14:57:49Z","https://github.com/Tresjs/tres/issues/402",0.7143788,{"description":3109,"labels":3110,"number":3111,"owner":3028,"repository":3029,"state":3092,"title":3112,"updated_at":3113,"url":3114,"score":3115},"### Description\r\n\r\nBased on https://github.com/orgs/Tresjs/discussions/321\r\n\r\nAs a plugin author, I will like to have a reactive state with the following characteristics:\r\n\r\n- Performant, (use of `shallowRef` where needed)\r\n- read-only\r\n- Strictly Typed\r\n- Reduce side effects on watchers\r\n- Needs to work on cientos and the rest of ecosystem via `provide/inject` \r\n\r\n### Suggested solution\r\n\r\n| Name | Type | Requirement | Details |\r\n| ---------------------------------- | -------------------- | ----------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------- |\r\n| scene | readonly, shallowRef | essential | |\r\n| cameras | readonly, shallowRef | essential | userData.TRES_IS_ACTIVE_CAMERA = true\u003Cbr>const cameras = shallowRef([]) return { cameras: readonly(cameras)} |\r\n| camera | computed, readonly | essential | |\r\n| pushCamera(newCamera: Camera, setActive: boolean) | function | essential | cameras should be watched and removed from the cameras array if they got removed from the scene |\r\n| removeCamera(camera: Camera) | function | essential ||\r\n| setCamera(cameraId string) | function | essential ||\r\n| renderer | readonly, shallowRef | essential | setRenderer(renderer: Renderer)\u003Cbr>maybe only callable once? |\r\n| setRenderer(renderer: Renderer) | function | essential ||\r\n| sizes (height, width, aspectRatio) | readonly | handy | sizes: {\u003Cbr> height: Ref\u003Cnumber>\u003Cbr> width: Ref\u003Cnumber>\u003Cbr> aspectRatio: Computed\u003Cnumber>\u003Cbr>} |\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.",[],331,"New and better state context provider","2023-07-29T08:58:56Z","https://github.com/Tresjs/tres/issues/331",0.71586865,{"description":3117,"labels":3118,"number":3122,"owner":3028,"repository":3029,"state":3092,"title":3123,"updated_at":3124,"url":3125,"score":3126},"At the moment is not possible to have 2 or more \u003CTresCanvas/>` on the same page. \n\nShould be easier now that is a custom renderer, my wild guess is that composable is being shared between the two instances, so the second one doesn't create a singleton. v1 Also is not possible\n\nThis is a nice to have.\n\n",[3119],{"name":3120,"color":3121},"v2","FEE22E",153,"Multiple canvas in same page","2023-04-05T13:41:40Z","https://github.com/Tresjs/tres/issues/153",0.7162934,{"description":3128,"labels":3129,"number":3132,"owner":3028,"repository":3029,"state":3092,"title":3133,"updated_at":3134,"url":3135,"score":3136},"### 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.",[3130,3131],{"name":3039,"color":3040},{"name":3042,"color":3043},310,"Black Canvas in Firefox","2023-06-20T07:13:04Z","https://github.com/Tresjs/tres/issues/310",0.7176155,["Reactive",3138],{},["Set"],["ShallowReactive",3141],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fhrk647k4bsRtoxa_9BEdk5LfCkbksK6c_9C0jEQloCk":-1},"/Tresjs/tres/884"]