`](https://drei.docs.pmnd.rs/staging/bounds#bounds) would be welcome.\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.",[3034,3037],{"name":3035,"color":3036},"feature","c2e0c6",{"name":3038,"color":3039},"p2-nice-to-have","D4C5F9",408,"\u003CBounds />","2024-12-17T18:07:35Z","https://github.com/Tresjs/cientos/issues/408",0.72928053,{"description":3046,"labels":3047,"number":3058,"owner":3015,"repository":3026,"state":3017,"title":3059,"updated_at":3060,"url":3061,"score":3062},"### Description\n\nHow to use vue-cli\n\n### Suggested solution\n\nHow to use vue-cli\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.",[3048,3049,3052,3055],{"name":3009,"color":3010},{"name":3050,"color":3051},"help wanted","008672",{"name":3053,"color":3054},"PR welcome","2D76B0",{"name":3056,"color":3057},"p2-edge-case","ABCC40",754,"How to use vue-cli","2024-08-21T09:51:50Z","https://github.com/Tresjs/tres/issues/754",0.73399264,{"description":3064,"labels":3065,"number":3066,"owner":3015,"repository":3016,"state":3017,"title":3067,"updated_at":3068,"url":3069,"score":3070},"### Description\n\nAs a developer using TresJS / cientos, I would like to have a TrackballControls component similar to OrbitControls.\n\nsee Threejs: https://threejs.org/docs/#examples/en/controls/TrackballControls\n\n### Suggested solution\n\nSince the TrackballControl source is very similar to OrbitControl, I took the source of OrbitControls.vue.d.ts and adjusted it slightly. That version works in my application and I can use it directly like OrbitControls.\n\n`\n\u003CTresCanvas\">\n \u003CTresPerspectiveCamera/>\n \u003CVisuTrackBallControls />\n \u003C/TresPerspectiveCamera>\n \u003C/TresCanvas>\n`\n\n[VisuTrackBallControls.vue.txt](https://github.com/user-attachments/files/18799562/VisuTrackBallControls.vue.txt)\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.",[],595,"Add TrackballControls to Cientos","2025-02-14T13:18:40Z","https://github.com/Tresjs/cientos/issues/595",0.7370311,{"description":3072,"labels":3073,"number":3074,"owner":3015,"repository":3026,"state":3075,"title":3076,"updated_at":3077,"url":3078,"score":3079},"### Description\n\nI would like to have a version for Babylon.js\n\n### Suggested solution\n\nI'm currently learning Babylon.js and have noticed some differences in terms of mesh events between Three.js and Babylon.js. Unlike Three.js, Babylon.js provides a mechanism similar to the actionManager on its meshes. I'm curious to know if Cientos has a similar feature. I'm looking forward to seeing how the combination of Vue with Babylon.js will eventually shape a project\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.",[],502,"closed","Are you considering providing a version for Babylon.js after completing this project?","2024-01-10T10:59:15Z","https://github.com/Tresjs/tres/issues/502",0.7240992,{"description":3081,"labels":3082,"number":3089,"owner":3015,"repository":3026,"state":3075,"title":3090,"updated_at":3091,"url":3092,"score":3093},"### 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.",[3083,3086],{"name":3084,"color":3085},"question","d876e3",{"name":3087,"color":3088},"waiting for author","B145BC",310,"Black Canvas in Firefox","2023-06-20T07:13:04Z","https://github.com/Tresjs/tres/issues/310",0.7245355,{"description":3095,"labels":3096,"number":3103,"owner":3015,"repository":3026,"state":3075,"title":3104,"updated_at":3105,"url":3106,"score":3107},"### Description\n\nTo nudge users and contributors to use `shallowRef` over `ref`, convert `ref(TresObject)` to `shallowRef(TresObject)` in the docs and playgrounds.\r\n\r\n## Context\r\n\r\nAccording to the Vue docs:\r\n\r\n> shallowRef() is typically used for performance optimizations of large data structures, or integration with external state management systems.\r\n\r\nhttps://vuejs.org/api/reactivity-advanced.html\r\n\r\n`TresObject`s are \"large data structures\". Each one typically holds a reference to `context`, which contains `scene`, `renderer`, etc.\r\n\r\nAfter a rough regex search for `\\bref\\b`, it appears that the Tres docs and playgrounds have 100+ occurrences of `ref(TresObject)`. Many of those can be converted to `shallowRef(TresObject)` with no loss of intent/functionality.\r\n\r\n## Meta\r\n\r\nDiscussed among the core team on Discord\n\n### Suggested solution\n\nConvert ref(TresObject) to shallowRef(TresObject) in the docs and playgrounds.\n\n### Alternative\n\nLeave as is.\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.",[3097,3100],{"name":3098,"color":3099},"performance","3F1D85",{"name":3101,"color":3102},"p1-chore","BFD4F2",778,"Docs/playgrounds: change `ref(TresObject)` to `shallowRef(TresObject)`","2024-07-17T09:31:19Z","https://github.com/Tresjs/tres/issues/778",0.72491,{"description":3109,"labels":3110,"number":3117,"owner":3015,"repository":3118,"state":3075,"title":3119,"updated_at":3120,"url":3121,"score":3122},"Move the following demos to the docs.\r\n\r\n- [x] Animations\r\n- [x] Basic Shaders\r\n- [x] Events\r\n- [x] GLTF Model\r\n- [x] Lights\r\n- [x] Text3D\r\n- [x] UseAnimations\r\n- [x] Smoke Demos",[3111,3114],{"name":3112,"color":3113},"enhancement","a2eeef",{"name":3115,"color":3116},"v4","A0E697",87,"lab","Remove basic demos","2024-01-29T10:10:44Z","https://github.com/Tresjs/lab/issues/87",0.72915035,{"description":3124,"labels":3125,"number":3134,"owner":3015,"repository":3026,"state":3075,"title":3135,"updated_at":3136,"url":3137,"score":3138},"### Describe the bug\n\n```\r\n \u003CTresMesh\r\n v-for=\"(player, key) in players\"\r\n :key=\"key\"\r\n :scale=\"1\"\r\n cast-shadow\r\n :position=\"[player.x, player.y, player.z]\"\r\n >\r\n \u003CTresBoxGeometry :args=\"[1, 1, 1]\" />\r\n \u003CTresMeshNormalMaterial />\r\n \u003C/TresMesh>\r\n```\r\n\r\nIf players increase size (new player) is not being added to the scene\r\n\r\n\n\n### Reproduction\n\nhttps://stackblitz.com/edit/node-7ddska?file=src%2Fviews%2FHomeView.vue\n\n### Steps to reproduce\n\nHit key \"R\", you will see the list on top increase but not the amount of boxes\n\n### System Info\n\n```shell\nSystem:\r\n OS: Linux 5.0 undefined\r\n CPU: (2) 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: 16.14.2 - /usr/local/bin/node\r\n Yarn: 1.22.19 - /usr/local/bin/yarn\r\n npm: 9.4.2 - /usr/local/bin/npm\r\n npmPackages:\r\n @tresjs/cientos: ^2.0.0 => 2.0.0 \r\n @tresjs/core: ^2.0.0 => 2.0.0 \r\n\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.",[3126,3127,3130,3131],{"name":3009,"color":3010},{"name":3128,"color":3129},"good first issue","7057ff",{"name":3050,"color":3051},{"name":3132,"color":3133},"community","DC9921",284,"v-for of meshes doesn't add new instances to scene ","2023-06-09T11:39:28Z","https://github.com/Tresjs/tres/issues/284",0.73132724,["Reactive",3140],{},["Set"],["ShallowReactive",3143],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fdGT13MZ41l8V2x3cqlwfI_8L5IUGX_NxSV09q_IuNW8":-1},"/Tresjs/nuxt/141"]