extern/STL-to-OpenSCAD-Converter
1
0
Fork 0
mirror of https://github.com/raviriley/STL-to-OpenSCAD-Converter.git synced 2024-11-23 07:03:10 +01:00
Code Issues Packages Projects Releases Wiki Activity

Improve rendering and performance - merging #1 from raffaeler/master

Browse Source 
Formatting exported file with group of 3 vertices/triangles
This commit is contained in:
Ravi 2024-02-27 03:11:51 -08:00 committed by GitHub
commit 99726059b5
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 92 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
index.html
View File

@ -45,11 +45,12 @@
<input type="file" id="upload" name="file" accept=".stl"> <input type="file" id="upload" name="file" accept=".stl">
<label for="upload" class="button">Choose File</label> <label for="upload" class="button">Choose File</label>
<button id="cancel" class="button" onclick="abortRead();">Cancel</button> <button id="cancel" class="button" onclick="abortRead();">Cancel</button>
<div id="progress_bar"> <div id="progress_bar">
<div class="percent">0%</div> <div class="percent">0%</div>
</div> </div>
<p id="conversion"></p> <p id="conversion"></p>
<p id="triangles"></p>
<p id="bounds"></p>
<span id="result"></span> <span id="result"></span>
<div> <div>

101
js/main.js
View File

@ -8,6 +8,7 @@ var vertices = [];
var triangles = []; var triangles = [];
var modules = ''; var modules = '';
var calls = ''; var calls = '';
var functions = '';
var vertexIndex = 0; var vertexIndex = 0;
var converted = 0; var converted = 0;
var totalObjects = 0; var totalObjects = 0;
@ -18,6 +19,7 @@ function _reset() {
triangles = []; triangles = [];
modules = ''; modules = '';
calls = ''; calls = '';
functions = '';
vertexIndex = 0; vertexIndex = 0;
converted = 0; converted = 0;
totalObjects = 0; totalObjects = 0;
@ -53,6 +55,12 @@ function parseBinaryResult(stl) {
br.seek(80); //Skip header br.seek(80); //Skip header
var totalTriangles = br.readUInt32(); //Read # triangles var totalTriangles = br.readUInt32(); //Read # triangles
var minx = Number.MAX_VALUE;
var miny = Number.MAX_VALUE;
var minz = Number.MAX_VALUE;
var maxx = Number.MIN_VALUE;
var maxy = Number.MIN_VALUE;
var maxz = Number.MIN_VALUE;
for (var tr = 0; tr < totalTriangles; tr++) { for (var tr = 0; tr < totalTriangles; tr++) {
try { try {
document.getElementById('conversion').innerText = 'In Progress - Converted ' + (++converted) + ' out of ' + totalTriangles + ' triangles!'; document.getElementById('conversion').innerText = 'In Progress - Converted ' + (++converted) + ' out of ' + totalTriangles + ' triangles!';
@ -67,9 +75,32 @@ function parseBinaryResult(stl) {
br.readFloat(); br.readFloat();
br.readFloat(); //SKIP NORMAL br.readFloat(); //SKIP NORMAL
//Parse every 3 subsequent floats as a vertex //Parse every 3 subsequent floats as a vertex
var v1 = '[' + br.readFloat() + ',' + br.readFloat() + ',' + br.readFloat() + ']';
var v2 = '[' + br.readFloat() + ',' + br.readFloat() + ',' + br.readFloat() + ']'; var x1, y1, z1;
var v3 = '[' + br.readFloat() + ',' + br.readFloat() + ',' + br.readFloat() + ']'; var x2, y2, z2;
var x3, y3, z3;
x1 = br.readFloat();
y1 = br.readFloat();
z1 = br.readFloat();
x2 = br.readFloat();
y2 = br.readFloat();
z2 = br.readFloat();
x3 = br.readFloat();
y3 = br.readFloat();
z3 = br.readFloat();
minx = Math.min(minx, x1, x2, x3);
maxx = Math.max(maxx, x1, x2, x3);
miny = Math.min(miny, y1, y2, y3);
maxy = Math.max(maxy, y1, y2, y3);
minz = Math.min(minz, z1, z2, z3);
maxz = Math.max(maxz, z1, z2, z3);
var v1 = '[' + x1 + ',' + y1 + ',' + z1 + ']';
var v2 = '[' + x2 + ',' + y2 + ',' + z2 + ']';
var v3 = '[' + x3 + ',' + y3 + ',' + z3 + ']';
//every 3 vertices create a triangle. //every 3 vertices create a triangle.
var triangle = '[' + (vertexIndex++) + ',' + (vertexIndex++) + ',' + (vertexIndex++) + ']'; var triangle = '[' + (vertexIndex++) + ',' + (vertexIndex++) + ',' + (vertexIndex++) + ']';
@ -87,7 +118,9 @@ function parseBinaryResult(stl) {
} }
} }
saveResult(vertices, triangles); var boundsMin = `[${minx.toFixed(3)}, ${miny.toFixed(3)}, ${minz.toFixed(3)}]`;
var boundsMax = `[${maxx.toFixed(3)}, ${maxy.toFixed(3)}, ${maxz.toFixed(3)}]`;
saveResult(vertices, triangles, boundsMin, boundsMax);
} }
function parseAsciiResult(stl) { function parseAsciiResult(stl) {
@ -104,6 +137,12 @@ function parseAsciiResult(stl) {
match = objects[o].match(patt); match = objects[o].match(patt);
if (match == null) continue; if (match == null) continue;
var minx = Number.MAX_VALUE;
var miny = Number.MAX_VALUE;
var minz = Number.MAX_VALUE;
var maxx = Number.MIN_VALUE;
var maxy = Number.MIN_VALUE;
var maxz = Number.MIN_VALUE;
for (var i = 0; i < match.length; i++) { for (var i = 0; i < match.length; i++) {
try { try {
document.getElementById('conversion').innerText = 'In Progress - Object ' + (o + 1) + ' out of ' + objects.length + ' Converted ' + (++converted) + ' out of ' + match.length + ' facets!'; document.getElementById('conversion').innerText = 'In Progress - Object ' + (o + 1) + ' out of ' + objects.length + ' Converted ' + (++converted) + ' out of ' + match.length + ' facets!';
@ -119,6 +158,25 @@ function parseAsciiResult(stl) {
break; break;
} }
var a1, a2, a3;
a1 = parseFloat(v[1]);
a2 = parseFloat(v[4]);
a3 = parseFloat(v[7]);
minx = Math.min(minx, a1, a2, a3);
maxx = Math.max(maxx, a1, a2, a3);
a1 = parseFloat(v[2]);
a2 = parseFloat(v[5]);
a3 = parseFloat(v[8]);
miny = Math.min(miny, a1, a2, a3);
maxy = Math.max(maxy, a1, a2, a3);
a1 = parseFloat(v[3]);
a2 = parseFloat(v[6]);
a3 = parseFloat(v[9]);
minz = Math.min(minz, a1, a2, a3);
maxz = Math.max(maxz, a1, a2, a3);
var v1 = '[' + v[1] + ',' + v[2] + ',' + v[3] + ']'; var v1 = '[' + v[1] + ',' + v[2] + ',' + v[3] + ']';
var v2 = '[' + v[4] + ',' + v[5] + ',' + v[6] + ']'; var v2 = '[' + v[4] + ',' + v[5] + ',' + v[6] + ']';
var v3 = '[' + v[7] + ',' + v[8] + ',' + v[9] + ']'; var v3 = '[' + v[7] + ',' + v[8] + ',' + v[9] + ']';
@ -136,7 +194,9 @@ function parseAsciiResult(stl) {
} }
} }
saveResult(vertices, triangles); var boundsMin = `[${minx.toFixed(3)}, ${miny.toFixed(3)}, ${minz.toFixed(3)}]`;
var boundsMax = `[${maxx.toFixed(3)}, ${maxy.toFixed(3)}, ${maxz.toFixed(3)}]`;
saveResult(vertices, triangles, boundsMin, boundsMax);
} }
} }
@ -147,17 +207,34 @@ function error(err) {
} }
//Input: Set of vertices and triangles, both are strings //Input: Set of vertices and triangles, both are strings
//Makes the Download link create an OpenScad file with a polyhedron object that represents the parsed stl file //Makes the Download link create an OpenScad file with a polyhedron object that represents the parsed stl file
function saveResult(vertices, triangles) { function saveResult(vertices, triangles, boundsMin, boundsMax) {
// this function groups an array 'a' in groups of 'n'
const regroup = (a, n) => [...Array(Math.ceil(a.length / n))]
.map((item, i) => a.slice(i*n, (i+1)*n));
var poly = 'polyhedron(\r\n points=[' + vertices + ' ],\r\nfaces=[' + triangles + ']);'; // creates the group of 3 of both arrays
var verticesGroup = regroup(vertices, 3);
var trianglesGroup = regroup(triangles, 3);
calls = calls + 'object' + (++totalObjects) + '(1);\r\n\r\n'; // each line will be composed by three coordinates followed by the comma and the crlf
var verticesString = verticesGroup.map(g => g.join(',')).join(',\r\n');
var trianglesString = trianglesGroup.map(g => g.join(',')).join(',\r\n');
var poly = 'polyhedron(\r\n points=[' + verticesString + ' ],\r\nfaces=[' + trianglesString + ']);';
var objectName = `object${++totalObjects}`;
var functionMin = `${objectName}Min()`;
var functionMax = `${objectName}Max()`;
functions = functions + `function ${functionMin} = ${boundsMin};\r\n`;
functions = functions + `function ${functionMax} = ${boundsMax};\r\n\r\n`;
modules = modules + 'module object' + totalObjects + '(scale) {'; modules = modules + 'module object' + totalObjects + '(scale) {';
modules = modules + poly + '}\r\n\r\n'; modules = modules + poly + '}\r\n\r\n';
calls = calls + objectName + '(1);\r\n\r\n';
result = modules + calls; result = modules + functions + calls;
window.URL = window.URL || window.webkitURL; window.URL = window.URL || window.webkitURL;
//prompt("Copy scad:", result); //prompt result in a copyable field //prompt("Copy scad:", result); //prompt result in a copyable field
@ -168,7 +245,9 @@ function saveResult(vertices, triangles) {
$("#download").attr("href", window.URL.createObjectURL(blob)); $("#download").attr("href", window.URL.createObjectURL(blob));
$("#download").attr("download", "FromSTL.scad"); $("#download").attr("download", "FromSTL.scad");
document.getElementById("conversion").innerText = "Conversion complete - Click the button below to download your OpenSCAD file! Total Triangles: " + triangles.length; document.getElementById("conversion").innerText = "Conversion complete. Click the button below to download your OpenSCAD file!";
document.getElementById("triangles").innerText = "Total Triangles: " + triangles.length;
document.getElementById("bounds").innerText = "Bounds: " + boundsMin + ", " + boundsMax;
document.getElementById("download").style.display = ""; document.getElementById("download").style.display = "";
} }