complete cxdlp viewer
This commit is contained in:
Stewart Allen
parent
8a42bd5326
commit
790b1f5869
2 changed files with 98 additions and 111 deletions
|
|
@ -142,9 +142,9 @@
|
|||
let d2 = this.view.getUint16(pos); pos += 2;
|
||||
let d3 = this.view.getUint16(pos); pos += 2;
|
||||
let y_start = d1 >> 3;
|
||||
let y_end = (d1 & 0x07) | (d2 >> 6);
|
||||
let x_end = (d2 & 0x3f) | (d3 >> 8);
|
||||
let color = d3 & 0xf;
|
||||
let y_end = ((d1 & 0b111) << 10) | (d2 >> 6);
|
||||
let x_end = ((d2 & 0b111111) << 8) | (d3 >> 8);
|
||||
let color = d3 & 0xff;
|
||||
out.push({y_start, y_end, x_end, color});
|
||||
}
|
||||
return out;
|
||||
|
|
@ -167,114 +167,13 @@
|
|||
// let fpos = 0;
|
||||
let view = new DataView(fs.readFileSync(file).buffer);
|
||||
let read = new DataReader(view, 0);
|
||||
|
||||
let cxdlp = new CXDLP().read(view);
|
||||
console.log({cxdlp}, cxdlp.layers.slice(0,5));
|
||||
console.log(cxdlp.get_layer_lines(1));
|
||||
//
|
||||
// function skip(len) {
|
||||
// return read.skip(len);
|
||||
// }
|
||||
//
|
||||
// function readU8() {
|
||||
// return read.readU8();
|
||||
// }
|
||||
//
|
||||
// function readU16() {
|
||||
// return read.readU16();
|
||||
// }
|
||||
//
|
||||
// function readU32() {
|
||||
// return read.readU32();
|
||||
// }
|
||||
//
|
||||
// function read_string(dbl) {
|
||||
// let len = readU32();
|
||||
// let str = '';
|
||||
// while (--len > 0) {
|
||||
// if (dbl) {
|
||||
// readU8();
|
||||
// len--;
|
||||
// }
|
||||
// str += String.fromCharCode(readU8());
|
||||
// }
|
||||
// if (!dbl) {
|
||||
// skip(1); // zero term on byte strings
|
||||
// // fpos++;
|
||||
// }
|
||||
// return str;
|
||||
// }
|
||||
//
|
||||
// let meta = {
|
||||
// file,
|
||||
// magic: read_string(),
|
||||
// version: readU16(),
|
||||
// model: read_string(),
|
||||
// layer_count: readU16(),
|
||||
// res_x: readU16(),
|
||||
// res_y: readU16(),
|
||||
// height: readU32(),
|
||||
// skip: skip(60),
|
||||
// thumb: skip(26914),
|
||||
// preview1: skip(168202),
|
||||
// preview2: skip(168202),
|
||||
// dim_x: read_string(true),
|
||||
// dim_y: read_string(true),
|
||||
// layer: read_string(true),
|
||||
// layer_light_on: readU16(),
|
||||
// layer_light_off: readU16(),
|
||||
// base_light_on: readU16(),
|
||||
// base_layers: readU16(),
|
||||
// base_lift_dist: readU16(),
|
||||
// base_lift_speed: readU16(),
|
||||
// layer_lift_dist: readU16(),
|
||||
// layer_lift_speed: readU16(),
|
||||
// down_speed: readU16(),
|
||||
// base_light_pwm: readU16(),
|
||||
// layer_light_pwm: readU16()
|
||||
// };
|
||||
// console.log(meta);
|
||||
// let layer_sizes = [];
|
||||
// for (let i=0; i<meta.layer_count; i++) {
|
||||
// layer_sizes.push(readU32());
|
||||
// }
|
||||
// let term = readU16(); // 0x0d0a
|
||||
// console.log(layer_sizes, term.toString(16));
|
||||
// let layer_data = [];
|
||||
// for (let i=0; i<meta.layer_count; i++) {
|
||||
// let size = readU32();
|
||||
// if (size !== layer_sizes[i]) {
|
||||
// console.log({size_mismatch: size, expected: layer_sizes[i]});
|
||||
// break;
|
||||
// }
|
||||
// let lines = readU32();
|
||||
// for (let j=0; j<lines; j++) {
|
||||
// let d1 = readU16();
|
||||
// let d2 = readU16();
|
||||
// let d3 = readU16();
|
||||
// let y_start = d1 >> 3;
|
||||
// let y_end = (d1 & 0x07) | (d2 >> 6);
|
||||
// let x_end = (d2 & 0x3f) | (d3 >> 8);
|
||||
// let color = d3 & 0xf;
|
||||
// if (i === 1 && j < 100) {
|
||||
// console.log({j, lines, y_start, y_end, x_end, color});
|
||||
// }
|
||||
// }
|
||||
// term = readU16(); // 0x0d0a
|
||||
// // console.log({i, fpos, size, lines, term: term.toString(16)});
|
||||
// if (term != 0xd0a) {
|
||||
// console.log({term_mismatch: term.toString(16)});
|
||||
// break;
|
||||
// }
|
||||
// layer_data.push({ size, lines, term });
|
||||
// }
|
||||
// let magic2 = read_string();
|
||||
// // calculate checksum with progressive XOR of all bytes up to this one
|
||||
// let csum = 0;
|
||||
// for (let i=0; i<read.pos; i++) {
|
||||
// csum = csum ^ view.getUint8(i);
|
||||
// }
|
||||
// let checksum = readU32();
|
||||
// console.log({magic2, checksum: checksum.toString(16), csum: csum.toString(16)});
|
||||
console.log({
|
||||
cxdlp,
|
||||
layers5: cxdlp.layers.slice(0,5),
|
||||
lines1: cxdlp.get_layer_lines(1)
|
||||
});
|
||||
} else if (this.navigator) {
|
||||
window.CXDLP = CXDLP;
|
||||
}
|
||||
}());
|
||||
|
|
|
|||
88
web/kiri/cxdlp.html
Normal file
88
web/kiri/cxdlp.html
Normal file
|
|
@ -0,0 +1,88 @@
|
|||
<html>
|
||||
<head>
|
||||
<style>
|
||||
body {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
div {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
}
|
||||
#slider {
|
||||
flex-grow: 1;
|
||||
}
|
||||
.over {
|
||||
background-color: rgba(0,255,0,0.1);
|
||||
}
|
||||
</style>
|
||||
<script src="/src/add/class.js"></script>
|
||||
<script src="/src/mode/sla/x_halot.js"></script>
|
||||
<script>
|
||||
function onload() {
|
||||
document.addEventListener("drop", (ev) => {
|
||||
document.body.classList.remove("over");
|
||||
let files = ev.dataTransfer.files;
|
||||
let reader = new FileReader();
|
||||
reader.onloadend = (e) => {
|
||||
let cxdlp = window.cxdlp = new CXDLP();
|
||||
cxdlp.read(new DataView(e.target.result), 0);
|
||||
console.log({cxdlp});
|
||||
slider.max = layers.value = cxdlp.layers.length - 1;
|
||||
render(slider.value = layer.value = 0);
|
||||
};
|
||||
reader.readAsArrayBuffer(files[0]);
|
||||
console.log("drop", files);
|
||||
ev.stopPropagation();
|
||||
ev.preventDefault();
|
||||
}, false);
|
||||
document.addEventListener("dragover", (ev) => {
|
||||
ev.stopPropagation();
|
||||
ev.preventDefault();
|
||||
document.body.classList.add("over");
|
||||
}, false);
|
||||
document.addEventListener("dragleave", (ev) => {
|
||||
ev.stopPropagation();
|
||||
ev.preventDefault();
|
||||
document.body.classList.remove("over");
|
||||
}, false);
|
||||
slider.onchange = () => {
|
||||
render(layer.value = slider.value);
|
||||
};
|
||||
layer.onchange = () => {
|
||||
render(slider.value = layer.value);
|
||||
};
|
||||
}
|
||||
function render(layer) {
|
||||
let cxdlp = window.cxdlp;
|
||||
if (!cxdlp || layer > cxdlp.layers.length || layer < 0) {
|
||||
return;
|
||||
}
|
||||
let lines = cxdlp.get_layer_lines(layer);
|
||||
let draw = canvas.getContext('2d');
|
||||
canvas.width = cxdlp.res_x;
|
||||
canvas.height = cxdlp.res_y;
|
||||
draw.fillStyle = 'black';
|
||||
draw.fillRect(0, 0, cxdlp.res_x, cxdlp.res_y);
|
||||
draw.lineWidth = 1;
|
||||
for (let line of lines) {
|
||||
draw.strokeStyle = `rgb(${line.color},${line.color},${line.color})`;
|
||||
draw.beginPath();
|
||||
draw.moveTo(line.x_end, line.y_end);
|
||||
draw.lineTo(line.x_end, line.y_start);
|
||||
draw.stroke();
|
||||
}
|
||||
console.log({render: layer, lines: lines.length});
|
||||
}
|
||||
window.addEventListener("DOMContentLoaded", onload);
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<div>
|
||||
<input id="layer" size=5>
|
||||
<input id="slider" type="range" min=0 max=100 value=0>
|
||||
<input id="layers" size=5 disabled=true>
|
||||
</div>
|
||||
<canvas id="canvas" width=4000 height=2000></canvas>
|
||||
</body>
|
||||
</html>
|
||||
Loading…
Reference in a new issue