and with teleport controls mainly used in VR applications as opposed to AR applications, it would seem most beneficial to create a component called \u003CTeleportVR />\r\n\r\nThis component will allow users to teleport using a single motion controller, defaulting to the right handed controller with the joystick being used to trigger the aiming interface. Most application 3D or VR use the right joystick for movement, and if using teleport controls it makes the most sense to use this as the default trigger under the expectancy developers are more likely to use the other buttons on the controller for purposes differing from movement.",[2888,2891],{"name":2889,"color":2890},"enhancement","a2eeef",{"name":2892,"color":2893},"help wanted","008672","Teleport VR controls component","2024-05-12T17:53:16Z","https://github.com/Tresjs/XR/issues/16",0.6267669,{"description":2899,"labels":2900,"number":644,"owner":2867,"repository":2904,"state":2869,"title":2905,"updated_at":2906,"url":2907,"score":2908},"https://drei.docs.pmnd.rs/gizmos/pivot-controls#pivotcontrols",[2901],{"name":2902,"color":2903},"good first issue","7057ff","cientos","Pivot Controls ","2024-11-26T07:09:36Z","https://github.com/Tresjs/cientos/issues/7",0.63418096,{"description":2910,"labels":2911,"number":1042,"owner":2867,"repository":2913,"state":2869,"title":2914,"updated_at":2915,"url":2916,"score":2917},"",[2912],{"name":2889,"color":2890},"lab","Add source code to examples content","2024-04-08T16:47:32Z","https://github.com/Tresjs/lab/issues/22",0.6485165,{"description":2919,"labels":2920,"number":1660,"owner":2867,"repository":2904,"state":2921,"title":2922,"updated_at":2923,"url":2924,"score":2925},"**Is your feature request related to a problem? Please describe.**\r\nCurrently, there is no straightforward way to tie HTML content to any object of a TresJS scene and have it projected to the object's whereabouts automatically. This feature would be useful for users who want to create rich, interactive 3D scenes with HTML content that moves and scales along with the 3D objects.\r\n\r\n**Describe the solution you'd like**\r\nI would like to have a new HTML component that allows users to tie HTML content to any object in their TresJS scene. The component should support a variety of properties for customization, such as the wrapping element, className, positioning, scaling, occlusion, and more.\r\n\r\n**Suggested solution**\r\nIn the TresJS library, we could provide the following implementation as a Vue component:\r\n\r\n```vue\r\n\u003Ctemplate>\r\n \u003CHtml\r\n :as=\"'div'\"\r\n :wrapperClass=\"wrapperClass\"\r\n :prepend=\"prepend\"\r\n :center=\"center\"\r\n :fullscreen=\"fullscreen\"\r\n :distanceFactor=\"10\"\r\n :zIndexRange=\"[100, 0]\"\r\n :portal=\"domnodeRef\"\r\n :transform=\"transform\"\r\n :sprite=\"sprite\"\r\n :calculatePosition=\"calculatePosition\"\r\n :occlude=\"occlude\"\r\n :onOcclude=\"onOcclude\"\r\n v-bind=\"groupProps\"\r\n v-bind=\"divProps\"\r\n >\r\n \u003Ch1>hello\u003C/h1>\r\n \u003Cp>world\u003C/p>\r\n \u003C/Html>\r\n\u003C/template>\r\n\r\n\u003Cscript>\r\nimport { Html } from 'path/to/html-component';\r\n\r\nexport default {\r\n components: {\r\n Html,\r\n },\r\n // ...\r\n};\r\n\u003C/script>\r\n```\r\nThis implementation should cover the desired features and provide users with the ability to create dynamic 3D scenes with HTML content. \r\nhttps://github.com/pmndrs/drei/blob/master/src/web/Html.tsx\r\n\r\n## Additional context\r\nThis feature is inspired by the React Three Fiber (R3F) library, which provides a similar functionality for React users. Implementing this feature in TresJS would allow Vue developers to achieve the same level of interactivity and customization in their 3D scenes.\r\n\r\n\r\n",[],"closed","HTML component","2023-09-27T06:10:48Z","https://github.com/Tresjs/cientos/issues/23",0.6162337,{"description":2927,"labels":2928,"number":1631,"owner":2867,"repository":2904,"state":2921,"title":2932,"updated_at":2933,"url":2934,"score":2935},"**Describe the bug**\r\n\r\nText3D component comes with two main problems\r\n1) It creates two instance of the Mesh\r\n2) comes with inherit problems. If you add for example name propertie it doesn't set to the object\r\n\r\n**Reproduction**\r\nPlease provide a link using this template on [Stackblitz](https://stackblitz.com/edit/tresjs-basic?file=README.md) \r\n\r\n**Steps**\r\nSteps to reproduce the behavior:\r\n1. Add one log to the scene using useTres().scene.value \r\n2. Add to your scene any valid Text3D component\r\n3. look the children\r\n4. Also you can try to add properties like name, doesn't work corrently\r\n\r\n**Expected behavior**\r\nOne mesh should be added to the scene\r\n\r\n**System Info**\r\nOutput of `npx envinfo --system --npmPackages '{vite,@tresjs/*, three, vue}' --binaries --browsers` ",[2929],{"name":2930,"color":2931},"bug","d73a4a","Text 3d abstracion","2023-04-19T18:09:26Z","https://github.com/Tresjs/cientos/issues/20",0.6266164,{"description":2937,"labels":2938,"number":2942,"owner":2867,"repository":2913,"state":2921,"title":2943,"updated_at":2944,"url":2945,"score":2946},"https://github.com/franky-adl/threejs-synthwave-scene",[2939],{"name":2940,"color":2941},"showcase","FBF307",33,"Synthwave demo","2023-12-04T13:54:06Z","https://github.com/Tresjs/lab/issues/33",0.63551587,{"description":2948,"labels":2949,"number":2953,"owner":2867,"repository":2913,"state":2921,"title":2954,"updated_at":2955,"url":2956,"score":2957},"https://codesandbox.io/s/n60qg",[2950],{"name":2951,"color":2952},"demo","CAC7AC",30,"Landing Page with Product ","2023-05-31T08:32:51Z","https://github.com/Tresjs/lab/issues/30",0.636987,{"description":2959,"labels":2960,"number":1042,"owner":2867,"repository":2904,"state":2921,"title":2963,"updated_at":2964,"url":2965,"score":2917},"**Is your feature request related to a problem? Please describe.**\r\nAtm is possible to set the loading screen with the async behavior, ex when a model is being loaded, but not to access all the information that the callback provides.\r\n\r\n```ts\r\nconst loadingManager = new THREE.LoadingManager(\r\n // ...\r\n\r\n // Progress\r\n (itemUrl, itemsLoaded, itemsTotal) =>\r\n {\r\n console.log(itemUrl, itemsLoaded, itemsTotal)\r\n }\r\n)\r\n``` \r\n\r\n**Describe the solution you'd like**\r\nA composable that wraps [THREE.DefaultLoadingManager's](https://threejs.org/docs/index.html?q=DefaultLoadingManager#api/en/loaders/managers/DefaultLoadingManager) progress status.\r\nhttps://github.com/pmndrs/drei/blob/master/src/core/useProgress.tsx\r\n\r\n\r\n\r\n",[2961,2962],{"name":2902,"color":2903},{"name":2892,"color":2893},"UseProgress composable","2023-06-18T06:37:23Z","https://github.com/Tresjs/cientos/issues/22",["Reactive",2967],{},["Set"],["ShallowReactive",2970],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$furWwk2kL-2sUIk4GKwfRNyf7uaCGnsD7AJ0YM61OJqs":-1},"/Tresjs/assets/18"]