\n\n### Reproduction\n\nhttps://play.tresjs.org/#eNqdVV1z4jYU/SsaZzp5KNgmJGnrsh0K+zHbaXYzC9OX9T4I+wYrkSWNJAhMhv/eK4kPm02zpJhh8L1HR0dHuldP0VSD+VOpeLmAKIsGptBMWWLALhThVMzf5JE1efRHLlitpLbkiYyoYcWkoqV8vKGqQyZfPozGkks9UbSADvkkp1IAphQT8w75BwordZ9syJ2WNTm3lQY4/71B6DSMqVhSswcNLcbuTVJI3cZ+1jNmx1JYLfkzcAbCSuNG5KKQwlgy5+QNecoFIQUHqr3QjJyf/XrxdjS+Ou+4jPGLMRmxegE+QrmqaEbuKDchECC4qOlaQXbsgUPIhVULlLYzIjs2xoHswZnsyKhcbFD2IAlbgIaHZ2ChVpxawAghg4ZXy+6MiRI3aM79BhH8+PwtaKPQdbaEMa1BU5IpaZhlUiD6628dfL7lEUl2g9qm1kx0S2YsFQUg/iLNoz3S0d+AqdqM3YsOwW/qSDMtLd0l0g65obaKbz+G7JZmtw5c/QeQNVi9JhnVc+PG9DqkF191SL8psTH1VEqBpKAZ5aRw9uKo7XY2F5XsBrysHSW6r5usoMZ2w0a3px3J1TM6ncjdz6u0Xr53z//Qih47q793cqIq0AcvT1byfjRK+6MfKnnLtDtOUlD+N5tX9jsHUdSl33wmLAhMrTHRiy/apm5nCXOEQ4yBQdI44fhq7Jq7v5WtORbFTJbrUL81Os9ERlIsE0IULUtfReG1AicsI700/ckHHllpq/37JhdnWGeB6AdYQma0eJhruRBl11uVkbM0dfMgDRaoFxh1otCUujVV8b2RAvunp8+3CWybWZjQxZodzSXyqLJWmSxJilLg+BI4W+pYgE2EqpMmfNiPr+Ne4moycWFE55FvJy3i0Ptewx1GIP0vcXqg34bbs9hHoA+KilO077HDyzjdC98FY+wvR9zuRjiF1+GGyHidot6fwdRNG/AGWxg42d8GfNhL4ytkxG4Kq7huu7vF4QnWUL6COAx4iRqB3RJqdgLpDuoWfxlfJ5zNmpSOEY/mBs+kNXjt3bH50YksZK0YB/1Zuaptn0zKuXz8y8f2958fU0Hx8Ez83qyC5Fs8LKCXaPdhK7FGwYb0u8knWOH/fbKW5YJvN+c/kl/ASL5wGgNshDWIshs4r/ajLzAs/6l5t/IdZ7uollCLV7WPft21w/1ZC4Fv3jiP99sxfsGlw8r6cX9v+OZfbu8GKw==\n\n### Steps to reproduce\n\nOpen the reproduction-url and use the orbit-controls -> camera will jump.\n\n### System Info\n\n```shell\nUsing the tresjs playground with the latest Edge browser.\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.",[2891],{"name":2892,"color":2893},"pending-triage","97A4FE",791,"tres","reactive property bug","2024-08-21T09:46:13Z","https://github.com/Tresjs/tres/issues/791",0.74468905,{"description":2901,"labels":2902,"number":2909,"owner":2862,"repository":2895,"state":2864,"title":2910,"updated_at":2911,"url":2912,"score":2913},"## Problem\r\n\r\nOpening a link in a new tab causes TresCanvas with manual rendering to be blank.\r\n\r\nhttps://github.com/Tresjs/tres/assets/20469369/382e1c7f-c6e9-42f1-9136-d829032ff7b5\r\n\r\n\r\n### Reproduction\r\n\r\nN/A\r\n\r\n### Steps to reproduce\r\n\r\n* `pnpm run playground`\r\n* Navigate to http://localhost:5173/\r\n* Ctrl/Command + click \"Manual rendering\" to open in a new tab\r\n* Wait a moment ~ 2 seconds\r\n* Switch to new tab\r\n\r\n### System Info\r\n\r\n```shell\r\nTested in latest Chrome and FF on Mac.\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.",[2903,2906],{"name":2904,"color":2905},"bug","d73a4a",{"name":2907,"color":2908},"p2-edge-case","ABCC40",720,"Manual rendering (edge case): canvases loaded into new tabs are initially blank","2024-06-04T20:56:47Z","https://github.com/Tresjs/tres/issues/720",0.7459033,{"description":2915,"labels":2916,"number":2917,"owner":2862,"repository":2895,"state":2864,"title":2918,"updated_at":2919,"url":2920,"score":2921},"### 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.7476431,{"description":2923,"labels":2924,"number":2927,"owner":2862,"repository":2895,"state":2864,"title":2928,"updated_at":2929,"url":2930,"score":2931},"### Description\n\nAs a developer using Tres I would like to have an easy and fast way to add or remove layers to my instances.\r\n\r\n\n\n### Suggested solution\n\nMy suggestion is something like:\r\n\r\n\u003CTresMesh v-layer:enable=\"1\" />\r\n\r\nWe should accept an array too\r\n\u003CTresMesh v-layer:enable=\"[1, 2, 3]\" />\r\n\r\nAnd of course other methods like: disable, test (maybe with a console.log), toggle\r\n\r\nFor more info, check:\r\nhttps://threejs.org/docs/index.html?q=layers#api/en/core/Layers\r\n\n\n### Alternative\n\nAny other alternative is considered\n\n### Additional context\n\nAs we discuss, you can achieve this by using template ref, but sometimes is just too much code, this Issue will could improve the UX\r\n\r\nFollowing the directives pattern (to make our user easier)\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.",[2925,2926],{"name":2853,"color":2854},{"name":2859,"color":2860},543,"v-layer directive","2024-03-30T15:32:13Z","https://github.com/Tresjs/tres/issues/543",0.7525456,{"description":2933,"labels":2934,"number":2942,"owner":2862,"repository":2895,"state":2864,"title":2943,"updated_at":2944,"url":2945,"score":2946},"### Describe the bug\n\nI tried writing this code in `tresjs v 4.0.2`\r\n```vue \u003CTresGroup>\r\n \u003CTresPerspectiveCamera :position=\"[5, 5, 5]\" />\r\n \u003COrbitControls />\r\n \u003CTresAmbientLight :intensity=\"0.5\" color=\"red\" />\r\n \u003CTresMesh ref=\"boxRef\" :position=\"[0, 2, 0]\">\r\n \u003CTresBoxGeometry :args=\"[1, 1, 1]\" />\r\n \u003CTresMeshNormalMaterial />\r\n \u003C/TresMesh>\r\n \u003CTresDirectionalLight :position=\"[0, 2, 4]\" :intensity=\"1\" cast-shadow />\r\n \u003CTresAxesHelper />\r\n \u003CTresGridHelper :args=\"[10, 10, 0x444444, 'teal']\" />\r\n \u003C/TresGroup>\r\n````\r\nThen I got this\r\n\r\n\r\n**However, it can run correctly in `v3.9.0`**\r\n\r\n\n\n### Reproduction\n\nhttps://stackblitz.com/~/github.com/hexianWeb/starter\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.",[2935,2938,2941],{"name":2936,"color":2937},"question","d876e3",{"name":2939,"color":2940},"waiting for author","B145BC",{"name":2907,"color":2908},727,"`Camera` wrapped by `TresGroup` cannot be used properly after `version 4.0`","2024-06-15T11:45:11Z","https://github.com/Tresjs/tres/issues/727",0.75680035,{"description":2948,"labels":2949,"number":2953,"owner":2862,"repository":2863,"state":2864,"title":2954,"updated_at":2955,"url":2956,"score":2957},"### 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.",[2950],{"name":2951,"color":2952},"needs reproduction","16309A",409,"`Html` remains `display:none` if `:position` is set on model","2024-05-08T13:52:27Z","https://github.com/Tresjs/cientos/issues/409",0.76000625,{"description":2959,"labels":2960,"number":2964,"owner":2862,"repository":2895,"state":2965,"title":2966,"updated_at":2967,"url":2968,"score":2969},"### Describe the bug\n\nWe should automatically invalidate when useTexture resolves the textures fetching. Is not really noticeable on the reproduction but I have a asset heavy demo that occurs \n\nhttps://github.com/user-attachments/assets/bfe5ce99-64c8-4b7a-aeea-c97858614a8c\n\n### Reproduction\n\nhttps://stackblitz.com/~/edit/tresjs-minimal-reproduction-sht9ttt5?file=src/App.vue\n\n### Steps to reproduce\n\n_No response_\n\n### System Info\n\n```shell\nSystem:\n OS: Linux 5.0 undefined\n CPU: (4) x64 Intel(R) Core(TM) i9-9880H CPU @ 2.30GHz\n Memory: 0 Bytes / 0 Bytes\n Shell: 1.0 - /bin/jsh\n Binaries:\n Node: 18.20.3 - /usr/local/bin/node\n Yarn: 1.22.19 - /usr/local/bin/yarn\n npm: 10.2.3 - /usr/local/bin/npm\n pnpm: 8.15.6 - /usr/local/bin/pnpm\n npmPackages:\n @tresjs/cientos: 4.1.0 => 4.1.0 \n @tresjs/core: 4.3.2 => 4.3.2 \n @tresjs/leches: ^0.14.0 => 0.14.0 \n vite: ^6.0.3 => 6.0.5\n```\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.",[2961],{"name":2962,"color":2963},"p4-important-bug","D93F0B",909,"closed","on-demand invalidation not triggered when assets are loaded.","2025-02-06T09:34:37Z","https://github.com/Tresjs/tres/issues/909",0.6667045,["Reactive",2971],{},["Set"],["ShallowReactive",2974],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fFwjgoe1ne_d8HPvxkw1OT6z5FKoAbWOhDnRBGxveDi0":-1},"/Tresjs/cientos/457"]