@hatiolab/things-scene 9.0.0-beta.9 → 9.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.
Files changed (353) hide show
  1. package/README.md +76 -11
  2. package/package.json +30 -14
  3. package/things-scene-min.js +74 -2
  4. package/things-scene-min.js.map +1 -0
  5. package/things-scene.d.ts +49 -7
  6. package/things-scene.mjs +61 -31
  7. package/things-scene.mjs.map +1 -0
  8. package/.prettierrc +0 -21
  9. package/assets/icon-audio.png +0 -0
  10. package/assets/icon-gif-viewer.png +0 -0
  11. package/assets/images/spinner.png +0 -0
  12. package/babel.config.js +0 -22
  13. package/db.sqlite +0 -0
  14. package/dist/animation/animate.d.ts +0 -4
  15. package/dist/animation/animations/animation.d.ts +0 -14
  16. package/dist/animation/animations/fade.d.ts +0 -4
  17. package/dist/animation/animations/heartbeat.d.ts +0 -4
  18. package/dist/animation/animations/moving.d.ts +0 -4
  19. package/dist/animation/animations/outline.d.ts +0 -10
  20. package/dist/animation/animations/rotation.d.ts +0 -4
  21. package/dist/animation/animations/vibration.d.ts +0 -4
  22. package/dist/animation/compile.d.ts +0 -1
  23. package/dist/animation/delta.d.ts +0 -19
  24. package/dist/animation/index.d.ts +0 -1
  25. package/dist/command/command-change.d.ts +0 -7
  26. package/dist/command/command-migrate.d.ts +0 -4
  27. package/dist/command/command-migrate.js +0 -85
  28. package/dist/command/command-migrate.js.map +0 -1
  29. package/dist/command/command.d.ts +0 -5
  30. package/dist/command/snapshot-commander.d.ts +0 -15
  31. package/dist/components/anchor/anchor.d.ts +0 -128
  32. package/dist/components/anchor/ellipse-anchors.d.ts +0 -2
  33. package/dist/components/anchor/ellipse-anchors.js +0 -38
  34. package/dist/components/anchor/ellipse-anchors.js.map +0 -1
  35. package/dist/components/anchor/rect-anchors.d.ts +0 -10
  36. package/dist/components/audio.d.ts +0 -25
  37. package/dist/components/audio.js +0 -141
  38. package/dist/components/audio.js.map +0 -1
  39. package/dist/components/cloud.d.ts +0 -13
  40. package/dist/components/cloud.js +0 -31
  41. package/dist/components/cloud.js.map +0 -1
  42. package/dist/components/component.d.ts +0 -227
  43. package/dist/components/component.js +0 -912
  44. package/dist/components/component.js.map +0 -1
  45. package/dist/components/container-abstract.d.ts +0 -51
  46. package/dist/components/container-abstract.js +0 -372
  47. package/dist/components/container-abstract.js.map +0 -1
  48. package/dist/components/container.d.ts +0 -38
  49. package/dist/components/container.js +0 -75
  50. package/dist/components/container.js.map +0 -1
  51. package/dist/components/data/data-mapping.d.ts +0 -16
  52. package/dist/components/data/data.d.ts +0 -8
  53. package/dist/components/data/evaluator.d.ts +0 -1
  54. package/dist/components/donut.d.ts +0 -15
  55. package/dist/components/donut.js +0 -74
  56. package/dist/components/donut.js.map +0 -1
  57. package/dist/components/drawer/draw-image-pendable.d.ts +0 -1
  58. package/dist/components/drawer/effect.d.ts +0 -1
  59. package/dist/components/drawer/fill.d.ts +0 -14
  60. package/dist/components/drawer/format.d.ts +0 -1
  61. package/dist/components/drawer/line.d.ts +0 -3
  62. package/dist/components/drawer/stroke.d.ts +0 -1
  63. package/dist/components/drawer/text-wrapper.d.ts +0 -10
  64. package/dist/components/drawer/text.d.ts +0 -3
  65. package/dist/components/ellipse.d.ts +0 -35
  66. package/dist/components/ellipse.js +0 -99
  67. package/dist/components/ellipse.js.map +0 -1
  68. package/dist/components/file/ondropfile.d.ts +0 -1
  69. package/dist/components/fit/fit.d.ts +0 -15
  70. package/dist/components/geometry/transcoord.d.ts +0 -41
  71. package/dist/components/geometry/union.d.ts +0 -6
  72. package/dist/components/gif-view.d.ts +0 -18
  73. package/dist/components/gif-view.js +0 -116
  74. package/dist/components/gif-view.js.map +0 -1
  75. package/dist/components/global-ref.d.ts +0 -36
  76. package/dist/components/global-ref.js +0 -128
  77. package/dist/components/global-ref.js.map +0 -1
  78. package/dist/components/group.d.ts +0 -15
  79. package/dist/components/group.js +0 -145
  80. package/dist/components/group.js.map +0 -1
  81. package/dist/components/html/elements.d.ts +0 -2
  82. package/dist/components/html/fill.d.ts +0 -1
  83. package/dist/components/html/reposition.d.ts +0 -1
  84. package/dist/components/html/shadow.d.ts +0 -1
  85. package/dist/components/html-overlay-container.d.ts +0 -27
  86. package/dist/components/html-overlay-container.js +0 -14
  87. package/dist/components/html-overlay-container.js.map +0 -1
  88. package/dist/components/html-overlay-element.d.ts +0 -25
  89. package/dist/components/html-overlay-element.js +0 -9
  90. package/dist/components/html-overlay-element.js.map +0 -1
  91. package/dist/components/image-view.d.ts +0 -19
  92. package/dist/components/image-view.js +0 -180
  93. package/dist/components/image-view.js.map +0 -1
  94. package/dist/components/index.d.ts +0 -32
  95. package/dist/components/index.js +0 -39
  96. package/dist/components/index.js.map +0 -1
  97. package/dist/components/info-window.d.ts +0 -41
  98. package/dist/components/info-window.js +0 -425
  99. package/dist/components/info-window.js.map +0 -1
  100. package/dist/components/line.d.ts +0 -91
  101. package/dist/components/line.js +0 -303
  102. package/dist/components/line.js.map +0 -1
  103. package/dist/components/local-ref.d.ts +0 -47
  104. package/dist/components/local-ref.js +0 -103
  105. package/dist/components/local-ref.js.map +0 -1
  106. package/dist/components/mixins/connectable.d.ts +0 -45
  107. package/dist/components/mixins/data-source.d.ts +0 -9
  108. package/dist/components/mixins/html-element.d.ts +0 -24
  109. package/dist/components/mixins/move-handle.d.ts +0 -11
  110. package/dist/components/mixins/rect-path.d.ts +0 -13
  111. package/dist/components/mixins/value-holder.d.ts +0 -18
  112. package/dist/components/mutater/bounds.d.ts +0 -10
  113. package/dist/components/mutater/path.d.ts +0 -5
  114. package/dist/components/ortholine.d.ts +0 -21
  115. package/dist/components/ortholine.js +0 -814
  116. package/dist/components/ortholine.js.map +0 -1
  117. package/dist/components/outline/ellipse-outline.d.ts +0 -4
  118. package/dist/components/outline/ellipse-outline.js +0 -11
  119. package/dist/components/outline/ellipse-outline.js.map +0 -1
  120. package/dist/components/outline/path-outline.d.ts +0 -1
  121. package/dist/components/path.d.ts +0 -5
  122. package/dist/components/path.js +0 -40
  123. package/dist/components/path.js.map +0 -1
  124. package/dist/components/polygon.d.ts +0 -40
  125. package/dist/components/polygon.js +0 -157
  126. package/dist/components/polygon.js.map +0 -1
  127. package/dist/components/polyline.d.ts +0 -18
  128. package/dist/components/polyline.js +0 -102
  129. package/dist/components/polyline.js.map +0 -1
  130. package/dist/components/popup.d.ts +0 -48
  131. package/dist/components/popup.js +0 -138
  132. package/dist/components/popup.js.map +0 -1
  133. package/dist/components/rect.d.ts +0 -26
  134. package/dist/components/rect.js +0 -91
  135. package/dist/components/rect.js.map +0 -1
  136. package/dist/components/retention/retention-manager.d.ts +0 -8
  137. package/dist/components/root-container.d.ts +0 -90
  138. package/dist/components/root-container.js +0 -478
  139. package/dist/components/root-container.js.map +0 -1
  140. package/dist/components/ruler.d.ts +0 -16
  141. package/dist/components/ruler.js +0 -77
  142. package/dist/components/ruler.js.map +0 -1
  143. package/dist/components/shape.d.ts +0 -25
  144. package/dist/components/shape.js +0 -80
  145. package/dist/components/shape.js.map +0 -1
  146. package/dist/components/star.d.ts +0 -13
  147. package/dist/components/star.js +0 -80
  148. package/dist/components/star.js.map +0 -1
  149. package/dist/components/text/substitutor.d.ts +0 -3
  150. package/dist/components/text.d.ts +0 -8
  151. package/dist/components/text.js +0 -15
  152. package/dist/components/text.js.map +0 -1
  153. package/dist/components/three-container.d.ts +0 -60
  154. package/dist/components/three-container.js +0 -515
  155. package/dist/components/three-container.js.map +0 -1
  156. package/dist/components/triangle.d.ts +0 -15
  157. package/dist/components/triangle.js +0 -76
  158. package/dist/components/triangle.js.map +0 -1
  159. package/dist/const.d.ts +0 -39
  160. package/dist/core/collection.d.ts +0 -8
  161. package/dist/core/debug.d.ts +0 -1
  162. package/dist/core/deep-equals.d.ts +0 -1
  163. package/dist/core/dom-to-image.d.ts +0 -127
  164. package/dist/core/event.d.ts +0 -92
  165. package/dist/core/index.d.ts +0 -2
  166. package/dist/core/list.d.ts +0 -32
  167. package/dist/core/logger.d.ts +0 -3
  168. package/dist/core/memoize.d.ts +0 -6
  169. package/dist/core/mixin.d.ts +0 -1
  170. package/dist/core/obj-accessor.d.ts +0 -1
  171. package/dist/core/reference-map.d.ts +0 -14
  172. package/dist/core/round-rect.d.ts +0 -19
  173. package/dist/core/script-loader.d.ts +0 -3
  174. package/dist/core/snapshot-taker.d.ts +0 -12
  175. package/dist/core/stack.d.ts +0 -2
  176. package/dist/core/timecapsule.d.ts +0 -18
  177. package/dist/core/utils.d.ts +0 -9
  178. package/dist/decorator/anchors-decorator.d.ts +0 -31
  179. package/dist/decorator/data-spread-decorator.d.ts +0 -1
  180. package/dist/decorator/decotag-decorator.d.ts +0 -1
  181. package/dist/decorator/index.d.ts +0 -2
  182. package/dist/decorator/link-decorator.d.ts +0 -1
  183. package/dist/effect/gradation.d.ts +0 -1
  184. package/dist/effect/index.d.ts +0 -1
  185. package/dist/effect/shadow.d.ts +0 -2
  186. package/dist/effect/turn.d.ts +0 -1
  187. package/dist/event/event-engine.d.ts +0 -12
  188. package/dist/event/event-pump.d.ts +0 -11
  189. package/dist/event/event-tracker.d.ts +0 -21
  190. package/dist/event/index.d.ts +0 -2
  191. package/dist/event/ua-event-handler.d.ts +0 -32
  192. package/dist/event-map/event-map.d.ts +0 -9
  193. package/dist/event-map/index.d.ts +0 -1
  194. package/dist/event-map/move-handler.d.ts +0 -1
  195. package/dist/event-map/text-editor-lite.d.ts +0 -1
  196. package/dist/index.d.ts +0 -1
  197. package/dist/index.js +0 -3
  198. package/dist/index.js.map +0 -1
  199. package/dist/layer/action/emphasize.d.ts +0 -2
  200. package/dist/layer/action/popup.d.ts +0 -5
  201. package/dist/layer/action/pressed.d.ts +0 -2
  202. package/dist/layer/add-layer.d.ts +0 -42
  203. package/dist/layer/add-layer.js +0 -142
  204. package/dist/layer/add-layer.js.map +0 -1
  205. package/dist/layer/decotag-layer.d.ts +0 -27
  206. package/dist/layer/decotag-layer.js +0 -105
  207. package/dist/layer/decotag-layer.js.map +0 -1
  208. package/dist/layer/guide-layer.d.ts +0 -44
  209. package/dist/layer/guide-layer.js +0 -261
  210. package/dist/layer/guide-layer.js.map +0 -1
  211. package/dist/layer/index.d.ts +0 -7
  212. package/dist/layer/index.js +0 -11
  213. package/dist/layer/index.js.map +0 -1
  214. package/dist/layer/layer.d.ts +0 -32
  215. package/dist/layer/layer.js +0 -155
  216. package/dist/layer/layer.js.map +0 -1
  217. package/dist/layer/model-layer.d.ts +0 -46
  218. package/dist/layer/model-layer.js +0 -402
  219. package/dist/layer/model-layer.js.map +0 -1
  220. package/dist/layer/modeler/anchor-handler.d.ts +0 -36
  221. package/dist/layer/modeler/control-handler.d.ts +0 -18
  222. package/dist/layer/modeler/focus-outline.d.ts +0 -5
  223. package/dist/layer/modeler/group-outline.d.ts +0 -5
  224. package/dist/layer/modeler/index.d.ts +0 -7
  225. package/dist/layer/modeler/path-handler.d.ts +0 -22
  226. package/dist/layer/modeler/resizer.d.ts +0 -13
  227. package/dist/layer/modeler/rotator.d.ts +0 -15
  228. package/dist/layer/modeler/rotator.js +0 -120
  229. package/dist/layer/modeler/rotator.js.map +0 -1
  230. package/dist/layer/modeling-layer.d.ts +0 -66
  231. package/dist/layer/modeling-layer.js +0 -451
  232. package/dist/layer/modeling-layer.js.map +0 -1
  233. package/dist/layer/selection/selected-finder.d.ts +0 -1
  234. package/dist/layer/selection-layer.d.ts +0 -42
  235. package/dist/layer/selection-layer.js +0 -307
  236. package/dist/layer/selection-layer.js.map +0 -1
  237. package/dist/layer/shift-layer.d.ts +0 -18
  238. package/dist/layer/shift-layer.js +0 -61
  239. package/dist/layer/shift-layer.js.map +0 -1
  240. package/dist/layout/absolute.d.ts +0 -8
  241. package/dist/layout/card.d.ts +0 -7
  242. package/dist/layout/html-absolute.d.ts +0 -8
  243. package/dist/layout/index.d.ts +0 -8
  244. package/dist/layout/index.js +0 -12
  245. package/dist/layout/index.js.map +0 -1
  246. package/dist/layout/layout.d.ts +0 -11
  247. package/dist/layout/linear-horizontal.d.ts +0 -7
  248. package/dist/layout/linear-vertical.d.ts +0 -7
  249. package/dist/layout/table.d.ts +0 -9
  250. package/dist/layout/three.d.ts +0 -8
  251. package/dist/layout/three.js +0 -20
  252. package/dist/layout/three.js.map +0 -1
  253. package/dist/license/license.d.ts +0 -18
  254. package/dist/model/compile.d.ts +0 -1
  255. package/dist/model/compile.js +0 -28
  256. package/dist/model/compile.js.map +0 -1
  257. package/dist/model/duplicate.d.ts +0 -1
  258. package/dist/model/index.d.ts +0 -3
  259. package/dist/model/selector.d.ts +0 -2
  260. package/dist/style/compile.d.ts +0 -1
  261. package/dist/style/index.d.ts +0 -1
  262. package/dist/things-scene/api/add-start.d.ts +0 -1
  263. package/dist/things-scene/api/add.d.ts +0 -5
  264. package/dist/things-scene/api/align.d.ts +0 -1
  265. package/dist/things-scene/api/change.d.ts +0 -2
  266. package/dist/things-scene/api/clipboard.d.ts +0 -3
  267. package/dist/things-scene/api/distribute.d.ts +0 -1
  268. package/dist/things-scene/api/duplicate.d.ts +0 -4
  269. package/dist/things-scene/api/fullscreen.d.ts +0 -1
  270. package/dist/things-scene/api/group.d.ts +0 -8
  271. package/dist/things-scene/api/group.js +0 -78
  272. package/dist/things-scene/api/group.js.map +0 -1
  273. package/dist/things-scene/api/ids.d.ts +0 -4
  274. package/dist/things-scene/api/index.d.ts +0 -15
  275. package/dist/things-scene/api/listener.d.ts +0 -3
  276. package/dist/things-scene/api/remove.d.ts +0 -4
  277. package/dist/things-scene/api/symmetry.d.ts +0 -2
  278. package/dist/things-scene/api/symmetry.js +0 -39
  279. package/dist/things-scene/api/symmetry.js.map +0 -1
  280. package/dist/things-scene/api/to-data-url.d.ts +0 -1
  281. package/dist/things-scene/api/to-data-url.js +0 -69
  282. package/dist/things-scene/api/to-data-url.js.map +0 -1
  283. package/dist/things-scene/api/zorder.d.ts +0 -2
  284. package/dist/things-scene/application-context.d.ts +0 -40
  285. package/dist/things-scene/config.d.ts +0 -4
  286. package/dist/things-scene/create.d.ts +0 -20
  287. package/dist/things-scene/fps.d.ts +0 -1
  288. package/dist/things-scene/index.d.ts +0 -17
  289. package/dist/things-scene/index.js +0 -23
  290. package/dist/things-scene/index.js.map +0 -1
  291. package/dist/things-scene/polyfill.d.ts +0 -2
  292. package/dist/things-scene/scene.d.ts +0 -155
  293. package/dist/things-scene/version.d.ts +0 -2
  294. package/dist/threed/common.d.ts +0 -22
  295. package/dist/threed/control/three-controls.d.ts +0 -11
  296. package/dist/threed/control/three-controls.js +0 -620
  297. package/dist/threed/control/three-controls.js.map +0 -1
  298. package/dist/threed/html/elements.d.ts +0 -2
  299. package/dist/threed/real-object-camera-meshed.d.ts +0 -12
  300. package/dist/threed/real-object-camera-meshed.js +0 -49
  301. package/dist/threed/real-object-camera-meshed.js.map +0 -1
  302. package/dist/threed/real-object-camera.d.ts +0 -9
  303. package/dist/threed/real-object-camera.js +0 -31
  304. package/dist/threed/real-object-camera.js.map +0 -1
  305. package/dist/threed/real-object-dom-element.d.ts +0 -20
  306. package/dist/threed/real-object-dom-element.js +0 -78
  307. package/dist/threed/real-object-dom-element.js.map +0 -1
  308. package/dist/threed/real-object-dummy.d.ts +0 -6
  309. package/dist/threed/real-object-dummy.js +0 -11
  310. package/dist/threed/real-object-dummy.js.map +0 -1
  311. package/dist/threed/real-object-extrude.d.ts +0 -19
  312. package/dist/threed/real-object-extrude.js +0 -171
  313. package/dist/threed/real-object-extrude.js.map +0 -1
  314. package/dist/threed/real-object-gltf.d.ts +0 -15
  315. package/dist/threed/real-object-gltf.js +0 -97
  316. package/dist/threed/real-object-gltf.js.map +0 -1
  317. package/dist/threed/real-object-group.d.ts +0 -5
  318. package/dist/threed/real-object-group.js +0 -11
  319. package/dist/threed/real-object-group.js.map +0 -1
  320. package/dist/threed/real-object-mesh.d.ts +0 -11
  321. package/dist/threed/real-object-mesh.js +0 -55
  322. package/dist/threed/real-object-mesh.js.map +0 -1
  323. package/dist/threed/real-object-plane.d.ts +0 -6
  324. package/dist/threed/real-object-plane.js +0 -23
  325. package/dist/threed/real-object-plane.js.map +0 -1
  326. package/dist/threed/real-object-scene.d.ts +0 -21
  327. package/dist/threed/real-object-scene.js +0 -89
  328. package/dist/threed/real-object-scene.js.map +0 -1
  329. package/dist/threed/real-object-sprite.d.ts +0 -12
  330. package/dist/threed/real-object-sprite.js +0 -35
  331. package/dist/threed/real-object-sprite.js.map +0 -1
  332. package/dist/threed/real-object-text.d.ts +0 -16
  333. package/dist/threed/real-object-text.js +0 -70
  334. package/dist/threed/real-object-text.js.map +0 -1
  335. package/dist/threed/real-object.d.ts +0 -48
  336. package/dist/threed/real-object.js +0 -199
  337. package/dist/threed/real-object.js.map +0 -1
  338. package/dist/threed/texture/text-texture.d.ts +0 -8
  339. package/dist/threed/three-dimensional-container.d.ts +0 -7
  340. package/dist/threed/three-dimensional-container.js +0 -2
  341. package/dist/threed/three-dimensional-container.js.map +0 -1
  342. package/dist/threed/utils/bound-uv-generator.d.ts +0 -16
  343. package/dist/types.d.ts +0 -53
  344. package/dist/types.js +0 -368
  345. package/dist/types.js.map +0 -1
  346. package/rollup.config.js +0 -40
  347. package/schema.graphql +0 -4557
  348. package/src/index.js +0 -5
  349. package/things-board.js +0 -9
  350. package/things-scene-ie.js +0 -2
  351. package/things-scene-ie.js.LICENSE.txt +0 -15
  352. package/things-scene-min.js.LICENSE.txt +0 -15
  353. package/tsconfig.json +0 -9
@@ -1,620 +0,0 @@
1
- /*
2
- * Copyright © HatioLab Inc. All rights reserved.
3
- */
4
- /**
5
- * @author qiao / https://github.com/qiao
6
- * @author mrdoob / http://mrdoob.com
7
- * @author alteredq / http://alteredqualia.com/
8
- * @author WestLangley / http://github.com/WestLangley
9
- * @author erich666 / http://erichaines.com
10
- */
11
- import * as THREE from 'three';
12
- var ThreeControls = function (object, component) {
13
- this.object = object;
14
- this.component = component;
15
- // Set to false to disable this control
16
- this.enabled = true;
17
- // "target" sets the location of focus, where the object orbits around
18
- this.target = new THREE.Vector3();
19
- // How far you can dolly in and out ( PerspectiveCamera only )
20
- this.minDistance = 0;
21
- this.maxDistance = Infinity;
22
- // How far you can zoom in and out ( OrthographicCamera only )
23
- this.minZoom = 0;
24
- this.maxZoom = Infinity;
25
- // How far you can orbit vertically, upper and lower limits.
26
- // Range is 0 to Math.PI radians.
27
- this.minPolarAngle = 0; // radians
28
- this.maxPolarAngle = Math.PI; // radians
29
- // How far you can orbit horizontally, upper and lower limits.
30
- // If set, must be a sub-interval of the interval [ - Math.PI, Math.PI ].
31
- this.minAzimuthAngle = -Infinity; // radians
32
- this.maxAzimuthAngle = Infinity; // radians
33
- // Set to true to enable damping (inertia)
34
- // If damping is enabled, you must call controls.update() in your animation loop
35
- this.enableDamping = false;
36
- this.dampingFactor = 0.25;
37
- // This option actually enables dollying in and out; left as "zoom" for backwards compatibility.
38
- // Set to false to disable zooming
39
- this.enableZoom = true;
40
- this.zoomSpeed = 1.0;
41
- // Set to false to disable rotating
42
- this.enableRotate = true;
43
- this.rotateSpeed = 1.0;
44
- // Set to false to disable panning
45
- this.enablePan = true;
46
- this.keyPanSpeed = 7.0; // pixels moved per arrow key push
47
- // Set to true to automatically rotate around the target
48
- // If auto-rotate is enabled, you must call controls.update() in your animation loop
49
- this.autoRotate = this.component.model.autoRotate || false;
50
- this.autoRotateSpeed = this.component.model.rotationSpeed || 2.0; // 30 seconds per round when fps is 60
51
- // Set to false to disable use of the keys
52
- this.enableKeys = true;
53
- // The four arrow keys
54
- this.keys = { LEFT: 37, UP: 38, RIGHT: 39, BOTTOM: 40 };
55
- // Mouse buttons
56
- this.mouseButtons = { ORBIT: THREE.MOUSE.LEFT, ZOOM: THREE.MOUSE.MIDDLE, PAN: THREE.MOUSE.RIGHT };
57
- // for reset
58
- this.target0 = this.target.clone();
59
- this.position0 = this.object.position.clone();
60
- this.zoom0 = this.object.zoom;
61
- // flags
62
- this.cameraChanged = false;
63
- //
64
- // public methods
65
- //
66
- this.getPolarAngle = function () {
67
- return spherical.phi;
68
- };
69
- this.getAzimuthalAngle = function () {
70
- return spherical.theta;
71
- };
72
- this.saveState = function () {
73
- scope.target0.copy(scope.target);
74
- scope.position0.copy(scope.object.position);
75
- scope.zoom0 = scope.object.zoom;
76
- };
77
- this.reset = function () {
78
- scope.target.copy(scope.target0);
79
- scope.object.position.copy(scope.position0);
80
- scope.object.zoom = scope.zoom0;
81
- scope.object.updateProjectionMatrix();
82
- // scope.dispatchEvent( changeEvent );
83
- scope.update();
84
- state = STATE.NONE;
85
- };
86
- // this method is exposed, but perhaps it would be better if we can make it private...
87
- this.update = (function () {
88
- var offset = new THREE.Vector3();
89
- // so camera.up is the orbit axis
90
- var quat = new THREE.Quaternion().setFromUnitVectors(object.up, new THREE.Vector3(0, 1, 0));
91
- var quatInverse = quat.clone().invert();
92
- var lastPosition = new THREE.Vector3();
93
- var lastQuaternion = new THREE.Quaternion();
94
- return function update() {
95
- // if (!(scope.cameraChanged || scope.autoRotate))
96
- // return false;
97
- var position = scope.object.position;
98
- offset.copy(position).sub(scope.target);
99
- // rotate offset to "y-axis-is-up" space
100
- offset.applyQuaternion(quat);
101
- // angle from z-axis around y-axis
102
- spherical.setFromVector3(offset);
103
- if (scope.autoRotate && state === STATE.NONE) {
104
- // theta = getAutoRotationAngle();
105
- // thetaDelta = - getAutoRotationAngle();
106
- // theta = 0;
107
- rotateLeft(getAutoRotationAngle());
108
- // spherical.theta = getAutoRotationAngle();
109
- }
110
- spherical.theta += sphericalDelta.theta;
111
- spherical.phi += sphericalDelta.phi;
112
- // restrict theta to be between desired limits
113
- spherical.theta = Math.max(scope.minAzimuthAngle, Math.min(scope.maxAzimuthAngle, spherical.theta));
114
- // restrict phi to be between desired limits
115
- spherical.phi = Math.max(scope.minPolarAngle, Math.min(scope.maxPolarAngle, spherical.phi));
116
- spherical.makeSafe();
117
- spherical.radius *= scale;
118
- // restrict radius to be between desired limits
119
- spherical.radius = Math.max(scope.minDistance, Math.min(scope.maxDistance, spherical.radius));
120
- // move target to panned location
121
- scope.target.add(panOffset);
122
- offset.setFromSpherical(spherical);
123
- // rotate offset back to "camera-up-vector-is-up" space
124
- offset.applyQuaternion(quatInverse);
125
- position.copy(scope.target).add(offset);
126
- scope.object.lookAt(scope.target);
127
- if (scope.enableDamping === true) {
128
- sphericalDelta.theta *= 1 - scope.dampingFactor;
129
- sphericalDelta.phi *= 1 - scope.dampingFactor;
130
- }
131
- else {
132
- sphericalDelta.set(0, 0, 0);
133
- }
134
- scale = 1;
135
- panOffset.set(0, 0, 0);
136
- // update condition is:
137
- // min(camera displacement, camera rotation in radians)^2 > EPS
138
- // using small-angle approximation cos(x/2) = 1 - x^2 / 8
139
- // if ((scope.cameraChanged || zoomChanged) && (
140
- // lastPosition.distanceToSquared(scope.object.position) > EPS ||
141
- // 8 * (1 - lastQuaternion.dot(scope.object.quaternion)) > EPS)) {
142
- if (zoomChanged ||
143
- lastPosition.distanceToSquared(scope.object.position) > EPS ||
144
- 8 * (1 - lastQuaternion.dot(scope.object.quaternion)) > EPS) {
145
- lastPosition.copy(scope.object.position);
146
- lastQuaternion.copy(scope.object.quaternion);
147
- scope.component.invalidate();
148
- scope.cameraChanged = false;
149
- zoomChanged = false;
150
- return true;
151
- }
152
- scope.component.invalidate();
153
- return false;
154
- };
155
- })();
156
- this.dispose = function () { };
157
- //
158
- // event handlers - FSM: listen for events and reset state
159
- //
160
- this.onMouseDown = function (event) { };
161
- this.onMouseMove = function (event) { };
162
- this.onMouseUp = function (event) { };
163
- this.onDragStart = function (event) {
164
- if (this.enabled === false || this.enableRotate === false)
165
- return;
166
- scope.component.stop();
167
- this.autoRotate = false;
168
- if (event.altKey === true)
169
- state = STATE.PAN;
170
- else
171
- state = STATE.ROTATE;
172
- switch (state) {
173
- case STATE.ROTATE:
174
- if (this.enableRotate)
175
- handleDragStartRotate(event);
176
- break;
177
- case STATE.DOLLY:
178
- if (this.enableZoom)
179
- handleDragStartDolly(event);
180
- break;
181
- case STATE.PAN:
182
- if (this.enablePan)
183
- handleDragStartPan(event);
184
- break;
185
- }
186
- };
187
- this.onDragMove = function (event) {
188
- if (!this.enabled)
189
- return;
190
- if (event.altKey === true)
191
- state = STATE.PAN;
192
- else
193
- state = STATE.ROTATE;
194
- switch (state) {
195
- case STATE.ROTATE:
196
- if (this.enableRotate)
197
- handleDragMoveRotate(event);
198
- break;
199
- case STATE.DOLLY:
200
- if (this.enableZoom)
201
- handleDragMoveDolly(event);
202
- break;
203
- case STATE.PAN:
204
- if (this.enablePan)
205
- handleDragMovePan(event);
206
- break;
207
- }
208
- };
209
- this.onDragEnd = function (event) {
210
- if (this.enabled === false || this.enableRotate === false)
211
- return;
212
- state = STATE.NONE;
213
- START_TIME = null;
214
- this.autoRotate = this.component.model.autoRotate || false;
215
- scope.component.threed_animate();
216
- // scope.update();
217
- };
218
- this.onKeyDown = function (event) {
219
- if (this.enabled === false || this.enableKeys === false || this.enablePan === false)
220
- return;
221
- handleKeyDown(event);
222
- };
223
- this.onTouchStart = function (event) {
224
- if (this.enabled === false)
225
- return;
226
- switch (event.touches.length) {
227
- case 1: // one-fingered touch: rotate
228
- if (this.enableRotate === false)
229
- return;
230
- handleTouchStartRotate(event);
231
- state = STATE.TOUCH_ROTATE;
232
- break;
233
- case 2: // two-fingered touch: pan
234
- this.lastScale = event.scale || 1;
235
- if (this.enablePan === false)
236
- return;
237
- handleTouchStartPan(event);
238
- state = STATE.TOUCH_PAN;
239
- break;
240
- // case 2: // two-fingered touch: dolly
241
- // if ( this.enableZoom === false ) return;
242
- // handleTouchStartDolly( event );
243
- // state = STATE.TOUCH_DOLLY;
244
- // break;
245
- // case 3: // three-fingered touch: pan
246
- // if ( this.enablePan === false ) return;
247
- // handleTouchStartPan( event );
248
- // state = STATE.TOUCH_PAN;
249
- // break;
250
- default:
251
- state = STATE.NONE;
252
- }
253
- };
254
- this.onTouchMove = function (event) {
255
- if (this.enabled === false)
256
- return;
257
- switch (event.touches.length) {
258
- case 1: // one-fingered touch: rotate
259
- if (this.enableRotate === false)
260
- return;
261
- if (state !== STATE.TOUCH_ROTATE)
262
- return; // is this needed?...
263
- handleTouchMoveRotate(event);
264
- break;
265
- case 2: // two-fingered touch: pan
266
- if (Math.abs(this.lastScale - event.scale || 1) > 0.05) {
267
- return;
268
- }
269
- if (this.enablePan === false)
270
- return;
271
- if (state !== STATE.TOUCH_PAN)
272
- return; // is this needed?...
273
- handleTouchMovePan(event);
274
- break;
275
- // case 2: // two-fingered touch: dolly
276
- // if ( this.enableZoom === false ) return;
277
- // if ( state !== STATE.TOUCH_DOLLY ) return; // is this needed?...
278
- // handleTouchMoveDolly( event );
279
- // break;
280
- // case 3: // three-fingered touch: pan
281
- // if ( this.enablePan === false ) return;
282
- // if ( state !== STATE.TOUCH_PAN ) return; // is this needed?...
283
- // handleTouchMovePan( event );
284
- // break;
285
- default:
286
- state = STATE.NONE;
287
- }
288
- };
289
- this.onTouchEnd = function (event) {
290
- if (this.enabled === false)
291
- return;
292
- this.lastScale = 1;
293
- handleTouchEnd(event);
294
- // this.dispatchEvent( endEvent );
295
- state = STATE.NONE;
296
- };
297
- this.doAutoRotate = function (autoRotate) {
298
- START_TIME = null;
299
- this.cameraChanged = true;
300
- this.autoRotate = autoRotate;
301
- this.update();
302
- };
303
- //
304
- // internals
305
- //
306
- var scope = this;
307
- var changeEvent = { type: 'change' };
308
- var startEvent = { type: 'start' };
309
- var endEvent = { type: 'end' };
310
- var STATE = { NONE: -1, ROTATE: 0, DOLLY: 1, PAN: 2, TOUCH_ROTATE: 3, TOUCH_DOLLY: 4, TOUCH_PAN: 5 };
311
- var state = STATE.NONE;
312
- var EPS = 0.000001;
313
- // current position in spherical coordinates
314
- var spherical = new THREE.Spherical();
315
- var sphericalDelta = new THREE.Spherical();
316
- var scale = 1;
317
- var panOffset = new THREE.Vector3();
318
- var zoomChanged = false;
319
- var rotateStart = new THREE.Vector2();
320
- var rotateEnd = new THREE.Vector2();
321
- var rotateDelta = new THREE.Vector2();
322
- var panStart = new THREE.Vector2();
323
- var panEnd = new THREE.Vector2();
324
- var panDelta = new THREE.Vector2();
325
- var dollyStart = new THREE.Vector2();
326
- var dollyEnd = new THREE.Vector2();
327
- var dollyDelta = new THREE.Vector2();
328
- var START_TIME = null;
329
- var offsetTheta = 0;
330
- function getAutoRotationAngle() {
331
- if (!START_TIME) {
332
- START_TIME = performance.now();
333
- offsetTheta = spherical.theta;
334
- return 0;
335
- }
336
- var lastTime = performance.now() - START_TIME;
337
- var progress = lastTime / (60000 / scope.autoRotateSpeed);
338
- // return - 2 * Math.PI * progress;
339
- return 2 * Math.PI * progress + spherical.theta - offsetTheta;
340
- // return 2 * Math.PI / 60 / 60 * scope.autoRotateSpeed;
341
- }
342
- function getZoomScale() {
343
- return Math.pow(0.95, scope.zoomSpeed);
344
- }
345
- function rotateLeft(angle) {
346
- sphericalDelta.theta -= angle;
347
- }
348
- function rotateUp(angle) {
349
- sphericalDelta.phi -= angle;
350
- }
351
- var panLeft = (function () {
352
- var v = new THREE.Vector3();
353
- return function panLeft(distance, objectMatrix) {
354
- v.setFromMatrixColumn(objectMatrix, 0); // get X column of objectMatrix
355
- v.multiplyScalar(-distance);
356
- panOffset.add(v);
357
- };
358
- })();
359
- var panUp = (function () {
360
- var v = new THREE.Vector3();
361
- return function panUp(distance, objectMatrix) {
362
- v.setFromMatrixColumn(objectMatrix, 1); // get Y column of objectMatrix
363
- v.multiplyScalar(distance);
364
- panOffset.add(v);
365
- };
366
- })();
367
- // deltaX and deltaY are in pixels; right and down are positive
368
- var pan = (function () {
369
- var offset = new THREE.Vector3();
370
- return function pan(deltaX, deltaY) {
371
- var element = scope.component === document ? scope.component.body : scope.component;
372
- if (scope.object.isPerspectiveCamera) {
373
- // perspective
374
- var position = scope.object.position;
375
- offset.copy(position).sub(scope.target);
376
- var targetDistance = offset.length();
377
- // half of the fov is center to top of screen
378
- targetDistance *= Math.tan(((scope.object.fov / 2) * Math.PI) / 180.0);
379
- // we actually don't use screenWidth, since perspective camera is fixed to screen height
380
- panLeft((2 * deltaX * targetDistance) / element.model.height, scope.object.matrix);
381
- // panLeft( 2 * deltaX * targetDistance / element.clientHeight, scope.object.matrix );
382
- panUp((2 * deltaY * targetDistance) / element.model.height, scope.object.matrix);
383
- // panUp( 2 * deltaY * targetDistance / element.clientHeight, scope.object.matrix );
384
- }
385
- else if (scope.object.isOrthographicCamera) {
386
- // orthographic
387
- panLeft((deltaX * (scope.object.right - scope.object.left)) / scope.object.zoom / element.model.width, scope.object.matrix);
388
- // panLeft( deltaX * ( scope.object.right - scope.object.left ) / element.clientWidth, scope.object.matrix );
389
- panUp((deltaY * (scope.object.top - scope.object.bottom)) / scope.object.zoom / element.model.height, scope.object.matrix);
390
- // panUp( deltaY * ( scope.object.top - scope.object.bottom ) / element.clientHeight, scope.object.matrix );
391
- }
392
- else {
393
- // camera neither orthographic nor perspective
394
- console.warn('WARNING: ThreeControls.js encountered an unknown camera type - pan disabled.');
395
- scope.enablePan = false;
396
- }
397
- };
398
- })();
399
- function dollyIn(dollyScale) {
400
- if (scope.object.isPerspectiveCamera) {
401
- scale /= dollyScale;
402
- }
403
- else if (scope.object.isOrthographicCamera) {
404
- scope.object.zoom = Math.max(scope.minZoom, Math.min(scope.maxZoom, scope.object.zoom * dollyScale));
405
- scope.object.updateProjectionMatrix();
406
- zoomChanged = true;
407
- }
408
- else {
409
- console.warn('WARNING: ThreeControls.js encountered an unknown camera type - dolly/zoom disabled.');
410
- scope.enableZoom = false;
411
- }
412
- }
413
- function dollyOut(dollyScale) {
414
- if (scope.object.isPerspectiveCamera) {
415
- scale *= dollyScale;
416
- }
417
- else if (scope.object.isOrthographicCamera) {
418
- scope.object.zoom = Math.max(scope.minZoom, Math.min(scope.maxZoom, scope.object.zoom / dollyScale));
419
- scope.object.updateProjectionMatrix();
420
- zoomChanged = true;
421
- }
422
- else {
423
- console.warn('WARNING: ThreeControls.js encountered an unknown camera type - dolly/zoom disabled.');
424
- scope.enableZoom = false;
425
- }
426
- }
427
- //
428
- // event callbacks - update the object state
429
- //
430
- function handleDragStartRotate(event) {
431
- rotateStart.set(event.offsetX, event.offsetY);
432
- }
433
- function handleDragStartDolly(event) {
434
- dollyStart.set(event.offsetX, event.offsetY);
435
- }
436
- function handleDragStartPan(event) {
437
- panStart.set(event.offsetX, event.offsetY);
438
- }
439
- function handleDragMoveRotate(event) {
440
- rotateEnd.set(event.offsetX, event.offsetY);
441
- rotateDelta.subVectors(rotateEnd, rotateStart);
442
- var element = scope.component;
443
- // rotating across whole screen goes 360 degrees around
444
- rotateLeft(((2 * Math.PI * rotateDelta.x) / element.get('width')) * scope.rotateSpeed);
445
- // rotating up and down along whole screen attempts to go 360, but limited to 180
446
- rotateUp(((2 * Math.PI * rotateDelta.y) / element.get('height')) * scope.rotateSpeed);
447
- rotateStart.copy(rotateEnd);
448
- scope.update();
449
- }
450
- function handleDragMoveDolly(event) {
451
- dollyEnd.set(event.offsetX, event.offsetY);
452
- dollyDelta.subVectors(dollyEnd, dollyStart);
453
- if (dollyDelta.y > 0) {
454
- dollyIn(getZoomScale());
455
- }
456
- else if (dollyDelta.y < 0) {
457
- dollyOut(getZoomScale());
458
- }
459
- dollyStart.copy(dollyEnd);
460
- scope.update();
461
- }
462
- function handleDragMovePan(event) {
463
- panEnd.set(event.offsetX, event.offsetY);
464
- panDelta.subVectors(panEnd, panStart);
465
- pan(panDelta.x, panDelta.y);
466
- panStart.copy(panEnd);
467
- scope.update();
468
- }
469
- function handleMouseUp(event) { }
470
- function handleKeyDown(event) {
471
- switch (event.keyCode) {
472
- case scope.keys.UP:
473
- pan(0, scope.keyPanSpeed);
474
- scope.update();
475
- break;
476
- case scope.keys.BOTTOM:
477
- pan(0, -scope.keyPanSpeed);
478
- scope.update();
479
- break;
480
- case scope.keys.LEFT:
481
- pan(scope.keyPanSpeed, 0);
482
- scope.update();
483
- break;
484
- case scope.keys.RIGHT:
485
- pan(-scope.keyPanSpeed, 0);
486
- scope.update();
487
- break;
488
- }
489
- }
490
- function handleTouchStartRotate(event) {
491
- var x = event.touches[0].offsetX || event.touches[0].pageX;
492
- var y = event.touches[0].offsetY || event.touches[0].pageY;
493
- rotateStart.set(x, y);
494
- }
495
- function handleTouchStartDolly(event) {
496
- var dx = event.touches[0].pageX - event.touches[1].pageX;
497
- var dy = event.touches[0].pageY - event.touches[1].pageY;
498
- var distance = Math.sqrt(dx * dx + dy * dy);
499
- dollyStart.set(0, distance);
500
- }
501
- function handleTouchStartPan(event) {
502
- var x = event.touches[0].offsetX || event.touches[0].pageX;
503
- var y = event.touches[0].offsetY || event.touches[0].pageY;
504
- panStart.set(x, y);
505
- }
506
- function handleTouchMoveRotate(event) {
507
- var x = event.touches[0].offsetX || event.touches[0].pageX;
508
- var y = event.touches[0].offsetY || event.touches[0].pageY;
509
- rotateEnd.set(x, y);
510
- rotateDelta.subVectors(rotateEnd, rotateStart);
511
- var element = scope.component === document ? scope.component.body : scope.component;
512
- // rotating across whole screen goes 360 degrees around
513
- rotateLeft(((2 * Math.PI * rotateDelta.x) / element.model.width) * scope.rotateSpeed);
514
- // rotateLeft( 2 * Math.PI * rotateDelta.x / element.clientWidth * scope.rotateSpeed );
515
- // rotating up and down along whole screen attempts to go 360, but limited to 180
516
- rotateUp(((2 * Math.PI * rotateDelta.y) / element.model.height) * scope.rotateSpeed);
517
- // rotateUp( 2 * Math.PI * rotateDelta.y / element.clientHeight * scope.rotateSpeed );
518
- rotateStart.copy(rotateEnd);
519
- scope.update();
520
- }
521
- function handleTouchMoveDolly(event) {
522
- var dx = event.touches[0].pageX - event.touches[1].pageX;
523
- var dy = event.touches[0].pageY - event.touches[1].pageY;
524
- var distance = Math.sqrt(dx * dx + dy * dy);
525
- dollyEnd.set(0, distance);
526
- dollyDelta.subVectors(dollyEnd, dollyStart);
527
- if (dollyDelta.y > 0) {
528
- dollyOut(getZoomScale());
529
- }
530
- else if (dollyDelta.y < 0) {
531
- dollyIn(getZoomScale());
532
- }
533
- dollyStart.copy(dollyEnd);
534
- scope.update();
535
- }
536
- function handleTouchMovePan(event) {
537
- var x = event.touches[0].offsetX || event.touches[0].pageX;
538
- var y = event.touches[0].offsetY || event.touches[0].pageY;
539
- panEnd.set(x, y);
540
- panDelta.subVectors(panEnd, panStart);
541
- pan(panDelta.x, panDelta.y);
542
- panStart.copy(panEnd);
543
- scope.update();
544
- }
545
- function handleTouchEnd(event) { }
546
- this.update();
547
- };
548
- ThreeControls.prototype = {}; //Object.create( THREE.EventDispatcher.prototype );
549
- ThreeControls.prototype.constructor = ThreeControls;
550
- Object.defineProperties(ThreeControls.prototype, {
551
- center: {
552
- get: function () {
553
- console.warn('THREE.OrbitControls: .center has been renamed to .target');
554
- return this.target;
555
- }
556
- },
557
- // backward compatibility
558
- noZoom: {
559
- get: function () {
560
- console.warn('THREE.OrbitControls: .noZoom has been deprecated. Use .enableZoom instead.');
561
- return !this.enableZoom;
562
- },
563
- set: function (value) {
564
- console.warn('THREE.OrbitControls: .noZoom has been deprecated. Use .enableZoom instead.');
565
- this.enableZoom = !value;
566
- }
567
- },
568
- noRotate: {
569
- get: function () {
570
- console.warn('THREE.OrbitControls: .noRotate has been deprecated. Use .enableRotate instead.');
571
- return !this.enableRotate;
572
- },
573
- set: function (value) {
574
- console.warn('THREE.OrbitControls: .noRotate has been deprecated. Use .enableRotate instead.');
575
- this.enableRotate = !value;
576
- }
577
- },
578
- noPan: {
579
- get: function () {
580
- console.warn('THREE.OrbitControls: .noPan has been deprecated. Use .enablePan instead.');
581
- return !this.enablePan;
582
- },
583
- set: function (value) {
584
- console.warn('THREE.OrbitControls: .noPan has been deprecated. Use .enablePan instead.');
585
- this.enablePan = !value;
586
- }
587
- },
588
- noKeys: {
589
- get: function () {
590
- console.warn('THREE.OrbitControls: .noKeys has been deprecated. Use .enableKeys instead.');
591
- return !this.enableKeys;
592
- },
593
- set: function (value) {
594
- console.warn('THREE.OrbitControls: .noKeys has been deprecated. Use .enableKeys instead.');
595
- this.enableKeys = !value;
596
- }
597
- },
598
- staticMoving: {
599
- get: function () {
600
- console.warn('THREE.OrbitControls: .staticMoving has been deprecated. Use .enableDamping instead.');
601
- return !this.enableDamping;
602
- },
603
- set: function (value) {
604
- console.warn('THREE.OrbitControls: .staticMoving has been deprecated. Use .enableDamping instead.');
605
- this.enableDamping = !value;
606
- }
607
- },
608
- dynamicDampingFactor: {
609
- get: function () {
610
- console.warn('THREE.OrbitControls: .dynamicDampingFactor has been renamed. Use .dampingFactor instead.');
611
- return this.dampingFactor;
612
- },
613
- set: function (value) {
614
- console.warn('THREE.OrbitControls: .dynamicDampingFactor has been renamed. Use .dampingFactor instead.');
615
- this.dampingFactor = value;
616
- }
617
- }
618
- });
619
- export default ThreeControls;
620
- //# sourceMappingURL=three-controls.js.map