\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.",[2885,2888,2891],{"name":2886,"color":2887},"question","d876e3",{"name":2889,"color":2890},"waiting for author","B145BC",{"name":2871,"color":2872},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":2898,"labels":2899,"number":2900,"owner":2860,"repository":2901,"state":2862,"title":2902,"updated_at":2903,"url":2904,"score":2905},"\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":2907,"labels":2908,"number":2909,"owner":2860,"repository":2901,"state":2862,"title":2910,"updated_at":2911,"url":2912,"score":2913},"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":2915,"labels":2916,"number":2923,"owner":2860,"repository":2924,"state":2925,"title":2926,"updated_at":2927,"url":2928,"score":2929},"### 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.",[2917,2920],{"name":2918,"color":2919},"v4","EEF2B0",{"name":2921,"color":2922},"breaking-change","5319E7",227,"cientos","closed","Improve KeyboardControls","2024-09-04T13:43:10Z","https://github.com/Tresjs/cientos/issues/227",0.6820652,{"description":2931,"labels":2932,"number":2936,"owner":2860,"repository":2924,"state":2925,"title":2937,"updated_at":2938,"url":2939,"score":2940},"### 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.",[2933],{"name":2934,"color":2935},"good first issue","7057ff",209,"Global audio component","2023-10-05T21:05:09Z","https://github.com/Tresjs/cientos/issues/209",0.68318224,{"description":2942,"labels":2943,"number":2948,"owner":2860,"repository":2924,"state":2925,"title":2949,"updated_at":2950,"url":2951,"score":2952},"### 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.",[2944,2945],{"name":2934,"color":2935},{"name":2946,"color":2947},"p2-nice-to-have","D4C5F9",247,"Sprite component","2024-06-07T14:02:38Z","https://github.com/Tresjs/cientos/issues/247",0.6995063,{"description":2954,"labels":2955,"number":2962,"owner":2860,"repository":2877,"state":2925,"title":2963,"updated_at":2964,"url":2965,"score":2966},"### 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.",[2956,2959],{"name":2957,"color":2958},"bug","d73a4a",{"name":2960,"color":2961},"p5-urgent-bug","B60205",728,"`Event` is not triggered in `TresGroup`","2024-07-16T18:52:11Z","https://github.com/Tresjs/tres/issues/728",0.70074177,{"description":2968,"labels":2969,"number":2978,"owner":2860,"repository":2924,"state":2925,"title":2979,"updated_at":2980,"url":2981,"score":2982},"### 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.",[2970,2973,2974,2975],{"name":2971,"color":2972},"feature","c2e0c6",{"name":2918,"color":2919},{"name":2921,"color":2922},{"name":2976,"color":2977},"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",2984],{},["Set"],["ShallowReactive",2987],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$f6grs26qEjqPY0vUzcg7xg8u7imujgIYtXu46vunXy1U":-1},"/Tresjs/tres/939"]