\r\n \u003CTresMeshToonMaterial color=\"#efefef\" />\r\n \u003C/TresMesh>\r\n\u003C/TresGroup>\r\n```\r\n\r\nSee also: `pointer-out` exhibits similar behavior.\r\n\r\n### Reproduction\r\n\r\nhttps://stackblitz.com/edit/tresjs-minimal-reproduction-qd169j?file=src%2Fcomponents%2FTheExperience.vue\r\n\r\n### Steps to reproduce\r\n\r\n* Open Stackblitz link in a browser.\r\n* Mouse over cube, then leave.\r\n* See browser console: multiple `pointer-leave` events will be logged.\r\n\r\n### System Info\r\n\r\n_No response_\r\n\r\n### Used Package Manager\r\n\r\nnpm\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.",[2887,2890],{"name":2888,"color":2889},"bug","d73a4a",{"name":2891,"color":2892},"p3-minor-bug","F28C37",801,"tres","`pointer-{leave,out}` fired multiple times on single \"leave\"","2025-01-02T17:17:01Z","https://github.com/Tresjs/tres/issues/801",0.7048891,{"description":2900,"labels":2901,"number":2908,"owner":2868,"repository":2909,"state":2870,"title":2910,"updated_at":2911,"url":2912,"score":2913},"### Description\n\nAs a developer using TresJS, I would like to have a component that can keep child components centered on screen, even after screen resizes.\n\n### Suggested solution\n\nA component that works like [Drei's `\u003CBounds />`](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.",[2902,2905],{"name":2903,"color":2904},"feature","c2e0c6",{"name":2906,"color":2907},"p2-nice-to-have","D4C5F9",408,"cientos","\u003CBounds />","2024-12-17T18:07:35Z","https://github.com/Tresjs/cientos/issues/408",0.70776767,{"description":2915,"labels":2916,"number":2921,"owner":2868,"repository":2909,"state":2870,"title":2922,"updated_at":2923,"url":2924,"score":2925},"### Describe the bug\n\nThe examples under https://cientos.tresjs.org/guide/misc/html-component.html#html are currently broken\n\n### Reproduction\n\nhttps://cientos.tresjs.org/guide/misc/html-component.html#html\n\n### Steps to reproduce\n\n_No response_\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/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.\n- [X] The provided reproduction is a [minimal reproducible example](https://stackoverflow.com/help/minimal-reproducible-example) of the bug.",[2917,2918],{"name":2888,"color":2889},{"name":2919,"color":2920},"docs","0075ca",368,"[Docs] - HTML examples are broken ","2024-07-18T08:07:36Z","https://github.com/Tresjs/cientos/issues/368",0.7149663,{"description":2927,"labels":2928,"number":2940,"owner":2868,"repository":2894,"state":2870,"title":2941,"updated_at":2942,"url":2943,"score":2944},"### Description\r\n\r\nAs a developer using TresJS I would like to have documentation available in my native language\r\n\r\nThis ticket is meant to keep track of the progress of multiple PRs to translate Tres docs:\r\n\r\n- [x] Enable i18n and add Spanish docs done #123 #534 \r\n- [x] Chinese translations @enpitsuLin #550 \r\n- [x] German @DennisSmuda #548\r\n- [ ] Polish @Dekier #546 \r\n- [x] French @AminGtt #555 \r\n\r\nFeel free to comment below if you would like to add your language and help us translate the docs.,\r\n\r\n### Suggested solution\r\n\r\nCreate a branch `docs/translation-\u003Clanguage-unicode>` and a PR similar to #534 with the following steps:\r\n\r\n1. Add a `\u003Clanguage-unicode>.ts` inside `docs/.vitepress/config` ex: `zh.ts` (copy the `en.ts` which is the original and then translate only what's needed.\r\n2. Remember to add the code prefix route to all the links on this file, ex `link: /guide/` -> `link: /zh/guide`\r\n3. Add to config to `docs/.vitepress/config/index.ts` like this:\r\n\r\n```ts\r\nexport default defineConfig({\r\n ...sharedConfig,\r\n locales: {\r\n root: { label: 'English', lang: 'en-US', link: '/', ...enConfig },\r\n es: { label: 'Español', lang: 'es-ES', link: '/es/', ...esConfig },\r\n /* zh: { label: '简体中文', lang: 'zh-CN', link: '/zh/', ...zhConfig }, */\r\n },\r\n})\r\n```\r\n\r\n4. Create a folder with the language code (ex: zh) inside `docs/`, this is where the translations will live, then start translating the files using the same structure as on the docs root, like this:\r\n\r\n`docs/advanced/extending.md` --> `docs/zh/advanced/extending.md`\r\n\r\n\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/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.",[2929,2930,2933,2934,2937],{"name":2919,"color":2920},{"name":2931,"color":2932},"help wanted","008672",{"name":2903,"color":2904},{"name":2935,"color":2936},"dx","1576AD",{"name":2938,"color":2939},"p3-significant","2C78E3",540,"Translate docs to multiple languages","2024-07-23T17:42:40Z","https://github.com/Tresjs/tres/issues/540",0.7149815,{"description":2946,"labels":2947,"number":2948,"owner":2868,"repository":2894,"state":2870,"title":2949,"updated_at":2950,"url":2951,"score":2952},"### Describe the bug\n\nThe delta property of the `pointer-missed` is always zero (obvious [in the code](https://github.com/Tresjs/tres/blob/main/src/composables/useRaycaster/index.ts#L137-L139)).\r\n\r\nI have a project where object of the scene can be selected by clicking on them. To unselect the user can press where there is no object, which I implemented using the `pointer-missed `event on the `Trescanvas`. However, objects get also unselected when the user uses the mouse to drag the camera around. To prevent this I wanted to rely on the `delta` of the `pointer-missed` event, to discard events with dragging.\n\n### Reproduction\n\nhttps://github.com/Tresjs/tres/blob/main/src/composables/useRaycaster/index.ts#L137-L139\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.",[],852,"The delta of pointer-missed events is always zero","2024-10-12T18:44:56Z","https://github.com/Tresjs/tres/issues/852",0.7178141,{"description":2954,"labels":2955,"number":2960,"owner":2868,"repository":2961,"state":2870,"title":2962,"updated_at":2963,"url":2964,"score":2965},"### Description\n\nThere is an update in the GLTF structure, now they can accept physics, babylonJs already have implemented it, but there's no example with Three.js. So this could be hard to do.\r\n\r\nAs we need to investigate if this is possible directly here in this pkg, if we need to make changes in the GLTF parser provided by Three.js (or if we can extend it) and the match them with the components provided by Rapier itself.\r\n\r\nPlease read the link below for more information.\n\n### Suggested solution\n\nMuch of the result will define the output. But reading about it, a new component could be a good solution.\r\n`import { PhysicalGLTF } from `...` (of course the name has to be defined).\r\n\r\nOther option could be adding extension to the existing `useGLTF` composable provided by `cientos`\r\n\r\nI would prefer not to modify cientos directly for this one. WDYT?\n\n### Alternative\n\nAny other alternative is welcome\n\n### Additional context\n\nPlease check: \r\n- https://www.youtube.com/watch?v=sstdRXYbZrI\r\n- https://github.com/eoineoineoin/glTF_Physics\r\n- https://github.com/eoineoineoin/glTF_Physics_Babylon\r\n- https://www.khronos.org/assets/uploads/developers/presentations/Physics_BOF.pdf\n\n### Validations\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.",[2956,2959],{"name":2957,"color":2958},"investigation","D03599",{"name":2906,"color":2907},156,"rapier","Adding physics from GLTF directly","2025-01-29T08:42:02Z","https://github.com/Tresjs/rapier/issues/156",0.71909153,{"description":2967,"labels":2968,"number":2975,"owner":2868,"repository":2894,"state":2976,"title":2977,"updated_at":2978,"url":2979,"score":2980},"### Describe the bug\n\nI want my camera to look at a position. `TresPerspectiveCamera` has a [`look-at`](https://docs.tresjs.org/api/instances-arguments-and-props.html#methods) prop that uses the [`lookAt`](https://threejs.org/docs/#api/en/core/Object3D.lookAt) method of `Object3D` to point the camera at a position, but when used alongside the [`cientos` `CameraControls` component](https://cientos.tresjs.org/guide/controls/camera-controls.html) the functionality is lost.\n\n### Reproduction\n\nhttps://stackblitz.com/edit/tresjs-minimal-reproduction-iazqxl?file=src%2Fcomponents%2FTheExperience.vue,package.json,src%2FApp.vue\n\n### Steps to reproduce\n\nUse `CameraControls` with `TresPerspectiveCamera` and set the `look-at` prop.\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.",[2969,2972],{"name":2970,"color":2971},"wontfix","ffffff",{"name":2973,"color":2974},"has-workaround","AEA9C4",760,"closed","`TresPerspectiveCamera` `lookAt` not working with `CameraControls`","2024-08-30T07:21:08Z","https://github.com/Tresjs/tres/issues/760",0.6477784,{"description":2982,"labels":2983,"number":2867,"owner":2868,"repository":2909,"state":2976,"title":2985,"updated_at":2986,"url":2987,"score":2874},"### Description\n\n\r\n\r\nWe can create a wrapper using extend to add CSM and apply shaders to other materials, as we can see in that example. We're applying vertex shader to a physical material using the [glass demo](https://playground.tresjs.org/experiments/glass-material),\n\n### Suggested solution\n\na wrapper around https://www.npmjs.com/package/three-custom-shader-material\n\n### Alternative\n\nI don't know if there are another alternatives, but CSM is one of the most used\n\n### Additional context\n\nThe Idea is to create just a wrapper\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.",[2984],{"name":2903,"color":2904},"Custom shader material","2023-10-26T13:42:49Z","https://github.com/Tresjs/cientos/issues/109",["Reactive",2989],{},["Set"],["ShallowReactive",2992],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$f7cs91hzyoigKP6OGU9S3Q4-ZP4nmoMbpCsKsyfBekMI":-1},"/Tresjs/cientos/159"]