\r\n \u003CTresOrbitControls\r\n v-if=\"state.renderer\"\r\n :args=\"[state.camera, state.renderer?.domElement]\"\r\n />\r\n \u003C/TresCanvas>\r\n\u003C/template>\r\n```\r\n\r\n## Error\r\n\r\n```\r\nUncaught (in promise) Error: useTresContext must be used together with useTresContextProvider\r\n at @tresjs_core.js:482\r\n setup TheExperience.vue:7\r\n callWithErrorHandling chunk-QSL5RKHU.js:1552\r\n setupStatefulComponent chunk-QSL5RKHU.js:8620\r\n setupComponent chunk-QSL5RKHU.js:8581\r\n mountComponent chunk-QSL5RKHU.js:6983\r\n processComponent chunk-QSL5RKHU.js:6949\r\n patch chunk-QSL5RKHU.js:6422\r\n patchSuspense chunk-QSL5RKHU.js:2665\r\n process chunk-QSL5RKHU.js:2468\r\n patch chunk-QSL5RKHU.js:6447\r\n componentUpdateFn chunk-QSL5RKHU.js:7157\r\n run chunk-QSL5RKHU.js:422\r\n update chunk-QSL5RKHU.js:7198\r\n callWithErrorHandling chunk-QSL5RKHU.js:1552\r\n flushJobs chunk-QSL5RKHU.js:1750\r\n promise callback*queueFlush chunk-QSL5RKHU.js:1663\r\n queueJob chunk-QSL5RKHU.js:1657\r\n reload chunk-QSL5RKHU.js:1856\r\n tryWrap chunk-QSL5RKHU.js:1886\r\n \u003Canonymous> TheExperience.vue:106\r\n accept client.ts:559\r\n fetchUpdate client.ts:476\r\n queueUpdate client.ts:323\r\n queueUpdate client.ts:323\r\n handleMessage client.ts:176\r\n handleMessage client.ts:174\r\n setupWebSocket client.ts:91\r\n```\r\n\r\n\u003Cimg width=\"615\" alt=\"Screenshot 2024-03-05 at 18 59 21\" src=\"https://github.com/Tresjs/tres/assets/20469369/139cdb49-10c6-4896-b02c-77bf76746fb9\">\r\n\r\n## Related\r\n\r\n#565\r\n\r\n## Meta\r\n\r\nThe thrown error is distinct from #565, so I've created this new issue. Merge with #565?\r\n\n\n### Reproduction\n\nhttps://stackblitz.com/edit/tresjs-basic-u2evxe?file=src%2FApp.vue\n\n### Steps to reproduce\n\n* Open StackBlitz\r\n* Open console\r\n* See error\n\n### System Info\n\n```shell\nSystem:\r\n OS: Linux 5.0 undefined\r\n CPU: (8) x64 Intel(R) Core(TM) i9-9880H CPU @ 2.30GHz\r\n Memory: 0 Bytes / 0 Bytes\r\n Shell: 1.0 - /bin/jsh\r\n Binaries:\r\n Node: 18.18.0 - /usr/local/bin/node\r\n Yarn: 1.22.19 - /usr/local/bin/yarn\r\n npm: 10.2.3 - /usr/local/bin/npm\r\n pnpm: 8.15.3 - /usr/local/bin/pnpm\r\n npmPackages:\r\n @tresjs/cientos: ^3.5.1 => 3.5.1 \r\n @tresjs/core: ^3.4.1 => 3.4.1 \r\n @tresjs/eslint-config-vue: ^0.2.1 => 0.2.1 \r\n vite: ^4.5.0 => 4.5.0 \r\n```\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.",[2916,2919],{"name":2917,"color":2918},"docs","0075ca",{"name":2920,"color":2921},"demos","46E0C1",577,"closed","Tres docs' cookbook/orbit-controls code throws error","2024-03-07T17:25:24Z","https://github.com/Tresjs/tres/issues/577",0.68598807,{"description":2929,"labels":2930,"number":2931,"owner":2868,"repository":2869,"state":2923,"title":2932,"updated_at":2933,"url":2934,"score":2935},"### Describe the bug\n\nIn our project we render many sphere meshes and clicking on them will change the color. They are rendered using v-for. Clicking to change the color works for the first 47 spheres but any more added above that do not work.\n\n### Reproduction\n\nhttps://stackblitz.com/edit/vitejs-vite-gstaas?file=src%2FApp.vue\n\n### Steps to reproduce\n\nTo reproduce, open the reproduction link in a Chromium browser.\r\nI have colored the first 47 spheres yellow. You can click these to change the color.\r\nI have colored an additional 3 spheres purple. Clicking these won't change the color.\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.",[],556,"v-for doesn't rerender color after 47 elements","2024-02-18T00:39:12Z","https://github.com/Tresjs/tres/issues/556",0.69191945,{"description":2937,"labels":2938,"number":2945,"owner":2868,"repository":2946,"state":2923,"title":2947,"updated_at":2948,"url":2949,"score":2950},"### 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.",[2939,2942],{"name":2940,"color":2941},"v4","EEF2B0",{"name":2943,"color":2944},"breaking-change","5319E7",227,"cientos","Improve KeyboardControls","2024-09-04T13:43:10Z","https://github.com/Tresjs/cientos/issues/227",0.6962972,{"description":2952,"labels":2953,"number":2959,"owner":2868,"repository":2946,"state":2923,"title":2960,"updated_at":2961,"url":2962,"score":2963},"### Description\n\nAs a developer of Tres/Cientos, I would like reorganizations to be simpler.\r\n\r\nMoving a component from one category to another requires a lot of changes (12) to the codebase:\r\n\r\n\u003Cimg width=\"235\" alt=\"Screenshot 2024-04-10 at 18 19 42\" src=\"https://github.com/Tresjs/cientos/assets/20469369/d40dcd09-e622-4ec1-bb08-457b2cf8788a\">\n\n### Suggested solution\n\n## Flatten the file structure\r\n\r\n* Move all components from `/src/core` and `/src/componsables` to `/src`\r\n* Move all components from `/playground/pages/*` to `/playground/pages`\r\n* Move all .md files from `/docs/guide/*` to `/docs/guide`\r\n* Update `index.ts` etc. to reflect the changes\r\n\r\n## Maintain the views/routes\r\n\r\nThe views/routes in the docs and playground would remain unchanged for the user.\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.",[2954,2956],{"name":2879,"color":2955},"D0359D",{"name":2957,"color":2958},"p1-chore","BFD4F2",381,"Reorganize: keep views/routes, flatten file structure?","2024-04-16T15:36:57Z","https://github.com/Tresjs/cientos/issues/381",0.7070888,{"description":2965,"labels":2966,"number":2973,"owner":2868,"repository":2869,"state":2923,"title":2974,"updated_at":2975,"url":2976,"score":2977},"### 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.",[2967,2970],{"name":2968,"color":2969},"question","d876e3",{"name":2971,"color":2972},"waiting for author","B145BC",310,"Black Canvas in Firefox","2023-06-20T07:13:04Z","https://github.com/Tresjs/tres/issues/310",0.7071525,{"description":2979,"labels":2980,"number":2984,"owner":2868,"repository":2985,"state":2923,"title":2986,"updated_at":2987,"url":2988,"score":2989},"**Is your feature request related to a problem? Please describe.**\r\nThe existing effects have some code parts in common that can probably be shared.\r\n\r\n**Describe the solution you'd like**\r\nShare common code parts.",[2981],{"name":2982,"color":2983},"enhancement","a2eeef",59,"post-processing","Refactor existing effects","2023-12-17T21:31:05Z","https://github.com/Tresjs/post-processing/issues/59",0.7080069,["Reactive",2991],{},["Set"],["ShallowReactive",2994],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$f6ok4gKoTeWgrAOBAILefw-7PpVZA0wiUe5SeI9io0gg":-1},"/Tresjs/tres/360"]