\r\n \u003CTresPerspectiveCamera :position=\"[5, 5, 5]\" />\r\n \u003C!-- Your scene here -->\r\n \u003CTresMesh cast-shadow :position=\"[0, 0, 0]\">\r\n \u003CTresBoxGeometry :args=\"[1, 1, 2]\" />\r\n \u003CTresMeshToonMaterial color=\"blue\" />\r\n \u003CHtml center transform sprite>\r\n \u003Cdiv class=\"text\">TEXT\u003C/div>\r\n \u003C/Html>\r\n \u003C/TresMesh>\r\n \u003C/TresCanvas>\r\n \u003C/div>\r\n \u003C/div>\r\n\u003C/template>\r\n\u003Cscript setup lang=\"ts\">\r\nimport { TresCanvas } from '@tresjs/core'\r\nimport { BasicShadowMap, SRGBColorSpace, NoToneMapping } from 'three'\r\nimport { Html, OrbitControls } from '@tresjs/cientos'\r\nconst gl = {\r\n clearColor: '#87CEEB',\r\n shadows: true,\r\n alpha: true,\r\n shadowMapType: BasicShadowMap,\r\n outputColorSpace: SRGBColorSpace,\r\n toneMapping: NoToneMapping,\r\n}\r\n\u003C/script>\r\n\u003Cstyle>\r\n.canvas {\r\n width: 500px;\r\n height: 500px;\r\n position: relative;\r\n}\r\n.text {\r\n color: white;\r\n font-weight: bold;\r\n font-size: 30px;\r\n}\r\n\u003C/style>\r\n\r\n\r\n```\r\nhook.js:608 THREE.Material: parameter 'vertexShader' has value of undefined.\r\n\r\nnow about page\r\n\r\n\r\nif I go home?\r\n\r\nIf I add Html components, the error increases by the corresponding number.\n\n### Reproduction\n\nhttps://stackblitz.com/edit/tresjs-basic-4pso7hpr?file=src%2Fcomponents%2FTheExperience.vue\n\n### Steps to reproduce\n\n_No response_\n\n### System Info\n\n```shell\nnpx envinfo --system --npmPackages '{vite,@tresjs/*, three, vue}' --binaries --browsers\r\nNeed to install the following packages:\r\nenvinfo@7.14.0\r\nOk to proceed? (y) y\r\n\r\n\r\n System:\r\n OS: Linux 5.15 Ubuntu 22.04.4 LTS 22.04.4 LTS (Jammy Jellyfish)\r\n CPU: (8) x64 13th Gen Intel(R) Core(TM) i7-1355U\r\n Memory: 1.70 GB / 7.76 GB\r\n Container: Yes\r\n Shell: 5.1.16 - /bin/bash\r\n Binaries:\r\n Node: 20.18.0 - ~/.nvm/versions/node/v20.18.0/bin/node\r\n npm: 11.0.0 - ~/.nvm/versions/node/v20.18.0/bin/npm\r\n npmPackages:\r\n @tresjs/cientos: ^4.0.3 => 4.0.3 \r\n @tresjs/core: ^4.3.2 => 4.3.2 \r\n vite: ~6.0.6 => 6.0.6\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/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.",[],587,"cientos","When TresCanvas is unmounted, an error occurs equal to the number of Html components.","2025-01-14T07:22:09Z","https://github.com/Tresjs/cientos/issues/587",0.7065733,{"description":2874,"labels":2875,"number":2876,"owner":2857,"repository":2877,"state":2859,"title":2878,"updated_at":2879,"url":2880,"score":2881},"\r\n\r\nCurrently , my only solution is change import \r\nimport { TresCanvas as TC, TresCanvasProps } from '@tresjs/core';\r\n\r\nTo\r\nimport { TresCanvas as TC } from '@tresjs/core';\r\nimport { TresCanvasProps } from '@tresjs/core/dist/components/TresCanvas.vue';\r\n\r\nHave anyone same problem when run experiments ? I tried on Window 10 , node 19.6 and Mac 18.16 have same problem and solution :/ \r\n\r\n",[],54,"lab","Unresolvable type reference TresCanvasProps ","2023-07-18T03:21:05Z","https://github.com/Tresjs/lab/issues/54",0.7224821,{"description":2883,"labels":2884,"number":2888,"owner":2857,"repository":2889,"state":2859,"title":2890,"updated_at":2891,"url":2892,"score":2893},"**Is your feature request related to a problem? Please describe.**\nI find that this example: https://lab.openbloc.fr/droneWorld and his code it's possible to add that to Tres.js?\nI'm not good with PP but would be poerfect for more realistic scenes like my FPS-controls \n\n**Describe the solution you'd like**\nAt the time we move the camera the scene get blur (similar to old cameras or ray casting effects)\n\n**Suggested solution**\nhttps://github.com/blaze33/droneWorld/blob/master/src/postprocessing/MotionBlur.js\n",[2885],{"name":2886,"color":2887},"enhancement","a2eeef",191,"post-processing","It's possible to add a motion blur effect?","2025-03-15T11:51:23Z","https://github.com/Tresjs/post-processing/issues/191",0.72338104,{"description":2895,"labels":2896,"number":2897,"owner":2857,"repository":2858,"state":2859,"title":2898,"updated_at":2899,"url":2900,"score":2901},"### Description\n\nThis allows to prevent bubbling the events to the dom by using `event.sourceEvent.preventDefault();`\n\n### Suggested solution\n\nAdd event capture true by default, or allow us to add parameters to the listeners: `@click.stop`, `@click.passive`, `@click.capture`, ...\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.",[],939,"Add event capture true by default","2025-02-22T10:19:27Z","https://github.com/Tresjs/tres/issues/939",0.726767,{"description":2903,"labels":2904,"number":2911,"owner":2857,"repository":2868,"state":2859,"title":2912,"updated_at":2913,"url":2914,"score":2915},"### Description\n\nAs a developer using TresJS, I would like to have a component that can keep child components centered on screen, even after screen resizes.\n\n### Suggested solution\n\nA component that works like [Drei's `\u003CBounds />`](https://drei.docs.pmnd.rs/staging/bounds#bounds) would be welcome.\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.",[2905,2908],{"name":2906,"color":2907},"feature","c2e0c6",{"name":2909,"color":2910},"p2-nice-to-have","D4C5F9",408,"\u003CBounds />","2024-12-17T18:07:35Z","https://github.com/Tresjs/cientos/issues/408",0.7408313,{"description":2917,"labels":2918,"number":2919,"owner":2857,"repository":2858,"state":2859,"title":2920,"updated_at":2921,"url":2922,"score":2923},"### Description\n\nHi, Tres is powerful tools, I like it ,now I use potree js for pointcloud application, so could make potree as plugin in tres ,so could use it in vue. \nthanks\n\n### Suggested solution\n\nTres add Potree\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.",[],968,"could Tres add potree plugin for pointCloud in vue","2025-03-27T07:13:05Z","https://github.com/Tresjs/tres/issues/968",0.7460377,{"description":2925,"labels":2926,"number":2931,"owner":2857,"repository":2932,"state":2859,"title":2933,"updated_at":2934,"url":2935,"score":2936},"### 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.",[2927,2930],{"name":2928,"color":2929},"investigation","D03599",{"name":2909,"color":2910},156,"rapier","Adding physics from GLTF directly","2025-01-29T08:42:02Z","https://github.com/Tresjs/rapier/issues/156",0.749744,{"description":2938,"labels":2939,"number":2943,"owner":2857,"repository":2877,"state":2944,"title":2945,"updated_at":2946,"url":2947,"score":2948},"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.",[2940],{"name":2941,"color":2942},"bug","d73a4a",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.712217,{"description":2950,"labels":2951,"number":2952,"owner":2857,"repository":2868,"state":2944,"title":2953,"updated_at":2954,"url":2955,"score":2956},"### Description\n\nAs a developer using cientos, I would like to have the minimal bundle possible.\r\n\r\nAtm, the bundle size of cientos is around 600 Kb which is huge, at least 300kb (31%) are coming from [TweakPane](https://cocopon.github.io/tweakpane/)\r\n\r\n\u003Cimg width=\"1479\" alt=\"Screenshot 2023-08-13 at 12 37 22\" src=\"https://github.com/Tresjs/cientos/assets/4699008/9062618d-f7ac-4aad-9b20-9631e4bd2623\">\r\n\r\n\u003Cimg width=\"631\" alt=\"Screenshot 2023-08-13 at 12 38 50\" src=\"https://github.com/Tresjs/cientos/assets/4699008/e4dc5dd6-c344-41b7-bee5-392fc075bbf3\">\r\n\n\n### Suggested solution\n\nTake out tweakpane from the final bundle by making it a peer dep\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.",[],168,"Tweakpane as peer dep","2023-09-29T06:32:30Z","https://github.com/Tresjs/cientos/issues/168",0.7373337,["Reactive",2958],{},["Set"],["ShallowReactive",2961],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fuN1C719idpr6xAuBvJP7kJYnb5iGi5IJbqBMunqbvO0":-1},"/Tresjs/cientos/323"]