\r\n \u003CTresMeshNormalMaterial />\r\n \u003CHtml\r\n center\r\n transform\r\n :distance-factor=\"4\"\r\n :position=\"[0, 0, 0.65]\"\r\n :scale=\"[0.75, 0.75, 0.75]\"\r\n >\r\n \u003Cdiv>\r\n \u003Cp>This should not scroll\u003C/p>\r\n \u003C/div>\r\n \u003C/Html>\r\n \u003C/TresMesh>\r\n```\r\nI expect the first element to scroll, and the second to stay.\r\n\r\n### System Info\r\n\r\n```shell\r\nSystem:\r\n OS: Linux 5.15 Ubuntu 22.04.3 LTS 22.04.3 LTS (Jammy Jellyfish)\r\n CPU: (8) x64 11th Gen Intel(R) Core(TM) i7-1165G7 @ 2.80GHz\r\n Memory: 3.82 GB / 11.69 GB\r\n Container: Yes\r\n Shell: 3.6.1 - /usr/bin/fish\r\n Binaries:\r\n Node: 21.5.0 - ~/.local/share/nvm/v21.5.0/bin/node\r\n Yarn: 1.22.19 - /usr/bin/yarn\r\n npm: 10.2.4 - ~/.local/share/nvm/v21.5.0/bin/npm\r\n pnpm: 8.14.1 - ~/.local/share/pnpm/pnpm\r\n bun: 1.0.7 - ~/.bun/bin/bun\r\n```\r\n\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.",[2897,2900],{"name":2898,"color":2899},"pending-triage","97A4FE",{"name":2901,"color":2902},"waiting for author","B145BC",507,"Native html scroll and @tresjs/cientos Html component behaviour","2024-03-30T15:37:07Z","https://github.com/Tresjs/tres/issues/507",0.78609765,{"description":2909,"labels":2910,"number":2914,"owner":2877,"repository":2878,"state":2879,"title":2915,"updated_at":2916,"url":2917,"score":2918},"### Describe the bug\n\nusing three-viewport-gizmo (https://www.npmjs.com/package/three-viewport-gizmo) after 'const gizmo = new ViewportGizmo(camera, renderer);', a white screen is triggered and the canvas is cleared\n\n### Reproduction\n\nno\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.",[2911],{"name":2912,"color":2913},"needs reproduction","511ECF",879,"using three-viewport-gizmo will clear the canvas","2024-12-06T04:38:37Z","https://github.com/Tresjs/tres/issues/879",0.788129,{"description":2920,"labels":2921,"number":2923,"owner":2877,"repository":2878,"state":2879,"title":2924,"updated_at":2925,"url":2926,"score":2927},"### Description\n\nAs a maintainer of Tres, I would like to have a page in the docs with the status of translations of the documentation to make it easier for the community to contribute\n\n### Suggested solution\n\nLook for a tool to generate a translation status site like https://discord.com/channels/1047126995424780288/1362719319716266016/1362720336579395694\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.",[2922],{"name":2868,"color":2869},995,"Investigate docs translation status tool for Vitepress","2025-04-18T09:30:09Z","https://github.com/Tresjs/tres/issues/995",0.788789,{"description":2929,"labels":2930,"number":2937,"owner":2877,"repository":2878,"state":2879,"title":2938,"updated_at":2939,"url":2940,"score":2941},"### Description\n\nI have a TresCanvas with a lower z-index that is under the main content on my site. I got around this in native Three by using events based on window pointer events. I don't see a way to do this in Tres. \r\n\n\n### Suggested solution\n\nAdd a prop to TresCanvas like window-size (window-pointer?) to use window pointer events instead of attaching events to the canvas itself\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.",[2931,2934],{"name":2932,"color":2933},"feature","c2e0c6",{"name":2935,"color":2936},"p2-nice-to-have","D4C5F9",581,"Use window for pointerevents","2024-07-24T00:40:31Z","https://github.com/Tresjs/tres/issues/581",0.7997353,{"description":2943,"labels":2944,"number":2952,"owner":2877,"repository":2878,"state":2879,"title":2953,"updated_at":2954,"url":2955,"score":2956},"### Describe the bug\r\n\r\n`useTresContext().controls.value` is null when using Cientos' `\u003COrbitControls>`.\r\n\r\n### Context\r\n\r\n[This issue was opened on Cientos.](https://github.com/Tresjs/cientos/issues/249) Part of the issue was addressed with a Cientos' PR. \r\n\r\nOpening an issue here to look into `useTresContext().controls`. \r\n\r\n----\r\n\r\n@zkobrinsky\r\n\r\n### Reproduction\r\n\r\nhttps://stackblitz.com/edit/tresjs-basic-fzdwdc?file=src%2Fcomponents%2FTheScene.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\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.",[2945,2948,2949],{"name":2946,"color":2947},"bug","d73a4a",{"name":2901,"color":2902},{"name":2950,"color":2951},"v4","7980EA",418,"useTresContext().controls.value is null when using Cientos' `\u003COrbitControls />`","2024-08-21T10:29:21Z","https://github.com/Tresjs/tres/issues/418",0.8008401,{"description":2958,"labels":2959,"number":2961,"owner":2877,"repository":2878,"state":2962,"title":2963,"updated_at":2964,"url":2965,"score":2966},"**Describe the bug**\r\nI update the new TresJs beta version, and each canvas throw a problem with the onPointerEvent\r\n\r\nNote: I Don't have onPointerEvent, in any canvas, but I do have one PointerMove event in the \r\nhttps://serene-mousse-562782.netlify.app/MouseShaderEffect \r\nWhich is not working properly (do not update the uniforms) but also is the only page that don't throw a pointer error\r\n\r\nThe other experiments (you can navigate using the navbar) all have the onPointerEvent error\r\n\r\n**Reproduction**\r\nFollow the steps\r\n\r\n**Steps**\r\nSteps to reproduce the behavior:\r\n1. Go to [my-tresJs-playground](https://serene-mousse-562782.netlify.app/)\r\n2. Move the mouse through the canvas\r\n3. Each canvas on the routes contain this problem (except /MouseShaderEffect which do not update the uniforms)\r\n4. You can go to a different site to see\r\n\r\n\r\n**System Info**\r\nOutput of `npx envinfo --system --npmPackages '{vite,@tresjs/*, three, vue}' --binaries --browsers` \r\n\r\n\r\n**Additional context**\r\nIf I'm doing something wrong, please let me know\r\n",[2960],{"name":2946,"color":2947},189,"closed","Problems with pointerevents","2023-04-12T14:07:01Z","https://github.com/Tresjs/tres/issues/189",0.7342724,{"description":2968,"labels":2969,"number":2970,"owner":2877,"repository":2889,"state":2962,"title":2971,"updated_at":2972,"url":2973,"score":2974},"### Describe the bug\n\n[`CameraControls`](https://cientos.tresjs.org/guide/controls/camera-controls.html) component ignores `mouseButtons` and `touches` properties.\n\n### Reproduction\n\nhttps://play.tresjs.org/#eNqdVttu2zgQ/RVCwSIPa1NynGS72nTh2r0gi80FtZ8a9YGWGIsJRRIk5dgI/O8dkr5IbpA6TQTDnDkzc3jIGfk5mmhqPiiF5zWN0ujC5Jopiwy1tUKciNn7LLImi/7NBKuU1BY9oyExLB+XpJBPV0R10Pjrl+FIcqnHiuS0g67lRAoKLsXEDK3QvZYVOralpvT4n0YeV3pExJyYLWhgwfZg4lzqNnZEKqrJSAqrJX8Bz6iw0jRCRqM1JPeR3Xwd6iCZgJWxaMbRe/ScCYRyTon2e0jR8dG7k4/D0dlxx3mM36dJkdU19RbCVUlSdE+4CYYAgf1Oloqm+/I4hKytqu1Oo3RfMweyO9HStobgXgHtizicDpwFLCytFCeWwgqhi4aW8+6UiQLObcb9uSH48/5bqo2iuWVzGuREqZKGWSYFoO/+7iD3fM8iFG/C9mRPK1kb2p3WFsgaCHpGnN7bFNTGH0aTy5tr/O3m5gqtmjlc6Stqyna17kkHwZO4cqmWlmwcSQddEVvi28vgXafZ7BFU+UJlRa1eopTomWNx1+ugHj7roH6TfKP0REoBSalmhKPcyQ5R62NuUo03Aa9zB4ruccVyYmw3XIB22aFcvMDTkdx8vInr6Wf3/xtcQWMn9c9KjlVJ9U7Lg5l8Hg6T/vCXTD4y7a6aFIT/z2al/UlBIHXqD58JSwW4luDo4ZO2qOsqoUa44GC4iBu3H5bGLrn7WtqKQ7NMZbEMfV2B8kykKIH2QUiRovDdFZYldcRS1EuSP7zhiRW23K5XmTiC/guJfoFFaEryx5mWtShg1Pg5cpQkrg6kgcb1BKNOFKZTtyIKPxgpYOT69NnaAZM2DQWdrTkNnSOLSmuVSeM4LwTEF5SzucaC2lioKm7CB318jntxwYyNnRnQWeTHTCtxGJtvyR0iIP1fONmlX5vbVewTJY+KiEO4b7GDU5xsiW+MuGIuppnbvU0OyetwA8h4ngDfP6mpmjLASw/m2cH6NuCDXoLPICNMWrrAVVvdNQ5usKbFGxKHgNdSA7Bb0IodkHQDdZs/xecxZ9MXU+69Hw/IvBcxOMHvcD+c2J4LV7Ko+e74XE3ohxU0gjUAumezvTbIZaUYp/pGuVHRbgfCuXz6z9u2L2MfU9L88QX7g1mE3dzCDaV6Dme8uz8wGKgN7k/ja7qA71tnYP2q8ys1kteOY4ANofGBdgPn2V76roaZMzGfFn7MrTfVImrhd4O33m1m8PaCB8N3L5zH+zswekWl3c76uL8VfPUDB9Q/3Q==\n\n### Steps to reproduce\n\n1. Add `PerspectiveCamera` to a scene\r\n2. Add `CameraControls` from `@tresjs/cientos`\r\n3. Pass `mouseButtons` prop using `camera-controls`' `ACTION` enum:\r\n ```\r\n import CC from 'camera-controls';\r\n ...\r\n \u003CCameraControls :mouse-buttons=\"{ left: CC.ACTION.ZOOM }\" />\r\n ```\r\n4. The camera should zoom on drag when left mouse button is pressed, but instead the camera rotates (default behavior)\r\n\r\n_Note:_ The same applies to `touches` as both of the props are discarded when turning props into refs, and aren't passed down to the extended component: https://github.com/Tresjs/cientos/blob/main/src/core/controls/CameraControls.vue#L331C1-L357C18\r\n\r\nI prepared a fix for that, will submit a PR shortly 😉 \r\n\n\n### System Info\n\n```shell\nSystem:\r\n OS: macOS 14.4.1\r\n CPU: (8) arm64 Apple M1 Pro\r\n Memory: 4.18 GB / 32.00 GB\r\n Shell: 5.9 - /bin/zsh\r\n Binaries:\r\n Node: 20.11.1 - ~/.nvm/versions/node/v20.11.1/bin/node\r\n npm: 10.2.4 - ~/.nvm/versions/node/v20.11.1/bin/npm\r\n pnpm: 8.15.4 - ~/Library/pnpm/pnpm\r\n bun: 1.0.27 - ~/.bun/bin/bun\r\n Browsers:\r\n Chrome: 124.0.6367.61\r\n Safari: 17.4.1\r\n npmPackages:\r\n @tresjs/cientos: ^3.8.0 => 3.8.0 \r\n @tresjs/core: ^3.8.1 => 3.8.1 \r\n @tresjs/leches: ^0.14.0 => 0.14.0 \r\n @tresjs/post-processing: ^0.7.1 => 0.7.1 \r\n vite: ^5.1.5 => 5.1.6\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/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.",[],384,"CameraControls component doesn't support mouseButtons and touches props","2024-04-22T19:21:04Z","https://github.com/Tresjs/cientos/issues/384",0.7377278,{"description":2976,"labels":2977,"number":2978,"owner":2877,"repository":2878,"state":2962,"title":2979,"updated_at":2980,"url":2981,"score":2982},"### Describe the bug\n\nThis error hapend when I write ` const state = useTres()` or `const { state } = useTres()` In devtools, and the scene is not loaded.\r\nThis is my code (in App.vue):\r\n```\u003Cscript setup lang=\"ts\">\r\nimport { TresCanvas, extend, useTres } from '@tresjs/core';\r\nimport { OrbitControls } from 'three/addons/controls/OrbitControls.js'\r\nimport { watchEffect } from 'vue'\r\n\r\nconst state = useTres()\r\n\r\nlet controls: OrbitControls | null = null\r\n\r\nwatchEffect(()=>{\r\n if (state.renderer && state.camera) {\r\n controls = new OrbitControls(state.camera.value!, state.renderer.value.domElement )\r\n }\r\n})\r\n\r\nextend({OrbitControls})\r\n\u003C/script>\r\n\r\n\u003Ctemplate>\r\n \u003CTresCanvas window-size>\r\n \u003CTresPerspectiveCamera />\r\n\r\n \u003CTresScene>\r\n \u003CTresMesh>\r\n \u003CTresBoxGeometry />\r\n \u003CTresMeshNormalMaterial />\r\n \u003C/TresMesh>\r\n \u003C/TresScene>\r\n \u003C/TresCanvas>\r\n\u003C/template>\r\n```\r\n\r\nI did it like in this tutorial: [The tutorial](https://youtu.be/QP3gCY5_dds)\n\n### Reproduction\n\nhttps://stackblitz.com/edit/tresjs-basic-fg1y4w?file=src%2FApp.vue\n\n### Steps to reproduce\n\nAdd \r\n```\r\nimport { useTres } from '@tresjs/core';\r\nconst state = useTres()\r\n```\r\nto your code\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.",[],410,"Uncaught Error: useTresContext must be used together with useTresContextProvider","2023-09-30T07:00:08Z","https://github.com/Tresjs/tres/issues/410",0.75365406,["Reactive",2984],{},["Set"],["ShallowReactive",2987],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$frdM7UMlY-yjFug6qBP9LqyL4Pq8Z4HIo_zGjIFSJP6A":-1},"/Tresjs/tres/173"]