\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.",[2878,2881,2884],{"name":2879,"color":2880},"question","d876e3",{"name":2882,"color":2883},"waiting for author","B145BC",{"name":2885,"color":2886},"p2-edge-case","ABCC40",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.70989716,{"description":2893,"labels":2894,"number":2901,"owner":2868,"repository":2902,"state":2870,"title":2903,"updated_at":2904,"url":2905,"score":2906},"### 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.",[2895,2898],{"name":2896,"color":2897},"investigation","D03599",{"name":2899,"color":2900},"p2-nice-to-have","D4C5F9",136,"rapier","Events on CustomColliders? RigidBody","2024-10-08T11:53:07Z","https://github.com/Tresjs/rapier/issues/136",0.71461356,{"description":2908,"labels":2909,"number":2910,"owner":2868,"repository":2911,"state":2870,"title":2912,"updated_at":2913,"url":2914,"score":2915},"### Description\n\nAs a developer using TresJS / cientos, I would like to have a TrackballControls component similar to OrbitControls.\n\nsee Threejs: https://threejs.org/docs/#examples/en/controls/TrackballControls\n\n### Suggested solution\n\nSince the TrackballControl source is very similar to OrbitControl, I took the source of OrbitControls.vue.d.ts and adjusted it slightly. That version works in my application and I can use it directly like OrbitControls.\n\n`\n\u003CTresCanvas\">\n \u003CTresPerspectiveCamera/>\n \u003CVisuTrackBallControls />\n \u003C/TresPerspectiveCamera>\n \u003C/TresCanvas>\n`\n\n[VisuTrackBallControls.vue.txt](https://github.com/user-attachments/files/18799562/VisuTrackBallControls.vue.txt)\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/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.",[],595,"cientos","Add TrackballControls to Cientos","2025-02-14T13:18:40Z","https://github.com/Tresjs/cientos/issues/595",0.71544486,{"description":2917,"labels":2918,"number":2922,"owner":2868,"repository":2923,"state":2870,"title":2924,"updated_at":2925,"url":2926,"score":2927},"Inspiration \r\n\r\nhttps://codepen.io/prisoner849/pen/poNXPyv\r\n\r\n\r\n",[2919],{"name":2920,"color":2921},"demo","CAC7AC",84,"lab","Light Bloom example","2023-12-15T13:49:28Z","https://github.com/Tresjs/lab/issues/84",0.72062147,{"description":2929,"labels":2930,"number":2934,"owner":2868,"repository":2869,"state":2935,"title":2936,"updated_at":2937,"url":2938,"score":2939},"### Describe the bug\r\n\r\nConditionally rendering does not work with `v-if`.\r\n\r\n### Reproduction\r\n\r\nhttps://stackblitz.com/edit/stackblitz-starters-ewzdtl?file=src%2Fcomponents%2FTheExperience.vue\r\n\r\n### Steps to reproduce\r\n\r\nUse `v-if` on a `TresGroup`and try to make the it's content become visible.\r\n\r\n### System Info\r\n\r\n_No response_\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.",[2931],{"name":2932,"color":2933},"bug","d73a4a",303,"closed","v-if is not working correctly","2023-10-02T08:39:01Z","https://github.com/Tresjs/tres/issues/303",0.6336767,{"description":2941,"labels":2942,"number":2943,"owner":2868,"repository":2869,"state":2935,"title":2944,"updated_at":2945,"url":2946,"score":2947},"### Describe the bug\r\n\r\nFor class [`Material`](https://threejs.org/docs/index.html#api/en/materials/Material) we have [onBeforeCompile ](https://threejs.org/docs/index.html#api/en/materials/Material.onBeforeCompile)method, R3f provide onBeforeCompile prop to use that ([example](https://codesandbox.io/s/r3f-basic-demo-forked-ftwcm)), and I think Tresjs should have something like this.\r\n\r\nI tried to use `@beforeCompile` will warn \r\n\r\n\r\nand `onBeforeCompile` both don't work, I guess this might be a bug or this is a feature doesn't implement yet?\r\n\r\nI provide a reproduction with a Codesandbox copy from [the official playground](https://github.com/Tresjs/playground/tree/main/components/content/basic-shaders), just run and see no stdout which should have\r\n\r\n### Reproduction\r\n\r\nhttps://codesandbox.io/p/sandbox/hopeful-goodall-y86d74?file=%2Fsrc%2FApp.vue%3A44%2C9\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/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.",[],360,"onBeforeCompile prop of material doesn't work","2024-05-05T16:00:38Z","https://github.com/Tresjs/tres/issues/360",0.69398695,{"description":2949,"labels":2950,"number":1059,"owner":2868,"repository":2911,"state":2935,"title":2951,"updated_at":2952,"url":2953,"score":2954},"**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",[],"MapControls abstraction","2023-05-03T17:42:07Z","https://github.com/Tresjs/cientos/issues/52",0.6981105,{"description":2956,"labels":2957,"number":1059,"owner":2868,"repository":2958,"state":2935,"title":2959,"updated_at":2960,"url":2961,"score":2954},"### 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":2963,"labels":2964,"number":2965,"owner":2868,"repository":2911,"state":2935,"title":2966,"updated_at":2967,"url":2968,"score":2969},"### Describe the bug\n\nAfter setting up a Nuxt 3 project, installing the tres.js package, and adding the @tresjs/cientos package, I noticed that certain functionalities of @tresjs/cientos components were not working as expected. To address this, I made modifications to my nuxt.config.ts file as follows:\r\n```\r\nexport default defineNuxtConfig({\r\n modules: [\"@tresjs/nuxt\"],\r\n build: {\r\n transpile: ['@tresjs/cientos'],\r\n },\r\n})\r\n```\r\nDuring the development process, everything worked smoothly. \r\n\r\nHowever, upon executing the npm run build command, \r\nI observed that the auto-rotate feature of OrbitControls, MouseParallax component, Levioso component, animations within useGLTF, and the Html component were no longer functioning. \r\nImportantly, there were no error messages or warnings in the browser console.\r\n\r\nI have attempted to modify the project by setting ssr: false and removing any @tresjs/cientos-related configurations from nuxt.config.ts before recompiling. However, the issue persists regardless of whether I use npm run generate or npm run build.\r\n\r\nI kindly request assistance in resolving this issue. Your guidance on how to address or workaround this problem would be greatly appreciated.\r\n\r\nThank you for your time and attention to this matter.\n\n### Reproduction\n\nhttps://github.com/WangShuan/nuxt-tres\n\n### Steps to reproduce\n\n1. Run the following commands:\r\n```\r\ngit clone https://github.com/WangShuan/nuxt-tres\r\ncd nuxt-tres\r\nnpm i\r\nnpm run dev\r\n```\r\n2. Open http://localhost:3000/ in your browser and observe the results.\r\n3. Terminate the development server (Ctrl+C) and build the project by `npm run build`\r\n4. Run the production build by `node .output/server/index.mjs`\r\n5. Open http://localhost:3000/ in your browser and observe the discrepancy in functionality compared to the development build.\n\n### System Info\n\n_No response_\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/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.",[],316,"@tresjs/cientos Components Not Functioning Properly After Nuxt 3 Build","2024-01-03T14:19:14Z","https://github.com/Tresjs/cientos/issues/316",0.7080553,["Reactive",2971],{},["Set"],["ShallowReactive",2974],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fKrDaT_2UL2JfaUJ_kjO3XVcAqX-xGLJaS8ZJPmtp6a0":-1},"/Tresjs/tres/577"]