brilliantsole 0.0.29 → 0.0.30
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/brilliantsole.cjs +5630 -494
- package/build/brilliantsole.cjs.map +1 -1
- package/build/brilliantsole.js +21293 -3088
- package/build/brilliantsole.js.map +1 -1
- package/build/brilliantsole.ls.js +23153 -6240
- package/build/brilliantsole.ls.js.map +1 -1
- package/build/brilliantsole.min.js +1 -1
- package/build/brilliantsole.min.js.map +1 -1
- package/build/brilliantsole.module.d.ts +1158 -74
- package/build/brilliantsole.module.js +21259 -3089
- package/build/brilliantsole.module.js.map +1 -1
- package/build/brilliantsole.module.min.d.ts +1158 -74
- package/build/brilliantsole.module.min.js +1 -1
- package/build/brilliantsole.module.min.js.map +1 -1
- package/build/brilliantsole.node.module.d.ts +869 -70
- package/build/brilliantsole.node.module.js +5608 -495
- package/build/brilliantsole.node.module.js.map +1 -1
- package/build/dts/BS.d.ts +20 -1
- package/build/dts/Device.d.ts +135 -13
- package/build/dts/DeviceManager.d.ts +3 -3
- package/build/dts/DisplayManager.d.ts +320 -0
- package/build/dts/FileTransferManager.d.ts +10 -4
- package/build/dts/connection/BaseConnectionManager.d.ts +2 -2
- package/build/dts/connection/bluetooth/BluetoothUUID.d.ts +12 -0
- package/build/dts/devicePair/DevicePair.d.ts +5 -5
- package/build/dts/sensor/SensorConfigurationManager.d.ts +2 -1
- package/build/dts/server/BaseClient.d.ts +4 -4
- package/build/dts/server/udp/UDPUtils.d.ts +1 -1
- package/build/dts/utils/ArrayBufferUtils.d.ts +1 -0
- package/build/dts/utils/BitmapUtils.d.ts +17 -0
- package/build/dts/utils/ColorUtils.d.ts +5 -0
- package/build/dts/utils/DisplayBitmapUtils.d.ts +47 -0
- package/build/dts/utils/DisplayCanvasHelper.d.ts +270 -0
- package/build/dts/utils/DisplayContextCommand.d.ts +300 -0
- package/build/dts/utils/DisplayContextState.d.ts +51 -0
- package/build/dts/utils/DisplayContextStateHelper.d.ts +9 -0
- package/build/dts/utils/DisplayManagerInterface.d.ts +173 -0
- package/build/dts/utils/DisplaySpriteSheetUtils.d.ts +72 -0
- package/build/dts/utils/DisplayUtils.d.ts +70 -0
- package/build/dts/utils/MathUtils.d.ts +16 -0
- package/build/dts/utils/PathUtils.d.ts +4 -0
- package/build/dts/utils/RangeHelper.d.ts +7 -0
- package/build/dts/utils/SpriteSheetUtils.d.ts +20 -0
- package/build/index.d.ts +1156 -72
- package/build/index.node.d.ts +867 -68
- package/examples/3d-generic/index.html +5 -0
- package/examples/3d-generic/script.js +1 -0
- package/examples/basic/index.html +335 -0
- package/examples/basic/script.js +1303 -3
- package/examples/camera/utils.js +1 -1
- package/examples/display-3d/index.html +195 -0
- package/examples/display-3d/script.js +1235 -0
- package/examples/display-canvas/aframe.js +42950 -0
- package/examples/display-canvas/index.html +245 -0
- package/examples/display-canvas/script.js +2312 -0
- package/examples/display-image/index.html +189 -0
- package/examples/display-image/script.js +1093 -0
- package/examples/display-spritesheet/index.html +960 -0
- package/examples/display-spritesheet/script.js +4243 -0
- package/examples/display-text/index.html +195 -0
- package/examples/display-text/script.js +1418 -0
- package/examples/display-wireframe/index.html +204 -0
- package/examples/display-wireframe/script.js +1167 -0
- package/examples/glasses-gestures/index.html +6 -1
- package/examples/glasses-gestures/script.js +10 -8
- package/examples/microphone/index.html +3 -1
- package/examples/punch/index.html +4 -1
- package/examples/server/script.js +0 -1
- package/package.json +10 -2
- package/src/BS.ts +92 -1
- package/src/CameraManager.ts +6 -2
- package/src/Device.ts +544 -13
- package/src/DisplayManager.ts +2989 -0
- package/src/FileTransferManager.ts +79 -26
- package/src/InformationManager.ts +8 -7
- package/src/MicrophoneManager.ts +10 -3
- package/src/TfliteManager.ts +4 -2
- package/src/WifiManager.ts +4 -1
- package/src/connection/BaseConnectionManager.ts +2 -0
- package/src/connection/bluetooth/bluetoothUUIDs.ts +36 -1
- package/src/devicePair/DevicePairPressureSensorDataManager.ts +1 -1
- package/src/scanner/NobleScanner.ts +1 -1
- package/src/sensor/SensorConfigurationManager.ts +16 -8
- package/src/server/udp/UDPServer.ts +4 -4
- package/src/server/udp/UDPUtils.ts +1 -1
- package/src/server/websocket/WebSocketClient.ts +50 -1
- package/src/utils/ArrayBufferUtils.ts +23 -5
- package/src/utils/AudioUtils.ts +1 -1
- package/src/utils/ColorUtils.ts +66 -0
- package/src/utils/DisplayBitmapUtils.ts +695 -0
- package/src/utils/DisplayCanvasHelper.ts +4222 -0
- package/src/utils/DisplayContextCommand.ts +1566 -0
- package/src/utils/DisplayContextState.ts +138 -0
- package/src/utils/DisplayContextStateHelper.ts +48 -0
- package/src/utils/DisplayManagerInterface.ts +1356 -0
- package/src/utils/DisplaySpriteSheetUtils.ts +782 -0
- package/src/utils/DisplayUtils.ts +529 -0
- package/src/utils/EventDispatcher.ts +59 -14
- package/src/utils/MathUtils.ts +88 -2
- package/src/utils/ObjectUtils.ts +6 -1
- package/src/utils/PathUtils.ts +192 -0
- package/src/utils/RangeHelper.ts +15 -3
- package/src/utils/Timer.ts +1 -1
- package/src/utils/environment.ts +15 -6
- package/examples/microphone/gender.js +0 -54
package/examples/camera/utils.js
CHANGED
|
@@ -151,7 +151,7 @@ export function drawColorImage(uint8Array, width, height, canvas, context) {
|
|
|
151
151
|
const resizeCanvas = document.createElement("canvas");
|
|
152
152
|
const resizeContext = resizeCanvas.getContext("2d");
|
|
153
153
|
/**
|
|
154
|
-
* @param {
|
|
154
|
+
* @param {CanvasImageSource} image
|
|
155
155
|
* @param {number} newWidth
|
|
156
156
|
* @param {number} newHeight
|
|
157
157
|
*/
|
|
@@ -0,0 +1,195 @@
|
|
|
1
|
+
<html>
|
|
2
|
+
<head>
|
|
3
|
+
<title>Display 3D | BrilliantSole JavaScript SDK</title>
|
|
4
|
+
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
|
5
|
+
<link rel="shortcut icon" type="image/x-icon" href="/favicon.ico" />
|
|
6
|
+
<script type="module" src="./script.js"></script>
|
|
7
|
+
<script src="../utils/aframe/aframe-master.min.js"></script>
|
|
8
|
+
</head>
|
|
9
|
+
<style>
|
|
10
|
+
#display,
|
|
11
|
+
#cameraVideo {
|
|
12
|
+
background-color: black;
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
#cameraVideo,
|
|
16
|
+
#image,
|
|
17
|
+
#canvas {
|
|
18
|
+
height: 400;
|
|
19
|
+
max-width: fit-content;
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
.verticalLabel {
|
|
23
|
+
display: inline-flex;
|
|
24
|
+
flex-direction: column;
|
|
25
|
+
max-width: fit-content;
|
|
26
|
+
}
|
|
27
|
+
|
|
28
|
+
a-scene {
|
|
29
|
+
width: 640px;
|
|
30
|
+
height: 400px;
|
|
31
|
+
border: solid black;
|
|
32
|
+
box-sizing: border-box;
|
|
33
|
+
display: inline-block;
|
|
34
|
+
}
|
|
35
|
+
|
|
36
|
+
img.selected {
|
|
37
|
+
border: solid green 10px;
|
|
38
|
+
}
|
|
39
|
+
</style>
|
|
40
|
+
<body>
|
|
41
|
+
<nav>
|
|
42
|
+
<a href="../../">home</a>
|
|
43
|
+
</nav>
|
|
44
|
+
|
|
45
|
+
<h1>Display 3D | BrilliantSole JavaScript SDK</h1>
|
|
46
|
+
|
|
47
|
+
<br />
|
|
48
|
+
|
|
49
|
+
<button id="toggleConnection">connect</button>
|
|
50
|
+
<button id="toggleRotationConnection">connect to rotator</button>
|
|
51
|
+
|
|
52
|
+
<label>
|
|
53
|
+
select model
|
|
54
|
+
<input
|
|
55
|
+
type="file"
|
|
56
|
+
id="modelInput"
|
|
57
|
+
accept=".glb,.gltf,model/gltf-binary,model/gltf+json"
|
|
58
|
+
/>
|
|
59
|
+
</label>
|
|
60
|
+
|
|
61
|
+
<button id="generateSpriteSheet">create spriteSheet</button>
|
|
62
|
+
|
|
63
|
+
<button id="draw">draw</button>
|
|
64
|
+
|
|
65
|
+
<label>
|
|
66
|
+
redraw on change
|
|
67
|
+
<input checked type="checkbox" id="redrawOnChange" />
|
|
68
|
+
</label>
|
|
69
|
+
|
|
70
|
+
<label>
|
|
71
|
+
auto draw
|
|
72
|
+
<input type="checkbox" id="autoDraw" />
|
|
73
|
+
</label>
|
|
74
|
+
|
|
75
|
+
<label>
|
|
76
|
+
enable rotation
|
|
77
|
+
<input type="checkbox" id="toggleRotation" />
|
|
78
|
+
</label>
|
|
79
|
+
|
|
80
|
+
<button id="resetOrientation">reset orientation</button>
|
|
81
|
+
|
|
82
|
+
<br />
|
|
83
|
+
|
|
84
|
+
<div id="displayColors">
|
|
85
|
+
<template id="displayColorTemplate">
|
|
86
|
+
<label class="displayColor">
|
|
87
|
+
<span hidden class="colorIndex"></span>
|
|
88
|
+
<input type="color" value="#000000" />
|
|
89
|
+
</label>
|
|
90
|
+
</template>
|
|
91
|
+
</div>
|
|
92
|
+
|
|
93
|
+
<br />
|
|
94
|
+
|
|
95
|
+
<label class="verticalLabel">
|
|
96
|
+
<span>brightness</span>
|
|
97
|
+
<select id="setDisplayBrightnessSelect">
|
|
98
|
+
<optgroup label="select brightness"></optgroup>
|
|
99
|
+
</select>
|
|
100
|
+
</label>
|
|
101
|
+
|
|
102
|
+
<label id="drawX" class="verticalLabel">
|
|
103
|
+
<span>x (<span class="value">320</span>px)</span>
|
|
104
|
+
<input type="range" min="0" max="640" step="5" value="320" />
|
|
105
|
+
</label>
|
|
106
|
+
<label id="drawY" class="verticalLabel">
|
|
107
|
+
<span>y (<span class="value">200</span>px)</span>
|
|
108
|
+
<input type="range" min="0" max="400" step="5" value="200" />
|
|
109
|
+
</label>
|
|
110
|
+
<label id="drawRotation" class="verticalLabel">
|
|
111
|
+
<span>rotation (<span class="value">0</span>deg)</span>
|
|
112
|
+
<input type="range" min="-360" max="360" step="5" value="0" />
|
|
113
|
+
</label>
|
|
114
|
+
|
|
115
|
+
<label id="drawInputHeight" class="verticalLabel">
|
|
116
|
+
<span>input height (<span class="value">40</span>px)</span>
|
|
117
|
+
<input type="range" min="10" max="400" step="5" value="40" />
|
|
118
|
+
</label>
|
|
119
|
+
|
|
120
|
+
<label id="drawOutputHeight" class="verticalLabel">
|
|
121
|
+
<span>output height (<span class="value">200</span>px)</span>
|
|
122
|
+
<input type="range" min="10" max="400" step="5" value="200" />
|
|
123
|
+
</label>
|
|
124
|
+
|
|
125
|
+
<label class="verticalLabel">
|
|
126
|
+
<span>pixel depth</span>
|
|
127
|
+
<select id="pixelDepth">
|
|
128
|
+
<optgroup label="pixel depth"></optgroup>
|
|
129
|
+
</select>
|
|
130
|
+
</label>
|
|
131
|
+
|
|
132
|
+
<br />
|
|
133
|
+
|
|
134
|
+
<label>
|
|
135
|
+
file transfer progress: <span></span>
|
|
136
|
+
<progress value="0" id="fileTransferProgress"></progress>
|
|
137
|
+
</label>
|
|
138
|
+
|
|
139
|
+
<button id="checkSpriteSheetSize">check spritesheet size</button>
|
|
140
|
+
|
|
141
|
+
<br />
|
|
142
|
+
|
|
143
|
+
<canvas id="display" width="640" height="400"></canvas>
|
|
144
|
+
|
|
145
|
+
<a-scene
|
|
146
|
+
id="scene"
|
|
147
|
+
embedded
|
|
148
|
+
xr-mode-ui="enabled: false;"
|
|
149
|
+
device-orientation-permission-ui="enabled: false"
|
|
150
|
+
renderer="colorManagement: true;"
|
|
151
|
+
>
|
|
152
|
+
<a-assets>
|
|
153
|
+
<a-asset-item
|
|
154
|
+
id="leftInsoleModel"
|
|
155
|
+
src="../../assets/3d/leftInsole.glb"
|
|
156
|
+
></a-asset-item>
|
|
157
|
+
<a-asset-item
|
|
158
|
+
id="rightInsoleModel"
|
|
159
|
+
src="../../assets/3d/rightInsole.glb"
|
|
160
|
+
></a-asset-item>
|
|
161
|
+
<a-asset-item
|
|
162
|
+
id="rightHandModel"
|
|
163
|
+
src="../../assets/3d/rightHand.glb"
|
|
164
|
+
></a-asset-item>
|
|
165
|
+
</a-assets>
|
|
166
|
+
<a-light type="directional" position="2 2 -2" target=".target"></a-light>
|
|
167
|
+
<a-light type="directional" position="-2 2 2" target=".target"></a-light>
|
|
168
|
+
<a-light type="directional" position="2 -2 2" target=".target"></a-light>
|
|
169
|
+
<a-light type="ambient" light="intensity: 0.5;"></a-light>
|
|
170
|
+
|
|
171
|
+
<a-entity light="color: #BBB; type: ambient;"></a-entity>
|
|
172
|
+
|
|
173
|
+
<a-entity id="cameraRig" wasd-controls look-controls position="0 0 3">
|
|
174
|
+
<a-camera
|
|
175
|
+
id="camera"
|
|
176
|
+
position="0 0 0"
|
|
177
|
+
look-controls="enabled: false"
|
|
178
|
+
wasd-controls="enabled: false;"
|
|
179
|
+
camera="fov: 50"
|
|
180
|
+
>
|
|
181
|
+
<a-entity visible="false" position="0 0 -1">
|
|
182
|
+
<a-entity id="test"></a-entity>
|
|
183
|
+
</a-entity>
|
|
184
|
+
</a-camera>
|
|
185
|
+
</a-entity>
|
|
186
|
+
|
|
187
|
+
<a-entity id="rotation">
|
|
188
|
+
<a-entity id="position" position="0 0 0.005">
|
|
189
|
+
<a-entity id="model" position="0 0 0"></a-entity>
|
|
190
|
+
</a-entity>
|
|
191
|
+
</a-entity>
|
|
192
|
+
<a-entity id="lookAt"></a-entity>
|
|
193
|
+
</a-scene>
|
|
194
|
+
</body>
|
|
195
|
+
</html>
|