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.",[2867,2870],{"name":2868,"color":2869},"enhancement","a2eeef",{"name":2871,"color":2872},"help wanted","008672","Tresjs","XR","open","Teleport VR controls component","2024-05-12T17:53:16Z","https://github.com/Tresjs/XR/issues/16",0.60580504,{"description":2881,"labels":2882,"number":1448,"owner":2873,"repository":2874,"state":2875,"title":2886,"updated_at":2887,"url":2888,"score":2889},"This issue is to piece together documentation that forms a base understanding of the code that works for displaying a basic VR immersive web experience that works on WebXR supported browsers (I will myself be testing directly against a Meta Quest 3 headset).",[2883],{"name":2884,"color":2885},"documentation","0075ca","Basic docs covering all code around proof of concept VR branch","2024-07-06T18:28:51Z","https://github.com/Tresjs/XR/issues/17",0.6192501,{"description":2891,"labels":2892,"number":659,"owner":2873,"repository":2893,"state":2875,"title":2894,"updated_at":2895,"url":2896,"score":2897},"I'm experiencing some issues in displaying text on the main TresJS site (in the docs site everything is good).\r\n\r\n\r\n\r\nAs you can see, no text is displayed at all, and I'm experiencing this with both Brave and Firefox on my Linux Laptop. With Chrome everything seems fine instead (at the moment I can't test other browser/os combinations)\r\n\r\nI also noticed that the issue is related to the specific font used (Atkinson), because if I deactivate it (see this [screencast](https://github.com/user-attachments/assets/eae96cd2-e4e2-4ed2-98c6-7dd1d51e901d)), the text is visible again.\r\n\r\nI think it's possible that the font is corrupted in some way and not recognizable by some browsers, or maybe it is not imported correctly in the final bundle\r\n",[],"tresjs.org","Font display issue on certain browser/os combination","2024-08-28T15:21:00Z","https://github.com/Tresjs/tresjs.org/issues/18",0.6277344,{"description":2899,"labels":2900,"number":644,"owner":2873,"repository":2904,"state":2875,"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.63706774,{"description":2910,"labels":2911,"number":1042,"owner":2873,"repository":2913,"state":2875,"title":2914,"updated_at":2915,"url":2916,"score":2917},"",[2912],{"name":2868,"color":2869},"lab","Add source code to examples content","2024-04-08T16:47:32Z","https://github.com/Tresjs/lab/issues/22",0.6477025,{"description":2919,"labels":2920,"number":2924,"owner":2873,"repository":2913,"state":2925,"title":2926,"updated_at":2927,"url":2928,"score":2929},"https://codesandbox.io/s/n60qg",[2921],{"name":2922,"color":2923},"demo","CAC7AC",30,"closed","Landing Page with Product ","2023-05-31T08:32:51Z","https://github.com/Tresjs/lab/issues/30",0.61755776,{"description":2931,"labels":2932,"number":2936,"owner":2873,"repository":2913,"state":2925,"title":2937,"updated_at":2938,"url":2939,"score":2940},"https://github.com/franky-adl/threejs-synthwave-scene",[2933],{"name":2934,"color":2935},"showcase","FBF307",33,"Synthwave demo","2023-12-04T13:54:06Z","https://github.com/Tresjs/lab/issues/33",0.62205464,{"description":2942,"labels":2943,"number":659,"owner":2873,"repository":2944,"state":2925,"title":2945,"updated_at":2946,"url":2947,"score":2897},"@alvarosabu \r\n\r\n## Problem\r\n\r\nThere are a few different versions of the Tres logo in the wild. The type size and placement varies:\r\n\r\nhttps://tresjs.org/\r\n\r\nhttps://docs.tresjs.org/\r\n\r\n\u003Cimg width=\"134\" alt=\"Screenshot 2024-02-03 at 14 43 12\" src=\"https://github.com/Tresjs/assets/assets/20469369/c10c8b14-d60c-482f-b6aa-417574536159\">\r\n\u003Cimg width=\"196\" alt=\"Screenshot 2024-02-03 at 14 37 31\" src=\"https://github.com/Tresjs/assets/assets/20469369/d4e1a4ab-35cc-4869-981e-e165b601f20e\">\r\n\r\nIn addition, the formatting of \"Tres\" is in HTML text, so its appearance/alignment is the responsibility of the person creating/maintaining the page. That means extra work and possibility for inconsistency.\r\n\r\n## Solution\r\n\r\nThis seems to be the most widely used version of the logo:\r\n\r\n\u003Cimg width=\"196\" alt=\"Screenshot 2024-02-03 at 14 37 31\" src=\"https://github.com/Tresjs/assets/assets/20469369/d4e1a4ab-35cc-4869-981e-e165b601f20e\">\r\n\r\n* Use \"Roboto\" typeface and convert to SVG paths.\r\n* Standardize the logo and acceptable variations. \r\n* Standardize on 100px nominal width for the SVG.\r\n* Used named layers on the SVG, so color modifications are easy.\r\n* Provide light mode/dark mode versions.\r\n* Remove padding from logo, as this makes it difficult to align with other elements.\r\n* Make \"official\" logos available here for inclusion in other projects.",[],"assets","Docs(logos): no standard logos in repo","2024-02-06T17:36:56Z","https://github.com/Tresjs/assets/issues/18",{"description":2949,"labels":2950,"number":1660,"owner":2873,"repository":2904,"state":2925,"title":2951,"updated_at":2952,"url":2953,"score":2954},"**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",[],"HTML component","2023-09-27T06:10:48Z","https://github.com/Tresjs/cientos/issues/23",0.6453706,{"description":2956,"labels":2957,"number":1042,"owner":2873,"repository":2904,"state":2925,"title":2960,"updated_at":2961,"url":2962,"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",[2958,2959],{"name":2902,"color":2903},{"name":2871,"color":2872},"UseProgress composable","2023-06-18T06:37:23Z","https://github.com/Tresjs/cientos/issues/22",["Reactive",2964],{},["Set"],["ShallowReactive",2967],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$ffeI2s8LsCMhYCMLYAmYrPfjS3bKGz3U_2HQKWBuRdP8":-1},"/Tresjs/cientos/20"]