redhotmagma-visualization 1.44.9 → 1.45.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (37) hide show
  1. package/Constants.js +1 -0
  2. package/DevApp.js +14 -0
  3. package/Three/Three2D.js +25 -4
  4. package/Three/Three3D.js +121 -83
  5. package/Three/Three3DScene.js +132 -58
  6. package/Utils/createBakedShadow.js +1 -2
  7. package/Utils/initTextureCanvas.js +3 -1
  8. package/Utils/optimizeTextureImage.js +1 -1
  9. package/Utils/rememberCameraViewOffset.js +12 -7
  10. package/Utils/restrictCameraMovement.js +2 -2
  11. package/package.json +3 -3
  12. package/public/libs/draco/README.md +2 -2
  13. package/public/libs/draco/draco_decoder.js +17 -35
  14. package/public/libs/draco/draco_decoder.wasm +0 -0
  15. package/public/libs/draco/draco_wasm_wrapper.js +117 -104
  16. package/public/libs/draco/gltf/draco_decoder.js +16 -31
  17. package/public/libs/draco/gltf/draco_decoder.wasm +0 -0
  18. package/public/libs/draco/gltf/draco_wasm_wrapper.js +116 -104
  19. package/src/Constants.js +1 -0
  20. package/src/DevApp.js +12 -0
  21. package/src/Three/Three2D.js +4 -3
  22. package/src/Three/Three3D.js +15 -8
  23. package/src/Three/Three3DScene.js +85 -29
  24. package/src/Three/__tests__/Three3D.test.js +0 -33
  25. package/src/Utils/createBakedShadow.js +2 -4
  26. package/src/Utils/initTextureCanvas.js +2 -1
  27. package/src/Utils/optimizeTextureImage.js +1 -1
  28. package/src/Utils/rememberCameraViewOffset.js +5 -3
  29. package/src/Utils/restrictCameraMovement.js +1 -1
  30. package/Three/Controls/OrbitControls.js +0 -724
  31. package/Three/Loaders/ColladaLoader.js +0 -2568
  32. package/Three/Loaders/MTLLoader.js +0 -418
  33. package/Three/Loaders/OBJLoader.js +0 -516
  34. package/src/Three/Controls/OrbitControls.js +0 -934
  35. package/src/Three/Loaders/ColladaLoader.js +0 -3245
  36. package/src/Three/Loaders/MTLLoader.js +0 -512
  37. package/src/Three/Loaders/OBJLoader.js +0 -640
@@ -1,640 +0,0 @@
1
- /* eslint-disable */
2
-
3
- // original source: three/examples/js/loaders/OBJLoader
4
-
5
- import * as THREE_imp from "three";
6
-
7
- const THREE = THREE_imp;
8
-
9
- // important: update file from here if needed
10
-
11
- /**
12
- * @author mrdoob / http://mrdoob.com/
13
- */
14
-
15
- THREE.OBJLoader = (function() {
16
- // o object_name | g group_name
17
- var object_pattern = /^[og]\s*(.+)?/;
18
- // mtllib file_reference
19
- var material_library_pattern = /^mtllib /;
20
- // usemtl material_name
21
- var material_use_pattern = /^usemtl /;
22
-
23
- function ParserState() {
24
- var state = {
25
- objects: [],
26
- object: {},
27
-
28
- vertices: [],
29
- normals: [],
30
- colors: [],
31
- uvs: [],
32
-
33
- materialLibraries: [],
34
-
35
- startObject: function(name, fromDeclaration) {
36
- // If the current object (initial from reset) is not from a g/o declaration in the parsed
37
- // file. We need to use it for the first parsed g/o to keep things in sync.
38
- if (this.object && this.object.fromDeclaration === false) {
39
- this.object.name = name;
40
- this.object.fromDeclaration = fromDeclaration !== false;
41
- return;
42
- }
43
-
44
- var previousMaterial =
45
- this.object && typeof this.object.currentMaterial === "function"
46
- ? this.object.currentMaterial()
47
- : undefined;
48
-
49
- if (this.object && typeof this.object._finalize === "function") {
50
- this.object._finalize(true);
51
- }
52
-
53
- this.object = {
54
- name: name || "",
55
- fromDeclaration: fromDeclaration !== false,
56
-
57
- geometry: {
58
- vertices: [],
59
- normals: [],
60
- colors: [],
61
- uvs: [],
62
- },
63
- materials: [],
64
- smooth: true,
65
-
66
- startMaterial: function(name, libraries) {
67
- var previous = this._finalize(false);
68
-
69
- // New usemtl declaration overwrites an inherited material, except if faces were declared
70
- // after the material, then it must be preserved for proper MultiMaterial continuation.
71
- if (previous && (previous.inherited || previous.groupCount <= 0)) {
72
- this.materials.splice(previous.index, 1);
73
- }
74
-
75
- var material = {
76
- index: this.materials.length,
77
- name: name || "",
78
- mtllib:
79
- Array.isArray(libraries) && libraries.length > 0
80
- ? libraries[libraries.length - 1]
81
- : "",
82
- smooth: previous !== undefined ? previous.smooth : this.smooth,
83
- groupStart: previous !== undefined ? previous.groupEnd : 0,
84
- groupEnd: -1,
85
- groupCount: -1,
86
- inherited: false,
87
-
88
- clone: function(index) {
89
- var cloned = {
90
- index: typeof index === "number" ? index : this.index,
91
- name: this.name,
92
- mtllib: this.mtllib,
93
- smooth: this.smooth,
94
- groupStart: 0,
95
- groupEnd: -1,
96
- groupCount: -1,
97
- inherited: false,
98
- };
99
- cloned.clone = this.clone.bind(cloned);
100
- return cloned;
101
- },
102
- };
103
-
104
- this.materials.push(material);
105
-
106
- return material;
107
- },
108
-
109
- currentMaterial: function() {
110
- if (this.materials.length > 0) {
111
- return this.materials[this.materials.length - 1];
112
- }
113
-
114
- return undefined;
115
- },
116
-
117
- _finalize: function(end) {
118
- var lastMultiMaterial = this.currentMaterial();
119
- if (lastMultiMaterial && lastMultiMaterial.groupEnd === -1) {
120
- lastMultiMaterial.groupEnd = this.geometry.vertices.length / 3;
121
- lastMultiMaterial.groupCount =
122
- lastMultiMaterial.groupEnd - lastMultiMaterial.groupStart;
123
- lastMultiMaterial.inherited = false;
124
- }
125
-
126
- // Ignore objects tail materials if no face declarations followed them before a new o/g started.
127
- if (end && this.materials.length > 1) {
128
- for (var mi = this.materials.length - 1; mi >= 0; mi--) {
129
- if (this.materials[mi].groupCount <= 0) {
130
- this.materials.splice(mi, 1);
131
- }
132
- }
133
- }
134
-
135
- // Guarantee at least one empty material, this makes the creation later more straight forward.
136
- if (end && this.materials.length === 0) {
137
- this.materials.push({
138
- name: "",
139
- smooth: this.smooth,
140
- });
141
- }
142
-
143
- return lastMultiMaterial;
144
- },
145
- };
146
-
147
- // Inherit previous objects material.
148
- // Spec tells us that a declared material must be set to all objects until a new material is declared.
149
- // If a usemtl declaration is encountered while this new object is being parsed, it will
150
- // overwrite the inherited material. Exception being that there was already face declarations
151
- // to the inherited material, then it will be preserved for proper MultiMaterial continuation.
152
-
153
- if (
154
- previousMaterial &&
155
- previousMaterial.name &&
156
- typeof previousMaterial.clone === "function"
157
- ) {
158
- var declared = previousMaterial.clone(0);
159
- declared.inherited = true;
160
- this.object.materials.push(declared);
161
- }
162
-
163
- this.objects.push(this.object);
164
- },
165
-
166
- finalize: function() {
167
- if (this.object && typeof this.object._finalize === "function") {
168
- this.object._finalize(true);
169
- }
170
- },
171
-
172
- parseVertexIndex: function(value, len) {
173
- var index = parseInt(value, 10);
174
- return (index >= 0 ? index - 1 : index + len / 3) * 3;
175
- },
176
-
177
- parseNormalIndex: function(value, len) {
178
- var index = parseInt(value, 10);
179
- return (index >= 0 ? index - 1 : index + len / 3) * 3;
180
- },
181
-
182
- parseUVIndex: function(value, len) {
183
- var index = parseInt(value, 10);
184
- return (index >= 0 ? index - 1 : index + len / 2) * 2;
185
- },
186
-
187
- addVertex: function(a, b, c) {
188
- var src = this.vertices;
189
- var dst = this.object.geometry.vertices;
190
-
191
- dst.push(src[a + 0], src[a + 1], src[a + 2]);
192
- dst.push(src[b + 0], src[b + 1], src[b + 2]);
193
- dst.push(src[c + 0], src[c + 1], src[c + 2]);
194
- },
195
-
196
- addVertexPoint: function(a) {
197
- var src = this.vertices;
198
- var dst = this.object.geometry.vertices;
199
-
200
- dst.push(src[a + 0], src[a + 1], src[a + 2]);
201
- },
202
-
203
- addVertexLine: function(a) {
204
- var src = this.vertices;
205
- var dst = this.object.geometry.vertices;
206
-
207
- dst.push(src[a + 0], src[a + 1], src[a + 2]);
208
- },
209
-
210
- addNormal: function(a, b, c) {
211
- var src = this.normals;
212
- var dst = this.object.geometry.normals;
213
-
214
- dst.push(src[a + 0], src[a + 1], src[a + 2]);
215
- dst.push(src[b + 0], src[b + 1], src[b + 2]);
216
- dst.push(src[c + 0], src[c + 1], src[c + 2]);
217
- },
218
-
219
- addColor: function(a, b, c) {
220
- var src = this.colors;
221
- var dst = this.object.geometry.colors;
222
-
223
- dst.push(src[a + 0], src[a + 1], src[a + 2]);
224
- dst.push(src[b + 0], src[b + 1], src[b + 2]);
225
- dst.push(src[c + 0], src[c + 1], src[c + 2]);
226
- },
227
-
228
- addUV: function(a, b, c) {
229
- var src = this.uvs;
230
- var dst = this.object.geometry.uvs;
231
-
232
- dst.push(src[a + 0], src[a + 1]);
233
- dst.push(src[b + 0], src[b + 1]);
234
- dst.push(src[c + 0], src[c + 1]);
235
- },
236
-
237
- addUVLine: function(a) {
238
- var src = this.uvs;
239
- var dst = this.object.geometry.uvs;
240
-
241
- dst.push(src[a + 0], src[a + 1]);
242
- },
243
-
244
- addFace: function(a, b, c, ua, ub, uc, na, nb, nc) {
245
- var vLen = this.vertices.length;
246
-
247
- var ia = this.parseVertexIndex(a, vLen);
248
- var ib = this.parseVertexIndex(b, vLen);
249
- var ic = this.parseVertexIndex(c, vLen);
250
-
251
- this.addVertex(ia, ib, ic);
252
-
253
- if (ua !== undefined && ua !== "") {
254
- var uvLen = this.uvs.length;
255
- ia = this.parseUVIndex(ua, uvLen);
256
- ib = this.parseUVIndex(ub, uvLen);
257
- ic = this.parseUVIndex(uc, uvLen);
258
- this.addUV(ia, ib, ic);
259
- }
260
-
261
- if (na !== undefined && na !== "") {
262
- // Normals are many times the same. If so, skip function call and parseInt.
263
- var nLen = this.normals.length;
264
- ia = this.parseNormalIndex(na, nLen);
265
-
266
- ib = na === nb ? ia : this.parseNormalIndex(nb, nLen);
267
- ic = na === nc ? ia : this.parseNormalIndex(nc, nLen);
268
-
269
- this.addNormal(ia, ib, ic);
270
- }
271
-
272
- if (this.colors.length > 0) {
273
- this.addColor(ia, ib, ic);
274
- }
275
- },
276
-
277
- addPointGeometry: function(vertices) {
278
- this.object.geometry.type = "Points";
279
-
280
- var vLen = this.vertices.length;
281
-
282
- for (var vi = 0, l = vertices.length; vi < l; vi++) {
283
- this.addVertexPoint(this.parseVertexIndex(vertices[vi], vLen));
284
- }
285
- },
286
-
287
- addLineGeometry: function(vertices, uvs) {
288
- this.object.geometry.type = "Line";
289
-
290
- var vLen = this.vertices.length;
291
- var uvLen = this.uvs.length;
292
-
293
- for (var vi = 0, l = vertices.length; vi < l; vi++) {
294
- this.addVertexLine(this.parseVertexIndex(vertices[vi], vLen));
295
- }
296
-
297
- for (var uvi = 0, l = uvs.length; uvi < l; uvi++) {
298
- this.addUVLine(this.parseUVIndex(uvs[uvi], uvLen));
299
- }
300
- },
301
- };
302
-
303
- state.startObject("", false);
304
-
305
- return state;
306
- }
307
-
308
- //
309
-
310
- function OBJLoader(manager) {
311
- this.manager = manager !== undefined ? manager : THREE.DefaultLoadingManager;
312
-
313
- this.materials = null;
314
- }
315
-
316
- OBJLoader.prototype = {
317
- constructor: OBJLoader,
318
-
319
- load: function(url, onLoad, onProgress, onError) {
320
- var scope = this;
321
-
322
- var loader = new THREE.FileLoader(scope.manager);
323
- loader.setPath(this.path);
324
- loader.load(
325
- url,
326
- function(text) {
327
- onLoad(scope.parse(text));
328
- },
329
- onProgress,
330
- onError
331
- );
332
- },
333
-
334
- setPath: function(value) {
335
- this.path = value;
336
-
337
- return this;
338
- },
339
-
340
- setMaterials: function(materials) {
341
- this.materials = materials;
342
-
343
- return this;
344
- },
345
-
346
- parse: function(text) {
347
- console.time("OBJLoader");
348
-
349
- var state = new ParserState();
350
-
351
- if (text.indexOf("\r\n") !== -1) {
352
- // This is faster than String.split with regex that splits on both
353
- text = text.replace(/\r\n/g, "\n");
354
- }
355
-
356
- if (text.indexOf("\\\n") !== -1) {
357
- // join lines separated by a line continuation character (\)
358
- text = text.replace(/\\\n/g, "");
359
- }
360
-
361
- var lines = text.split("\n");
362
- var line = "",
363
- lineFirstChar = "";
364
- var lineLength = 0;
365
- var result = [];
366
-
367
- // Faster to just trim left side of the line. Use if available.
368
- var trimLeft = typeof "".trimLeft === "function";
369
-
370
- for (var i = 0, l = lines.length; i < l; i++) {
371
- line = lines[i];
372
-
373
- line = trimLeft ? line.trimLeft() : line.trim();
374
-
375
- lineLength = line.length;
376
-
377
- if (lineLength === 0) continue;
378
-
379
- lineFirstChar = line.charAt(0);
380
-
381
- if (lineFirstChar === "#") continue;
382
-
383
- if (lineFirstChar === "v") {
384
- var data = line.split(/\s+/);
385
-
386
- switch (data[0]) {
387
- case "v":
388
- state.vertices.push(parseFloat(data[1]), parseFloat(data[2]), parseFloat(data[3]));
389
- if (data.length === 8) {
390
- state.colors.push(parseFloat(data[4]), parseFloat(data[5]), parseFloat(data[6]));
391
- }
392
- break;
393
- case "vn":
394
- state.normals.push(parseFloat(data[1]), parseFloat(data[2]), parseFloat(data[3]));
395
- break;
396
- case "vt":
397
- state.uvs.push(parseFloat(data[1]), parseFloat(data[2]));
398
- break;
399
- }
400
- } else if (lineFirstChar === "f") {
401
- var lineData = line.substr(1).trim();
402
- var vertexData = lineData.split(/\s+/);
403
- var faceVertices = [];
404
-
405
- // Parse the face vertex data into an easy to work with format
406
-
407
- for (var j = 0, jl = vertexData.length; j < jl; j++) {
408
- var vertex = vertexData[j];
409
-
410
- if (vertex.length > 0) {
411
- var vertexParts = vertex.split("/");
412
- faceVertices.push(vertexParts);
413
- }
414
- }
415
-
416
- // Draw an edge between the first vertex and all subsequent vertices to form an n-gon
417
-
418
- var v1 = faceVertices[0];
419
-
420
- for (var j = 1, jl = faceVertices.length - 1; j < jl; j++) {
421
- var v2 = faceVertices[j];
422
- var v3 = faceVertices[j + 1];
423
-
424
- state.addFace(v1[0], v2[0], v3[0], v1[1], v2[1], v3[1], v1[2], v2[2], v3[2]);
425
- }
426
- } else if (lineFirstChar === "l") {
427
- var lineParts = line
428
- .substring(1)
429
- .trim()
430
- .split(" ");
431
- var lineVertices = [],
432
- lineUVs = [];
433
-
434
- if (line.indexOf("/") === -1) {
435
- lineVertices = lineParts;
436
- } else {
437
- for (var li = 0, llen = lineParts.length; li < llen; li++) {
438
- var parts = lineParts[li].split("/");
439
-
440
- if (parts[0] !== "") lineVertices.push(parts[0]);
441
- if (parts[1] !== "") lineUVs.push(parts[1]);
442
- }
443
- }
444
- state.addLineGeometry(lineVertices, lineUVs);
445
- } else if (lineFirstChar === "p") {
446
- var lineData = line.substr(1).trim();
447
- var pointData = lineData.split(" ");
448
-
449
- state.addPointGeometry(pointData);
450
- } else if ((result = object_pattern.exec(line)) !== null) {
451
- // o object_name
452
- // or
453
- // g group_name
454
-
455
- // WORKAROUND: https://bugs.chromium.org/p/v8/issues/detail?id=2869
456
- // var name = result[ 0 ].substr( 1 ).trim();
457
- var name = (" " + result[0].substr(1).trim()).substr(1);
458
-
459
- state.startObject(name);
460
- } else if (material_use_pattern.test(line)) {
461
- // material
462
-
463
- state.object.startMaterial(line.substring(7).trim(), state.materialLibraries);
464
- } else if (material_library_pattern.test(line)) {
465
- // mtl file
466
-
467
- state.materialLibraries.push(line.substring(7).trim());
468
- } else if (lineFirstChar === "s") {
469
- result = line.split(" ");
470
-
471
- // smooth shading
472
-
473
- /*
474
- * http://paulbourke.net/dataformats/obj/
475
- * or
476
- * http://www.cs.utah.edu/~boulos/cs3505/obj_spec.pdf
477
- *
478
- * From chapter "Grouping" Syntax explanation "s group_number":
479
- * "group_number is the smoothing group number. To turn off smoothing groups, use a value of 0 or off.
480
- * Polygonal elements use group numbers to put elements in different smoothing groups. For free-form
481
- * surfaces, smoothing groups are either turned on or off; there is no difference between values greater
482
- * than 0."
483
- */
484
- if (result.length > 1) {
485
- var value = result[1].trim().toLowerCase();
486
- state.object.smooth = value !== "0" && value !== "off";
487
- } else {
488
- // ZBrush can produce "s" lines #11707
489
- state.object.smooth = true;
490
- }
491
- var material = state.object.currentMaterial();
492
- if (material) material.smooth = state.object.smooth;
493
- } else {
494
- // Handle null terminated files without exception
495
- if (line === "\0") continue;
496
-
497
- throw new Error('THREE.OBJLoader: Unexpected line: "' + line + '"');
498
- }
499
- }
500
-
501
- state.finalize();
502
-
503
- var container = new THREE.Group();
504
- container.materialLibraries = [].concat(state.materialLibraries);
505
-
506
- for (var i = 0, l = state.objects.length; i < l; i++) {
507
- var object = state.objects[i];
508
- var geometry = object.geometry;
509
- var materials = object.materials;
510
- var isLine = geometry.type === "Line";
511
- var isPoints = geometry.type === "Points";
512
- var hasVertexColors = false;
513
-
514
- // Skip o/g line declarations that did not follow with any faces
515
- if (geometry.vertices.length === 0) continue;
516
-
517
- var buffergeometry = new THREE.BufferGeometry();
518
-
519
- buffergeometry.setAttribute(
520
- "position",
521
- new THREE.Float32BufferAttribute(geometry.vertices, 3)
522
- );
523
-
524
- if (geometry.normals.length > 0) {
525
- buffergeometry.setAttribute(
526
- "normal",
527
- new THREE.Float32BufferAttribute(geometry.normals, 3)
528
- );
529
- } else {
530
- buffergeometry.computeVertexNormals();
531
- }
532
-
533
- if (geometry.colors.length > 0) {
534
- hasVertexColors = true;
535
- buffergeometry.setAttribute(
536
- "color",
537
- new THREE.Float32BufferAttribute(geometry.colors, 3)
538
- );
539
- }
540
-
541
- if (geometry.uvs.length > 0) {
542
- buffergeometry.setAttribute("uv", new THREE.Float32BufferAttribute(geometry.uvs, 2));
543
- }
544
-
545
- // Create materials
546
-
547
- var createdMaterials = [];
548
-
549
- for (var mi = 0, miLen = materials.length; mi < miLen; mi++) {
550
- var sourceMaterial = materials[mi];
551
- var material = undefined;
552
-
553
- if (this.materials !== null) {
554
- material = this.materials.create(sourceMaterial.name);
555
-
556
- // mtl etc. loaders probably can't create line materials correctly, copy properties to a line material.
557
- if (isLine && material && !(material instanceof THREE.LineBasicMaterial)) {
558
- var materialLine = new THREE.LineBasicMaterial();
559
- THREE.Material.prototype.copy.call(materialLine, material);
560
- materialLine.color.copy(material.color);
561
- materialLine.lights = false;
562
- material = materialLine;
563
- } else if (isPoints && material && !(material instanceof THREE.PointsMaterial)) {
564
- var materialPoints = new THREE.PointsMaterial({
565
- size: 10,
566
- sizeAttenuation: false,
567
- });
568
- THREE.Material.prototype.copy.call(materialPoints, material);
569
- materialPoints.color.copy(material.color);
570
- materialPoints.map = material.map;
571
- materialPoints.lights = false;
572
- material = materialPoints;
573
- }
574
- }
575
-
576
- if (!material) {
577
- if (isLine) {
578
- material = new THREE.LineBasicMaterial();
579
- } else if (isPoints) {
580
- material = new THREE.PointsMaterial({
581
- size: 1,
582
- sizeAttenuation: false,
583
- });
584
- } else {
585
- material = new THREE.MeshPhongMaterial();
586
- }
587
-
588
- material.name = sourceMaterial.name;
589
- }
590
-
591
- material.flatShading = sourceMaterial.smooth ? false : true;
592
- material.vertexColors = hasVertexColors ? THREE.VertexColors : THREE.NoColors;
593
-
594
- createdMaterials.push(material);
595
- }
596
-
597
- // Create mesh
598
-
599
- var mesh;
600
-
601
- if (createdMaterials.length > 1) {
602
- for (var mi = 0, miLen = materials.length; mi < miLen; mi++) {
603
- var sourceMaterial = materials[mi];
604
- buffergeometry.addGroup(sourceMaterial.groupStart, sourceMaterial.groupCount, mi);
605
- }
606
-
607
- if (isLine) {
608
- mesh = new THREE.LineSegments(buffergeometry, createdMaterials);
609
- } else if (isPoints) {
610
- mesh = new THREE.Points(buffergeometry, createdMaterials);
611
- } else {
612
- mesh = new THREE.Mesh(buffergeometry, createdMaterials);
613
- }
614
- } else {
615
- if (isLine) {
616
- mesh = new THREE.LineSegments(buffergeometry, createdMaterials[0]);
617
- } else if (isPoints) {
618
- mesh = new THREE.Points(buffergeometry, createdMaterials[0]);
619
- } else {
620
- mesh = new THREE.Mesh(buffergeometry, createdMaterials[0]);
621
- }
622
- }
623
-
624
- mesh.name = object.name;
625
-
626
- container.add(mesh);
627
- }
628
-
629
- console.timeEnd("OBJLoader");
630
-
631
- return container;
632
- },
633
- };
634
-
635
- return OBJLoader;
636
- })();
637
-
638
- // important: don't forget to export it
639
-
640
- export default THREE.OBJLoader;