\r\n \u003CCameraControls v-bind=\"controlsState\" make-default />\r\n\r\n \u003C!-- rest of the scene -->\r\n\u003C/TresCanvas>\r\n```\r\nCommenting out the rest of the scene does not change the behavior, when commenting out `\u003CCameraControls />`, on-demand returns to working as expected.\r\n\r\nFYI: It does not happen with `\u003COrbitControls />` component.\r\n\r\n\r\n\r\n\r\n### Reproduction\r\n\r\nhttps://stackblitz.com/edit/tresjs-minimal-reproduction-gj1p2u?file=src%2FApp.vue\r\n\r\n### Steps to reproduce\r\n\r\n1. Open console and verify that the `@render` emitter is firing the `console.log`\r\n2. Comment out `\u003CCameraControls v-bind=\"controlsState\" make-default />` and check the console to verify that logging stops after a few render loops\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/cientos/blob/main/CODE_OF_CONDUCT.md)\r\n- [X] Read the [Contributing Guidelines](https://github.com/Tresjs/cientos/blob/main/CONTRIBUTING.md).\r\n- [X] Read the [docs](https://cientos.tresjs.org/guide).\r\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.\r\n- [x] The provided reproduction is a [minimal reproducible example](https://stackoverflow.com/help/minimal-reproducible-example) of the bug.",[2856,2859],{"name":2857,"color":2858},"bug","d73a4a",{"name":2860,"color":2861},"p3-minor-bug","F28C37",471,"Tresjs","cientos","open","CameraControls break on-demand rendering (by invalidating every frame)","2024-10-17T07:32:51Z","https://github.com/Tresjs/cientos/issues/471",0.7222493,{"description":2871,"labels":2872,"number":2873,"owner":2863,"repository":2864,"state":2865,"title":2874,"updated_at":2875,"url":2876,"score":2877},"### Description\n\nMy Rollup plugin performs some work based on whether certain exports from three-stdlib are used, such as ```DRACOLoader```. I would like it to be handled when using cientos as well.\n\n### Suggested solution\n\nRelease a version without **builtin three-stdlib**\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.",[],597,"Make three-stdlib be an external dependency","2025-02-27T09:46:43Z","https://github.com/Tresjs/cientos/issues/597",0.73995614,{"description":2879,"labels":2880,"number":2887,"owner":2863,"repository":2888,"state":2865,"title":2889,"updated_at":2890,"url":2891,"score":2892},"### Description\n\nI'm looking to migrate an Aframe project to tresJS to benefit from vue bindings however I'm struggling to setup the camera to work with a VR headset.\r\n\r\nI've attempted loading the ArrayCamera and StereoGame classes built-in to threeJS and using the extend method in TresJS to be able to load them as components such as \u003CTresArrayCamera /> and \u003CTresStereoCamera /> but nothing works. I either get a blank black screen or a bluescreen with a line through it (when using the default example from the TresJS starter repo)\r\n\r\nThis is after being able to use \u003CTresPerspectiveCamera /> without any issues and just swapping out the camera used. Would appreciate any ideas or info how to implement this thanks.\n\n### Suggested solution\n\nImplement Array or StereoCamera as Tres JS native component preconfigured to work with VR.\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.",[2881,2884],{"name":2882,"color":2883},"investigation","D03599",{"name":2885,"color":2886},"waiting for author","B145BC",102,"XR","VR Style Camera (Aframe implementation or ArrayCamera/StereoCamera from three","2024-08-21T10:45:26Z","https://github.com/Tresjs/XR/issues/102",0.7478535,{"description":2894,"labels":2895,"number":2896,"owner":2863,"repository":2864,"state":2865,"title":2897,"updated_at":2898,"url":2899,"score":2900},"### Describe the bug\r\n\r\n* When the `\u003CEnvironment />` component is unmounted, reflections/lighting are not updated.\r\n* Some props – e.g., `blur` – do not have an effect.\r\n\r\n### Reproduction\r\n\r\nhttps://stackblitz.com/edit/tresjs-basic-ucrrurnf?file=src%2Fcomponents%2FTheExperience.vue",[],569,"Environment: Lighting/reflections do not disappear when component is unmounted; props do not work","2024-12-19T16:37:20Z","https://github.com/Tresjs/cientos/issues/569",0.7490204,{"description":2902,"labels":2903,"number":2904,"owner":2863,"repository":2864,"state":2865,"title":2905,"updated_at":2906,"url":2907,"score":2908},"### Describe the bug\r\n\r\nconst text = ref('this is text!')\r\n\r\nconst onClick = ( )=>{\r\n text.value='text change!'\r\n}\r\n\r\n\r\n\r\n \u003CTresMesh @click=\"onClick\" :position=\"[1, 1, 1]\">\r\n \u003CTresBoxGeometry />\r\n \u003CTresMeshNormalMaterial />\r\n \u003CHtml\r\n center\r\n transform\r\n :distance-factor=\"4\"\r\n :position=\"[0, 0, 0.65]\"\r\n :scale=\"[0.75, 0.75, 0.75]\"\r\n >\r\n \u003Ch1 class=\"bg-white dark:bg-dark text-xs p-1 rounded\">\r\n {{ text }}\r\n \u003C/h1>\r\n \u003C/Html>\r\n \u003C/TresMesh>\r\n\r\n\r\n### Reproduction\r\n\r\nN\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/cientos/blob/main/CODE_OF_CONDUCT.md)\r\n- [X] Read the [Contributing Guidelines](https://github.com/Tresjs/cientos/blob/main/CONTRIBUTING.md).\r\n- [X] Read the [docs](https://cientos.tresjs.org/guide).\r\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.\r\n- [X] The provided reproduction is a [minimal reproducible example](https://stackoverflow.com/help/minimal-reproducible-example) of the bug.",[],407,"Html content reactive support","2024-05-08T01:52:13Z","https://github.com/Tresjs/cientos/issues/407",0.74931985,{"description":2910,"labels":2911,"number":2914,"owner":2863,"repository":2915,"state":2865,"title":2916,"updated_at":2917,"url":2918,"score":2919},"### Describe the bug\r\n\r\nDue to the debounced ref introduced in #512, the canvas only renders once the resize animation has finished.\r\n\r\nHow it's supposed to work\r\n\r\n\r\nIt can be fixed by moving renderer size update and the camera projection matrix update to before rendering or using useFps composable from vueuse to dynamically calculate debounceTime\r\n\r\n### Reproduction\r\n\r\nMonitor with refresh rate above 100 hz needed\r\n\r\nhttps://stackblitz.com/edit/stackblitz-starters-jtmew9?file=src%2FApp.vue\r\n### Steps to reproduce\r\n\r\nHave container of TresCanvas resize continuously. \r\n\r\n### System Info\r\n\r\n```shell\r\nSystem:\r\n OS: Linux 5.15 Ubuntu 22.04.4 LTS 22.04.4 LTS (Jammy Jellyfish)\r\n CPU: (12) x64 AMD Ryzen 5 5600X 6-Core Processor\r\n Memory: 12.28 GB / 15.58 GB\r\n Container: Yes\r\n Shell: 5.8.1 - /usr/bin/zsh\r\n Binaries:\r\n Node: 22.8.0 - ~/.asdf/installs/nodejs/22.8.0/bin/node\r\n npm: 10.8.2 - ~/.asdf/plugins/nodejs/shims/npm\r\n pnpm: 9.9.0 - ~/.local/share/pnpm/pnpm\r\n npmPackages:\r\n @tresjs/cientos: ^4.0.2 => 4.0.2 \r\n @tresjs/nuxt: ^3.0.7 => 3.0.7\r\n```\r\n\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.",[2912,2913],{"name":2857,"color":2858},{"name":2860,"color":2861},848,"tres","Render issue with continuous resize animation","2024-10-18T20:46:48Z","https://github.com/Tresjs/tres/issues/848",0.7509756,{"description":2921,"labels":2922,"number":2929,"owner":2863,"repository":2915,"state":2930,"title":2931,"updated_at":2932,"url":2933,"score":2934},"Since vue compiler doesn't recognize the TresJS as native, users need to add this code to the `vite.config.ts` \n\n isCustomElement: tag => tag.startsWith('Tres') && tag !== 'TresCanvas',",[2923,2926],{"name":2924,"color":2925},"docs","0075ca",{"name":2927,"color":2928},"v2","FEE22E",169,"closed","Add customElement vue compiler code to docs","2023-03-30T06:19:00Z","https://github.com/Tresjs/tres/issues/169",0.703994,{"description":2936,"labels":2937,"number":2946,"owner":2863,"repository":2915,"state":2930,"title":2947,"updated_at":2948,"url":2949,"score":2950},"### Describe the bug\n\nDetails on https://discord.com/channels/1047126995424780288/1101057616324603914/1168533469148745768\r\n\r\n\n\n### Reproduction\n\nhttps://stackblitz.com/edit/stackblitz-starters-c3kpch?file=src%2Fcomponents%2FTheExperience.vue\n\n### Steps to reproduce\n\n`npm run dev`\r\n\r\nYou will see how the text resets to initial position\n\n### System Info\n\n```shell\nSystem:\r\n OS: Linux 5.0 undefined\r\n CPU: (8) x64 Intel(R) Core(TM) i9-9880H CPU @ 2.30GHz\r\n Memory: 0 Bytes / 0 Bytes\r\n Shell: 1.0 - /bin/jsh\r\n Binaries:\r\n Node: 18.18.0 - /usr/local/bin/node\r\n Yarn: 1.22.19 - /usr/local/bin/yarn\r\n npm: 9.4.2 - /usr/local/bin/npm\r\n pnpm: 8.9.2 - /usr/local/bin/pnpm\r\n npmPackages:\r\n @tresjs/cientos: 2.1.2 => 2.1.2 \r\n @tresjs/core: 2.1.2 => 2.1.2 \r\n vite: ^4.3.9 => 4.4.11 \r\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/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.",[2938,2939,2942,2945],{"name":2857,"color":2858},{"name":2940,"color":2941},"help wanted","008672",{"name":2943,"color":2944},"performance","3F1D85",{"name":2882,"color":2883},430,"Passing computed or ref values as props triggers a re-renderer","2024-03-25T15:22:13Z","https://github.com/Tresjs/tres/issues/430",0.7059009,{"description":2952,"labels":2953,"number":2954,"owner":2863,"repository":2955,"state":2930,"title":2956,"updated_at":2957,"url":2958,"score":2959},"So there is my code. And my canvas has black background and i wanna change it to transparent but it doesnt work. PLS HELP😿\r\n\r\n\u003Cscript setup>\r\n import { TresCanvas } from \"@tresjs/core\";\r\n import { OrbitControls, useFBX } from \"@tresjs/cientos\";\r\n\r\n const path = \"/src/assets/model/room.fbx\";\r\n const scene = await useFBX(path);\r\n console.log(scene);\r\n\u003C/script>\r\n\r\n\u003Ctemplate>\r\n \u003CTresCanvas>\r\n \u003CTresPerspectiveCamera :position=\"[3, 2, 5]\" />\r\n \u003COrbitControls />\r\n \u003CSuspense>\r\n \u003Cprimitive v-if=\"scene\" :object=\"scene\" scale=\"0.025\" />\r\n \u003C/Suspense>\r\n \u003CTresDirectionalLight :intensity=\"2\" :position=\"[3, 3, 3]\" />\r\n \u003CTresAmbientLight :intensity=\"1\" />\r\n \u003C/TresCanvas>\r\n\u003C/template>\r\n",[],81,"lab","Good morning everynyan. How to change background to transparent","2023-12-25T05:01:44Z","https://github.com/Tresjs/lab/issues/81",0.71703213,{"description":2961,"labels":2962,"number":2963,"owner":2863,"repository":2864,"state":2930,"title":2964,"updated_at":2965,"url":2966,"score":2967},"### Description\n\nI would like to have a easy way to add shadows in my GLTF model component, just passing a simple prop\n\n### Suggested solution\n\n\u003CGLTFModel cast-shadow path=\"...\" />\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.",[],329,"Add cast-shadows props to exporter models","2024-01-12T15:38:37Z","https://github.com/Tresjs/cientos/issues/329",0.71733946,["Reactive",2969],{},["Set"],["ShallowReactive",2972],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fGj_3mFVfkhWPZex-rL72XQGul5Z2IqdrCXXpBFZt3Rs":-1},"/Tresjs/cientos/596"]