\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,"Tresjs","tres","open"," Cannot read properties of null (reading 'children')","2024-11-13T01:30:10Z","https://github.com/Tresjs/tres/issues/871",0.7245001,{"description":3028,"labels":3029,"number":3039,"owner":3020,"repository":3021,"state":3022,"title":3040,"updated_at":3041,"url":3042,"score":3043},"### Description\n\nWebGPU [Three.js r171](https://github.com/mrdoob/three.js/releases) has been released and it’s a major milestone for WebGPU integration with third-party libraries such as React Three Fiber and bundlers like Vite or Next.js. We can now do this with zero configuration:\r\n\r\nThree.js Vanilla Three.js\r\n\r\n```ts\r\nimport * as THREE from 'three'\r\nimport { WebGPURenderer } from 'three/webgpu'\r\n \r\nconst renderer = new WebGPURenderer()\r\n```\r\n\r\nR3F\r\n\r\n```ts\r\nimport { Canvas } from '@react-three/fiber'\r\nimport { WebGPURenderer } from 'three/webgpu'\r\n \r\n\u003CCanvas gl={canvas => new WebGPURenderer({ canvas })}>\r\n```\n\n### Suggested solution\n\nEnable a `renderer` prop to override the renderer, restricted to canvas-based WebGL/WebGPU renderers.\r\n\r\n```vue\r\n\u003Cscript setup>\r\nimport { WebGPURenderer } from 'three/webgpu'\r\n\u003C/script>\r\n\r\n\u003Ctemplate>\r\n \u003CTresCanvas :renderer=\"WebGPURenderer\" />\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.",[3030,3033,3036],{"name":3031,"color":3032},"feature","c2e0c6",{"name":3034,"color":3035},"p3-significant","2C78E3",{"name":3037,"color":3038},"v5","EFC959",883,"WebGPU support","2025-02-06T09:35:42Z","https://github.com/Tresjs/tres/issues/883",0.7251044,{"description":3045,"labels":3046,"number":3053,"owner":3020,"repository":3054,"state":3022,"title":3055,"updated_at":3056,"url":3057,"score":3058},"### Describe the bug\n\n`useProgress` uses threejs `DefaultLoadingManager` under the hood. Progress restarts with concurrent resources\n\n### Reproduction\n\nhttps://lab.tresjs.org/experiments/potions-classroom\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.",[3047,3050],{"name":3048,"color":3049},"bug","d73a4a",{"name":3051,"color":3052},"p3-minor-bug","F28C37",575,"cientos","useProgress re-starts when other resources start loading","2025-01-02T14:42:43Z","https://github.com/Tresjs/cientos/issues/575",0.7559769,{"description":3060,"labels":3061,"number":3072,"owner":3020,"repository":3021,"state":3022,"title":3073,"updated_at":3074,"url":3075,"score":3076},"### Description\n\nAdd https://github.com/Tresjs/.github/blob/main/CONTRIBUTING.md to the docs\n\n### Suggested solution\n\nCreate a new page in your docs directory (e.g., contributing.md)\nUse the VitePress remote markdown inclusion feature to fetch and embed the content directly from GitHub:\n\n```md\n# Contributing to TresJS\n\n\u003Cscript setup>\nimport { onMounted, ref } from 'vue'\n\nconst content = ref('')\n\nonMounted(async () => {\n const response = await fetch('https://raw.githubusercontent.com/Tresjs/.github/main/CONTRIBUTING.md')\n content.value = await response.text()\n})\n\u003C/script>\n\n\u003Cdiv v-html=\"content\" class=\"remote-markdown\">\u003C/div>\n```\n\nAdd this page to your navigation sidebar in the VitePress config\n\nIf you need more customization or if the above approach doesn't work well with your setup, you could:\n\nCreate a build script that pulls the content from GitHub and saves it as a local file during build time\nUse a GitHub workflow to automatically sync the file when changes are made\nSimply copy the content manually and set up a reminder to update it periodically\n\nWould you like more specific implementation details for any of these approaches?\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.",[3062,3065,3068,3071],{"name":3063,"color":3064},"docs","0075ca",{"name":3066,"color":3067},"good first issue","7057ff",{"name":3069,"color":3070},"help wanted","008672",{"name":3034,"color":3035},955,"[Docs]: add Contribution guidelines to docs","2025-03-15T09:03:59Z","https://github.com/Tresjs/tres/issues/955",0.76191,{"description":3078,"labels":3079,"number":3080,"owner":3020,"repository":3054,"state":3022,"title":3081,"updated_at":3082,"url":3083,"score":3084},"### Describe the bug\r\n\r\nconst text = ref('this is text!')\r\n\r\nconst onClick = ( )=>{\r\n text.value='text change!'\r\n}\r\n\r\n\r\n\r\n \u003CTresMesh @click=\"onClick\" :position=\"[1, 1, 1]\">\r\n \u003CTresBoxGeometry />\r\n \u003CTresMeshNormalMaterial />\r\n \u003CHtml\r\n center\r\n transform\r\n :distance-factor=\"4\"\r\n :position=\"[0, 0, 0.65]\"\r\n :scale=\"[0.75, 0.75, 0.75]\"\r\n >\r\n \u003Ch1 class=\"bg-white dark:bg-dark text-xs p-1 rounded\">\r\n {{ text }}\r\n \u003C/h1>\r\n \u003C/Html>\r\n \u003C/TresMesh>\r\n\r\n\r\n### Reproduction\r\n\r\nN\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\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/cientos/blob/main/CODE_OF_CONDUCT.md)\r\n- [X] Read the [Contributing Guidelines](https://github.com/Tresjs/cientos/blob/main/CONTRIBUTING.md).\r\n- [X] Read the [docs](https://cientos.tresjs.org/guide).\r\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.\r\n- [X] The provided reproduction is a [minimal reproducible example](https://stackoverflow.com/help/minimal-reproducible-example) of the bug.",[],407,"Html content reactive support","2024-05-08T01:52:13Z","https://github.com/Tresjs/cientos/issues/407",0.7691097,{"description":3086,"labels":3087,"number":3088,"owner":3020,"repository":3054,"state":3022,"title":3089,"updated_at":3090,"url":3091,"score":3092},"### Describe the bug\r\n\r\n* When the `\u003CEnvironment />` component is unmounted, reflections/lighting are not updated.\r\n* Some props – e.g., `blur` – do not have an effect.\r\n\r\n### Reproduction\r\n\r\nhttps://stackblitz.com/edit/tresjs-basic-ucrrurnf?file=src%2Fcomponents%2FTheExperience.vue",[],569,"Environment: Lighting/reflections do not disappear when component is unmounted; props do not work","2024-12-19T16:37:20Z","https://github.com/Tresjs/cientos/issues/569",0.77166694,{"description":3094,"labels":3095,"number":3103,"owner":3020,"repository":3104,"state":3022,"title":3105,"updated_at":3106,"url":3107,"score":3108},"### Description\n\nAfter the initial, what about creating abstraction/component like in cientos but that only works with physics\n\n### Suggested solution\n\nLike Attractor in r3f\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.",[3096,3097,3100],{"name":3031,"color":3032},{"name":3098,"color":3099},"investigation","D03599",{"name":3101,"color":3102},"p2-nice-to-have","D4C5F9",135,"rapier","Cloth simmulator","2024-10-04T10:54:33Z","https://github.com/Tresjs/rapier/issues/135",0.77374524,{"description":3110,"labels":3111,"number":3112,"owner":3020,"repository":3021,"state":3022,"title":3113,"updated_at":3114,"url":3115,"score":3116},"### Describe the bug\n\ni have made a clean nuxt 3.15.4 installation, with three.js 0.174.0, @tresjs/core 4.3.3 and @tresjs/nuxt 3.0.8, in firefox.\nin the console, i have these warnings:\n```\nMouseEvent.mozPressure is deprecated. Use PointerEvent.pressure instead. [tres.js:695:6](http://localhost:3000/_nuxt/node_modules/@tresjs/core/dist/tres.js)\nMouseEvent.mozInputSource is deprecated. Use PointerEvent.pointerType instead. [tres.js:695:6](http://localhost:3000/_nuxt/node_modules/@tresjs/core/dist/tres.js)\n```\nthis probably suggests that tresjs uses older browser mouse events. i have opened the same nuxt instance in chrome and it didnt give any warnings, so this is definitely an firefox-only issue.\n\nuser agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:135.0) Gecko/20100101 Firefox/135.0\n\n### Reproduction\n\nhttps://stackblitz.com/edit/tresjs-minimal-reproduction\n\n### Steps to reproduce\n\nstackblitz should run in firefox browser, on chrome this warning doesnt exist\n\n### System Info\n\n```shell\nSystem:\n OS: Windows 11 10.0.26100\n CPU: (12) x64 AMD Ryzen 5 7535HS with Radeon Graphics\n Memory: 4.49 GB / 23.32 GB\n Binaries:\n Node: 23.6.1 - C:\\nvm4w\\nodejs\\node.EXE\n npm: 10.9.2 - C:\\nvm4w\\nodejs\\npm.CMD\n pnpm: 10.2.0 - C:\\nvm4w\\nodejs\\pnpm.CMD\n Browsers:\n Edge: Chromium (132.0.2957.140)\n Internet Explorer: 11.0.26100.1882\n npmPackages:\n @tresjs/core: ^4.3.3 => 4.3.3\n @tresjs/nuxt: ^3.0.8 => 3.0.8\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.",[],952,"Firefox warning: \"MouseEvent.mozPressure\" and \"MouseEvent.mozInputSource\" are deprecated","2025-03-02T20:32:14Z","https://github.com/Tresjs/tres/issues/952",0.7758105,{"description":3118,"labels":3119,"number":890,"owner":3020,"repository":3123,"state":3124,"title":3125,"updated_at":3126,"url":3127,"score":3128},"**Describe the solution you'd like**\r\nThe library should support the god rays effect of [postprocessing](https://github.com/pmndrs/postprocessing).",[3120],{"name":3121,"color":3122},"enhancement","a2eeef","post-processing","closed","god rays effect","2025-03-09T17:04:09Z","https://github.com/Tresjs/post-processing/issues/61",0.45909294,{"description":3130,"labels":3131,"number":3135,"owner":3020,"repository":3136,"state":3124,"title":3137,"updated_at":3138,"url":3139,"score":3140},"**Describe the bug**\r\n\r\nAdding Leches v0.14.0 to a `\u003Ctemplate>` causes a number of warnings to be emitted in the browser console. Additional warnings are emitted if Leches is configured to use a \"folder\".\r\n\r\nCheck the StackBlitz below. Here are the warnings emitted by the StackBlitz. Using Firefox/Mac and Chrome/Mac locally.\r\n\r\n```\r\n[Vue warn]: Extraneous non-props attributes (role) were passed to component but could not be automatically inherited because component renders fragment or text root nodes. \r\n[...]\r\n```\r\n\r\n```\r\nRequest for font \"Roboto\" blocked at visibility level 2 (requires 3)\r\ntresjsbasiccdhx7e-ytd5--5173--d3416dfd.local-corp.webcontainer.io\r\n```\r\n\r\n\r\n**Reproduction**\r\n\r\n* See this [Stackblitz](https://stackblitz.com/edit/tresjs-basic-cdhx7e?file=src%2Fcomponents%2FTheExperience.vue) \r\n* Open the browser console to see warnings.\r\n\r\n**Expected behavior**\r\n\r\nNo warnings for normal use.\r\n\r\n**System Info**\r\n\r\nFrom StackBlitz:\r\n\r\n System:\r\n OS: Linux 5.0 undefined\r\n CPU: (8) x64 Intel(R) Core(TM) i9-9880H CPU @ 2.30GHz\r\n Memory: 0 Bytes / 0 Bytes\r\n Shell: 1.0 - /bin/jsh\r\n Binaries:\r\n Node: 18.18.0 - /usr/local/bin/node\r\n Yarn: 1.22.19 - /usr/local/bin/yarn\r\n npm: 9.4.2 - /usr/local/bin/npm\r\n pnpm: 8.10.5 - /usr/local/bin/pnpm\r\n npmPackages:\r\n @tresjs/cientos: ^3.5.1 => 3.5.1 \r\n @tresjs/core: ^3.4.1 => 3.4.1 \r\n @tresjs/eslint-config-vue: ^0.2.1 => 0.2.1 \r\n @tresjs/leches: ^0.14.0 => 0.14.0 \r\n vite: ^4.5.0 => 4.5.0 ",[3132,3133,3134],{"name":3048,"color":3049},{"name":3066,"color":3067},{"name":3069,"color":3070},86,"leches","Leches causes console warnings to be emitted","2023-12-15T09:03:13Z","https://github.com/Tresjs/leches/issues/86",0.726839,["Reactive",3142],{},["Set"],["ShallowReactive",3145],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fcXOiyTsSYAqaEzYAIHt3hCmbPI4MquKG4wv6JaPWyX8":-1},"/Tresjs/cientos/61"]