Pinhole = (function(){ function Pinhole(){ this.lines = []; this.stack = []; } Pinhole.prototype.begin = function(){ this.stack.push(this.lines.length); } Pinhole.prototype.end = function(){ this.stack.pop(); } Pinhole.prototype.rotate = function(x, y, z){ var i = 0; if (this.stack.length > 0) { i = this.stack[this.stack.length-1]; } for (; i < this.lines.length; i++) { if (x != 0) { this.lines[i].p1 = rotate(this.lines[i].p1, x, 0); this.lines[i].p2 = rotate(this.lines[i].p2, x, 0); } if (y != 0) { this.lines[i].p1 = rotate(this.lines[i].p1, y, 1); this.lines[i].p2 = rotate(this.lines[i].p2, y, 1); } if (z != 0) { this.lines[i].p1 = rotate(this.lines[i].p1, z, 2); this.lines[i].p2 = rotate(this.lines[i].p2, z, 2); } } } Pinhole.prototype.translate = function(x, y, z){ var i = 0; if (this.stack.length > 0) { i = this.stack[this.stack.length-1]; } for (; i < this.lines.length; i++) { this.lines[i].p1.x += x; this.lines[i].p1.y += y; this.lines[i].p1.z += z; this.lines[i].p2.x += x; this.lines[i].p2.y += y; this.lines[i].p2.z += z; } } Pinhole.prototype.scale = function(x, y, z){ var i = 0; if (this.stack.length > 0) { i = this.stack[this.stack.length-1]; } for (; i < this.lines.length; i++) { this.lines[i].p1.x *= x; this.lines[i].p1.y *= y; this.lines[i].p1.z *= z; this.lines[i].p2.x *= x; this.lines[i].p2.y *= y; this.lines[i].p2.z *= z; } } Pinhole.prototype.colorize = function(color){ var i = 0; if (this.stack.length > 0) { i = this.stack[this.stack.length-1]; } for (; i < this.lines.length; i++) { this.lines[i].color = color; } } Pinhole.prototype.center = function(){ var i = 0; if (this.stack.length > 0) { i = this.stack[this.stack.length-1]; } var minx = Number.POSITIVE_INFINITY; var miny = Number.POSITIVE_INFINITY; var minz = Number.POSITIVE_INFINITY; var maxx = Number.NEGATIVE_INFINITY; var maxy = Number.NEGATIVE_INFINITY; var maxz = Number.NEGATIVE_INFINITY; for (; i < this.lines.length; i++) { if (this.lines[i].p1.x < minx) { minx = this.lines[i].p1.x; } if (this.lines[i].p1.x > maxx) { maxx = this.lines[i].p1.x; } if (this.lines[i].p1.y < miny) { miny = this.lines[i].p1.y; } if (this.lines[i].p1.y > maxy) { maxy = this.lines[i].p1.y; } if (this.lines[i].p1.z < minz) { minz = this.lines[i].p1.z; } if (this.lines[i].p1.z > maxz) { maxz = this.lines[i].p1.z; } if (this.lines[i].p2.x < minx) { minx = this.lines[i].p2.x; } if (this.lines[i].p2.x > maxx) { maxx = this.lines[i].p2.x; } if (this.lines[i].p2.y < miny) { miny = this.lines[i].p2.y; } if (this.lines[i].p2.y > maxy) { maxy = this.lines[i].p2.y; } if (this.lines[i].p2.z < minz) { minz = this.lines[i].p2.z; } if (this.lines[i].p2.z > maxz) { maxz = this.lines[i].p2.z; } } var x = (maxx + minx) / 2; var y = (maxy + miny) / 2; var z = (maxz + minz) / 2; this.translate(-x, -y, -z); } Pinhole.prototype.drawCube = function(minx, miny, minz, maxx, maxy, maxz) { this.drawLine(minx, maxy, minz, maxx, maxy, minz) this.drawLine(maxx, maxy, minz, maxx, miny, minz) this.drawLine(maxx, miny, minz, minx, miny, minz) this.drawLine(minx, miny, minz, minx, maxy, minz) this.drawLine(minx, maxy, maxz, maxx, maxy, maxz) this.drawLine(maxx, maxy, maxz, maxx, miny, maxz) this.drawLine(maxx, miny, maxz, minx, miny, maxz) this.drawLine(minx, miny, maxz, minx, maxy, maxz) this.drawLine(minx, maxy, minz, minx, maxy, maxz) this.drawLine(maxx, maxy, minz, maxx, maxy, maxz) this.drawLine(maxx, miny, minz, maxx, miny, maxz) this.drawLine(minx, miny, minz, minx, miny, maxz) } Pinhole.prototype.drawDot = function(x, y, z, radius){ this.drawLine(x, y, z, x, y, z) this.lines[this.lines.length-1].scale = 10 / 0.1 * radius; } Pinhole.prototype.drawLine = function(x1, y1, z1, x2, y2, z2) { this.lines.push({ p1:{x:x1,y:y1,z:z1}, p2:{x:x2,y:y2,z:z2}, color:'black', scale:1 }) } Pinhole.prototype.drawCircle = function(x, y, z, radius) { var f, l; var first, prev; var circleSteps = this.circleSteps||45; // we go one beyond the steps because we need to join at the end for (var i = 0; i <= circleSteps; i++) { var d = destination(x, y, (Math.PI*2)/circleSteps*i, radius); d.z = z if (i > 0) { if (i == circleSteps) { this.drawLine(l.x, l.y, l.z, f.x, f.y, f.z); } else { this.drawLine(l.x, l.y, l.z, d.x, d.y, d.z); } var line = this.lines[this.lines.length-1] line.nocaps = false; //line.circle = true; if (!first) { first = line; } line.cfirst = first; line.cprev = prev; if (prev) { prev.cnext = line; } prev = line; } else { f = d; } l = d; } } function capsInsert(caps, x, y, z){ var key = x+":"+y+":"+z; if (!caps[key]){ caps[key] = true; return true; } return false; } function compareLines(a, b){ var az = Math.min(a.p1.z, a.p2.z); var bz = Math.min(b.p1.z, b.p2.z); if (az > bz){ return -1; } else if (az < bz) { return +1; } var ay = Math.min(a.p1.y, a.p2.y); var by = Math.min(b.p1.z, b.p2.y); if (ay < by){ return -1; } else if (ay > by) { return +1; } var ax = Math.min(a.p1.x, a.p2.x); var bx = Math.min(b.p1.x, b.p2.x); if (ax < bx){ return -1; } else if (ax > bx) { return +1; } return 0; } Pinhole.prototype.render = function(canvas,opts){ var optsScale = (opts?opts.scale:null)||1; var optsLineWidth = (opts?opts.lineWidth:null)||1; var optsBGColor = (opts?opts.bgColor:null)||'white'; var width = canvas.width; var height = canvas.height; var c = canvas.getContext("2d") this.lines.sort(compareLines); for (var i=0;i