@iwer/devui 0.2.0 → 1.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build/iwer-devui.js +5190 -2892
- package/build/iwer-devui.min.js +268 -127
- package/build/iwer-devui.module.js +5190 -2892
- package/build/iwer-devui.module.min.js +268 -127
- package/lib/components/analog.d.ts.map +1 -1
- package/lib/components/analog.js +11 -13
- package/lib/components/analog.js.map +1 -1
- package/lib/components/binary.d.ts.map +1 -1
- package/lib/components/binary.js +15 -17
- package/lib/components/binary.js.map +1 -1
- package/lib/components/controls.d.ts +11 -2
- package/lib/components/controls.d.ts.map +1 -1
- package/lib/components/controls.js +61 -27
- package/lib/components/controls.js.map +1 -1
- package/lib/components/fov.d.ts.map +1 -1
- package/lib/components/fov.js +0 -1
- package/lib/components/fov.js.map +1 -1
- package/lib/components/header.d.ts +0 -4
- package/lib/components/header.d.ts.map +1 -1
- package/lib/components/header.js +75 -61
- package/lib/components/header.js.map +1 -1
- package/lib/components/headset.d.ts +17 -0
- package/lib/components/headset.d.ts.map +1 -0
- package/lib/components/headset.js +91 -0
- package/lib/components/headset.js.map +1 -0
- package/lib/components/icons.d.ts +8 -1
- package/lib/components/icons.d.ts.map +1 -1
- package/lib/components/icons.js +53 -27
- package/lib/components/icons.js.map +1 -1
- package/lib/components/joystick.d.ts.map +1 -1
- package/lib/components/joystick.js +56 -60
- package/lib/components/joystick.js.map +1 -1
- package/lib/components/mapper.d.ts +7 -3
- package/lib/components/mapper.d.ts.map +1 -1
- package/lib/components/mapper.js +34 -60
- package/lib/components/mapper.js.map +1 -1
- package/lib/components/styled.d.ts +48 -6
- package/lib/components/styled.d.ts.map +1 -1
- package/lib/components/styled.js +215 -36
- package/lib/components/styled.js.map +1 -1
- package/lib/components/vec3.d.ts +25 -0
- package/lib/components/vec3.d.ts.map +1 -0
- package/lib/components/vec3.js +90 -0
- package/lib/components/vec3.js.map +1 -0
- package/lib/index.d.ts +8 -12
- package/lib/index.d.ts.map +1 -1
- package/lib/index.js +71 -56
- package/lib/index.js.map +1 -1
- package/lib/package.json +55 -0
- package/lib/scene.d.ts +23 -40
- package/lib/scene.d.ts.map +1 -1
- package/lib/scene.js +160 -192
- package/lib/scene.js.map +1 -1
- package/lib/src/components/analog.d.ts +17 -0
- package/lib/src/components/analog.d.ts.map +1 -0
- package/lib/src/components/analog.js +111 -0
- package/lib/src/components/analog.js.map +1 -0
- package/lib/src/components/binary.d.ts +17 -0
- package/lib/src/components/binary.d.ts.map +1 -0
- package/lib/src/components/binary.js +77 -0
- package/lib/src/components/binary.js.map +1 -0
- package/lib/src/components/controls.d.ts +29 -0
- package/lib/src/components/controls.d.ts.map +1 -0
- package/lib/src/components/controls.js +139 -0
- package/lib/src/components/controls.js.map +1 -0
- package/lib/src/components/fov.d.ts +16 -0
- package/lib/src/components/fov.d.ts.map +1 -0
- package/lib/src/components/fov.js +30 -0
- package/lib/src/components/fov.js.map +1 -0
- package/lib/src/components/header.d.ts +20 -0
- package/lib/src/components/header.d.ts.map +1 -0
- package/lib/src/components/header.js +47 -0
- package/lib/src/components/header.js.map +1 -0
- package/lib/src/components/headset.d.ts +17 -0
- package/lib/src/components/headset.d.ts.map +1 -0
- package/lib/src/components/headset.js +29 -0
- package/lib/src/components/headset.js.map +1 -0
- package/lib/src/components/icons.d.ts +37 -0
- package/lib/src/components/icons.d.ts.map +1 -0
- package/lib/src/components/icons.js +265 -0
- package/lib/src/components/icons.js.map +1 -0
- package/lib/src/components/joystick.d.ts +21 -0
- package/lib/src/components/joystick.d.ts.map +1 -0
- package/lib/src/components/joystick.js +245 -0
- package/lib/src/components/joystick.js.map +1 -0
- package/lib/src/components/keys.d.ts +10 -0
- package/lib/src/components/keys.d.ts.map +1 -0
- package/lib/src/components/keys.js +74 -0
- package/lib/src/components/keys.js.map +1 -0
- package/lib/src/components/mapper.d.ts +22 -0
- package/lib/src/components/mapper.d.ts.map +1 -0
- package/lib/src/components/mapper.js +108 -0
- package/lib/src/components/mapper.js.map +1 -0
- package/lib/src/components/styled.d.ts +70 -0
- package/lib/src/components/styled.d.ts.map +1 -0
- package/lib/src/components/styled.js +272 -0
- package/lib/src/components/styled.js.map +1 -0
- package/lib/src/components/vec3.d.ts +22 -0
- package/lib/src/components/vec3.d.ts.map +1 -0
- package/lib/src/components/vec3.js +123 -0
- package/lib/src/components/vec3.js.map +1 -0
- package/lib/src/index.d.ts +22 -0
- package/lib/src/index.d.ts.map +1 -0
- package/lib/src/index.js +92 -0
- package/lib/src/index.js.map +1 -0
- package/lib/src/scene.d.ts +51 -0
- package/lib/src/scene.d.ts.map +1 -0
- package/lib/src/scene.js +250 -0
- package/lib/src/scene.js.map +1 -0
- package/lib/version.d.ts +2 -0
- package/lib/version.d.ts.map +1 -0
- package/lib/version.js +2 -0
- package/lib/version.js.map +1 -0
- package/package.json +6 -3
- package/build/iwe.min.js +0 -180
- package/lib/components/settings.d.ts +0 -50
- package/lib/components/settings.d.ts.map +0 -1
- package/lib/components/settings.js +0 -103
- package/lib/components/settings.js.map +0 -1
|
@@ -0,0 +1,265 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
/**
|
|
3
|
+
* Copyright (c) Meta Platforms, Inc. and affiliates.
|
|
4
|
+
*
|
|
5
|
+
* This source code is licensed under the MIT license found in the
|
|
6
|
+
* LICENSE file in the root directory of this source tree.
|
|
7
|
+
*/
|
|
8
|
+
import { ControlButtonStyles } from './styled.js';
|
|
9
|
+
const IconSize = ControlButtonStyles.height;
|
|
10
|
+
export const ButtonX = ({ scale = 1.2 }) => (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: IconSize, height: IconSize, fill: "none", transform: `scale(${scale}, ${scale})`, children: [_jsx("path", { fill: "#fff", fillRule: "evenodd", d: "M7 13.125a7 7 0 1 0 14 0v1.75a7 7 0 0 1-14 0v-1.75Z", clipRule: "evenodd", style: {
|
|
11
|
+
fill: '#fff',
|
|
12
|
+
fillOpacity: 1,
|
|
13
|
+
} }), _jsx("path", { stroke: "#fff", strokeWidth: 0.55, d: "M14 19.863a6.738 6.738 0 1 0 0-13.476 6.738 6.738 0 0 0 0 13.476Z", style: {
|
|
14
|
+
stroke: '#fff',
|
|
15
|
+
strokeOpacity: 1,
|
|
16
|
+
} }), _jsx("path", { fill: "#fff", d: "M16.529 16.1h-.893l-1.653-2.713-1.68 2.713h-.832l2.074-3.255-1.942-2.992h.875l1.531 2.45 1.54-2.45h.831l-1.933 2.975 2.082 3.272Z", style: {
|
|
17
|
+
fill: '#fff',
|
|
18
|
+
fillOpacity: 1,
|
|
19
|
+
} })] }));
|
|
20
|
+
export const ButtonY = ({ scale = 1.2 }) => (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: IconSize, height: IconSize, fill: "none", transform: `scale(${scale}, ${scale})`, children: [_jsx("path", { fill: "#fff", fillRule: "evenodd", d: "M7 13.125a7 7 0 1 0 14 0v1.75a7 7 0 0 1-14 0v-1.75Z", clipRule: "evenodd", style: {
|
|
21
|
+
fill: '#fff',
|
|
22
|
+
fillOpacity: 1,
|
|
23
|
+
} }), _jsx("path", { stroke: "#fff", strokeWidth: 0.55, d: "M14 19.863a6.738 6.738 0 1 0 0-13.476 6.738 6.738 0 0 0 0 13.476Z", style: {
|
|
24
|
+
stroke: '#fff',
|
|
25
|
+
strokeOpacity: 1,
|
|
26
|
+
} }), _jsx("path", { fill: "#fff", d: "m14.086 12.924 1.627-3.071h.849l-2.083 3.823V16.1h-.787v-2.389L11.61 9.853h.857l1.619 3.07Z", style: {
|
|
27
|
+
fill: '#fff',
|
|
28
|
+
fillOpacity: 1,
|
|
29
|
+
} })] }));
|
|
30
|
+
export const ButtonA = ({ scale = 1.2 }) => (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: IconSize, height: IconSize, fill: "none", transform: `scale(${scale}, ${scale})`, children: [_jsx("path", { fill: "#fff", fillRule: "evenodd", d: "M7 13.125a7 7 0 1 0 14 0v1.75a7 7 0 0 1-14 0v-1.75Z", clipRule: "evenodd", style: {
|
|
31
|
+
fill: '#fff',
|
|
32
|
+
fillOpacity: 1,
|
|
33
|
+
} }), _jsx("path", { stroke: "#fff", strokeWidth: 0.55, d: "M14 19.863a6.738 6.738 0 1 0 0-13.476 6.738 6.738 0 0 0 0 13.476Z", style: {
|
|
34
|
+
stroke: '#fff',
|
|
35
|
+
strokeOpacity: 1,
|
|
36
|
+
} }), _jsx("path", { fill: "#fff", d: "m15.975 16.1-.753-1.934h-2.476l-.744 1.934h-.796l2.441-6.274h.709l2.432 6.274h-.813Zm-1.69-4.524a29.052 29.052 0 0 1-.21-.63 5.175 5.175 0 0 0-.087-.306c-.029.117-.06.236-.096.359-.03.116-.061.224-.096.323-.03.1-.056.184-.079.254l-.709 1.89h1.978l-.7-1.89Z", style: {
|
|
37
|
+
fill: '#fff',
|
|
38
|
+
fillOpacity: 1,
|
|
39
|
+
} })] }));
|
|
40
|
+
export const ButtonB = ({ scale = 1.2 }) => (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: IconSize, height: IconSize, fill: "none", transform: `scale(${scale}, ${scale})`, children: [_jsx("path", { fill: "#fff", fillRule: "evenodd", d: "M7 13.125a7 7 0 1 0 14 0v1.75a7 7 0 0 1-14 0v-1.75Z", clipRule: "evenodd", style: {
|
|
41
|
+
fill: '#fff',
|
|
42
|
+
fillOpacity: 1,
|
|
43
|
+
} }), _jsx("path", { stroke: "#fff", strokeWidth: 0.55, d: "M14 19.863a6.738 6.738 0 1 0 0-13.476 6.738 6.738 0 0 0 0 13.476Z", style: {
|
|
44
|
+
stroke: '#fff',
|
|
45
|
+
strokeOpacity: 1,
|
|
46
|
+
} }), _jsx("path", { fill: "#fff", d: "M13.876 9.853c.519 0 .954.05 1.304.148.355.1.62.263.796.49.18.228.271.531.271.91 0 .245-.047.464-.14.656a1.198 1.198 0 0 1-.402.473 1.62 1.62 0 0 1-.648.254v.043c.262.041.499.117.709.228.216.11.385.268.507.473.123.204.184.47.184.796 0 .379-.088.703-.262.971a1.663 1.663 0 0 1-.753.604c-.32.134-.706.201-1.155.201h-2.196V9.853h1.785Zm.157 2.66c.537 0 .905-.085 1.103-.254.198-.175.297-.432.297-.77 0-.344-.122-.59-.367-.735-.24-.152-.624-.228-1.155-.228h-1.033v1.986h1.155Zm-1.155.656v2.266h1.26c.555 0 .94-.108 1.155-.324.216-.216.324-.498.324-.849 0-.221-.05-.414-.149-.577-.093-.163-.254-.289-.481-.376-.222-.093-.525-.14-.91-.14h-1.199Z", style: {
|
|
47
|
+
fill: '#fff',
|
|
48
|
+
fillOpacity: 1,
|
|
49
|
+
} })] }));
|
|
50
|
+
export const ThumbstickL = ({ scale = 1.2 }) => (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: IconSize, height: IconSize, fill: "none", transform: `scale(${scale}, ${scale})`, children: [_jsx("path", { stroke: "#fff", strokeWidth: 0.5, d: "M14 19.95a5.95 5.95 0 1 0 0-11.9 5.95 5.95 0 0 0 0 11.9Z", style: {
|
|
51
|
+
stroke: '#fff',
|
|
52
|
+
strokeOpacity: 1,
|
|
53
|
+
} }), _jsx("path", { fill: "#fff", d: "M12.642 17.325v-6.247h.787v5.547h2.73v.7h-3.517ZM14.479 6.389a.525.525 0 0 1-.782 0l-2.235-2.495a.525.525 0 0 1 .39-.875h4.47c.454 0 .694.537.391.875L14.478 6.39Z", style: {
|
|
54
|
+
fill: '#fff',
|
|
55
|
+
fillOpacity: 1,
|
|
56
|
+
} }), _jsx("path", { fill: "#fff", fillRule: "evenodd", d: "m13.045 6.711-1.093-1.22a8.75 8.75 0 1 0 4.24.036L15.11 6.733A7.352 7.352 0 0 1 14 21.35a7.35 7.35 0 0 1-.955-14.639Z", clipRule: "evenodd", style: {
|
|
57
|
+
fill: '#fff',
|
|
58
|
+
fillOpacity: 1,
|
|
59
|
+
} })] }));
|
|
60
|
+
export const ThumbstickR = ({ scale = 1.2 }) => (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: IconSize, height: IconSize, fill: "none", transform: `scale(${scale}, ${scale})`, children: [_jsx("path", { stroke: "#fff", strokeWidth: 0.7, d: "M14 19.95a5.95 5.95 0 1 0 0-11.9 5.95 5.95 0 0 0 0 11.9Z", style: {
|
|
61
|
+
stroke: '#fff',
|
|
62
|
+
strokeOpacity: 1,
|
|
63
|
+
} }), _jsx("path", { fill: "#fff", d: "M13.938 11.077c.52 0 .945.068 1.278.202.338.128.59.323.752.586.164.262.245.592.245.989 0 .332-.06.61-.183.83-.123.223-.28.4-.473.535a2.61 2.61 0 0 1-.595.306l1.715 2.8h-.919l-1.513-2.581h-1.243v2.58h-.787v-6.247h1.723Zm-.043.683h-.893v2.319h.936c.339 0 .616-.044.832-.132a.956.956 0 0 0 .472-.402c.105-.175.158-.394.158-.656 0-.274-.056-.493-.167-.657a.905.905 0 0 0-.49-.358c-.221-.076-.504-.114-.848-.114ZM14.479 6.389a.525.525 0 0 1-.782 0l-2.235-2.495a.525.525 0 0 1 .39-.875h4.47c.454 0 .694.537.391.875L14.478 6.39Z", style: {
|
|
64
|
+
fill: '#fff',
|
|
65
|
+
fillOpacity: 1,
|
|
66
|
+
} }), _jsx("path", { fill: "#fff", fillRule: "evenodd", d: "m13.045 6.711-1.093-1.22a8.75 8.75 0 1 0 4.24.036L15.11 6.733A7.352 7.352 0 0 1 14 21.35a7.35 7.35 0 0 1-.955-14.639Z", clipRule: "evenodd", style: {
|
|
67
|
+
fill: '#fff',
|
|
68
|
+
fillOpacity: 1,
|
|
69
|
+
} })] }));
|
|
70
|
+
export const ThumbstickLUp = ({ scale = 1.2, }) => (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: IconSize, height: IconSize, fill: "none", transform: `scale(${scale}, ${scale})`, children: [_jsx("path", { stroke: "#fff", strokeWidth: 1.5, d: "M14 22.05a8.05 8.05 0 1 0 0-16.1 8.05 8.05 0 0 0 0 16.1Z", style: {
|
|
71
|
+
stroke: '#fff',
|
|
72
|
+
strokeOpacity: 1,
|
|
73
|
+
} }), _jsx("path", { stroke: "#fff", strokeWidth: 0.75, d: "M14 19.95a5.95 5.95 0 1 0 0-11.9 5.95 5.95 0 0 0 0 11.9Z", style: {
|
|
74
|
+
stroke: '#fff',
|
|
75
|
+
strokeOpacity: 1,
|
|
76
|
+
} }), _jsx("path", { fill: "#fff", d: "M12.642 17.325v-6.248h.787v5.548h2.73v.7h-3.517ZM13.697.611a.525.525 0 0 1 .782 0l2.234 2.495a.525.525 0 0 1-.39.875h-4.47a.525.525 0 0 1-.391-.875L13.697.61Z", style: {
|
|
77
|
+
fill: '#fff',
|
|
78
|
+
fillOpacity: 1,
|
|
79
|
+
} })] }));
|
|
80
|
+
export const ThumbstickLDown = ({ scale = 1.2, }) => (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: IconSize, height: IconSize, fill: "none", transform: `scale(${scale}, ${scale})`, children: [_jsx("path", { stroke: "#fff", strokeWidth: 1.5, d: "M14 22.05a8.05 8.05 0 1 0 0-16.1 8.05 8.05 0 0 0 0 16.1Z", style: {
|
|
81
|
+
stroke: '#fff',
|
|
82
|
+
strokeOpacity: 1,
|
|
83
|
+
} }), _jsx("path", { stroke: "#fff", strokeWidth: 0.75, d: "M14 19.95a5.95 5.95 0 1 0 0-11.9 5.95 5.95 0 0 0 0 11.9Z", style: {
|
|
84
|
+
stroke: '#fff',
|
|
85
|
+
strokeOpacity: 1,
|
|
86
|
+
} }), _jsx("path", { fill: "#fff", d: "M12.642 17.325v-6.248h.787v5.548h2.73v.7h-3.517ZM14.479 27.389a.525.525 0 0 1-.782 0l-2.235-2.495a.525.525 0 0 1 .39-.875h4.47c.454 0 .694.537.391.875l-2.235 2.495Z", style: {
|
|
87
|
+
fill: '#fff',
|
|
88
|
+
fillOpacity: 1,
|
|
89
|
+
} })] }));
|
|
90
|
+
export const ThumbstickLLeft = ({ scale = 1.2, }) => (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: IconSize, height: IconSize, fill: "none", transform: `scale(${scale}, ${scale})`, children: [_jsx("path", { stroke: "#fff", strokeWidth: 1.5, d: "M14 22.05a8.05 8.05 0 1 0 0-16.1 8.05 8.05 0 0 0 0 16.1Z", style: {
|
|
91
|
+
stroke: '#fff',
|
|
92
|
+
strokeOpacity: 1,
|
|
93
|
+
} }), _jsx("path", { stroke: "#fff", strokeWidth: 0.75, d: "M14 19.95a5.95 5.95 0 1 0 0-11.9 5.95 5.95 0 0 0 0 11.9Z", style: {
|
|
94
|
+
stroke: '#fff',
|
|
95
|
+
strokeOpacity: 1,
|
|
96
|
+
} }), _jsx("path", { fill: "#fff", d: "M12.642 17.325v-6.248h.787v5.548h2.73v.7h-3.517ZM.611 14.303a.525.525 0 0 1 0-.782l2.495-2.234a.525.525 0 0 1 .875.39v4.47a.525.525 0 0 1-.875.391L.61 14.303Z", style: {
|
|
97
|
+
fill: '#fff',
|
|
98
|
+
fillOpacity: 1,
|
|
99
|
+
} })] }));
|
|
100
|
+
export const ThumbstickLRight = ({ scale = 1.2, }) => (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: IconSize, height: IconSize, fill: "none", transform: `scale(${scale}, ${scale})`, children: [_jsx("path", { stroke: "#fff", strokeWidth: 1.5, d: "M14 22.05a8.05 8.05 0 1 0 0-16.1 8.05 8.05 0 0 0 0 16.1Z", style: {
|
|
101
|
+
stroke: '#fff',
|
|
102
|
+
strokeOpacity: 1,
|
|
103
|
+
} }), _jsx("path", { stroke: "#fff", strokeWidth: 0.75, d: "M14 19.95a5.95 5.95 0 1 0 0-11.9 5.95 5.95 0 0 0 0 11.9Z", style: {
|
|
104
|
+
stroke: '#fff',
|
|
105
|
+
strokeOpacity: 1,
|
|
106
|
+
} }), _jsx("path", { fill: "#fff", d: "M12.642 17.325v-6.248h.787v5.548h2.73v.7h-3.517ZM27.389 13.521a.525.525 0 0 1 0 .782l-2.495 2.235a.525.525 0 0 1-.875-.39v-4.47c0-.454.537-.694.875-.391l2.495 2.234Z", style: {
|
|
107
|
+
fill: '#fff',
|
|
108
|
+
fillOpacity: 1,
|
|
109
|
+
} })] }));
|
|
110
|
+
export const ThumbstickRUp = ({ scale = 1.2, }) => (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: IconSize, height: IconSize, fill: "none", transform: `scale(${scale}, ${scale})`, children: [_jsx("path", { stroke: "#fff", strokeWidth: 1.5, d: "M14 22.05a8.05 8.05 0 1 0 0-16.1 8.05 8.05 0 0 0 0 16.1Z", style: {
|
|
111
|
+
stroke: '#fff',
|
|
112
|
+
strokeOpacity: 1,
|
|
113
|
+
} }), _jsx("path", { stroke: "#fff", strokeWidth: 0.75, d: "M14 19.95a5.95 5.95 0 1 0 0-11.9 5.95 5.95 0 0 0 0 11.9Z", style: {
|
|
114
|
+
stroke: '#fff',
|
|
115
|
+
strokeOpacity: 1,
|
|
116
|
+
} }), _jsx("path", { fill: "#fff", d: "M13.938 11.077c.52 0 .945.068 1.278.202.338.128.59.323.752.586.164.262.245.592.245.989 0 .332-.06.61-.183.83-.123.223-.28.4-.473.535a2.61 2.61 0 0 1-.595.306l1.715 2.8h-.919l-1.513-2.581h-1.243v2.58h-.787v-6.247h1.723Zm-.043.683h-.893v2.319h.936c.339 0 .616-.044.832-.132a.956.956 0 0 0 .472-.402c.105-.175.158-.394.158-.656 0-.274-.056-.493-.167-.657a.905.905 0 0 0-.49-.358c-.221-.076-.504-.114-.848-.114ZM13.697.611a.525.525 0 0 1 .782 0l2.234 2.495a.525.525 0 0 1-.39.875h-4.47a.525.525 0 0 1-.391-.875L13.697.61Z", style: {
|
|
117
|
+
fill: '#fff',
|
|
118
|
+
fillOpacity: 1,
|
|
119
|
+
} })] }));
|
|
120
|
+
export const ThumbstickRDown = ({ scale = 1.2, }) => (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: IconSize, height: IconSize, fill: "none", transform: `scale(${scale}, ${scale})`, children: [_jsx("path", { stroke: "#fff", strokeWidth: 1.5, d: "M14 22.05a8.05 8.05 0 1 0 0-16.1 8.05 8.05 0 0 0 0 16.1Z", style: {
|
|
121
|
+
stroke: '#fff',
|
|
122
|
+
strokeOpacity: 1,
|
|
123
|
+
} }), _jsx("path", { stroke: "#fff", strokeWidth: 0.75, d: "M14 19.95a5.95 5.95 0 1 0 0-11.9 5.95 5.95 0 0 0 0 11.9Z", style: {
|
|
124
|
+
stroke: '#fff',
|
|
125
|
+
strokeOpacity: 1,
|
|
126
|
+
} }), _jsx("path", { fill: "#fff", d: "M13.938 11.077c.52 0 .945.068 1.278.202.338.128.59.323.752.586.164.262.245.592.245.989 0 .332-.06.61-.183.83-.123.223-.28.4-.473.535a2.61 2.61 0 0 1-.595.306l1.715 2.8h-.919l-1.513-2.581h-1.243v2.58h-.787v-6.247h1.723Zm-.043.683h-.893v2.319h.936c.339 0 .616-.044.832-.132a.956.956 0 0 0 .472-.402c.105-.175.158-.394.158-.656 0-.274-.056-.493-.167-.657a.905.905 0 0 0-.49-.358c-.221-.076-.504-.114-.848-.114ZM14.479 27.389a.525.525 0 0 1-.782 0l-2.235-2.495a.525.525 0 0 1 .39-.875h4.47c.454 0 .694.537.391.875l-2.235 2.495Z", style: {
|
|
127
|
+
fill: '#fff',
|
|
128
|
+
fillOpacity: 1,
|
|
129
|
+
} })] }));
|
|
130
|
+
export const ThumbstickRLeft = ({ scale = 1.2, }) => (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: IconSize, height: IconSize, fill: "none", transform: `scale(${scale}, ${scale})`, children: [_jsx("path", { stroke: "#fff", strokeWidth: 1.5, d: "M14 22.05a8.05 8.05 0 1 0 0-16.1 8.05 8.05 0 0 0 0 16.1Z", style: {
|
|
131
|
+
stroke: '#fff',
|
|
132
|
+
strokeOpacity: 1,
|
|
133
|
+
} }), _jsx("path", { stroke: "#fff", strokeWidth: 0.75, d: "M14 19.95a5.95 5.95 0 1 0 0-11.9 5.95 5.95 0 0 0 0 11.9Z", style: {
|
|
134
|
+
stroke: '#fff',
|
|
135
|
+
strokeOpacity: 1,
|
|
136
|
+
} }), _jsx("path", { fill: "#fff", d: "M13.938 11.077c.52 0 .945.068 1.278.202.338.128.59.323.752.586.164.262.245.592.245.989 0 .332-.06.61-.183.83-.123.223-.28.4-.473.535a2.61 2.61 0 0 1-.595.306l1.715 2.8h-.919l-1.513-2.581h-1.243v2.58h-.787v-6.247h1.723Zm-.043.683h-.893v2.319h.936c.339 0 .616-.044.832-.132a.956.956 0 0 0 .472-.402c.105-.175.158-.394.158-.656 0-.274-.056-.493-.167-.657a.905.905 0 0 0-.49-.358c-.221-.076-.504-.114-.848-.114ZM.611 14.303a.525.525 0 0 1 0-.782l2.495-2.234a.525.525 0 0 1 .875.39v4.47a.525.525 0 0 1-.875.391L.61 14.303Z", style: {
|
|
137
|
+
fill: '#fff',
|
|
138
|
+
fillOpacity: 1,
|
|
139
|
+
} })] }));
|
|
140
|
+
export const ThumbstickRRight = ({ scale = 1.2, }) => (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: IconSize, height: IconSize, fill: "none", transform: `scale(${scale}, ${scale})`, children: [_jsx("path", { stroke: "#fff", strokeWidth: 1.5, d: "M14 22.05a8.05 8.05 0 1 0 0-16.1 8.05 8.05 0 0 0 0 16.1Z", style: {
|
|
141
|
+
stroke: '#fff',
|
|
142
|
+
strokeOpacity: 1,
|
|
143
|
+
} }), _jsx("path", { stroke: "#fff", strokeWidth: 0.75, d: "M14 19.95a5.95 5.95 0 1 0 0-11.9 5.95 5.95 0 0 0 0 11.9Z", style: {
|
|
144
|
+
stroke: '#fff',
|
|
145
|
+
strokeOpacity: 1,
|
|
146
|
+
} }), _jsx("path", { fill: "#fff", d: "M13.938 11.077c.52 0 .945.068 1.278.202.338.128.59.323.752.586.164.262.245.592.245.989 0 .332-.06.61-.183.83-.123.223-.28.4-.473.535a2.61 2.61 0 0 1-.595.306l1.715 2.8h-.919l-1.513-2.581h-1.243v2.58h-.787v-6.247h1.723Zm-.043.683h-.893v2.319h.936c.339 0 .616-.044.832-.132a.956.956 0 0 0 .472-.402c.105-.175.158-.394.158-.656 0-.274-.056-.493-.167-.657a.905.905 0 0 0-.49-.358c-.221-.076-.504-.114-.848-.114ZM27.389 13.521a.525.525 0 0 1 0 .782l-2.495 2.235a.525.525 0 0 1-.875-.39v-4.47c0-.454.537-.694.875-.391l2.495 2.234Z", style: {
|
|
147
|
+
fill: '#fff',
|
|
148
|
+
fillOpacity: 1,
|
|
149
|
+
} })] }));
|
|
150
|
+
export const GripL = ({ scale = 1.2 }) => (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: IconSize, height: IconSize, fill: "none", transform: `scale(${scale}, ${scale})`, children: [_jsx("path", { fill: "#fff", fillRule: "evenodd", d: "M7.525 7.875c-2.283 1.22-3.82 3.507-3.82 6.125s1.537 4.904 3.82 6.125C4.405 19.425 2.1 16.948 2.1 14s2.306-5.425 5.425-6.125Z", clipRule: "evenodd", style: {
|
|
151
|
+
fill: '#fff',
|
|
152
|
+
fillOpacity: 1,
|
|
153
|
+
} }), _jsx("path", { stroke: "#fff", strokeWidth: 0.7, d: "M24.702 10.954a2.187 2.187 0 0 0-2.095-2.817H11.025a5.863 5.863 0 0 0 0 11.726h9.377c.966 0 1.818-.634 2.095-1.56l2.205-7.35Z", style: {
|
|
154
|
+
stroke: '#fff',
|
|
155
|
+
strokeOpacity: 1,
|
|
156
|
+
} }), _jsx("path", { fill: "#fff", d: "M10.594 17.15v-6.248h.788v5.548h2.73v.7h-3.518Zm7.13-3.299h2.162v3.063c-.338.11-.68.192-1.024.245a7.837 7.837 0 0 1-1.172.078c-.648 0-1.193-.128-1.637-.385a2.567 2.567 0 0 1-1.015-1.11c-.227-.485-.34-1.057-.34-1.716 0-.653.127-1.219.384-1.697a2.699 2.699 0 0 1 1.103-1.112c.484-.268 1.067-.402 1.75-.402.35 0 .68.032.988.096.315.064.607.155.875.271l-.297.683a4.55 4.55 0 0 0-.753-.254 3.453 3.453 0 0 0-.857-.105c-.496 0-.922.102-1.278.306a2.004 2.004 0 0 0-.813.875c-.187.374-.28.82-.28 1.34 0 .495.078.935.236 1.32.163.38.417.677.761.893.344.21.796.315 1.356.315.187 0 .35-.006.49-.018.146-.017.277-.037.394-.06.123-.024.236-.047.341-.07V14.55h-1.373v-.7Z", style: {
|
|
157
|
+
fill: '#fff',
|
|
158
|
+
fillOpacity: 1,
|
|
159
|
+
} })] }));
|
|
160
|
+
export const GripR = ({ scale = 1.2 }) => (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: IconSize, height: IconSize, fill: "none", transform: `scale(${scale}, ${scale})`, children: [_jsx("path", { fill: "#fff", fillRule: "evenodd", d: "M20.441 7.875c2.283 1.22 3.82 3.507 3.82 6.125s-1.537 4.904-3.82 6.125c3.12-.7 5.425-3.177 5.425-6.125s-2.305-5.425-5.425-6.125Z", clipRule: "evenodd", style: {
|
|
161
|
+
fill: '#fff',
|
|
162
|
+
fillOpacity: 1,
|
|
163
|
+
} }), _jsx("path", { stroke: "#fff", strokeWidth: 0.7, d: "M3.264 10.954a2.187 2.187 0 0 1 2.095-2.817h11.582a5.862 5.862 0 0 1 0 11.726H7.564a2.188 2.188 0 0 1-2.095-1.56l-2.205-7.35Z", style: {
|
|
164
|
+
stroke: '#fff',
|
|
165
|
+
strokeOpacity: 1,
|
|
166
|
+
} }), _jsx("path", { fill: "#fff", d: "M9.497 10.902c.519 0 .945.068 1.277.202.339.128.59.323.753.586.163.262.245.592.245.989 0 .332-.062.61-.184.83-.122.223-.28.4-.472.535-.187.128-.386.23-.595.306l1.714 2.8h-.918l-1.514-2.581H8.56v2.58h-.787v-6.247h1.724Zm-.044.683H8.56v2.319h.937c.338 0 .615-.044.831-.132a.956.956 0 0 0 .473-.402c.104-.175.157-.394.157-.656 0-.274-.055-.493-.166-.657a.905.905 0 0 0-.49-.358c-.222-.076-.505-.114-.849-.114Zm6.476 2.266h2.16v3.063c-.337.11-.679.192-1.023.245a7.837 7.837 0 0 1-1.172.078c-.648 0-1.193-.128-1.637-.385a2.568 2.568 0 0 1-1.015-1.11c-.227-.485-.34-1.057-.34-1.716 0-.653.127-1.219.384-1.697a2.699 2.699 0 0 1 1.103-1.112c.484-.268 1.067-.402 1.75-.402.35 0 .68.032.988.096.315.064.607.155.875.271l-.297.683a4.551 4.551 0 0 0-.753-.254 3.453 3.453 0 0 0-.857-.105c-.496 0-.922.102-1.278.306a2.004 2.004 0 0 0-.813.875c-.187.374-.28.82-.28 1.34 0 .495.078.935.236 1.32.163.38.417.677.761.893.344.21.796.315 1.356.315.187 0 .35-.006.49-.018a5.17 5.17 0 0 0 .394-.06c.123-.024.236-.047.341-.07V14.55H15.93v-.7Z", style: {
|
|
167
|
+
fill: '#fff',
|
|
168
|
+
fillOpacity: 1,
|
|
169
|
+
} })] }));
|
|
170
|
+
export const TriggerL = ({ scale = 1.2 }) => (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: IconSize, height: IconSize, fill: "none", transform: `scale(${scale}, ${scale})`, children: [_jsx("path", { stroke: "#fff", strokeWidth: 0.7, d: "M14 20.212a7.612 7.612 0 1 0 0-15.224 7.612 7.612 0 0 0 0 15.224Z", style: {
|
|
171
|
+
stroke: '#fff',
|
|
172
|
+
strokeOpacity: 1,
|
|
173
|
+
} }), _jsx("path", { fill: "#fff", d: "M10.209 15.662V9.415h.787v5.548h2.73v.7H10.21Zm6.395 0h-.787v-5.556h-1.952v-.691h4.682v.691h-1.943v5.556Z", style: {
|
|
174
|
+
fill: '#fff',
|
|
175
|
+
fillOpacity: 1,
|
|
176
|
+
} }), _jsx("path", { fill: "#fff", fillRule: "evenodd", d: "M21.235 17.5a8.31 8.31 0 0 1-7.205 4.165A8.31 8.31 0 0 1 6.825 17.5c.823 3.4 3.737 5.915 7.205 5.915 3.469 0 6.382-2.514 7.205-5.915Z", clipRule: "evenodd", style: {
|
|
177
|
+
fill: '#fff',
|
|
178
|
+
fillOpacity: 1,
|
|
179
|
+
} })] }));
|
|
180
|
+
export const TriggerR = ({ scale = 1.2 }) => (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: IconSize, height: IconSize, fill: "none", transform: `scale(${scale}, ${scale})`, children: [_jsx("path", { stroke: "#fff", strokeWidth: 0.7, d: "M14 20.212a7.612 7.612 0 1 0 0-15.224 7.612 7.612 0 0 0 0 15.224Z", style: {
|
|
181
|
+
stroke: '#fff',
|
|
182
|
+
strokeOpacity: 1,
|
|
183
|
+
} }), _jsx("path", { fill: "#fff", d: "M11.42 9.415c.52 0 .945.067 1.277.201.339.129.59.324.753.587.163.262.245.592.245.988 0 .333-.061.61-.184.832-.122.221-.28.4-.472.533-.187.129-.385.23-.595.307l1.715 2.8h-.92l-1.513-2.582h-1.242v2.582h-.788V9.415h1.724Zm-.044.683h-.892v2.318h.936c.338 0 .615-.043.831-.131a.956.956 0 0 0 .473-.402c.105-.175.157-.394.157-.657 0-.274-.055-.493-.166-.656a.905.905 0 0 0-.49-.359c-.222-.075-.505-.114-.849-.114Zm5.74 5.564h-.787v-5.556h-1.951v-.691h4.681v.691h-1.942v5.556Z", style: {
|
|
184
|
+
fill: '#fff',
|
|
185
|
+
fillOpacity: 1,
|
|
186
|
+
} }), _jsx("path", { fill: "#fff", fillRule: "evenodd", d: "M21.235 17.5a8.31 8.31 0 0 1-7.205 4.165A8.31 8.31 0 0 1 6.825 17.5c.823 3.4 3.737 5.915 7.205 5.915 3.469 0 6.382-2.514 7.205-5.915Z", clipRule: "evenodd", style: {
|
|
187
|
+
fill: '#fff',
|
|
188
|
+
fillOpacity: 1,
|
|
189
|
+
} })] }));
|
|
190
|
+
export const ThumbrestL = ({ scale = 1.2 }) => (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: IconSize, height: IconSize, fill: "none", transform: `scale(${scale}, ${scale})`, children: [_jsx("path", { stroke: "#fff", d: "m20.01 15.768-4.242 4.242a5.5 5.5 0 1 1-7.778-7.778l4.242-4.242a5.5 5.5 0 1 1 7.778 7.778Z", style: {
|
|
191
|
+
stroke: '#fff',
|
|
192
|
+
strokeOpacity: 1,
|
|
193
|
+
} }), _jsx("path", { fill: "#fff", fillRule: "evenodd", d: "M11.172 16.828a1 1 0 0 0 1.414 0L15.414 14l.707.707-2.828 2.828a2 2 0 1 1-2.829-2.828l.708.707a1 1 0 0 0 0 1.414ZM12.586 14l2.828-2.829a1 1 0 1 1 1.414 1.415l.708.707a2 2 0 0 0-2.829-2.829l-2.828 2.829.707.707Z", clipRule: "evenodd", style: {
|
|
194
|
+
fill: '#fff',
|
|
195
|
+
fillOpacity: 1,
|
|
196
|
+
} }), _jsx("path", { fill: "#fff", fillRule: "evenodd", d: "M15.414 16.828 18.243 14a3 3 0 0 0-2.289-5.117l-.869-.869a4 4 0 0 1 3.864 6.693l-2.828 2.828-.707-.707Zm-.707 2.122a4 4 0 1 1-5.657-5.657l4.243-4.243.707.707L9.757 14A3 3 0 1 0 14 18.242l.707.708Z", clipRule: "evenodd", style: {
|
|
197
|
+
fill: '#fff',
|
|
198
|
+
fillOpacity: 1,
|
|
199
|
+
} })] }));
|
|
200
|
+
export const ThumbrestR = ({ scale = 1.2 }) => (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: IconSize, height: IconSize, fill: "none", transform: `scale(${scale}, ${scale})`, children: [_jsx("path", { stroke: "#fff", d: "m15.768 7.99 4.242 4.242a5.5 5.5 0 1 1-7.778 7.778L7.99 15.768a5.5 5.5 0 1 1 7.778-7.778Z", style: {
|
|
201
|
+
stroke: '#fff',
|
|
202
|
+
strokeOpacity: 1,
|
|
203
|
+
} }), _jsx("path", { fill: "#fff", fillRule: "evenodd", d: "M16.828 16.828a1 1 0 0 0 0-1.414L14 12.586l.707-.707 2.828 2.828a2 2 0 1 1-2.828 2.828l.707-.707a1 1 0 0 0 1.414 0ZM14 15.414l-2.828-2.828a1 1 0 0 1 1.414-1.414l.707-.708a2 2 0 0 0-2.829 2.829l2.829 2.828.707-.707Z", clipRule: "evenodd", style: {
|
|
204
|
+
fill: '#fff',
|
|
205
|
+
fillOpacity: 1,
|
|
206
|
+
} }), _jsx("path", { fill: "#fff", fillRule: "evenodd", d: "M16.828 12.586 14 9.757a3 3 0 0 0-5.117 2.289l-.869.869a4 4 0 0 1 6.693-3.864l2.828 2.828-.707.707Zm2.122.707a4 4 0 1 1-5.657 5.657L9.05 14.707 9.757 14 14 18.243A3 3 0 1 0 18.243 14l.707-.707Z", clipRule: "evenodd", style: {
|
|
207
|
+
fill: '#fff',
|
|
208
|
+
fillOpacity: 1,
|
|
209
|
+
} })] }));
|
|
210
|
+
// Create a mapping of buttonId to icon component
|
|
211
|
+
const buttonIdToIcon = {
|
|
212
|
+
'x-button-left': ButtonX,
|
|
213
|
+
'y-button-left': ButtonY,
|
|
214
|
+
'a-button-right': ButtonA,
|
|
215
|
+
'b-button-right': ButtonB,
|
|
216
|
+
'thumbstick-left': ThumbstickL,
|
|
217
|
+
'thumbstick-up-left': ThumbstickLUp,
|
|
218
|
+
'thumbstick-down-left': ThumbstickLDown,
|
|
219
|
+
'thumbstick-right-left': ThumbstickLRight,
|
|
220
|
+
'thumbstick-left-left': ThumbstickLLeft,
|
|
221
|
+
'thumbstick-right': ThumbstickR,
|
|
222
|
+
'thumbstick-up-right': ThumbstickRUp,
|
|
223
|
+
'thumbstick-down-right': ThumbstickRDown,
|
|
224
|
+
'thumbstick-right-right': ThumbstickRRight,
|
|
225
|
+
'thumbstick-left-right': ThumbstickRLeft,
|
|
226
|
+
'trigger-left': TriggerL,
|
|
227
|
+
'trigger-right': TriggerR,
|
|
228
|
+
'squeeze-left': GripL,
|
|
229
|
+
'squeeze-right': GripR,
|
|
230
|
+
'thumbrest-left': ThumbrestL,
|
|
231
|
+
'thumbrest-right': ThumbrestR,
|
|
232
|
+
};
|
|
233
|
+
export const GamepadIcon = ({ buttonName, handedness, }) => {
|
|
234
|
+
const buttonId = `${buttonName}-${handedness}`;
|
|
235
|
+
const IconComponent = buttonIdToIcon[buttonId];
|
|
236
|
+
return IconComponent ? (_jsx(IconComponent, {})) : (_jsx("div", { style: {
|
|
237
|
+
width: ControlButtonStyles.height,
|
|
238
|
+
height: ControlButtonStyles.height,
|
|
239
|
+
} }));
|
|
240
|
+
};
|
|
241
|
+
export const IWERIcon = ({ scale = 1.2 }) => (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: IconSize, height: IconSize, fill: "none", transform: `scale(${scale}, ${scale})`, children: _jsx("path", { fill: "#fff", fillRule: "evenodd", d: "M1 11.2A5.2 5.2 0 0 1 6.2 6h15.6a5.2 5.2 0 0 1 5.2 5.2v5.2a5.2 5.2 0 0 1-5.2 5.2h-3.109c-1.149 0-2.199-.65-2.713-1.677l-.199-.398a1.733 1.733 0 0 0-1.55-.958h-.458c-.656 0-1.257.37-1.55.958l-.2.398A3.033 3.033 0 0 1 9.31 21.6H6.2A5.2 5.2 0 0 1 1 16.4v-5.2Zm9.1 2.167a2.6 2.6 0 1 1-5.2 0 2.6 2.6 0 0 1 5.2 0Zm15.538-1.426a.498.498 0 0 0 .141-.542l.002-.002a5.456 5.456 0 0 0-.347-.755l-.104-.178a5.586 5.586 0 0 0-.486-.686.502.502 0 0 0-.54-.15l-1.225.39a4.234 4.234 0 0 0-.968-.56l-.275-1.256a.497.497 0 0 0-.4-.392 5.686 5.686 0 0 0-1.871.003.497.497 0 0 0-.4.391l-.276 1.257a4.234 4.234 0 0 0-.968.559l-1.226-.39a.498.498 0 0 0-.539.15 5.586 5.586 0 0 0-.486.686l-.104.179c-.134.242-.25.492-.347.754a.498.498 0 0 0 .14.542l.953.867a4.26 4.26 0 0 0 0 1.12l-.952.867a.498.498 0 0 0-.141.541c.097.262.213.513.347.755l.104.178c.145.242.308.471.486.687.13.156.346.211.54.15l1.223-.392c.295.226.62.416.968.559l.275 1.256c.044.2.198.359.4.392a5.686 5.686 0 0 0 1.871 0 .497.497 0 0 0 .4-.392l.276-1.256c.347-.143.673-.333.968-.56l1.225.39c.194.062.41.009.54-.15a5.59 5.59 0 0 0 .486-.686l.103-.178a5.45 5.45 0 0 0 .348-.755.498.498 0 0 0-.14-.541l-.954-.867a4.258 4.258 0 0 0 0-1.118l.953-.867ZM20.5 15.967a2.6 2.6 0 1 0 0-5.2 2.6 2.6 0 0 0 0 5.2Z", clipRule: "evenodd", style: {
|
|
242
|
+
fill: '#fff',
|
|
243
|
+
fillOpacity: 1,
|
|
244
|
+
} }) }));
|
|
245
|
+
export const MouseLeft = ({ scale = 1.2 }) => (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: 12, height: 16, fill: "none", transform: `scale(${scale}, ${scale})`, children: [_jsx("g", { clipPath: "url(#a)", children: _jsx("path", { stroke: "#fff", d: "M.5 6.5H6m-5.5 0V5C.5 2.237 2.237.5 5 .5h1m-5.5 6V11c0 2.762 1.737 4.5 4.5 4.5h2c2.762 0 4.5-1.738 4.5-4.5V6.5M6 6.5v-6m0 6h5.5M6 .5h1c2.762 0 4.5 1.737 4.5 4.5v1.5", style: {
|
|
246
|
+
stroke: '#fff',
|
|
247
|
+
strokeOpacity: 1,
|
|
248
|
+
} }) }), _jsx("path", { fill: "#fff", d: "M.5 6.5H6v-6H5C2.237.5.5 2.237.5 5v1.5Z", style: {
|
|
249
|
+
fill: '#fff',
|
|
250
|
+
fillOpacity: 1,
|
|
251
|
+
} }), _jsx("defs", { children: _jsx("clipPath", { id: "a", children: _jsx("path", { fill: "#fff", d: "M0 0h12v16H0z", style: {
|
|
252
|
+
fill: '#fff',
|
|
253
|
+
fillOpacity: 1,
|
|
254
|
+
} }) }) })] }));
|
|
255
|
+
export const MouseRight = ({ scale = 1.2 }) => (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: 12, height: 16, fill: "none", transform: `scale(${scale}, ${scale})`, children: [_jsx("g", { clipPath: "url(#a)", children: _jsx("path", { stroke: "#fff", d: "M.5 6.5H6m-5.5 0V5C.5 2.237 2.237.5 5 .5h1m-5.5 6V11c0 2.762 1.737 4.5 4.5 4.5h2c2.762 0 4.5-1.738 4.5-4.5V6.5M6 6.5v-6m0 6h5.5M6 .5h1c2.762 0 4.5 1.737 4.5 4.5v1.5", style: {
|
|
256
|
+
stroke: '#fff',
|
|
257
|
+
strokeOpacity: 1,
|
|
258
|
+
} }) }), _jsx("path", { fill: "#fff", d: "M11.5 6.5H6v-6h1c2.762 0 4.5 1.737 4.5 4.5v1.5Z", style: {
|
|
259
|
+
fill: '#fff',
|
|
260
|
+
fillOpacity: 1,
|
|
261
|
+
} }), _jsx("defs", { children: _jsx("clipPath", { id: "a", children: _jsx("path", { fill: "#fff", d: "M0 0h12v16H0z", style: {
|
|
262
|
+
fill: '#fff',
|
|
263
|
+
fillOpacity: 1,
|
|
264
|
+
} }) }) })] }));
|
|
265
|
+
//# sourceMappingURL=icons.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"icons.js","sourceRoot":"","sources":["../../../src/components/icons.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Copyright (c) Meta Platforms, Inc. and affiliates.
|
|
3
|
+
*
|
|
4
|
+
* This source code is licensed under the MIT license found in the
|
|
5
|
+
* LICENSE file in the root directory of this source tree.
|
|
6
|
+
*/
|
|
7
|
+
import React from 'react';
|
|
8
|
+
import { XRController } from 'iwer/lib/device/XRController';
|
|
9
|
+
interface JoystickProps {
|
|
10
|
+
xrController: XRController;
|
|
11
|
+
pointerLocked: boolean;
|
|
12
|
+
buttonId: string;
|
|
13
|
+
mappedKeyUp: string;
|
|
14
|
+
mappedKeyDown: string;
|
|
15
|
+
mappedKeyLeft: string;
|
|
16
|
+
mappedKeyRight: string;
|
|
17
|
+
mappedKeyPressed: string;
|
|
18
|
+
}
|
|
19
|
+
export declare const Joystick: React.FC<JoystickProps>;
|
|
20
|
+
export {};
|
|
21
|
+
//# sourceMappingURL=joystick.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"joystick.d.ts","sourceRoot":"","sources":["../../../src/components/joystick.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAWH,OAAO,KAAsC,MAAM,OAAO,CAAC;AAS3D,OAAO,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAI5D,UAAU,aAAa;IACtB,YAAY,EAAE,YAAY,CAAC;IAC3B,aAAa,EAAE,OAAO,CAAC;IACvB,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,EAAE,MAAM,CAAC;IACpB,aAAa,EAAE,MAAM,CAAC;IACtB,aAAa,EAAE,MAAM,CAAC;IACtB,cAAc,EAAE,MAAM,CAAC;IACvB,gBAAgB,EAAE,MAAM,CAAC;CACzB;AA8DD,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CA+Q5C,CAAC"}
|
|
@@ -0,0 +1,245 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
2
|
+
/**
|
|
3
|
+
* Copyright (c) Meta Platforms, Inc. and affiliates.
|
|
4
|
+
*
|
|
5
|
+
* This source code is licensed under the MIT license found in the
|
|
6
|
+
* LICENSE file in the root directory of this source tree.
|
|
7
|
+
*/
|
|
8
|
+
import { Button, ButtonContainer, ButtonGroup, Colors, ControlButtonStyles, FAIcon, MappedKeyBlock, } from './styled.js';
|
|
9
|
+
import { useEffect, useRef, useState } from 'react';
|
|
10
|
+
import { faCircleXmark, faFingerprint, } from '@fortawesome/free-solid-svg-icons';
|
|
11
|
+
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
|
|
12
|
+
import { GamepadIcon } from './icons.js';
|
|
13
|
+
import { MappedKeyDisplay } from './keys.js';
|
|
14
|
+
import { styled } from 'styled-components';
|
|
15
|
+
import { useDevUIConfig } from '../index.js';
|
|
16
|
+
const JoystickContainer = styled.div `
|
|
17
|
+
display: flex;
|
|
18
|
+
align-items: center;
|
|
19
|
+
margin-bottom: ${ControlButtonStyles.gap};
|
|
20
|
+
`;
|
|
21
|
+
const joystickSize = `calc(2 * ${ControlButtonStyles.height} + ${ControlButtonStyles.gap})`;
|
|
22
|
+
const JoystickButton = styled.button `
|
|
23
|
+
background: ${Colors.gradientGreyTranslucent};
|
|
24
|
+
border: none;
|
|
25
|
+
display: flex;
|
|
26
|
+
justify-content: center;
|
|
27
|
+
align-items: center;
|
|
28
|
+
padding: 0;
|
|
29
|
+
pointer-events: none;
|
|
30
|
+
width: ${joystickSize};
|
|
31
|
+
height: ${joystickSize};
|
|
32
|
+
border-radius: 50%;
|
|
33
|
+
position: relative;
|
|
34
|
+
margin: 0 5px;
|
|
35
|
+
`;
|
|
36
|
+
const JoystickInner = styled.div `
|
|
37
|
+
position: absolute;
|
|
38
|
+
font-size: 50px;
|
|
39
|
+
display: flex;
|
|
40
|
+
align-items: center;
|
|
41
|
+
justify-content: center;
|
|
42
|
+
color: ${Colors.textWhite};
|
|
43
|
+
cursor: pointer;
|
|
44
|
+
pointer-events: auto;
|
|
45
|
+
`;
|
|
46
|
+
const SmallButton = styled(Button) `
|
|
47
|
+
width: ${ControlButtonStyles.widthLong};
|
|
48
|
+
font-size: ${ControlButtonStyles.fontSize};
|
|
49
|
+
|
|
50
|
+
${({ $reverse }) => $reverse
|
|
51
|
+
? `
|
|
52
|
+
&:first-child {
|
|
53
|
+
border-radius: ${ControlButtonStyles.radiusLast};
|
|
54
|
+
}
|
|
55
|
+
|
|
56
|
+
&:last-child {
|
|
57
|
+
border-radius: ${ControlButtonStyles.radiusFirst};
|
|
58
|
+
}
|
|
59
|
+
`
|
|
60
|
+
: `
|
|
61
|
+
&:first-child {
|
|
62
|
+
border-radius: ${ControlButtonStyles.radiusFirst};
|
|
63
|
+
}
|
|
64
|
+
|
|
65
|
+
&:last-child {
|
|
66
|
+
border-radius: ${ControlButtonStyles.radiusLast};
|
|
67
|
+
}
|
|
68
|
+
`}
|
|
69
|
+
`;
|
|
70
|
+
export const Joystick = ({ xrController, pointerLocked, buttonId, mappedKeyUp, mappedKeyDown, mappedKeyLeft, mappedKeyRight, mappedKeyPressed, }) => {
|
|
71
|
+
const devuiConfig = useDevUIConfig();
|
|
72
|
+
const joystickRef = useRef(null);
|
|
73
|
+
const [isDragging, setIsDragging] = useState(false);
|
|
74
|
+
const [isTouched, setIsTouched] = useState(false);
|
|
75
|
+
const [isOnHold, setIsOnHold] = useState(false);
|
|
76
|
+
const [isPressed, setIsPressed] = useState(false);
|
|
77
|
+
const [initialPosition, setInitialPosition] = useState({ x: 0, y: 0 });
|
|
78
|
+
const [keyStates, setKeyStates] = useState({
|
|
79
|
+
up: false,
|
|
80
|
+
down: false,
|
|
81
|
+
left: false,
|
|
82
|
+
right: false,
|
|
83
|
+
pressed: false,
|
|
84
|
+
});
|
|
85
|
+
const handedness = xrController.inputSource.handedness;
|
|
86
|
+
const handleMouseDown = () => {
|
|
87
|
+
if (joystickRef.current) {
|
|
88
|
+
const rect = joystickRef.current.getBoundingClientRect();
|
|
89
|
+
setInitialPosition({
|
|
90
|
+
x: rect.left + rect.width / 2,
|
|
91
|
+
y: rect.top + rect.height / 2,
|
|
92
|
+
});
|
|
93
|
+
setIsDragging(true);
|
|
94
|
+
}
|
|
95
|
+
};
|
|
96
|
+
const handleMouseMove = (event) => {
|
|
97
|
+
if (isDragging && joystickRef.current) {
|
|
98
|
+
const dx = event.clientX - initialPosition.x;
|
|
99
|
+
const dy = event.clientY - initialPosition.y;
|
|
100
|
+
const distance = Math.sqrt(dx * dx + dy * dy);
|
|
101
|
+
const maxDistance = 12;
|
|
102
|
+
let limitedX, limitedY;
|
|
103
|
+
if (distance < maxDistance) {
|
|
104
|
+
limitedX = dx;
|
|
105
|
+
limitedY = dy;
|
|
106
|
+
}
|
|
107
|
+
else {
|
|
108
|
+
const angle = Math.atan2(dy, dx);
|
|
109
|
+
limitedX = Math.cos(angle) * maxDistance;
|
|
110
|
+
limitedY = Math.sin(angle) * maxDistance;
|
|
111
|
+
}
|
|
112
|
+
joystickRef.current.style.transform = `translate(${limitedX}px, ${limitedY}px)`;
|
|
113
|
+
// Calculate normalized values between -1 and 1
|
|
114
|
+
const normalizedX = limitedX / maxDistance;
|
|
115
|
+
const normalizedY = limitedY / maxDistance;
|
|
116
|
+
// Set window.movement
|
|
117
|
+
xrController.updateAxes(buttonId, normalizedX, normalizedY);
|
|
118
|
+
}
|
|
119
|
+
};
|
|
120
|
+
const handleMouseUp = () => {
|
|
121
|
+
setIsDragging(false);
|
|
122
|
+
if (joystickRef.current) {
|
|
123
|
+
joystickRef.current.style.transform = 'translate(0, 0)';
|
|
124
|
+
xrController.updateAxes(buttonId, 0, 0);
|
|
125
|
+
}
|
|
126
|
+
};
|
|
127
|
+
useEffect(() => {
|
|
128
|
+
const handleKeyDown = (event) => {
|
|
129
|
+
const newKeyStates = { ...keyStates };
|
|
130
|
+
if (event.code === mappedKeyUp)
|
|
131
|
+
newKeyStates.up = true;
|
|
132
|
+
if (event.code === mappedKeyDown)
|
|
133
|
+
newKeyStates.down = true;
|
|
134
|
+
if (event.code === mappedKeyLeft)
|
|
135
|
+
newKeyStates.left = true;
|
|
136
|
+
if (event.code === mappedKeyRight)
|
|
137
|
+
newKeyStates.right = true;
|
|
138
|
+
if (event.code === mappedKeyPressed) {
|
|
139
|
+
newKeyStates.pressed = true;
|
|
140
|
+
xrController.updateButtonValue(buttonId, 1);
|
|
141
|
+
}
|
|
142
|
+
setKeyStates(newKeyStates);
|
|
143
|
+
updateAxes(newKeyStates);
|
|
144
|
+
};
|
|
145
|
+
const handleKeyUp = (event) => {
|
|
146
|
+
const newKeyStates = { ...keyStates };
|
|
147
|
+
if (event.code === mappedKeyUp)
|
|
148
|
+
newKeyStates.up = false;
|
|
149
|
+
if (event.code === mappedKeyDown)
|
|
150
|
+
newKeyStates.down = false;
|
|
151
|
+
if (event.code === mappedKeyLeft)
|
|
152
|
+
newKeyStates.left = false;
|
|
153
|
+
if (event.code === mappedKeyRight)
|
|
154
|
+
newKeyStates.right = false;
|
|
155
|
+
if (event.code === mappedKeyPressed) {
|
|
156
|
+
newKeyStates.pressed = false;
|
|
157
|
+
xrController.updateButtonValue(buttonId, 0);
|
|
158
|
+
}
|
|
159
|
+
setKeyStates(newKeyStates);
|
|
160
|
+
updateAxes(newKeyStates);
|
|
161
|
+
};
|
|
162
|
+
const updateAxes = (keyStates) => {
|
|
163
|
+
const deltaX = (keyStates.right ? 1 : 0) - (keyStates.left ? 1 : 0);
|
|
164
|
+
const deltaY = (keyStates.down ? 1 : 0) - (keyStates.up ? 1 : 0);
|
|
165
|
+
const magnitude = Math.sqrt(deltaX * deltaX + deltaY * deltaY);
|
|
166
|
+
if (magnitude === 0) {
|
|
167
|
+
xrController.updateAxes(buttonId, 0, 0);
|
|
168
|
+
return;
|
|
169
|
+
}
|
|
170
|
+
const normalizedX = deltaX / magnitude;
|
|
171
|
+
const normalizedY = deltaY / magnitude;
|
|
172
|
+
xrController.updateAxes(buttonId, normalizedX, normalizedY);
|
|
173
|
+
};
|
|
174
|
+
if (pointerLocked) {
|
|
175
|
+
window.addEventListener('keydown', handleKeyDown);
|
|
176
|
+
window.addEventListener('keyup', handleKeyUp);
|
|
177
|
+
}
|
|
178
|
+
else {
|
|
179
|
+
window.removeEventListener('keydown', handleKeyDown);
|
|
180
|
+
window.removeEventListener('keyup', handleKeyUp);
|
|
181
|
+
}
|
|
182
|
+
return () => {
|
|
183
|
+
window.removeEventListener('keydown', handleKeyDown);
|
|
184
|
+
window.removeEventListener('keyup', handleKeyUp);
|
|
185
|
+
};
|
|
186
|
+
}, [
|
|
187
|
+
mappedKeyUp,
|
|
188
|
+
mappedKeyDown,
|
|
189
|
+
mappedKeyLeft,
|
|
190
|
+
mappedKeyRight,
|
|
191
|
+
pointerLocked,
|
|
192
|
+
keyStates,
|
|
193
|
+
]);
|
|
194
|
+
useEffect(() => {
|
|
195
|
+
document.addEventListener('mousemove', handleMouseMove);
|
|
196
|
+
document.addEventListener('mouseup', handleMouseUp);
|
|
197
|
+
return () => {
|
|
198
|
+
document.removeEventListener('mousemove', handleMouseMove);
|
|
199
|
+
document.removeEventListener('mouseup', handleMouseUp);
|
|
200
|
+
};
|
|
201
|
+
}, [isDragging, initialPosition]);
|
|
202
|
+
return pointerLocked ? (_jsxs(_Fragment, { children: [_jsxs(ButtonContainer, { "$reverse": handedness === 'right', children: [_jsx(GamepadIcon, { buttonName: "thumbstick", handedness: xrController.inputSource.handedness }), _jsxs(ButtonGroup, { "$reverse": handedness === 'right', children: [_jsx(MappedKeyBlock, { "$pressed": keyStates.up, children: MappedKeyDisplay[mappedKeyUp] }), _jsx(MappedKeyBlock, { "$pressed": keyStates.pressed, children: MappedKeyDisplay[mappedKeyPressed] })] })] }), _jsx(ButtonContainer, { "$reverse": handedness === 'right', style: handedness === 'right'
|
|
203
|
+
? { marginRight: '2px' }
|
|
204
|
+
: { marginLeft: '2px' }, children: _jsxs(ButtonGroup, { "$reverse": false, style: { margin: 0 }, children: [_jsx(MappedKeyBlock, { "$pressed": keyStates.left, children: MappedKeyDisplay[mappedKeyLeft] }), _jsx(MappedKeyBlock, { "$pressed": keyStates.down, children: MappedKeyDisplay[mappedKeyDown] }), _jsx(MappedKeyBlock, { "$pressed": keyStates.right, children: MappedKeyDisplay[mappedKeyRight] })] }) })] })) : (_jsx(JoystickContainer, { style: {
|
|
205
|
+
flexDirection: xrController.inputSource.handedness === 'left'
|
|
206
|
+
? 'row'
|
|
207
|
+
: 'row-reverse',
|
|
208
|
+
alignItems: 'flex-start',
|
|
209
|
+
}, children: _jsxs(_Fragment, { children: [_jsx(GamepadIcon, { buttonName: "thumbstick", handedness: xrController.inputSource.handedness }), _jsx(JoystickButton, { style: { margin: '0 5px' }, children: _jsx(JoystickInner, { ref: joystickRef, onMouseDown: handleMouseDown, children: _jsx(FontAwesomeIcon, { icon: faCircleXmark }) }) }), _jsxs("div", { style: {
|
|
210
|
+
display: 'flex',
|
|
211
|
+
flexDirection: 'column',
|
|
212
|
+
alignItems: handedness === 'right' ? 'start' : 'end',
|
|
213
|
+
}, children: [_jsx(Button, { "$reverse": handedness === 'right', style: {
|
|
214
|
+
background: isPressed
|
|
215
|
+
? Colors.gradientLightGreyTranslucent
|
|
216
|
+
: Colors.gradientGreyTranslucent,
|
|
217
|
+
width: `calc(${ControlButtonStyles.widthLong} + ${ControlButtonStyles.widthShort} + ${ControlButtonStyles.gap})`,
|
|
218
|
+
marginBottom: ControlButtonStyles.gap,
|
|
219
|
+
borderRadius: ControlButtonStyles.radiusSolo,
|
|
220
|
+
}, onClick: () => {
|
|
221
|
+
setIsPressed(true);
|
|
222
|
+
xrController.updateButtonValue(buttonId, 1);
|
|
223
|
+
setTimeout(() => {
|
|
224
|
+
setIsPressed(false);
|
|
225
|
+
xrController.updateButtonValue(buttonId, 0);
|
|
226
|
+
}, devuiConfig.buttonPressDuration);
|
|
227
|
+
}, children: "Press" }), _jsxs(ButtonGroup, { "$reverse": handedness === 'right', children: [_jsx(SmallButton, { "$reverse": xrController.inputSource.handedness !== 'left', style: {
|
|
228
|
+
background: isTouched
|
|
229
|
+
? Colors.gradientLightGreyTranslucent
|
|
230
|
+
: Colors.gradientGreyTranslucent,
|
|
231
|
+
width: ControlButtonStyles.widthShort,
|
|
232
|
+
}, onClick: () => {
|
|
233
|
+
setIsTouched(!isTouched);
|
|
234
|
+
xrController.updateButtonTouch(buttonId, !isTouched);
|
|
235
|
+
}, children: _jsx(FAIcon, { icon: faFingerprint }) }), _jsx(SmallButton, { "$reverse": xrController.inputSource.handedness !== 'left', style: {
|
|
236
|
+
background: isOnHold
|
|
237
|
+
? Colors.gradientLightGreyTranslucent
|
|
238
|
+
: Colors.gradientGreyTranslucent,
|
|
239
|
+
width: ControlButtonStyles.widthLong,
|
|
240
|
+
}, onClick: () => {
|
|
241
|
+
setIsOnHold(!isOnHold);
|
|
242
|
+
xrController.updateButtonValue(buttonId, isOnHold ? 0 : 1);
|
|
243
|
+
}, children: "Hold" })] })] })] }) }));
|
|
244
|
+
};
|
|
245
|
+
//# sourceMappingURL=joystick.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"joystick.js","sourceRoot":"","sources":["../../../src/components/joystick.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Copyright (c) Meta Platforms, Inc. and affiliates.
|
|
3
|
+
*
|
|
4
|
+
* This source code is licensed under the MIT license found in the
|
|
5
|
+
* LICENSE file in the root directory of this source tree.
|
|
6
|
+
*/
|
|
7
|
+
export declare const MappedKeyDisplay: {
|
|
8
|
+
[keyCode: string]: string | JSX.Element;
|
|
9
|
+
};
|
|
10
|
+
//# sourceMappingURL=keys.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"keys.d.ts","sourceRoot":"","sources":["../../../src/components/keys.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAgBH,eAAO,MAAM,gBAAgB,EAAE;IAC9B,CAAC,OAAO,EAAE,MAAM,GAAG,MAAM,GAAG,GAAG,CAAC,OAAO,CAAC;CAoExC,CAAC"}
|