vislite 0.4.1 → 0.5.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 (180) hide show
  1. package/.editorconfig +18 -18
  2. package/AUTHORS.txt +6 -6
  3. package/CHANGELOG +16 -0
  4. package/LICENSE +20 -20
  5. package/README.md +69 -69
  6. package/lib/Buffer/index.umd.js +3 -3
  7. package/lib/Buffer/index.umd.min.js +3 -3
  8. package/lib/Canvas/index.umd.js +3 -3
  9. package/lib/Canvas/index.umd.min.js +3 -3
  10. package/lib/Cardinal/index.umd.js +3 -3
  11. package/lib/Cardinal/index.umd.min.js +3 -3
  12. package/lib/Eoap/index.umd.js +3 -3
  13. package/lib/Eoap/index.umd.min.js +3 -3
  14. package/lib/Geometry/index.umd.js +205 -0
  15. package/lib/Geometry/index.umd.min.js +11 -0
  16. package/lib/Hermite/index.umd.js +3 -3
  17. package/lib/Hermite/index.umd.min.js +3 -3
  18. package/lib/Matrix4/index.umd.js +3 -3
  19. package/lib/Matrix4/index.umd.min.js +3 -3
  20. package/lib/Mercator/index.umd.js +5 -4
  21. package/lib/Mercator/index.umd.min.js +4 -4
  22. package/lib/OralCanvas/index.es.js +3 -3
  23. package/lib/OralCanvas/index.es.min.js +3 -3
  24. package/lib/OralWebGL/index.es.js +11 -11
  25. package/lib/OralWebGL/index.es.min.js +4 -4
  26. package/lib/SVG/index.umd.js +10 -4
  27. package/lib/SVG/index.umd.min.js +4 -4
  28. package/lib/Shader/index.umd.js +11 -11
  29. package/lib/Shader/index.umd.min.js +4 -4
  30. package/lib/Texture/index.umd.js +3 -3
  31. package/lib/Texture/index.umd.min.js +3 -3
  32. package/lib/TreeLayout/index.umd.js +8 -5
  33. package/lib/TreeLayout/index.umd.min.js +4 -4
  34. package/lib/WebGL/index.umd.js +11 -11
  35. package/lib/WebGL/index.umd.min.js +4 -4
  36. package/lib/animation/index.umd.js +3 -3
  37. package/lib/animation/index.umd.min.js +3 -3
  38. package/lib/formatColor/index.umd.js +3 -3
  39. package/lib/formatColor/index.umd.min.js +3 -3
  40. package/lib/getLoopColors/index.umd.js +3 -3
  41. package/lib/getLoopColors/index.umd.min.js +3 -3
  42. package/lib/getWebGLContext/index.umd.js +3 -3
  43. package/lib/getWebGLContext/index.umd.min.js +3 -3
  44. package/lib/index.umd.js +166 -16
  45. package/lib/index.umd.min.js +4 -4
  46. package/lib/resizeObserver/index.umd.js +3 -3
  47. package/lib/resizeObserver/index.umd.min.js +3 -3
  48. package/lib/rotate/index.umd.js +3 -3
  49. package/lib/rotate/index.umd.min.js +3 -3
  50. package/lib/ruler/index.umd.js +3 -3
  51. package/lib/ruler/index.umd.min.js +3 -3
  52. package/lib/throttle/index.umd.js +3 -3
  53. package/lib/throttle/index.umd.min.js +3 -3
  54. package/lib/viewHandler/index.umd.js +3 -3
  55. package/lib/viewHandler/index.umd.min.js +3 -3
  56. package/miniprogram/ui-canvas/index.js +107 -107
  57. package/miniprogram/ui-canvas/index.json +4 -4
  58. package/miniprogram/ui-canvas/index.wxml +4 -4
  59. package/miniprogram/ui-canvas/index.wxss +5 -5
  60. package/package/Buffer/index.ts +2 -2
  61. package/package/Canvas/index.ts +2 -2
  62. package/package/Cardinal/index.ts +2 -2
  63. package/package/Eoap/index.ts +2 -2
  64. package/package/Geometry/index.ts +3 -0
  65. package/package/Hermite/index.ts +2 -2
  66. package/package/Matrix4/index.ts +2 -2
  67. package/package/Mercator/index.ts +2 -2
  68. package/package/OralCanvas/index.ts +2 -2
  69. package/package/OralWebGL/index.ts +2 -2
  70. package/package/SVG/index.ts +2 -2
  71. package/package/Shader/index.ts +39 -39
  72. package/package/Texture/index.ts +2 -2
  73. package/package/TreeLayout/index.ts +2 -2
  74. package/package/WebGL/index.ts +2 -2
  75. package/package/animation/index.ts +2 -2
  76. package/package/formatColor/index.ts +2 -2
  77. package/package/getLoopColors/index.ts +2 -2
  78. package/package/getWebGLContext/index.ts +39 -39
  79. package/package/index.ts +6 -1
  80. package/package/resizeObserver/index.ts +2 -2
  81. package/package/rotate/index.ts +2 -2
  82. package/package/ruler/index.ts +2 -2
  83. package/package/throttle/index.ts +2 -2
  84. package/package/viewHandler/index.ts +2 -2
  85. package/package.json +3 -1
  86. package/src/Canvas.ts +67 -67
  87. package/src/Eoap.ts +1 -1
  88. package/src/Geometry.ts +83 -0
  89. package/src/Matrix4/index.ts +2 -2
  90. package/src/Matrix4/move.ts +12 -12
  91. package/src/Matrix4/rotate.ts +15 -15
  92. package/src/Matrix4/scale.ts +11 -11
  93. package/src/Matrix4/transform.ts +64 -64
  94. package/src/Mercator.ts +3 -2
  95. package/src/SVG.ts +24 -24
  96. package/src/TreeLayout/index.ts +4 -3
  97. package/src/WebGL.ts +66 -66
  98. package/src/animation.ts +98 -98
  99. package/src/common/assemble.ts +22 -22
  100. package/src/common/canvas/arc.ts +50 -50
  101. package/src/common/canvas/config.ts +158 -158
  102. package/src/common/canvas/gradient.ts +29 -29
  103. package/src/common/canvas/index.ts +168 -168
  104. package/src/common/canvas/painter.ts +426 -426
  105. package/src/common/canvas/texts.ts +18 -18
  106. package/src/common/geometry/prism-horizontal.ts +33 -0
  107. package/src/common/geometry/prism-vertical.ts +40 -0
  108. package/src/common/geometry/sphere-fragment.ts +39 -0
  109. package/src/common/geometry/tool/circle.ts +12 -0
  110. package/src/common/mergeOption.ts +6 -6
  111. package/src/common/setStyle.ts +5 -5
  112. package/src/common/svg/config.ts +174 -174
  113. package/src/common/svg/index.ts +9 -1
  114. package/src/common/svg/tool.ts +44 -44
  115. package/src/common/tree/index.ts +25 -25
  116. package/src/common/tree/toInnerTree.ts +56 -56
  117. package/src/common/tree/toPlainTree.ts +131 -131
  118. package/src/common/webgl/buffer.ts +79 -79
  119. package/src/common/webgl/doDraw.ts +108 -108
  120. package/src/common/webgl/getColorFactory.ts +26 -26
  121. package/src/common/webgl/getShader.ts +48 -48
  122. package/src/common/webgl/getTexture.ts +11 -11
  123. package/src/common/webgl/getWebGLContext.ts +27 -27
  124. package/src/common/webgl/index.ts +223 -223
  125. package/src/common/webgl/shader.ts +75 -75
  126. package/src/common/webgl/texture.ts +96 -96
  127. package/src/formatColor.ts +44 -44
  128. package/src/getLoopColors.ts +42 -42
  129. package/src/interpolation/Cardinal.ts +110 -110
  130. package/src/interpolation/Hermite.ts +65 -65
  131. package/src/resizeObserver.ts +36 -36
  132. package/src/rotate.ts +1 -1
  133. package/src/ruler.ts +188 -188
  134. package/src/shader/fsColor.c +7 -7
  135. package/src/shader/fsColors.c +7 -7
  136. package/src/shader/fsCube.c +8 -8
  137. package/src/shader/fsImage.c +8 -8
  138. package/src/shader/vsColor.c +17 -17
  139. package/src/shader/vsColors.c +13 -13
  140. package/src/shader/vsCube.c +13 -13
  141. package/src/shader/vsImage.c +13 -13
  142. package/src/throttle.ts +51 -51
  143. package/src/viewHandler.ts +158 -158
  144. package/types/Buffer.d.ts +23 -23
  145. package/types/Canvas.d.ts +300 -300
  146. package/types/CanvasConfig.d.ts +24 -0
  147. package/types/CanvasOption.d.ts +7 -7
  148. package/types/Cardinal.d.ts +13 -13
  149. package/types/Geometry.d.ts +41 -0
  150. package/types/GeometryOption.d.ts +12 -0
  151. package/types/GeometryResult.d.ts +19 -0
  152. package/types/Gradient.d.ts +14 -14
  153. package/types/Hermite.d.ts +18 -18
  154. package/types/Map.d.ts +2 -2
  155. package/types/Matrix4.d.ts +4 -4
  156. package/types/Object3D.d.ts +114 -114
  157. package/types/SVG.d.ts +18 -13
  158. package/types/SVGConfig.d.ts +76 -60
  159. package/types/Scene3D.d.ts +6 -6
  160. package/types/Shader.d.ts +21 -21
  161. package/types/Texture.d.ts +16 -16
  162. package/types/Tree.d.ts +69 -69
  163. package/types/TreeConfig.d.ts +24 -24
  164. package/types/TreeLayout.d.ts +8 -2
  165. package/types/TreeOption.d.ts +48 -48
  166. package/types/WebGL.d.ts +38 -38
  167. package/types/WebGLOption.d.ts +7 -7
  168. package/types/animation.d.ts +6 -6
  169. package/types/formatColor.d.ts +2 -2
  170. package/types/getLoopColors.d.ts +2 -2
  171. package/types/getWebGLContext.d.ts +2 -2
  172. package/types/index.d.ts +15 -1
  173. package/types/painterConfig.d.ts +2 -2
  174. package/types/resizeObserver.d.ts +2 -2
  175. package/types/rotate.d.ts +1 -1
  176. package/types/ruler.d.ts +7 -7
  177. package/types/throttle.d.ts +4 -4
  178. package/types/throttleOption.d.ts +21 -21
  179. package/types/viewHandler.d.ts +13 -13
  180. package/uni-app/ui-canvas.vue +222 -222
@@ -1,66 +1,66 @@
1
- import type HermiteType from '../../types/Hermite'
2
-
3
- class Hermite implements HermiteType {
4
- readonly name: string = 'Hermite'
5
-
6
- private __u: number // 张弛系数
7
-
8
- private __MR: number[]
9
- private __a: number
10
- private __b: number
11
-
12
- constructor(u: number = 0.5) {
13
- this.__u = u
14
- }
15
-
16
- /**
17
- * 设置点的位置
18
- * @param {Number} x1 左边点的位置
19
- * @param {Number} y1
20
- * @param {Number} x2 右边点的位置
21
- * @param {Number} y2
22
- * @param {Number} s1 两个点的斜率
23
- * @param {Number} s2
24
- */
25
- setP(x1: number, y1: number, x2: number, y2: number, s1: number, s2: number) {
26
- if (x1 < x2) {
27
- // 记录原始尺寸
28
- this.__a = x1
29
- this.__b = x2
30
- let p3 = this.__u * s1,
31
- p4 = this.__u * s2
32
- // 缩放到[0,1]定义域
33
- y1 /= (x2 - x1)
34
- y2 /= (x2 - x1)
35
- // MR是提前计算好的多项式通解矩阵
36
- // 为了加速计算
37
- // 如上面说的
38
- // 统一在[0,1]上计算后再通过缩放和移动恢复
39
- // 避免了动态求解矩阵的麻烦
40
- this.__MR = [
41
- 2 * y1 - 2 * y2 + p3 + p4,
42
- 3 * y2 - 3 * y1 - 2 * p3 - p4,
43
- p3,
44
- y1
45
- ]
46
- } else throw new Error('The point x-position should be increamented!')
47
- return this
48
- }
49
-
50
-
51
- /**
52
- * 根据x值返回y值
53
- * @param {Number} x
54
- */
55
- use(x: number) {
56
- if (this.__MR) {
57
- let sx = (x - this.__a) / (this.__b - this.__a),
58
- sx2 = sx * sx,
59
- sx3 = sx * sx2
60
- let sResult = sx3 * this.__MR[0] + sx2 * this.__MR[1] + sx * this.__MR[2] + this.__MR[3]
61
- return sResult * (this.__b - this.__a)
62
- } else throw new Error('You shoud first set the position!')
63
- }
64
- }
65
-
1
+ import type HermiteType from '../../types/Hermite'
2
+
3
+ class Hermite implements HermiteType {
4
+ readonly name: string = 'Hermite'
5
+
6
+ private __u: number // 张弛系数
7
+
8
+ private __MR: number[]
9
+ private __a: number
10
+ private __b: number
11
+
12
+ constructor(u: number = 0.5) {
13
+ this.__u = u
14
+ }
15
+
16
+ /**
17
+ * 设置点的位置
18
+ * @param {Number} x1 左边点的位置
19
+ * @param {Number} y1
20
+ * @param {Number} x2 右边点的位置
21
+ * @param {Number} y2
22
+ * @param {Number} s1 两个点的斜率
23
+ * @param {Number} s2
24
+ */
25
+ setP(x1: number, y1: number, x2: number, y2: number, s1: number, s2: number) {
26
+ if (x1 < x2) {
27
+ // 记录原始尺寸
28
+ this.__a = x1
29
+ this.__b = x2
30
+ let p3 = this.__u * s1,
31
+ p4 = this.__u * s2
32
+ // 缩放到[0,1]定义域
33
+ y1 /= (x2 - x1)
34
+ y2 /= (x2 - x1)
35
+ // MR是提前计算好的多项式通解矩阵
36
+ // 为了加速计算
37
+ // 如上面说的
38
+ // 统一在[0,1]上计算后再通过缩放和移动恢复
39
+ // 避免了动态求解矩阵的麻烦
40
+ this.__MR = [
41
+ 2 * y1 - 2 * y2 + p3 + p4,
42
+ 3 * y2 - 3 * y1 - 2 * p3 - p4,
43
+ p3,
44
+ y1
45
+ ]
46
+ } else throw new Error('The point x-position should be increamented!')
47
+ return this
48
+ }
49
+
50
+
51
+ /**
52
+ * 根据x值返回y值
53
+ * @param {Number} x
54
+ */
55
+ use(x: number) {
56
+ if (this.__MR) {
57
+ let sx = (x - this.__a) / (this.__b - this.__a),
58
+ sx2 = sx * sx,
59
+ sx3 = sx * sx2
60
+ let sResult = sx3 * this.__MR[0] + sx2 * this.__MR[1] + sx * this.__MR[2] + this.__MR[3]
61
+ return sResult * (this.__b - this.__a)
62
+ } else throw new Error('You shoud first set the position!')
63
+ }
64
+ }
65
+
66
66
  export default Hermite
@@ -1,37 +1,37 @@
1
- let observer: ResizeObserver
2
-
3
- let attrValueToCallback = {}, uniqueid = 0
4
-
5
- export default function (el: HTMLElement | null, callback: Function) {
6
-
7
- try {
8
-
9
- if (!observer) {
10
- observer = new ResizeObserver(entries => {
11
- for (const entry of entries) {
12
- attrValueToCallback[(entry.target as any)._resize_observer_]()
13
- }
14
- })
15
- }
16
-
17
- uniqueid++
18
-
19
- (el as any)._resize_observer_ = uniqueid
20
- attrValueToCallback[uniqueid] = callback
21
-
22
- observer.observe(el)
23
-
24
- return function () {
25
- if (observer) {
26
- observer.unobserve(el)
27
- delete attrValueToCallback[(el as any)._resize_observer_]
28
- }
29
- }
30
-
31
- } catch (e) {
32
- callback()
33
-
34
- // 如果浏览器不支持此接口
35
- console.error('ResizeObserver undefined!')
36
- }
1
+ let observer: ResizeObserver
2
+
3
+ let attrValueToCallback = {}, uniqueid = 0
4
+
5
+ export default function (el: HTMLElement | null, callback: Function) {
6
+
7
+ try {
8
+
9
+ if (!observer) {
10
+ observer = new ResizeObserver(entries => {
11
+ for (const entry of entries) {
12
+ attrValueToCallback[(entry.target as any)._resize_observer_]()
13
+ }
14
+ })
15
+ }
16
+
17
+ uniqueid++
18
+
19
+ (el as any)._resize_observer_ = uniqueid
20
+ attrValueToCallback[uniqueid] = callback
21
+
22
+ observer.observe(el)
23
+
24
+ return function () {
25
+ if (observer) {
26
+ observer.unobserve(el)
27
+ delete attrValueToCallback[(el as any)._resize_observer_]
28
+ }
29
+ }
30
+
31
+ } catch (e) {
32
+ callback()
33
+
34
+ // 如果浏览器不支持此接口
35
+ console.error('ResizeObserver undefined!')
36
+ }
37
37
  }
package/src/rotate.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  // 点(x,y)围绕中心(cx,cy)旋转deg度
2
- export default function (cx: number, cy: number, deg: number, x: number, y: number) {
2
+ export default function (cx: number, cy: number, deg: number, x: number, y: number): [number, number] {
3
3
  let cos = Math.cos(deg), sin = Math.sin(deg)
4
4
  return [
5
5
  (x - cx) * cos - (y - cy) * sin + cx,
package/src/ruler.ts CHANGED
@@ -1,188 +1,188 @@
1
- // 刻度尺刻度求解
2
-
3
- import type { rulerOptionType } from '../types/ruler'
4
-
5
- // 需要注意的是,实际的间距个数可能是 num-1 或 num 或 num+1 或 1
6
- export default function (maxValue: number, minValue: number, num: number, option?: rulerOptionType) {
7
-
8
- // 如果最大值最小值反了
9
- if (maxValue < minValue) {
10
- let temp = minValue
11
- minValue = maxValue
12
- maxValue = temp
13
- }
14
-
15
- // 如果相等
16
- else if (maxValue == minValue) {
17
- return [maxValue]
18
- }
19
-
20
- // 为了变成 -100 ~ 100 需要放大或者缩小的倍数
21
- let times100 =
22
-
23
- (function (_value) {
24
-
25
- // 先确定基调,是放大还是缩小
26
- let _times100_base = (_value < 100 && _value > -100) ? 10 : 0.1
27
-
28
- // 记录当前缩放倍数
29
- let _times100 = -1, _tiemsValue = _value
30
-
31
- while (_times100_base == 10 ?
32
- // 如果是放大,超过 -100 ~ 100 就应该停止
33
- (_tiemsValue >= -100 && _tiemsValue <= 100)
34
- :
35
- // 如果是缩小,进入 -100 ~ 100 就应该停止
36
- (_tiemsValue <= -100 || _tiemsValue >= 100)
37
- ) {
38
-
39
- _times100 += 1
40
- _tiemsValue *= _times100_base
41
-
42
- }
43
-
44
- if (_times100_base == 10) {
45
- return Math.pow(10, _times100)
46
- } else {
47
-
48
- // 解决类似 0.1 * 0.1 = 0.010000000000000002 浮点运算不准确问题
49
- let temp = "0."
50
- for (let i = 1; i < _times100; i++) {
51
- temp += "0";
52
- }
53
- return +(temp + "1")
54
- }
55
- })
56
-
57
- // 根据差值来缩放
58
- (maxValue - minValue)
59
-
60
-
61
- // 求解出 -100 ~ 100 的最佳间距值 后直接转换原来的倍数
62
- let distance100_oral = Math.ceil((maxValue - minValue) * times100 / num)
63
-
64
- let getResult = (changValue: number) => {
65
- // 校对一下
66
- let distance100 = {
67
- 3: 2,
68
- 4: 5,
69
- 6: 5,
70
- 7: 5,
71
- 8: 10,
72
- 9: 10,
73
- 11: 10,
74
- 12: 10,
75
- 13: 15,
76
- 14: 15,
77
- 16: 15,
78
- 17: 15,
79
- 18: 20,
80
- 19: 20,
81
- 21: 20,
82
- 22: 20,
83
- 23: 25,
84
- 24: 25,
85
- 26: 25,
86
- 27: 25
87
- }[distance100_oral + changValue] || (distance100_oral + changValue)
88
-
89
- let distance = distance100 / times100
90
-
91
- // 最小值,也就是起点
92
- let begin = Math.floor(minValue / distance) * distance
93
-
94
- let rulerArray = []
95
- // 获取最终的刻度尺数组
96
- rulerArray.push(begin)
97
- for (let index = 1; rulerArray[rulerArray.length - 1] < maxValue; index++) {
98
- rulerArray.push(begin + distance * index)
99
- }
100
-
101
- return rulerArray
102
- }
103
-
104
- let rulerArray = getResult(0)
105
-
106
- let balanceMax = () => {
107
- let rulerArray_temp = []
108
-
109
- let changeDist = rulerArray[rulerArray.length - 1] - option.max
110
- for (let index = 0; index < rulerArray.length; index++) {
111
- if (index + 1 < rulerArray.length && rulerArray[index + 1] - changeDist < minValue) {
112
- // 多余的
113
- } else {
114
- rulerArray_temp.push(rulerArray[index] - changeDist)
115
- }
116
- }
117
-
118
- return rulerArray_temp
119
- }
120
-
121
- let balanceMin = () => {
122
- let rulerArray_temp = []
123
-
124
- let changeDist = rulerArray[0] - option.min
125
- for (let index = 0; index < rulerArray.length; index++) {
126
- rulerArray_temp[index] = rulerArray[index] - changeDist
127
- if (maxValue <= rulerArray_temp[index]) break
128
- }
129
-
130
- return rulerArray_temp
131
- }
132
-
133
- if (option) {
134
-
135
- // 上下界限制
136
- if ('max' in option && 'min' in option && option.max >= maxValue && option.min <= minValue) {
137
-
138
- let isAnswer = () => {
139
-
140
- // 先判断原始的是否可行
141
- if (rulerArray[0] >= option.min && rulerArray[rulerArray.length - 1] <= option.max) return true
142
-
143
- // 再判断max调整是否可行
144
- let rulerArray_max = balanceMax()
145
- if (rulerArray_max[0] >= option.min && rulerArray_max[rulerArray_max.length - 1] <= option.max) {
146
- rulerArray = rulerArray_max
147
- return true
148
- }
149
-
150
- // 再判断max调整是否可行
151
- let rulerArray_min = balanceMin()
152
- if (rulerArray_min[0] >= option.min && rulerArray_min[rulerArray_max.length - 1] <= option.max) {
153
- rulerArray = rulerArray_min
154
- return true
155
- }
156
-
157
- }
158
-
159
- if (isAnswer()) return rulerArray
160
-
161
- for (let changValue = 1; changValue < 100; changValue++) {
162
-
163
- rulerArray = getResult(changValue)
164
- if (isAnswer()) return rulerArray
165
-
166
- rulerArray = getResult(-changValue)
167
- if (isAnswer()) return rulerArray
168
-
169
- }
170
- }
171
-
172
- // 单界限制
173
- if ('max' in option && option.max >= maxValue) {
174
-
175
- // 上越界了
176
- if (option.max < rulerArray[rulerArray.length - 1]) {
177
- rulerArray = balanceMax()
178
- }
179
- } else if ('min' in option && option.min <= minValue) {
180
-
181
- // 下越界了
182
- if (option.min > rulerArray[0]) {
183
- rulerArray = balanceMin()
184
- }
185
- }
186
- }
187
- return rulerArray
188
- }
1
+ // 刻度尺刻度求解
2
+
3
+ import type { rulerOptionType } from '../types/ruler'
4
+
5
+ // 需要注意的是,实际的间距个数可能是 num-1 或 num 或 num+1 或 1
6
+ export default function (maxValue: number, minValue: number, num: number, option?: rulerOptionType) {
7
+
8
+ // 如果最大值最小值反了
9
+ if (maxValue < minValue) {
10
+ let temp = minValue
11
+ minValue = maxValue
12
+ maxValue = temp
13
+ }
14
+
15
+ // 如果相等
16
+ else if (maxValue == minValue) {
17
+ return [maxValue]
18
+ }
19
+
20
+ // 为了变成 -100 ~ 100 需要放大或者缩小的倍数
21
+ let times100 =
22
+
23
+ (function (_value) {
24
+
25
+ // 先确定基调,是放大还是缩小
26
+ let _times100_base = (_value < 100 && _value > -100) ? 10 : 0.1
27
+
28
+ // 记录当前缩放倍数
29
+ let _times100 = -1, _tiemsValue = _value
30
+
31
+ while (_times100_base == 10 ?
32
+ // 如果是放大,超过 -100 ~ 100 就应该停止
33
+ (_tiemsValue >= -100 && _tiemsValue <= 100)
34
+ :
35
+ // 如果是缩小,进入 -100 ~ 100 就应该停止
36
+ (_tiemsValue <= -100 || _tiemsValue >= 100)
37
+ ) {
38
+
39
+ _times100 += 1
40
+ _tiemsValue *= _times100_base
41
+
42
+ }
43
+
44
+ if (_times100_base == 10) {
45
+ return Math.pow(10, _times100)
46
+ } else {
47
+
48
+ // 解决类似 0.1 * 0.1 = 0.010000000000000002 浮点运算不准确问题
49
+ let temp = "0."
50
+ for (let i = 1; i < _times100; i++) {
51
+ temp += "0";
52
+ }
53
+ return +(temp + "1")
54
+ }
55
+ })
56
+
57
+ // 根据差值来缩放
58
+ (maxValue - minValue)
59
+
60
+
61
+ // 求解出 -100 ~ 100 的最佳间距值 后直接转换原来的倍数
62
+ let distance100_oral = Math.ceil((maxValue - minValue) * times100 / num)
63
+
64
+ let getResult = (changValue: number) => {
65
+ // 校对一下
66
+ let distance100 = {
67
+ 3: 2,
68
+ 4: 5,
69
+ 6: 5,
70
+ 7: 5,
71
+ 8: 10,
72
+ 9: 10,
73
+ 11: 10,
74
+ 12: 10,
75
+ 13: 15,
76
+ 14: 15,
77
+ 16: 15,
78
+ 17: 15,
79
+ 18: 20,
80
+ 19: 20,
81
+ 21: 20,
82
+ 22: 20,
83
+ 23: 25,
84
+ 24: 25,
85
+ 26: 25,
86
+ 27: 25
87
+ }[distance100_oral + changValue] || (distance100_oral + changValue)
88
+
89
+ let distance = distance100 / times100
90
+
91
+ // 最小值,也就是起点
92
+ let begin = Math.floor(minValue / distance) * distance
93
+
94
+ let rulerArray = []
95
+ // 获取最终的刻度尺数组
96
+ rulerArray.push(begin)
97
+ for (let index = 1; rulerArray[rulerArray.length - 1] < maxValue; index++) {
98
+ rulerArray.push(begin + distance * index)
99
+ }
100
+
101
+ return rulerArray
102
+ }
103
+
104
+ let rulerArray = getResult(0)
105
+
106
+ let balanceMax = () => {
107
+ let rulerArray_temp = []
108
+
109
+ let changeDist = rulerArray[rulerArray.length - 1] - option.max
110
+ for (let index = 0; index < rulerArray.length; index++) {
111
+ if (index + 1 < rulerArray.length && rulerArray[index + 1] - changeDist < minValue) {
112
+ // 多余的
113
+ } else {
114
+ rulerArray_temp.push(rulerArray[index] - changeDist)
115
+ }
116
+ }
117
+
118
+ return rulerArray_temp
119
+ }
120
+
121
+ let balanceMin = () => {
122
+ let rulerArray_temp = []
123
+
124
+ let changeDist = rulerArray[0] - option.min
125
+ for (let index = 0; index < rulerArray.length; index++) {
126
+ rulerArray_temp[index] = rulerArray[index] - changeDist
127
+ if (maxValue <= rulerArray_temp[index]) break
128
+ }
129
+
130
+ return rulerArray_temp
131
+ }
132
+
133
+ if (option) {
134
+
135
+ // 上下界限制
136
+ if ('max' in option && 'min' in option && option.max >= maxValue && option.min <= minValue) {
137
+
138
+ let isAnswer = () => {
139
+
140
+ // 先判断原始的是否可行
141
+ if (rulerArray[0] >= option.min && rulerArray[rulerArray.length - 1] <= option.max) return true
142
+
143
+ // 再判断max调整是否可行
144
+ let rulerArray_max = balanceMax()
145
+ if (rulerArray_max[0] >= option.min && rulerArray_max[rulerArray_max.length - 1] <= option.max) {
146
+ rulerArray = rulerArray_max
147
+ return true
148
+ }
149
+
150
+ // 再判断max调整是否可行
151
+ let rulerArray_min = balanceMin()
152
+ if (rulerArray_min[0] >= option.min && rulerArray_min[rulerArray_max.length - 1] <= option.max) {
153
+ rulerArray = rulerArray_min
154
+ return true
155
+ }
156
+
157
+ }
158
+
159
+ if (isAnswer()) return rulerArray
160
+
161
+ for (let changValue = 1; changValue < 100; changValue++) {
162
+
163
+ rulerArray = getResult(changValue)
164
+ if (isAnswer()) return rulerArray
165
+
166
+ rulerArray = getResult(-changValue)
167
+ if (isAnswer()) return rulerArray
168
+
169
+ }
170
+ }
171
+
172
+ // 单界限制
173
+ if ('max' in option && option.max >= maxValue) {
174
+
175
+ // 上越界了
176
+ if (option.max < rulerArray[rulerArray.length - 1]) {
177
+ rulerArray = balanceMax()
178
+ }
179
+ } else if ('min' in option && option.min <= minValue) {
180
+
181
+ // 下越界了
182
+ if (option.min > rulerArray[0]) {
183
+ rulerArray = balanceMin()
184
+ }
185
+ }
186
+ }
187
+ return rulerArray
188
+ }
@@ -1,8 +1,8 @@
1
- precision mediump float;
2
-
3
- uniform vec4 u_color;
4
-
5
- void main()
6
- {
7
- gl_FragColor = u_color;
1
+ precision mediump float;
2
+
3
+ uniform vec4 u_color;
4
+
5
+ void main()
6
+ {
7
+ gl_FragColor = u_color;
8
8
  }
@@ -1,8 +1,8 @@
1
- precision mediump float;
2
-
3
- varying vec4 v_color;
4
-
5
- void main()
6
- {
7
- gl_FragColor = v_color;
1
+ precision mediump float;
2
+
3
+ varying vec4 v_color;
4
+
5
+ void main()
6
+ {
7
+ gl_FragColor = v_color;
8
8
  }
@@ -1,9 +1,9 @@
1
- precision mediump float;
2
-
3
- varying vec3 v_normal;
4
- uniform samplerCube u_texture;
5
-
6
- void main()
7
- {
8
- gl_FragColor = textureCube(u_texture, normalize(v_normal));
1
+ precision mediump float;
2
+
3
+ varying vec3 v_normal;
4
+ uniform samplerCube u_texture;
5
+
6
+ void main()
7
+ {
8
+ gl_FragColor = textureCube(u_texture, normalize(v_normal));
9
9
  }
@@ -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
  }