\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.",[3047,3050,3053],{"name":3048,"color":3049},"question","d876e3",{"name":3051,"color":3052},"waiting for author","B145BC",{"name":3033,"color":3034},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":3060,"labels":3061,"number":3062,"owner":3022,"repository":3063,"state":3024,"title":3064,"updated_at":3065,"url":3066,"score":3067},"\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":3069,"labels":3070,"number":3071,"owner":3022,"repository":3063,"state":3024,"title":3072,"updated_at":3073,"url":3074,"score":3075},"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":3077,"labels":3078,"number":3085,"owner":3022,"repository":3086,"state":3087,"title":3088,"updated_at":3089,"url":3090,"score":3091},"### 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.",[3079,3082],{"name":3080,"color":3081},"v4","EEF2B0",{"name":3083,"color":3084},"breaking-change","5319E7",227,"cientos","closed","Improve KeyboardControls","2024-09-04T13:43:10Z","https://github.com/Tresjs/cientos/issues/227",0.6820652,{"description":3093,"labels":3094,"number":3098,"owner":3022,"repository":3086,"state":3087,"title":3099,"updated_at":3100,"url":3101,"score":3102},"### 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.",[3095],{"name":3096,"color":3097},"good first issue","7057ff",209,"Global audio component","2023-10-05T21:05:09Z","https://github.com/Tresjs/cientos/issues/209",0.6831822,{"description":3104,"labels":3105,"number":3110,"owner":3022,"repository":3086,"state":3087,"title":3111,"updated_at":3112,"url":3113,"score":3114},"### 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.",[3106,3107],{"name":3096,"color":3097},{"name":3108,"color":3109},"p2-nice-to-have","D4C5F9",247,"Sprite component","2024-06-07T14:02:38Z","https://github.com/Tresjs/cientos/issues/247",0.69950634,{"description":3116,"labels":3117,"number":3124,"owner":3022,"repository":3039,"state":3087,"title":3125,"updated_at":3126,"url":3127,"score":3128},"### 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.",[3118,3121],{"name":3119,"color":3120},"bug","d73a4a",{"name":3122,"color":3123},"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":3130,"labels":3131,"number":3140,"owner":3022,"repository":3086,"state":3087,"title":3141,"updated_at":3142,"url":3143,"score":3144},"### 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.",[3132,3135,3136,3137],{"name":3133,"color":3134},"feature","c2e0c6",{"name":3080,"color":3081},{"name":3083,"color":3084},{"name":3138,"color":3139},"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",3146],{},["Set"],["ShallowReactive",3149],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$f6grs26qEjqPY0vUzcg7xg8u7imujgIYtXu46vunXy1U":-1},"/Tresjs/tres/939"]