\r\n\r\n \u003C!-- There will be a type problem here -->\r\n\t\t\t\u003CTresPerspectiveCamera :position=\"[3, 3, 3]\" :look-at=\"[0, 0, 0]\" />\r\n\r\n\t\t\t\u003CSuspense>\r\n\t\t\t\t\u003CTexture_02 />\r\n\t\t\t\u003C/Suspense>\r\n\r\n \u003C!-- OK -->\r\n\t\t\t\u003CTresDirectionalLight :intensity=\"1\" :position=\"new THREE.Vector3(0, 3, 3)\" v-light-helper />\r\n\t\t\u003C/TresCanvas>\r\n\t\u003C/div>\r\n\u003C/template>\r\n\r\n\u003Cstyle lang=\"scss\" scoped>\r\n\t.container {\r\n\t\twidth: 100%;\r\n\t\theight: 100%;\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\tjustify-content: center;\r\n\t}\r\n\u003C/style>\r\n\r\n```\n\n### Alternative\n\nAt first I thought: position=\"new THREE.Vector3(0, 3, 3)\" is a better way to understand the original parameters of threejs, but after reading the documentation, I found: position=\"[0,3,3]\" is simpler ;But the recommended writing method in the document is: position=\"[0,3,3]\"\r\n\r\n\r\n\n\n### Additional context\n\n\r\n\r\n\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.",[],696,"position type is incorrect","2024-05-27T03:45:05Z","https://github.com/Tresjs/tres/issues/696",0.73664993,{"description":2913,"labels":2914,"number":2915,"owner":2868,"repository":2899,"state":2870,"title":2916,"updated_at":2917,"url":2918,"score":2919},"The link \"Authoring experiments\" from the [README](https://github.com/Tresjs/lab/blob/main/README.md) is broken.\r\n\r\n## The Link\r\n\r\n\u003Cimg width=\"695\" alt=\"Screenshot 2024-03-15 at 15 42 13\" src=\"https://github.com/Tresjs/lab/assets/20469369/c83cd04b-d8c5-48ae-a2c9-bbdcf405f97f\">\r\n\r\n## Result\r\n\r\n\u003Cimg width=\"1471\" alt=\"Screenshot 2024-03-15 at 15 46 08\" src=\"https://github.com/Tresjs/lab/assets/20469369/66cf1468-a38a-4b34-83ac-f1487441d29b\">\r\n",[],109,"Broken link in README.md","2024-03-15T14:47:05Z","https://github.com/Tresjs/lab/issues/109",0.7420401,{"description":2921,"labels":2922,"number":2938,"owner":2868,"repository":2869,"state":2939,"title":2940,"updated_at":2941,"url":2942,"score":2943},"### Describe the bug\n\nVscode intellisense autocompletion tooltip is not working for custom render components. \r\n\r\nTresPerspectiveCamera (custom renderer):\r\n\r\n\r\n\r\nTresCanvas (actual vue component):\r\n\r\n\r\n\r\n\n\n### Reproduction\n\nhttps://stackblitz.com/~/edit/tresjs-minimal-reproduction?file=package.json\n\n### Steps to reproduce\n\n_No response_\n\n### System Info\n\n```shell\nSystem:\r\n OS: macOS 14.5\r\n CPU: (8) arm64 Apple M1 Pro\r\n Memory: 62.16 MB / 16.00 GB\r\n Shell: 5.9 - /bin/zsh\r\n Binaries:\r\n Node: 20.12.2 - ~/.nvm/versions/node/v20.12.2/bin/node\r\n Yarn: 1.22.19 - /usr/local/bin/yarn\r\n npm: 10.5.0 - ~/.nvm/versions/node/v20.12.2/bin/npm\r\n pnpm: 9.4.0 - ~/Library/pnpm/pnpm\r\n bun: 1.0.2 - ~/.bun/bin/bun\r\n Browsers:\r\n Brave Browser: 120.1.61.116\r\n Chrome: 126.0.6478.128\r\n Safari: 17.5\r\n npmPackages:\r\n @tresjs/cientos: 3.9.0 => 3.9.0 \r\n @tresjs/core: workspace:^ => 4.2.1 \r\n @tresjs/leches: 0.15.0-next.3 => 0.15.0-next.3\n```\n\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.",[2923,2926,2929,2932,2935],{"name":2924,"color":2925},"help wanted","008672",{"name":2927,"color":2928},"dx","1576AD",{"name":2930,"color":2931},"types","5C076E",{"name":2933,"color":2934},"PR welcome","2D76B0",{"name":2936,"color":2937},"p4-important-bug","D93F0B",785,"closed","Vscode intellisense autocompletion not getting Tres components props","2024-09-06T02:50:54Z","https://github.com/Tresjs/tres/issues/785",0.70080614,{"description":2945,"labels":2946,"number":2950,"owner":2868,"repository":2869,"state":2939,"title":2951,"updated_at":2952,"url":2953,"score":2954},"## Problem\r\n\r\nThe StackBlitz template for bug reproductions contains several redundant or extraneous elements. \r\n\r\n* This costs conscientious developers time, as they have to remove many unneeded elements from their bug reports.\r\n* This costs Tres devs time, reading through non-minimal reproductions. \r\n\r\nAs a Tres developer, in order to encourage and facilitate minimal bug reproductions, I would like to remove extra elements from the StackBlitz Bug reproduction starter template. \r\n\r\n## Suggested Solution\r\n\r\n* Remove the `src/components` folder.\r\n* Replace the code in `./src/App.vue` with the following:\r\n\r\n```html\r\n\u003Cscript setup lang=\"ts\">\r\nimport { TresCanvas } from '@tresjs/core';\r\n\u003C/script>\r\n\r\n\u003Ctemplate>\r\n \u003CTresCanvas>\r\n \u003CTresMesh>\r\n \u003CTresBoxGeometry />\r\n \u003CTresMeshNormalMaterial />\r\n \u003C/TresMesh>\r\n \u003C/TresCanvas>\r\n\u003C/template>\r\n```\r\n\r\nThat makes this the starter template:\r\n\r\n\u003Cimg width=\"1334\" alt=\"Screenshot 2024-04-28 at 01 55 13\" src=\"https://github.com/Tresjs/tres/assets/20469369/237c9649-7794-4fe4-9c8f-0f749787168a\">\r\n\r\n### Alternative\r\n\r\nKeep as is.\r\n\r\n### Additional context\r\n\r\nFor comparison, here's the current `src/components/TheExperience.vue`. \r\n\r\nIt contains:\r\n\r\n* unused imports – `extend`, `reactive`\r\n* unnecessary configuration – `const gl = { ... }`\r\n* components that have no visual effect – `\u003CContactShadows />`, `\u003CTresDirectionalLight />`\r\n* redundant args – `\u003CTresBoxGeometry :args=\"[1, 1, 1]\" />`\r\n\r\n```html\r\n\u003Cscript setup lang=\"ts\">\r\nimport { extend } from '@tresjs/core';\r\n\r\nimport { reactive } from 'vue';\r\nimport { BasicShadowMap, SRGBColorSpace, NoToneMapping } from 'three';\r\nimport { TresCanvas } from '@tresjs/core';\r\nimport { OrbitControls, ContactShadows } from '@tresjs/cientos';\r\n\r\nconst gl = {\r\n clearColor: '#82DBC5',\r\n shadows: true,\r\n alpha: false,\r\n shadowMapType: BasicShadowMap,\r\n outputColorSpace: SRGBColorSpace,\r\n toneMapping: NoToneMapping,\r\n};\r\n\u003C/script>\r\n\r\n\u003Ctemplate>\r\n \u003CTresCanvas v-bind=\"gl\">\r\n \u003CTresPerspectiveCamera :position=\"[9, 9, 9]\" />\r\n \u003COrbitControls />\r\n \u003CTresMesh>\r\n \u003CTresBoxGeometry :args=\"[1, 1, 1]\" />\r\n \u003CTresMeshNormalMaterial />\r\n \u003C/TresMesh>\r\n \u003CContactShadows />\r\n \u003CTresDirectionalLight :position=\"[0, 2, 4]\" :intensity=\"1.2\" cast-shadow />\r\n \u003C/TresCanvas>\r\n\u003C/template>\r\n\r\n```\r\n\r\n### Validations\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.",[2947],{"name":2948,"color":2949},"p1-chore","BFD4F2",669,"Remove extraneous elements from StackBlitz Bug reproduction starter template","2024-04-30T15:03:58Z","https://github.com/Tresjs/tres/issues/669",0.7053333,{"description":2956,"labels":2957,"number":2964,"owner":2868,"repository":2965,"state":2939,"title":2966,"updated_at":2967,"url":2968,"score":2969},"### Description\r\n\r\nKeyboardControls could be improved.\r\n\r\nCurrently, is not supporting [magic keys](https://vueuse.org/core/useMagicKeys/#usemagickeys). And remove the 2D mode\r\nCould use the camera as a group (like in the MouseParallax) for the jump function, and the headBobbing, and avoid fighting with cameras\r\nImprove the usability for thirdCamera Games\r\n\r\n\r\n### Suggested solution\r\n\r\n.\r\n\r\n### Alternative\r\n\r\nAny other alternative is considered\r\n\r\nWe don't take mobile functionality here, that will be in another issue\r\n\r\n### Additional context\r\n\r\n_No response_\r\n\r\n### Validations\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.",[2958,2961],{"name":2959,"color":2960},"v4","EEF2B0",{"name":2962,"color":2963},"breaking-change","5319E7",227,"cientos","Improve KeyboardControls","2024-09-04T13:43:10Z","https://github.com/Tresjs/cientos/issues/227",0.72314984,{"description":2971,"labels":2972,"number":2979,"owner":2868,"repository":2869,"state":2939,"title":2980,"updated_at":2981,"url":2982,"score":2983},"**Describe the bug**\r\nCould not resolve \"@vueuse/core\" on installation, since it's a peerDependency set as external, the user would need to add it separately\r\n\r\n**Reproduction**\r\n[Stackblitz](https://stackblitz.com/edit/tresjs-basic?file=README.md)\r\n\r\n\r\n**System Info**\r\nOutput of `npx envinfo --system --npmPackages '{vite,@tresjs/*, three, vue}' --binaries --browsers` \r\n\r\n```\r\n System:\r\n OS: Linux 5.0 undefined\r\n CPU: (3) 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: 16.14.2 - /usr/local/bin/node\r\n Yarn: 1.22.19 - /usr/local/bin/yarn\r\n npm: 7.17.0 - /usr/local/bin/npm\r\n npmPackages:\r\n @tresjs/core: ^1.6.0 => 1.6.0 \r\n vite: ^4.1.0 => 4.1.1 \r\n```\r\n",[2973,2976],{"name":2974,"color":2975},"bug","d73a4a",{"name":2977,"color":2978},"pending-triage","97A4FE",96,"Could not resolve \"@vueuse/core\" on Installation","2023-02-06T18:17:07Z","https://github.com/Tresjs/tres/issues/96",0.72470206,["Reactive",2985],{},["Set"],["ShallowReactive",2988],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fwIg1DIsbL9wskjf33Qqg9Rw35V4IWPkH8z2h6Z13Oxg":-1},"/Tresjs/tres/528"]