\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.",[3168,3171,3174],{"name":3169,"color":3170},"question","d876e3",{"name":3172,"color":3173},"waiting for author","B145BC",{"name":3154,"color":3155},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.71584904,{"description":3181,"labels":3182,"number":3183,"owner":3143,"repository":3184,"state":3145,"title":3185,"updated_at":3186,"url":3187,"score":3188},"\r\n\r\nCurrently , my only solution is change import \r\nimport { TresCanvas as TC, TresCanvasProps } from '@tresjs/core';\r\n\r\nTo\r\nimport { TresCanvas as TC } from '@tresjs/core';\r\nimport { TresCanvasProps } from '@tresjs/core/dist/components/TresCanvas.vue';\r\n\r\nHave anyone same problem when run experiments ? I tried on Window 10 , node 19.6 and Mac 18.16 have same problem and solution :/ \r\n\r\n",[],54,"lab","Unresolvable type reference TresCanvasProps ","2023-07-18T03:21:05Z","https://github.com/Tresjs/lab/issues/54",0.7177407,{"description":3190,"labels":3191,"number":3192,"owner":3143,"repository":3184,"state":3145,"title":3193,"updated_at":3194,"url":3195,"score":3196},"The link \"Authoring experiments\" from the [README](https://github.com/Tresjs/lab/blob/main/README.md) is broken.\r\n\r\n## The Link\r\n\r\n\u003Cimg width=\"695\" alt=\"Screenshot 2024-03-15 at 15 42 13\" src=\"https://github.com/Tresjs/lab/assets/20469369/c83cd04b-d8c5-48ae-a2c9-bbdcf405f97f\">\r\n\r\n## Result\r\n\r\n\u003Cimg width=\"1471\" alt=\"Screenshot 2024-03-15 at 15 46 08\" src=\"https://github.com/Tresjs/lab/assets/20469369/66cf1468-a38a-4b34-83ac-f1487441d29b\">\r\n",[],109,"Broken link in README.md","2024-03-15T14:47:05Z","https://github.com/Tresjs/lab/issues/109",0.7211574,{"description":3198,"labels":3199,"number":3206,"owner":3143,"repository":3207,"state":3208,"title":3209,"updated_at":3210,"url":3211,"score":3212},"### Description\r\n\r\nKeyboardControls could be improved.\r\n\r\nCurrently, is not supporting [magic keys](https://vueuse.org/core/useMagicKeys/#usemagickeys). And remove the 2D mode\r\nCould use the camera as a group (like in the MouseParallax) for the jump function, and the headBobbing, and avoid fighting with cameras\r\nImprove the usability for thirdCamera Games\r\n\r\n\r\n### Suggested solution\r\n\r\n.\r\n\r\n### Alternative\r\n\r\nAny other alternative is considered\r\n\r\nWe don't take mobile functionality here, that will be in another issue\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/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.",[3200,3203],{"name":3201,"color":3202},"v4","EEF2B0",{"name":3204,"color":3205},"breaking-change","5319E7",227,"cientos","closed","Improve KeyboardControls","2024-09-04T13:43:10Z","https://github.com/Tresjs/cientos/issues/227",0.6820652,{"description":3214,"labels":3215,"number":3219,"owner":3143,"repository":3207,"state":3208,"title":3220,"updated_at":3221,"url":3222,"score":3223},"### Description\n\nAs a developer using Tresjs I would like to have a simple way to add a global sound.\n\n### Suggested solution\n\nAn abstraction of: https://threejs.org/docs/index.html?q=audio#api/en/audio/Audio\r\n\r\nYou could consider something like:\r\n\u003CAudio src=\"MYAUDIO_PATH.mp3\" :volume=\"0.3\" /> \r\n\r\nAs example\n\n### Alternative\n\nFeel free to suggest other alternatives\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.",[3216],{"name":3217,"color":3218},"good first issue","7057ff",209,"Global audio component","2023-10-05T21:05:09Z","https://github.com/Tresjs/cientos/issues/209",0.6831822,{"description":3225,"labels":3226,"number":3231,"owner":3143,"repository":3207,"state":3208,"title":3232,"updated_at":3233,"url":3234,"score":3235},"### Description\n\nAs a developer using Tresjs I would like to create sprite animations by cycling through a sequence of frames from a sprite sheet image or JSON data, so I could add sprites images to my 3D spaces.\n\n### Suggested solution\n\nInspired by: https://github.com/pmndrs/drei#sprite-animator\n\n### Alternative\n\nFeel free to suggest other alternatives\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.",[3227,3228],{"name":3217,"color":3218},{"name":3229,"color":3230},"p2-nice-to-have","D4C5F9",247,"Sprite component","2024-06-07T14:02:38Z","https://github.com/Tresjs/cientos/issues/247",0.69950634,{"description":3237,"labels":3238,"number":3245,"owner":3143,"repository":3160,"state":3208,"title":3246,"updated_at":3247,"url":3248,"score":3249},"### 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.",[3239,3242],{"name":3240,"color":3241},"bug","d73a4a",{"name":3243,"color":3244},"p5-urgent-bug","B60205",728,"`Event` is not triggered in `TresGroup`","2024-07-16T18:52:11Z","https://github.com/Tresjs/tres/issues/728",0.7007417,{"description":3251,"labels":3252,"number":3261,"owner":3143,"repository":3207,"state":3208,"title":3262,"updated_at":3263,"url":3264,"score":3265},"### Description\r\n\r\nAs a developer using `@tresjs/cientos` I would like to benefit from the new composable and loop logic introduced in v4 https://github.com/Tresjs/tres/pull/673 \r\n\r\n### Suggested solution\r\n\r\nUpdate the following abstractions\r\n\r\n- [x] Stats.ts\r\n- [x] StatsGL\r\n- [x] Ocean\r\n- [x] Smoke\r\n- [ ] useEnvironment\r\n- [ ] BakeShadows\r\n- [x] Html\r\n- [x] KeyboardControls\r\n- [ ] ContactShadows\r\n- [x] Levioso\r\n- [x] ScrollControls\r\n- [x] useAnimations\r\n- [x] Precipitation\r\n- [x] HolographicMaterial\r\n- [x] MeshWobbleMaterial\r\n- [x] OrbitControls\r\n- [x] MouseParallax\r\n- [x] CameraControls\r\n- [ ] MeshReflectionMaterial\r\n- [ ] Sparkles\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/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.",[3253,3256,3257,3258],{"name":3254,"color":3255},"feature","c2e0c6",{"name":3201,"color":3202},{"name":3204,"color":3205},{"name":3259,"color":3260},"p3-significant","2C78E3",421,"Adapt abstractions to `useLoop` instead of `useRenderLoop`","2024-08-28T19:21:42Z","https://github.com/Tresjs/cientos/issues/421",0.70089847,["Reactive",3267],{},["Set"],["ShallowReactive",3270],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$f6grs26qEjqPY0vUzcg7xg8u7imujgIYtXu46vunXy1U":-1},"/Tresjs/tres/939"]