@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,123 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { Colors, ControlButtonStyles } from './styled.js';
|
|
3
|
+
import { useEffect, useRef, useState } from 'react';
|
|
4
|
+
import { styled } from 'styled-components';
|
|
5
|
+
export function round(number, decimalPlaces) {
|
|
6
|
+
const factor = Math.pow(10, decimalPlaces);
|
|
7
|
+
return Math.round(number * factor) / factor;
|
|
8
|
+
}
|
|
9
|
+
const Vector3Container = styled.div `
|
|
10
|
+
width: 100%;
|
|
11
|
+
display: flex;
|
|
12
|
+
flex-direction: row;
|
|
13
|
+
justify-content: space-between;
|
|
14
|
+
align-items: center;
|
|
15
|
+
margin-top: ${ControlButtonStyles.gap};
|
|
16
|
+
font-size: 12px;
|
|
17
|
+
`;
|
|
18
|
+
const ValuesContainer = styled.div `
|
|
19
|
+
display: flex;
|
|
20
|
+
flex-direction: row;
|
|
21
|
+
gap: ${ControlButtonStyles.gap};
|
|
22
|
+
`;
|
|
23
|
+
const ValueInput = styled.input.attrs({ type: 'text' }) `
|
|
24
|
+
width: 50px;
|
|
25
|
+
outline: none;
|
|
26
|
+
background: ${Colors.gradientGrey};
|
|
27
|
+
border: 1px solid transparent;
|
|
28
|
+
border-radius: 5px;
|
|
29
|
+
height: 25px;
|
|
30
|
+
color: var(--text-white);
|
|
31
|
+
padding: 0 10px 0 5px;
|
|
32
|
+
box-sizing: border-box;
|
|
33
|
+
font-size: 10px;
|
|
34
|
+
|
|
35
|
+
&:read-only {
|
|
36
|
+
background: ${Colors.gradientGreyTranslucent};
|
|
37
|
+
}
|
|
38
|
+
|
|
39
|
+
&:invalid {
|
|
40
|
+
background-color: ${Colors.dangerRed};
|
|
41
|
+
}
|
|
42
|
+
`;
|
|
43
|
+
const InputSuffix = styled.span `
|
|
44
|
+
position: absolute;
|
|
45
|
+
right: 5px;
|
|
46
|
+
top: 50%;
|
|
47
|
+
transform: translateY(-50%);
|
|
48
|
+
pointer-events: none;
|
|
49
|
+
color: var(--panel-light-grey);
|
|
50
|
+
font-size: 0.6rem;
|
|
51
|
+
`;
|
|
52
|
+
export const Vector3Input = ({ vector, label, multiplier = 1, precision = 2, onValidInput = () => { }, }) => {
|
|
53
|
+
const [displayValues, setDisplayValues] = useState({
|
|
54
|
+
x: (vector.x / multiplier).toFixed(precision),
|
|
55
|
+
y: (vector.y / multiplier).toFixed(precision),
|
|
56
|
+
z: (vector.z / multiplier).toFixed(precision),
|
|
57
|
+
});
|
|
58
|
+
const actualValuesRef = useRef({
|
|
59
|
+
x: round(vector.x / multiplier, precision),
|
|
60
|
+
y: round(vector.y / multiplier, precision),
|
|
61
|
+
z: round(vector.z / multiplier, precision),
|
|
62
|
+
});
|
|
63
|
+
const animationFrameId = useRef(null);
|
|
64
|
+
// Sync display values with actual values (optimized)
|
|
65
|
+
const syncValues = () => {
|
|
66
|
+
const currentActualValues = {
|
|
67
|
+
x: round(vector.x / multiplier, precision),
|
|
68
|
+
y: round(vector.y / multiplier, precision),
|
|
69
|
+
z: round(vector.z / multiplier, precision),
|
|
70
|
+
};
|
|
71
|
+
const { x, y, z } = actualValuesRef.current;
|
|
72
|
+
// Only update state if actual values have changed
|
|
73
|
+
if (currentActualValues.x !== x ||
|
|
74
|
+
currentActualValues.y !== y ||
|
|
75
|
+
currentActualValues.z !== z) {
|
|
76
|
+
actualValuesRef.current = currentActualValues;
|
|
77
|
+
setDisplayValues({
|
|
78
|
+
x: currentActualValues.x.toFixed(precision),
|
|
79
|
+
y: currentActualValues.y.toFixed(precision),
|
|
80
|
+
z: currentActualValues.z.toFixed(precision),
|
|
81
|
+
});
|
|
82
|
+
}
|
|
83
|
+
// Schedule the next frame
|
|
84
|
+
animationFrameId.current = requestAnimationFrame(syncValues);
|
|
85
|
+
};
|
|
86
|
+
useEffect(() => {
|
|
87
|
+
// Start the synchronization loop
|
|
88
|
+
animationFrameId.current = requestAnimationFrame(syncValues);
|
|
89
|
+
return () => {
|
|
90
|
+
// Cleanup the animation frame on unmount
|
|
91
|
+
if (animationFrameId.current) {
|
|
92
|
+
cancelAnimationFrame(animationFrameId.current);
|
|
93
|
+
}
|
|
94
|
+
};
|
|
95
|
+
}, [vector, multiplier, precision]);
|
|
96
|
+
// Handle user input changes
|
|
97
|
+
const handleInputChange = (axis) => (event) => {
|
|
98
|
+
const newValue = event.target.value;
|
|
99
|
+
const parsedValue = parseFloat(newValue);
|
|
100
|
+
// Update display values immediately
|
|
101
|
+
setDisplayValues((prev) => ({ ...prev, [axis]: newValue }));
|
|
102
|
+
// If valid, update the actual values and the vector
|
|
103
|
+
if (!isNaN(parsedValue)) {
|
|
104
|
+
actualValuesRef.current[axis] = parsedValue;
|
|
105
|
+
vector[axis] = parsedValue * multiplier;
|
|
106
|
+
onValidInput();
|
|
107
|
+
}
|
|
108
|
+
};
|
|
109
|
+
return (_jsxs(Vector3Container, { children: [_jsx("span", { children: label }), _jsx(ValuesContainer, { children: ['x', 'y', 'z'].map((axis) => (_jsxs("div", { style: {
|
|
110
|
+
position: 'relative',
|
|
111
|
+
display: 'inline-block',
|
|
112
|
+
}, children: [_jsx(ValueInput, { value: displayValues[axis], onChange: handleInputChange(axis), className: parseFloat(displayValues[axis]) !==
|
|
113
|
+
actualValuesRef.current[axis]
|
|
114
|
+
? 'invalid'
|
|
115
|
+
: undefined }), _jsx(InputSuffix, { children: axis.toUpperCase() })] }, `${label}-${axis}`))) })] }));
|
|
116
|
+
};
|
|
117
|
+
export const Vector3ReadOnly = ({ label, vector, precision = 2, }) => {
|
|
118
|
+
return (_jsxs(Vector3Container, { children: [_jsx("span", { children: label }), _jsx(ValuesContainer, { children: ['x', 'y', 'z'].map((axis) => (_jsxs("div", { style: {
|
|
119
|
+
position: 'relative',
|
|
120
|
+
display: 'inline-block',
|
|
121
|
+
}, children: [_jsx(ValueInput, { className: "readonly", type: "text", value: vector[axis].toFixed(precision), readOnly: true }), _jsx(InputSuffix, { children: axis.toUpperCase() })] }, `${label}-${axis}`))) })] }));
|
|
122
|
+
};
|
|
123
|
+
//# sourceMappingURL=vec3.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"vec3.js","sourceRoot":"","sources":["../../../src/components/vec3.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,22 @@
|
|
|
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 { InputLayer } from './scene.js';
|
|
8
|
+
import { XRDevice } from 'iwer';
|
|
9
|
+
declare const PRIVATE: unique symbol;
|
|
10
|
+
type DevUIConfig = {
|
|
11
|
+
buttonPressDuration: number;
|
|
12
|
+
};
|
|
13
|
+
export declare const useDevUIConfig: () => DevUIConfig;
|
|
14
|
+
export declare class DevUI {
|
|
15
|
+
[PRIVATE]: {
|
|
16
|
+
xrDevice: XRDevice;
|
|
17
|
+
inputLayer: InputLayer;
|
|
18
|
+
};
|
|
19
|
+
constructor(xrDevice: XRDevice, options?: Partial<DevUIConfig>);
|
|
20
|
+
}
|
|
21
|
+
export {};
|
|
22
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAQH,OAAO,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AACxC,OAAO,EAAE,QAAQ,EAAE,MAAM,MAAM,CAAC;AAGhC,QAAA,MAAM,OAAO,eAA+B,CAAC;AAE7C,KAAK,WAAW,GAAG;IAClB,mBAAmB,EAAE,MAAM,CAAC;CAC5B,CAAC;AAQF,eAAO,MAAM,cAAc,mBAE1B,CAAC;AAEF,qBAAa,KAAK;IACjB,CAAC,OAAO,CAAC,EAAE;QACV,QAAQ,EAAE,QAAQ,CAAC;QACnB,UAAU,EAAE,UAAU,CAAC;KACvB,CAAC;gBAEU,QAAQ,EAAE,QAAQ,EAAE,OAAO,GAAE,OAAO,CAAC,WAAW,CAAM;CAkClE"}
|
package/lib/src/index.js
ADDED
|
@@ -0,0 +1,92 @@
|
|
|
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 { createContext, useContext, useEffect, useState } from 'react';
|
|
9
|
+
import { ControlsUI } from './components/controls.js';
|
|
10
|
+
import { FOVMenu } from './components/fov.js';
|
|
11
|
+
import { HeaderUI } from './components/header.js';
|
|
12
|
+
import { HeadsetUI } from './components/headset.js';
|
|
13
|
+
import { InputLayer } from './scene.js';
|
|
14
|
+
import { createRoot } from 'react-dom/client';
|
|
15
|
+
const PRIVATE = Symbol('@@iwer/devui/devui');
|
|
16
|
+
const DefaultConfig = {
|
|
17
|
+
buttonPressDuration: 250,
|
|
18
|
+
};
|
|
19
|
+
const DevUIConfigContext = createContext(DefaultConfig);
|
|
20
|
+
export const useDevUIConfig = () => {
|
|
21
|
+
return useContext(DevUIConfigContext);
|
|
22
|
+
};
|
|
23
|
+
export class DevUI {
|
|
24
|
+
constructor(xrDevice, options = {}) {
|
|
25
|
+
xrDevice.ipd = 0;
|
|
26
|
+
const canvasContainer = xrDevice.canvasContainer;
|
|
27
|
+
const devuiContainer = document.createElement('div');
|
|
28
|
+
devuiContainer.style.position = 'fixed';
|
|
29
|
+
devuiContainer.style.width = '100%';
|
|
30
|
+
devuiContainer.style.height = '100%';
|
|
31
|
+
devuiContainer.style.top = '0';
|
|
32
|
+
devuiContainer.style.left = '0';
|
|
33
|
+
devuiContainer.style.display = 'flex';
|
|
34
|
+
devuiContainer.style.justifyContent = 'center';
|
|
35
|
+
devuiContainer.style.alignItems = 'center';
|
|
36
|
+
devuiContainer.style.overflow = 'hidden';
|
|
37
|
+
devuiContainer.style.pointerEvents = 'none';
|
|
38
|
+
devuiContainer.style.zIndex = '3';
|
|
39
|
+
canvasContainer.appendChild(devuiContainer);
|
|
40
|
+
const inputLayer = new InputLayer(xrDevice);
|
|
41
|
+
const inputLayerElement = inputLayer.domElement;
|
|
42
|
+
inputLayerElement.style.position = 'fixed';
|
|
43
|
+
inputLayerElement.style.width = '100%';
|
|
44
|
+
inputLayerElement.style.height = '100%';
|
|
45
|
+
inputLayerElement.style.top = '0';
|
|
46
|
+
inputLayerElement.style.left = '0';
|
|
47
|
+
inputLayerElement.style.zIndex = '2';
|
|
48
|
+
canvasContainer.appendChild(inputLayerElement);
|
|
49
|
+
const root = createRoot(devuiContainer);
|
|
50
|
+
root.render(_jsx(Overlay, { xrDevice: xrDevice, inputLayer: inputLayer, options: options }));
|
|
51
|
+
this[PRIVATE] = {
|
|
52
|
+
xrDevice,
|
|
53
|
+
inputLayer,
|
|
54
|
+
};
|
|
55
|
+
}
|
|
56
|
+
}
|
|
57
|
+
const Overlay = ({ xrDevice, inputLayer, options }) => {
|
|
58
|
+
const [pointerLocked, setPointerLocked] = useState(false);
|
|
59
|
+
const [keyMapOpen, setKeyMapOpen] = useState(false);
|
|
60
|
+
const [fovSettingOpen, setFovSettingOpen] = useState(false);
|
|
61
|
+
const [devuiConfig, setConfig] = useState(DefaultConfig);
|
|
62
|
+
useEffect(() => {
|
|
63
|
+
var _a;
|
|
64
|
+
setConfig({
|
|
65
|
+
buttonPressDuration: (_a = options.buttonPressDuration) !== null && _a !== void 0 ? _a : DefaultConfig.buttonPressDuration,
|
|
66
|
+
});
|
|
67
|
+
const pointerLockChangeHandler = () => {
|
|
68
|
+
const locked = document.pointerLockElement ||
|
|
69
|
+
// @ts-ignore
|
|
70
|
+
document.mozPointerLockElement ||
|
|
71
|
+
// @ts-ignore
|
|
72
|
+
document.webkitPointerLockElement;
|
|
73
|
+
setPointerLocked(!!locked);
|
|
74
|
+
};
|
|
75
|
+
document.addEventListener('pointerlockchange', pointerLockChangeHandler, false);
|
|
76
|
+
document.addEventListener('mozpointerlockchange', pointerLockChangeHandler, false);
|
|
77
|
+
document.addEventListener('webkitpointerlockchange', pointerLockChangeHandler, false);
|
|
78
|
+
return () => {
|
|
79
|
+
document.removeEventListener('pointerlockchange', pointerLockChangeHandler, false);
|
|
80
|
+
document.removeEventListener('mozpointerlockchange', pointerLockChangeHandler, false);
|
|
81
|
+
document.removeEventListener('webkitpointerlockchange', pointerLockChangeHandler, false);
|
|
82
|
+
};
|
|
83
|
+
}, []);
|
|
84
|
+
return (_jsx(DevUIConfigContext.Provider, { value: devuiConfig, children: _jsxs("div", { style: {
|
|
85
|
+
width: '100vw',
|
|
86
|
+
height: '100vh',
|
|
87
|
+
display: 'flex',
|
|
88
|
+
flexDirection: 'column',
|
|
89
|
+
justifyContent: 'space-between',
|
|
90
|
+
}, children: [_jsx(HeaderUI, { xrDevice: xrDevice, inputLayer: inputLayer, keyMapOpen: keyMapOpen, setKeyMapOpen: setKeyMapOpen, fovSettingOpen: fovSettingOpen, setFovSettingOpen: setFovSettingOpen }), _jsx(HeadsetUI, { xrDevice: xrDevice, inputLayer: inputLayer, pointerLocked: pointerLocked }), fovSettingOpen && (_jsx(FOVMenu, { xrDevice: xrDevice, inputLayer: inputLayer })), _jsx(ControlsUI, { xrDevice: xrDevice, inputLayer: inputLayer, pointerLocked: pointerLocked })] }) }));
|
|
91
|
+
};
|
|
92
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,51 @@
|
|
|
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 { Group, PerspectiveCamera, Quaternion, Scene, Vector3, WebGLRenderer } from 'three';
|
|
8
|
+
import { TransformHandles } from '@pmndrs/handle';
|
|
9
|
+
import { XRDevice } from 'iwer';
|
|
10
|
+
export declare const PRIVATE: unique symbol;
|
|
11
|
+
type Handedness = 'left' | 'right';
|
|
12
|
+
export declare class InputLayer {
|
|
13
|
+
[PRIVATE]: {
|
|
14
|
+
canvasContainer: HTMLDivElement;
|
|
15
|
+
renderer: WebGLRenderer;
|
|
16
|
+
scene: Scene;
|
|
17
|
+
camera: PerspectiveCamera;
|
|
18
|
+
playerRig: Group;
|
|
19
|
+
cameraRig: Group;
|
|
20
|
+
resizeObserver: ResizeObserver;
|
|
21
|
+
xrDevice: XRDevice;
|
|
22
|
+
transformHandles: Map<Handedness, TransformHandles>;
|
|
23
|
+
isPointerLocked: boolean;
|
|
24
|
+
vec3: Vector3;
|
|
25
|
+
quat: Quaternion;
|
|
26
|
+
mouseMoveHandler: (event: MouseEvent) => void;
|
|
27
|
+
headsetDefaultPosition: Vector3;
|
|
28
|
+
headsetDefaultQuaternion: Quaternion;
|
|
29
|
+
keyState: {
|
|
30
|
+
[key: string]: boolean;
|
|
31
|
+
};
|
|
32
|
+
movePlayerRig: () => void;
|
|
33
|
+
moveInterval: number | null;
|
|
34
|
+
forwardHtmlEvents: () => void;
|
|
35
|
+
};
|
|
36
|
+
constructor(xrDevice: XRDevice);
|
|
37
|
+
lockPointer(): void;
|
|
38
|
+
pointerLockChangeHandler(): void;
|
|
39
|
+
keyDownHandler(event: KeyboardEvent): void;
|
|
40
|
+
keyUpHandler(event: KeyboardEvent): void;
|
|
41
|
+
movePlayerRig(): void;
|
|
42
|
+
syncFovy(): void;
|
|
43
|
+
resetDeviceTransforms(): void;
|
|
44
|
+
syncDeviceTransforms(): void;
|
|
45
|
+
renderScene(time: number): void;
|
|
46
|
+
get domElement(): HTMLCanvasElement;
|
|
47
|
+
resize(): void;
|
|
48
|
+
dispose(): void;
|
|
49
|
+
}
|
|
50
|
+
export {};
|
|
51
|
+
//# sourceMappingURL=scene.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"scene.d.ts","sourceRoot":"","sources":["../../src/scene.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAEN,KAAK,EAGL,iBAAiB,EACjB,UAAU,EAEV,KAAK,EACL,OAAO,EACP,aAAa,EACb,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,gBAAgB,EAAwB,MAAM,gBAAgB,CAAC;AAExE,OAAO,EAAE,QAAQ,EAAE,MAAM,MAAM,CAAC;AAGhC,eAAO,MAAM,OAAO,eAAqC,CAAC;AAG1D,KAAK,UAAU,GAAG,MAAM,GAAG,OAAO,CAAC;AAEnC,qBAAa,UAAU;IACtB,CAAC,OAAO,CAAC,EAAE;QACV,eAAe,EAAE,cAAc,CAAC;QAChC,QAAQ,EAAE,aAAa,CAAC;QACxB,KAAK,EAAE,KAAK,CAAC;QACb,MAAM,EAAE,iBAAiB,CAAC;QAC1B,SAAS,EAAE,KAAK,CAAC;QACjB,SAAS,EAAE,KAAK,CAAC;QACjB,cAAc,EAAE,cAAc,CAAC;QAC/B,QAAQ,EAAE,QAAQ,CAAC;QACnB,gBAAgB,EAAE,GAAG,CAAC,UAAU,EAAE,gBAAgB,CAAC,CAAC;QACpD,eAAe,EAAE,OAAO,CAAC;QACzB,IAAI,EAAE,OAAO,CAAC;QACd,IAAI,EAAE,UAAU,CAAC;QACjB,gBAAgB,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;QAC9C,sBAAsB,EAAE,OAAO,CAAC;QAChC,wBAAwB,EAAE,UAAU,CAAC;QACrC,QAAQ,EAAE;YAAE,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAA;SAAE,CAAC;QACrC,aAAa,EAAE,MAAM,IAAI,CAAC;QAC1B,YAAY,EAAE,MAAM,GAAG,IAAI,CAAC;QAC5B,iBAAiB,EAAE,MAAM,IAAI,CAAC;KAC9B,CAAC;gBAEU,QAAQ,EAAE,QAAQ;IAmJ9B,WAAW;IAUX,wBAAwB;IAiCxB,cAAc,CAAC,KAAK,EAAE,aAAa;IAyBnC,YAAY,CAAC,KAAK,EAAE,aAAa;IAkBjC,aAAa;IAgBb,QAAQ;IAKR,qBAAqB;IAiBrB,oBAAoB;IAkBpB,WAAW,CAAC,IAAI,EAAE,MAAM;IAexB,IAAI,UAAU,sBAEb;IAED,MAAM;IAQN,OAAO;CA8BP"}
|
package/lib/src/scene.js
ADDED
|
@@ -0,0 +1,250 @@
|
|
|
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 { FrontSide, Group, Mesh, MeshBasicMaterial, PerspectiveCamera, Quaternion, RingGeometry, Scene, Vector3, WebGLRenderer, } from 'three';
|
|
8
|
+
import { TransformHandles } from '@pmndrs/handle';
|
|
9
|
+
import { forwardHtmlEvents } from '@pmndrs/pointer-events';
|
|
10
|
+
export const PRIVATE = Symbol('@@iwer/devui/input-scene');
|
|
11
|
+
const FREE_MOVEMENT_SPEED = 0.016;
|
|
12
|
+
export class InputLayer {
|
|
13
|
+
constructor(xrDevice) {
|
|
14
|
+
const canvasContainer = xrDevice.canvasContainer;
|
|
15
|
+
// Create a scene
|
|
16
|
+
const scene = new Scene();
|
|
17
|
+
// Create a camera
|
|
18
|
+
const camera = new PerspectiveCamera((xrDevice.fovy / Math.PI) * 180, canvasContainer.offsetWidth / canvasContainer.offsetHeight, 0.1, 1000);
|
|
19
|
+
const playerRig = new Group();
|
|
20
|
+
const cameraRig = new Group();
|
|
21
|
+
scene.add(playerRig);
|
|
22
|
+
playerRig.add(cameraRig);
|
|
23
|
+
cameraRig.position.fromArray(xrDevice.position.vec3);
|
|
24
|
+
cameraRig.quaternion.fromArray(xrDevice.quaternion.quat);
|
|
25
|
+
cameraRig.add(camera);
|
|
26
|
+
camera.position.x -= xrDevice.ipd / 2;
|
|
27
|
+
const spaceOriginIndicator = new Mesh(new RingGeometry(0.25, 0.27, 32), new MeshBasicMaterial({
|
|
28
|
+
color: 0xffffff,
|
|
29
|
+
side: FrontSide,
|
|
30
|
+
}));
|
|
31
|
+
spaceOriginIndicator.rotateX(-Math.PI / 2);
|
|
32
|
+
scene.add(spaceOriginIndicator);
|
|
33
|
+
// Create a renderer
|
|
34
|
+
const renderer = new WebGLRenderer({ alpha: true });
|
|
35
|
+
renderer.setSize(canvasContainer.offsetWidth, canvasContainer.offsetHeight);
|
|
36
|
+
renderer.setClearColor(0x000000, 0);
|
|
37
|
+
canvasContainer.appendChild(renderer.domElement);
|
|
38
|
+
const transformHandles = new Map();
|
|
39
|
+
['left', 'right'].forEach((handedness) => {
|
|
40
|
+
const transformHandle = new TransformHandles();
|
|
41
|
+
transformHandle.scale.setScalar(0.1);
|
|
42
|
+
transformHandle.position.fromArray(xrDevice.controllers[handedness].position.vec3);
|
|
43
|
+
transformHandle.quaternion.fromArray(xrDevice.controllers[handedness].quaternion.quat);
|
|
44
|
+
cameraRig.attach(transformHandle);
|
|
45
|
+
transformHandle.userData = {
|
|
46
|
+
defaultPosition: transformHandle.position.toArray(),
|
|
47
|
+
defaultQuaternion: transformHandle.quaternion.toArray(),
|
|
48
|
+
};
|
|
49
|
+
transformHandle.userData.setMode = (mode) => {
|
|
50
|
+
var _a, _b;
|
|
51
|
+
(_b = (_a = transformHandle.userData).modeCleanup) === null || _b === void 0 ? void 0 : _b.call(_a);
|
|
52
|
+
transformHandle.userData.modeCleanup = transformHandle.bind(mode);
|
|
53
|
+
transformHandle.userData.mode = mode;
|
|
54
|
+
};
|
|
55
|
+
transformHandle.userData.setMode('translate');
|
|
56
|
+
transformHandle.space = 'local';
|
|
57
|
+
transformHandles.set(handedness, transformHandle);
|
|
58
|
+
transformHandle.addEventListener('click', () => {
|
|
59
|
+
if (transformHandle.userData.mode === 'translate') {
|
|
60
|
+
transformHandle.userData.setMode('rotate');
|
|
61
|
+
}
|
|
62
|
+
else {
|
|
63
|
+
transformHandle.userData.setMode('translate');
|
|
64
|
+
}
|
|
65
|
+
});
|
|
66
|
+
});
|
|
67
|
+
const resizeObserver = new ResizeObserver(() => {
|
|
68
|
+
this.resize();
|
|
69
|
+
});
|
|
70
|
+
resizeObserver.observe(canvasContainer);
|
|
71
|
+
const mouseMoveHandler = (event) => {
|
|
72
|
+
if (!this[PRIVATE].isPointerLocked)
|
|
73
|
+
return;
|
|
74
|
+
const movementX =
|
|
75
|
+
// @ts-ignore
|
|
76
|
+
event.movementX || event.mozMovementX || event.webkitMovementX || 0;
|
|
77
|
+
const movementY =
|
|
78
|
+
// @ts-ignore
|
|
79
|
+
event.movementY || event.mozMovementY || event.webkitMovementY || 0;
|
|
80
|
+
playerRig.rotation.y -= movementX * 0.002;
|
|
81
|
+
cameraRig.rotation.x -= movementY * 0.002;
|
|
82
|
+
xrDevice.quaternion.copy(cameraRig.getWorldQuaternion(new Quaternion()));
|
|
83
|
+
};
|
|
84
|
+
this[PRIVATE] = {
|
|
85
|
+
canvasContainer,
|
|
86
|
+
renderer,
|
|
87
|
+
scene,
|
|
88
|
+
camera,
|
|
89
|
+
playerRig,
|
|
90
|
+
cameraRig,
|
|
91
|
+
xrDevice,
|
|
92
|
+
transformHandles,
|
|
93
|
+
headsetDefaultPosition: cameraRig.position.clone(),
|
|
94
|
+
headsetDefaultQuaternion: cameraRig.quaternion.clone(),
|
|
95
|
+
resizeObserver,
|
|
96
|
+
isPointerLocked: false,
|
|
97
|
+
vec3: new Vector3(),
|
|
98
|
+
quat: new Quaternion(),
|
|
99
|
+
mouseMoveHandler,
|
|
100
|
+
keyState: {
|
|
101
|
+
ShiftLeft: false,
|
|
102
|
+
KeyW: false,
|
|
103
|
+
KeyA: false,
|
|
104
|
+
KeyS: false,
|
|
105
|
+
KeyD: false,
|
|
106
|
+
ArrowUp: false,
|
|
107
|
+
ArrowDown: false,
|
|
108
|
+
},
|
|
109
|
+
movePlayerRig: () => this.movePlayerRig(),
|
|
110
|
+
moveInterval: null,
|
|
111
|
+
forwardHtmlEvents: forwardHtmlEvents(renderer.domElement, () => camera, scene).update,
|
|
112
|
+
};
|
|
113
|
+
document.addEventListener('pointerlockchange', this.pointerLockChangeHandler.bind(this), false);
|
|
114
|
+
document.addEventListener('mozpointerlockchange', this.pointerLockChangeHandler.bind(this), false);
|
|
115
|
+
document.addEventListener('webkitpointerlockchange', this.pointerLockChangeHandler.bind(this), false);
|
|
116
|
+
document.addEventListener('keydown', this.keyDownHandler.bind(this), false);
|
|
117
|
+
document.addEventListener('keyup', this.keyUpHandler.bind(this), false);
|
|
118
|
+
renderer.setAnimationLoop(this.renderScene.bind(this));
|
|
119
|
+
}
|
|
120
|
+
lockPointer() {
|
|
121
|
+
this[PRIVATE].renderer.domElement.requestPointerLock =
|
|
122
|
+
this[PRIVATE].renderer.domElement.requestPointerLock ||
|
|
123
|
+
// @ts-ignore
|
|
124
|
+
this[PRIVATE].renderer.domElement.mozRequestPointerLock ||
|
|
125
|
+
// @ts-ignore
|
|
126
|
+
this[PRIVATE].renderer.domElement.webkitRequestPointerLock;
|
|
127
|
+
this[PRIVATE].renderer.domElement.requestPointerLock();
|
|
128
|
+
}
|
|
129
|
+
pointerLockChangeHandler() {
|
|
130
|
+
this[PRIVATE].isPointerLocked =
|
|
131
|
+
document.pointerLockElement === this[PRIVATE].renderer.domElement ||
|
|
132
|
+
// @ts-ignore
|
|
133
|
+
document.mozPointerLockElement === this[PRIVATE].renderer.domElement ||
|
|
134
|
+
// @ts-ignore
|
|
135
|
+
document.webkitPointerLockElement === this[PRIVATE].renderer.domElement;
|
|
136
|
+
if (this[PRIVATE].isPointerLocked) {
|
|
137
|
+
document.addEventListener('mousemove', this[PRIVATE].mouseMoveHandler, false);
|
|
138
|
+
Object.values(this[PRIVATE].transformHandles).forEach((transformHandle) => {
|
|
139
|
+
transformHandle.visible = false;
|
|
140
|
+
});
|
|
141
|
+
}
|
|
142
|
+
else {
|
|
143
|
+
document.removeEventListener('mousemove', this[PRIVATE].mouseMoveHandler, false);
|
|
144
|
+
Object.values(this[PRIVATE].transformHandles).forEach((transformHandle) => {
|
|
145
|
+
transformHandle.visible = true;
|
|
146
|
+
});
|
|
147
|
+
}
|
|
148
|
+
}
|
|
149
|
+
keyDownHandler(event) {
|
|
150
|
+
const { keyState, movePlayerRig, moveInterval } = this[PRIVATE];
|
|
151
|
+
if (event.code in keyState) {
|
|
152
|
+
keyState[event.code] = true;
|
|
153
|
+
}
|
|
154
|
+
if (keyState.ShiftLeft &&
|
|
155
|
+
(keyState.KeyW || keyState.KeyA || keyState.KeyS || keyState.KeyD)) {
|
|
156
|
+
if (!moveInterval) {
|
|
157
|
+
this[PRIVATE].moveInterval = window.setInterval(movePlayerRig, 16);
|
|
158
|
+
}
|
|
159
|
+
}
|
|
160
|
+
if (keyState.ShiftLeft && keyState.ArrowUp) {
|
|
161
|
+
this[PRIVATE].cameraRig.position.y += 0.05;
|
|
162
|
+
}
|
|
163
|
+
if (keyState.ShiftLeft && keyState.ArrowDown) {
|
|
164
|
+
this[PRIVATE].cameraRig.position.y -= 0.05;
|
|
165
|
+
}
|
|
166
|
+
}
|
|
167
|
+
keyUpHandler(event) {
|
|
168
|
+
const { keyState, moveInterval } = this[PRIVATE];
|
|
169
|
+
if (event.code in keyState) {
|
|
170
|
+
keyState[event.code] = false;
|
|
171
|
+
}
|
|
172
|
+
if (!keyState.ShiftLeft ||
|
|
173
|
+
!(keyState.KeyW || keyState.KeyA || keyState.KeyS || keyState.KeyD)) {
|
|
174
|
+
if (moveInterval) {
|
|
175
|
+
window.clearInterval(moveInterval);
|
|
176
|
+
this[PRIVATE].moveInterval = null;
|
|
177
|
+
}
|
|
178
|
+
}
|
|
179
|
+
}
|
|
180
|
+
movePlayerRig() {
|
|
181
|
+
const { playerRig, keyState, vec3 } = this[PRIVATE];
|
|
182
|
+
vec3.set((keyState.KeyD ? 1 : 0) - (keyState.KeyA ? 1 : 0), 0, (keyState.KeyS ? 1 : 0) - (keyState.KeyW ? 1 : 0));
|
|
183
|
+
if (vec3.lengthSq() > 0) {
|
|
184
|
+
vec3
|
|
185
|
+
.normalize()
|
|
186
|
+
.multiplyScalar(FREE_MOVEMENT_SPEED)
|
|
187
|
+
.applyQuaternion(playerRig.quaternion);
|
|
188
|
+
playerRig.position.add(vec3);
|
|
189
|
+
}
|
|
190
|
+
}
|
|
191
|
+
syncFovy() {
|
|
192
|
+
this[PRIVATE].camera.fov = (this[PRIVATE].xrDevice.fovy / Math.PI) * 180;
|
|
193
|
+
this[PRIVATE].camera.updateProjectionMatrix();
|
|
194
|
+
}
|
|
195
|
+
resetDeviceTransforms() {
|
|
196
|
+
const { playerRig, cameraRig, transformHandles } = this[PRIVATE];
|
|
197
|
+
cameraRig.position.copy(this[PRIVATE].headsetDefaultPosition);
|
|
198
|
+
cameraRig.quaternion.set(0, 0, 0, 1);
|
|
199
|
+
playerRig.position.set(0, 0, 0);
|
|
200
|
+
playerRig.quaternion.set(0, 0, 0, 1);
|
|
201
|
+
transformHandles.forEach((transformHandle) => {
|
|
202
|
+
transformHandle.position.fromArray(transformHandle.userData.defaultPosition);
|
|
203
|
+
transformHandle.quaternion.fromArray(transformHandle.userData.defaultQuaternion);
|
|
204
|
+
});
|
|
205
|
+
this.syncDeviceTransforms();
|
|
206
|
+
}
|
|
207
|
+
syncDeviceTransforms() {
|
|
208
|
+
const { xrDevice, cameraRig, transformHandles } = this[PRIVATE];
|
|
209
|
+
xrDevice.position.copy(cameraRig.getWorldPosition(this[PRIVATE].vec3));
|
|
210
|
+
xrDevice.quaternion.copy(cameraRig.getWorldQuaternion(this[PRIVATE].quat));
|
|
211
|
+
transformHandles.forEach((transformHandle, handedness) => {
|
|
212
|
+
xrDevice.controllers[handedness].position.copy(transformHandle.getWorldPosition(this[PRIVATE].vec3));
|
|
213
|
+
xrDevice.controllers[handedness].quaternion.copy(transformHandle.getWorldQuaternion(this[PRIVATE].quat));
|
|
214
|
+
});
|
|
215
|
+
}
|
|
216
|
+
renderScene(time) {
|
|
217
|
+
this[PRIVATE].forwardHtmlEvents();
|
|
218
|
+
this[PRIVATE].transformHandles.forEach((transformHandle, handedness) => {
|
|
219
|
+
var _a;
|
|
220
|
+
const connected = Boolean((_a = this[PRIVATE].xrDevice.controllers[handedness]) === null || _a === void 0 ? void 0 : _a.connected);
|
|
221
|
+
transformHandle.visible = connected;
|
|
222
|
+
if (connected) {
|
|
223
|
+
transformHandle.update(time, this[PRIVATE].camera);
|
|
224
|
+
}
|
|
225
|
+
});
|
|
226
|
+
this.syncDeviceTransforms();
|
|
227
|
+
this[PRIVATE].renderer.render(this[PRIVATE].scene, this[PRIVATE].camera);
|
|
228
|
+
}
|
|
229
|
+
get domElement() {
|
|
230
|
+
return this[PRIVATE].renderer.domElement;
|
|
231
|
+
}
|
|
232
|
+
resize() {
|
|
233
|
+
const width = this[PRIVATE].canvasContainer.offsetWidth;
|
|
234
|
+
const height = this[PRIVATE].canvasContainer.offsetHeight;
|
|
235
|
+
this[PRIVATE].renderer.setSize(width, height);
|
|
236
|
+
this[PRIVATE].camera.aspect = width / height;
|
|
237
|
+
this[PRIVATE].camera.updateProjectionMatrix();
|
|
238
|
+
}
|
|
239
|
+
dispose() {
|
|
240
|
+
this[PRIVATE].resizeObserver.disconnect();
|
|
241
|
+
this[PRIVATE].renderer.dispose();
|
|
242
|
+
document.removeEventListener('pointerlockchange', this.pointerLockChangeHandler.bind(this), false);
|
|
243
|
+
document.removeEventListener('mozpointerlockchange', this.pointerLockChangeHandler.bind(this), false);
|
|
244
|
+
document.removeEventListener('webkitpointerlockchange', this.pointerLockChangeHandler.bind(this), false);
|
|
245
|
+
document.removeEventListener('mousemove', this[PRIVATE].mouseMoveHandler, false);
|
|
246
|
+
document.removeEventListener('keydown', this.keyDownHandler.bind(this), false);
|
|
247
|
+
document.removeEventListener('keyup', this.keyUpHandler.bind(this), false);
|
|
248
|
+
}
|
|
249
|
+
}
|
|
250
|
+
//# sourceMappingURL=scene.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"scene.js","sourceRoot":"","sources":["../../src/scene.ts"],"names":[],"mappings":"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"}
|
package/lib/version.d.ts
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"version.d.ts","sourceRoot":"","sources":["../src/version.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO,UAAU,CAAC"}
|
package/lib/version.js
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"version.js","sourceRoot":"","sources":["../src/version.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,OAAO,GAAG,OAAO,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@iwer/devui",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "1.0.0",
|
|
4
4
|
"description": "Dev UI for IWER",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "lib/index.js",
|
|
@@ -10,6 +10,7 @@
|
|
|
10
10
|
"lib"
|
|
11
11
|
],
|
|
12
12
|
"scripts": {
|
|
13
|
+
"prebuild": "node -p \"'export const VERSION = ' + JSON.stringify(require('./package.json').version) + ';'\" > src/version.ts",
|
|
13
14
|
"build": "tsc && rollup -c"
|
|
14
15
|
},
|
|
15
16
|
"repository": {
|
|
@@ -27,13 +28,15 @@
|
|
|
27
28
|
"@fortawesome/fontawesome-svg-core": "6.6.0",
|
|
28
29
|
"@fortawesome/free-solid-svg-icons": "6.6.0",
|
|
29
30
|
"@fortawesome/react-fontawesome": "0.2.2",
|
|
31
|
+
"@pmndrs/handle": "^6.5.5",
|
|
32
|
+
"@pmndrs/pointer-events": "^6.5.5",
|
|
30
33
|
"react": "18.3.1",
|
|
31
34
|
"react-dom": "18.3.1",
|
|
32
35
|
"styled-components": "6.1.13",
|
|
33
|
-
"three": "0.
|
|
36
|
+
"three": "^0.165.0"
|
|
34
37
|
},
|
|
35
38
|
"peerDependencies": {
|
|
36
|
-
"iwer": "^
|
|
39
|
+
"iwer": "^2.0.0"
|
|
37
40
|
},
|
|
38
41
|
"devDependencies": {
|
|
39
42
|
"@rollup/plugin-babel": "^6.0.4",
|