\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.",[2856,2859],{"name":2857,"color":2858},"bug","d73a4a",{"name":2860,"color":2861},"p3-minor-bug","F28C37",801,"Tresjs","tres","open","`pointer-{leave,out}` fired multiple times on single \"leave\"","2025-01-02T17:17:01Z","https://github.com/Tresjs/tres/issues/801",0.646475,{"description":2871,"labels":2872,"number":2888,"owner":2863,"repository":2864,"state":2865,"title":2889,"updated_at":2890,"url":2891,"score":2892},"### 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.",[2873,2876,2879,2882,2885],{"name":2874,"color":2875},"docs","0075ca",{"name":2877,"color":2878},"help wanted","008672",{"name":2880,"color":2881},"feature","c2e0c6",{"name":2883,"color":2884},"dx","1576AD",{"name":2886,"color":2887},"p3-significant","2C78E3",540,"Translate docs to multiple languages","2024-07-23T17:42:40Z","https://github.com/Tresjs/tres/issues/540",0.6826368,{"description":2894,"labels":2895,"number":2896,"owner":2863,"repository":2897,"state":2865,"title":2898,"updated_at":2899,"url":2900,"score":2901},"**Describe the bug**\r\nFor some reason `renderCtx.frames.value` never goes to 0 when using the on-demand rendering. Other effects work fine.\r\n\r\n**Reproduction**\r\nCreate a simple scene with the outline effect. Try on-demand rendering.\r\n",[],125,"post-processing","Outline effect (pmndrs) does not support on-demand rendering","2024-09-22T20:00:29Z","https://github.com/Tresjs/post-processing/issues/125",0.6885554,{"description":2903,"labels":2904,"number":2909,"owner":2863,"repository":2864,"state":2865,"title":2910,"updated_at":2911,"url":2912,"score":2913},"### Description\r\n\r\nAs a developer using TresJS, I want to have a `\u003CPortal>` component that can contain a separate `Scene` and `context`.\r\n\r\n### Suggested solution\r\n\r\nProvide a `\u003CPortal>` component similar to R3F.\r\n\r\n### Requirements\r\n\r\n- [ ] Add override-able pointer to `TresContext` (Also add as prop to TresCanvas: see #581 ); use vanilla `THREE.Vector2`, accept `Vector2` and `UsePointerOptions` as TresCanvas prop\r\n- [ ] Make these fields on `TresContext` swappable and (in some case injectable by the user): scene, camera, cameras, controls, raycaster, eventManager, sizes\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.",[2905,2906],{"name":2886,"color":2887},{"name":2907,"color":2908},"v5","EFC959",789,"Portal","2025-02-06T09:59:01Z","https://github.com/Tresjs/tres/issues/789",0.7085242,{"description":2915,"labels":2916,"number":2917,"owner":2863,"repository":2918,"state":2865,"title":2919,"updated_at":2920,"url":2921,"score":2922},"The link \"Authoring experiments\" from the [README](https://github.com/Tresjs/lab/blob/main/README.md) is broken.\r\n\r\n## The Link\r\n\r\n\u003Cimg width=\"695\" alt=\"Screenshot 2024-03-15 at 15 42 13\" src=\"https://github.com/Tresjs/lab/assets/20469369/c83cd04b-d8c5-48ae-a2c9-bbdcf405f97f\">\r\n\r\n## Result\r\n\r\n\u003Cimg width=\"1471\" alt=\"Screenshot 2024-03-15 at 15 46 08\" src=\"https://github.com/Tresjs/lab/assets/20469369/66cf1468-a38a-4b34-83ac-f1487441d29b\">\r\n",[],109,"lab","Broken link in README.md","2024-03-15T14:47:05Z","https://github.com/Tresjs/lab/issues/109",0.7118658,{"description":2924,"labels":2925,"number":2932,"owner":2863,"repository":2933,"state":2865,"title":2934,"updated_at":2935,"url":2936,"score":2937},"### Describe the bug\n\nWhile adding `on-demand` invalidation on the `useSurfaceSampler` and `Sampler` on #436 I noticed that `useSurfaceSampler` is not a vue composable per definition (it doesn't deal with any type of reactivity or state), is just a function. See why here https://vuejs.org/guide/reusability/composables#what-is-a-composable\r\n\r\nSince we are providing to our users as it was a composable, I would expect that the options are reactive.\r\n\r\nhttps://github.com/Tresjs/cientos/blob/9e17559fc98066db79b02b7ea0c98ae3037ac906/src/core/abstractions/useSurfaceSampler/index.ts#L81-L143\n\n### Reproduction\n\nLocal playground, run useSurfaceSampler\n\n### Steps to reproduce\n\n_No response_\n\n### System Info\n\n```shell\nSystem:\r\n OS: macOS 14.5\r\n CPU: (8) arm64 Apple M1 Pro\r\n Memory: 89.09 MB / 16.00 GB\r\n Shell: 5.9 - /bin/zsh\r\n Binaries:\r\n Node: 20.12.2 - ~/.nvm/versions/node/v20.12.2/bin/node\r\n Yarn: 1.22.19 - /usr/local/bin/yarn\r\n npm: 10.5.0 - ~/.nvm/versions/node/v20.12.2/bin/npm\r\n pnpm: 8.15.4 - ~/Library/pnpm/pnpm\r\n bun: 1.0.2 - ~/.bun/bin/bun\r\n Browsers:\r\n Brave Browser: 120.1.61.116\r\n Chrome: 125.0.6422.142\r\n Safari: 17.5\r\n npmPackages:\r\n @tresjs/core: 4.0.2 => 4.0.2 \r\n @tresjs/leches: ^0.14.0 => 0.14.0\n```\n\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/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.",[2926,2927,2929],{"name":2857,"color":2858},{"name":2883,"color":2928},"1576ad",{"name":2930,"color":2931},"p4-important-bug","D93F0B",440,"cientos","useSurfaceSampler is not a composable","2024-06-17T23:04:25Z","https://github.com/Tresjs/cientos/issues/440",0.7160317,{"description":2939,"labels":2940,"number":2946,"owner":2863,"repository":2864,"state":2947,"title":2948,"updated_at":2949,"url":2950,"score":2951},"### Describe the bug\r\n\r\n## Problem\r\n\r\nWhen using a THREE object in `\u003Cprimitive :object=\"[the THREE object]\">`, the on-screen object cannot be updated in `\u003Cscript setup>`.\r\n\r\n## Possible cause\r\n\r\nIt appears that `src/core/nodeOps.ts` clones the `primitive`'s `:object`, breaking the reference to the THREE object in `\u003Cscript setup>`.\r\n\r\n### Reproduction\r\n\r\nhttps://stackblitz.com/edit/tresjs-basic-lgdhxs?file=src%2Fcomponents%2FTheExperience.vue\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.",[2941,2942,2943],{"name":2857,"color":2858},{"name":2930,"color":2931},{"name":2944,"color":2945},"regression","167F7A",701,"closed","`\u003Cprimitive> :object` breaking references to THREE objects","2024-07-10T11:24:18Z","https://github.com/Tresjs/tres/issues/701",0.60072094,{"description":2953,"labels":2954,"number":2955,"owner":2863,"repository":2933,"state":2947,"title":2956,"updated_at":2957,"url":2958,"score":2959},"### Description\n\nA new fancy material similar to https://playground.tresjs.org/experiments/glass-material.\r\n\r\nExtending from physical material, with some capabilities\n\n### Suggested solution\n\nAn abstraction of https://playground.tresjs.org/experiments/glass-material\r\nbased on: https://tympanus.net/codrops/2021/10/27/creating-the-effect-of-transparent-glass-and-plastic-in-three-js/\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.",[],159,"Glass material","2023-08-24T05:01:58Z","https://github.com/Tresjs/cientos/issues/159",0.6904647,{"description":2961,"labels":2962,"number":2968,"owner":2863,"repository":2933,"state":2947,"title":2969,"updated_at":2970,"url":2971,"score":2972},"### Describe the bug\n\nCSS transitions (neither `transform` based) are working when inside of the HTML component.\n\n### Reproduction\n\nhttps://stackblitz.com/edit/tresjs-basic-q6q8cg?file=src%2Fcomponents%2FTheExperience.vue,src%2FApp.vue\n\n### Steps to reproduce\n\nClick on the section above the canvas and then click the gray box on the scene where the HTML element is use for a label.\r\n\r\nBoth have exactly the same CSS transition\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: 9.4.2 - /usr/local/bin/npm\r\n pnpm: 8.9.2 - /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\nyarn\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.",[2963,2964,2967],{"name":2857,"color":2858},{"name":2965,"color":2966},"good first issue","7057ff",{"name":2877,"color":2878},275,"[Html] CSS transitions are not working","2023-11-05T09:25:55Z","https://github.com/Tresjs/cientos/issues/275",0.697601,{"description":2974,"labels":2975,"number":2982,"owner":2863,"repository":2864,"state":2947,"title":2983,"updated_at":2984,"url":2985,"score":2986},"### 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.",[2976,2979],{"name":2977,"color":2978},"wontfix","ffffff",{"name":2980,"color":2981},"has-workaround","AEA9C4",760,"`TresPerspectiveCamera` `lookAt` not working with `CameraControls`","2024-08-30T07:21:08Z","https://github.com/Tresjs/tres/issues/760",0.70061487,["Reactive",2988],{},["Set"],["ShallowReactive",2991],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$f6Ju7VZLBCvjaG9m9khJeqYpTJ0svD85kOTCJMk4eNDU":-1},"/Tresjs/cientos/221"]