`](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.",[2878,2881],{"name":2879,"color":2880},"feature","c2e0c6",{"name":2882,"color":2883},"p2-nice-to-have","D4C5F9",408,"\u003CBounds />","2024-12-17T18:07:35Z","https://github.com/Tresjs/cientos/issues/408",0.72928053,{"description":2890,"labels":2891,"number":2902,"owner":2859,"repository":2870,"state":2861,"title":2903,"updated_at":2904,"url":2905,"score":2906},"### 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.",[2892,2893,2896,2899],{"name":2853,"color":2854},{"name":2894,"color":2895},"help wanted","008672",{"name":2897,"color":2898},"PR welcome","2D76B0",{"name":2900,"color":2901},"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":2908,"labels":2909,"number":2910,"owner":2859,"repository":2860,"state":2861,"title":2911,"updated_at":2912,"url":2913,"score":2914},"### 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":2916,"labels":2917,"number":2918,"owner":2859,"repository":2870,"state":2919,"title":2920,"updated_at":2921,"url":2922,"score":2923},"### 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":2925,"labels":2926,"number":2933,"owner":2859,"repository":2870,"state":2919,"title":2934,"updated_at":2935,"url":2936,"score":2937},"### 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.",[2927,2930],{"name":2928,"color":2929},"question","d876e3",{"name":2931,"color":2932},"waiting for author","B145BC",310,"Black Canvas in Firefox","2023-06-20T07:13:04Z","https://github.com/Tresjs/tres/issues/310",0.7245355,{"description":2939,"labels":2940,"number":2947,"owner":2859,"repository":2870,"state":2919,"title":2948,"updated_at":2949,"url":2950,"score":2951},"### 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.",[2941,2944],{"name":2942,"color":2943},"performance","3F1D85",{"name":2945,"color":2946},"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":2953,"labels":2954,"number":2961,"owner":2859,"repository":2962,"state":2919,"title":2963,"updated_at":2964,"url":2965,"score":2966},"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",[2955,2958],{"name":2956,"color":2957},"enhancement","a2eeef",{"name":2959,"color":2960},"v4","A0E697",87,"lab","Remove basic demos","2024-01-29T10:10:44Z","https://github.com/Tresjs/lab/issues/87",0.72915035,{"description":2968,"labels":2969,"number":2978,"owner":2859,"repository":2870,"state":2919,"title":2979,"updated_at":2980,"url":2981,"score":2982},"### 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.",[2970,2971,2974,2975],{"name":2853,"color":2854},{"name":2972,"color":2973},"good first issue","7057ff",{"name":2894,"color":2895},{"name":2976,"color":2977},"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",2984],{},["Set"],["ShallowReactive",2987],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fdGT13MZ41l8V2x3cqlwfI_8L5IUGX_NxSV09q_IuNW8":-1},"/Tresjs/nuxt/141"]