@operato/scene-indoor-map 0.0.16

Sign up to get free protection for your applications and to get access to all the features.
Files changed (95) hide show
  1. package/@types/global/index.d.ts +1 -0
  2. package/CHANGELOG.md +16 -0
  3. package/LICENSE +21 -0
  4. package/README.md +15 -0
  5. package/assets/beacon.png +0 -0
  6. package/assets/indoor-map.png +0 -0
  7. package/assets/no-image.png +0 -0
  8. package/assets/rack.png +0 -0
  9. package/demo/imu-mqtt-node/imu-publisher.js +66 -0
  10. package/demo/imu-mqtt-node/package.json +16 -0
  11. package/demo/index-camera.html +108 -0
  12. package/demo/index-gaussian.html +184 -0
  13. package/demo/index-indoor-map-property.html +96 -0
  14. package/demo/index-indoor-map.html +289 -0
  15. package/demo/index-rack-property.html +76 -0
  16. package/demo/index.html +365 -0
  17. package/demo/things-scene-indoor-map.html +6 -0
  18. package/dist/beacon.d.ts +19 -0
  19. package/dist/beacon.js +61 -0
  20. package/dist/beacon.js.map +1 -0
  21. package/dist/camera.d.ts +20 -0
  22. package/dist/camera.js +158 -0
  23. package/dist/camera.js.map +1 -0
  24. package/dist/editors/index.d.ts +5 -0
  25. package/dist/editors/index.js +11 -0
  26. package/dist/editors/index.js.map +1 -0
  27. package/dist/editors/things-editor-action.d.ts +7 -0
  28. package/dist/editors/things-editor-action.js +40 -0
  29. package/dist/editors/things-editor-action.js.map +1 -0
  30. package/dist/floor.d.ts +23 -0
  31. package/dist/floor.js +66 -0
  32. package/dist/floor.js.map +1 -0
  33. package/dist/index.d.ts +3 -0
  34. package/dist/index.js +10 -0
  35. package/dist/index.js.map +1 -0
  36. package/dist/indoor-map.d.ts +34 -0
  37. package/dist/indoor-map.js +161 -0
  38. package/dist/indoor-map.js.map +1 -0
  39. package/dist/quaternion.d.ts +39 -0
  40. package/dist/quaternion.js +79 -0
  41. package/dist/quaternion.js.map +1 -0
  42. package/dist/rack.d.ts +27 -0
  43. package/dist/rack.js +84 -0
  44. package/dist/rack.js.map +1 -0
  45. package/dist/templates/beacon.d.ts +15 -0
  46. package/dist/templates/beacon.js +16 -0
  47. package/dist/templates/beacon.js.map +1 -0
  48. package/dist/templates/camera.d.ts +20 -0
  49. package/dist/templates/camera.js +21 -0
  50. package/dist/templates/camera.js.map +1 -0
  51. package/dist/templates/index.d.ts +36 -0
  52. package/dist/templates/index.js +4 -0
  53. package/dist/templates/index.js.map +1 -0
  54. package/dist/templates/indoor-map.d.ts +16 -0
  55. package/dist/templates/indoor-map.js +17 -0
  56. package/dist/templates/indoor-map.js.map +1 -0
  57. package/dist/templates/rack.d.ts +22 -0
  58. package/dist/templates/rack.js +23 -0
  59. package/dist/templates/rack.js.map +1 -0
  60. package/helps/scene/component/indoor-map.ko.md +65 -0
  61. package/helps/scene/component/indoor-map.md +65 -0
  62. package/helps/scene/component/indoor-map.zh.md +65 -0
  63. package/helps/scene/component/rack.ko.md +17 -0
  64. package/helps/scene/component/rack.md +15 -0
  65. package/helps/scene/component/rack.zh.md +16 -0
  66. package/helps/scene/images/button-evnet-mapping-01.png +0 -0
  67. package/helps/scene/images/button-evnet-mapping-02.png +0 -0
  68. package/helps/scene/images/button-evnet-mapping-03.png +0 -0
  69. package/helps/scene/images/container-03.png +0 -0
  70. package/helps/scene/images/indoor-button-finish-01.gif +0 -0
  71. package/helps/scene/images/indoor-create-01.png +0 -0
  72. package/helps/scene/images/indoor-create-02.png +0 -0
  73. package/helps/scene/images/indoor-create-03.png +0 -0
  74. package/helps/scene/images/indoor-setting-01.png +0 -0
  75. package/images/icon-button.png +0 -0
  76. package/package.json +61 -0
  77. package/src/beacon.ts +69 -0
  78. package/src/camera.ts +207 -0
  79. package/src/editors/index.ts +11 -0
  80. package/src/editors/things-editor-action.ts +48 -0
  81. package/src/floor.ts +386 -0
  82. package/src/index.ts +9 -0
  83. package/src/indoor-map.ts +211 -0
  84. package/src/quaternion.ts +129 -0
  85. package/src/rack.ts +104 -0
  86. package/src/templates/beacon.ts +16 -0
  87. package/src/templates/camera.ts +21 -0
  88. package/src/templates/index.ts +4 -0
  89. package/src/templates/indoor-map.ts +18 -0
  90. package/src/templates/rack.ts +23 -0
  91. package/test/basic-test.html +67 -0
  92. package/test/index.html +22 -0
  93. package/things-scene.config.js +7 -0
  94. package/tsconfig.json +23 -0
  95. package/tsconfig.tsbuildinfo +1 -0
package/demo/index.html ADDED
@@ -0,0 +1,365 @@
1
+ <!doctype html>
2
+ <!--
3
+ @license
4
+ Copyright © HatioLab Inc. All rights reserved.
5
+ -->
6
+ <html>
7
+ <head>
8
+ <meta charset="utf-8">
9
+ <meta name="viewport" content="width=device-width, minimum-scale=1.0, initial-scale=1.0, user-scalable=yes">
10
+ <title>things-scene-indoor-map Demo</title>
11
+ <script src="../../webcomponentsjs/webcomponents-lite.min.js"></script>
12
+
13
+ <link rel="import" href="../../things-scene-viewer/things-scene-viewer.html">
14
+ <link rel="import" href="../../things-scene-modeler/things-scene-properties.html">
15
+
16
+ <link rel="import" href="./things-scene-indoor-map.html">
17
+
18
+ <style is="custom-style">
19
+
20
+ @font-face {
21
+ font-family: "Bitstream Vera Serif Bold";
22
+ src: url("fonts/VeraSeBd.ttf");
23
+ }
24
+
25
+ things-scene-viewer {
26
+ display: block;
27
+ width: 100%;
28
+ height: 560px;
29
+ }
30
+
31
+
32
+ </style>
33
+ </head>
34
+ <body unresolved>
35
+
36
+ <template is="dom-bind" id="app">
37
+ <p>An example of <code>&lt;things-scene-indoor-map&gt;</code>:</p>
38
+
39
+ <things-scene-viewer id='scene'
40
+ scene='{{scene}}'
41
+ selected='{{selected}}'
42
+ model='[[model]]'
43
+ mode="1">
44
+ <things-scene-layer type="selection-layer"></things-scene-layer>
45
+ <things-scene-layer type="modeling-layer"></things-scene-layer>
46
+ <things-scene-handler type="text-editor"></things-scene-handler>
47
+ <things-scene-handler type="move-handler"></things-scene-handler>
48
+ </things-scene-viewer>
49
+
50
+ <things-scene-properties scene="[[scene]]"
51
+ selected="[[selected]]"
52
+ model="{{target}}"
53
+ bounds="{{bounds}}">
54
+ <fieldset class="same-width">
55
+ <legend>Indoor Map Properties</legend>
56
+
57
+ <div>
58
+ <label>left</label>
59
+ <input type="number" value-as-number="{{target.left::change}}"/>
60
+ <label>top</label>
61
+ <input type="number" value-as-number="{{target.top::change}}"/>
62
+ <label>width</label>
63
+ <input type="number" value-as-number="{{target.width::change}}"/>
64
+ <label>height</label>
65
+ <input type="number" value-as-number="{{target.height::change}}"/>
66
+ </div>
67
+
68
+ <label>Active Floor</label>
69
+ <input type="number" value-as-number="{{target.activeIndex::change}}" min="0" max="100" step="1" numberonly="true" on-change="changeActive" />
70
+
71
+ <div>
72
+ <div>
73
+ <span id='add-floor' on-click="addFloor">+</span>
74
+ </div>
75
+
76
+ <template is="dom-repeat" items="[[floors]]">
77
+ <div>
78
+ <span>[[item.name]]</span>
79
+ <span>-</span>
80
+ </div>
81
+ </template>
82
+ </div>
83
+
84
+ </fieldset>
85
+ </things-scene-properties>
86
+
87
+ </template>
88
+
89
+ <script>
90
+ window.addEventListener('WebComponentsReady', function(e) {
91
+ var app = document.querySelector('#app')
92
+
93
+ app.model = {
94
+ width:1000,
95
+ height: 1000,
96
+ components: [{
97
+ type: 'indoor-map',
98
+ left: 100,
99
+ top: 100,
100
+ width: 600,
101
+ height: 400,
102
+ fontSize: 80,
103
+ fontColor: '#000000',
104
+ lineWidth: 10,
105
+ layoutConfig: {
106
+ activeIndex: 0
107
+ },
108
+ components: [{
109
+ type: 'floor',
110
+ name : 'floor Test',
111
+ fillStyle: 'green',
112
+ text: '11111',
113
+ width: 100,
114
+ height: 100,
115
+ depth: 100,
116
+ components: [{
117
+ type: 'beacon',
118
+ left: 22,
119
+ top: 286,
120
+ zPos: 100,
121
+ width: 100,
122
+ height: 100
123
+ }, {
124
+ type: 'beacon',
125
+ left: 440,
126
+ top: 300,
127
+ zPos: 100,
128
+ width: 100,
129
+ height: 100
130
+ }, {
131
+ type: 'beacon',
132
+ left: 20,
133
+ top: 20,
134
+ zPos: 0,
135
+ width: 100,
136
+ height: 100
137
+ }]
138
+ }, {
139
+ type: 'floor',
140
+ name : 'floor A',
141
+ fillStyle: 'green',
142
+ text: '11111',
143
+ // layout: 'table',
144
+ layoutConfig : {
145
+ columns: 4
146
+ },
147
+ padding : '30 50',
148
+ width: 100,
149
+ height: 100,
150
+ depth: 100,
151
+ components: [{
152
+ type: 'rack',
153
+ left: 100,
154
+ top: 220,
155
+ sheaf: 1,
156
+ width: 100,
157
+ height: 100,
158
+ depth: 100,
159
+ fillStyle: 'red',
160
+ lineWidth: 4
161
+ }, {
162
+ type: 'rack',
163
+ left: 300,
164
+ top: 320,
165
+ sheaf: 1,
166
+ width: 100,
167
+ height: 100,
168
+ depth: 100,
169
+ fillStyle: 'navy',
170
+ lineWidth: 4
171
+ }, {
172
+ type: 'rack',
173
+ left: 100,
174
+ top: 220,
175
+ sheaf: 1,
176
+ width: 100,
177
+ height: 100,
178
+ depth: 100,
179
+ fillStyle: 'blue',
180
+ lineWidth: 4
181
+ }, {
182
+ type: 'ellipse',
183
+ cx: 400,
184
+ cy: 200,
185
+ rx: 100,
186
+ ry: 100,
187
+ fillStyle: 'blue',
188
+ lineWidth: 4
189
+ }, {
190
+ type: 'ellipse',
191
+ cx: 400,
192
+ cy: 200,
193
+ rx: 100,
194
+ ry: 100,
195
+ fillStyle: 'violet',
196
+ lineWidth: 4
197
+ }, {
198
+ type: 'ellipse',
199
+ cx: 400,
200
+ cy: 200,
201
+ rx: 100,
202
+ ry: 100,
203
+ fillStyle: 'black',
204
+ lineWidth: 4
205
+ }]
206
+ }, {
207
+ type: 'floor',
208
+ name: 'floor B',
209
+ fillStyle: 'orange',
210
+ width: 100,
211
+ height: 100,
212
+ depth: 100,
213
+ components: [{
214
+ type: 'rack',
215
+ left: 100,
216
+ top: 220,
217
+ sheaf: 1,
218
+ width: 100,
219
+ height: 100,
220
+ depth: 100,
221
+ fillStyle: 'red',
222
+ lineWidth: 4
223
+ }, {
224
+ type: 'rack',
225
+ left: 300,
226
+ top: 320,
227
+ sheaf: 1,
228
+ width: 100,
229
+ height: 100,
230
+ depth: 100,
231
+ fillStyle: 'navy',
232
+ lineWidth: 4
233
+ }, {
234
+ type: 'rack',
235
+ left: 100,
236
+ top: 220,
237
+ sheaf: 1,
238
+ width: 100,
239
+ height: 100,
240
+ depth: 100,
241
+ fillStyle: 'blue',
242
+ lineWidth: 4
243
+ }]
244
+ }, {
245
+ type: 'floor',
246
+ name: 'floor C',
247
+ fillStyle: 'navy',
248
+ width: 100,
249
+ height: 100,
250
+ depth: 100,
251
+ layout: 'linear-horizontal',
252
+ components: [{
253
+ type: 'rack',
254
+ left: 100,
255
+ top: 220,
256
+ hidden: true,
257
+ sheaf: 1,
258
+ width: 100,
259
+ height: 100,
260
+ depth: 100,
261
+ fillStyle: 'red',
262
+ lineWidth: 4
263
+ }, {
264
+ type: 'rack',
265
+ left: 100,
266
+ top: 220,
267
+ sheaf: 1,
268
+ width: 100,
269
+ height: 100,
270
+ depth: 100,
271
+ fillStyle: 'red',
272
+ lineWidth: 4
273
+ }, {
274
+ type: 'rack',
275
+ left: 300,
276
+ top: 320,
277
+ sheaf: 1,
278
+ width: 100,
279
+ height: 100,
280
+ depth: 100,
281
+ fillStyle: 'navy',
282
+ lineWidth: 4
283
+ }, {
284
+ type: 'rack',
285
+ left: 100,
286
+ top: 220,
287
+ sheaf: 1,
288
+ width: 100,
289
+ height: 100,
290
+ depth: 100,
291
+ fillStyle: 'blue',
292
+ lineWidth: 4
293
+ }]
294
+ }, {
295
+ type: 'floor',
296
+ name: 'floor D',
297
+ fillStyle: 'green',
298
+ // layout: 'table',
299
+ layoutConfig : {
300
+ columns: 4
301
+ },
302
+ width: 100,
303
+ height: 100,
304
+ depth: 100,
305
+ components: [{
306
+ type: 'rack',
307
+ left: 100,
308
+ top: 220,
309
+ sheaf: 1,
310
+ width: 100,
311
+ height: 100,
312
+ depth: 100,
313
+ fillStyle: 'red',
314
+ lineWidth: 4
315
+ }, {
316
+ type: 'rack',
317
+ left: 300,
318
+ top: 320,
319
+ sheaf: 1,
320
+ width: 100,
321
+ height: 100,
322
+ depth: 100,
323
+ fillStyle: 'navy',
324
+ lineWidth: 4
325
+ }, {
326
+ type: 'rack',
327
+ left: 100,
328
+ top: 220,
329
+ sheaf: 1,
330
+ width: 100,
331
+ height: 100,
332
+ depth: 100,
333
+ fillStyle: 'blue',
334
+ lineWidth: 4
335
+ }]
336
+ }]
337
+ }]
338
+ }
339
+ });
340
+
341
+ app.changeActive = function(e) {
342
+ var indoorMap = app.scene.findAll('indoor-map')[0]
343
+ indoorMap.activeIndex = e.target.valueAsNumber
344
+ }
345
+
346
+ app.addFloor = function(e) {
347
+ var indoorMap = app.scene.findAll('indoor-map')[0]
348
+
349
+ app.scene.add({
350
+ type: 'floor',
351
+ fillStyle: 'gray',
352
+ top: 0,
353
+ left: 0,
354
+ width: 100,
355
+ height: 100
356
+ }, {}, indoorMap)
357
+ }
358
+
359
+ setInterval(function() {
360
+ app.floors = app.scene.findAll('floor')
361
+ }, 1000)
362
+
363
+ </script>
364
+ </body>
365
+ </html>
package/demo/things-scene-indoor-map.html ADDED
@@ -0,0 +1,6 @@
1
+ <!--
2
+ @license
3
+ Copyright © HatioLab Inc. All rights reserved.
4
+ -->
5
+ <script src="../../gaussian/lib/gaussian.js"></script>
6
+ <script src="../things-scene-indoor-map.js"></script>
package/dist/beacon.d.ts ADDED
@@ -0,0 +1,19 @@
1
+ import { Component } from '@hatiolab/things-scene';
2
+ declare const Beacon_base: typeof Component;
3
+ export default class Beacon extends Beacon_base {
4
+ render(context: CanvasRenderingContext2D): void;
5
+ is3dish(): boolean;
6
+ get nature(): {
7
+ mutable: boolean;
8
+ resizable: boolean;
9
+ rotatable: boolean;
10
+ properties: {
11
+ type: string;
12
+ label: string;
13
+ name: string;
14
+ property: string;
15
+ }[];
16
+ };
17
+ get controls(): never[];
18
+ }
19
+ export {};
package/dist/beacon.js ADDED
@@ -0,0 +1,61 @@
1
+ /*
2
+ * Copyright © HatioLab Inc. All rights reserved.
3
+ */
4
+ import { Component, RectPath } from '@hatiolab/things-scene';
5
+ const NATURE = {
6
+ mutable: false,
7
+ resizable: true,
8
+ rotatable: true,
9
+ properties: [{
10
+ type: 'number',
11
+ label: 'z-pos',
12
+ name: 'zPos',
13
+ property: 'zPos'
14
+ }, {
15
+ type: 'string',
16
+ label: 'mac-address',
17
+ name: 'macAddr',
18
+ property: 'macAddress'
19
+ }, {
20
+ type: 'string',
21
+ label: 'identifier',
22
+ name: 'identifier',
23
+ property: 'identifier'
24
+ }, {
25
+ type: 'string',
26
+ label: 'uuid',
27
+ name: 'uuid',
28
+ property: 'uuid'
29
+ }, {
30
+ type: 'number',
31
+ label: 'major',
32
+ name: 'major',
33
+ property: 'major'
34
+ }, {
35
+ type: 'number',
36
+ label: 'minor',
37
+ name: 'minor',
38
+ property: 'minor'
39
+ }]
40
+ };
41
+ export default class Beacon extends RectPath(Component) {
42
+ render(context) {
43
+ this.model.fillStyle = {
44
+ type: 'pattern',
45
+ fitPattern: true,
46
+ image: 'data:image/png;base64,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'
47
+ };
48
+ this.drawFill(context);
49
+ }
50
+ is3dish() {
51
+ return true;
52
+ }
53
+ get nature() {
54
+ return NATURE;
55
+ }
56
+ get controls() {
57
+ return [];
58
+ }
59
+ }
60
+ Component.register('beacon', Beacon);
61
+ //# sourceMappingURL=beacon.js.map
package/dist/beacon.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"beacon.js","sourceRoot":"","sources":["../src/beacon.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAE7D,MAAM,MAAM,GAAG;IACb,OAAO,EAAE,KAAK;IACd,SAAS,EAAE,IAAI;IACf,SAAS,EAAE,IAAI;IACf,UAAU,EAAE,CAAC;YACX,IAAI,EAAE,QAAQ;YACd,KAAK,EAAE,OAAO;YACd,IAAI,EAAE,MAAM;YACZ,QAAQ,EAAE,MAAM;SACjB,EAAE;YACD,IAAI,EAAE,QAAQ;YACd,KAAK,EAAE,aAAa;YACpB,IAAI,EAAE,SAAS;YACf,QAAQ,EAAE,YAAY;SACvB,EAAE;YACD,IAAI,EAAE,QAAQ;YACd,KAAK,EAAE,YAAY;YACnB,IAAI,EAAE,YAAY;YAClB,QAAQ,EAAE,YAAY;SACvB,EAAE;YACD,IAAI,EAAE,QAAQ;YACd,KAAK,EAAE,MAAM;YACb,IAAI,EAAE,MAAM;YACZ,QAAQ,EAAE,MAAM;SACjB,EAAE;YACD,IAAI,EAAE,QAAQ;YACd,KAAK,EAAE,OAAO;YACd,IAAI,EAAE,OAAO;YACb,QAAQ,EAAE,OAAO;SAClB,EAAE;YACD,IAAI,EAAE,QAAQ;YACd,KAAK,EAAE,OAAO;YACd,IAAI,EAAE,OAAO;YACb,QAAQ,EAAE,OAAO;SAClB,CAAC;CACH,CAAA;AAGD,MAAM,CAAC,OAAO,OAAO,MAAO,SAAQ,QAAQ,CAAC,SAAS,CAAC;IAErD,MAAM,CAAC,OAAiC;QACtC,IAAI,CAAC,KAAK,CAAC,SAAS,GAAG;YACrB,IAAI,EAAE,SAAS;YACf,UAAU,EAAE,IAAI;YAChB,KAAK,EAAE,g+PAAg+P;SACx+P,CAAA;QAED,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAA;IACxB,CAAC;IAED,OAAO;QACL,OAAO,IAAI,CAAA;IACb,CAAC;IAED,IAAI,MAAM;QACR,OAAO,MAAM,CAAA;IACf,CAAC;IAED,IAAI,QAAQ;QACV,OAAO,EAAE,CAAA;IACX,CAAC;CACF;AAED,SAAS,CAAC,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAA","sourcesContent":["/*\n * Copyright © HatioLab Inc. All rights reserved.\n */\nimport { Component, RectPath } from '@hatiolab/things-scene';\n\nconst NATURE = {\n mutable: false,\n resizable: true,\n rotatable: true,\n properties: [{\n type: 'number',\n label: 'z-pos',\n name: 'zPos',\n property: 'zPos'\n }, {\n type: 'string',\n label: 'mac-address',\n name: 'macAddr',\n property: 'macAddress'\n }, {\n type: 'string',\n label: 'identifier',\n name: 'identifier',\n property: 'identifier'\n }, {\n type: 'string',\n label: 'uuid',\n name: 'uuid',\n property: 'uuid'\n }, {\n type: 'number',\n label: 'major',\n name: 'major',\n property: 'major'\n }, {\n type: 'number',\n label: 'minor',\n name: 'minor',\n property: 'minor'\n }]\n}\n\n\nexport default class Beacon extends RectPath(Component) {\n\n render(context: CanvasRenderingContext2D) {\n this.model.fillStyle = {\n type: 'pattern',\n fitPattern: true,\n image: 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAADICAYAAACtWK6eAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEwAACxMBAJqcGAAAF3ZJREFUeJztnXm4nuOZwH852Q4iQkYtEQlSrX1JbEGssVddloyxXKMLM6bFKJ0yGIpOW5RqRy1lCKmOtrax1DYEtTSEppZERYooKokkcrIn55s/7nyXz+k573O/73c/7/t+33f/ruu+uHLO+e77fb7neZ/tXsBxHMdxHMdxHMdxHMdxHMdxHMdxHMdxHMdxHMdxHMdxHMdxSkevog1oMfoBg4G/W/XfAav+rT/QF2gDKsBKYBmwFFgCzANmA3NW/b+TEz5A7OkLfBHYFtgK2AwYDmwCrGvw+UuBd4E/A28D04BXgCnALIPPd2rwAVI/Q4DdV8loZGD0K8iWD4DngWeBZ4DJyEzkOLnRD9gPuAJ4HVkSlVUWAPcC/wxsHKMxHAdk2XQwcAswl+I7flaZBJwFDDVtHadl2QK4CtkgF925LaUTeAI4DjkgcBw1vYFxwNMU35HzkDnAj4BhFo3nNC9rAGcgp0NFd9oiZDnwS2DHehvSaS5WA85GjkiL7JwLgY5VsgRZBhVlz33ADvU0arPQyse8fYBTgAuA9SPpmIPcUUzn03uL95E9zWzk0m8p0il7snENPr1cXBdZCm2ySrYENkeWhdZUgLuBc4A3I3y+U2LGAq9i+9ZdCDwOXAIcAmyY07O0I2/7U4DxyGC0fK5lyJH2wJyexymQIchb0arzvAL8ENgbOQouC0OBk4G7kLsQi2f9K3BCng/h5Ecv5LJsPvV3lFeRZdnmuT5BdtqBI4E7kFmu3uf/LX7p2FQMRc786+kUC4CfAzvlbLs1awGnAi9Tf3ucnLPtTgTGUd/N99vAmcCaOdudB7sBdyKew1nb505gnbwNd+qnHbiR7F/868A/IKdIzc5mwA3IUXOWtnoPcdJ0GoSNgRfJ9mVPRzaibblbXTybIr5mWWaUZcA3c7fYSc1eZLvwm49cFhblpl4mtgeeJNsL5ha8DUvLCXx66ZZGxgOfK8DesjMOudRM254TgbXzN9dJ4gLSf5F/Bg4owtgGYhByepe2baciUZROCbiK9F/gDYgLh6NjLOlnk/eQ0GOnINqQjp7mS5sNHFGEsU3AYNJ7IXwEbFeEsa1OL+Bm0n1Zk/BIOgu+Rboj4Y+Rjb+TIz8j3eC4EY+cs2RvxDcrzUziy62cuAz9F9OJvPEce4aTLmnFXxAXfSciZ6D/QhYBRxVjZsswiHR+btNoMNeURgqY+jLivq255e4ADkMuvMrEIMS1Yxjiej941b+182lmxWpWxYVIwNUsJFHc28jR9Iq8jQ7QH/EU/rLy959CTsU8X5chO6J31Z4L7FKMmZ9hDaQjXAQ8iCwx0uybupMlwB+QA4qTkawrZaAPEs+ufY7bijGzORmMvD01DT8fGFWIlcIQZBn4KNKZ6x0QGpmJXOYdQrFBW23A7ejtPr0YM5uLNuARdA3egaT/zJt2xM1lIsUmWqggR6rXASNjPnACfYB7AjZWZRmwRzFmNg8Xom/ssTnbtj5wKeVNKjcJOJY4CR2S6I/E5mtsfB9JRuFkYDSyIdU09Ek52rUe8GNgsdK2ouUtpH3yHCiD0B8B/2+OdjUNA4EZ6Br44pxsagfOR5ZyRXf6LDIV2afkxXDgQ6Vtp+ZoV1Og9SC9l3yOqseiH7BllwfIL83oGHRuKQuRgC1HwT7ovug/IUkIYjKA+kJ3Q53iLWSvMBE5jHgAeAhZw08G3kH2V9a6O5BTpDxeLmcqbXosB1santWQLH6hxlyCFKqJySilLRqZCtyELCV2J12AVm8kjPgg4DvIZWkaP6gkeZh4WSVruVNpz1dysKWhuRhdQ/5rZDu+Sn33GMuQ/FFfR+5GrOmFeMieR/0pfD4A9oxgYy3rIPEhIVtm49GIPTIM8Z8KNeIjxFsatJEtAKsqf0KcI/M+utxyld0fZ7R7OZJYLyb7obsnujqyHQ3Lrwg33gLiZfXrD/xaYUN3MgnxRSrat20N4DTkdj3Lc1xO3Ge4XmHDcsrjQlMadkX3BZ4WSX87siTKMmNonfTypD+yDM0yo9xMvDuTtdD5pPndSBceJdxovydOvqp+yGY1TSdaDJxL+VPcrIO4nqR1gfkl8QbJUUobdo6kv+EYQ7ixOonjodsb/QlL7XLqCxFsickY0t/j/DfxllsaV5SHI+luOP6PcGPFco/+iUJ3rVxBucocpGEg6bxtK8ieJAbbonMjavmUpjsSbqQlxEm2cKpCd+2S6tgINhTB6aRLuhDLDeQmhe67I+luGDRvtJ9E0Lsr+hvqOTTfm+xA4BN0z78cWaJZM5zwd7AS+HwE3Q3BRoTfZIuwv+ldGwlh1XSOj4BtjPWXhZHoXfU/BDaIYMO1Ct3XRNDbEFxEMY2jXYfPAbaOoL9MbIN+kDyM/aZ9OOG9yCe0YBbM3oTf4iuRBAeWaI8YF9I6x4wj0S+3YoTJ/o9C71cj6C01hxJulLuMdQ5Ed0nVidT0ayUOQrdx78DeVX6UQu9zxjpLzx2EG2V/Y51XKnRWkDDaVuR0dO3zQATdkxR6R0TQW0pWJxyVNx3b9e4IdKdWE2nN6lJVtPsz68jEkxU6zzPWWVrGEW6Mc4x1anI2zSe/SLuyog11noatK8oAwvXcpxjqKzUhr91ObD12t0BXdy+2u3dPrAZshaTAOQhxC98Z2LAge8ag8906yVjvLxQ6m/5OpA8wj+RGeNZY560BfRXgefJzVR8InIiUfptBcmdcgKRPvYh8c11p3NJnYDuLHK7QeYahvlKyJ+FGsIwWXB9d3cLdDHX2xPbABHRBYT3Ja0g12fbItg5G5ypv6X7Tj/DL8yFDfaXkPwk3umWK/AsV+mL7+2yCPtugVj5ANrYxZz1NsoUXjXWGlt+LkSVp0/IsyQ0wzVBXG5IVJPQlx6p+1As4i/pmjJA8S7x0Oe3o4sgtl35fUejbx1BfqWgnvNy5ylDffgFdFSS+PQZrAfcr9FvIfOLVXdTUY7nOUN8GCn3nG+orFXsQfnjL8FVNgc/DDPVVWR8pUZDH4KjKSuK4pQ8gvBeZg22MzNSAvqbdh5xN+Ite10hXG+KJm6RrJvaXgoNJV5bMWmIcVV+t0Huwob5Qor55hrpKxQSSH/wNQ12aJBDfN9QHkijhOYXe2DOJdRKJbRR6rzfUd5JC33BDfaXhjyQ/9ARDXRcEdFWQaEZL/kuhMw+Zh32xzFcCOt811LVlQFcFuTNpKvoS9oX6N0N9oaQA7xjqArkBL3pg1Moz2B4B/4dCp1WZ5z6ED3Ny26jn5Zi3KeGN3B+NdPUGdgr8juXpVTsye5SJ0djmuX1Q8TtW1aJWIBv1JHLLKpPXANFM+a8Z6doSOX1J4nEjXSAbY+vALgsuQfZFFkxGIg+TsIzbfzXw89zqrec1QIYHfr4MCWayQJP1/XkjXf2Q07l6mILc+B+GHC6MQSLoJiCRjVnZELtZpELYR24HI10gRVuTyG2A5MX3SV5TTjfUFXJnmWOo6+iAriR5Azgg8PnrIMesWYuDWrqInxvQtQTZP1jwtYCuTnLKapnXDBLKTGK5aQ5FnoWm7zScmPHvHkRcNEJ7oY+R2+zDET+ktGyLXR2V0B6xP3bxNG8Hft6LdDVWMpPXABkc+PlHhrpCX5LVfUt/slXW/R0S896R4m/uB/4eeXumxcpb4HXF71gtfWYpfifUp0zIa4CE6mWENoBpCBWssTqz35X0nqULgeOQY8y03Ee2NEj7Zvib7piJXEQmYZUBU9MfcqnBktcACVUNstwXhN4s7xvpyXLReA3S0bLyXdIvtawuRFcgbvZJWLkKafpDLpWo8hogoQCfNMuNkJ6Qro+NdG2e4W9uqlPnbNLXzlib/Dqu1bJnKTIgk4gdNAbkN0BCJw7LjPSsrvidT4x0pa09+Bek4E69PJHhb6zqJIYcBTXtryW0DLW640kkrwESehirAaI5+rPStWbK33/LSG+WI/G0tvZEnp22pQZIyC+oMyc9lrrSxkBYDcwsG3yrO4PQssfqHgTCBwKxKmB9hrwGSOhLtVpPajqP1Zsn7b7Jah+wXoa/WWCkO/RSWG6kB8InhEsMdfVIXgMk9DBWA0TTaFa60m72t8BmjZ7lVGqugV4I+7gtMtID4e/JB0gGFhOemq1OWtLuBfoBXzLQe1TK319B+GZayzqBn1sdgPQmvFxrqQFidfpRIXwLa1UIJuSS3R3fpr44jSNI7+r9JnZLn5DLkNWFr6YeSFMNkNDxYJZ1dU98GPi51ZHn0xn+ZiTZa2wMAn6c4e+eyqivKwORbC1JhC4StWj6g9WyMZG8Bkio01qWWQu5zW9hpOc9suXxupz0/lGrI+WqszgDPpbhb7pDczFq5caj6Q+hPmVCXgMk9GaxrH8Xcka0GiAg1ZHS0hcpDnQmuvYfgeTnzeJTtQC7eh6acnRWYQua/mA1WyVSlhnEMpN5yOt0KHau0reS7V6lL1LQZzJwPN1f5G2LVPh9BanClIVfk81NvjtCGRT/ip0bT2iAdFBfMFnpOJ5wcE9ofatFk/LHMhOhpsZeSJYjA3siEu04y+AzV2I7W74Q0GcZ539NQJeFy06p2IXwF7qrka7+yAlHkq4rjXSBLD1ClVqLkNsNn3EtxTN+z1BfKCtNjDJw3ZLXEktzJGr1tlsKvBT4nUONdIFEKJYtq0kHcqRsxVjCrh2WdV1CfSHLEXvpCVWYvdxQ1w8CuirYVitaE9mgFj1rVMU6T+9tAX0rsFsiDwroqtCkZaEfI/mhnzTUtVdAVwVJhmbJSMJLuzzkV8bP1Y5kkE/S+YyhvrEBXRXyKXiUO1eR/NCLsPMG7YNcJCXpe9NIVy3j0NVDjCW/R3cLnYZjFXrPNdR3YUBXJ3Jp2XRUkw4kSSgjYhpCybIr2MVr13IKxQySKcSJ0w5tmCvYZjp8OKDLMitNqRhKuKEtizRq8uXeZ6ivlmPId7n1BHZ7gFo0md0nG+prI1yn8AZDfaVjJskPf7+hrt7IbWuSvk4kVWkMdkCWcTEHRidwGbaBSrVoZuGsvmXdsZtC30mG+kpH6FJtEbZFGkMZHSvAbwz1dWUA8CPkItB6cLwG7B3R9i8QvvtYRNgFPg2XBvRVyDFxdRF8nXADWN5RDCFcdqGT7K4cWrZA3sYWF4ozkH2OZdmz7rhTYcuNxjpfDuizrENSSjYk3OjXGuv8hULnc8QtqVxlKPDvhIsJdZV5yOx7KPGWU7Xsq7CpE1tXlo0UOq37RpA8OkVXXiI5E/gsZCCFEgRo2Ro54Ql5DZwC/NxIp4b1gD2RTvZ5JH/VAGTGW4C407+BbIInE46UtKIdaa+Qe/tdpI9uTOJswpfFh5Gjm0lRXEL4TWFdfVYzi8ynSWvfpeRywm21Eruk2FWmBHRa709LyyjCX4D1bfAIwnuRCnKbn5d/WhnZB90dzq3GerdV6LzXWGepmUZyYyzGPvfqZQGdVfmBsd5GYQPCx+IVZPlnGb8DcIVC7zHGOkvNeYQbxLKoJ4gLRugepirjjHWXnTQlrM8y1r06EmiVpHMeOeXiLQvDCFdNehf7E5vDAzprZ7A9jXWXlTZkSatplxewz2h4qkJvnocnpWEixbzJb1LorSDOjtYb0TLyM/QvDWuvg15IbEdId6u8rD7DMYQbZlIEvQPQx27Mxq6+RtnohQR6adqhAnwjgg1fUui1rLPYUPRGahOGGsgiG2FXtkOC/rUzSbO9wfoiJ1HawXFHBBt6IXdiId1NGRyl5duEG+hl4lxoHqfQXZWlZC/YWTbWJhy81vUNbh1jAnLJGNL9ETmVOSgrg5D46VBDxTri0zjH1crV5FR+OBLbky40+APsKtfW0obEdYT0fzeC7oZDcz8xnXhvkhsV+mvlBWzj2avsh7hvPII4dVrOmr0Qt/Q0MSrzSXYJqodTFPo/IadKtmVnMNIYoQY7P5L+3kiCtTSDZBGyPLQ68vwmf3vsfRs2g2QEuqjAWukg3r5rMHL4EbLhkkj6G5KL0XXKGNM9SEe/XWFDV3ma+iP5dqdn9456IyzHIe2W5pk+AcbUqTeJ6xU2zEWW384q1iJ8m1ohfYXXNLQhF1JpB8mEOvW+mPDZ88kekLQ5criQ5llmYZsXoCu7oPP1irVaaGjOQPcl/mNkO84hfMtfKyvI7jemudm/OONn/zDFM1SQdJ4x9lZVVkfc90N2zCTOqVnD0xtdINF8YOPIthyNOOVpO1fWzexkxWfPJVuam7tS2P8w9s6hXdFeSraUU2Ja9kTXiI8TP9hrc+APSnuyZIvX+oVVkCjEtPxU8bkrgIuI7+I/Ft2s/GhkO5oCTSaNCvLFxqYduftI+nIfzPjZmtmjKrNIX6Zup4DdM4i7Ga8yBCmNEHrGZcAXc7Cn4fkccoMaatBObBM8JLE73cewTEdiqdOi8UHqKt/KoOc7/O0gWYnMLqGKtRb0Q+9G7xvzFByBrlHnApvlZFM7cBpykvYAcg/SXeEbDUknVz3J+2SLiRiNXIY+hHju5ul8eS26Z3seezf6pucWdI37Ora5mWJzGOkHR1VieNTG4hvonmkhuvqHThcGIvW9NY38OxonoD9UqSlJ3iF+PiwLjkSfn7iRBn3pGIXef+huyj9N1zN7VOVruVudjj2Q4CrNs2Qpgup0QZONsSq3UO6sJPXMHlWZTnlfBKMIl52oyqv4haAZaVxAbqOcHehQ6h8cVTkhZ9s17EI4M3tV5uP7DlP6IzXwtB3odso3SCZhN0Bep5ismD0xmnAVqqqsIE6UaMszmHA+rVq5j/JM4ZazR1WOzvUJeuZQdEFvVfmnYsxsDYYh9wHaL+NFYP1CLP0slrNHVV7O9Qm651TSZay/tBgzW4vt0E/nFeSoeKsiDF3FId3YZCXWOYy1tKHL4VsrNxdiaYuyK+kGSQdwfCGWSmHNWAPk+Ryfo8q6iFNhGjsnUL49YdOzM/pTk6pcR75ZMg5OaV8WGZvb08gdR6jefVcZT7mP3puaUegiEWvlJfJbcj2f0rYsYllfvif6IPmU05aSuwkfHIWzLVJsJs0XtxSJsYg57ecxe1QlZmK7rcnmXHkl5TqKbmmGoA9uqpUXiFflNo/ZoyoPR7C/N/ISSRvXvgLJ0uKUjDWB35K+c3Ug+xlLNDXarcU62cJvMtjQgV8Clpo+wFWk/2Kt7xS0QUKWYpnx5cgM+mcQL9GcY8xRpDsGrmCXc6uI2aOCRA5uZ/QM41PqvhfPY9VwjCDdvsSqFkgRs0dVrGo73qPUtxyJrPTNeIPSjtS/CwXvdGBT4uvAgJ7YshKbxAcXKnRNQy5snSZgNMlJy6zywKbxOI4lFhVo1wPm9PD5KxE3k5aqGdgKrIbMJrWXXSuRtD4Wl1kHkM8A0Cx7NjV4np2QjXftZ09FXjZOE7MR4pd1IrCJ4ec+Q/GDoypWRS/7APsDJwF74bfiTkbKMntUZSkwNOoTO04KyjR7VOWnUZ/YcZSMpfjB0J0sRjbbTh24j3793Er8bPNZ6LPqv54Q2imMss4eVenA6/zVhc8g9VHW2aNKP+TY9/GiDXFaj/0pfobQyDzqr6PYsvgMkp3xlHv2qNKOJIh+qmhDnNahUWaPqsymPDnCGgqfQbLRKLNHldWRnLnPFm2I0/zsR/EzQhb5EHcwTI3PIOkZj11wVZ4MQErbTSraEKd52ZfiZ4J65F3k6NdxovAkxXfyeuVk81ZxHBp/9qjKW/jS2olAM8weVTnRuG2cFmcfiu/UljIVD35yDJlI8Z3aWsZZNpDTujTb7FGVKXi6HseARyi+M8eSAw3bqSnxdWgy6yN+V83KMUUbUHZ8gCSzE829DBlZtAFlxwdIMs2eb3ZA0QaUHR8gybxftAGRebdoA8qOD5BknkFKvDUr9xRtgNP4/AvFnzbFkNdx93fHiO9RfIe2lNdoTJd9p8SMQXJMhUoplFlmInUHVzNum6almY8wYzEYOf4dhsR5l3kfV0HS/swCXkFmjkqhFjmO4ziO4ziO4ziO4ziO4ziO4ziO4ziO4ziO4ziO4ziO4ziO4ziO4ziO45SO/wfae14WxexiAAAAAABJRU5ErkJggg=='\n }\n\n this.drawFill(context)\n }\n\n is3dish() {\n return true\n }\n\n get nature() {\n return NATURE\n }\n\n get controls() {\n return []\n }\n}\n\nComponent.register('beacon', Beacon)\n"]}
package/dist/camera.d.ts ADDED
@@ -0,0 +1,20 @@
1
+ import { Component, POINT, Properties } from '@hatiolab/things-scene';
2
+ declare const Camera_base: typeof Component;
3
+ export default class Camera extends Camera_base {
4
+ render(context: CanvasRenderingContext2D): void;
5
+ private _anim_alpha_yaw;
6
+ private _anim_alpha_roll;
7
+ private _anim_alpha_pitch;
8
+ get transformed(): {
9
+ x: number;
10
+ y: number;
11
+ z: number;
12
+ }[];
13
+ static get nature(): {
14
+ props: never[];
15
+ };
16
+ __drawLines(context: CanvasRenderingContext2D, transformed: POINT[]): void;
17
+ __drawRect(context: CanvasRenderingContext2D, transformed: POINT[]): void;
18
+ onchange(after: Properties, before: Properties): void;
19
+ }
20
+ export {};
package/dist/camera.js ADDED
@@ -0,0 +1,158 @@
1
+ import { Component, RectPath } from '@hatiolab/things-scene';
2
+ /*
3
+ * Copyright © HatioLab Inc. All rights reserved.
4
+ */
5
+ import Quaternion from './quaternion';
6
+ const NATURE = {
7
+ props: []
8
+ };
9
+ const points = [
10
+ { x: 0, y: 0, z: 0 },
11
+ { x: -50, y: +100, z: -100 },
12
+ { x: +50, y: +100, z: -100 },
13
+ { x: +50, y: -100, z: -100 },
14
+ { x: -50, y: -100, z: -100 },
15
+ { x: 0, y: 0, z: -100 },
16
+ { x: 0, y: +50, z: -100 } // 카메라의 위쪽을 표시하기위한 좌표.
17
+ ];
18
+ /* rotate_by_euler와 같이 동작하도록 순서를 맞춤. */
19
+ function rotate_by_quaternion_axis(points, pitch, roll, yaw) {
20
+ var qx = Quaternion.fromAxis({ x: 1, y: 0, z: 0 }, pitch);
21
+ var qy = Quaternion.fromAxis({ x: 0, y: 1, z: 0 }, roll);
22
+ var qz = Quaternion.fromAxis({ x: 0, y: 0, z: 1 }, yaw);
23
+ var q = qz.multiply(qy).multiply(qx);
24
+ return points.map(point => { return q.multiVec(point); });
25
+ }
26
+ function rotate_by_euler(points, pitch, roll, yaw) {
27
+ var cosa = Math.cos(yaw);
28
+ var sina = Math.sin(yaw);
29
+ var cosb = Math.cos(roll);
30
+ var sinb = Math.sin(roll);
31
+ var cosc = Math.cos(pitch);
32
+ var sinc = Math.sin(pitch);
33
+ var Axx = cosa * cosb;
34
+ var Axy = cosa * sinb * sinc - sina * cosc;
35
+ var Axz = cosa * sinb * cosc + sina * sinc;
36
+ var Ayx = sina * cosb;
37
+ var Ayy = sina * sinb * sinc + cosa * cosc;
38
+ var Ayz = sina * sinb * cosc - cosa * sinc;
39
+ var Azx = -sinb;
40
+ var Azy = cosb * sinc;
41
+ var Azz = cosb * cosc;
42
+ return points.map(point => {
43
+ let { x, y, z } = point;
44
+ return {
45
+ x: Axx * x + Axy * y + Axz * z,
46
+ y: Ayx * x + Ayy * y + Ayz * z,
47
+ z: Azx * x + Azy * y + Azz * z
48
+ };
49
+ });
50
+ }
51
+ export default class Camera extends RectPath(Component) {
52
+ constructor() {
53
+ super(...arguments);
54
+ this._anim_alpha_yaw = 0;
55
+ this._anim_alpha_roll = 0;
56
+ this._anim_alpha_pitch = 0;
57
+ }
58
+ render(context) {
59
+ var transformed = this.transformed;
60
+ if (this.transformed[5].z > 0) {
61
+ this.__drawLines(context, transformed);
62
+ this.__drawRect(context, transformed);
63
+ }
64
+ else {
65
+ this.__drawRect(context, transformed);
66
+ this.__drawLines(context, transformed);
67
+ }
68
+ }
69
+ get transformed() {
70
+ var { yaw = 0, pitch = 0, roll = 0 } = this.model;
71
+ return rotate_by_quaternion_axis(points, pitch - (this._anim_alpha_pitch || 0), roll - (this._anim_alpha_roll || 0), yaw - (this._anim_alpha_yaw || 0));
72
+ }
73
+ static get nature() {
74
+ return NATURE;
75
+ }
76
+ __drawLines(context, transformed) {
77
+ var center = this.center;
78
+ context.beginPath();
79
+ // 2D좌표에서 Y축이 반대방향이므로 center에서 빼준다.
80
+ context.moveTo(center.x + transformed[0].x, center.y - transformed[0].y);
81
+ context.lineTo(center.x + transformed[1].x, center.y - transformed[1].y);
82
+ context.moveTo(center.x + transformed[0].x, center.y - transformed[0].y);
83
+ context.lineTo(center.x + transformed[2].x, center.y - transformed[2].y);
84
+ context.moveTo(center.x + transformed[0].x, center.y - transformed[0].y);
85
+ context.lineTo(center.x + transformed[3].x, center.y - transformed[3].y);
86
+ context.moveTo(center.x + transformed[0].x, center.y - transformed[0].y);
87
+ context.lineTo(center.x + transformed[4].x, center.y - transformed[4].y);
88
+ context.strokeStyle = this.model.strokeStyle;
89
+ context.stroke();
90
+ context.closePath();
91
+ }
92
+ __drawRect(context, transformed) {
93
+ var center = this.center;
94
+ context.beginPath();
95
+ // 2D좌표에서 Y축이 반대방향이므로 center에서 빼준다.
96
+ context.moveTo(center.x + transformed[1].x, center.y - transformed[1].y);
97
+ context.lineTo(center.x + transformed[2].x, center.y - transformed[2].y);
98
+ context.lineTo(center.x + transformed[3].x, center.y - transformed[3].y);
99
+ context.lineTo(center.x + transformed[4].x, center.y - transformed[4].y);
100
+ context.lineTo(center.x + transformed[1].x, center.y - transformed[1].y);
101
+ context.fillStyle = this.model.fillStyle;
102
+ context.strokeStyle = this.model.strokeStyle;
103
+ context.fill();
104
+ context.stroke();
105
+ context.beginPath();
106
+ context.ellipse(center.x + transformed[6].x, center.y - transformed[6].y, 5, 5, 0, 0, Math.PI * 2);
107
+ context.stroke();
108
+ }
109
+ /*
110
+ * Performance 문제로 애니메이션 적용 보류
111
+ * 만약, 적용하려면,
112
+ * - 먼저, 아래 메쏘드의 이름을 수정한다. (_onchange ==> onchange)
113
+ * - 그리고, 아래의 Component.memoize(Camera.prototype, 'transformed', false); 부분을 코멘트 처리한다.
114
+ */
115
+ onchange(after, before) {
116
+ if (after.hasOwnProperty('data')) {
117
+ let data = after.data;
118
+ if (!data.hasOwnProperty('yaw')
119
+ && !data.hasOwnProperty('pitch')
120
+ && !data.hasOwnProperty('roll'))
121
+ return;
122
+ this.set({
123
+ yaw: data.yaw,
124
+ pitch: data.pitch,
125
+ roll: data.roll
126
+ });
127
+ return;
128
+ }
129
+ if (!after.hasOwnProperty('yaw')
130
+ && !after.hasOwnProperty('pitch')
131
+ && !after.hasOwnProperty('roll'))
132
+ return;
133
+ var self = this;
134
+ var diff_yaw = after.yaw - before.yaw;
135
+ var diff_pitch = after.pitch - before.pitch;
136
+ var diff_roll = after.roll - before.roll;
137
+ this._anim_alpha_yaw = diff_yaw;
138
+ this._anim_alpha_pitch = diff_pitch;
139
+ this._anim_alpha_roll = diff_roll;
140
+ this.animate({
141
+ step: function (delta) {
142
+ self._anim_alpha_yaw = diff_yaw * (1 - delta);
143
+ self._anim_alpha_pitch = diff_pitch * (1 - delta);
144
+ self._anim_alpha_roll = diff_roll * (1 - delta);
145
+ self.invalidate();
146
+ },
147
+ duration: 1000,
148
+ delta: 'circ',
149
+ options: {
150
+ x: 1
151
+ },
152
+ ease: 'inout'
153
+ }).start();
154
+ }
155
+ }
156
+ // Component.memoize(Camera.prototype, 'transformed', false);
157
+ Component.register('camera', Camera);
158
+ //# sourceMappingURL=camera.js.map