\r\n \u003CSuspense>\r\n \u003CModel />\r\n \u003C/Suspense>\r\n \u003CTresDirectionalLight :intensity=\"2\" />\r\n \u003CTresAmbientLight :intensity=\"1\" />\r\n \u003C/TresCanvas>\r\n \u003C/div>\r\n\u003C/template>\r\n\r\n\u003Cstyle lang=\"scss\" scoped>\r\n.tres-wrapper {\r\n position: absolute;\r\n top: 0;\r\n right: 0;\r\n width: 100%;\r\n height: 100%;\r\n}\r\n\u003C/style>\r\n```\r\n\r\n**Model.vue**\r\n```\r\n\u003Cscript setup lang=\"ts\">\r\nimport { useTresContext } from '@tresjs/core'\r\nimport { useGLTF } from '@tresjs/cientos';\r\nimport { useLoop } from '@tresjs/core';\r\nimport { shallowRef } from 'vue';\r\n\r\nconst boxRef = shallowRef();\r\nconst context = useTresContext();\r\nconst path = './src/assets/gltf/scene.gltf';\r\nconst { scene, nodes, animations, materials } = await useGLTF(path, { draco: true });\r\n\r\nconst { onBeforeRender } = useLoop();\r\n\r\nonBeforeRender(({ delta, elapsed }) => {\r\n if (boxRef.value) {\r\n boxRef.value.rotation.y += delta\r\n boxRef.value.rotation.z = elapsed * 0.2\r\n }\r\n})\r\n\r\n\u003C/script>\r\n\r\n\u003Ctemplate>\r\n \u003Cprimitive :object=\"scene\" ref=\"boxRef\" />\r\n\u003C/template>\r\n```\r\nThankful for any insights as I get a slight rash from yellow warnings. Again, Tres is great, keep up the fine work \r\n\r\n.T 😎",[],214,"lab","closed","Two Warnings in Chrome when using gltf Model approach to load and run","2024-12-14T13:52:53Z","https://github.com/Tresjs/lab/issues/214",0.79671067,{"description":3064,"labels":3065,"number":3073,"owner":3021,"repository":3039,"state":3058,"title":3074,"updated_at":3075,"url":3076,"score":3077},"**Describe the bug**\r\nSeems since the update to v2 some demos with shaders are glitchy. We should find out why.\r\n\r\n\r\n**Reproduction**\r\nv2 https://playground.tresjs.org/experiments/portal-journey\r\nv1 https://stackblitz.com/edit/tresjs-portal-threejs-journey?file=README.md\r\n\r\n**Expected behavior**\r\nv2 fireflies work as v1\r\n\r\n**Screenshots**\r\nIf applicable, add screenshots to help explain your problem.\r\n\r\n**System Info**\r\nOutput of `npx envinfo --system --npmPackages '{vite,@tresjs/*, three, vue}' --binaries --browsers` \r\n\r\n```\r\n System:\r\n OS: macOS 13.2.1\r\n CPU: (8) arm64 Apple M1 Pro\r\n Memory: 93.83 MB / 16.00 GB\r\n Shell: 5.8.1 - /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: 111.1.49.128\r\n Chrome: 111.0.5563.110\r\n Safari: 16.3\r\n npmPackages:\r\n @tresjs/cientos: 2.0.0-alpha.5 => 2.0.0-alpha.5 \r\n @tresjs/core: 2.0.0-alpha.4 => 2.0.0-alpha.4 \r\n```\r\n\r\n**Additional context**\r\nAdd any other context about the problem here.\r\n",[3066,3069,3070],{"name":3067,"color":3068},"bug","d73a4a",{"name":3036,"color":3037},{"name":3071,"color":3072},"v2","FEE22E",177,"[v2] - Shaders are not working 100%","2023-03-31T09:13:55Z","https://github.com/Tresjs/tres/issues/177",0.80139697,{"description":3079,"labels":3080,"number":3047,"owner":3021,"repository":3081,"state":3058,"title":3082,"updated_at":3083,"url":3084,"score":3052},"### Description\r\n\r\nUpdating ` \"@tresjs/core\": \"3.9.0\" ` to **4.0.2**\r\nand maybe ` \"three\": \"^0.164.1\" ` and ` \"@types/three\": \"^0.164.0\" ` to **0.165.0** too\r\n\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.",[],"nuxt","Update the module to Tres v4","2024-06-26T15:58:18Z","https://github.com/Tresjs/nuxt/issues/105",{"description":3086,"labels":3087,"number":3047,"owner":3021,"repository":3097,"state":3058,"title":3098,"updated_at":3099,"url":3100,"score":3052},"### Description\n\nYou should be able to emit events when a collision is detected\n\n### Suggested solution\n\n[Collision Events](https://github.com/pmndrs/react-three-rapier?tab=readme-ov-file#collision-events)\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/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.",[3088,3091,3094],{"name":3089,"color":3090},"feature","c2e0c6",{"name":3092,"color":3093},"p3-significant","2C78E3",{"name":3095,"color":3096},"v1","5B6B67","rapier","Collision Events","2024-10-07T23:08:51Z","https://github.com/Tresjs/rapier/issues/105",{"description":3102,"labels":3103,"number":3104,"owner":3021,"repository":3039,"state":3058,"title":3105,"updated_at":3106,"url":3107,"score":3108},"### Describe the bug\n\n\u003Cimg width=\"1006\" alt=\"Screenshot 2024-01-21 at 22 33 48 copy\" src=\"https://github.com/Tresjs/tres/assets/20469369/ff81041f-518b-46dc-87a5-d8c4aa16c8c4\">\r\n\r\nIn the [Tres docs](https://docs.tresjs.org/guide/), an error appears in the sandbox:\r\n\r\n```\r\nFailed to resolve component: TresDirectionalLight\r\nIf this is a native custom element, make sure to exclude it from component resolution via compilerOptions.isCustomElement.\r\n at \u003CRepl>\r\n```\r\n\r\n\r\n\n\n### Reproduction\n\nN/A\n\n### Steps to reproduce\n\n* in the browser, navigate to https://docs.tresjs.org/guide/\r\n* in the sandbox window, see the error\n\n### System Info\n\n```shell\nTested in:\r\n\r\n* Firefox 127.0.1 (Mac ARM)\r\n* Chrome Version 120.0.6099.234 (Mac ARM)\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.",[],521,"docs(sandbox): \"Failed to resolve component: TresDirectionalLight\"","2024-01-22T15:10:07Z","https://github.com/Tresjs/tres/issues/521",0.8049684,{"description":3110,"labels":3111,"number":3116,"owner":3021,"repository":3022,"state":3058,"title":3117,"updated_at":3118,"url":3119,"score":3120},"### Describe the bug\n\nI'm currently using @tresjs/cientos to render 3D models in a Nuxt.js application. When I attempt to change the model's source file using Vue's reactivity system, the displayed model does not update, even though other parts of my logic (e.g., console.log statements) indicate that the reactive changes have been recognized.\n\n### Reproduction\n\n/\n\n### Steps to reproduce\n\n```\r\n\u003Cscript lang=\"ts\" setup>\r\nimport { ref, watch } from 'vue'\r\nimport { GLTFModel } from '@tresjs/cientos'\r\nimport { useCounterStore } from '@/stores/counter'\r\n\r\nconst store = useCounterStore();\r\nlet selectedEquipmentFilePath = ref(\"OBJ.glb\")\r\n\r\nfunction selectEquipment() {\r\n selectedEquipmentFilePath.value = \"nuxt-stones.glb\"\r\n console.log(\"Function executed.\")\r\n}\r\n\r\nwatch(\r\n () => store.selectedEquipmentIndex,\r\n () => {\r\n selectEquipment();\r\n }\r\n);\r\n\u003C/script>\r\n\r\n\u003Ctemplate>\r\n \u003CGLTFModel :path=\"selectedEquipmentFilePath\" :key=\"selectedEquipmentFilePath\" />\r\n\u003C/template>\r\n```\n\n### System Info\n\n```shell\nSystem:\r\n OS: Windows 10 10.0.22621\r\n CPU: (20) x64 12th Gen Intel(R) Core(TM) i7-12700H\r\n Memory: 3.44 GB / 15.71 GB\r\n Binaries:\r\n Node: 18.17.1 - C:\\Program Files\\nodejs\\node.EXE\r\n npm: 10.1.0 - C:\\Program Files\\nodejs\\npm.CMD\r\n pnpm: 8.7.5 - ~\\Documents\\NubesLofoten DEV\\VueAttempt\\my-app\\node_modules\\.bin\\pnpm.CMD\r\n Browsers:\r\n Edge: Spartan (44.22621.2283.0), Chromium (116.0.1938.81)\r\n Internet Explorer: 11.0.22621.1\r\n npmPackages:\r\n @tresjs/cientos: ^3.3.0 => 3.3.0\r\n @tresjs/nuxt: ^1.1.6 => 1.1.6\r\n @tresjs/post-processing: ^0.4.0 => 0.4.0\n```\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.",[3112,3113],{"name":3067,"color":3068},{"name":3114,"color":3115},"v4","EEF2B0",268,"GLTFModel not updating displayed model on reactive property change","2024-04-05T14:55:58Z","https://github.com/Tresjs/cientos/issues/268",0.80749923,{"description":3122,"labels":3123,"number":3128,"owner":3021,"repository":3039,"state":3058,"title":3129,"updated_at":3130,"url":3131,"score":3132},"### 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.",[3124,3125],{"name":3032,"color":3033},{"name":3126,"color":3127},"demos","46E0C1",577,"Tres docs' cookbook/orbit-controls code throws error","2024-03-07T17:25:24Z","https://github.com/Tresjs/tres/issues/577",0.8095795,["Reactive",3134],{},["Set"],["ShallowReactive",3137],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fI2R7KaFnozYLLULID0-8fsmtEE5FxEg_ww0Rr2hQgkM":-1},"/Tresjs/cientos/608"]