vislite 0.5.2-alpha.1 → 0.5.2

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 (191) hide show
  1. package/.editorconfig +18 -18
  2. package/AUTHORS.txt +6 -6
  3. package/CHANGELOG +143 -137
  4. package/LICENSE +20 -20
  5. package/README.md +69 -69
  6. package/lib/Buffer/index.umd.js +36 -36
  7. package/lib/Buffer/index.umd.min.js +2 -2
  8. package/lib/Canvas/index.umd.js +650 -650
  9. package/lib/Canvas/index.umd.min.js +2 -2
  10. package/lib/Cardinal/index.umd.js +91 -91
  11. package/lib/Cardinal/index.umd.min.js +2 -2
  12. package/lib/Eoap/index.umd.js +34 -34
  13. package/lib/Eoap/index.umd.min.js +2 -2
  14. package/lib/Geometry/index.umd.js +142 -142
  15. package/lib/Geometry/index.umd.min.js +2 -2
  16. package/lib/Hermite/index.umd.js +36 -36
  17. package/lib/Hermite/index.umd.min.js +2 -2
  18. package/lib/Matrix4/index.umd.js +119 -119
  19. package/lib/Matrix4/index.umd.min.js +2 -2
  20. package/lib/Mercator/index.umd.js +20 -20
  21. package/lib/Mercator/index.umd.min.js +2 -2
  22. package/lib/OralCanvas/index.es.js +598 -598
  23. package/lib/OralCanvas/index.es.min.js +2 -2
  24. package/lib/OralWebGL/index.es.js +532 -532
  25. package/lib/OralWebGL/index.es.min.js +3 -3
  26. package/lib/SVG/index.umd.js +470 -405
  27. package/lib/SVG/index.umd.min.js +3 -3
  28. package/lib/Shader/index.umd.js +69 -69
  29. package/lib/Shader/index.umd.min.js +3 -3
  30. package/lib/Texture/index.umd.js +53 -53
  31. package/lib/Texture/index.umd.min.js +2 -2
  32. package/lib/TreeLayout/index.umd.js +363 -363
  33. package/lib/TreeLayout/index.umd.min.js +2 -2
  34. package/lib/WebGL/index.umd.js +579 -579
  35. package/lib/WebGL/index.umd.min.js +3 -3
  36. package/lib/animation/index.umd.js +72 -72
  37. package/lib/animation/index.umd.min.js +2 -2
  38. package/lib/formatColor/index.umd.js +40 -40
  39. package/lib/formatColor/index.umd.min.js +2 -2
  40. package/lib/getLoopColors/index.umd.js +36 -36
  41. package/lib/getLoopColors/index.umd.min.js +2 -2
  42. package/lib/getWebGLContext/index.umd.js +44 -44
  43. package/lib/getWebGLContext/index.umd.min.js +2 -2
  44. package/lib/index.umd.js +2744 -2662
  45. package/lib/index.umd.min.js +3 -3
  46. package/lib/move/index.umd.js +27 -0
  47. package/lib/move/index.umd.min.js +11 -0
  48. package/lib/resizeObserver/index.umd.js +29 -29
  49. package/lib/resizeObserver/index.umd.min.js +2 -2
  50. package/lib/rotate/index.umd.js +8 -8
  51. package/lib/rotate/index.umd.min.js +2 -2
  52. package/lib/ruler/index.umd.js +126 -126
  53. package/lib/ruler/index.umd.min.js +2 -2
  54. package/lib/scale/index.umd.js +26 -0
  55. package/lib/scale/index.umd.min.js +11 -0
  56. package/lib/throttle/index.umd.js +49 -49
  57. package/lib/throttle/index.umd.min.js +2 -2
  58. package/lib/viewHandler/index.umd.js +120 -120
  59. package/lib/viewHandler/index.umd.min.js +2 -2
  60. package/miniprogram/ui-canvas/index.js +107 -107
  61. package/miniprogram/ui-canvas/index.json +4 -4
  62. package/miniprogram/ui-canvas/index.wxml +4 -4
  63. package/miniprogram/ui-canvas/index.wxss +5 -5
  64. package/package/Buffer/index.ts +2 -2
  65. package/package/Canvas/index.ts +2 -2
  66. package/package/Cardinal/index.ts +2 -2
  67. package/package/Eoap/index.ts +2 -2
  68. package/package/Geometry/index.ts +2 -2
  69. package/package/Hermite/index.ts +2 -2
  70. package/package/Matrix4/index.ts +2 -2
  71. package/package/Mercator/index.ts +2 -2
  72. package/package/OralCanvas/index.ts +2 -2
  73. package/package/OralWebGL/index.ts +2 -2
  74. package/package/SVG/index.ts +2 -2
  75. package/package/Shader/index.ts +39 -39
  76. package/package/Texture/index.ts +2 -2
  77. package/package/TreeLayout/index.ts +2 -2
  78. package/package/WebGL/index.ts +2 -2
  79. package/package/animation/index.ts +2 -2
  80. package/package/formatColor/index.ts +2 -2
  81. package/package/getLoopColors/index.ts +2 -2
  82. package/package/getWebGLContext/index.ts +39 -39
  83. package/package/index.ts +76 -72
  84. package/package/move/index.ts +3 -0
  85. package/package/resizeObserver/index.ts +2 -2
  86. package/package/rotate/index.ts +2 -2
  87. package/package/ruler/index.ts +2 -2
  88. package/package/scale/index.ts +3 -0
  89. package/package/throttle/index.ts +2 -2
  90. package/package/viewHandler/index.ts +2 -2
  91. package/package.json +66 -66
  92. package/src/Canvas.ts +67 -67
  93. package/src/Eoap.ts +66 -66
  94. package/src/Geometry.ts +82 -82
  95. package/src/Matrix4/index.ts +76 -76
  96. package/src/Matrix4/move.ts +12 -12
  97. package/src/Matrix4/rotate.ts +15 -15
  98. package/src/Matrix4/scale.ts +11 -11
  99. package/src/Matrix4/transform.ts +64 -64
  100. package/src/Mercator.ts +27 -27
  101. package/src/SVG.ts +24 -24
  102. package/src/TreeLayout/index.ts +186 -186
  103. package/src/WebGL.ts +66 -66
  104. package/src/animation.ts +98 -98
  105. package/src/common/assemble.ts +22 -22
  106. package/src/common/canvas/arc.ts +50 -50
  107. package/src/common/canvas/config.ts +158 -158
  108. package/src/common/canvas/gradient.ts +29 -29
  109. package/src/common/canvas/index.ts +168 -168
  110. package/src/common/canvas/painter.ts +426 -426
  111. package/src/common/canvas/texts.ts +18 -18
  112. package/src/common/geometry/prism-horizontal.ts +33 -33
  113. package/src/common/geometry/prism-vertical.ts +40 -40
  114. package/src/common/geometry/sphere-fragment.ts +39 -39
  115. package/src/common/geometry/tool/circle.ts +11 -11
  116. package/src/common/mergeOption.ts +6 -6
  117. package/src/common/setStyle.ts +5 -5
  118. package/src/common/svg/config.ts +186 -174
  119. package/src/common/svg/gradient.ts +63 -0
  120. package/src/common/svg/index.ts +356 -344
  121. package/src/common/svg/tool.ts +44 -44
  122. package/src/common/tree/index.ts +25 -25
  123. package/src/common/tree/toInnerTree.ts +56 -56
  124. package/src/common/tree/toPlainTree.ts +131 -131
  125. package/src/common/webgl/buffer.ts +79 -79
  126. package/src/common/webgl/doDraw.ts +108 -108
  127. package/src/common/webgl/getColorFactory.ts +26 -26
  128. package/src/common/webgl/getShader.ts +48 -48
  129. package/src/common/webgl/getTexture.ts +11 -11
  130. package/src/common/webgl/getWebGLContext.ts +27 -27
  131. package/src/common/webgl/index.ts +223 -223
  132. package/src/common/webgl/shader.ts +75 -75
  133. package/src/common/webgl/texture.ts +96 -96
  134. package/src/formatColor.ts +44 -44
  135. package/src/getLoopColors.ts +42 -42
  136. package/src/interpolation/Cardinal.ts +110 -110
  137. package/src/interpolation/Hermite.ts +65 -65
  138. package/src/move.ts +8 -0
  139. package/src/resizeObserver.ts +36 -36
  140. package/src/rotate.ts +7 -7
  141. package/src/ruler.ts +188 -188
  142. package/src/scale.ts +7 -0
  143. package/src/shader/fsColor.c +7 -7
  144. package/src/shader/fsColors.c +7 -7
  145. package/src/shader/fsCube.c +8 -8
  146. package/src/shader/fsImage.c +8 -8
  147. package/src/shader/vsColor.c +17 -17
  148. package/src/shader/vsColors.c +13 -13
  149. package/src/shader/vsCube.c +13 -13
  150. package/src/shader/vsImage.c +13 -13
  151. package/src/throttle.ts +51 -51
  152. package/src/viewHandler.ts +158 -158
  153. package/types/Buffer.d.ts +23 -23
  154. package/types/Canvas.d.ts +300 -300
  155. package/types/CanvasConfig.d.ts +106 -106
  156. package/types/CanvasOption.d.ts +7 -7
  157. package/types/Cardinal.d.ts +13 -13
  158. package/types/Geometry.d.ts +40 -40
  159. package/types/GeometryOption.d.ts +11 -11
  160. package/types/GeometryResult.d.ts +18 -18
  161. package/types/Gradient.d.ts +14 -14
  162. package/types/Hermite.d.ts +18 -18
  163. package/types/Map.d.ts +9 -9
  164. package/types/Matrix4.d.ts +42 -42
  165. package/types/Object3D.d.ts +114 -114
  166. package/types/SVG.d.ts +238 -215
  167. package/types/SVGConfig.d.ts +76 -76
  168. package/types/Scene3D.d.ts +6 -6
  169. package/types/Shader.d.ts +21 -21
  170. package/types/Texture.d.ts +16 -16
  171. package/types/Tree.d.ts +69 -69
  172. package/types/TreeConfig.d.ts +24 -24
  173. package/types/TreeLayout.d.ts +54 -54
  174. package/types/TreeOption.d.ts +48 -48
  175. package/types/WebGL.d.ts +38 -38
  176. package/types/WebGLOption.d.ts +7 -7
  177. package/types/animation.d.ts +6 -6
  178. package/types/formatColor.d.ts +2 -2
  179. package/types/getLoopColors.d.ts +2 -2
  180. package/types/getWebGLContext.d.ts +2 -2
  181. package/types/index.d.ts +175 -169
  182. package/types/move.d.ts +3 -0
  183. package/types/painterConfig.d.ts +2 -2
  184. package/types/resizeObserver.d.ts +2 -2
  185. package/types/rotate.d.ts +2 -2
  186. package/types/ruler.d.ts +7 -7
  187. package/types/scale.d.ts +3 -0
  188. package/types/throttle.d.ts +4 -4
  189. package/types/throttleOption.d.ts +21 -21
  190. package/types/viewHandler.d.ts +13 -13
  191. package/uni-app/ui-canvas.vue +226 -226
@@ -1,9 +1,9 @@
1
- precision mediump float;
2
-
3
- uniform sampler2D u_sampler;
4
- varying vec2 v_textcoord;
5
-
6
- void main()
7
- {
8
- gl_FragColor = texture2D(u_sampler, v_textcoord);
1
+ precision mediump float;
2
+
3
+ uniform sampler2D u_sampler;
4
+ varying vec2 v_textcoord;
5
+
6
+ void main()
7
+ {
8
+ gl_FragColor = texture2D(u_sampler, v_textcoord);
9
9
  }
@@ -1,18 +1,18 @@
1
- attribute vec4 a_position;
2
- uniform mat4 u_matrix;
3
-
4
- void main()
5
- {
6
- vec4 temp = u_matrix * a_position;
7
-
8
- // 把原生的WebGL使用的左手坐标系变成了右手坐标系
9
- temp.z = -1.0 * temp.z;
10
-
11
- // 表示眼睛距离vec4(0.0,0.0,1.0)的距离
12
- float dist = 4.0;
13
-
14
- // 使用投影直接计算
15
- // 为保证纹理和相对位置正确
16
- // x、y、z的改变满足线性变换
17
- gl_Position = vec4((dist + 1.0) * temp.x, (dist + 1.0) * temp.y, dist * (dist + temp.z) + 1.0 - dist * dist, temp.w * 2.0 * (dist + temp.z));
1
+ attribute vec4 a_position;
2
+ uniform mat4 u_matrix;
3
+
4
+ void main()
5
+ {
6
+ vec4 temp = u_matrix * a_position;
7
+
8
+ // 把原生的WebGL使用的左手坐标系变成了右手坐标系
9
+ temp.z = -1.0 * temp.z;
10
+
11
+ // 表示眼睛距离vec4(0.0,0.0,1.0)的距离
12
+ float dist = 4.0;
13
+
14
+ // 使用投影直接计算
15
+ // 为保证纹理和相对位置正确
16
+ // x、y、z的改变满足线性变换
17
+ gl_Position = vec4((dist + 1.0) * temp.x, (dist + 1.0) * temp.y, dist * (dist + temp.z) + 1.0 - dist * dist, temp.w * 2.0 * (dist + temp.z));
18
18
  }
@@ -1,14 +1,14 @@
1
- attribute vec4 a_position;
2
- uniform mat4 u_matrix;
3
- attribute vec4 a_color;
4
- varying vec4 v_color;
5
-
6
- void main()
7
- {
8
- vec4 temp = u_matrix * a_position;
9
- temp.z = -1.0 * temp.z;
10
- float dist = 4.0;
11
- gl_Position = vec4((dist + 1.0) * temp.x, (dist + 1.0) * temp.y, dist * (dist + temp.z) + 1.0 - dist * dist, temp.w * 2.0 * (dist + temp.z));
12
-
13
- v_color = a_color;
1
+ attribute vec4 a_position;
2
+ uniform mat4 u_matrix;
3
+ attribute vec4 a_color;
4
+ varying vec4 v_color;
5
+
6
+ void main()
7
+ {
8
+ vec4 temp = u_matrix * a_position;
9
+ temp.z = -1.0 * temp.z;
10
+ float dist = 4.0;
11
+ gl_Position = vec4((dist + 1.0) * temp.x, (dist + 1.0) * temp.y, dist * (dist + temp.z) + 1.0 - dist * dist, temp.w * 2.0 * (dist + temp.z));
12
+
13
+ v_color = a_color;
14
14
  }
@@ -1,14 +1,14 @@
1
- attribute vec4 a_position;
2
- uniform mat4 u_matrix;
3
- attribute vec4 a_normal;
4
- varying vec3 v_normal;
5
-
6
- void main()
7
- {
8
- vec4 temp = u_matrix * a_position;
9
- temp.z = -1.0 * temp.z;
10
- float dist = 4.0;
11
- gl_Position = vec4((dist + 1.0) * temp.x, (dist + 1.0) * temp.y, dist * (dist + temp.z) + 1.0 - dist * dist, temp.w * 2.0 * (dist + temp.z));
12
-
13
- v_normal = normalize(vec3(a_normal));
1
+ attribute vec4 a_position;
2
+ uniform mat4 u_matrix;
3
+ attribute vec4 a_normal;
4
+ varying vec3 v_normal;
5
+
6
+ void main()
7
+ {
8
+ vec4 temp = u_matrix * a_position;
9
+ temp.z = -1.0 * temp.z;
10
+ float dist = 4.0;
11
+ gl_Position = vec4((dist + 1.0) * temp.x, (dist + 1.0) * temp.y, dist * (dist + temp.z) + 1.0 - dist * dist, temp.w * 2.0 * (dist + temp.z));
12
+
13
+ v_normal = normalize(vec3(a_normal));
14
14
  }
@@ -1,14 +1,14 @@
1
- attribute vec4 a_position;
2
- uniform mat4 u_matrix;
3
- attribute vec2 a_textcoord;
4
- varying vec2 v_textcoord;
5
-
6
- void main()
7
- {
8
- vec4 temp = u_matrix * a_position;
9
- temp.z = -1.0 * temp.z;
10
- float dist = 4.0;
11
- gl_Position = vec4((dist + 1.0) * temp.x, (dist + 1.0) * temp.y, dist * (dist + temp.z) + 1.0 - dist * dist, temp.w * 2.0 * (dist + temp.z));
12
-
13
- v_textcoord = a_textcoord;
1
+ attribute vec4 a_position;
2
+ uniform mat4 u_matrix;
3
+ attribute vec2 a_textcoord;
4
+ varying vec2 v_textcoord;
5
+
6
+ void main()
7
+ {
8
+ vec4 temp = u_matrix * a_position;
9
+ temp.z = -1.0 * temp.z;
10
+ float dist = 4.0;
11
+ gl_Position = vec4((dist + 1.0) * temp.x, (dist + 1.0) * temp.y, dist * (dist + temp.z) + 1.0 - dist * dist, temp.w * 2.0 * (dist + temp.z));
12
+
13
+ v_textcoord = a_textcoord;
14
14
  }
package/src/throttle.ts CHANGED
@@ -1,52 +1,52 @@
1
- import type throttleOptionType from '../types/throttleOption'
2
-
3
- import mergeOption from './common/mergeOption'
4
-
5
- export default function (callback: Function, option: throttleOptionType = {}) {
6
-
7
- // 校对缺省值
8
- option = mergeOption(option, <throttleOptionType>{
9
- time: 200,
10
- keep: false,
11
- opportunity: "end"
12
- })
13
-
14
- let hadInterval = false
15
- let hadClick = false
16
- let oneClick = false
17
-
18
- let arg: any
19
- return function () {
20
- let _this = this
21
- arg = arguments
22
-
23
- // 如果前置任务都完成了
24
- if (!hadInterval) {
25
- if (option.opportunity != 'end') {
26
- callback.apply(_this, arg)
27
- }
28
- hadInterval = true
29
-
30
- let interval = setInterval(() => {
31
- if (hadClick) {
32
- if (!option.keep) {
33
- callback.apply(_this, arg)
34
- }
35
- } else {
36
- if (option.opportunity != 'begin') {
37
- if (oneClick || option.opportunity == 'end') callback.apply(_this, arg)
38
- }
39
- hadInterval = false
40
- oneClick = false
41
- clearInterval(interval)
42
- }
43
- hadClick = false
44
- }, option.time)
45
- } else {
46
- hadClick = true
47
- oneClick = true
48
- }
49
-
50
- }
51
-
1
+ import type throttleOptionType from '../types/throttleOption'
2
+
3
+ import mergeOption from './common/mergeOption'
4
+
5
+ export default function (callback: Function, option: throttleOptionType = {}) {
6
+
7
+ // 校对缺省值
8
+ option = mergeOption(option, <throttleOptionType>{
9
+ time: 200,
10
+ keep: false,
11
+ opportunity: "end"
12
+ })
13
+
14
+ let hadInterval = false
15
+ let hadClick = false
16
+ let oneClick = false
17
+
18
+ let arg: any
19
+ return function () {
20
+ let _this = this
21
+ arg = arguments
22
+
23
+ // 如果前置任务都完成了
24
+ if (!hadInterval) {
25
+ if (option.opportunity != 'end') {
26
+ callback.apply(_this, arg)
27
+ }
28
+ hadInterval = true
29
+
30
+ let interval = setInterval(() => {
31
+ if (hadClick) {
32
+ if (!option.keep) {
33
+ callback.apply(_this, arg)
34
+ }
35
+ } else {
36
+ if (option.opportunity != 'begin') {
37
+ if (oneClick || option.opportunity == 'end') callback.apply(_this, arg)
38
+ }
39
+ hadInterval = false
40
+ oneClick = false
41
+ clearInterval(interval)
42
+ }
43
+ hadClick = false
44
+ }, option.time)
45
+ } else {
46
+ hadClick = true
47
+ oneClick = true
48
+ }
49
+
50
+ }
51
+
52
52
  }
@@ -1,159 +1,159 @@
1
- import type { callbackFun } from '../types/viewHandler'
2
-
3
- let mousePosition = (el: HTMLElement, event: any) => {
4
- let bounding = el.getBoundingClientRect()
5
- return {
6
- "x": event.clientX - bounding.left,
7
- "y": event.clientY - bounding.top
8
- }
9
- }
10
-
11
- let getKeyString = (event: any) => {
12
- return {
13
- 37: "left",
14
- 38: "up",
15
- 39: "right",
16
- 40: "down",
17
- }[event.keyCode || event.which]
18
- }
19
-
20
- export default function (callback: callbackFun) {
21
-
22
- let el = document.getElementsByTagName('body')[0]
23
-
24
- // 键盘控制
25
- el.addEventListener("keydown", function (event) {
26
- let keyCode = getKeyString(event)
27
-
28
- // 视角向上
29
- if (keyCode == 'up') {
30
- callback({
31
- type: "lookUp",
32
- normal: [],
33
- value: 0.1,
34
- event
35
- })
36
- }
37
-
38
- // 视角向下
39
- else if (keyCode == 'down') {
40
- callback({
41
- type: "lookDown",
42
- normal: [],
43
- value: 0.1,
44
- event
45
- })
46
- }
47
-
48
- // 视角向左
49
- else if (keyCode == 'left') {
50
- callback({
51
- type: "lookLeft",
52
- normal: [],
53
- value: 0.1,
54
- event
55
- })
56
- }
57
-
58
- // 视角向右
59
- else if (keyCode == 'right') {
60
- callback({
61
- type: "lookRight",
62
- normal: [],
63
- value: 0.1,
64
- event
65
- })
66
- }
67
-
68
- })
69
-
70
- // 鼠标控制
71
- let mouseP = null;
72
- let doMove = function (event) {
73
-
74
- // 单纯移动
75
- if (mouseP == null) {
76
- callback({
77
- type: "hover",
78
- normal: [],
79
- value: 0,
80
- event
81
- })
82
- }
83
-
84
- // 按下移动
85
- else {
86
-
87
- let tempMouseP = mousePosition(el, event)
88
-
89
- // 先求解出轨迹向量
90
- let normal = [tempMouseP.x - mouseP.x, tempMouseP.y - mouseP.y]
91
-
92
- // 方向向量旋转90deg得到旋转向量
93
- let rotateNormal = [
94
- normal[1],
95
- normal[0],
96
- 0
97
- ]
98
-
99
- // 非法射线忽略
100
- if (rotateNormal[0] == 0 && rotateNormal[1] == 0) return
101
-
102
- callback({
103
- type: "rotate",
104
- normal: rotateNormal,
105
- value: (Math.abs(tempMouseP.x - mouseP.x) + Math.abs(tempMouseP.y - mouseP.y)) * 0.01,
106
- event
107
- })
108
-
109
- mouseP = tempMouseP
110
- }
111
- }
112
-
113
- el.addEventListener("mousedown", (event) => {
114
- mouseP = mousePosition(el, event)
115
- })
116
- el.addEventListener("mouseup", (event) => {
117
- mouseP = null
118
- })
119
- el.addEventListener("mousemove", (event) => {
120
- doMove(event)
121
- })
122
-
123
- // 手指控制
124
- el.addEventListener("touchend", (event) => {
125
- mouseP = null;
126
- })
127
- el.addEventListener("touchstart", (event) => {
128
- mouseP = mousePosition(el, event)
129
- })
130
- el.addEventListener("touchmove", (event) => {
131
- doMove(event.touches[0])
132
- })
133
-
134
- let doScale = function (value: number, event: Event) {
135
- if (value == 0) return
136
-
137
- let baseTimes = 0.899
138
- callback({
139
- type: "scale",
140
- value: value < 0 ? baseTimes : 2 - baseTimes,
141
- normal: [],
142
- event
143
- })
144
- }
145
-
146
- // 滚轮控制
147
- el.addEventListener("mousewheel", function (event: any) {
148
- doScale(event.wheelDelta, event)
149
- })
150
-
151
- if (window.addEventListener) {
152
-
153
- // 针对火狐浏览器
154
- window.addEventListener('DOMMouseScroll', function (event: any) {
155
- doScale(-1 * event.detail, event)
156
- }, false)
157
- }
158
-
1
+ import type { callbackFun } from '../types/viewHandler'
2
+
3
+ let mousePosition = (el: HTMLElement, event: any) => {
4
+ let bounding = el.getBoundingClientRect()
5
+ return {
6
+ "x": event.clientX - bounding.left,
7
+ "y": event.clientY - bounding.top
8
+ }
9
+ }
10
+
11
+ let getKeyString = (event: any) => {
12
+ return {
13
+ 37: "left",
14
+ 38: "up",
15
+ 39: "right",
16
+ 40: "down",
17
+ }[event.keyCode || event.which]
18
+ }
19
+
20
+ export default function (callback: callbackFun) {
21
+
22
+ let el = document.getElementsByTagName('body')[0]
23
+
24
+ // 键盘控制
25
+ el.addEventListener("keydown", function (event) {
26
+ let keyCode = getKeyString(event)
27
+
28
+ // 视角向上
29
+ if (keyCode == 'up') {
30
+ callback({
31
+ type: "lookUp",
32
+ normal: [],
33
+ value: 0.1,
34
+ event
35
+ })
36
+ }
37
+
38
+ // 视角向下
39
+ else if (keyCode == 'down') {
40
+ callback({
41
+ type: "lookDown",
42
+ normal: [],
43
+ value: 0.1,
44
+ event
45
+ })
46
+ }
47
+
48
+ // 视角向左
49
+ else if (keyCode == 'left') {
50
+ callback({
51
+ type: "lookLeft",
52
+ normal: [],
53
+ value: 0.1,
54
+ event
55
+ })
56
+ }
57
+
58
+ // 视角向右
59
+ else if (keyCode == 'right') {
60
+ callback({
61
+ type: "lookRight",
62
+ normal: [],
63
+ value: 0.1,
64
+ event
65
+ })
66
+ }
67
+
68
+ })
69
+
70
+ // 鼠标控制
71
+ let mouseP = null;
72
+ let doMove = function (event) {
73
+
74
+ // 单纯移动
75
+ if (mouseP == null) {
76
+ callback({
77
+ type: "hover",
78
+ normal: [],
79
+ value: 0,
80
+ event
81
+ })
82
+ }
83
+
84
+ // 按下移动
85
+ else {
86
+
87
+ let tempMouseP = mousePosition(el, event)
88
+
89
+ // 先求解出轨迹向量
90
+ let normal = [tempMouseP.x - mouseP.x, tempMouseP.y - mouseP.y]
91
+
92
+ // 方向向量旋转90deg得到旋转向量
93
+ let rotateNormal = [
94
+ normal[1],
95
+ normal[0],
96
+ 0
97
+ ]
98
+
99
+ // 非法射线忽略
100
+ if (rotateNormal[0] == 0 && rotateNormal[1] == 0) return
101
+
102
+ callback({
103
+ type: "rotate",
104
+ normal: rotateNormal,
105
+ value: (Math.abs(tempMouseP.x - mouseP.x) + Math.abs(tempMouseP.y - mouseP.y)) * 0.01,
106
+ event
107
+ })
108
+
109
+ mouseP = tempMouseP
110
+ }
111
+ }
112
+
113
+ el.addEventListener("mousedown", (event) => {
114
+ mouseP = mousePosition(el, event)
115
+ })
116
+ el.addEventListener("mouseup", (event) => {
117
+ mouseP = null
118
+ })
119
+ el.addEventListener("mousemove", (event) => {
120
+ doMove(event)
121
+ })
122
+
123
+ // 手指控制
124
+ el.addEventListener("touchend", (event) => {
125
+ mouseP = null;
126
+ })
127
+ el.addEventListener("touchstart", (event) => {
128
+ mouseP = mousePosition(el, event)
129
+ })
130
+ el.addEventListener("touchmove", (event) => {
131
+ doMove(event.touches[0])
132
+ })
133
+
134
+ let doScale = function (value: number, event: Event) {
135
+ if (value == 0) return
136
+
137
+ let baseTimes = 0.899
138
+ callback({
139
+ type: "scale",
140
+ value: value < 0 ? baseTimes : 2 - baseTimes,
141
+ normal: [],
142
+ event
143
+ })
144
+ }
145
+
146
+ // 滚轮控制
147
+ el.addEventListener("mousewheel", function (event: any) {
148
+ doScale(event.wheelDelta, event)
149
+ })
150
+
151
+ if (window.addEventListener) {
152
+
153
+ // 针对火狐浏览器
154
+ window.addEventListener('DOMMouseScroll', function (event: any) {
155
+ doScale(-1 * event.detail, event)
156
+ }, false)
157
+ }
158
+
159
159
  }
package/types/Buffer.d.ts CHANGED
@@ -1,24 +1,24 @@
1
- export default interface BufferType {
2
-
3
- /**
4
- * 使用这个缓冲区对象
5
- * (先于写入和分配)
6
- */
7
- use(): this
8
-
9
- /**
10
- * 写入数据
11
- * @param data 具体的数据内容
12
- */
13
- write(data: Uint8Array | Int16Array | Uint16Array | Int32Array | Uint32Array | Float32Array): this
14
-
15
- /**
16
- * 分配使用
17
- * @param location 变量位置
18
- * @param size 一个数据的长度
19
- * @param stride 一组数据的长度(可能包含多组)
20
- * @param offset 读取位置偏移
21
- */
22
- divide(location: number, size: number, stride: number, offset?: number): this
23
-
1
+ export default interface BufferType {
2
+
3
+ /**
4
+ * 使用这个缓冲区对象
5
+ * (先于写入和分配)
6
+ */
7
+ use(): this
8
+
9
+ /**
10
+ * 写入数据
11
+ * @param data 具体的数据内容
12
+ */
13
+ write(data: Uint8Array | Int16Array | Uint16Array | Int32Array | Uint32Array | Float32Array): this
14
+
15
+ /**
16
+ * 分配使用
17
+ * @param location 变量位置
18
+ * @param size 一个数据的长度
19
+ * @param stride 一组数据的长度(可能包含多组)
20
+ * @param offset 读取位置偏移
21
+ */
22
+ divide(location: number, size: number, stride: number, offset?: number): this
23
+
24
24
  }