`](https://github.com/pmndrs/drei/blob/514be0d1ff88b43c07cf246da9dca3517ea14d9a/src/core/Instances.tsx#L22)\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.",[2914,2917],{"name":2915,"color":2916},"feature","c2e0c6",{"name":2918,"color":2919},"p2-nice-to-have","D4C5F9",342,"Equivalent of Three.js's `InstancedMesh`","2024-04-02T09:44:50Z","https://github.com/Tresjs/cientos/issues/342",0.7761136,{"description":2926,"labels":2927,"number":2932,"owner":2868,"repository":2933,"state":2870,"title":2934,"updated_at":2935,"url":2936,"score":2937},"## Expected\r\n\r\n```\r\n\u003CMyMaterial defines-STANDARD=\"myValue\" />\r\n```\r\n\r\n... should patch `defines.STANDARD`. \r\n\r\n## Bug\r\n\r\nIt patches `defines.standard`.\r\n\r\n## Cause\r\n\r\nWhen patching, `src/nodeOps.ts` lowercases pierced props.\r\n\r\nhttps://github.com/Tresjs/tres/blob/98109af7d501da1ae5f817e7dc61c6d6ad902891/src/core/nodeOps.ts#L227\r\n\r\n## Context\r\n\r\nTHREE materials have a [`defines` property](https://threejs.org/docs/index.html?q=shader#api/en/materials/Material.defines). It's an object whose key/value pairs are injected into the material's shader during compilation. \r\n\r\nBy convention, the keys are written in ALL_CAPS case. This is the case for all THREE materials and for many external materials for use in the THREE ecosystem.\r\n\r\nFor example, here's `MeshStandardMaterial`'s `defines`:\r\n\r\n```\r\n this.defines = { 'STANDARD': '' };\r\n```\r\n\r\nhttps://github.com/mrdoob/three.js/blob/ef80ac74e6716a50104a57d8add6c8a950bff8d7/src/materials/MeshStandardMaterial.js#L73\r\n\r\n## Workaround\r\n\r\nI'm working on porting a material to Cientos. It extends THREE.MeshStandardMaterial and adds 3 defines. The extended material follows THREE's convention and uses ALL_CAPS case for the keys.\r\n\r\nThe workaround I'm currently using modifies the material's source. That would otherwise be unnecessary and means that if the original material is updated in the future, we can't simply grab a copy and insert it into Tres.\r\n\r\nThis is possible in this case, because I'm extending `MeshStandardMaterial`. However, under the current Tres setup, one can't meaningfully use `:defines-X` as a prop on built-in materials, as far as I can see.\r\n\r\n### Reproduction\r\n\r\nhttps://stackblitz.com/edit/tresjs-basic-akdmgw?file=src%2Fcomponents%2FTheExperience.vue\r\n\r\n### Steps to reproduce\r\n\r\nSee StackBlitz.\r\n\r\n### System Info\r\n\r\n```shell\r\nAll systems affected\r\n```\r\n\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.",[2928,2929],{"name":2879,"color":2880},{"name":2930,"color":2931},"p2-edge-case","ABCC40",605,"tres","THREE material `defines` can't be set via Tres props","2024-03-28T23:48:53Z","https://github.com/Tresjs/tres/issues/605",0.7806416,{"description":2939,"labels":2940,"number":2941,"owner":2868,"repository":2888,"state":2870,"title":2942,"updated_at":2943,"url":2944,"score":2945},"### Describe the bug\n\nI've been using the `GLTFModel` component to load my models.\nUnfortunately, I can't programmatically modify or even access them.\nThe documentation provides this example:\n``` \n\u003Cscript setup lang=\"ts\">\nimport { GLTFModel, OrbitControls } from '@tresjs/cientos'\n\nconst modelRef = shallowRef\u003CTHREE.Object3D>()\n\nwatch(modelRef, (model) => {\n // Do something with the model\n model.position.set(0, 0, 0)\n})\n\u003C/script>\n``` \nUnfortunately, the object I receive in return is not a 3D Model. I don't even know what it is.\nIt looks like a `ref` without a `.value`, and I can't access any value.\n\nIt's something like this:\n```\n{\n \"dep\": {\n \"version\": 1,\n \"sc\": 0\n },\n \"__v_isRef\": true,\n \"__v_isShallow\": false,\n \"_rawValue\": {\n \"instance\": {\n \"metadata\": {\n \"version\": 4.6,\n \"type\": \"Object\",\n \"generator\": \"Object3D.toJSON\"\n },\n \"geometries\": [\n```\nI found a better approach, but unfortunately, it produces the same results. Instead of using `watch`, I’m now using the `@resolve` event from `Suspense`, which wraps the `GLTFModel`.\n\nHow can we programmatically modify the object when using the `GLTFModel` component?\n\n### Reproduction\n\nhttps://stackblitz.com/edit/tresjs-basic-tktzn1zk?file=src%2Fcomponents%2FTheExperience.vue\n\n### Steps to reproduce\n\n1. Wait to load up\n2. Check the console logs\n\n### System Info\n\n```shell\nSystem:\n OS: Windows 11 10.0.26100\n CPU: (20) x64 12th Gen Intel(R) Core(TM) i7-12700H\n Memory: 2.57 GB / 15.68 GB\n Binaries:\n Node: 18.20.4 - C:\\Program Files\\nodejs\\node.EXE\n npm: 10.7.0 - C:\\Program Files\\nodejs\\npm.CMD\n Browsers:\n Edge: Chromium (132.0.2957.127)\n Internet Explorer: 11.0.26100.1882\n npmPackages:\n @tresjs/cientos: ^4.1.0 => 4.1.0\n @tresjs/core: ^4.3.2 => 4.3.2\n vite: ^6.0.11 => 6.0.11\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.",[],594,"Cant reach the model with `GLTFModel`","2025-03-05T12:22:33Z","https://github.com/Tresjs/cientos/issues/594",0.7901899,{"description":2947,"labels":2948,"number":2867,"owner":2868,"repository":2906,"state":2950,"title":2951,"updated_at":2952,"url":2953,"score":2874},"**Is your feature request related to a problem? Please describe.**\r\nWould be pretty nice if just by using `useControls` the vue component gets teleported on added to the VDom three instead of having to import it\r\n\r\nSame for CSS https://www.npmjs.com/package/vite-plugin-css-injected-by-js\r\n\r\n",[2949],{"name":2897,"color":2898},"closed","Avoid having to import component and styles","2023-12-13T10:00:34Z","https://github.com/Tresjs/leches/issues/73",{"description":2955,"labels":2956,"number":2958,"owner":2868,"repository":2888,"state":2950,"title":2959,"updated_at":2960,"url":2961,"score":2962},"### Description\n\nAdd a component stats, to measure the performance of the scene\n\n### Suggested solution\n\nSee https://github.com/pmndrs/drei#stats\n\n### Alternative\n\nstatsGI\n\n### Additional context\n\nWhen finish this component add a new issue to add statsGI\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.",[2957],{"name":2900,"color":2901},158,"stats","2023-09-05T17:56:54Z","https://github.com/Tresjs/cientos/issues/158",0.70145917,{"description":2964,"labels":2965,"number":2966,"owner":2868,"repository":2933,"state":2950,"title":2967,"updated_at":2968,"url":2969,"score":2970},"### Description\n\nCurrently `useGLTF` only supports Draco compressed glTF models. It would be very nice to also support KTX2.0 textures.`\n\n### Suggested solution\n\nAdd `ktx2` and `transcoderPath` options in `useGLTF` and `GLTFModel`.\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.",[],559,"glTF KTX2.0 Texture support","2024-02-23T13:59:54Z","https://github.com/Tresjs/tres/issues/559",0.73995036,{"description":2972,"labels":2973,"number":2977,"owner":2868,"repository":2888,"state":2950,"title":2978,"updated_at":2979,"url":2980,"score":2981},"### Describe the bug\n\n\r\n\r\nAt some point, the helper throws error, seems related to this line in the component.\r\n\r\n\r\n\n\n### Reproduction\n\nhttps://github.com/Tresjs/cientos/blob/main/src/core/staging/ContactShadows.vue\n\n### Steps to reproduce\n\nRun the cientos playground.\r\n\r\nGo to the contactShadow component\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.",[2974],{"name":2975,"color":2976},"p3-minor-bug","F28C37",401,"Contact Shadow helper throws errors","2024-05-03T13:35:42Z","https://github.com/Tresjs/cientos/issues/401",0.7559238,["Reactive",2983],{},["Set"],["ShallowReactive",2986],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$frnbfU6hU3SAgkGLYMks3LKENzuhe6_cM-Hb3dW5yUg0":-1},"/Tresjs/tres/912"]