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
|
@@ -0,0 +1,189 @@
|
|
|
1
|
+
<html>
|
|
2
|
+
<head>
|
|
3
|
+
<title>Display Image | 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
|
+
</head>
|
|
8
|
+
<style>
|
|
9
|
+
#display,
|
|
10
|
+
#cameraVideo {
|
|
11
|
+
background-color: black;
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
#cameraVideo,
|
|
15
|
+
#image,
|
|
16
|
+
#canvas {
|
|
17
|
+
height: 400;
|
|
18
|
+
max-width: fit-content;
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
.verticalLabel {
|
|
22
|
+
display: inline-flex;
|
|
23
|
+
flex-direction: column;
|
|
24
|
+
max-width: fit-content;
|
|
25
|
+
}
|
|
26
|
+
</style>
|
|
27
|
+
<body>
|
|
28
|
+
<nav>
|
|
29
|
+
<a href="../../">home</a>
|
|
30
|
+
</nav>
|
|
31
|
+
|
|
32
|
+
<h1>Display Image | BrilliantSole JavaScript SDK</h1>
|
|
33
|
+
|
|
34
|
+
<div>
|
|
35
|
+
<label
|
|
36
|
+
>webSocket url
|
|
37
|
+
<input id="webSocketUrl" type="url" placeholder="localhost"
|
|
38
|
+
/></label>
|
|
39
|
+
<button id="toggleClientConnection">connect to server</button>
|
|
40
|
+
|
|
41
|
+
<label>
|
|
42
|
+
is scanning available?
|
|
43
|
+
<input id="isScanningAvailable" type="checkbox" readonly disabled />
|
|
44
|
+
</label>
|
|
45
|
+
<button id="toggleScan" disabled>scan</button>
|
|
46
|
+
</div>
|
|
47
|
+
|
|
48
|
+
<br />
|
|
49
|
+
|
|
50
|
+
<button id="toggleConnection">connect</button>
|
|
51
|
+
|
|
52
|
+
<label>
|
|
53
|
+
select image
|
|
54
|
+
<input type="file" id="imageInput" accept="image/*" />
|
|
55
|
+
</label>
|
|
56
|
+
|
|
57
|
+
<button id="redrawImage">redraw image</button>
|
|
58
|
+
|
|
59
|
+
<label>
|
|
60
|
+
camera
|
|
61
|
+
<select id="cameraInput">
|
|
62
|
+
<optgroup label="select camera"></optgroup>
|
|
63
|
+
</select>
|
|
64
|
+
</label>
|
|
65
|
+
|
|
66
|
+
<button id="toggleMirrorCamera">mirror camera</button>
|
|
67
|
+
|
|
68
|
+
<label>
|
|
69
|
+
use grayscale
|
|
70
|
+
<input type="checkbox" id="useGrayscale" />
|
|
71
|
+
</label>
|
|
72
|
+
|
|
73
|
+
<label>
|
|
74
|
+
redraw on change
|
|
75
|
+
<input type="checkbox" id="redrawOnChange" />
|
|
76
|
+
</label>
|
|
77
|
+
|
|
78
|
+
<label>
|
|
79
|
+
autodraw video
|
|
80
|
+
<input type="checkbox" id="autoDrawVideo" />
|
|
81
|
+
</label>
|
|
82
|
+
|
|
83
|
+
<label>
|
|
84
|
+
use image segmentation
|
|
85
|
+
<input type="checkbox" id="useImageSegmentation" />
|
|
86
|
+
</label>
|
|
87
|
+
|
|
88
|
+
<br />
|
|
89
|
+
|
|
90
|
+
<div id="displayColors">
|
|
91
|
+
<template id="displayColorTemplate">
|
|
92
|
+
<label class="displayColor">
|
|
93
|
+
<span hidden class="colorIndex"></span>
|
|
94
|
+
<input type="color" value="#000000" />
|
|
95
|
+
</label>
|
|
96
|
+
</template>
|
|
97
|
+
</div>
|
|
98
|
+
|
|
99
|
+
<br />
|
|
100
|
+
|
|
101
|
+
<label class="verticalLabel">
|
|
102
|
+
<span>brightness</span>
|
|
103
|
+
<select id="setDisplayBrightnessSelect">
|
|
104
|
+
<optgroup label="select brightness"></optgroup>
|
|
105
|
+
</select>
|
|
106
|
+
</label>
|
|
107
|
+
|
|
108
|
+
<label id="drawX" class="verticalLabel">
|
|
109
|
+
<span>x (<span class="value">320</span>px)</span>
|
|
110
|
+
<input type="range" min="0" max="640" step="5" value="320" />
|
|
111
|
+
</label>
|
|
112
|
+
<label id="drawY" class="verticalLabel">
|
|
113
|
+
<span>y (<span class="value">200</span>px)</span>
|
|
114
|
+
<input type="range" min="0" max="400" step="5" value="200" />
|
|
115
|
+
</label>
|
|
116
|
+
|
|
117
|
+
<label id="drawInputHeight" class="verticalLabel">
|
|
118
|
+
<span>input height (<span class="value">200</span>px)</span>
|
|
119
|
+
<input type="range" min="10" max="400" step="5" value="200" />
|
|
120
|
+
</label>
|
|
121
|
+
|
|
122
|
+
<label id="drawOutputHeight" class="verticalLabel">
|
|
123
|
+
<span>output height (<span class="value">200</span>px)</span>
|
|
124
|
+
<input type="range" min="10" max="400" step="5" value="200" />
|
|
125
|
+
</label>
|
|
126
|
+
|
|
127
|
+
<label class="verticalLabel">
|
|
128
|
+
<span>pixel depth</span>
|
|
129
|
+
<select id="pixelDepth">
|
|
130
|
+
<optgroup label="pixel depth"></optgroup>
|
|
131
|
+
</select>
|
|
132
|
+
</label>
|
|
133
|
+
|
|
134
|
+
<br />
|
|
135
|
+
|
|
136
|
+
<button disabled id="focusCamera">focus camera</button>
|
|
137
|
+
<button disabled id="takePicture">take picture</button>
|
|
138
|
+
<progress value="0" id="cameraImageProgress"></progress>
|
|
139
|
+
<label>auto picture: <input type="checkbox" id="autoPicture" /> </label>
|
|
140
|
+
|
|
141
|
+
<br />
|
|
142
|
+
|
|
143
|
+
<label>
|
|
144
|
+
file transfer progress: <span></span>
|
|
145
|
+
<progress value="0" id="fileTransferProgress"></progress>
|
|
146
|
+
</label>
|
|
147
|
+
|
|
148
|
+
<label>
|
|
149
|
+
draw progress: <span></span>
|
|
150
|
+
<progress value="0" id="drawProgress"></progress>
|
|
151
|
+
</label>
|
|
152
|
+
|
|
153
|
+
<br />
|
|
154
|
+
|
|
155
|
+
<canvas id="display" width="640" height="400"></canvas>
|
|
156
|
+
<canvas hidden id="canvas" width="640" height="400"></canvas>
|
|
157
|
+
<image hidden id="image" width="640" height="400"></image>
|
|
158
|
+
<video hidden id="cameraVideo" autoplay playsinline width="640"></video>
|
|
159
|
+
|
|
160
|
+
<br />
|
|
161
|
+
|
|
162
|
+
<div>
|
|
163
|
+
<label>
|
|
164
|
+
<b>camera configuration: </b>
|
|
165
|
+
<pre id="cameraConfigurationPre"></pre>
|
|
166
|
+
</label>
|
|
167
|
+
|
|
168
|
+
<label>
|
|
169
|
+
take picture after update?
|
|
170
|
+
<input type="checkbox" id="takePictureAfterUpdate" />
|
|
171
|
+
</label>
|
|
172
|
+
|
|
173
|
+
<div id="cameraConfiguration">
|
|
174
|
+
<template id="cameraConfigurationTypeTemplate">
|
|
175
|
+
<div class="cameraConfigurationType">
|
|
176
|
+
<label>
|
|
177
|
+
<input class="value" type="range" value="" disabled />
|
|
178
|
+
<b class="type"></b> <span></span>
|
|
179
|
+
</label>
|
|
180
|
+
</div>
|
|
181
|
+
</template>
|
|
182
|
+
</div>
|
|
183
|
+
<label>
|
|
184
|
+
<b>white balance</b>
|
|
185
|
+
<input type="color" id="cameraWhiteBalance" disabled />
|
|
186
|
+
</label>
|
|
187
|
+
</div>
|
|
188
|
+
</body>
|
|
189
|
+
</html>
|