\r\n\r\n**Additional context**\r\nThis is useful is you want to manipulate the vertex individually, in the vertex shader\r\n",[2893,2896],{"name":2894,"color":2895},"question","d876e3",{"name":2897,"color":2898},"waiting for author","B145BC",230,"Support inline method in geometries ( EJ: toNonIndexed , setFromPoints)","2025-02-21T16:45:38Z","https://github.com/Tresjs/tres/issues/230",0.7281462,{"description":2905,"labels":2906,"number":2907,"owner":2860,"repository":2861,"state":2862,"title":2908,"updated_at":2909,"url":2910,"score":2911},"### Describe the bug\n\nI am trying to clip materials using local clipping planes, but no matter what I do, I am not able to access the localClippingEnabled attribute on the instance of the WebGLRenderer. \r\n\r\nI think the most simple solution would be: \r\n```HTML\r\n\u003CTresCanvas ref=\"canvas\" :shadows=\"true\" :local-clipping-enabled=\"true\">\r\n\u003C/TresCanvas>\r\n```\r\n... but this is not working.\r\n\r\nI've tried using:\r\n```\r\nconst { renderer } = useTresContext()\r\nrenderer.value.localClippingEnabled = true\r\n```\r\nbut I get this error:\r\n```\r\nUncaught TypeError: Cannot read properties of undefined (reading 'x')\r\n```\n\n### Reproduction\n\nhttps://stackblitz.com/edit/tresjs-basic-eaxcaf?file=src%2Fcomponents%2FTheExperience.vue\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/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.",[],684,"LocalClippingEnabled","2024-05-27T08:33:39Z","https://github.com/Tresjs/tres/issues/684",0.73405135,{"description":2913,"labels":2914,"number":2921,"owner":2860,"repository":2922,"state":2923,"title":2924,"updated_at":2925,"url":2926,"score":2927},"### Description\n\nAs a developer using Tresjs I would like to create sprite animations by cycling through a sequence of frames from a sprite sheet image or JSON data, so I could add sprites images to my 3D spaces.\n\n### Suggested solution\n\nInspired by: https://github.com/pmndrs/drei#sprite-animator\n\n### Alternative\n\nFeel free to suggest other alternatives\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.",[2915,2918],{"name":2916,"color":2917},"good first issue","7057ff",{"name":2919,"color":2920},"p2-nice-to-have","D4C5F9",247,"cientos","closed","Sprite component","2024-06-07T14:02:38Z","https://github.com/Tresjs/cientos/issues/247",0.65709287,{"description":2929,"labels":2930,"number":2938,"owner":2860,"repository":2861,"state":2923,"title":2939,"updated_at":2940,"url":2941,"score":2942},"**Is your feature request related to a problem? Please describe.**\r\n`useRenderLoop` only provides the register methods like `onBeforeLoop`、`onLoop`、`onAfterLoop`. But, there are no `off-*` methods to remove callback. so, do we need to add some `off-*`methods?\r\n\r\n**Describe the solution you'd like**\r\nadd some methods: `offBeforeLoop`、`offLoop`、`offAfterLoop`\r\n\r\n**Additional context**\r\nYeah, there is a way to remove callback like\r\n```JavaScript\r\nconst offMethod = onBeforeLoop(callback)\r\n// off\r\noffMethod.off() \r\n```\r\n\r\nBut I think a specific API like `offBeforeLoop` is a better choice. 😜",[2931,2934,2937],{"name":2932,"color":2933},"help wanted","008672",{"name":2935,"color":2936},"wontfix","ffffff",{"name":2897,"color":2898},202,"need to add some `off-*`methods?","2024-01-19T14:56:38Z","https://github.com/Tresjs/tres/issues/202",0.7005025,{"description":2944,"labels":2945,"number":2957,"owner":2860,"repository":2861,"state":2923,"title":2958,"updated_at":2959,"url":2960,"score":2961},"### Describe \r\n\r\nAs a developer using TresJS, I would like the tone-mapping of the renderer to be set to `ACESFilmicToneMapping` as default.\r\n\r\nThis will introduce a Breaking change.\r\n\r\nDecisions based on feedback from the community: \r\n\r\n\r\n\r\n\r\n\r\n\r\nFrom left to right: r3f, Tres, Threlte\r\n\r\n\r\n\r\n\r\n## Docs\r\n\r\n[Render defaults](https://docs.pmnd.rs/react-three-fiber/api/canvas#render-defaults)\r\nCanvas uses [createRoot](https://docs.pmnd.rs/react-three-fiber/api/canvas#createroot) which will create a translucent THREE.WebGLRenderer with the following constructor args:\r\n\r\nantialias=true\r\nalpha=true\r\npowerPreference=\"high-performance\"\r\nand with the following properties:\r\n\r\noutputColorSpace = THREE.SRGBColorSpace\r\ntoneMapping = THREE.ACESFilmicToneMapping\r\nIt will also create the following scene internals:\r\n\r\nA THREE.Perspective camera\r\nA THREE.Orthographic cam if orthographic is true\r\nA THREE.PCFSoftShadowMap if shadows is true\r\nA THREE.Scene (into which all the JSX is rendered) and a THREE.Raycaster\r\nIn recent versions of threejs, THREE.ColorManagement.enabled will be set to true to enable automatic conversion of colors according to the renderer's configured color space. R3F will handle texture color space conversion. For more on this topic, see https://threejs.org/docs/#manual/en/introduction/Color-management.\r\n\r\n",[2946,2947,2948,2951,2954],{"name":2916,"color":2917},{"name":2932,"color":2933},{"name":2949,"color":2950},"feature","c2e0c6",{"name":2952,"color":2953},"discussion 💭","AE4C80",{"name":2955,"color":2956},"v4","7980EA",492,"Set tone-mapping default to ACESFilmicToneMapping","2024-01-27T11:58:47Z","https://github.com/Tresjs/tres/issues/492",0.71593785,{"description":2963,"labels":2964,"number":2965,"owner":2860,"repository":2861,"state":2923,"title":2966,"updated_at":2967,"url":2968,"score":2969},"### Describe the bug\r\n\r\nThis is more likely me doing something wrong than a bug. I am trying to setup a simple scene, where a sphere is put in front of a plane with a photo. \r\nThe sphere has [Meshtransmissionmaterial](https://github.com/pmndrs/drei-vanilla?tab=readme-ov-file#meshtransmissionmaterial) applied to it. It seems to work but the sphere is only black instead of transparent.\r\n\r\n\u003Cimg width=\"1213\" alt=\"Bildschirmfoto 2024-11-29 um 01 05 56\" src=\"https://github.com/user-attachments/assets/b82dfc5c-c4f1-46e6-aefa-0d3345a989ca\">\r\n\r\n\r\n```vue\r\n\u003Cscript setup lang=\"ts\">\r\nimport {\r\n Mesh,\r\n MeshStandardMaterial,\r\n PlaneGeometry,\r\n SphereGeometry,\r\n} from \"three\";\r\n\r\nimport { MeshTransmissionMaterial } from \"@pmndrs/vanilla\";\r\nimport { TresCanvas, useTexture } from \"@tresjs/core\";\r\n\r\nconst geometry = new SphereGeometry(0.4);\r\nconst material = new MeshTransmissionMaterial({\r\n _transmission: 1,\r\n thickness: 0,\r\n roughness: 0,\r\n chromaticAberration: 0.03,\r\n distortion: 0,\r\n distortionScale: 0.5,\r\n temporalDistortion: 0.0,\r\n});\r\nconst meshWithMaterial = new Mesh(geometry, material);\r\nconst { map } = await useTexture({\r\n map: \"/lola.jpg\",\r\n});\r\nconst meshPlane = new Mesh(\r\n new PlaneGeometry(0.7, 0.7),\r\n new MeshStandardMaterial({ map })\r\n);\r\n\u003C/script>\r\n\r\n\u003Ctemplate>\r\n \u003CTresCanvas>\r\n \u003CTresPerspectiveCamera :position=\"[0, 0, 4]\" />\r\n \u003CTresGroup :scale=\"3\">\r\n \u003Cprimitive :object=\"meshWithMaterial\" />\r\n \u003Cprimitive :object=\"meshPlane\" />\r\n \u003C/TresGroup>\r\n \u003CTresHemisphereLight :intensity=\"3\" />\r\n \u003C/TresCanvas>\r\n\u003C/template>\r\n```",[],874,"\"Drei Vanilla\"’s MeshTransmissionMaterial renders only black sphere","2024-12-01T12:42:17Z","https://github.com/Tresjs/tres/issues/874",0.7192547,{"description":2971,"labels":2972,"number":2973,"owner":2860,"repository":2861,"state":2923,"title":2974,"updated_at":2975,"url":2976,"score":2977},"### Describe the bug\n\nOn v-for loop to add dynamic objects to trescanvas I need to get parent object entity. But is dispatching click event on every loop.\r\n\n\n### Reproduction\n\nhttps://stackblitz.com/edit/tresjs-basic-nqq9sk?file=src%2Fcomponents%2FTheExperience.vue\n\n### Steps to reproduce\n\nOn top left screen is a counter of how many times is @click event launched.\r\n\r\n\r\n\r\nYou can add more elements in entities array and the click events are always de length of array.\r\n\r\nIf you replace @click=\"onClick(entity)\" with @click=\"onClick()\". You can now see clicked events are 0, and clicking on line is working.\r\n\r\n```\r\n\u003CTresCanvas>\r\n \u003CLine2\r\n :points=\"entities[0].points\"\r\n :line-width=\"2\"\r\n :color=\"entities[0].visible ? entities[0].color : '#ddd'\"\r\n @click=\"console.log('click', entities[0])\"\r\n />\r\n\u003C/TresCanvas>\r\n```\n\n### System Info\n\n```shell\nSystem:\r\n OS: Windows 11 10.0.22621\r\n CPU: (8) x64 AMD Ryzen 5 3400G with Radeon Vega Graphics \r\n Memory: 16.27 GB / 31.91 GB\r\n Binaries:\r\n Node: 20.9.0 - C:\\Program Files\\nodejs\\node.EXE\r\n npm: 10.1.0 - C:\\Program Files\\nodejs\\npm.CMD\r\n Browsers:\r\n Edge: Chromium (119.0.2151.44)\r\n Internet Explorer: 11.0.22621.1\r\n npmPackages:\r\n @tresjs/cientos: ^3.6.0 => 3.6.0 \r\n @tresjs/nuxt: ^1.2.2 => 1.2.2 \r\n @tresjs/post-processing: ^0.5.0 => 0.5.0\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/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.",[],460,"v-for and @click event dispatch on every item","2023-12-13T08:40:11Z","https://github.com/Tresjs/tres/issues/460",0.72297716,["Reactive",2979],{},["Set"],["ShallowReactive",2982],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$f1E_219hwfPVIS7Tg_luxmQIbBapQU775svaBt5g4GmU":-1},"/Tresjs/rapier/127"]