\r\n \u003C/Suspense>\r\n```\r\nBut get `Failed to resolve component: primitive`",[],53,"Tresjs","lab","open","How to load and render STL models?","2024-07-17T17:42:39Z","https://github.com/Tresjs/lab/issues/53",0.7149357,{"description":2861,"labels":2862,"number":2869,"owner":2853,"repository":2870,"state":2855,"title":2871,"updated_at":2872,"url":2873,"score":2874},"### Describe the bug\n\nThe examples under https://cientos.tresjs.org/guide/misc/html-component.html#html are currently broken\n\n### Reproduction\n\nhttps://cientos.tresjs.org/guide/misc/html-component.html#html\n\n### Steps to reproduce\n\n_No response_\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.",[2863,2866],{"name":2864,"color":2865},"bug","d73a4a",{"name":2867,"color":2868},"docs","0075ca",368,"cientos","[Docs] - HTML examples are broken ","2024-07-18T08:07:36Z","https://github.com/Tresjs/cientos/issues/368",0.7157117,{"description":2876,"labels":2877,"number":2887,"owner":2853,"repository":2888,"state":2855,"title":2889,"updated_at":2890,"url":2891,"score":2892},"Inevitable 😂 \r\n\r\n- Unocss Dark mode https://unocss.dev/presets/mini#dark-mode \r\n- Vueuse dark https://vueuse.org/core/useDark/\r\n",[2878,2881,2884],{"name":2879,"color":2880},"enhancement","a2eeef",{"name":2882,"color":2883},"good first issue","7057ff",{"name":2885,"color":2886},"help wanted","008672",75,"leches","Dark mode","2023-11-30T12:40:21Z","https://github.com/Tresjs/leches/issues/75",0.71932673,{"description":2894,"labels":2895,"number":2902,"owner":2853,"repository":2903,"state":2855,"title":2904,"updated_at":2905,"url":2906,"score":2907},"### Description\n\nThere is an update in the GLTF structure, now they can accept physics, babylonJs already have implemented it, but there's no example with Three.js. So this could be hard to do.\r\n\r\nAs we need to investigate if this is possible directly here in this pkg, if we need to make changes in the GLTF parser provided by Three.js (or if we can extend it) and the match them with the components provided by Rapier itself.\r\n\r\nPlease read the link below for more information.\n\n### Suggested solution\n\nMuch of the result will define the output. But reading about it, a new component could be a good solution.\r\n`import { PhysicalGLTF } from `...` (of course the name has to be defined).\r\n\r\nOther option could be adding extension to the existing `useGLTF` composable provided by `cientos`\r\n\r\nI would prefer not to modify cientos directly for this one. WDYT?\n\n### Alternative\n\nAny other alternative is welcome\n\n### Additional context\n\nPlease check: \r\n- https://www.youtube.com/watch?v=sstdRXYbZrI\r\n- https://github.com/eoineoineoin/glTF_Physics\r\n- https://github.com/eoineoineoin/glTF_Physics_Babylon\r\n- https://www.khronos.org/assets/uploads/developers/presentations/Physics_BOF.pdf\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.",[2896,2899],{"name":2897,"color":2898},"investigation","D03599",{"name":2900,"color":2901},"p2-nice-to-have","D4C5F9",156,"rapier","Adding physics from GLTF directly","2025-01-29T08:42:02Z","https://github.com/Tresjs/rapier/issues/156",0.7224896,{"description":2909,"labels":2910,"number":2915,"owner":2853,"repository":2903,"state":2855,"title":2916,"updated_at":2917,"url":2918,"score":2919},"### Describe the bug\n\nWhile working on the `Joint` I wanted to reproduce the same custom collider exportation, and when I wanted to watch the `Joint` props, I wasn't able to do so...\r\n\r\nI figured that the Vue component `setup function` needs a `Proxy` as the first parameter to **reflect** changes and here:\r\nhttps://github.com/Tresjs/rapier/blob/main/src/components/colliders/index.ts#L29-L42\r\n```ts\r\nprops: {\r\n ...BaseCollider.props,\r\n shape: undefined,\r\n },\r\n setup(props, ctx) {\r\n return {\r\n ...BaseCollider?.setup?.(\r\n { ...props, shape } as Parameters\u003C\r\n Exclude\u003C(typeof BaseCollider)['setup'], undefined>\r\n >['0'],\r\n ctx,\r\n ),\r\n }\r\n },\r\n```\r\n\r\nWe are destructing it which is equivalent to passing a native `Object`\n\n### Reproduction\n\n---\n\n### Steps to reproduce\n\n---\n\n### System Info\n\n```shell\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/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.\n- [X] The provided reproduction is a [minimal reproducible example](https://stackoverflow.com/help/minimal-reproducible-example) of the bug.",[2911,2912],{"name":2864,"color":2865},{"name":2913,"color":2914},"collider","306B60",149,"Bug: custom collider props are not reactive anymore.","2024-11-19T23:52:46Z","https://github.com/Tresjs/rapier/issues/149",0.7239702,{"description":2921,"labels":2922,"number":2923,"owner":2853,"repository":2924,"state":2855,"title":2925,"updated_at":2926,"url":2927,"score":2928},"### Describe the bug\n\nThe delta property of the `pointer-missed` is always zero (obvious [in the code](https://github.com/Tresjs/tres/blob/main/src/composables/useRaycaster/index.ts#L137-L139)).\r\n\r\nI have a project where object of the scene can be selected by clicking on them. To unselect the user can press where there is no object, which I implemented using the `pointer-missed `event on the `Trescanvas`. However, objects get also unselected when the user uses the mouse to drag the camera around. To prevent this I wanted to rely on the `delta` of the `pointer-missed` event, to discard events with dragging.\n\n### Reproduction\n\nhttps://github.com/Tresjs/tres/blob/main/src/composables/useRaycaster/index.ts#L137-L139\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.",[],852,"tres","The delta of pointer-missed events is always zero","2024-10-12T18:44:56Z","https://github.com/Tresjs/tres/issues/852",0.7297046,{"description":2930,"labels":2931,"number":2933,"owner":2853,"repository":2854,"state":2934,"title":2935,"updated_at":2936,"url":2937,"score":2938},"Hello. First of all I appreciate a lot for your effort to develop and maintain it.\r\nI'm really happy to meet this awesome library.\r\n\r\n# The Problem on `lab.tresjs.org`\r\n\r\nI'm writing to notify the possibility that there are some wrong settings from server-side.\r\n\r\nToday I tried to see the **ShowCase** page (lab.tresjs.org), but I can't do like the photo below.\r\n\r\n\r\n\r\nIt fails to get belows according to console messages.\r\n- https://lab.tresjs.org/\r\n- https://lab.tresjs.org/api/_content/query/luVj25sCnR.1720210146607.json?_params=%7B%22where%22:%5B%7B%22_path%22:%22%2Fexperiments%2Fsimple-editor%22%7D%5D,%22first%22:true,%22sort%22:%5B%7B%22_stem%22:1,%22$numeric%22:true%7D%5D%7D\r\n\r\nSpecific links are also not working. (2 examples)\r\n- https://lab.tresjs.org/experiments/simple-editor\r\n- https://lab.tresjs.org/experiments/glass-material\r\n\r\n# Local has no problems.\r\n\r\nWhen I clone and run it at local environment, it works well.\r\n\r\n\r\n\r\n\r\nThank you.",[2932],{"name":2864,"color":2865},145,"closed","lab.tresjs.org doesn't work (Only header is shown. Fail to fetch items.)","2024-09-01T16:08:13Z","https://github.com/Tresjs/lab/issues/145",0.6826534,{"description":2940,"labels":2941,"number":2942,"owner":2853,"repository":2924,"state":2934,"title":2943,"updated_at":2944,"url":2945,"score":2946},"### Describe the bug\n\nWhen i use this snippet I see white background instead of `body/html` with red color. \r\n```html\r\n \u003CTresCanvas window-size clear-color=\"transparent\">\r\n```\r\n\r\nI want to see html background instead of threejs scene background.\n\n### Reproduction\n\nany project with TresCanvas and set clear-color to transparent\n\n### Steps to reproduce\n\nrun any project with Tres and use TresCanvas to set clear-color to transparent.\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.",[],679,"Unable to set clear-color to transparent","2024-07-17T18:29:48Z","https://github.com/Tresjs/tres/issues/679",0.7012898,{"description":2948,"labels":2949,"number":2956,"owner":2853,"repository":2924,"state":2934,"title":2957,"updated_at":2958,"url":2959,"score":2960},"### Describe the bug\n\nI want my camera to look at a position. `TresPerspectiveCamera` has a [`look-at`](https://docs.tresjs.org/api/instances-arguments-and-props.html#methods) prop that uses the [`lookAt`](https://threejs.org/docs/#api/en/core/Object3D.lookAt) method of `Object3D` to point the camera at a position, but when used alongside the [`cientos` `CameraControls` component](https://cientos.tresjs.org/guide/controls/camera-controls.html) the functionality is lost.\n\n### Reproduction\n\nhttps://stackblitz.com/edit/tresjs-minimal-reproduction-iazqxl?file=src%2Fcomponents%2FTheExperience.vue,package.json,src%2FApp.vue\n\n### Steps to reproduce\n\nUse `CameraControls` with `TresPerspectiveCamera` and set the `look-at` prop.\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/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.",[2950,2953],{"name":2951,"color":2952},"wontfix","ffffff",{"name":2954,"color":2955},"has-workaround","AEA9C4",760,"`TresPerspectiveCamera` `lookAt` not working with `CameraControls`","2024-08-30T07:21:08Z","https://github.com/Tresjs/tres/issues/760",0.7039209,{"description":2962,"labels":2963,"number":2852,"owner":2853,"repository":2870,"state":2934,"title":2967,"updated_at":2968,"url":2969,"score":2859},"**Is your feature request related to a problem? Please describe.**\r\nWe can implement a rain abstraction where particles flow to infinity. This effect works also for snow effect and even for beam\r\n\r\n\r\n**Describe the solution you'd like**\r\nExamples here:\r\nhttps://github.com/PacktPublishing/Learn-Three.js-Fourth-edition/blob/main/source/samples/chapters/chapter-7/rain.js\r\nhttps://github.com/PacktPublishing/Learn-Three.js-Fourth-edition/blob/main/source/samples/chapters/chapter-7/snow.js\r\n\r\n**Suggested solution**\r\n\u003CFlowParticle\r\nspeed=\"\"\r\nfrom=\"\"\r\nto=\"\"\r\ntexture=\"\"\r\nsize=\"\"\r\ncount=\"\"\r\nrange=\"\"\r\n />\r\n\r\n**Additional context**\r\nI would like feedback about this specific feature, name and props\r\n",[2964],{"name":2965,"color":2966},"feature","c2e0c6","Precipitation abstraction \u003CPrecipitation />","2023-05-24T06:22:46Z","https://github.com/Tresjs/cientos/issues/53",["Reactive",2971],{},["Set"],["ShallowReactive",2974],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fjYuiWKDsTtwL_oww0x8YuaHw8kpL8dhdeYfSjnDxm4M":-1},"/Tresjs/cientos/391"]