\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,"Tresjs","cientos","open","Add TrackballControls to Cientos","2025-02-14T13:18:40Z","https://github.com/Tresjs/cientos/issues/595",0.73247236,{"description":2876,"labels":2877,"number":2881,"owner":2868,"repository":2882,"state":2870,"title":2883,"updated_at":2884,"url":2885,"score":2886},"Inspiration \r\n\r\nhttps://codepen.io/prisoner849/pen/poNXPyv\r\n\r\n\r\n",[2878],{"name":2879,"color":2880},"demo","CAC7AC",84,"lab","Light Bloom example","2023-12-15T13:49:28Z","https://github.com/Tresjs/lab/issues/84",0.73762053,{"description":2888,"labels":2889,"number":2899,"owner":2868,"repository":2900,"state":2870,"title":2901,"updated_at":2902,"url":2903,"score":2904},"### Describe the bug\n\nI tried writing this code in `tresjs v 4.0.2`\r\n```vue \u003CTresGroup>\r\n \u003CTresPerspectiveCamera :position=\"[5, 5, 5]\" />\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.",[2890,2893,2896],{"name":2891,"color":2892},"question","d876e3",{"name":2894,"color":2895},"waiting for author","B145BC",{"name":2897,"color":2898},"p2-edge-case","ABCC40",727,"tres","`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.73834413,{"description":2906,"labels":2907,"number":2914,"owner":2868,"repository":2900,"state":2870,"title":2915,"updated_at":2916,"url":2917,"score":2918},"### Description\n\nDocs need a little bit of caring for v4\r\nSame for playgrounds\n\n### Suggested solution\n\n- [ ] Remove playground section on https://docs.tresjs.org/guide/#playground\r\n- [x] Remove basic demos from playground https://playground.tresjs.org/\r\n- [ ] Move Events demo from playground to docs (use sandbox)\r\n- [ ] Change naming sandbox to playground\r\n- [ ] Playground is gonna be Showcase/MadeWithTres\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.",[2908,2911],{"name":2909,"color":2910},"docs","0075ca",{"name":2912,"color":2913},"v4","7980EA",494,"Improvements Docs","2024-03-28T11:19:18Z","https://github.com/Tresjs/tres/issues/494",0.74291366,{"description":2920,"labels":2921,"number":2928,"owner":2868,"repository":2929,"state":2870,"title":2930,"updated_at":2931,"url":2932,"score":2933},"### Describe the bug\n\nWhile working on the `Joint` I wanted to reproduce the same custom collider exportation, and when I wanted to watch the `Joint` props, I wasn't able to do so...\r\n\r\nI figured that the Vue component `setup function` needs a `Proxy` as the first parameter to **reflect** changes and here:\r\nhttps://github.com/Tresjs/rapier/blob/main/src/components/colliders/index.ts#L29-L42\r\n```ts\r\nprops: {\r\n ...BaseCollider.props,\r\n shape: undefined,\r\n },\r\n setup(props, ctx) {\r\n return {\r\n ...BaseCollider?.setup?.(\r\n { ...props, shape } as Parameters\u003C\r\n Exclude\u003C(typeof BaseCollider)['setup'], undefined>\r\n >['0'],\r\n ctx,\r\n ),\r\n }\r\n },\r\n```\r\n\r\nWe are destructing it which is equivalent to passing a native `Object`\n\n### Reproduction\n\n---\n\n### Steps to reproduce\n\n---\n\n### System Info\n\n```shell\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/rapier/blob/main/CODE_OF_CONDUCT.md)\n- [X] Read the [Contributing Guidelines](https://github.com/Tresjs/rapier/blob/main/CONTRIBUTING.md).\n- [X] Read the [docs](https://rapier.tresjs.org/guide).\n- [X] Check that there isn't [already an issue](https://github.com/Tresjs/rapier/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.",[2922,2925],{"name":2923,"color":2924},"bug","d73a4a",{"name":2926,"color":2927},"collider","306B60",149,"rapier","Bug: custom collider props are not reactive anymore.","2024-11-19T23:52:46Z","https://github.com/Tresjs/rapier/issues/149",0.74845487,{"description":2935,"labels":2936,"number":2937,"owner":2868,"repository":2900,"state":2938,"title":2939,"updated_at":2940,"url":2941,"score":2942},"### Describe the bug\r\n\r\nI'm trying to create a gradient Fragment Shader using this\r\n\r\n```\r\nconst gradientMaterialVertexShader = `\r\nvarying vec2 vUv;\r\nvoid main() {\r\n gl_Position = projectionMatrix * modelViewMatrix * vec4(position,1.0);\r\n vUv = uv;\r\n}\r\n`;\r\n\r\nconst gradientMaterialFragmentShader = `\r\nvarying vec2 vUv;\r\nuniform vec3 fromColor;\r\nuniform vec3 toColor;\r\nvoid main() {\r\n gl_FragColor = vec4(mix(fromColor, toColor, vUv.y), 1.0);\r\n}\r\n`;\r\n```\r\n\r\nand\r\n\r\n```\r\n \u003CTresShaderMaterial\r\n :vertex-shader=\"gradientMaterialVertexShader\"\r\n :fragment-shader=\"gradientMaterialFragmentShader\"\r\n :uniforms=\"{\r\n fromColor: {value: new THREE.Color('#ffff00')},\r\n toColor: {value: new THREE.Color('#ff00ff')},\r\n }\"\r\n >\u003C/TresShaderMaterial>\r\n\r\n```\r\n\r\nbut the object has uniform color instead of a gradient. I'm not sure what I'm doing wrong, but I tried to do something similar to the fragment shader example on the playground\r\n\r\n### Reproduction\r\n\r\nhttps://stackblitz.com/edit/tresjs-shader-mthgxw?file=src%2Fcomponents%2Fshaders%2Ffragment.glsl,src%2Fcomponents%2FTheExperience.vue\r\n\r\n### Steps to reproduce\r\n\r\n_No response_\r\n\r\n### System Info\r\n\r\n_No response_\r\n\r\n### Used Package Manager\r\n\r\npnpm\r\n\r\n### Code of Conduct\r\n\r\n- [X] I agree to follow this project's [Code of Conduct](https://github.com/Tresjs/tres/blob/main/CODE_OF_CONDUCT.md)\r\n- [X] Read the [Contributing Guidelines](https://github.com/Tresjs/tres/blob/main/CONTRIBUTING.md).\r\n- [X] Read the [docs](https://tresjs.org/guide).\r\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.\r\n- [X] The provided reproduction is a [minimal reproducible example](https://stackoverflow.com/help/minimal-reproducible-example) of the bug.",[],481,"closed","Gradient shader doesn't work","2023-12-24T16:22:44Z","https://github.com/Tresjs/tres/issues/481",0.66110045,{"description":2944,"labels":2945,"number":2950,"owner":2868,"repository":2900,"state":2938,"title":2951,"updated_at":2952,"url":2953,"score":2954},"### Describe the bug\n\nOrbitControls makes components coming after it in the template completely lose their component context on the nodeOps\r\nSo one can't use `useTres()` or even `getCurrentInstance()`.\n\n### Reproduction\n\nhttps://github.com/Tresjs/tres/tree/bugfix/282-raycaster-does-not-work-properly-when-scene-is-not-in-full-screen\n\n### Steps to reproduce\n\n- Run `TheEvents ` in the playground\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.",[2946,2947],{"name":2923,"color":2924},{"name":2948,"color":2949},"wontfix","ffffff",297,"OrbitControls makes components coming after it in the template completely lose their component context","2023-06-15T15:22:42Z","https://github.com/Tresjs/tres/issues/297",0.7088757,{"description":2956,"labels":2957,"number":2958,"owner":2868,"repository":2900,"state":2938,"title":2959,"updated_at":2960,"url":2961,"score":2962},"### 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.72360784,{"description":2964,"labels":2965,"number":2971,"owner":2868,"repository":2882,"state":2938,"title":2972,"updated_at":2973,"url":2974,"score":2975},"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",[2966,2969],{"name":2967,"color":2968},"enhancement","a2eeef",{"name":2912,"color":2970},"A0E697",87,"Remove basic demos","2024-01-29T10:10:44Z","https://github.com/Tresjs/lab/issues/87",0.7359421,{"description":2977,"labels":2978,"number":1059,"owner":2868,"repository":2869,"state":2938,"title":2979,"updated_at":2980,"url":2981,"score":2982},"**Is your feature request related to a problem? Please describe.**\r\nContinuing with the controls abstraction, will be useful to add MapControls to cientos catalog\r\n\r\n**Describe the solution you'd like**\r\n\u003CMapControls \r\nscreen-space-panning\r\n />\r\n\r\n**Suggested solution**\r\nSimilar to other controls already implemented\r\n\r\n",[],"MapControls abstraction","2023-05-03T17:42:07Z","https://github.com/Tresjs/cientos/issues/52",0.7361119,["Reactive",2984],{},["Set"],["ShallowReactive",2987],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fInz5R6eR7U7T8P6BjX3o97IjzuXx5-EaojCsu-9VVSY":-1},"/Tresjs/tres/849"]