\r\n\u003C/template>\r\n```\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.",[2867,2870,2873],{"name":2868,"color":2869},"feature","c2e0c6",{"name":2871,"color":2872},"p3-significant","2C78E3",{"name":2874,"color":2875},"v5","EFC959",883,"Tresjs","tres","open","WebGPU support","2025-02-06T09:35:42Z","https://github.com/Tresjs/tres/issues/883",0.72740066,{"description":2885,"labels":2886,"number":2887,"owner":2877,"repository":2878,"state":2879,"title":2888,"updated_at":2889,"url":2890,"score":2891},"### Describe the bug\n\n\u003CTresCanvas v-bind=\"canvasConfig\" ref=\"TresCanvasRef\">\r\n \u003Ctemplate v-for=\"(item,i) in lightSetting\">\r\n \u003Ccomponent ref=\"lightRef\" :is=\"item.type\" v-light-helper v-bind=\"item.config\" />\r\n \u003C/template>\r\n\u003C/TresCanvas>\r\n\u003Cscript>\r\nconst options = [ {\r\n label: '平行光',\r\n value: 'TresDirectionalLight',\r\n },\r\n {\r\n label: '点光源',\r\n value: 'TresPointLight',\r\n },\r\n {\r\n label: '聚光灯',\r\n value: 'TresSpotLight',\r\n },\r\n {\r\n label: '半球光',\r\n value: 'TresHemisphereLight',\r\n }]\r\n const lightSetting = ref([{\r\n type: 'TresDirectionalLight',\r\n config: {\r\n position: [5, 5, 5],\r\n targets: [0, 0, 0],\r\n color: '#ffffff',\r\n intensity: 1,\r\n castShadow: false\r\n }\r\n }\r\n ])\r\n\u003C/script>\r\n当我改变 type 值的时候就报错 Cannot read properties of null (reading 'children'),不加 v-light-helper的时候正常不会报错。\n\n### Reproduction\n\n还未上线\n\n### Steps to reproduce\n\n\u003CTresCanvas v-bind=\"canvasConfig\" ref=\"TresCanvasRef\">\r\n \u003Ctemplate v-for=\"(item,i) in lightSetting\">\r\n \u003Ccomponent ref=\"lightRef\" :is=\"item.type\" v-light-helper v-bind=\"item.config\" />\r\n \u003C/template>\r\n\u003C/TresCanvas>\r\n\u003Cscript>\r\nconst options = [ {\r\n label: '平行光',\r\n value: 'TresDirectionalLight',\r\n },\r\n {\r\n label: '点光源',\r\n value: 'TresPointLight',\r\n },\r\n {\r\n label: '聚光灯',\r\n value: 'TresSpotLight',\r\n },\r\n {\r\n label: '半球光',\r\n value: 'TresHemisphereLight',\r\n }]\r\n const lightSetting = ref([{\r\n type: 'TresDirectionalLight',\r\n config: {\r\n position: [5, 5, 5],\r\n targets: [0, 0, 0],\r\n color: '#ffffff',\r\n intensity: 1,\r\n castShadow: false\r\n }\r\n }\r\n ])\r\n\u003C/script>\r\n当我改变 type 值的时候就报错 Cannot read properties of null (reading 'children'),不加 v-light-helper的时候正常不会报错。\n\n### System Info\n\n```shell\nCannot read properties of null (reading 'children')\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.",[],871," Cannot read properties of null (reading 'children')","2024-11-13T01:30:10Z","https://github.com/Tresjs/tres/issues/871",0.76531976,{"description":2893,"labels":2894,"number":2898,"owner":2877,"repository":2899,"state":2879,"title":2900,"updated_at":2901,"url":2902,"score":2903},"### Describe the bug\n\nWhen `:position` is set on a model/primitive, the `Html` wrapper remains as `display:none` and is not visible\n\n### Reproduction\n\nTBA, sorry\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/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.",[2895],{"name":2896,"color":2897},"needs reproduction","16309A",409,"cientos","`Html` remains `display:none` if `:position` is set on model","2024-05-08T13:52:27Z","https://github.com/Tresjs/cientos/issues/409",0.7702089,{"description":2905,"labels":2906,"number":2913,"owner":2877,"repository":2878,"state":2879,"title":2914,"updated_at":2915,"url":2916,"score":2917},"### Describe the bug\r\n\r\nDue to the debounced ref introduced in #512, the canvas only renders once the resize animation has finished.\r\n\r\nHow it's supposed to work\r\n\r\n\r\nIt can be fixed by moving renderer size update and the camera projection matrix update to before rendering or using useFps composable from vueuse to dynamically calculate debounceTime\r\n\r\n### Reproduction\r\n\r\nMonitor with refresh rate above 100 hz needed\r\n\r\nhttps://stackblitz.com/edit/stackblitz-starters-jtmew9?file=src%2FApp.vue\r\n### Steps to reproduce\r\n\r\nHave container of TresCanvas resize continuously. \r\n\r\n### System Info\r\n\r\n```shell\r\nSystem:\r\n OS: Linux 5.15 Ubuntu 22.04.4 LTS 22.04.4 LTS (Jammy Jellyfish)\r\n CPU: (12) x64 AMD Ryzen 5 5600X 6-Core Processor\r\n Memory: 12.28 GB / 15.58 GB\r\n Container: Yes\r\n Shell: 5.8.1 - /usr/bin/zsh\r\n Binaries:\r\n Node: 22.8.0 - ~/.asdf/installs/nodejs/22.8.0/bin/node\r\n npm: 10.8.2 - ~/.asdf/plugins/nodejs/shims/npm\r\n pnpm: 9.9.0 - ~/.local/share/pnpm/pnpm\r\n npmPackages:\r\n @tresjs/cientos: ^4.0.2 => 4.0.2 \r\n @tresjs/nuxt: ^3.0.7 => 3.0.7\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.",[2907,2910],{"name":2908,"color":2909},"bug","d73a4a",{"name":2911,"color":2912},"p3-minor-bug","F28C37",848,"Render issue with continuous resize animation","2024-10-18T20:46:48Z","https://github.com/Tresjs/tres/issues/848",0.77128637,{"description":2919,"labels":2920,"number":2927,"owner":2877,"repository":2878,"state":2879,"title":2928,"updated_at":2929,"url":2930,"score":2931},"**Is your feature request related to a problem? Please describe.**\r\nCurrently, the [toNonIndexed](https://threejs.org/docs/index.html#api/en/core/BufferGeometry.toNonIndexed) method \r\ndoesn't work\r\n\r\n**Describe the solution you'd like**\r\nI would like to manipulate the vertex by nonIndexed geometries\r\n\r\n**Suggested solution**\r\nadd a new prop to all geometries\r\nEj:\r\n\u003CBoxGeometry :args=\"[1,1,1, 10,10,10]\" toNonIndexed />\r\n\r\n**Additional context**\r\nThis is useful is you want to manipulate the vertex individually, in the vertex shader\r\n",[2921,2924],{"name":2922,"color":2923},"question","d876e3",{"name":2925,"color":2926},"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.77369833,{"description":2933,"labels":2934,"number":2938,"owner":2877,"repository":2939,"state":2940,"title":2941,"updated_at":2942,"url":2943,"score":2944},"thanks for this great package, it's so elagant, really appreciate\r\n\r\nI'm having difficulty in passing custom shader effect into the `EffectComposer`, is it possible currently?\r\n\r\n```\r\n\u003CSuspense>\r\n \u003CEffectComposer ref=\"composer\">\r\n \u003CBloom />\r\n \u003C/EffectComposer>\r\n\u003C/Suspense>\r\n```\r\nSuppose besides Bloom Effect, i still want to pass another shader effect, how could i achieve that?\r\n```\r\nimport { ShaderPass } from 'postprocessing';\r\nimport Shader from './shader.js\r\n\r\n\u003Cscript setup>\r\n const shaderEffect = new ShaderPass(Shader)\r\n const composer = ref()\r\n\r\n onMounted(()=>{\r\n if (composer.value) {\r\n composer.value.addPass(shaderEffect)\r\n composer.value.render()\r\n }\r\n })\r\n\u003C/script>\r\n\r\n```\r\nThat's my first attempt, but it didn't work, any help? thanks",[2935],{"name":2936,"color":2937},"investigation","D03599",86,"post-processing","closed","need help, How can we pass custom effect?","2024-07-14T20:46:52Z","https://github.com/Tresjs/post-processing/issues/86",0.4561666,{"description":2946,"labels":2947,"number":891,"owner":2877,"repository":2899,"state":2940,"title":2951,"updated_at":2952,"url":2953,"score":2954},"",[2948],{"name":2949,"color":2950},"dx","1576ad","Organize abstractions in subfolders","2023-05-04T07:28:45Z","https://github.com/Tresjs/cientos/issues/61",0.72099185,{"description":2956,"labels":2957,"number":891,"owner":2877,"repository":2939,"state":2940,"title":2961,"updated_at":2962,"url":2963,"score":2954},"**Describe the solution you'd like**\r\nThe library should support the god rays effect of [postprocessing](https://github.com/pmndrs/postprocessing).",[2958],{"name":2959,"color":2960},"enhancement","a2eeef","god rays effect","2025-03-09T17:04:09Z","https://github.com/Tresjs/post-processing/issues/61",{"description":2965,"labels":2966,"number":2972,"owner":2877,"repository":2878,"state":2940,"title":2973,"updated_at":2974,"url":2975,"score":2976},"### Description\r\n\r\nrender-loop initially not rendering\r\ncamera having different positions when changing via position = new Vector(x,y,z) or position.set(x,y,z)\r\n\r\n### Suggested solution\r\n\r\nbugfix\r\n\r\n### Alternative\r\n\r\n_No response_\r\n\r\n### Additional context\r\n\r\n```\r\n\u003CTresCanvas v-bind=\"canvasSettings\">\r\n\t\u003CTresPerspectiveCamera v-bind=\"cameraSettings\" />\r\n\t\u003COrbitControls v-bind=\"controlSettings\" />\r\n\u003C/TresCanvas>\r\n```\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.",[2967,2970],{"name":2968,"color":2969},"pending-triage","97A4FE",{"name":2896,"color":2971},"511ECF",692,"camera-position bug since version 3.8","2024-05-24T14:18:50Z","https://github.com/Tresjs/tres/issues/692",0.73693043,{"description":2978,"labels":2979,"number":2982,"owner":2877,"repository":2899,"state":2940,"title":2983,"updated_at":2984,"url":2985,"score":2986},"\nCheck if we can avoid deep exposure `.value.value`",[2980,2981],{"name":2908,"color":2909},{"name":2949,"color":2950},60,"Check defineExpose for refs","2023-05-31T09:01:21Z","https://github.com/Tresjs/cientos/issues/60",0.7588679,["Reactive",2988],{},["Set"],["ShallowReactive",2991],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fA7fxCzQzplwOsPPHOZRVsyYoNIKNaUvyXUpngzsOapI":-1},"/Tresjs/leches/86"]