\r\n \u003C/Suspense>\r\n```\r\nBut get `Failed to resolve component: primitive`",[],53,"Tresjs","lab","open","How to load and render STL models?","2024-07-17T17:42:39Z","https://github.com/Tresjs/lab/issues/53",0.7484835,{"description":2861,"labels":2862,"number":2863,"owner":2853,"repository":2864,"state":2855,"title":2865,"updated_at":2866,"url":2867,"score":2868},"### Describe the bug\n\nWhen TresCanvas is unmounted, an error occurs equal to the number of Html components.\r\nhook.js:608 THREE.Material: parameter 'vertexShader' has value of undefined.\r\n\r\n```\r\n\u003Ctemplate>\r\n \u003Cdiv class=\"about\">\r\n \u003Ch1>This is an about page\u003C/h1>\r\n \u003Cdiv class=\"canvas\">\r\n \u003CTresCanvas v-bind=\"gl\">\r\n \u003COrbitControls />\r\n \u003CTresPerspectiveCamera :position=\"[5, 5, 5]\" />\r\n \u003C!-- Your scene here -->\r\n \u003CTresMesh cast-shadow :position=\"[0, 0, 0]\">\r\n \u003CTresBoxGeometry :args=\"[1, 1, 2]\" />\r\n \u003CTresMeshToonMaterial color=\"blue\" />\r\n \u003CHtml center transform sprite>\r\n \u003Cdiv class=\"text\">TEXT\u003C/div>\r\n \u003C/Html>\r\n \u003C/TresMesh>\r\n \u003C/TresCanvas>\r\n \u003C/div>\r\n \u003C/div>\r\n\u003C/template>\r\n\u003Cscript setup lang=\"ts\">\r\nimport { TresCanvas } from '@tresjs/core'\r\nimport { BasicShadowMap, SRGBColorSpace, NoToneMapping } from 'three'\r\nimport { Html, OrbitControls } from '@tresjs/cientos'\r\nconst gl = {\r\n clearColor: '#87CEEB',\r\n shadows: true,\r\n alpha: true,\r\n shadowMapType: BasicShadowMap,\r\n outputColorSpace: SRGBColorSpace,\r\n toneMapping: NoToneMapping,\r\n}\r\n\u003C/script>\r\n\u003Cstyle>\r\n.canvas {\r\n width: 500px;\r\n height: 500px;\r\n position: relative;\r\n}\r\n.text {\r\n color: white;\r\n font-weight: bold;\r\n font-size: 30px;\r\n}\r\n\u003C/style>\r\n\r\n\r\n```\r\nhook.js:608 THREE.Material: parameter 'vertexShader' has value of undefined.\r\n\r\nnow about page\r\n\r\n\r\nif I go home?\r\n\r\nIf I add Html components, the error increases by the corresponding number.\n\n### Reproduction\n\nhttps://stackblitz.com/edit/tresjs-basic-4pso7hpr?file=src%2Fcomponents%2FTheExperience.vue\n\n### Steps to reproduce\n\n_No response_\n\n### System Info\n\n```shell\nnpx envinfo --system --npmPackages '{vite,@tresjs/*, three, vue}' --binaries --browsers\r\nNeed to install the following packages:\r\nenvinfo@7.14.0\r\nOk to proceed? (y) y\r\n\r\n\r\n System:\r\n OS: Linux 5.15 Ubuntu 22.04.4 LTS 22.04.4 LTS (Jammy Jellyfish)\r\n CPU: (8) x64 13th Gen Intel(R) Core(TM) i7-1355U\r\n Memory: 1.70 GB / 7.76 GB\r\n Container: Yes\r\n Shell: 5.1.16 - /bin/bash\r\n Binaries:\r\n Node: 20.18.0 - ~/.nvm/versions/node/v20.18.0/bin/node\r\n npm: 11.0.0 - ~/.nvm/versions/node/v20.18.0/bin/npm\r\n npmPackages:\r\n @tresjs/cientos: ^4.0.3 => 4.0.3 \r\n @tresjs/core: ^4.3.2 => 4.3.2 \r\n vite: ~6.0.6 => 6.0.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.",[],587,"cientos","When TresCanvas is unmounted, an error occurs equal to the number of Html components.","2025-01-14T07:22:09Z","https://github.com/Tresjs/cientos/issues/587",0.755211,{"description":2870,"labels":2871,"number":2881,"owner":2853,"repository":2882,"state":2855,"title":2883,"updated_at":2884,"url":2885,"score":2886},"### Description\n\nHello there! \r\n\r\nFirst of all, thanks a bunch for creating this awesome repository! Even though I'm not really familiar with Three.js, I've been playing around with graphical stuff using the canvas.\r\n\r\nWhile creating a simple scene on my web page, I suddenly became concerned about accessibility.\r\n\r\nYou know, the canvas element itself isn't accessible, but it seems the HTML spec allows for adding \"fallback content\" to the canvas element.\r\n\r\nhttps://html.spec.whatwg.org/multipage/dom.html#fallback-content\r\n\r\nI'd love it if you could add an interface to TresCanvas where we could provide text or something using a fallback slot or props.\r\n\r\nThank you!\n\n### Suggested solution\n\nI would be happy to have the following interface\r\n\r\n```html\r\n\u003CTresCanvas window-size>\r\n \u003C!-- any scenes -->\r\n\r\n \u003Ctemplate #fallback>\r\n A cat lifting a UFO is slowly rotating.\r\n \u003C/template>\r\n\u003C/TresCanvas>\r\n\r\n\u003C!-- render to -->\r\n\u003Ccanvas>A cat lifting a UFO is slowly rotating.\u003C/canvas>\r\n```\r\n\r\nI have confirmed that the text in the canvas element is read out loud as \"image: alt text\" in VoiceOver on a Mac.\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.",[2872,2875,2878],{"name":2873,"color":2874},"feature","c2e0c6",{"name":2876,"color":2877},"PR welcome","2D76B0",{"name":2879,"color":2880},"p2-nice-to-have","D4C5F9",352,"tres","Provide a slot or props that can be used for fallback of canvas elements","2024-03-31T11:10:46Z","https://github.com/Tresjs/tres/issues/352",0.7649557,{"description":2888,"labels":2889,"number":2894,"owner":2853,"repository":2895,"state":2855,"title":2896,"updated_at":2897,"url":2898,"score":2899},"### Description\n\nCurrently the only one who emit the collision event is the rigidBody.\r\nI think it should be nice to add the emision to the custom colliders\n\n### Suggested solution\n\nFollow the same emit names but with custom colliders\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/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.",[2890,2893],{"name":2891,"color":2892},"enhancement","a2eeef",{"name":2879,"color":2880},148,"rapier","Custom Colliders should emit the collisions events too","2025-02-09T06:59:15Z","https://github.com/Tresjs/rapier/issues/148",0.7655253,{"description":2901,"labels":2902,"number":2906,"owner":2853,"repository":2882,"state":2907,"title":2908,"updated_at":2909,"url":2910,"score":2911},"### Description\n\nAs a developer using TresJS I would like to have a collection of small recipes demonstrating 3d concepts and integrations with libraries like gsap for animation.\n\n### Suggested solution\n\nReplace examples with a Cookbook section.\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.",[2903],{"name":2904,"color":2905},"docs","0075ca",557,"closed","Cookbook 🧑🍳 ","2024-03-05T08:26:19Z","https://github.com/Tresjs/tres/issues/557",0.7209116,{"description":2913,"labels":2914,"number":2915,"owner":2853,"repository":2864,"state":2907,"title":2916,"updated_at":2917,"url":2918,"score":2919},"### Describe the bug\n\nCameraControls not working, Scene cannot be interacted with.\n\n### Reproduction\n\nhttps://stackblitz.com/edit/vitejs-vite-eg7wqt\n\n### Steps to reproduce\n\n_No response_\n\n### System Info\n\n```shell\nsystem:\r\n OS: windows\r\n CPU: (8) x64 Intel(R) Core(TM) i7-8700 CPU @ 3.2GHz\r\n Memory: 0 Bytes / 0 Bytes\r\n Binaries:\r\n Node: 18.18.0\r\n Yarn: 1.22.19\r\n npm: 9.4.2\r\n pnpm: 8.14.0\r\n npmPackages:\r\n @tresjs/cientos: 3.7.0 => 3.7.0 \r\n @tresjs/core: 3.7.0 => 3.7.0 \r\n vite: ^5.0.12 => 5.0.12\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.",[],341,"CameraControls not working","2024-02-28T17:06:26Z","https://github.com/Tresjs/cientos/issues/341",0.7308916,{"description":2921,"labels":2922,"number":2926,"owner":2853,"repository":2882,"state":2907,"title":2927,"updated_at":2928,"url":2929,"score":2930},"\r\n![Uploading Screenshot 2023-05-03 at 13.36.05.png…]()\r\n\r\n\r\n**Describe the bug**\r\nThreeJS team introduced more breaking changes regarding color https://discourse.threejs.org/t/updates-to-color-management-in-three-js-r152/50791\r\n\r\n```\r\nChanges to property names:\r\n\r\nTHREE.WebGLRenderer property .outputEncoding renamed to .outputColorSpace\r\nTHREE.Texture property .encoding renamed to .colorSpace\r\nsRGBEncoding renamed to SRGBColorSpace\r\nLinearEncoding renamed to LinearSRGBColorSpace\r\nChanges to defaults:\r\n\r\nTHREE.WebGLRenderer property .outputColorSpace now defaults to sRGB (THREE.SRGBColorSpace)\r\nTHREE.ColorManagement.enabled now defaults to true\r\n\r\n```\r\n\r\n**Reproduction**\r\nhttps://tresjs.org/guide/\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 System:\r\n OS: macOS 13.2.1\r\n CPU: (8) arm64 Apple M1 Pro\r\n Memory: 79.83 MB / 16.00 GB\r\n Shell: 5.8.1 - /bin/zsh\r\n Binaries:\r\n Node: 18.14.1 - ~/.nvm/versions/node/v18.14.1/bin/node\r\n Yarn: 1.22.19 - /usr/local/bin/yarn\r\n npm: 9.3.1 - ~/.nvm/versions/node/v18.14.1/bin/npm\r\n Browsers:\r\n Brave Browser: 112.1.50.121\r\n Chrome: 112.0.5615.137\r\n Safari: 16.3\r\n npmPackages:\r\n @tresjs/cientos: 2.0.0-beta.6 => 2.0.0-beta.6 \r\n @tresjs/core: 2.0.0-beta.11 => 2.0.0-beta.11 \r\n vite: ^4.3.4 => 4.3.4 \r\n```\r\n\r\n**Additional context**\r\nAdd any other context about the problem here.\r\n",[2923],{"name":2924,"color":2925},"bug","d73a4a",243,"Three v152 color management changes","2023-05-03T11:55:08Z","https://github.com/Tresjs/tres/issues/243",0.73464876,{"description":2932,"labels":2933,"number":1508,"owner":2853,"repository":2864,"state":2907,"title":2935,"updated_at":2936,"url":2937,"score":2938},"### Describe the bug\r\n\r\nI used the component OrbitControls,\r\nBut set enableDamping, the controls has no damping\r\n\r\n### Reproduction\r\n\r\nhttps://stackblitz.com/edit/tresjs-basic-krexte?file=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\nnpm",[2934],{"name":2924,"color":2925},"Why does the enableDamping of orbitControls not take effect?","2023-05-24T07:22:27Z","https://github.com/Tresjs/cientos/issues/80",0.7355081,{"description":2940,"labels":2941,"number":1508,"owner":2853,"repository":2943,"state":2907,"title":2944,"updated_at":2945,"url":2946,"score":2938},"**Describe the bug**\r\nA scene using `EffectComposer` gets broken when resizing the screen\r\n\r\n**Reproduction**\r\n[Reproduction](https://stackblitz.com/edit/nuxt-starter-hzbvpr?file=nuxt.config.ts,app.vue,components%2FModel.vue)\r\n\r\n**Steps**\r\nSteps to reproduce the behavior:\r\n1. Go to '...'\r\n2. Resize Scene\r\n\r\n**Expected behavior**\r\nScene with post-processing doesn't break\r\n\r\n**Screenshots**\r\n\r\nhttps://github.com/Tresjs/post-processing/assets/4699008/ce16b034-1b7b-49df-a708-320cf13c9831\r\n\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 System:\r\n OS: macOS 14.1\r\n CPU: (8) arm64 Apple M1 Pro\r\n Memory: 89.77 MB / 16.00 GB\r\n Shell: 5.9 - /bin/zsh\r\n Binaries:\r\n Node: 18.14.1 - ~/.nvm/versions/node/v18.14.1/bin/node\r\n Yarn: 1.22.19 - /usr/local/bin/yarn\r\n npm: 9.3.1 - ~/.nvm/versions/node/v18.14.1/bin/npm\r\n Browsers:\r\n Brave Browser: 118.1.59.124\r\n Chrome: 119.0.6045.105\r\n Firefox: 118.0.1\r\n Safari: 17.1\r\n npmPackages:\r\n @tresjs/cientos: ^3.6.0 => 3.6.0 \r\n @tresjs/leches: 0.14.0-next.0 => 0.14.0-next.0 \r\n @tresjs/nuxt: ^1.2.2 => 1.2.2 \r\n @tresjs/post-processing: 0.6.0 => 0.6.0 \r\n```\r\n**Additional context**\r\nAdd any other context about the problem here.\r\n",[2942],{"name":2924,"color":2925},"post-processing","[Nuxt - Astro] Maximum recursive updates exceeded on window resize","2023-11-14T13:32:23Z","https://github.com/Tresjs/post-processing/issues/80",{"description":2948,"labels":2949,"number":2953,"owner":2853,"repository":2882,"state":2907,"title":2954,"updated_at":2955,"url":2956,"score":2957},"At the moment is not possible to have 2 or more \u003CTresCanvas/>` on the same page. \n\nShould be easier now that is a custom renderer, my wild guess is that composable is being shared between the two instances, so the second one doesn't create a singleton. v1 Also is not possible\n\nThis is a nice to have.\n\n",[2950],{"name":2951,"color":2952},"v2","FEE22E",153,"Multiple canvas in same page","2023-04-05T13:41:40Z","https://github.com/Tresjs/tres/issues/153",0.7476205,["Reactive",2959],{},["Set"],["ShallowReactive",2962],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fojg4eqXajSSTlGuIeEIs3h4vcSwOgeslHRBiVPksdl8":-1},"/Tresjs/tres/565"]