\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 \u003Cdiv>\r\n \u003Cp>This should not scroll\u003C/p>\r\n \u003C/div>\r\n \u003C/Html>\r\n \u003C/TresMesh>\r\n```\r\nI expect the first element to scroll, and the second to stay.\r\n\r\n### System Info\r\n\r\n```shell\r\nSystem:\r\n OS: Linux 5.15 Ubuntu 22.04.3 LTS 22.04.3 LTS (Jammy Jellyfish)\r\n CPU: (8) x64 11th Gen Intel(R) Core(TM) i7-1165G7 @ 2.80GHz\r\n Memory: 3.82 GB / 11.69 GB\r\n Container: Yes\r\n Shell: 3.6.1 - /usr/bin/fish\r\n Binaries:\r\n Node: 21.5.0 - ~/.local/share/nvm/v21.5.0/bin/node\r\n Yarn: 1.22.19 - /usr/bin/yarn\r\n npm: 10.2.4 - ~/.local/share/nvm/v21.5.0/bin/npm\r\n pnpm: 8.14.1 - ~/.local/share/pnpm/pnpm\r\n bun: 1.0.7 - ~/.bun/bin/bun\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.",[2911,2914],{"name":2912,"color":2913},"pending-triage","97A4FE",{"name":2915,"color":2916},"waiting for author","B145BC",507,"Native html scroll and @tresjs/cientos Html component behaviour","2024-03-30T15:37:07Z","https://github.com/Tresjs/tres/issues/507",0.8284683,{"description":2923,"labels":2924,"number":2925,"owner":2871,"repository":2926,"state":2927,"title":2928,"updated_at":2929,"url":2930,"score":2931},"### Describe the bug\n\n[`CameraControls`](https://cientos.tresjs.org/guide/controls/camera-controls.html) component ignores `mouseButtons` and `touches` properties.\n\n### Reproduction\n\nhttps://play.tresjs.org/#eNqdVttu2zgQ/RVCwSIPa1NynGS72nTh2r0gi80FtZ8a9YGWGIsJRRIk5dgI/O8dkr5IbpA6TQTDnDkzc3jIGfk5mmhqPiiF5zWN0ujC5Jopiwy1tUKciNn7LLImi/7NBKuU1BY9oyExLB+XpJBPV0R10Pjrl+FIcqnHiuS0g67lRAoKLsXEDK3QvZYVOralpvT4n0YeV3pExJyYLWhgwfZg4lzqNnZEKqrJSAqrJX8Bz6iw0jRCRqM1JPeR3Xwd6iCZgJWxaMbRe/ScCYRyTon2e0jR8dG7k4/D0dlxx3mM36dJkdU19RbCVUlSdE+4CYYAgf1Oloqm+/I4hKytqu1Oo3RfMweyO9HStobgXgHtizicDpwFLCytFCeWwgqhi4aW8+6UiQLObcb9uSH48/5bqo2iuWVzGuREqZKGWSYFoO/+7iD3fM8iFG/C9mRPK1kb2p3WFsgaCHpGnN7bFNTGH0aTy5tr/O3m5gqtmjlc6Stqyna17kkHwZO4cqmWlmwcSQddEVvi28vgXafZ7BFU+UJlRa1eopTomWNx1+ugHj7roH6TfKP0REoBSalmhKPcyQ5R62NuUo03Aa9zB4ruccVyYmw3XIB22aFcvMDTkdx8vInr6Wf3/xtcQWMn9c9KjlVJ9U7Lg5l8Hg6T/vCXTD4y7a6aFIT/z2al/UlBIHXqD58JSwW4luDo4ZO2qOsqoUa44GC4iBu3H5bGLrn7WtqKQ7NMZbEMfV2B8kykKIH2QUiRovDdFZYldcRS1EuSP7zhiRW23K5XmTiC/guJfoFFaEryx5mWtShg1Pg5cpQkrg6kgcb1BKNOFKZTtyIKPxgpYOT69NnaAZM2DQWdrTkNnSOLSmuVSeM4LwTEF5SzucaC2lioKm7CB318jntxwYyNnRnQWeTHTCtxGJtvyR0iIP1fONmlX5vbVewTJY+KiEO4b7GDU5xsiW+MuGIuppnbvU0OyetwA8h4ngDfP6mpmjLASw/m2cH6NuCDXoLPICNMWrrAVVvdNQ5usKbFGxKHgNdSA7Bb0IodkHQDdZs/xecxZ9MXU+69Hw/IvBcxOMHvcD+c2J4LV7Ko+e74XE3ohxU0gjUAumezvTbIZaUYp/pGuVHRbgfCuXz6z9u2L2MfU9L88QX7g1mE3dzCDaV6Dme8uz8wGKgN7k/ja7qA71tnYP2q8ys1kteOY4ANofGBdgPn2V76roaZMzGfFn7MrTfVImrhd4O33m1m8PaCB8N3L5zH+zswekWl3c76uL8VfPUDB9Q/3Q==\n\n### Steps to reproduce\n\n1. Add `PerspectiveCamera` to a scene\r\n2. Add `CameraControls` from `@tresjs/cientos`\r\n3. Pass `mouseButtons` prop using `camera-controls`' `ACTION` enum:\r\n ```\r\n import CC from 'camera-controls';\r\n ...\r\n \u003CCameraControls :mouse-buttons=\"{ left: CC.ACTION.ZOOM }\" />\r\n ```\r\n4. The camera should zoom on drag when left mouse button is pressed, but instead the camera rotates (default behavior)\r\n\r\n_Note:_ The same applies to `touches` as both of the props are discarded when turning props into refs, and aren't passed down to the extended component: https://github.com/Tresjs/cientos/blob/main/src/core/controls/CameraControls.vue#L331C1-L357C18\r\n\r\nI prepared a fix for that, will submit a PR shortly 😉 \r\n\n\n### System Info\n\n```shell\nSystem:\r\n OS: macOS 14.4.1\r\n CPU: (8) arm64 Apple M1 Pro\r\n Memory: 4.18 GB / 32.00 GB\r\n Shell: 5.9 - /bin/zsh\r\n Binaries:\r\n Node: 20.11.1 - ~/.nvm/versions/node/v20.11.1/bin/node\r\n npm: 10.2.4 - ~/.nvm/versions/node/v20.11.1/bin/npm\r\n pnpm: 8.15.4 - ~/Library/pnpm/pnpm\r\n bun: 1.0.27 - ~/.bun/bin/bun\r\n Browsers:\r\n Chrome: 124.0.6367.61\r\n Safari: 17.4.1\r\n npmPackages:\r\n @tresjs/cientos: ^3.8.0 => 3.8.0 \r\n @tresjs/core: ^3.8.1 => 3.8.1 \r\n @tresjs/leches: ^0.14.0 => 0.14.0 \r\n @tresjs/post-processing: ^0.7.1 => 0.7.1 \r\n vite: ^5.1.5 => 5.1.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.",[],384,"cientos","closed","CameraControls component doesn't support mouseButtons and touches props","2024-04-22T19:21:04Z","https://github.com/Tresjs/cientos/issues/384",0.7819323,{"description":2933,"labels":2934,"number":2940,"owner":2871,"repository":2941,"state":2927,"title":2942,"updated_at":2943,"url":2944,"score":2945},"### Description\n\nThere are tons of props that we should be able to set in our RigidBody/collider\r\n\r\n- gravityScale\r\n- restitution\r\n- friction\r\n- mass (colliders)\n\n### Suggested solution\n\nAdding as a props and proper documentation\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/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.",[2935,2936,2937],{"name":2866,"color":2867},{"name":2883,"color":2884},{"name":2938,"color":2939},"v1","5B6B67",119,"rapier","Props to the RigidBody/Colliders","2024-09-26T12:31:38Z","https://github.com/Tresjs/rapier/issues/119",0.7932705,{"description":2947,"labels":2948,"number":2893,"owner":2871,"repository":2941,"state":2927,"title":2955,"updated_at":2956,"url":2957,"score":2898},"### Description\n\nI would like to have some demos in this repo, applying basic forces \n\n### Suggested solution\n\n_No response_\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/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.",[2949,2952],{"name":2950,"color":2951},"good first issue","7057ff",{"name":2953,"color":2954},"feature","c2e0c6","Demos: apply forces","2024-09-12T13:49:59Z","https://github.com/Tresjs/rapier/issues/104",{"description":2959,"labels":2960,"number":2893,"owner":2871,"repository":2903,"state":2927,"title":2961,"updated_at":2962,"url":2963,"score":2964},"# Goal\r\nGenerate three-shakeable components on build time to avoid the need for a catalog of global components. This will be probably a BREAKING CHANGE, especially for cientos.\r\n\r\n```vue\r\n\u003Cscript setup lang=\"ts\">\r\n\r\nimport { TresCanvas, TresPerspectiveCamera, TresScene, TresAmbienLight, useRenderLoop } from '@tresjs/core' \r\nimport { OrbitControls, TransformControls } from '@tresjs/cientos'\r\n\r\nconst sphereRef = ref()\r\n\r\nconst { onLoop } = useRenderLoop()\r\n\r\nonLoop(({ elapsed }) => {\r\n sphereRef.value.position.y += Math.sin(elapsed * 0.01) * 0.1\r\n})\r\n\u003C/script>\r\n\u003Ctemplate>\r\n \u003CTresCanvas v-bind=\"state\">\r\n \u003CTresPerspectiveCamera :position=\"[5, 5, 5]\" :fov=\"45\" :near=\"0.1\" :far=\"1000\" :look-at=\"[-8, 3, -3]\" />\r\n \u003COrbitControls make-default />\r\n \u003CTresScene>\r\n \u003CTresAmbientLight :intensity=\"0.5\" />\r\n \u003CTransformControls mode=\"scale\" :object=\"sphereRef\" />\r\n\r\n \u003CTresMesh ref=\"sphereRef\" :position=\"[0, 4, 0]\" cast-shadow>\r\n \u003CTresSphereGeometry />\r\n \u003CTresMeshToonMaterial color=\"#FBB03B\" />\r\n \u003C!-- \u003CTresMeshToonMaterial color=\"#FBB03B\" /> -->\r\n \u003C/TresMesh>\r\n \u003CTresDirectionalLight :position=\"[0, 8, 4]\" :intensity=\"0.7\" cast-shadow />\r\n \u003CTresMesh :rotation=\"[-Math.PI / 2, 0, 0]\" receive-shadow>\r\n \u003CTresPlaneGeometry :args=\"[10, 10, 10, 10]\" />\r\n \u003CTresMeshToonMaterial />\r\n \u003C/TresMesh>\r\n \u003CTresDirectionalLight :position=\"[0, 2, 4]\" :intensity=\"1\" cast-shadow />\r\n \u003C/TresScene>\r\n \u003C/TresCanvas>\r\n\u003C/template>\r\n\r\n```\r\n\r\n- [ ] Using a vite plugin to generate all the components from THREE instances (Except Scene)\r\n- [ ] Each component should locally register components on the slots (is possible?)\r\n- [ ] Typescript Definition for the components generated from the ThreeJS instance\r\n- [ ] Include them in the final bundle\r\n- [ ] Strategy for replacing catalog `extend` \r\n- [ ] Update the way `cientos` extends the catalog\r\n",[],"Generate instances on build-time rather than run-time","2023-03-13T14:26:46Z","https://github.com/Tresjs/tres/issues/104",0.8090173,{"description":2966,"labels":2967,"number":104,"owner":2871,"repository":2926,"state":2927,"title":2970,"updated_at":2971,"url":2972,"score":2973},"**Is your feature request related to a problem? Please describe.**\r\n`packages/cientos/core/OrbitControls.vue` offers limited props\r\n\r\n```ts\r\nexport interface OrbitControlsProps {\r\n /**\r\n * Whether to make this the default controls.\r\n *\r\n * @default false\r\n * @type {boolean}\r\n * @memberof OrbitControlsProps\r\n * @see https://threejs.org/docs/#examples/en/controls/OrbitControls\r\n */\r\n makeDefault?: boolean\r\n /**\r\n * The camera to control.\r\n *\r\n * @type {Camera}\r\n * @memberof OrbitControlsProps\r\n * @see https://threejs.org/docs/#examples/en/controls/OrbitControls\r\n */\r\n camera?: Camera\r\n /**\r\n * The dom element to listen to.\r\n *\r\n * @type {HTMLElement}\r\n * @memberof OrbitControlsProps\r\n * @see https://threejs.org/docs/#examples/en/controls/OrbitControls\r\n */\r\n domElement?: HTMLElement\r\n /**\r\n * The target to orbit around.\r\n *\r\n * @type {Ref\u003CVector3>}\r\n * @memberof OrbitControlsProps\r\n * @see https://threejs.org/docs/#examples/en/controls/OrbitControls\r\n */\r\n target?: Ref\u003CVector3>\r\n /**\r\n * Whether to enable damping.\r\n *\r\n * @default false\r\n * @type {boolean}\r\n * @memberof OrbitControlsProps\r\n * @see https://threejs.org/docs/#examples/en/controls/OrbitControls\r\n */\r\n enableDamping?: boolean\r\n}\r\n```\r\n\r\n\r\n**Describe the solution you'd like**\r\nThe ThreeJS [OrbitControls](https://threejs.org/docs/#examples/en/controls/OrbitControls) has way more features and properties we could support\r\n\r\n**Suggested solution**\r\nAdd rest of the properties to abstraction\r\n\r\n**Additional context**\r\nAdd any other context or screenshots about the feature request here.\r\n",[2968,2969],{"name":2950,"color":2951},{"name":2869,"color":2870},"Enhance OrbitControls cientos abstraction","2023-05-18T13:44:09Z","https://github.com/Tresjs/cientos/issues/3",0.809968,["Reactive",2975],{},["Set"],["ShallowReactive",2978],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$foGlQDSoU7oJqmketlJryhrICfvU3Fl_a-p-EWo6BFwM":-1},"/Tresjs/XR/13"]