three-base 2.0.172 → 2.0.175

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 (115) 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/mktMappingShader.d.ts +6 -5
  13. package/MktMesh/mktMappingShader.js +26 -19
  14. package/MktMesh/mktMappingShader.ts +28 -19
  15. package/MktMesh/mktShader.d.ts +127 -58
  16. package/MktMesh/mktShader.js +192 -117
  17. package/MktMesh/mktShader.ts +251 -127
  18. package/MktMesh/panoSlotRoster.d.ts +2 -2
  19. package/MktMesh/panoSlotRoster.js +9 -7
  20. package/MktMesh/panoSlotRoster.ts +9 -7
  21. package/MktMesh/panoTileStitcher.d.ts +20 -13
  22. package/MktMesh/panoTileStitcher.js +97 -76
  23. package/MktMesh/panoTileStitcher.ts +119 -90
  24. package/PipeMesh/PipeJoint.d.ts +22 -0
  25. package/PipeMesh/PipeJoint.js +33 -0
  26. package/PipeMesh/PipeJoint.ts +38 -0
  27. package/PipeMesh/PipeMesh.d.ts +94 -22
  28. package/PipeMesh/PipeMesh.js +192 -53
  29. package/PipeMesh/PipeMesh.ts +223 -76
  30. package/PipeMesh/PipeStraight.d.ts +19 -0
  31. package/PipeMesh/PipeStraight.js +34 -0
  32. package/PipeMesh/PipeStraight.ts +45 -0
  33. package/PipeMesh/axisSnap.d.ts +52 -0
  34. package/PipeMesh/axisSnap.js +52 -0
  35. package/PipeMesh/axisSnap.ts +93 -0
  36. package/PipeMesh/directRoute.d.ts +85 -0
  37. package/PipeMesh/directRoute.js +126 -0
  38. package/PipeMesh/directRoute.ts +190 -0
  39. package/PipeMesh/index.d.ts +6 -0
  40. package/PipeMesh/index.js +6 -0
  41. package/PipeMesh/index.ts +7 -1
  42. package/PipeMesh/pipeMaterial.d.ts +16 -0
  43. package/PipeMesh/pipeMaterial.js +23 -0
  44. package/PipeMesh/pipeMaterial.ts +26 -0
  45. package/ThreeBase.d.ts +1 -39
  46. package/ThreeBase.js +38 -147
  47. package/ThreeBase.ts +1176 -1302
  48. package/instanced/InstancedBatch.d.ts +14 -1
  49. package/instanced/InstancedBatch.js +53 -3
  50. package/instanced/InstancedBatch.ts +62 -3
  51. package/instanced/InstancedChild.d.ts +24 -0
  52. package/instanced/InstancedChild.js +40 -0
  53. package/instanced/InstancedChild.ts +41 -0
  54. package/instanced/InstancedGroup.d.ts +48 -0
  55. package/instanced/InstancedGroup.js +45 -1
  56. package/instanced/InstancedGroup.ts +85 -0
  57. package/package.json +2 -7
  58. package/pass/debugDepthState.d.ts +16 -8
  59. package/pass/debugDepthState.js +4 -0
  60. package/pass/debugDepthState.ts +27 -9
  61. package/pass/glow_pass.js +11 -94
  62. package/pass/glow_pass.ts +11 -97
  63. package/pass/ssao_pass.d.ts +9 -23
  64. package/pass/ssao_pass.js +41 -128
  65. package/pass/ssao_pass.ts +36 -166
  66. package/pass/stroke_pass.js +3 -0
  67. package/pass/stroke_pass.ts +4 -0
  68. package/shaders/debugDepthCompareShader.d.ts +1 -1
  69. package/shaders/debugDepthCompareShader.js +1 -1
  70. package/shaders/debugDepthCompareShader.ts +1 -1
  71. package/shaders/debugDepthJudgeShader.d.ts +1 -1
  72. package/shaders/debugDepthJudgeShader.js +1 -1
  73. package/shaders/debugDepthJudgeShader.ts +1 -1
  74. package/PipeMesh/PathGeometry.d.ts +0 -44
  75. package/PipeMesh/PathGeometry.js +0 -307
  76. package/PipeMesh/PathGeometry.ts +0 -343
  77. package/PipeMesh/PathPoint.d.ts +0 -17
  78. package/PipeMesh/PathPoint.js +0 -31
  79. package/PipeMesh/PathPoint.ts +0 -36
  80. package/PipeMesh/PathPointList.d.ts +0 -31
  81. package/PipeMesh/PathPointList.js +0 -209
  82. package/PipeMesh/PathPointList.ts +0 -227
  83. package/PipeMesh/PathTubeGeometry.d.ts +0 -25
  84. package/PipeMesh/PathTubeGeometry.js +0 -130
  85. package/PipeMesh/PathTubeGeometry.ts +0 -146
  86. package/WaterFlow/FloatingDuck.d.ts +0 -88
  87. package/WaterFlow/FloatingDuck.js +0 -307
  88. package/WaterFlow/FloatingDuck.ts +0 -445
  89. package/WaterFlow/GPUFluidSimulation.d.ts +0 -56
  90. package/WaterFlow/GPUFluidSimulation.js +0 -785
  91. package/WaterFlow/GPUFluidSimulation.ts +0 -827
  92. package/WaterFlow/ReservoirSystem.d.ts +0 -106
  93. package/WaterFlow/ReservoirSystem.js +0 -621
  94. package/WaterFlow/ReservoirSystem.ts +0 -754
  95. package/WaterFlow/SPHField.d.ts +0 -35
  96. package/WaterFlow/SPHField.js +0 -204
  97. package/WaterFlow/SPHField.ts +0 -228
  98. package/WaterFlow/ScreenSpaceFluidPass.d.ts +0 -69
  99. package/WaterFlow/ScreenSpaceFluidPass.js +0 -736
  100. package/WaterFlow/ScreenSpaceFluidPass.ts +0 -789
  101. package/WaterFlow/ShallowWaterSurface.d.ts +0 -45
  102. package/WaterFlow/ShallowWaterSurface.js +0 -441
  103. package/WaterFlow/ShallowWaterSurface.ts +0 -510
  104. package/WaterFlow/WaterFlow.d.ts +0 -87
  105. package/WaterFlow/WaterFlow.js +0 -171
  106. package/WaterFlow/WaterFlow.ts +0 -219
  107. package/WaterFlow/types.d.ts +0 -161
  108. package/WaterFlow/types.js +0 -1
  109. package/WaterFlow/types.ts +0 -189
  110. package/WaterFlow/waterFlowPass.d.ts +0 -3
  111. package/WaterFlow/waterFlowPass.js +0 -20
  112. package/WaterFlow/waterFlowPass.ts +0 -40
  113. package/shaders/debugExcludedShader.d.ts +0 -15
  114. package/shaders/debugExcludedShader.js +0 -48
  115. 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 };