three-base 2.0.142 → 2.0.166

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 (231) hide show
  1. package/DirectionalLight.d.ts +6 -6
  2. package/DirectionalLight.js +68 -68
  3. package/EventMap.d.ts +103 -103
  4. package/EventMap.js +17 -17
  5. package/EventMesh.d.ts +18 -18
  6. package/EventMesh.js +59 -59
  7. package/ExtrudeMesh.d.ts +112 -112
  8. package/ExtrudeMesh.js +342 -342
  9. package/FPScontrol.d.ts +531 -511
  10. package/FPScontrol.js +1866 -1799
  11. package/FPScontrol.ts +1922 -1855
  12. package/Fire/Fire.d.ts +28 -28
  13. package/Fire/Fire.js +80 -80
  14. package/Fire/FireGeometry.d.ts +9 -9
  15. package/Fire/FireGeometry.js +40 -40
  16. package/Fire/FireMaterial.d.ts +28 -28
  17. package/Fire/FireMaterial.js +32 -32
  18. package/Fire/index.d.ts +2 -2
  19. package/Fire/index.js +2 -2
  20. package/GLTFDracoLoader.d.ts +71 -71
  21. package/GLTFDracoLoader.js +266 -266
  22. package/GLTFDracoLoader.ts +1 -1
  23. package/Grass/Grass.d.ts +8 -8
  24. package/Grass/Grass.js +38 -38
  25. package/Grass/index.d.ts +2 -2
  26. package/Grass/index.js +2 -2
  27. package/Ground1/Ground1.d.ts +10 -10
  28. package/Ground1/Ground1.js +71 -71
  29. package/Ground1/index.d.ts +1 -1
  30. package/Ground1/index.js +1 -1
  31. package/MeshBase.d.ts +36 -36
  32. package/MeshBase.js +251 -247
  33. package/MeshBase.ts +6 -2
  34. package/Mirror.d.ts +25 -25
  35. package/Mirror.js +143 -143
  36. package/MktMesh/MktMesh.d.ts +301 -291
  37. package/MktMesh/MktMesh.js +1064 -1045
  38. package/MktMesh/MktMesh.ts +32 -11
  39. package/MktMesh/assetUrl.d.ts +59 -35
  40. package/MktMesh/assetUrl.js +165 -69
  41. package/MktMesh/assetUrl.ts +164 -69
  42. package/MktMesh/mktMappingShader.d.ts +12 -12
  43. package/MktMesh/mktMappingShader.js +138 -138
  44. package/MktMesh/mktMappingShader.ts +139 -139
  45. package/MktMesh/mktShader.d.ts +263 -263
  46. package/MktMesh/mktShader.js +1236 -1236
  47. package/MktMesh/mktShader.ts +1344 -1344
  48. package/MktMesh/panoBitmapTexture.d.ts +25 -25
  49. package/MktMesh/panoBitmapTexture.js +52 -52
  50. package/MktMesh/panoBitmapTexture.ts +54 -54
  51. package/MktMesh/panoSlotBind.d.ts +29 -29
  52. package/MktMesh/panoSlotBind.js +106 -106
  53. package/MktMesh/panoSlotBind.ts +153 -153
  54. package/MktMesh/panoSlotRoster.d.ts +22 -22
  55. package/MktMesh/panoSlotRoster.js +169 -169
  56. package/MktMesh/panoSlotRoster.ts +168 -168
  57. package/MktMesh/panoTileStitcher.d.ts +119 -119
  58. package/MktMesh/panoTileStitcher.js +529 -529
  59. package/MktMesh/panoTileStitcher.ts +616 -616
  60. package/MktMesh/types.d.ts +75 -75
  61. package/MktMesh/types.js +1 -1
  62. package/MktMesh/wallCapTessellate.d.ts +33 -33
  63. package/MktMesh/wallCapTessellate.js +97 -97
  64. package/MktMesh/wallCapTessellate.ts +68 -68
  65. package/PipeMesh/PathGeometry.d.ts +44 -44
  66. package/PipeMesh/PathGeometry.js +307 -307
  67. package/PipeMesh/PathPoint.d.ts +17 -17
  68. package/PipeMesh/PathPoint.js +31 -31
  69. package/PipeMesh/PathPointList.d.ts +31 -31
  70. package/PipeMesh/PathPointList.js +209 -209
  71. package/PipeMesh/PathTubeGeometry.d.ts +25 -25
  72. package/PipeMesh/PathTubeGeometry.js +130 -130
  73. package/PipeMesh/PipeMesh.d.ts +25 -25
  74. package/PipeMesh/PipeMesh.js +63 -63
  75. package/PipeMesh/index.d.ts +1 -1
  76. package/PipeMesh/index.js +1 -1
  77. package/PlaneModal1/PlaneModal1.d.ts +34 -34
  78. package/PlaneModal1/PlaneModal1.js +109 -109
  79. package/PlaneModal1/index.d.ts +1 -1
  80. package/PlaneModal1/index.js +1 -1
  81. package/PlaneText.d.ts +27 -27
  82. package/PlaneText.js +35 -35
  83. package/PlaneWithHtml.d.ts +13 -13
  84. package/PlaneWithHtml.js +66 -64
  85. package/PlaneWithHtml.ts +3 -1
  86. package/PointLight/PointLight.d.ts +13 -13
  87. package/PointLight/PointLight.js +64 -64
  88. package/PointLight/index.d.ts +1 -1
  89. package/PointLight/index.js +1 -1
  90. package/Sky/Sky.d.ts +9 -9
  91. package/Sky/Sky.js +22 -22
  92. package/Sky/index.d.ts +1 -1
  93. package/Sky/index.js +1 -1
  94. package/SpotLight.d.ts +6 -6
  95. package/SpotLight.js +72 -72
  96. package/SpriteModal1/SpriteModal1.d.ts +33 -33
  97. package/SpriteModal1/SpriteModal1.js +116 -116
  98. package/SpriteModal1/index.d.ts +1 -1
  99. package/SpriteModal1/index.js +1 -1
  100. package/SpriteText.d.ts +46 -46
  101. package/SpriteText.js +176 -176
  102. package/SpriteText2.d.ts +48 -48
  103. package/SpriteText2.js +223 -223
  104. package/SpriteText3.d.ts +86 -86
  105. package/SpriteText3.js +517 -517
  106. package/SpriteText3.ts +599 -599
  107. package/SpriteWithHtml.d.ts +9 -9
  108. package/SpriteWithHtml.js +46 -44
  109. package/SpriteWithHtml.ts +3 -1
  110. package/Text3D/Text3D.d.ts +20 -20
  111. package/Text3D/Text3D.js +58 -58
  112. package/Text3D/fontController.d.ts +60 -60
  113. package/Text3D/fontController.js +166 -166
  114. package/Text3D/index.d.ts +1 -1
  115. package/Text3D/index.js +1 -1
  116. package/ThreeBase.d.ts +248 -248
  117. package/ThreeBase.js +1202 -1202
  118. package/ThreeBase.ts +1314 -1314
  119. package/ThreeMouse.d.ts +53 -54
  120. package/ThreeMouse.js +453 -453
  121. package/Transition.d.ts +45 -45
  122. package/Transition.js +209 -209
  123. package/Water/Water.d.ts +5 -5
  124. package/Water/Water.js +44 -44
  125. package/Water/index.d.ts +2 -2
  126. package/Water/index.js +2 -2
  127. package/WaterFlow/FloatingDuck.d.ts +88 -88
  128. package/WaterFlow/FloatingDuck.js +307 -307
  129. package/WaterFlow/FloatingDuck.ts +445 -445
  130. package/WaterFlow/GPUFluidSimulation.d.ts +56 -56
  131. package/WaterFlow/GPUFluidSimulation.js +781 -781
  132. package/WaterFlow/GPUFluidSimulation.ts +827 -827
  133. package/WaterFlow/ReservoirSystem.d.ts +106 -106
  134. package/WaterFlow/ReservoirSystem.js +611 -611
  135. package/WaterFlow/ReservoirSystem.ts +754 -754
  136. package/WaterFlow/SPHField.d.ts +35 -35
  137. package/WaterFlow/SPHField.js +203 -203
  138. package/WaterFlow/SPHField.ts +228 -228
  139. package/WaterFlow/ScreenSpaceFluidPass.d.ts +69 -69
  140. package/WaterFlow/ScreenSpaceFluidPass.js +728 -728
  141. package/WaterFlow/ScreenSpaceFluidPass.ts +789 -789
  142. package/WaterFlow/ShallowWaterSurface.d.ts +45 -45
  143. package/WaterFlow/ShallowWaterSurface.js +438 -438
  144. package/WaterFlow/ShallowWaterSurface.ts +510 -510
  145. package/WaterFlow/WaterFlow.d.ts +87 -87
  146. package/WaterFlow/WaterFlow.js +171 -171
  147. package/WaterFlow/WaterFlow.ts +219 -219
  148. package/WaterFlow/types.d.ts +161 -161
  149. package/WaterFlow/types.js +1 -1
  150. package/WaterFlow/types.ts +189 -189
  151. package/WaterFlow/waterFlowPass.d.ts +3 -3
  152. package/WaterFlow/waterFlowPass.js +20 -20
  153. package/WaterFlow/waterFlowPass.ts +40 -40
  154. package/collisionOBB.d.ts +42 -42
  155. package/collisionOBB.js +112 -112
  156. package/collisionOBB.ts +108 -108
  157. package/declare.d.ts +25 -25
  158. package/index.d.ts +1 -1
  159. package/index.js +1 -1
  160. package/instanced/InstancedBatch.d.ts +57 -57
  161. package/instanced/InstancedBatch.js +348 -348
  162. package/instanced/InstancedBatch.ts +406 -406
  163. package/instanced/InstancedChild.d.ts +174 -174
  164. package/instanced/InstancedChild.js +264 -264
  165. package/instanced/InstancedChild.ts +327 -327
  166. package/instanced/InstancedGroup.d.ts +43 -43
  167. package/instanced/InstancedGroup.js +126 -126
  168. package/instanced/InstancedGroup.ts +137 -137
  169. package/instanced/InstancedMeshBase.d.ts +38 -38
  170. package/instanced/InstancedMeshBase.js +282 -282
  171. package/instanced/InstancedTemplate.d.ts +46 -46
  172. package/instanced/InstancedTemplate.js +125 -125
  173. package/keyControls.d.ts +29 -30
  174. package/keyControls.js +101 -101
  175. package/lensflare/LensFlare.d.ts +39 -39
  176. package/lensflare/LensFlare.js +284 -284
  177. package/package.json +6 -1
  178. package/pass/bloom_pass.d.ts +2 -2
  179. package/pass/bloom_pass.js +174 -174
  180. package/pass/cover_pass.d.ts +2 -2
  181. package/pass/cover_pass.js +108 -108
  182. package/pass/debugDepthState.d.ts +20 -20
  183. package/pass/debugDepthState.js +9 -9
  184. package/pass/debugDepthState.ts +22 -22
  185. package/pass/depthTestBias.d.ts +12 -12
  186. package/pass/depthTestBias.js +12 -12
  187. package/pass/depthTestBias.ts +12 -12
  188. package/pass/effectUserData.d.ts +27 -27
  189. package/pass/effectUserData.js +1 -1
  190. package/pass/effectUserData.ts +46 -46
  191. package/pass/frosted_glass_pass.d.ts +2 -2
  192. package/pass/frosted_glass_pass.js +150 -150
  193. package/pass/fsQuad.d.ts +9 -9
  194. package/pass/fsQuad.js +28 -28
  195. package/pass/glow_pass.d.ts +2 -2
  196. package/pass/glow_pass.js +350 -350
  197. package/pass/screen_bloom_pass.d.ts +11 -11
  198. package/pass/screen_bloom_pass.js +136 -136
  199. package/pass/ssao_pass.d.ts +88 -88
  200. package/pass/ssao_pass.js +799 -799
  201. package/pass/ssao_pass.ts +918 -918
  202. package/pass/stroke_pass.d.ts +2 -2
  203. package/pass/stroke_pass.js +267 -267
  204. package/shaders/FXAAShaderMaterial.d.ts +3 -3
  205. package/shaders/FXAAShaderMaterial.js +20 -20
  206. package/shaders/baseDepthVisShader.d.ts +11 -11
  207. package/shaders/baseDepthVisShader.js +36 -36
  208. package/shaders/baseDepthVisShader.ts +36 -36
  209. package/shaders/baseTextureToRenderShader.d.ts +2 -2
  210. package/shaders/baseTextureToRenderShader.js +19 -19
  211. package/shaders/copyShader.d.ts +3 -3
  212. package/shaders/copyShader.js +13 -13
  213. package/shaders/debugDepthCompareShader.d.ts +14 -14
  214. package/shaders/debugDepthCompareShader.js +49 -49
  215. package/shaders/debugDepthCompareShader.ts +50 -50
  216. package/shaders/debugDepthJudgeShader.d.ts +18 -18
  217. package/shaders/debugDepthJudgeShader.js +52 -52
  218. package/shaders/debugDepthJudgeShader.ts +54 -54
  219. package/shaders/debugExcludedShader.d.ts +13 -13
  220. package/shaders/debugExcludedShader.js +46 -46
  221. package/shaders/debugExcludedShader.ts +48 -48
  222. package/spriteTextBg.d.ts +1 -1
  223. package/spriteTextBg.js +20 -20
  224. package/spriteTextBg.ts +20 -20
  225. package/threeLoader.d.ts +35 -35
  226. package/threeLoader.js +518 -518
  227. package/threeUtils.d.ts +71 -53
  228. package/threeUtils.js +363 -329
  229. package/threeUtils.ts +35 -0
  230. package/types.d.ts +2 -2
  231. package/types.js +6 -6
@@ -1,307 +1,307 @@
1
- import { DynamicDrawUsage, StaticDrawUsage } from 'three/src/constants.js';
2
- import { PathPoint } from './PathPoint.js';
3
- import { BufferGeometry } from 'three/src/core/BufferGeometry.js';
4
- import { BufferAttribute } from 'three/src/core/BufferAttribute.js';
5
- import { Vector3 } from 'three/src/math/Vector3.js';
6
- /**
7
- * PathGeometry
8
- */
9
- class PathGeometry extends BufferGeometry {
10
- /**
11
- * @param {Object|Number} initData - If initData is number, geometry init by empty data and set it as the max vertex. If initData is Object, it contains pathPointList and options.
12
- * @param {Boolean} [generateUv2=false]
13
- */
14
- constructor(initData, generateUv2 = false) {
15
- super();
16
- this._initByData(initData.pathPointList, initData.options, initData.usage, generateUv2);
17
- }
18
- _initByMaxVertex(maxVertex, generateUv2) {
19
- this.setAttribute('position', new BufferAttribute(new Float32Array(maxVertex * 3), 3).setUsage(DynamicDrawUsage));
20
- this.setAttribute('normal', new BufferAttribute(new Float32Array(maxVertex * 3), 3).setUsage(DynamicDrawUsage));
21
- this.setAttribute('uv', new BufferAttribute(new Float32Array(maxVertex * 2), 2).setUsage(DynamicDrawUsage));
22
- if (generateUv2) {
23
- this.setAttribute('uv2', new BufferAttribute(new Float32Array(maxVertex * 2), 2).setUsage(DynamicDrawUsage));
24
- }
25
- this.drawRange.start = 0;
26
- this.drawRange.count = 0;
27
- this.setIndex(new Array(maxVertex * 3));
28
- }
29
- _initByData(pathPointList, options, usage, generateUv2) {
30
- const vertexData = generatePathVertexData(pathPointList, options, generateUv2);
31
- if (vertexData && vertexData.count !== 0) {
32
- this.setAttribute('position', new BufferAttribute(new Float32Array(vertexData.position), 3).setUsage(usage || StaticDrawUsage));
33
- this.setAttribute('normal', new BufferAttribute(new Float32Array(vertexData.normal), 3).setUsage(usage || StaticDrawUsage));
34
- this.setAttribute('uv', new BufferAttribute(new Float32Array(vertexData.uv), 2).setUsage(usage || StaticDrawUsage));
35
- if (generateUv2) {
36
- this.setAttribute('uv2', new BufferAttribute(new Float32Array(vertexData.uv2), 2).setUsage(usage || StaticDrawUsage));
37
- }
38
- this.setIndex(vertexData.indices);
39
- }
40
- else {
41
- this._initByMaxVertex(2, generateUv2);
42
- }
43
- }
44
- /**
45
- * Update geometry by PathPointList instance
46
- * @param {PathPointList} pathPointList
47
- * @param {Object} options
48
- * @param {Number} [options.width=0.1]
49
- * @param {Number} [options.progress=1]
50
- * @param {Boolean} [options.arrow=true]
51
- * @param {String} [options.side='both'] - "left"/"right"/"both"
52
- */
53
- update(pathPointList, options) {
54
- const generateUv2 = !!this.getAttribute('uv2');
55
- const vertexData = generatePathVertexData(pathPointList, options, generateUv2);
56
- if (vertexData) {
57
- this._updateAttributes(vertexData.position, vertexData.normal, vertexData.uv, generateUv2 ? vertexData.uv2 : null, vertexData.indices);
58
- this.drawRange.count = vertexData.count;
59
- }
60
- else {
61
- this.drawRange.count = 0;
62
- }
63
- }
64
- _resizeAttribute(name, len) {
65
- let attribute = this.getAttribute(name);
66
- while (attribute.array.length < len) {
67
- const oldLength = attribute.array.length;
68
- const newAttribute = new BufferAttribute(new Float32Array(oldLength * 2), attribute.itemSize, attribute.normalized);
69
- newAttribute.name = attribute.name;
70
- if (attribute instanceof BufferAttribute) {
71
- newAttribute.usage = attribute.usage;
72
- }
73
- this.setAttribute(name, newAttribute);
74
- attribute = newAttribute;
75
- }
76
- }
77
- _resizeIndex(len) {
78
- let index = this.getIndex();
79
- if (!index)
80
- return;
81
- while (index.array.length < len) {
82
- const oldLength = index.array.length;
83
- const newIndex = new BufferAttribute(oldLength * 2 > 65535 ? new Uint32Array(oldLength * 2) : new Uint16Array(oldLength * 2), 1);
84
- newIndex.name = index.name;
85
- if (index instanceof BufferAttribute) {
86
- newIndex.usage = index.usage;
87
- }
88
- this.setIndex(newIndex);
89
- index = newIndex;
90
- }
91
- }
92
- _updateAttributes(position, normal, uv, uv2, indices) {
93
- this._resizeAttribute('position', position.length);
94
- const positionAttribute = this.getAttribute('position');
95
- positionAttribute.array.set(position, 0);
96
- positionAttribute.updateRange.count = position.length;
97
- positionAttribute.needsUpdate = true;
98
- this._resizeAttribute('normal', normal.length);
99
- const normalAttribute = this.getAttribute('normal');
100
- normalAttribute.array.set(normal, 0);
101
- normalAttribute.updateRange.count = normal.length;
102
- normalAttribute.needsUpdate = true;
103
- this._resizeAttribute('uv', uv.length);
104
- const uvAttribute = this.getAttribute('uv');
105
- uvAttribute.array.set(uv, 0);
106
- uvAttribute.updateRange.count = uv.length;
107
- uvAttribute.needsUpdate = true;
108
- if (uv2) {
109
- this._resizeAttribute('uv2', uv2.length);
110
- const uv2Attribute = this.getAttribute('uv2');
111
- uv2Attribute.array.set(uv2, 0);
112
- uv2Attribute.updateRange.count = uv2.length;
113
- uv2Attribute.needsUpdate = true;
114
- }
115
- this._resizeIndex(indices.length);
116
- const indexAttribute = this.getIndex();
117
- indexAttribute.set(indices, 0);
118
- indexAttribute.updateRange.count = indices.length;
119
- indexAttribute.needsUpdate = true;
120
- indexAttribute.needsUpdate = true;
121
- }
122
- }
123
- export { PathGeometry };
124
- // Vertex Data Generate Functions
125
- function generatePathVertexData(pathPointList, options, generateUv2 = false) {
126
- const width = options.width || 0.1;
127
- const progress = options.progress !== undefined ? options.progress : 1;
128
- const arrow = options.arrow !== undefined ? options.arrow : true;
129
- const side = options.side !== undefined ? options.side : 'both';
130
- const halfWidth = width / 2;
131
- const sideWidth = side !== 'both' ? width / 2 : width;
132
- const totalDistance = pathPointList.distance();
133
- const progressDistance = progress * totalDistance;
134
- if (totalDistance == 0) {
135
- return null;
136
- }
137
- const sharpUvOffset = halfWidth / sideWidth;
138
- const sharpUvOffset2 = halfWidth / totalDistance;
139
- let count = 0;
140
- // modify data
141
- const position = [];
142
- const normal = [];
143
- const uv = [];
144
- const uv2 = [];
145
- const indices = [];
146
- let verticesCount = 0;
147
- const right = new Vector3();
148
- const left = new Vector3();
149
- // for sharp corners
150
- const leftOffset = new Vector3();
151
- const rightOffset = new Vector3();
152
- const tempPoint1 = new Vector3();
153
- const tempPoint2 = new Vector3();
154
- function addVertices(pathPoint) {
155
- const first = position.length === 0;
156
- const sharpCorner = pathPoint.sharp && !first;
157
- const uvDist = pathPoint.dist / sideWidth;
158
- const uvDist2 = pathPoint.dist / totalDistance;
159
- const dir = pathPoint.dir;
160
- const up = pathPoint.up;
161
- const _right = pathPoint.right;
162
- if (side !== 'left') {
163
- right.copy(_right).multiplyScalar(halfWidth * pathPoint.widthScale);
164
- }
165
- else {
166
- right.set(0, 0, 0);
167
- }
168
- if (side !== 'right') {
169
- left.copy(_right).multiplyScalar(-halfWidth * pathPoint.widthScale);
170
- }
171
- else {
172
- left.set(0, 0, 0);
173
- }
174
- right.add(pathPoint.pos);
175
- left.add(pathPoint.pos);
176
- if (sharpCorner) {
177
- leftOffset.fromArray(position, position.length - 6).sub(left);
178
- rightOffset.fromArray(position, position.length - 3).sub(right);
179
- const leftDist = leftOffset.length();
180
- const rightDist = rightOffset.length();
181
- const sideOffset = leftDist - rightDist;
182
- let longerOffset, longEdge;
183
- if (sideOffset > 0) {
184
- longerOffset = leftOffset;
185
- longEdge = left;
186
- }
187
- else {
188
- longerOffset = rightOffset;
189
- longEdge = right;
190
- }
191
- tempPoint1.copy(longerOffset).setLength(Math.abs(sideOffset)).add(longEdge);
192
- let _cos = tempPoint2.copy(longEdge).sub(tempPoint1).normalize().dot(dir);
193
- let _len = tempPoint2.copy(longEdge).sub(tempPoint1).length();
194
- let _dist = _cos * _len * 2;
195
- tempPoint2.copy(dir).setLength(_dist).add(tempPoint1);
196
- if (sideOffset > 0) {
197
- position.push(tempPoint1.x, tempPoint1.y, tempPoint1.z, // 6
198
- right.x, right.y, right.z, // 5
199
- left.x, left.y, left.z, // 4
200
- right.x, right.y, right.z, // 3
201
- tempPoint2.x, tempPoint2.y, tempPoint2.z, // 2
202
- right.x, right.y, right.z // 1
203
- );
204
- verticesCount += 6;
205
- indices.push(verticesCount - 6, verticesCount - 8, verticesCount - 7, verticesCount - 6, verticesCount - 7, verticesCount - 5, verticesCount - 4, verticesCount - 6, verticesCount - 5, verticesCount - 2, verticesCount - 4, verticesCount - 1);
206
- count += 12;
207
- }
208
- else {
209
- position.push(left.x, left.y, left.z, // 6
210
- tempPoint1.x, tempPoint1.y, tempPoint1.z, // 5
211
- left.x, left.y, left.z, // 4
212
- right.x, right.y, right.z, // 3
213
- left.x, left.y, left.z, // 2
214
- tempPoint2.x, tempPoint2.y, tempPoint2.z // 1
215
- );
216
- verticesCount += 6;
217
- indices.push(verticesCount - 6, verticesCount - 8, verticesCount - 7, verticesCount - 6, verticesCount - 7, verticesCount - 5, verticesCount - 6, verticesCount - 5, verticesCount - 3, verticesCount - 2, verticesCount - 3, verticesCount - 1);
218
- count += 12;
219
- }
220
- normal.push(up.x, up.y, up.z, up.x, up.y, up.z, up.x, up.y, up.z, up.x, up.y, up.z, up.x, up.y, up.z, up.x, up.y, up.z);
221
- uv.push(uvDist - sharpUvOffset, 0, uvDist - sharpUvOffset, 1, uvDist, 0, uvDist, 1, uvDist + sharpUvOffset, 0, uvDist + sharpUvOffset, 1);
222
- if (generateUv2) {
223
- uv2.push(uvDist2 - sharpUvOffset2, 0, uvDist2 - sharpUvOffset2, 1, uvDist2, 0, uvDist2, 1, uvDist2 + sharpUvOffset2, 0, uvDist2 + sharpUvOffset2, 1);
224
- }
225
- }
226
- else {
227
- position.push(left.x, left.y, left.z, right.x, right.y, right.z);
228
- normal.push(up.x, up.y, up.z, up.x, up.y, up.z);
229
- uv.push(uvDist, 0, uvDist, 1);
230
- if (generateUv2) {
231
- uv2.push(uvDist2, 0, uvDist2, 1);
232
- }
233
- verticesCount += 2;
234
- if (!first) {
235
- indices.push(verticesCount - 2, verticesCount - 4, verticesCount - 3, verticesCount - 2, verticesCount - 3, verticesCount - 1);
236
- count += 6;
237
- }
238
- }
239
- }
240
- const sharp = new Vector3();
241
- function addStart(pathPoint) {
242
- const dir = pathPoint.dir;
243
- const up = pathPoint.up;
244
- const _right = pathPoint.right;
245
- const uvDist = pathPoint.dist / sideWidth;
246
- const uvDist2 = pathPoint.dist / totalDistance;
247
- if (side !== 'left') {
248
- right.copy(_right).multiplyScalar(halfWidth * 2);
249
- }
250
- else {
251
- right.set(0, 0, 0);
252
- }
253
- if (side !== 'right') {
254
- left.copy(_right).multiplyScalar(-halfWidth * 2);
255
- }
256
- else {
257
- left.set(0, 0, 0);
258
- }
259
- sharp.copy(dir).setLength(halfWidth * 3);
260
- right.add(pathPoint.pos);
261
- left.add(pathPoint.pos);
262
- sharp.add(pathPoint.pos);
263
- position.push(left.x, left.y, left.z, right.x, right.y, right.z, sharp.x, sharp.y, sharp.z);
264
- normal.push(up.x, up.y, up.z, up.x, up.y, up.z, up.x, up.y, up.z);
265
- uv.push(uvDist, side !== 'both' ? (side !== 'right' ? -2 : 0) : -0.5, uvDist, side !== 'both' ? (side !== 'left' ? 2 : 0) : 1.5, uvDist + 1.5, side !== 'both' ? 0 : 0.5);
266
- if (generateUv2) {
267
- uv2.push(uvDist2, side !== 'both' ? (side !== 'right' ? -2 : 0) : -0.5, uvDist2, side !== 'both' ? (side !== 'left' ? 2 : 0) : 1.5, uvDist2 + (1.5 * width) / totalDistance, side !== 'both' ? 0 : 0.5);
268
- }
269
- verticesCount += 3;
270
- indices.push(verticesCount - 1, verticesCount - 3, verticesCount - 2);
271
- count += 3;
272
- }
273
- let lastPoint;
274
- if (progressDistance > 0) {
275
- for (let i = 0; i < pathPointList.count; i++) {
276
- const pathPoint = pathPointList.array[i];
277
- if (pathPoint.dist > progressDistance) {
278
- const prevPoint = pathPointList.array[i - 1];
279
- lastPoint = new PathPoint();
280
- // linear lerp for progress
281
- const alpha = (progressDistance - prevPoint.dist) / (pathPoint.dist - prevPoint.dist);
282
- lastPoint.lerpPathPoints(prevPoint, pathPoint, alpha);
283
- addVertices(lastPoint);
284
- break;
285
- }
286
- else {
287
- addVertices(pathPoint);
288
- }
289
- }
290
- }
291
- else {
292
- lastPoint = pathPointList.array[0];
293
- }
294
- // build arrow geometry
295
- if (arrow) {
296
- lastPoint = lastPoint || pathPointList.array[pathPointList.count - 1];
297
- addStart(lastPoint);
298
- }
299
- return {
300
- position,
301
- normal,
302
- uv,
303
- uv2,
304
- indices,
305
- count,
306
- };
307
- }
1
+ import { DynamicDrawUsage, StaticDrawUsage } from 'three/src/constants.js';
2
+ import { PathPoint } from './PathPoint.js';
3
+ import { BufferGeometry } from 'three/src/core/BufferGeometry.js';
4
+ import { BufferAttribute } from 'three/src/core/BufferAttribute.js';
5
+ import { Vector3 } from 'three/src/math/Vector3.js';
6
+ /**
7
+ * PathGeometry
8
+ */
9
+ class PathGeometry extends BufferGeometry {
10
+ /**
11
+ * @param {Object|Number} initData - If initData is number, geometry init by empty data and set it as the max vertex. If initData is Object, it contains pathPointList and options.
12
+ * @param {Boolean} [generateUv2=false]
13
+ */
14
+ constructor(initData, generateUv2 = false) {
15
+ super();
16
+ this._initByData(initData.pathPointList, initData.options, initData.usage, generateUv2);
17
+ }
18
+ _initByMaxVertex(maxVertex, generateUv2) {
19
+ this.setAttribute('position', new BufferAttribute(new Float32Array(maxVertex * 3), 3).setUsage(DynamicDrawUsage));
20
+ this.setAttribute('normal', new BufferAttribute(new Float32Array(maxVertex * 3), 3).setUsage(DynamicDrawUsage));
21
+ this.setAttribute('uv', new BufferAttribute(new Float32Array(maxVertex * 2), 2).setUsage(DynamicDrawUsage));
22
+ if (generateUv2) {
23
+ this.setAttribute('uv2', new BufferAttribute(new Float32Array(maxVertex * 2), 2).setUsage(DynamicDrawUsage));
24
+ }
25
+ this.drawRange.start = 0;
26
+ this.drawRange.count = 0;
27
+ this.setIndex(new Array(maxVertex * 3));
28
+ }
29
+ _initByData(pathPointList, options, usage, generateUv2) {
30
+ const vertexData = generatePathVertexData(pathPointList, options, generateUv2);
31
+ if (vertexData && vertexData.count !== 0) {
32
+ this.setAttribute('position', new BufferAttribute(new Float32Array(vertexData.position), 3).setUsage(usage || StaticDrawUsage));
33
+ this.setAttribute('normal', new BufferAttribute(new Float32Array(vertexData.normal), 3).setUsage(usage || StaticDrawUsage));
34
+ this.setAttribute('uv', new BufferAttribute(new Float32Array(vertexData.uv), 2).setUsage(usage || StaticDrawUsage));
35
+ if (generateUv2) {
36
+ this.setAttribute('uv2', new BufferAttribute(new Float32Array(vertexData.uv2), 2).setUsage(usage || StaticDrawUsage));
37
+ }
38
+ this.setIndex(vertexData.indices);
39
+ }
40
+ else {
41
+ this._initByMaxVertex(2, generateUv2);
42
+ }
43
+ }
44
+ /**
45
+ * Update geometry by PathPointList instance
46
+ * @param {PathPointList} pathPointList
47
+ * @param {Object} options
48
+ * @param {Number} [options.width=0.1]
49
+ * @param {Number} [options.progress=1]
50
+ * @param {Boolean} [options.arrow=true]
51
+ * @param {String} [options.side='both'] - "left"/"right"/"both"
52
+ */
53
+ update(pathPointList, options) {
54
+ const generateUv2 = !!this.getAttribute('uv2');
55
+ const vertexData = generatePathVertexData(pathPointList, options, generateUv2);
56
+ if (vertexData) {
57
+ this._updateAttributes(vertexData.position, vertexData.normal, vertexData.uv, generateUv2 ? vertexData.uv2 : null, vertexData.indices);
58
+ this.drawRange.count = vertexData.count;
59
+ }
60
+ else {
61
+ this.drawRange.count = 0;
62
+ }
63
+ }
64
+ _resizeAttribute(name, len) {
65
+ let attribute = this.getAttribute(name);
66
+ while (attribute.array.length < len) {
67
+ const oldLength = attribute.array.length;
68
+ const newAttribute = new BufferAttribute(new Float32Array(oldLength * 2), attribute.itemSize, attribute.normalized);
69
+ newAttribute.name = attribute.name;
70
+ if (attribute instanceof BufferAttribute) {
71
+ newAttribute.usage = attribute.usage;
72
+ }
73
+ this.setAttribute(name, newAttribute);
74
+ attribute = newAttribute;
75
+ }
76
+ }
77
+ _resizeIndex(len) {
78
+ let index = this.getIndex();
79
+ if (!index)
80
+ return;
81
+ while (index.array.length < len) {
82
+ const oldLength = index.array.length;
83
+ const newIndex = new BufferAttribute(oldLength * 2 > 65535 ? new Uint32Array(oldLength * 2) : new Uint16Array(oldLength * 2), 1);
84
+ newIndex.name = index.name;
85
+ if (index instanceof BufferAttribute) {
86
+ newIndex.usage = index.usage;
87
+ }
88
+ this.setIndex(newIndex);
89
+ index = newIndex;
90
+ }
91
+ }
92
+ _updateAttributes(position, normal, uv, uv2, indices) {
93
+ this._resizeAttribute('position', position.length);
94
+ const positionAttribute = this.getAttribute('position');
95
+ positionAttribute.array.set(position, 0);
96
+ positionAttribute.updateRange.count = position.length;
97
+ positionAttribute.needsUpdate = true;
98
+ this._resizeAttribute('normal', normal.length);
99
+ const normalAttribute = this.getAttribute('normal');
100
+ normalAttribute.array.set(normal, 0);
101
+ normalAttribute.updateRange.count = normal.length;
102
+ normalAttribute.needsUpdate = true;
103
+ this._resizeAttribute('uv', uv.length);
104
+ const uvAttribute = this.getAttribute('uv');
105
+ uvAttribute.array.set(uv, 0);
106
+ uvAttribute.updateRange.count = uv.length;
107
+ uvAttribute.needsUpdate = true;
108
+ if (uv2) {
109
+ this._resizeAttribute('uv2', uv2.length);
110
+ const uv2Attribute = this.getAttribute('uv2');
111
+ uv2Attribute.array.set(uv2, 0);
112
+ uv2Attribute.updateRange.count = uv2.length;
113
+ uv2Attribute.needsUpdate = true;
114
+ }
115
+ this._resizeIndex(indices.length);
116
+ const indexAttribute = this.getIndex();
117
+ indexAttribute.set(indices, 0);
118
+ indexAttribute.updateRange.count = indices.length;
119
+ indexAttribute.needsUpdate = true;
120
+ indexAttribute.needsUpdate = true;
121
+ }
122
+ }
123
+ export { PathGeometry };
124
+ // Vertex Data Generate Functions
125
+ function generatePathVertexData(pathPointList, options, generateUv2 = false) {
126
+ const width = options.width || 0.1;
127
+ const progress = options.progress !== undefined ? options.progress : 1;
128
+ const arrow = options.arrow !== undefined ? options.arrow : true;
129
+ const side = options.side !== undefined ? options.side : 'both';
130
+ const halfWidth = width / 2;
131
+ const sideWidth = side !== 'both' ? width / 2 : width;
132
+ const totalDistance = pathPointList.distance();
133
+ const progressDistance = progress * totalDistance;
134
+ if (totalDistance == 0) {
135
+ return null;
136
+ }
137
+ const sharpUvOffset = halfWidth / sideWidth;
138
+ const sharpUvOffset2 = halfWidth / totalDistance;
139
+ let count = 0;
140
+ // modify data
141
+ const position = [];
142
+ const normal = [];
143
+ const uv = [];
144
+ const uv2 = [];
145
+ const indices = [];
146
+ let verticesCount = 0;
147
+ const right = new Vector3();
148
+ const left = new Vector3();
149
+ // for sharp corners
150
+ const leftOffset = new Vector3();
151
+ const rightOffset = new Vector3();
152
+ const tempPoint1 = new Vector3();
153
+ const tempPoint2 = new Vector3();
154
+ function addVertices(pathPoint) {
155
+ const first = position.length === 0;
156
+ const sharpCorner = pathPoint.sharp && !first;
157
+ const uvDist = pathPoint.dist / sideWidth;
158
+ const uvDist2 = pathPoint.dist / totalDistance;
159
+ const dir = pathPoint.dir;
160
+ const up = pathPoint.up;
161
+ const _right = pathPoint.right;
162
+ if (side !== 'left') {
163
+ right.copy(_right).multiplyScalar(halfWidth * pathPoint.widthScale);
164
+ }
165
+ else {
166
+ right.set(0, 0, 0);
167
+ }
168
+ if (side !== 'right') {
169
+ left.copy(_right).multiplyScalar(-halfWidth * pathPoint.widthScale);
170
+ }
171
+ else {
172
+ left.set(0, 0, 0);
173
+ }
174
+ right.add(pathPoint.pos);
175
+ left.add(pathPoint.pos);
176
+ if (sharpCorner) {
177
+ leftOffset.fromArray(position, position.length - 6).sub(left);
178
+ rightOffset.fromArray(position, position.length - 3).sub(right);
179
+ const leftDist = leftOffset.length();
180
+ const rightDist = rightOffset.length();
181
+ const sideOffset = leftDist - rightDist;
182
+ let longerOffset, longEdge;
183
+ if (sideOffset > 0) {
184
+ longerOffset = leftOffset;
185
+ longEdge = left;
186
+ }
187
+ else {
188
+ longerOffset = rightOffset;
189
+ longEdge = right;
190
+ }
191
+ tempPoint1.copy(longerOffset).setLength(Math.abs(sideOffset)).add(longEdge);
192
+ let _cos = tempPoint2.copy(longEdge).sub(tempPoint1).normalize().dot(dir);
193
+ let _len = tempPoint2.copy(longEdge).sub(tempPoint1).length();
194
+ let _dist = _cos * _len * 2;
195
+ tempPoint2.copy(dir).setLength(_dist).add(tempPoint1);
196
+ if (sideOffset > 0) {
197
+ position.push(tempPoint1.x, tempPoint1.y, tempPoint1.z, // 6
198
+ right.x, right.y, right.z, // 5
199
+ left.x, left.y, left.z, // 4
200
+ right.x, right.y, right.z, // 3
201
+ tempPoint2.x, tempPoint2.y, tempPoint2.z, // 2
202
+ right.x, right.y, right.z // 1
203
+ );
204
+ verticesCount += 6;
205
+ indices.push(verticesCount - 6, verticesCount - 8, verticesCount - 7, verticesCount - 6, verticesCount - 7, verticesCount - 5, verticesCount - 4, verticesCount - 6, verticesCount - 5, verticesCount - 2, verticesCount - 4, verticesCount - 1);
206
+ count += 12;
207
+ }
208
+ else {
209
+ position.push(left.x, left.y, left.z, // 6
210
+ tempPoint1.x, tempPoint1.y, tempPoint1.z, // 5
211
+ left.x, left.y, left.z, // 4
212
+ right.x, right.y, right.z, // 3
213
+ left.x, left.y, left.z, // 2
214
+ tempPoint2.x, tempPoint2.y, tempPoint2.z // 1
215
+ );
216
+ verticesCount += 6;
217
+ indices.push(verticesCount - 6, verticesCount - 8, verticesCount - 7, verticesCount - 6, verticesCount - 7, verticesCount - 5, verticesCount - 6, verticesCount - 5, verticesCount - 3, verticesCount - 2, verticesCount - 3, verticesCount - 1);
218
+ count += 12;
219
+ }
220
+ normal.push(up.x, up.y, up.z, up.x, up.y, up.z, up.x, up.y, up.z, up.x, up.y, up.z, up.x, up.y, up.z, up.x, up.y, up.z);
221
+ uv.push(uvDist - sharpUvOffset, 0, uvDist - sharpUvOffset, 1, uvDist, 0, uvDist, 1, uvDist + sharpUvOffset, 0, uvDist + sharpUvOffset, 1);
222
+ if (generateUv2) {
223
+ uv2.push(uvDist2 - sharpUvOffset2, 0, uvDist2 - sharpUvOffset2, 1, uvDist2, 0, uvDist2, 1, uvDist2 + sharpUvOffset2, 0, uvDist2 + sharpUvOffset2, 1);
224
+ }
225
+ }
226
+ else {
227
+ position.push(left.x, left.y, left.z, right.x, right.y, right.z);
228
+ normal.push(up.x, up.y, up.z, up.x, up.y, up.z);
229
+ uv.push(uvDist, 0, uvDist, 1);
230
+ if (generateUv2) {
231
+ uv2.push(uvDist2, 0, uvDist2, 1);
232
+ }
233
+ verticesCount += 2;
234
+ if (!first) {
235
+ indices.push(verticesCount - 2, verticesCount - 4, verticesCount - 3, verticesCount - 2, verticesCount - 3, verticesCount - 1);
236
+ count += 6;
237
+ }
238
+ }
239
+ }
240
+ const sharp = new Vector3();
241
+ function addStart(pathPoint) {
242
+ const dir = pathPoint.dir;
243
+ const up = pathPoint.up;
244
+ const _right = pathPoint.right;
245
+ const uvDist = pathPoint.dist / sideWidth;
246
+ const uvDist2 = pathPoint.dist / totalDistance;
247
+ if (side !== 'left') {
248
+ right.copy(_right).multiplyScalar(halfWidth * 2);
249
+ }
250
+ else {
251
+ right.set(0, 0, 0);
252
+ }
253
+ if (side !== 'right') {
254
+ left.copy(_right).multiplyScalar(-halfWidth * 2);
255
+ }
256
+ else {
257
+ left.set(0, 0, 0);
258
+ }
259
+ sharp.copy(dir).setLength(halfWidth * 3);
260
+ right.add(pathPoint.pos);
261
+ left.add(pathPoint.pos);
262
+ sharp.add(pathPoint.pos);
263
+ position.push(left.x, left.y, left.z, right.x, right.y, right.z, sharp.x, sharp.y, sharp.z);
264
+ normal.push(up.x, up.y, up.z, up.x, up.y, up.z, up.x, up.y, up.z);
265
+ uv.push(uvDist, side !== 'both' ? (side !== 'right' ? -2 : 0) : -0.5, uvDist, side !== 'both' ? (side !== 'left' ? 2 : 0) : 1.5, uvDist + 1.5, side !== 'both' ? 0 : 0.5);
266
+ if (generateUv2) {
267
+ uv2.push(uvDist2, side !== 'both' ? (side !== 'right' ? -2 : 0) : -0.5, uvDist2, side !== 'both' ? (side !== 'left' ? 2 : 0) : 1.5, uvDist2 + (1.5 * width) / totalDistance, side !== 'both' ? 0 : 0.5);
268
+ }
269
+ verticesCount += 3;
270
+ indices.push(verticesCount - 1, verticesCount - 3, verticesCount - 2);
271
+ count += 3;
272
+ }
273
+ let lastPoint;
274
+ if (progressDistance > 0) {
275
+ for (let i = 0; i < pathPointList.count; i++) {
276
+ const pathPoint = pathPointList.array[i];
277
+ if (pathPoint.dist > progressDistance) {
278
+ const prevPoint = pathPointList.array[i - 1];
279
+ lastPoint = new PathPoint();
280
+ // linear lerp for progress
281
+ const alpha = (progressDistance - prevPoint.dist) / (pathPoint.dist - prevPoint.dist);
282
+ lastPoint.lerpPathPoints(prevPoint, pathPoint, alpha);
283
+ addVertices(lastPoint);
284
+ break;
285
+ }
286
+ else {
287
+ addVertices(pathPoint);
288
+ }
289
+ }
290
+ }
291
+ else {
292
+ lastPoint = pathPointList.array[0];
293
+ }
294
+ // build arrow geometry
295
+ if (arrow) {
296
+ lastPoint = lastPoint || pathPointList.array[pathPointList.count - 1];
297
+ addStart(lastPoint);
298
+ }
299
+ return {
300
+ position,
301
+ normal,
302
+ uv,
303
+ uv2,
304
+ indices,
305
+ count,
306
+ };
307
+ }
@@ -1,17 +1,17 @@
1
- import { Vector3 } from 'three/src/math/Vector3';
2
- /**
3
- * PathPoint
4
- */
5
- declare class PathPoint {
6
- pos: Vector3;
7
- dir: Vector3;
8
- right: Vector3;
9
- up: Vector3;
10
- dist: number;
11
- widthScale: number;
12
- sharp: boolean;
13
- constructor();
14
- lerpPathPoints(p1: PathPoint, p2: PathPoint, alpha: number): void;
15
- copy(source: PathPoint): void;
16
- }
17
- export { PathPoint };
1
+ import { Vector3 } from 'three/src/math/Vector3';
2
+ /**
3
+ * PathPoint
4
+ */
5
+ declare class PathPoint {
6
+ pos: Vector3;
7
+ dir: Vector3;
8
+ right: Vector3;
9
+ up: Vector3;
10
+ dist: number;
11
+ widthScale: number;
12
+ sharp: boolean;
13
+ constructor();
14
+ lerpPathPoints(p1: PathPoint, p2: PathPoint, alpha: number): void;
15
+ copy(source: PathPoint): void;
16
+ }
17
+ export { PathPoint };