\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,"Tresjs","cientos","open","Html content reactive support","2024-05-08T01:52:13Z","https://github.com/Tresjs/cientos/issues/407",0.6416109,{"description":2865,"labels":2866,"number":2873,"owner":2857,"repository":2874,"state":2859,"title":2875,"updated_at":2876,"url":2877,"score":2878},"### Description\n\nI would like to know what is the expected behavior for events like @click. Check: https://docs.tresjs.org/api/events.html#pointer-events\n\n### Suggested solution\n\nWe would like to know how to handle this, an investigation is required. \r\n\r\nThis is not priority\r\nDiscuss with the community before implementing any coding\n\n### Alternative\n\nExplain in the docs or come with one solution\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.",[2867,2870],{"name":2868,"color":2869},"investigation","D03599",{"name":2871,"color":2872},"p2-nice-to-have","D4C5F9",136,"rapier","Events on CustomColliders? RigidBody","2024-10-08T11:53:07Z","https://github.com/Tresjs/rapier/issues/136",0.66436297,{"description":2880,"labels":2881,"number":2888,"owner":2857,"repository":2889,"state":2890,"title":2891,"updated_at":2892,"url":2893,"score":2894},"### Describe the bug\n\nIt seems like Tres.js is no longer working in Firefox. Even on your official documentation all examles render just a black canvas.\r\nI would really like to use Tres.js in projects of my company, but I am unable to do this if Firefox is not supported or working :(\n\n### Reproduction\n\nhttps://tresjs.org/guide/\n\n### Steps to reproduce\n\nThe first and all other examples of this page.\n\n### System Info\n\n```shell\nWindows 10\r\nFirerfiox version 114.0.1 (64-Bit)\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.",[2882,2885],{"name":2883,"color":2884},"question","d876e3",{"name":2886,"color":2887},"waiting for author","B145BC",310,"tres","closed","Black Canvas in Firefox","2023-06-20T07:13:04Z","https://github.com/Tresjs/tres/issues/310",0.6343095,{"description":2896,"labels":2897,"number":2907,"owner":2857,"repository":2889,"state":2890,"title":2908,"updated_at":2909,"url":2910,"score":2911},"### Description\n\nCurrently, `TresObject3D#material` doesn't allow to set array. My suggestion is to make Array acceptable as well.\r\n\r\nhttps://github.com/Tresjs/tres/blob/main/src/types/index.ts#L43\r\n\r\n```\r\n- material?: THREE.Material & TresBaseObject\r\n+ material?: THREE.Material & TresBaseObject | (THREE.Material & TresBaseObject)[]\r\n```\r\n\r\n## (Personal) reason\r\n\r\nI use TresJS and [spine-ts THREE.JS](https://github.com/EsotericSoftware/spine-runtimes/blob/4.1/spine-ts/spine-threejs/README.md). \r\n\r\nTHREE.Mesh#material's type is `Material | Material[]`. (https://github.com/DefinitelyTyped/DefinitelyTyped/blob/master/types/three/src/objects/Mesh.d.ts#L24)\r\n\r\nspine-ts' set Array material according to THREE's type. (https://github.com/EsotericSoftware/spine-runtimes/blob/4.1/spine-ts/spine-threejs/src/MeshBatcher.ts#L60)\r\n\r\nHowever, `TresObject3D#material` doesn't allow to set Array material, when a spine's mesh is rendered in Scene of TresJS and a material**s** in spine's mesh are evaluate, TresJS throws runtime error.\r\n\r\n\r\n## Basis that my suggestion is reasonable\r\n\r\nA type of THREE.Mesh#material extending THREE.Object3D is `Material | Material[]`, so I think it's reasonable that a type of `TresObject3D#material` extending THREE.Object3D is `THREE.Material & TresBaseObject | (THREE.Material & TresBaseObject)[]`.\r\n\n\n### Suggested solution\n\nhttps://github.com/Tresjs/tres/blob/main/src/types/index.ts#L43\r\n\r\n```\r\n- material?: THREE.Material & TresBaseObject\r\n+ material?: THREE.Material & TresBaseObject | (THREE.Material & TresBaseObject)[]\r\n```\r\n\r\nand adding logic for array.\n\n### Alternative\n\nnothing. I currently use pnpm patch and add logic for array.\n\n### Additional context\n\nI can create PR for this suggestion.\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.",[2898,2901,2904],{"name":2899,"color":2900},"types","5C076E",{"name":2902,"color":2903},"PR welcome","2D76B0",{"name":2905,"color":2906},"p3-significant","2C78E3",496,"Allow `TresObject3D#material` to set Array","2024-07-05T15:18:00Z","https://github.com/Tresjs/tres/issues/496",0.63704926,{"description":2913,"labels":2914,"number":2915,"owner":2857,"repository":2858,"state":2890,"title":2916,"updated_at":2917,"url":2918,"score":2919},"**Is your feature request related to a problem? Please describe.**\r\nContinuing with the controls abstraction, will be useful to add MapControls to cientos catalog\r\n\r\n**Describe the solution you'd like**\r\n\u003CMapControls \r\nscreen-space-panning\r\n />\r\n\r\n**Suggested solution**\r\nSimilar to other controls already implemented\r\n\r\n",[],52,"MapControls abstraction","2023-05-03T17:42:07Z","https://github.com/Tresjs/cientos/issues/52",0.6418175,{"description":2921,"labels":2922,"number":2915,"owner":2857,"repository":2923,"state":2890,"title":2924,"updated_at":2925,"url":2926,"score":2919},"### Describe the bug\r\n\r\nI am trying to add \u003COrbitControls /> and importing it by \"import { OrbitControls } from '@tresjs/cientos';\"\r\nI am getting the following error\r\n`\r\nError: Build failed with 1 error:\r\nnode_modules/@tresjs/cientos/dist/trescientos.js:14:27: ERROR: Could not resolve \"tweakpane\"\r\n`\r\n\r\n### Reproduction\r\n\r\nhttps://stackblitz.com/edit/tresjs-basic-fmxtip?file=package.json\r\n\r\n### Steps to reproduce\r\n\r\nrun `npm install @tresjs/cientos @tresjs/post-processing` then `npm run dev`\r\nin index.vue \r\n`import { OrbitControls } from '@tresjs/cientos';`\r\n\r\n### System Info\r\n\r\n```shell\r\nSystem:\r\n OS: macOS 14.0\r\n CPU: (8) arm64 Apple M1 Pro\r\n Memory: 140.11 MB / 16.00 GB\r\n Shell: 5.9 - /bin/zsh\r\n Binaries:\r\n Node: 18.15.0 - /usr/local/bin/node\r\n npm: 9.5.1 - /opt/homebrew/bin/npm\r\n Watchman: 2023.07.17.00 - /opt/homebrew/bin/watchman\r\n Browsers:\r\n Brave Browser: 118.1.59.117\r\n Chrome: 117.0.5938.149\r\n Safari: 17.0\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.",[],"nuxt","Cannot find package 'tweakpane'","2023-10-15T08:50:55Z","https://github.com/Tresjs/nuxt/issues/52",{"description":2928,"labels":2929,"number":2934,"owner":2857,"repository":2889,"state":2890,"title":2935,"updated_at":2936,"url":2937,"score":2938},"### Description\n\nAs a developer trying to respond to issues filed against the TresJS core, I would like to have a more significant portion of /src/core/nodeOps.ts covered by unit tests.\r\n\r\nThis will allow us to respond more quickly to issues filed against the core, and to modify the core with more confidence and fewer regressions.\r\n\r\nHere's where `pnpm coverage` puts us currently.\r\n\r\n```\r\nFile | % Stmts | % Branch | % Funcs | % Lines |\r\n nodeOps.ts | 48.49 | 37.14 | 26.66 | 48.49 |\r\n```\n\n### Suggested solution\n\nImprove test coverage of core functionality.\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.",[2930,2933],{"name":2931,"color":2932},"test","2A6996",{"name":2905,"color":2906},631,"Better test coverage for core","2024-04-26T21:14:14Z","https://github.com/Tresjs/tres/issues/631",0.64583266,{"description":2940,"labels":2941,"number":2948,"owner":2857,"repository":2889,"state":2890,"title":2949,"updated_at":2950,"url":2951,"score":2952},"### Describe the bug\n\n[The docs' cookbook code](https://docs.tresjs.org/cookbook/orbit-controls#using-orbitcontrols) under \"So the final code would be something like this:\" throws an error when run.\r\n\r\nThe working example at the top of the page uses the Cientos component. (Sneaky! Lol)\r\n\r\nHere's the code as of March 5, 2024:\r\n\r\n```\r\n\u003Cscript setup lang=\"ts\">\r\nimport { extend, useTres } from '@tresjs/core'\r\nimport { OrbitControls } from 'three/addons/controls/OrbitControls'\r\n\r\nextend({ OrbitControls })\r\n\r\nconst { state } = useTres()\r\n\u003C/script>\r\n\r\n\u003Ctemplate>\r\n \u003CTresCanvas\r\n shadows\r\n alpha\r\n >\r\n \u003CTresPerspectiveCamera :args=\"[45, 1, 0.1, 1000]\" />\r\n \u003CTresOrbitControls\r\n v-if=\"state.renderer\"\r\n :args=\"[state.camera, state.renderer?.domElement]\"\r\n />\r\n \u003C/TresCanvas>\r\n\u003C/template>\r\n```\r\n\r\n## Error\r\n\r\n```\r\nUncaught (in promise) Error: useTresContext must be used together with useTresContextProvider\r\n at @tresjs_core.js:482\r\n setup TheExperience.vue:7\r\n callWithErrorHandling chunk-QSL5RKHU.js:1552\r\n setupStatefulComponent chunk-QSL5RKHU.js:8620\r\n setupComponent chunk-QSL5RKHU.js:8581\r\n mountComponent chunk-QSL5RKHU.js:6983\r\n processComponent chunk-QSL5RKHU.js:6949\r\n patch chunk-QSL5RKHU.js:6422\r\n patchSuspense chunk-QSL5RKHU.js:2665\r\n process chunk-QSL5RKHU.js:2468\r\n patch chunk-QSL5RKHU.js:6447\r\n componentUpdateFn chunk-QSL5RKHU.js:7157\r\n run chunk-QSL5RKHU.js:422\r\n update chunk-QSL5RKHU.js:7198\r\n callWithErrorHandling chunk-QSL5RKHU.js:1552\r\n flushJobs chunk-QSL5RKHU.js:1750\r\n promise callback*queueFlush chunk-QSL5RKHU.js:1663\r\n queueJob chunk-QSL5RKHU.js:1657\r\n reload chunk-QSL5RKHU.js:1856\r\n tryWrap chunk-QSL5RKHU.js:1886\r\n \u003Canonymous> TheExperience.vue:106\r\n accept client.ts:559\r\n fetchUpdate client.ts:476\r\n queueUpdate client.ts:323\r\n queueUpdate client.ts:323\r\n handleMessage client.ts:176\r\n handleMessage client.ts:174\r\n setupWebSocket client.ts:91\r\n```\r\n\r\n\u003Cimg width=\"615\" alt=\"Screenshot 2024-03-05 at 18 59 21\" src=\"https://github.com/Tresjs/tres/assets/20469369/139cdb49-10c6-4896-b02c-77bf76746fb9\">\r\n\r\n## Related\r\n\r\n#565\r\n\r\n## Meta\r\n\r\nThe thrown error is distinct from #565, so I've created this new issue. Merge with #565?\r\n\n\n### Reproduction\n\nhttps://stackblitz.com/edit/tresjs-basic-u2evxe?file=src%2FApp.vue\n\n### Steps to reproduce\n\n* Open StackBlitz\r\n* Open console\r\n* See error\n\n### System Info\n\n```shell\nSystem:\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: 10.2.3 - /usr/local/bin/npm\r\n pnpm: 8.15.3 - /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 vite: ^4.5.0 => 4.5.0 \r\n```\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.",[2942,2945],{"name":2943,"color":2944},"docs","0075ca",{"name":2946,"color":2947},"demos","46E0C1",577,"Tres docs' cookbook/orbit-controls code throws error","2024-03-07T17:25:24Z","https://github.com/Tresjs/tres/issues/577",0.6655064,{"description":2954,"labels":2955,"number":2959,"owner":2857,"repository":2858,"state":2890,"title":2960,"updated_at":2961,"url":2962,"score":2963},"### Description\r\n\r\nVue 3.3.4 added an experimental feature called propsDeconstruct allowing us to dispense `withDefaults` in favor of a more natural deconstruction that keeps the reactivity.\r\n\r\n```\r\nconst { args = [1, 1, 1], color = '0xffffff' } = defineProps\u003C{\r\n args?: ConstructorParameters\u003Ctypeof BoxGeometry>\r\n color?: TresColor\r\n}>()\r\n```\r\n\r\n### Suggested solution\r\n\r\nAs of now, the following components has been updated, we need to update the rest\r\n\r\n- [x] All shapes\r\n- [ ] Smoke\r\n- [ ] Stars\r\n- [ ] Levioso\r\n- [ ] Contact Shadows\r\n- [x] Transform Controls\r\n- [x] Orbit Controls\r\n\r\n### Alternative\r\n\r\n_No response_\r\n\r\n### Additional context\r\n\r\n_No response_\r\n\r\n### Validations\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.",[2956],{"name":2957,"color":2958},"good first issue","7057ff",83,"Update all components to use prop deconstruction","2023-07-07T15:21:52Z","https://github.com/Tresjs/cientos/issues/83",0.6671271,{"description":2965,"labels":2966,"number":2959,"owner":2857,"repository":2923,"state":2890,"title":2970,"updated_at":2971,"url":2972,"score":2963},"### Describe the bug\r\n\r\nSSR version of TresCanvas is broken when the project is using `npm` as the package manager.\r\n\r\n\r\n\r\n\r\n### Reproduction\r\n\r\nhttps://stackblitz.com/edit/nuxt-starter-hzbvpr?file=nuxt.config.ts\r\n\r\n### Steps to reproduce\r\n\r\n1. Run `npm install` and `npm run dev`\r\n2. Click on `/page1` link\r\n3. Check console warning. \r\n\r\n\r\n### System Info\r\n\r\n```shell\r\nSystem:\r\n OS: macOS 14.2.1\r\n CPU: (8) arm64 Apple M1 Pro\r\n Memory: 89.14 MB / 16.00 GB\r\n Shell: 5.9 - /bin/zsh\r\n Binaries:\r\n Node: 18.14.1 - ~/.nvm/versions/node/v18.14.1/bin/node\r\n Yarn: 1.22.19 - /usr/local/bin/yarn\r\n npm: 9.3.1 - ~/.nvm/versions/node/v18.14.1/bin/npm\r\n Browsers:\r\n Brave Browser: 120.1.61.116\r\n Chrome: 121.0.6167.85\r\n Firefox: 121.0.1\r\n Safari: 17.2.1\r\n npmPackages:\r\n @tresjs/cientos: ^3.7.0 => 3.7.0 \r\n @tresjs/nuxt: ^2.1.0 => 2.1.0 \r\n nuxt: ^3.10.0 => 3.10.0 \r\n vite-plugin-glsl: ^1.2.1 => 1.2.1 \r\n vue: ^3.4.15 => 3.4.15 \r\n vue-router: ^4.2.5 => 4.2.5\r\n```\r\n\r\n### Used Package Manager\r\n\r\nnpm, pnpm\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.",[2967],{"name":2968,"color":2969},"bug","d73a4a","TresCanvas component is missing template or render function after 3.10.0","2024-02-07T17:58:20Z","https://github.com/Tresjs/nuxt/issues/83",["Reactive",2974],{},["Set"],["ShallowReactive",2977],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fE_Qv1CImw50j55ISYQsuaHC6BYB7HLJnd0PhXd7HlDY":-1},"/Tresjs/tres/886"]