three-base 2.0.172 → 2.0.180

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 (127) hide show
  1. package/FPScontrol.d.ts +15 -24
  2. package/FPScontrol.js +63 -87
  3. package/FPScontrol.ts +64 -88
  4. package/Ground1/Ground1.d.ts +4 -2
  5. package/Ground1/Ground1.js +77 -57
  6. package/Ground1/Ground1.ts +77 -57
  7. package/Mirror.js +0 -4
  8. package/Mirror.ts +0 -4
  9. package/MktMesh/MktMesh.d.ts +3 -2
  10. package/MktMesh/MktMesh.js +27 -8
  11. package/MktMesh/MktMesh.ts +24 -8
  12. package/MktMesh/boxLine2.d.ts +42 -0
  13. package/MktMesh/boxLine2.js +185 -0
  14. package/MktMesh/boxLine2.ts +222 -0
  15. package/MktMesh/imagePlane.d.ts +60 -0
  16. package/MktMesh/imagePlane.js +158 -0
  17. package/MktMesh/imagePlane.ts +203 -0
  18. package/MktMesh/imageTileLoader.d.ts +19 -0
  19. package/MktMesh/imageTileLoader.js +55 -0
  20. package/MktMesh/imageTileLoader.ts +64 -0
  21. package/MktMesh/mktMappingShader.d.ts +6 -5
  22. package/MktMesh/mktMappingShader.js +26 -19
  23. package/MktMesh/mktMappingShader.ts +28 -19
  24. package/MktMesh/mktShader.d.ts +127 -58
  25. package/MktMesh/mktShader.js +192 -117
  26. package/MktMesh/mktShader.ts +251 -127
  27. package/MktMesh/modelSlot.d.ts +123 -0
  28. package/MktMesh/modelSlot.js +339 -0
  29. package/MktMesh/modelSlot.ts +383 -0
  30. package/MktMesh/panoSlotRoster.d.ts +2 -2
  31. package/MktMesh/panoSlotRoster.js +9 -7
  32. package/MktMesh/panoSlotRoster.ts +9 -7
  33. package/MktMesh/panoTileStitcher.d.ts +20 -13
  34. package/MktMesh/panoTileStitcher.js +97 -76
  35. package/MktMesh/panoTileStitcher.ts +119 -90
  36. package/PipeMesh/PipeJoint.d.ts +22 -0
  37. package/PipeMesh/PipeJoint.js +33 -0
  38. package/PipeMesh/PipeJoint.ts +38 -0
  39. package/PipeMesh/PipeMesh.d.ts +94 -22
  40. package/PipeMesh/PipeMesh.js +192 -53
  41. package/PipeMesh/PipeMesh.ts +223 -76
  42. package/PipeMesh/PipeStraight.d.ts +19 -0
  43. package/PipeMesh/PipeStraight.js +34 -0
  44. package/PipeMesh/PipeStraight.ts +45 -0
  45. package/PipeMesh/axisSnap.d.ts +52 -0
  46. package/PipeMesh/axisSnap.js +52 -0
  47. package/PipeMesh/axisSnap.ts +93 -0
  48. package/PipeMesh/directRoute.d.ts +85 -0
  49. package/PipeMesh/directRoute.js +126 -0
  50. package/PipeMesh/directRoute.ts +190 -0
  51. package/PipeMesh/index.d.ts +6 -0
  52. package/PipeMesh/index.js +6 -0
  53. package/PipeMesh/index.ts +7 -1
  54. package/PipeMesh/pipeMaterial.d.ts +16 -0
  55. package/PipeMesh/pipeMaterial.js +23 -0
  56. package/PipeMesh/pipeMaterial.ts +26 -0
  57. package/ThreeBase.d.ts +1 -39
  58. package/ThreeBase.js +38 -147
  59. package/ThreeBase.ts +1176 -1302
  60. package/instanced/InstancedBatch.d.ts +14 -1
  61. package/instanced/InstancedBatch.js +53 -3
  62. package/instanced/InstancedBatch.ts +62 -3
  63. package/instanced/InstancedChild.d.ts +24 -0
  64. package/instanced/InstancedChild.js +40 -0
  65. package/instanced/InstancedChild.ts +41 -0
  66. package/instanced/InstancedGroup.d.ts +48 -0
  67. package/instanced/InstancedGroup.js +45 -1
  68. package/instanced/InstancedGroup.ts +85 -0
  69. package/package.json +22 -7
  70. package/pass/debugDepthState.d.ts +16 -8
  71. package/pass/debugDepthState.js +4 -0
  72. package/pass/debugDepthState.ts +27 -9
  73. package/pass/glow_pass.js +11 -94
  74. package/pass/glow_pass.ts +11 -97
  75. package/pass/ssao_pass.d.ts +9 -23
  76. package/pass/ssao_pass.js +41 -128
  77. package/pass/ssao_pass.ts +36 -166
  78. package/pass/stroke_pass.js +3 -0
  79. package/pass/stroke_pass.ts +4 -0
  80. package/shaders/debugDepthCompareShader.d.ts +1 -1
  81. package/shaders/debugDepthCompareShader.js +1 -1
  82. package/shaders/debugDepthCompareShader.ts +1 -1
  83. package/shaders/debugDepthJudgeShader.d.ts +1 -1
  84. package/shaders/debugDepthJudgeShader.js +1 -1
  85. package/shaders/debugDepthJudgeShader.ts +1 -1
  86. package/PipeMesh/PathGeometry.d.ts +0 -44
  87. package/PipeMesh/PathGeometry.js +0 -307
  88. package/PipeMesh/PathGeometry.ts +0 -343
  89. package/PipeMesh/PathPoint.d.ts +0 -17
  90. package/PipeMesh/PathPoint.js +0 -31
  91. package/PipeMesh/PathPoint.ts +0 -36
  92. package/PipeMesh/PathPointList.d.ts +0 -31
  93. package/PipeMesh/PathPointList.js +0 -209
  94. package/PipeMesh/PathPointList.ts +0 -227
  95. package/PipeMesh/PathTubeGeometry.d.ts +0 -25
  96. package/PipeMesh/PathTubeGeometry.js +0 -130
  97. package/PipeMesh/PathTubeGeometry.ts +0 -146
  98. package/WaterFlow/FloatingDuck.d.ts +0 -88
  99. package/WaterFlow/FloatingDuck.js +0 -307
  100. package/WaterFlow/FloatingDuck.ts +0 -445
  101. package/WaterFlow/GPUFluidSimulation.d.ts +0 -56
  102. package/WaterFlow/GPUFluidSimulation.js +0 -785
  103. package/WaterFlow/GPUFluidSimulation.ts +0 -827
  104. package/WaterFlow/ReservoirSystem.d.ts +0 -106
  105. package/WaterFlow/ReservoirSystem.js +0 -621
  106. package/WaterFlow/ReservoirSystem.ts +0 -754
  107. package/WaterFlow/SPHField.d.ts +0 -35
  108. package/WaterFlow/SPHField.js +0 -204
  109. package/WaterFlow/SPHField.ts +0 -228
  110. package/WaterFlow/ScreenSpaceFluidPass.d.ts +0 -69
  111. package/WaterFlow/ScreenSpaceFluidPass.js +0 -736
  112. package/WaterFlow/ScreenSpaceFluidPass.ts +0 -789
  113. package/WaterFlow/ShallowWaterSurface.d.ts +0 -45
  114. package/WaterFlow/ShallowWaterSurface.js +0 -441
  115. package/WaterFlow/ShallowWaterSurface.ts +0 -510
  116. package/WaterFlow/WaterFlow.d.ts +0 -87
  117. package/WaterFlow/WaterFlow.js +0 -171
  118. package/WaterFlow/WaterFlow.ts +0 -219
  119. package/WaterFlow/types.d.ts +0 -161
  120. package/WaterFlow/types.js +0 -1
  121. package/WaterFlow/types.ts +0 -189
  122. package/WaterFlow/waterFlowPass.d.ts +0 -3
  123. package/WaterFlow/waterFlowPass.js +0 -20
  124. package/WaterFlow/waterFlowPass.ts +0 -40
  125. package/shaders/debugExcludedShader.d.ts +0 -15
  126. package/shaders/debugExcludedShader.js +0 -48
  127. package/shaders/debugExcludedShader.ts +0 -50
@@ -1,307 +0,0 @@
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,343 +0,0 @@
1
- import { DynamicDrawUsage, StaticDrawUsage, Usage } from 'three/src/constants.js';
2
- import { PathPoint } from './PathPoint.js';
3
- import type { PathPointList } from './PathPointList.js';
4
- import { BufferGeometry } from 'three/src/core/BufferGeometry.js';
5
- import { BufferAttribute } from 'three/src/core/BufferAttribute.js';
6
- import { Vector3 } from 'three/src/math/Vector3.js';
7
-
8
- export interface Options {
9
- radius?: number;
10
- width?: number;
11
- progress?: number;
12
- radialSegments?: number;
13
- startRad?: number;
14
- arrow?: boolean;
15
- side?: 'both' | 'left' | 'right';
16
- }
17
-
18
- export interface PathGeometryParam {
19
- pathPointList: PathPointList;
20
- options: Options;
21
- usage: Usage;
22
- transparent: boolean;
23
- }
24
-
25
- interface VertexData {
26
- position: Array<number>;
27
- normal: Array<number>;
28
- uv: Array<number>;
29
- uv2: Array<number>;
30
- indices: Array<number>;
31
- count: number;
32
- }
33
-
34
- /**
35
- * PathGeometry
36
- */
37
- class PathGeometry extends BufferGeometry {
38
- /**
39
- * @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.
40
- * @param {Boolean} [generateUv2=false]
41
- */
42
- constructor(initData: PathGeometryParam, generateUv2: boolean = false) {
43
- super();
44
- this._initByData(initData.pathPointList, initData.options, initData.usage, generateUv2);
45
- }
46
-
47
- _initByMaxVertex(maxVertex: number, generateUv2: boolean): void {
48
- this.setAttribute('position', new BufferAttribute(new Float32Array(maxVertex * 3), 3).setUsage(DynamicDrawUsage));
49
- this.setAttribute('normal', new BufferAttribute(new Float32Array(maxVertex * 3), 3).setUsage(DynamicDrawUsage));
50
- this.setAttribute('uv', new BufferAttribute(new Float32Array(maxVertex * 2), 2).setUsage(DynamicDrawUsage));
51
- if (generateUv2) {
52
- this.setAttribute('uv2', new BufferAttribute(new Float32Array(maxVertex * 2), 2).setUsage(DynamicDrawUsage));
53
- }
54
- this.drawRange.start = 0;
55
- this.drawRange.count = 0;
56
- this.setIndex(new Array(maxVertex * 3));
57
- }
58
-
59
- _initByData(pathPointList: PathPointList, options: Options, usage: Usage, generateUv2: boolean): void {
60
- const vertexData = generatePathVertexData(pathPointList, options, generateUv2);
61
- if (vertexData && vertexData.count !== 0) {
62
- this.setAttribute('position', new BufferAttribute(new Float32Array(vertexData.position), 3).setUsage(usage || StaticDrawUsage));
63
- this.setAttribute('normal', new BufferAttribute(new Float32Array(vertexData.normal), 3).setUsage(usage || StaticDrawUsage));
64
- this.setAttribute('uv', new BufferAttribute(new Float32Array(vertexData.uv), 2).setUsage(usage || StaticDrawUsage));
65
- if (generateUv2) {
66
- this.setAttribute('uv2', new BufferAttribute(new Float32Array(vertexData.uv2), 2).setUsage(usage || StaticDrawUsage));
67
- }
68
- this.setIndex(vertexData.indices);
69
- }
70
- else {
71
- this._initByMaxVertex(2, generateUv2);
72
- }
73
- }
74
-
75
- /**
76
- * Update geometry by PathPointList instance
77
- * @param {PathPointList} pathPointList
78
- * @param {Object} options
79
- * @param {Number} [options.width=0.1]
80
- * @param {Number} [options.progress=1]
81
- * @param {Boolean} [options.arrow=true]
82
- * @param {String} [options.side='both'] - "left"/"right"/"both"
83
- */
84
- update(pathPointList: PathPointList, options: Options): void {
85
- const generateUv2 = !!this.getAttribute('uv2');
86
- const vertexData = generatePathVertexData(pathPointList, options, generateUv2);
87
- if (vertexData) {
88
- this._updateAttributes(vertexData.position, vertexData.normal, vertexData.uv, generateUv2 ? vertexData.uv2 : null, vertexData.indices);
89
- this.drawRange.count = vertexData.count;
90
- }
91
- else {
92
- this.drawRange.count = 0;
93
- }
94
- }
95
-
96
- _resizeAttribute(name: string, len: number): void {
97
- let attribute = this.getAttribute(name);
98
- while (attribute.array.length < len) {
99
- const oldLength = attribute.array.length;
100
- const newAttribute = new BufferAttribute(new Float32Array(oldLength * 2), attribute.itemSize, attribute.normalized);
101
- newAttribute.name = attribute.name;
102
- if (attribute instanceof BufferAttribute) {
103
- newAttribute.usage = attribute.usage;
104
- }
105
- this.setAttribute(name, newAttribute);
106
- attribute = newAttribute;
107
- }
108
- }
109
-
110
- _resizeIndex(len: number): void {
111
- let index = this.getIndex();
112
- if (!index) return;
113
- while (index.array.length < len) {
114
- const oldLength = index.array.length;
115
- const newIndex = new BufferAttribute(oldLength * 2 > 65535 ? new Uint32Array(oldLength * 2) : new Uint16Array(oldLength * 2), 1);
116
- newIndex.name = index.name;
117
- if (index instanceof BufferAttribute) {
118
- newIndex.usage = index.usage;
119
- }
120
- this.setIndex(newIndex);
121
- index = newIndex;
122
- }
123
- }
124
-
125
- _updateAttributes(position: Array<number>, normal: Array<number>, uv: Array<number>, uv2: Array<number> | null, indices: Array<number>): void {
126
- this._resizeAttribute('position', position.length);
127
- const positionAttribute = this.getAttribute('position') as BufferAttribute & { updateRange: { count: number } };
128
- positionAttribute.array.set(position, 0);
129
- positionAttribute.updateRange.count = position.length;
130
- positionAttribute.needsUpdate = true;
131
- this._resizeAttribute('normal', normal.length);
132
- const normalAttribute = this.getAttribute('normal') as BufferAttribute & { updateRange: { count: number } };
133
- normalAttribute.array.set(normal, 0);
134
- normalAttribute.updateRange.count = normal.length;
135
- normalAttribute.needsUpdate = true;
136
- this._resizeAttribute('uv', uv.length);
137
- const uvAttribute = this.getAttribute('uv') as BufferAttribute & { updateRange: { count: number } };
138
- uvAttribute.array.set(uv, 0);
139
- uvAttribute.updateRange.count = uv.length;
140
- uvAttribute.needsUpdate = true;
141
- if (uv2) {
142
- this._resizeAttribute('uv2', uv2.length);
143
- const uv2Attribute = this.getAttribute('uv2') as BufferAttribute & { updateRange: { count: number } };
144
- uv2Attribute.array.set(uv2, 0);
145
- uv2Attribute.updateRange.count = uv2.length;
146
- uv2Attribute.needsUpdate = true;
147
- }
148
- this._resizeIndex(indices.length);
149
- const indexAttribute = this.getIndex() as BufferAttribute & { updateRange: { count: number } };
150
- indexAttribute.set(indices, 0);
151
- indexAttribute.updateRange.count = indices.length;
152
- indexAttribute.needsUpdate = true;
153
- indexAttribute.needsUpdate = true;
154
- }
155
- }
156
-
157
- export { PathGeometry };
158
-
159
- // Vertex Data Generate Functions
160
- function generatePathVertexData(pathPointList: PathPointList, options: Options, generateUv2: boolean = false): VertexData | null {
161
- const width = options.width || 0.1;
162
- const progress = options.progress !== undefined ? options.progress : 1;
163
- const arrow = options.arrow !== undefined ? options.arrow : true;
164
- const side = options.side !== undefined ? options.side : 'both';
165
- const halfWidth = width / 2;
166
- const sideWidth = side !== 'both' ? width / 2 : width;
167
- const totalDistance = pathPointList.distance();
168
- const progressDistance = progress * totalDistance;
169
- if (totalDistance == 0) {
170
- return null;
171
- }
172
- const sharpUvOffset = halfWidth / sideWidth;
173
- const sharpUvOffset2 = halfWidth / totalDistance;
174
- let count = 0;
175
- // modify data
176
- const position: Array<number> = [];
177
- const normal: Array<number> = [];
178
- const uv: Array<number> = [];
179
- const uv2: Array<number> = [];
180
- const indices: Array<number> = [];
181
- let verticesCount = 0;
182
- const right = new Vector3();
183
- const left = new Vector3();
184
- // for sharp corners
185
- const leftOffset = new Vector3();
186
- const rightOffset = new Vector3();
187
- const tempPoint1 = new Vector3();
188
- const tempPoint2 = new Vector3();
189
-
190
- function addVertices(pathPoint: PathPoint): void {
191
- const first = position.length === 0;
192
- const sharpCorner = pathPoint.sharp && !first;
193
- const uvDist = pathPoint.dist / sideWidth;
194
- const uvDist2 = pathPoint.dist / totalDistance;
195
- const dir = pathPoint.dir;
196
- const up = pathPoint.up;
197
- const _right = pathPoint.right;
198
- if (side !== 'left') {
199
- right.copy(_right).multiplyScalar(halfWidth * pathPoint.widthScale);
200
- }
201
- else {
202
- right.set(0, 0, 0);
203
- }
204
- if (side !== 'right') {
205
- left.copy(_right).multiplyScalar(-halfWidth * pathPoint.widthScale);
206
- }
207
- else {
208
- left.set(0, 0, 0);
209
- }
210
- right.add(pathPoint.pos);
211
- left.add(pathPoint.pos);
212
- if (sharpCorner) {
213
- leftOffset.fromArray(position, position.length - 6).sub(left);
214
- rightOffset.fromArray(position, position.length - 3).sub(right);
215
- const leftDist = leftOffset.length();
216
- const rightDist = rightOffset.length();
217
- const sideOffset = leftDist - rightDist;
218
- let longerOffset, longEdge;
219
- if (sideOffset > 0) {
220
- longerOffset = leftOffset;
221
- longEdge = left;
222
- }
223
- else {
224
- longerOffset = rightOffset;
225
- longEdge = right;
226
- }
227
- tempPoint1.copy(longerOffset).setLength(Math.abs(sideOffset)).add(longEdge);
228
- let _cos = tempPoint2.copy(longEdge).sub(tempPoint1).normalize().dot(dir);
229
- let _len = tempPoint2.copy(longEdge).sub(tempPoint1).length();
230
- let _dist = _cos * _len * 2;
231
- tempPoint2.copy(dir).setLength(_dist).add(tempPoint1);
232
- if (sideOffset > 0) {
233
- position.push(tempPoint1.x, tempPoint1.y, tempPoint1.z, // 6
234
- right.x, right.y, right.z, // 5
235
- left.x, left.y, left.z, // 4
236
- right.x, right.y, right.z, // 3
237
- tempPoint2.x, tempPoint2.y, tempPoint2.z, // 2
238
- right.x, right.y, right.z // 1
239
- );
240
- verticesCount += 6;
241
- 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);
242
- count += 12;
243
- }
244
- else {
245
- position.push(left.x, left.y, left.z, // 6
246
- tempPoint1.x, tempPoint1.y, tempPoint1.z, // 5
247
- left.x, left.y, left.z, // 4
248
- right.x, right.y, right.z, // 3
249
- left.x, left.y, left.z, // 2
250
- tempPoint2.x, tempPoint2.y, tempPoint2.z // 1
251
- );
252
- verticesCount += 6;
253
- 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);
254
- count += 12;
255
- }
256
- 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);
257
- uv.push(uvDist - sharpUvOffset, 0, uvDist - sharpUvOffset, 1, uvDist, 0, uvDist, 1, uvDist + sharpUvOffset, 0, uvDist + sharpUvOffset, 1);
258
- if (generateUv2) {
259
- uv2.push(uvDist2 - sharpUvOffset2, 0, uvDist2 - sharpUvOffset2, 1, uvDist2, 0, uvDist2, 1, uvDist2 + sharpUvOffset2, 0, uvDist2 + sharpUvOffset2, 1);
260
- }
261
- }
262
- else {
263
- position.push(left.x, left.y, left.z, right.x, right.y, right.z);
264
- normal.push(up.x, up.y, up.z, up.x, up.y, up.z);
265
- uv.push(uvDist, 0, uvDist, 1);
266
- if (generateUv2) {
267
- uv2.push(uvDist2, 0, uvDist2, 1);
268
- }
269
- verticesCount += 2;
270
- if (!first) {
271
- indices.push(verticesCount - 2, verticesCount - 4, verticesCount - 3, verticesCount - 2, verticesCount - 3, verticesCount - 1);
272
- count += 6;
273
- }
274
- }
275
- }
276
- const sharp = new Vector3();
277
- function addStart(pathPoint: PathPoint): void {
278
- const dir = pathPoint.dir;
279
- const up = pathPoint.up;
280
- const _right = pathPoint.right;
281
- const uvDist = pathPoint.dist / sideWidth;
282
- const uvDist2 = pathPoint.dist / totalDistance;
283
- if (side !== 'left') {
284
- right.copy(_right).multiplyScalar(halfWidth * 2);
285
- }
286
- else {
287
- right.set(0, 0, 0);
288
- }
289
- if (side !== 'right') {
290
- left.copy(_right).multiplyScalar(-halfWidth * 2);
291
- }
292
- else {
293
- left.set(0, 0, 0);
294
- }
295
- sharp.copy(dir).setLength(halfWidth * 3);
296
- right.add(pathPoint.pos);
297
- left.add(pathPoint.pos);
298
- sharp.add(pathPoint.pos);
299
- position.push(left.x, left.y, left.z, right.x, right.y, right.z, sharp.x, sharp.y, sharp.z);
300
- normal.push(up.x, up.y, up.z, up.x, up.y, up.z, up.x, up.y, up.z);
301
- 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);
302
- if (generateUv2) {
303
- 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);
304
- }
305
- verticesCount += 3;
306
- indices.push(verticesCount - 1, verticesCount - 3, verticesCount - 2);
307
- count += 3;
308
- }
309
- let lastPoint: PathPoint | undefined;
310
- if (progressDistance > 0) {
311
- for (let i = 0; i < pathPointList.count; i++) {
312
- const pathPoint = pathPointList.array[i];
313
- if (pathPoint.dist > progressDistance) {
314
- const prevPoint = pathPointList.array[i - 1];
315
- lastPoint = new PathPoint();
316
- // linear lerp for progress
317
- const alpha = (progressDistance - prevPoint.dist) / (pathPoint.dist - prevPoint.dist);
318
- lastPoint.lerpPathPoints(prevPoint, pathPoint, alpha);
319
- addVertices(lastPoint);
320
- break;
321
- }
322
- else {
323
- addVertices(pathPoint);
324
- }
325
- }
326
- }
327
- else {
328
- lastPoint = pathPointList.array[0];
329
- }
330
- // build arrow geometry
331
- if (arrow) {
332
- lastPoint = lastPoint || pathPointList.array[pathPointList.count - 1];
333
- addStart(lastPoint);
334
- }
335
- return {
336
- position,
337
- normal,
338
- uv,
339
- uv2,
340
- indices,
341
- count,
342
- };
343
- }
@@ -1,17 +0,0 @@
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 };